diff --git a/demo/package.json b/demo/package.json index 2c5969a..17e2bc7 100644 --- a/demo/package.json +++ b/demo/package.json @@ -26,7 +26,7 @@ }, "scripts": { "start": "react-scripts start", - "build": "react-scripts build" + "build": "BUILD_PATH='../docs' react-scripts build" }, "eslintConfig": { "extends": "react-app" diff --git a/demo/build/asset-manifest.json b/docs/asset-manifest.json similarity index 61% rename from demo/build/asset-manifest.json rename to docs/asset-manifest.json index 52e7135..34fa38c 100644 --- a/demo/build/asset-manifest.json +++ b/docs/asset-manifest.json @@ -1,13 +1,13 @@ { "files": { "main.css": "./static/css/main.36d87df6.css", - "main.js": "./static/js/main.ed5ef913.js", + "main.js": "./static/js/main.1676e452.js", "index.html": "./index.html", "main.36d87df6.css.map": "./static/css/main.36d87df6.css.map", - "main.ed5ef913.js.map": "./static/js/main.ed5ef913.js.map" + "main.1676e452.js.map": "./static/js/main.1676e452.js.map" }, "entrypoints": [ "static/css/main.36d87df6.css", - "static/js/main.ed5ef913.js" + "static/js/main.1676e452.js" ] } \ No newline at end of file diff --git a/demo/build/favicon.png b/docs/favicon.png similarity index 100% rename from demo/build/favicon.png rename to docs/favicon.png diff --git a/demo/build/index.html b/docs/index.html similarity index 91% rename from demo/build/index.html rename to docs/index.html index d6557f3..cc4ba27 100644 --- a/demo/build/index.html +++ b/docs/index.html @@ -1 +1 @@ -
a||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"];\n if (null != _i) {\n var _s,\n _e,\n _x,\n _r,\n _arr = [],\n _n = !0,\n _d = !1;\n try {\n if (_x = (_i = _i.call(arr)).next, 0 === i) {\n if (Object(_i) !== _i) return;\n _n = !1;\n } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);\n } catch (err) {\n _d = !0, _e = err;\n } finally {\n try {\n if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return;\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n }\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import React from \"react\";\n// import { Link } from \"react-router-dom\";\nimport pkg from \"../package.json\";\n\nimport \"./Footer.scss\";\n\nconst Footer = () => (\n \n Set of {keys.length} SVG icons for CRUD\n applications (hand-picked among thousands of icons at{\" \"}\n \n Material Design Icons\n \n ), packaged as a React component with light & dark themes and\n tooltip.\n \n Open Source at GitHub:{\" \"}\n \n evoluteur/react-crud-icons\n \n \n The package can be installed via{\" \"}\n npm:\n \n You’ll need to install React and PropTypes separately since those\n dependencies aren't included in the package.\n \n Below is a simple example of how to use the component in a React\n view. You will also need to include the CSS file from this package\n (or provide your own). The example below shows how to include the\n CSS from this package if your build system supports requiring CSS\n files (Webpack is one that does).\n \n Note: Icons only take focus on tab when the \"onClick\" property is\n set and they are not disabled.\n \n \n React-CRUD-Icons\n {\" \"}\n is Open Source with{\" \"}\n \n MIT License\n \n .\n \n Suggest a feature or report a bug at \n \n GitHub\n \n .\n a||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"];\n if (null != _i) {\n var _s,\n _e,\n _x,\n _r,\n _arr = [],\n _n = !0,\n _d = !1;\n try {\n if (_x = (_i = _i.call(arr)).next, 0 === i) {\n if (Object(_i) !== _i) return;\n _n = !1;\n } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);\n } catch (err) {\n _d = !0, _e = err;\n } finally {\n try {\n if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return;\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n }\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import React from \"react\";\n// import { Link } from \"react-router-dom\";\nimport pkg from \"../package.json\";\n\nimport \"./Footer.scss\";\n\nconst Footer = () => (\n \n Set of {keys.length} SVG icons for CRUD\n applications (hand-picked among thousands of icons at{\" \"}\n \n Material Design Icons\n \n ), packaged as a React component with light & dark themes and\n tooltip.\n \n Open Source at GitHub:{\" \"}\n \n evoluteur/react-crud-icons\n \n \n The package can be installed via{\" \"}\n npm:\n \n You’ll need to install React and PropTypes separately since those\n dependencies aren't included in the package.\n \n Below is a simple example of how to use the component in a React\n view. You will also need to include the CSS file from this package\n (or provide your own). The example below shows how to include the\n CSS from this package if your build system supports requiring CSS\n files (Webpack is one that does).\n \n Note: Icons only take focus on tab when the \"onClick\" property is\n set and they are not disabled.\n \n \n React-CRUD-Icons\n {\" \"}\n is Open Source with{\" \"}\n \n MIT License\n \n .\n \n Suggest a feature or report a bug at \n \n GitHub\n \n .\n \n React-CRUD-Icons v{pkg?.version}\n
\n\n \n \n \n
\n
\n\n Installation
\n npm install react-crud-icons --save
\n\n Usage
\n \n import React from \"react\";\n
\n\n
\n import Icon from \"react-crud-icons\";\n
\n
\n import \"react-crud-icons/dist/react-crud-icons.css\";\n
\n
\n const ExampleComponent = () => {\"(\"}\n
\n
\n
\n tooltip = \"Edit\"\n
\n theme = \"light\"\n
\n size = \"medium\"\n
\n onClick = {\"{\"} doSomething {\"}\"}\n
\n Properties
\n \n \n
\n \n \n name \n \n Possible values: {keys.map((k) => `\"${k}\"`).join(\", \")}.\n \n \n \n size \n \n Possible values: \"tiny\", \"small\", \"medium\", \"large\", \"big\",\n \"huge\".\n \n \n \n theme \n \n Possible values: \"light\", \"dark\". Use theme=\"none\" to\n display raw SVG without the CSS classes and hover effect.{\" \"}\n \n \n \n tooltip \n Tooltip text shown on hover. \n \n \n disabled \n Disable click event (icon in grey). \n \n \n onClick \n \n Callback function triggered when icon is clicked. If empty,\n there will be no hover effect on the icon.\n \n \n \n \n className \n Additional CSS class name. \n License
\n \n React-CRUD-Icons v{pkg?.version}\n
\n\n \n \n \n
\n
\n\n Installation
\n npm install react-crud-icons --save
\n\n Usage
\n \n import React from \"react\";\n
\n\n
\n import Icon from \"react-crud-icons\";\n
\n
\n import \"react-crud-icons/dist/react-crud-icons.css\";\n
\n
\n const ExampleComponent = () => {\"(\"}\n
\n
\n
\n tooltip = \"Edit\"\n
\n theme = \"light\"\n
\n size = \"medium\"\n
\n onClick = {\"{\"} doSomething {\"}\"}\n
\n Properties
\n \n \n
\n \n \n name \n \n Possible values: {keys.map((k) => `\"${k}\"`).join(\", \")}.\n \n \n \n size \n \n Possible values: \"tiny\", \"small\", \"medium\", \"large\", \"big\",\n \"huge\".\n \n \n \n theme \n \n Possible values: \"light\", \"dark\". Use theme=\"none\" to\n display raw SVG without the CSS classes and hover effect.{\" \"}\n \n \n \n tooltip \n Tooltip text shown on hover. \n \n \n disabled \n Disable click event (icon in grey). \n \n \n onClick \n \n Callback function triggered when icon is clicked. If empty,\n there will be no hover effect on the icon.\n \n \n \n \n className \n Additional CSS class name. \n License
\n