{"_id":"o-react-toolbox","_rev":"4-939f427327b0a287638f9e18876d9988","name":"o-react-toolbox","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.0":{"name":"o-react-toolbox","version":"0.1.0","description":"Utilities for React","main":"dist/main.js","scripts":{"test":"npx mocha --config ./utilities-config/.mocharc.json ./src/**/*.test.js","build":"rm -rf ./dist && npx webpack --mode development","deploy":"npm run build && npm publish"},"author":{"name":"Martin Rubi"},"license":"ISC","homepage":"https://bitbucket.org/haijin-development/react-toolbox","devDependencies":{"@babel/core":"^7.10.1","@babel/preset-env":"^7.10.1","@babel/preset-react":"^7.10.1","@babel/register":"^7.10.1","@testing-library/react":"^10.0.4","babel-loader":"^8.1.0","chai":"^4.2.0","eslint":"^7.1.0","eslint-config-standard":"*","eslint-plugin-import":"*","eslint-plugin-node":"*","eslint-plugin-promise":"*","eslint-plugin-standard":"*","jsdom":"^16.2.2","jsdom-global":"^3.0.2","mocha":"^7.2.0","nyc":"^15.0.0","o-testing-toolbox":"1.0.1","webpack":"^4.43.0","webpack-cli":"^3.3.11"},"dependencies":{"o-method-proxy":"1.0.0","o-toolbox":"1.1.0","react":"^16.13.0","react-dom":"^16.13.1"},"gitHead":"99984d83b933649bc173f39e9d5562d1a2aab657","_id":"o-react-toolbox@0.1.0","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-+gX+amFPUBiCX8eSnDhhSuklA6D/+uaCC1ZNm37sqh9znscuvxxTC/V8Weac0ufJdDTp0+a96GkNBdxfSfk7jw==","shasum":"c519b412d14b150254847e18b3cbf7eca6d5517b","tarball":"https://registry.npmjs.org/o-react-toolbox/-/o-react-toolbox-0.1.0.tgz","fileCount":44,"unpackedSize":2193920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUF4gCRA9TVsSAnZWagAAliUP/3GKVAUE1MmKgtG3A57D\ne8lSpmhCwg0MUiunPju6/Vf/YYhNHRFuTwnTWkTn51jCkhysGDc9NaheZnUf\n+J45F1UfRYQzua3rOZ+lPT9zm0RXfzLw2ov0R3WUGfgwlNs3zj4V/BsSbY7a\nJRpzUG/EDWARN1C8fxMWctDSwqWRHY6Z/P97dTiqe2MkruGvHV2s5f1yDlO0\nsNPgJIlmCzxMCQf7XxS4myt8M0uXuTQhYdkpBqDq7ELg2Fe/R/W8q2785+Tj\nfjNS0tYnQRATymK9gHuHsswGCO8qhcAgyYTr8+zOiR8705EETwijte6xuuJp\nRm5dUlgPYM66PFYwvXsoMKM+bbNgxNb7BY4rYQHLJrc1i83uFmJWEyuza4Yh\n4KKu+rPjKC0u7WH9oCB+HTY4VhHdzuLaGJkinB16rrnd5NAjava/zi/ai/3H\nXn6BDRFuo9hVtnnmsovSrd5aPgQc/5Uj5wkXunirevTN1H7tI8J5mQCom02K\nR0eEhZ4feeERdMRe40m9+tFBLY2OcUmsi7hqjC5e/A6V3NPWXGxfKMowuQgK\n2BeqDAxryN9tRbMz1uK13zLPibdpAh4JHcrsQ3ORK9nJmjmM0c/I8y0/y6MC\nyddwDzhmuNB7wAQwJuYYho4x374jghI7Nw2s2r4xs9vv+6abdjjjIhpTi5mp\nOcPn\r\n=Lm4a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEa0rKp6ZupFsgL8b1Wifi90rACy9xPNhunS7rRAFKBsAiB1OUUs1kDS0UWn3fxOgrZdF9Yf8AYrz1tLw5holCxuNA=="}]},"maintainers":[{"name":"haijindev","email":"haijin.development@gmail.com"}],"_npmUser":{"name":"haijindev","email":"haijin.development@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/o-react-toolbox_0.1.0_1599102495511_0.8034602013292309"},"_hasShrinkwrap":false,"deprecated":"This library was moved to o-react-blue, please use o-react-blue instead"},"0.2.0":{"name":"o-react-toolbox","version":"0.2.0","description":"Utilities for React","main":"dist/main.js","scripts":{"test":"npx mocha --config ./utilities-config/.mocharc.json ./src/**/*.test.js","build":"rm -rf ./dist && npx webpack --mode production","deploy":"npm run build && npm publish"},"author":{"name":"Martin Rubi"},"license":"ISC","homepage":"https://bitbucket.org/haijin-development/react-toolbox","devDependencies":{"@babel/core":"^7.10.1","@babel/preset-env":"^7.10.1","@babel/preset-react":"^7.10.1","@babel/register":"^7.10.1","@testing-library/react":"^10.0.4","babel-loader":"^8.1.0","chai":"^4.2.0","eslint":"^7.1.0","eslint-config-standard":"*","eslint-plugin-import":"*","eslint-plugin-node":"*","eslint-plugin-promise":"*","eslint-plugin-standard":"*","jsdom":"^16.2.2","jsdom-global":"^3.0.2","mocha":"^7.2.0","nyc":"^15.0.0","o-testing-toolbox":"1.0.1","webpack":"^4.43.0","webpack-cli":"^3.3.11"},"dependencies":{"o-method-proxy":"^1.0.0","o-toolbox":"^1.2.0","react":"^16.13.0","react-dom":"^16.13.1"},"gitHead":"33015787acf2e3228b6945f9522c2fb1756d8ada","_id":"o-react-toolbox@0.2.0","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-eOFkMzBDZ5zLTh+Y8GFVikDF8G+NEQqPXdxLZIsm/0nFUQzKOfwbUyTAp2h0rLg78rNZKyJiOAVgtlAXhaGU3g==","shasum":"165fdb661bcb44d74cfe3231bd07552e403fa941","tarball":"https://registry.npmjs.org/o-react-toolbox/-/o-react-toolbox-0.2.0.tgz","fileCount":43,"unpackedSize":496511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaUzlCRA9TVsSAnZWagAALo4P/2Djlb8KEqgYW6db2vlh\nxqrWK893PibZTjuIk3vmamO0HizuSC07hb7D6TqG4KMkGDNjcTC8EVGnTd67\nR+Fkm7gVh0C5stbg1jzOQa5tuhTh/9cBSbwWEyJDL+JXf61bQijbEjfdoeJ4\nKThIYriAeVTw98hXVYoGFnnpZQZb/o4iCYfbRzxpnIC93Nm6DF0Ch23XFFZh\nPxGB1LnGS77ORBzkCdB6261YjBtC8M89YUpHdKDUkFFxINhqygsZ6nhWo5LX\nMHP6PzdOz+20EtM/lEnhcseYXIu33eXYvi9IVojgXXg3+IuEYGomF204PHjS\nkiQnaUfQzXh7snNPg9SzpEu0pfPiLjDlP+njn0DIMvRpXycSxLVuIMZCcUrD\nbG/1UT/cCJUVCMLTiFr44JR7uTEvlsCfm6YuHeGSd3oG1qv213LmRW+QYGuE\nHnEE6Fm8VhMPF8F1NNT6vgo537ZKw+g/Z3omgNG8JCuJgmeyysn5FysMM5gb\nIuGCRfGB0S54qdWzu07cM8Wes9bYpXXSWbEc5IgIZ08JHIumr4sbuS3YtjnO\nkmr37F11kraYEkOsUEBxNE4ZCPMFRytSH5PToD+BZE4fMykCfEw503447GzJ\n3cmkq31nU2ZLfQHu6U5o8J022LaH14ga14zsbz2Dy6ke8Elxl6uDJUE0Qh/N\n5F3R\r\n=yIu1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhs3AouE4QWnGVkGXP74iUcmXCeRsM736Ke7ADatj5ygIhAOetVXdzo0dAp3+AjYARoiLUajKLKViWqgXaP0JrklOl"}]},"maintainers":[{"name":"haijindev","email":"haijin.development@gmail.com"}],"_npmUser":{"name":"haijindev","email":"haijin.development@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/o-react-toolbox_0.2.0_1600736484777_0.5187075824496539"},"_hasShrinkwrap":false,"deprecated":"This library was moved to o-react-blue, please use o-react-blue instead"},"0.2.1":{"name":"o-react-toolbox","version":"0.2.1","description":"Utilities for React","main":"dist/main.js","scripts":{"test":"npx mocha --config ./utilities-config/.mocharc.json ./src/**/*.test.js","build":"rm -rf ./dist && npx webpack --mode production","deploy":"npm run build && npm publish"},"author":{"name":"Martin Rubi"},"license":"ISC","homepage":"https://bitbucket.org/haijin-development/react-toolbox","devDependencies":{"@babel/core":"^7.12.1","@babel/preset-env":"^7.12.1","@babel/preset-react":"^7.12.1","@babel/register":"^7.12.1","@testing-library/react":"11.1.0","babel-loader":"^8.1.0","chai":"^4.2.0","eslint":"^7.11.0","eslint-config-standard":"^14.1.1","eslint-plugin-import":"^2.22.1","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","jsdom":"^16.2.2","jsdom-global":"^3.0.2","mocha":"^7.2.0","nyc":"^15.0.0","o-testing-toolbox":"^2.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0"},"dependencies":{"o-method-proxy":"^1.0.0","o-toolbox":"^2.0.0","react":"^16.14.0","react-dom":"^16.14.0"},"gitHead":"bdb4154a77c05d08273fe88b9e6c50fca3a1d816","_id":"o-react-toolbox@0.2.1","_nodeVersion":"14.12.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-kOTf8NgxacS1eHVvXYWmZfm2WIW80Frs/WmQt0tprI/+y+yIDS1VP/K03YjEcvYxUVdJrOHQB/6dQtIePlTFXQ==","shasum":"10ec0f00fc2e109d031f67cd9a373e9d30d2b87b","tarball":"https://registry.npmjs.org/o-react-toolbox/-/o-react-toolbox-0.2.1.tgz","fileCount":44,"unpackedSize":488653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiyMhCRA9TVsSAnZWagAADSIP/2aosrUJl7R316FuYzOf\nf5nIP+yTF2D8cuLw1b9l/DnFa38Jcff2+BtipVITvnY3VxU3VcA4Y58HEZLR\nZJi9dkpZhA8FHXWEAEFquXssLV4++rt0kZ6CFQh7jdi04b9TyMXGonjSMy7d\nbXtd0uDECuxIFOHrmwO3GYBUGqfyPIWh1ZiEzkS6GzsoH/PGoLgln1yrcjUY\nWsoPFyguxwj+/YLrN8uzAmWG6YC9Y7uQhcZ64xkzVQ9ezCKJkUPhelTyJDOg\nKJ4Tusly6I1+eaV3eiCja0OvfZs98IN/YyM15/onqzis/bP3HsUtLL6OKmLt\nT/WjcsAbIlYsGiBuSDkHzmJZXe/ueqRz6e2wJX1VG5Cs6ulA4wQhKRqLYbi7\n5AdZ49oqPbGFT2abgBorE3OdduFtePf1rDIfQ1LCZfcpUaOItOGrHNHKF9QG\nfPpYs0UgmRYHG+A6i+Gtc6TaBxZTOSTP1T/NMmW/QedR80D8XosbshIYfeeN\nvoBg19oCPVnuftX2dkQv4VLr2MFFM+t5oFxhfYmfs8cw5dfY9yddYnyEpFx0\n7vxWLy8hFJYyoVelUlJSJSYaOXLUvyO35Vslm5dKF/1ZDB2HTPN9QmqxM6od\nJcI5jkmFFcL99qZk8GK5o7gwMN/F+Szz1WyOOsXIsC1dFHyENBrNgds9x76q\nDizN\r\n=FOIT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAclOLGV20KICxscIUPd+lLTmGMkkuXbHz6RkcCd7VLCAiEAtI2iw2Rxp0tylObj3xFDG9jABjOzd+Ou1i0uAMXYls8="}]},"maintainers":[{"name":"haijindev","email":"haijin.development@gmail.com"}],"_npmUser":{"name":"haijindev","email":"haijin.development@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/o-react-toolbox_0.2.1_1602954017245_0.7059785886650036"},"_hasShrinkwrap":false,"deprecated":"This library was moved to o-react-blue, please use o-react-blue instead"}},"time":{"created":"2020-09-03T03:08:15.511Z","0.1.0":"2020-09-03T03:08:15.723Z","modified":"2022-05-12T00:03:09.849Z","0.2.0":"2020-09-22T01:01:24.979Z","0.2.1":"2020-10-17T17:00:17.462Z"},"maintainers":[{"name":"haijindev","email":"haijin.development@gmail.com"}],"description":"Utilities for React","homepage":"https://bitbucket.org/haijin-development/react-toolbox","author":{"name":"Martin Rubi"},"license":"ISC","readme":"# React toolSpaceFiller\n\nComponents and utilities for React library\n\n**Note**\n\nI use this library to write programs that I use. For that reason I will continue to improve it as long as I continue to program with it.\n\n`o-react-toolbox` does semantic versioning and a change of a major version number will introduce breaking changes.\n\nShould you choose to use this library be aware that I will **not** support other versions than the most recent one nor I'll provide migration scripts or even migration notes between versions.\n\n\nIf you are using `o-react-blue` install `o-react-blue` and skip this library. `o-react-blue` install this library for convenience\n\n## Installation\n\n```\nnpm install o-react-toolbox\n```\n\nIf you are using `react-blue` skip this installation\n\n## Usage\n\n### Flex\n\nFlex column example\n\n\n```javascript\n<VerticalStack>\n  <SpaceFiller>\n    Some contents\n  </SpaceFiller>\n  <SpaceFiller>\n    More contents\n  </SpaceFiller>\n</VerticalStack>\n```\n\nFlex row example\n\n```javascript\n<HorizontalStack>\n  <SpaceFiller>\n    Some contents\n  </SpaceFiller>\n  <SpaceFiller>\n    More contents\n  </SpaceFiller>\n</HorizontalStack>\n```\n\nCenter a <SpaceFiller> using flex\n\n```javascript\n<HorizontalStack>\n  <SpaceFiller expand/>\n  <SpaceFiller>\n    Some contents\n  </SpaceFiller>\n  <SpaceFiller expand/>\n</HorizontalStack>\n```\n\nEvenly distributed SpaceFilleres\n\n```javascript\n<HorizontalStack>\n  <SpaceFiller expand/>\n  <SpaceFiller>\n    Some contents\n  </SpaceFiller>\n  <SpaceFiller expand/>\n  <SpaceFiller>\n    More contents\n  </SpaceFiller>\n  <SpaceFiller expand/>\n</HorizontalStack>\n```\n\nSpaceFiller with a fixed size separation expressed in `vw` \n\n```javascript\n<HorizontalStack>\n  <SpaceFiller expand/>\n  <SpaceFiller>\n    Some contents\n  </SpaceFiller>\n  <SpaceFiller fixedSize='3'/>\n  <SpaceFiller>\n    More contents\n  </SpaceFiller>\n  <SpaceFiller expand/>\n</HorizontalStack>\n```\n\nSpaceFiller alignment\n\n```javascript\n<HorizontalStack>\n  <SpaceFiller top>\n    Some contents\n  </SpaceFiller>\n  <SpaceFiller center>\n    More contents\n  </SpaceFiller>\n  <SpaceFiller bottom>\n    Even more contents\n  </SpaceFiller>\n</HorizontalStack>\n```\n\n### Grid\n\nCreate a Grid of 10x3\n\n```javascript\n<Grid w=\"10\" h=\"3\">\n  <Cell x=\"1\" y=\"1\" w=\"2\" h=\"2\">\n    Some contents\n  </Cell>\n  <Cell x=\"6\" y=\"1\" w=\"1\" h=\"3\">\n    More contents\n  </Cell>\n</Grid />\n```\n\nCreate a Column and split its space among several Cells\n\n```javascript\n<VerticalSplitter>\n  <Split size={1}>\n    Some contents\n  </Split>\n  <SpaceFiller size={2}>\n  <Split size={3}>\n    More contents\n  </Split>\n</VerticalSplitter>\n```\n\nCreate a Row and split its space among several Cells\n\n```javascript\n<HorizontalSplitter>\n  <Split size={1}>\n    Some contents\n  </Split>\n  <SpaceFiller size={2}>\n  <Split size={3}>\n    More contents\n  </Split>\n</VerticalSplitter>\n```","readmeFilename":"README.md"}