Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

iflex-react-library

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

iflex-react-library - npm Package Compare versions

Comparing version 1.0.57 to 1.0.58

2

dist/index.js

@@ -1,1 +0,1 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),PropTypes__default=_interopDefaultLegacy(PropTypes),DefaultComponent=function(e){e=e.children;return React__default.default.createElement("div",{style:{padding:"10px",height:"100vw",position:"relative",backgroundColor:"aliceblue"}},React__default.default.createElement("h1",{style:{color:"green"}},"IFLEX-REACT-LIBRARY"),React__default.default.createElement("h3",{style:{color:"darkorange"}},"This text is from the default Component"),e)};function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||(n[r]=e[r]);return n}function _objectWithoutProperties(e,t){if(null==e)return{};var r,n=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r]);return n}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,o=!1,a=void 0;try{for(var l,u=e[Symbol.iterator]();!(n=(l=u.next()).done)&&(r.push(l.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return r}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Map"===(r="Object"===r&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}DefaultComponent.propTypes={children:PropTypes__default.default.node.isRequired};var img="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3'%3e %3cg fill='%2361DAFB'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3cpath d='M520.5 78.1z'/%3e %3c/g%3e%3c/svg%3e",img$1="data:image/png;base64,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";function styleInject(e,t){var r,n=(t=void 0===t?{}:t).insertAt;e&&"undefined"!=typeof document&&(r=document.head||document.getElementsByTagName("head")[0],(t=document.createElement("style")).type="text/css","top"===n&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e)))}var css_248z=".test-component {\n margin-top: 10px;\n background-color: white;\n border: 1px solid black;\n border-radius: 5px;\n padding: 16px;\n width: 500px;\n text-align: center;\n}\n.test-component.test-component-secondary {\n background-color: black;\n color: white;\n}\n.test-component-heading {\n color: blue;\n}\n.test-component-logo {\n width: 300px;\n animation: logo-spin infinite 20s linear;\n}\n.test-component-counter {\n color: green;\n}\n.test-component-text {\n color: purple;\n}\n\n@keyframes logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";styleInject(css_248z);var About=function(e){var t=e.showCounter,r=e.showReactLogo,n=e.showBootflexLogo,e=_slicedToArray(React.useState(0),2),o=e[0],a=e[1];return React.useEffect(function(){var e=setTimeout(function(){return a(o+1)},1e3);return function(){return clearTimeout(e)}},[o,a]),React__default.default.createElement("div",{className:"test-component"},React__default.default.createElement("div",{"data-testid":"test-component",className:"test-component-primary"},r?React__default.default.createElement("img",{src:img,className:"test-component-logo",alt:"logo"}):React__default.default.createElement(React__default.default.Fragment,null),React__default.default.createElement("h1",{className:"test-component-heading"},"iflex-react-library"),t?React__default.default.createElement("h3",{className:"test-component-counter"},"Page has been open for ",React__default.default.createElement("code",null,o)," seconds."):React__default.default.createElement(React__default.default.Fragment,null),React__default.default.createElement("p",{className:"test-component-text"},"This component demonstrates a library component using Hooks, Images and scss inside a library module file. If you install this library into an external app via npm these images and hooks will not created an error. Try modifying any of the sample components and see how state is preserved (time counter is not reset to zero) when changes are made."),n?React__default.default.createElement("img",{src:img$1,alt:"bootflexlogo"}):React__default.default.createElement(React__default.default.Fragment,null)))};About.propTypes={showCounter:PropTypes__default.default.bool,showReactLogo:PropTypes__default.default.bool,showBootflexLogo:PropTypes__default.default.bool},About.defaultProps={showCounter:!0,showReactLogo:!0,showBootflexLogo:!0};var css_248z$1=".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 5px;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n width: 100%;\n margin: 10px;\n margin-left: 0px;\n}\n.storybook-button-small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button-medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button-large {\n font-size: 16px;\n padding: 12px 24px;\n}\n";styleInject(css_248z$1);var Button=function(e){var t=e.color,r=e.size,n=e.label,o=e.onClick,a=_objectWithoutProperties(e,["color","size","label","onClick"]),e={color:"white"};return t&&(e.backgroundColor=t),React__default.default.createElement("button",_extends({type:"button",className:"storybook-button storybook-button-".concat(r),style:e,onClick:o},a),n)};Button.propTypes={color:PropTypes__default.default.oneOf(["blue","red","green","purple"]),size:PropTypes__default.default.oneOf(["small","medium","large"]),label:PropTypes__default.default.string.isRequired,onClick:PropTypes__default.default.func},Button.defaultProps={label:"Button",color:"blue",size:"medium",onClick:void 0};var css_248z$2="body {\r\n margin: 40px;\r\n}\r\n\r\n.sidebar {\r\n grid-area: sidebar;\r\n}\r\n\r\n.content {\r\n grid-area: content;\r\n position: relative;\r\n}\r\n\r\n.header {\r\n grid-area: header;\r\n}\r\n\r\n.footer {\r\n grid-area: footer;\r\n}\r\n\r\n.wrapper {\r\n display: grid;\r\n grid-gap: 10px;\r\n grid-template-columns: 25% 50% 25%;\r\n grid-template-areas:\r\n 'header header header'\r\n 'sidebar content content'\r\n 'footer footer footer';\r\n background-color: #fff;\r\n color: #444;\r\n}\r\n\r\n.box {\r\n background-color: #444;\r\n color: #fff;\r\n border-radius: 5px;\r\n padding: 25px;\r\n font-size: 150%;\r\n}\r\n\r\n.header,\r\n.footer {\r\n background-color: #999;\r\n}\r\n\r\n.topleft {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.topright {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.bottomleft {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.bottomright {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n";styleInject(css_248z$2);var Layout=function(e){var t=e.header,r=e.sidebar,n=e.content,e=e.footer;return React__default.default.createElement("div",{className:"wrapper"},t?React__default.default.createElement("div",{className:"box header"},t):React__default.default.createElement(React__default.default.Fragment,null),r?React__default.default.createElement("div",{className:"box sidebar"},r):React__default.default.createElement(React__default.default.Fragment,null),n?React__default.default.createElement("div",{className:"box content"},n):React__default.default.createElement(React__default.default.Fragment,null),e?React__default.default.createElement("div",{className:"box footer"},e):React__default.default.createElement(React__default.default.Fragment,null))};Layout.propTypes={header:PropTypes__default.default.string,content:PropTypes__default.default.oneOfType([PropTypes__default.default.string,PropTypes__default.default.element]),footer:PropTypes__default.default.oneOfType([PropTypes__default.default.string,PropTypes__default.default.element]),sidebar:PropTypes__default.default.oneOfType([PropTypes__default.default.string,PropTypes__default.default.element])},Layout.defaultProps={header:"HEADER",content:"Please provide body prop to Layout",sidebar:"SIDEBAR",footer:"FOOTER"},exports.About=About,exports.Button=Button,exports.Layout=Layout,exports.default=DefaultComponent;
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),PropTypes__default=_interopDefaultLegacy(PropTypes),DefaultComponent=function(e){e=e.children;return React__default.default.createElement("div",{style:{padding:"10px",height:"100vw",position:"relative",backgroundColor:"aliceblue"}},React__default.default.createElement("h1",{style:{color:"green"}},"IFLEX-REACT-LIBRARY"),React__default.default.createElement("h3",{style:{color:"darkorange"}},"This text is from the default Component"),e)};function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||(n[r]=e[r]);return n}function _objectWithoutProperties(e,t){if(null==e)return{};var r,n=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r]);return n}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,o=!1,a=void 0;try{for(var l,u=e[Symbol.iterator]();!(n=(l=u.next()).done)&&(r.push(l.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return r}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Map"===(r="Object"===r&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}DefaultComponent.propTypes={children:PropTypes__default.default.node.isRequired};var img="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3'%3e %3cg fill='%2361DAFB'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3cpath d='M520.5 78.1z'/%3e %3c/g%3e%3c/svg%3e",img$1="data:image/png;base64,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";function styleInject(e,t){var r,n=(t=void 0===t?{}:t).insertAt;e&&"undefined"!=typeof document&&(r=document.head||document.getElementsByTagName("head")[0],(t=document.createElement("style")).type="text/css","top"===n&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e)))}var css_248z=".test-component {\n margin-top: 10px;\n background-color: white;\n border: 1px solid black;\n border-radius: 5px;\n padding: 16px;\n width: 500px;\n text-align: center;\n}\n.test-component.test-component-secondary {\n background-color: black;\n color: white;\n}\n.test-component-heading {\n color: blue;\n}\n.test-component-logo {\n width: 300px;\n animation: logo-spin infinite 20s linear;\n}\n.test-component-counter {\n color: green;\n}\n.test-component-text {\n color: purple;\n}\n\n@keyframes logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";styleInject(css_248z);var About=function(e){var t=e.showCounter,r=e.showReactLogo,n=e.showBootflexLogo,e=_slicedToArray(React.useState(0),2),o=e[0],a=e[1];return React.useEffect(function(){var e=setTimeout(function(){return a(o+1)},1e3);return function(){return clearTimeout(e)}},[o,a]),React__default.default.createElement("div",{className:"test-component"},React__default.default.createElement("div",{"data-testid":"test-component",className:"test-component-primary"},r?React__default.default.createElement("img",{src:img,className:"test-component-logo",alt:"logo"}):React__default.default.createElement(React__default.default.Fragment,null),React__default.default.createElement("h1",{className:"test-component-heading"},"iflex-react-library"),t?React__default.default.createElement("h3",{className:"test-component-counter"},"Page has been open for ",React__default.default.createElement("code",null,o)," seconds."):React__default.default.createElement(React__default.default.Fragment,null),React__default.default.createElement("p",{className:"test-component-text"},"X-This component demonstrates a library component using Hooks, Images and scss inside a library module file. If you install this library into an external app via npm these images and hooks will not created an error. Try modifying any of the sample components and see how state is preserved (time counter is not reset to zero) when changes are made."),n?React__default.default.createElement("img",{src:img$1,alt:"bootflexlogo"}):React__default.default.createElement(React__default.default.Fragment,null)))};About.propTypes={showCounter:PropTypes__default.default.bool,showReactLogo:PropTypes__default.default.bool,showBootflexLogo:PropTypes__default.default.bool},About.defaultProps={showCounter:!0,showReactLogo:!0,showBootflexLogo:!0};var css_248z$1=".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 5px;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n width: 100%;\n margin: 10px;\n margin-left: 0px;\n}\n.storybook-button-small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button-medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button-large {\n font-size: 16px;\n padding: 12px 24px;\n}\n";styleInject(css_248z$1);var Button=function(e){var t=e.color,r=e.size,n=e.label,o=e.onClick,a=_objectWithoutProperties(e,["color","size","label","onClick"]),e={color:"white"};return t&&(e.backgroundColor=t),React__default.default.createElement("button",_extends({type:"button",className:"storybook-button storybook-button-".concat(r),style:e,onClick:o},a),n)};Button.propTypes={color:PropTypes__default.default.oneOf(["blue","red","green","purple"]),size:PropTypes__default.default.oneOf(["small","medium","large"]),label:PropTypes__default.default.string.isRequired,onClick:PropTypes__default.default.func},Button.defaultProps={label:"Button",color:"blue",size:"medium",onClick:void 0};var css_248z$2="body {\r\n margin: 0px;\r\n padding: 10px;\r\n}\r\n\r\n.sidebar {\r\n grid-area: sidebar;\r\n}\r\n\r\n.content {\r\n grid-area: content;\r\n position: relative;\r\n}\r\n\r\n.header {\r\n grid-area: header;\r\n}\r\n\r\n.footer {\r\n grid-area: footer;\r\n}\r\n\r\n.wrapper {\r\n display: grid;\r\n grid-gap: 10px;\r\n grid-template-columns: 25% 50% 25%;\r\n grid-template-areas:\r\n 'header header header'\r\n 'sidebar content content'\r\n 'footer footer footer';\r\n background-color: #fff;\r\n color: #444;\r\n}\r\n\r\n.box {\r\n background-color: #444;\r\n color: #fff;\r\n border-radius: 5px;\r\n padding: 25px;\r\n font-size: 150%;\r\n}\r\n\r\n.header,\r\n.footer {\r\n background-color: #999;\r\n}\r\n\r\n.topleft {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.topright {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.bottomleft {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.bottomright {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n";styleInject(css_248z$2);var Layout=function(e){var t=e.header,r=e.sidebar,n=e.content,e=e.footer;return React__default.default.createElement("div",{className:"wrapper"},t?React__default.default.createElement("div",{className:"box header"},t):React__default.default.createElement(React__default.default.Fragment,null),r?React__default.default.createElement("div",{className:"box sidebar"},r):React__default.default.createElement(React__default.default.Fragment,null),n?React__default.default.createElement("div",{className:"box content"},n):React__default.default.createElement(React__default.default.Fragment,null),e?React__default.default.createElement("div",{className:"box footer"},e):React__default.default.createElement(React__default.default.Fragment,null))};Layout.propTypes={header:PropTypes__default.default.string,content:PropTypes__default.default.oneOfType([PropTypes__default.default.string,PropTypes__default.default.element]),footer:PropTypes__default.default.oneOfType([PropTypes__default.default.string,PropTypes__default.default.element]),sidebar:PropTypes__default.default.oneOfType([PropTypes__default.default.string,PropTypes__default.default.element])},Layout.defaultProps={header:"HEADER",content:"Please provide body prop to Layout",sidebar:"SIDEBAR",footer:"FOOTER"},exports.About=About,exports.Button=Button,exports.Layout=Layout,exports.default=DefaultComponent;

2

dist/index.modern.js

@@ -1,1 +0,1 @@

import e,{useState as n,useEffect as t}from"react";import r from"prop-types";var o=function(n){var t=n.children;return e.createElement("div",{style:{padding:"10px",height:"100vw",position:"relative",backgroundColor:"aliceblue"}},e.createElement("h1",{style:{color:"green"}},"IFLEX-REACT-LIBRARY"),e.createElement("h3",{style:{color:"darkorange"}},"This text is from the default Component"),t)};function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function l(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function i(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,o=!1,a=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(t.push(l.value),!n||t.length!==n);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(o)throw a}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}o.propTypes={children:r.node.isRequired};function s(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}s(".test-component {\n margin-top: 10px;\n background-color: white;\n border: 1px solid black;\n border-radius: 5px;\n padding: 16px;\n width: 500px;\n text-align: center;\n}\n.test-component.test-component-secondary {\n background-color: black;\n color: white;\n}\n.test-component-heading {\n color: blue;\n}\n.test-component-logo {\n width: 300px;\n animation: logo-spin infinite 20s linear;\n}\n.test-component-counter {\n color: green;\n}\n.test-component-text {\n color: purple;\n}\n\n@keyframes logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}");var d=function(r){var o=r.showCounter,a=r.showReactLogo,l=r.showBootflexLogo,c=i(n(0),2),s=c[0],d=c[1];return t((function(){var e=setTimeout((function(){return d(s+1)}),1e3);return function(){return clearTimeout(e)}}),[s,d]),e.createElement("div",{className:"test-component"},e.createElement("div",{"data-testid":"test-component",className:"test-component-primary"},a?e.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3'%3e %3cg fill='%2361DAFB'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3cpath d='M520.5 78.1z'/%3e %3c/g%3e%3c/svg%3e",className:"test-component-logo",alt:"logo"}):e.createElement(e.Fragment,null),e.createElement("h1",{className:"test-component-heading"},"iflex-react-library"),o?e.createElement("h3",{className:"test-component-counter"},"Page has been open for ",e.createElement("code",null,s)," seconds."):e.createElement(e.Fragment,null),e.createElement("p",{className:"test-component-text"},"This component demonstrates a library component using Hooks, Images and scss inside a library module file. If you install this library into an external app via npm these images and hooks will not created an error. Try modifying any of the sample components and see how state is preserved (time counter is not reset to zero) when changes are made."),l?e.createElement("img",{src:"data:image/png;base64,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",alt:"bootflexlogo"}):e.createElement(e.Fragment,null)))};d.propTypes={showCounter:r.bool,showReactLogo:r.bool,showBootflexLogo:r.bool},d.defaultProps={showCounter:!0,showReactLogo:!0,showBootflexLogo:!0};s(".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 5px;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n width: 100%;\n margin: 10px;\n margin-left: 0px;\n}\n.storybook-button-small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button-medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button-large {\n font-size: 16px;\n padding: 12px 24px;\n}\n");var m=function(n){var t=n.color,r=n.size,o=n.label,i=n.onClick,c=l(n,["color","size","label","onClick"]),s={color:"white"};return t&&(s.backgroundColor=t),e.createElement("button",a({type:"button",className:"storybook-button storybook-button-".concat(r),style:s,onClick:i},c),o)};m.propTypes={color:r.oneOf(["blue","red","green","purple"]),size:r.oneOf(["small","medium","large"]),label:r.string.isRequired,onClick:r.func},m.defaultProps={label:"Button",color:"blue",size:"medium",onClick:void 0};s("body {\r\n margin: 40px;\r\n}\r\n\r\n.sidebar {\r\n grid-area: sidebar;\r\n}\r\n\r\n.content {\r\n grid-area: content;\r\n position: relative;\r\n}\r\n\r\n.header {\r\n grid-area: header;\r\n}\r\n\r\n.footer {\r\n grid-area: footer;\r\n}\r\n\r\n.wrapper {\r\n display: grid;\r\n grid-gap: 10px;\r\n grid-template-columns: 25% 50% 25%;\r\n grid-template-areas:\r\n 'header header header'\r\n 'sidebar content content'\r\n 'footer footer footer';\r\n background-color: #fff;\r\n color: #444;\r\n}\r\n\r\n.box {\r\n background-color: #444;\r\n color: #fff;\r\n border-radius: 5px;\r\n padding: 25px;\r\n font-size: 150%;\r\n}\r\n\r\n.header,\r\n.footer {\r\n background-color: #999;\r\n}\r\n\r\n.topleft {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.topright {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.bottomleft {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.bottomright {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n");var A=function(n){var t=n.header,r=n.sidebar,o=n.content,a=n.footer;return e.createElement("div",{className:"wrapper"},t?e.createElement("div",{className:"box header"},t):e.createElement(e.Fragment,null),r?e.createElement("div",{className:"box sidebar"},r):e.createElement(e.Fragment,null),o?e.createElement("div",{className:"box content"},o):e.createElement(e.Fragment,null),a?e.createElement("div",{className:"box footer"},a):e.createElement(e.Fragment,null))};A.propTypes={header:r.string,content:r.oneOfType([r.string,r.element]),footer:r.oneOfType([r.string,r.element]),sidebar:r.oneOfType([r.string,r.element])},A.defaultProps={header:"HEADER",content:"Please provide body prop to Layout",sidebar:"SIDEBAR",footer:"FOOTER"};export default o;export{d as About,m as Button,A as Layout};
import e,{useState as n,useEffect as t}from"react";import r from"prop-types";var o=function(n){var t=n.children;return e.createElement("div",{style:{padding:"10px",height:"100vw",position:"relative",backgroundColor:"aliceblue"}},e.createElement("h1",{style:{color:"green"}},"IFLEX-REACT-LIBRARY"),e.createElement("h3",{style:{color:"darkorange"}},"This text is from the default Component"),t)};function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function l(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function i(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,o=!1,a=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(t.push(l.value),!n||t.length!==n);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(o)throw a}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}o.propTypes={children:r.node.isRequired};function s(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}s(".test-component {\n margin-top: 10px;\n background-color: white;\n border: 1px solid black;\n border-radius: 5px;\n padding: 16px;\n width: 500px;\n text-align: center;\n}\n.test-component.test-component-secondary {\n background-color: black;\n color: white;\n}\n.test-component-heading {\n color: blue;\n}\n.test-component-logo {\n width: 300px;\n animation: logo-spin infinite 20s linear;\n}\n.test-component-counter {\n color: green;\n}\n.test-component-text {\n color: purple;\n}\n\n@keyframes logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}");var d=function(r){var o=r.showCounter,a=r.showReactLogo,l=r.showBootflexLogo,c=i(n(0),2),s=c[0],d=c[1];return t((function(){var e=setTimeout((function(){return d(s+1)}),1e3);return function(){return clearTimeout(e)}}),[s,d]),e.createElement("div",{className:"test-component"},e.createElement("div",{"data-testid":"test-component",className:"test-component-primary"},a?e.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3'%3e %3cg fill='%2361DAFB'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3cpath d='M520.5 78.1z'/%3e %3c/g%3e%3c/svg%3e",className:"test-component-logo",alt:"logo"}):e.createElement(e.Fragment,null),e.createElement("h1",{className:"test-component-heading"},"iflex-react-library"),o?e.createElement("h3",{className:"test-component-counter"},"Page has been open for ",e.createElement("code",null,s)," seconds."):e.createElement(e.Fragment,null),e.createElement("p",{className:"test-component-text"},"X-This component demonstrates a library component using Hooks, Images and scss inside a library module file. If you install this library into an external app via npm these images and hooks will not created an error. Try modifying any of the sample components and see how state is preserved (time counter is not reset to zero) when changes are made."),l?e.createElement("img",{src:"data:image/png;base64,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",alt:"bootflexlogo"}):e.createElement(e.Fragment,null)))};d.propTypes={showCounter:r.bool,showReactLogo:r.bool,showBootflexLogo:r.bool},d.defaultProps={showCounter:!0,showReactLogo:!0,showBootflexLogo:!0};s(".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 5px;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n width: 100%;\n margin: 10px;\n margin-left: 0px;\n}\n.storybook-button-small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button-medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button-large {\n font-size: 16px;\n padding: 12px 24px;\n}\n");var m=function(n){var t=n.color,r=n.size,o=n.label,i=n.onClick,c=l(n,["color","size","label","onClick"]),s={color:"white"};return t&&(s.backgroundColor=t),e.createElement("button",a({type:"button",className:"storybook-button storybook-button-".concat(r),style:s,onClick:i},c),o)};m.propTypes={color:r.oneOf(["blue","red","green","purple"]),size:r.oneOf(["small","medium","large"]),label:r.string.isRequired,onClick:r.func},m.defaultProps={label:"Button",color:"blue",size:"medium",onClick:void 0};s("body {\r\n margin: 0px;\r\n padding: 10px;\r\n}\r\n\r\n.sidebar {\r\n grid-area: sidebar;\r\n}\r\n\r\n.content {\r\n grid-area: content;\r\n position: relative;\r\n}\r\n\r\n.header {\r\n grid-area: header;\r\n}\r\n\r\n.footer {\r\n grid-area: footer;\r\n}\r\n\r\n.wrapper {\r\n display: grid;\r\n grid-gap: 10px;\r\n grid-template-columns: 25% 50% 25%;\r\n grid-template-areas:\r\n 'header header header'\r\n 'sidebar content content'\r\n 'footer footer footer';\r\n background-color: #fff;\r\n color: #444;\r\n}\r\n\r\n.box {\r\n background-color: #444;\r\n color: #fff;\r\n border-radius: 5px;\r\n padding: 25px;\r\n font-size: 150%;\r\n}\r\n\r\n.header,\r\n.footer {\r\n background-color: #999;\r\n}\r\n\r\n.topleft {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.topright {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.bottomleft {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.bottomright {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n");var A=function(n){var t=n.header,r=n.sidebar,o=n.content,a=n.footer;return e.createElement("div",{className:"wrapper"},t?e.createElement("div",{className:"box header"},t):e.createElement(e.Fragment,null),r?e.createElement("div",{className:"box sidebar"},r):e.createElement(e.Fragment,null),o?e.createElement("div",{className:"box content"},o):e.createElement(e.Fragment,null),a?e.createElement("div",{className:"box footer"},a):e.createElement(e.Fragment,null))};A.propTypes={header:r.string,content:r.oneOfType([r.string,r.element]),footer:r.oneOfType([r.string,r.element]),sidebar:r.oneOfType([r.string,r.element])},A.defaultProps={header:"HEADER",content:"Please provide body prop to Layout",sidebar:"SIDEBAR",footer:"FOOTER"};export default o;export{d as About,m as Button,A as Layout};

2

dist/index.umd.js

@@ -1,1 +0,1 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","react","prop-types"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactUi={},e.React,e.PropTypes)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t),a=r(n),l=function(e){var t=e.children;return o.default.createElement("div",{style:{padding:"10px",height:"100vw",position:"relative",backgroundColor:"aliceblue"}},o.default.createElement("h1",{style:{color:"green"}},"IFLEX-REACT-LIBRARY"),o.default.createElement("h3",{style:{color:"darkorange"}},"This text is from the default Component"),t)};function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function d(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(o)throw a}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}l.propTypes={children:a.default.node.isRequired};function s(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}s(".test-component {\n margin-top: 10px;\n background-color: white;\n border: 1px solid black;\n border-radius: 5px;\n padding: 16px;\n width: 500px;\n text-align: center;\n}\n.test-component.test-component-secondary {\n background-color: black;\n color: white;\n}\n.test-component-heading {\n color: blue;\n}\n.test-component-logo {\n width: 300px;\n animation: logo-spin infinite 20s linear;\n}\n.test-component-counter {\n color: green;\n}\n.test-component-text {\n color: purple;\n}\n\n@keyframes logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}");var f=function(e){var n=e.showCounter,r=e.showReactLogo,a=e.showBootflexLogo,l=u(t.useState(0),2),i=l[0],d=l[1];return t.useEffect((function(){var e=setTimeout((function(){return d(i+1)}),1e3);return function(){return clearTimeout(e)}}),[i,d]),o.default.createElement("div",{className:"test-component"},o.default.createElement("div",{"data-testid":"test-component",className:"test-component-primary"},r?o.default.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3'%3e %3cg fill='%2361DAFB'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3cpath d='M520.5 78.1z'/%3e %3c/g%3e%3c/svg%3e",className:"test-component-logo",alt:"logo"}):o.default.createElement(o.default.Fragment,null),o.default.createElement("h1",{className:"test-component-heading"},"iflex-react-library"),n?o.default.createElement("h3",{className:"test-component-counter"},"Page has been open for ",o.default.createElement("code",null,i)," seconds."):o.default.createElement(o.default.Fragment,null),o.default.createElement("p",{className:"test-component-text"},"This component demonstrates a library component using Hooks, Images and scss inside a library module file. If you install this library into an external app via npm these images and hooks will not created an error. Try modifying any of the sample components and see how state is preserved (time counter is not reset to zero) when changes are made."),a?o.default.createElement("img",{src:"data:image/png;base64,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",alt:"bootflexlogo"}):o.default.createElement(o.default.Fragment,null)))};f.propTypes={showCounter:a.default.bool,showReactLogo:a.default.bool,showBootflexLogo:a.default.bool},f.defaultProps={showCounter:!0,showReactLogo:!0,showBootflexLogo:!0};s(".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 5px;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n width: 100%;\n margin: 10px;\n margin-left: 0px;\n}\n.storybook-button-small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button-medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button-large {\n font-size: 16px;\n padding: 12px 24px;\n}\n");var m=function(e){var t=e.color,n=e.size,r=e.label,a=e.onClick,l=d(e,["color","size","label","onClick"]),u={color:"white"};return t&&(u.backgroundColor=t),o.default.createElement("button",i({type:"button",className:"storybook-button storybook-button-".concat(n),style:u,onClick:a},l),r)};m.propTypes={color:a.default.oneOf(["blue","red","green","purple"]),size:a.default.oneOf(["small","medium","large"]),label:a.default.string.isRequired,onClick:a.default.func},m.defaultProps={label:"Button",color:"blue",size:"medium",onClick:void 0};s("body {\r\n margin: 40px;\r\n}\r\n\r\n.sidebar {\r\n grid-area: sidebar;\r\n}\r\n\r\n.content {\r\n grid-area: content;\r\n position: relative;\r\n}\r\n\r\n.header {\r\n grid-area: header;\r\n}\r\n\r\n.footer {\r\n grid-area: footer;\r\n}\r\n\r\n.wrapper {\r\n display: grid;\r\n grid-gap: 10px;\r\n grid-template-columns: 25% 50% 25%;\r\n grid-template-areas:\r\n 'header header header'\r\n 'sidebar content content'\r\n 'footer footer footer';\r\n background-color: #fff;\r\n color: #444;\r\n}\r\n\r\n.box {\r\n background-color: #444;\r\n color: #fff;\r\n border-radius: 5px;\r\n padding: 25px;\r\n font-size: 150%;\r\n}\r\n\r\n.header,\r\n.footer {\r\n background-color: #999;\r\n}\r\n\r\n.topleft {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.topright {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.bottomleft {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.bottomright {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n");var A=function(e){var t=e.header,n=e.sidebar,r=e.content,a=e.footer;return o.default.createElement("div",{className:"wrapper"},t?o.default.createElement("div",{className:"box header"},t):o.default.createElement(o.default.Fragment,null),n?o.default.createElement("div",{className:"box sidebar"},n):o.default.createElement(o.default.Fragment,null),r?o.default.createElement("div",{className:"box content"},r):o.default.createElement(o.default.Fragment,null),a?o.default.createElement("div",{className:"box footer"},a):o.default.createElement(o.default.Fragment,null))};A.propTypes={header:a.default.string,content:a.default.oneOfType([a.default.string,a.default.element]),footer:a.default.oneOfType([a.default.string,a.default.element]),sidebar:a.default.oneOfType([a.default.string,a.default.element])},A.defaultProps={header:"HEADER",content:"Please provide body prop to Layout",sidebar:"SIDEBAR",footer:"FOOTER"},e.About=f,e.Button=m,e.Layout=A,e.default=l,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","react","prop-types"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactUi={},e.React,e.PropTypes)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t),a=r(n),l=function(e){var t=e.children;return o.default.createElement("div",{style:{padding:"10px",height:"100vw",position:"relative",backgroundColor:"aliceblue"}},o.default.createElement("h1",{style:{color:"green"}},"IFLEX-REACT-LIBRARY"),o.default.createElement("h3",{style:{color:"darkorange"}},"This text is from the default Component"),t)};function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function d(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(o)throw a}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}l.propTypes={children:a.default.node.isRequired};function s(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}s(".test-component {\n margin-top: 10px;\n background-color: white;\n border: 1px solid black;\n border-radius: 5px;\n padding: 16px;\n width: 500px;\n text-align: center;\n}\n.test-component.test-component-secondary {\n background-color: black;\n color: white;\n}\n.test-component-heading {\n color: blue;\n}\n.test-component-logo {\n width: 300px;\n animation: logo-spin infinite 20s linear;\n}\n.test-component-counter {\n color: green;\n}\n.test-component-text {\n color: purple;\n}\n\n@keyframes logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}");var f=function(e){var n=e.showCounter,r=e.showReactLogo,a=e.showBootflexLogo,l=u(t.useState(0),2),i=l[0],d=l[1];return t.useEffect((function(){var e=setTimeout((function(){return d(i+1)}),1e3);return function(){return clearTimeout(e)}}),[i,d]),o.default.createElement("div",{className:"test-component"},o.default.createElement("div",{"data-testid":"test-component",className:"test-component-primary"},r?o.default.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 841.9 595.3'%3e %3cg fill='%2361DAFB'%3e %3cpath d='M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z'/%3e %3ccircle cx='420.9' cy='296.5' r='45.7'/%3e %3cpath d='M520.5 78.1z'/%3e %3c/g%3e%3c/svg%3e",className:"test-component-logo",alt:"logo"}):o.default.createElement(o.default.Fragment,null),o.default.createElement("h1",{className:"test-component-heading"},"iflex-react-library"),n?o.default.createElement("h3",{className:"test-component-counter"},"Page has been open for ",o.default.createElement("code",null,i)," seconds."):o.default.createElement(o.default.Fragment,null),o.default.createElement("p",{className:"test-component-text"},"X-This component demonstrates a library component using Hooks, Images and scss inside a library module file. If you install this library into an external app via npm these images and hooks will not created an error. Try modifying any of the sample components and see how state is preserved (time counter is not reset to zero) when changes are made."),a?o.default.createElement("img",{src:"data:image/png;base64,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",alt:"bootflexlogo"}):o.default.createElement(o.default.Fragment,null)))};f.propTypes={showCounter:a.default.bool,showReactLogo:a.default.bool,showBootflexLogo:a.default.bool},f.defaultProps={showCounter:!0,showReactLogo:!0,showBootflexLogo:!0};s(".storybook-button {\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 700;\n border: 0;\n border-radius: 5px;\n cursor: pointer;\n display: inline-block;\n line-height: 1;\n width: 100%;\n margin: 10px;\n margin-left: 0px;\n}\n.storybook-button-small {\n font-size: 12px;\n padding: 10px 16px;\n}\n.storybook-button-medium {\n font-size: 14px;\n padding: 11px 20px;\n}\n.storybook-button-large {\n font-size: 16px;\n padding: 12px 24px;\n}\n");var m=function(e){var t=e.color,n=e.size,r=e.label,a=e.onClick,l=d(e,["color","size","label","onClick"]),u={color:"white"};return t&&(u.backgroundColor=t),o.default.createElement("button",i({type:"button",className:"storybook-button storybook-button-".concat(n),style:u,onClick:a},l),r)};m.propTypes={color:a.default.oneOf(["blue","red","green","purple"]),size:a.default.oneOf(["small","medium","large"]),label:a.default.string.isRequired,onClick:a.default.func},m.defaultProps={label:"Button",color:"blue",size:"medium",onClick:void 0};s("body {\r\n margin: 0px;\r\n padding: 10px;\r\n}\r\n\r\n.sidebar {\r\n grid-area: sidebar;\r\n}\r\n\r\n.content {\r\n grid-area: content;\r\n position: relative;\r\n}\r\n\r\n.header {\r\n grid-area: header;\r\n}\r\n\r\n.footer {\r\n grid-area: footer;\r\n}\r\n\r\n.wrapper {\r\n display: grid;\r\n grid-gap: 10px;\r\n grid-template-columns: 25% 50% 25%;\r\n grid-template-areas:\r\n 'header header header'\r\n 'sidebar content content'\r\n 'footer footer footer';\r\n background-color: #fff;\r\n color: #444;\r\n}\r\n\r\n.box {\r\n background-color: #444;\r\n color: #fff;\r\n border-radius: 5px;\r\n padding: 25px;\r\n font-size: 150%;\r\n}\r\n\r\n.header,\r\n.footer {\r\n background-color: #999;\r\n}\r\n\r\n.topleft {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.topright {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.bottomleft {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.bottomright {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n");var A=function(e){var t=e.header,n=e.sidebar,r=e.content,a=e.footer;return o.default.createElement("div",{className:"wrapper"},t?o.default.createElement("div",{className:"box header"},t):o.default.createElement(o.default.Fragment,null),n?o.default.createElement("div",{className:"box sidebar"},n):o.default.createElement(o.default.Fragment,null),r?o.default.createElement("div",{className:"box content"},r):o.default.createElement(o.default.Fragment,null),a?o.default.createElement("div",{className:"box footer"},a):o.default.createElement(o.default.Fragment,null))};A.propTypes={header:a.default.string,content:a.default.oneOfType([a.default.string,a.default.element]),footer:a.default.oneOfType([a.default.string,a.default.element]),sidebar:a.default.oneOfType([a.default.string,a.default.element])},A.defaultProps={header:"HEADER",content:"Please provide body prop to Layout",sidebar:"SIDEBAR",footer:"FOOTER"},e.About=f,e.Button=m,e.Layout=A,e.default=l,Object.defineProperty(e,"__esModule",{value:!0})}));

16

package.json
{
"name": "iflex-react-library",
"version": "1.0.57",
"description": "Modern React Ui Component",
"version": "1.0.58",
"description": "A Modern React Ui Component",
"keywords": [

@@ -34,9 +34,6 @@ "create",

"storybook": "start-storybook -p 6006",
"predeploy": "snowpack build",
"deploy": "gh-pages -d build",
"deploy-storybook": "storybook-to-ghpages",
"build-storybook": "build-storybook -o ./build/storybook",
"predeploy-combo": "snowpack build && yarn build-storybook",
"deploy-combo": "gh-pages -d build",
"gh-pages": "gh-pages -d build"
"deploy": "snowpack build",
"deploy-ghpages-storybook": "snowpack build && storybook-to-ghpages",
"deploy-ghpages-demo": "snowpack build && node iflex-react-library-ghpages && gh-pages -d build",
"deploy-ghpages": "snowpack build && build-storybook -o ./build/storybook && node iflex-react-library-ghpages && gh-pages -d build"
},

@@ -107,2 +104,3 @@ "author": "",

"react-test-renderer": "^17.0.1",
"replace-in-file": "^6.1.0",
"rimraf": "^3.0.2",

@@ -109,0 +107,0 @@ "rollup": "^2.36.2",

56

README.md

@@ -6,4 +6,8 @@ # Create React Component Libraries

## **Motivation**
## **`What?`**
**iflex-react-library** is a template to allow development and bundling of a react component library so that it can be shared as an NPM repository to your other applications or publically as an open source library. It also supports concurrent development of your app via a alias links to your library (so that you can import the library in same manner as you would when it is published) but also benefit from hot module reloading with react state preserved while making updates. Deployment of your library uses rollup (https://rollupjs.org/guide/en/) to publish library in three different formats (ESM, CommonJS ans UMD). Your local demonstration environment utilises Snowpack (https://www.snowpack.dev/) for compile speed, hot module reloading and minimal configuration and Storybook is also incorporated (and can be used optionally) to assist component documentation and showcasing.
## **`Why?`**
If you have tried it, let's face it _**BUILDING REACT COMPONENT LIBRARIES IS NOT EASY!**_. Having used many existing templates utilising webpack or rollup I have spent many days and been frustrated by various hurdles such as:-

@@ -20,13 +24,13 @@

## **Key Features**
## **`Key Features`**
**iflex-react-library** is created in 2021 using the most recent packaging (rollup) and tool chain technologies (Snowpack) and versions 17.x of of React.
**_iflex-react-library_** is created in 2021 using the most recent packaging (rollup) and tool chain technologies (Snowpack) and versions 17.x of of React.
### **Component Library Rollup**
Using **rollup** under the hood, the iflex-react-library provides component publishing in three different formats (Common JS, ESM and UMD) in a minified and obfuscated production build. After running **yarn publish** your library can be imported into another react application using **import {yourComponentName} from 'yourLibraryName'** or without curly braces for default exports.
Using **rollup** under the hood, _iflex-react-library_ provides component publishing in three different formats (Common JS, ESM and UMD) in a minified and obfuscated production build. After running **yarn publish** your library can be imported into another react application using **import {yourComponentName} from 'yourLibraryName'** or without curly braces for default exports.
### **Local Testing and Demonstration Environment**
The iflex-react-library template provides local library testing and demonstration pages to be developed using the lightweight and performant Snowpack tool chain. This provides a minimal configuration, low overhead development environment with hot loading and alias mapping, allowing you to import your library in the same manner as an external application. This demonstration / testing environment may be easily published to github pages to showcase your library. Because you are not using npm link any changes made in your library are hot loaded into your application state including preseving of react state between changes.
The _iflex-react-library_ template provides local library testing and demonstration pages to be developed using the lightweight and performant Snowpack tool chain. This provides a minimal configuration, low overhead development environment with hot loading and alias mapping, allowing you to import your library in the same manner as an external application. This demonstration / testing environment may be easily published to github pages to showcase your library. Because you are not using npm link any changes made in your library are hot loaded into your application state including preseving of react state between changes.

@@ -41,5 +45,5 @@ ### **Rapid Testing and Component Documentation using Storybook**

## **Directory Structure & Config**
## **`Directory Structure & Configuration`**
The iflex-react-library template uses the following folders.
The _iflex-react-library_ template uses the following folders.

@@ -55,6 +59,6 @@ | Directory | Contents |

| src/stories | Place your Stories Here. A Story file is in format **ComponentName.stories.js**. Refer to the sample stories and Storybook documentation for more information. |
| snowpack.config.js | Snowpack Configuration file. You should change the alias from iflex-react-library to _your-component-name_. |
| snowpack.config.js | Snowpack Configuration file. You should change the alias from _iflex-react-library_ to _your-component-name_. |
| rollup.config.js | Rollup Configuration file. Settings in this file apply to the Library build only |
## Key Technologies
## **`Key Technologies`**

@@ -65,5 +69,5 @@ - [Rollup](https://github.com/rollup/rollup)

- [Sass](https://sass-lang.com/) SCSS and SASS
- [Webpack & Babel]() Babel is used during build process. Webpack is utilised to allow alias configuration in Snowpack.config.js to be used by Storybook.
- [Babel]() Babel is used during build process. The major use for exposing babel is to adopt react presets so that JSX can be indluded in files with .js extension.
## **Getting Started**
## **`Getting Started`**

@@ -90,3 +94,3 @@ **iflex-react-library** (using rollup) will create distribution files (_in dist directory_) for Common JS (index.js), ESM Modules (index.modern.js) and UMD (index.umd.js)

### Tailoring for Your Library
## **`Tailoring for Your Library`**

@@ -104,5 +108,26 @@ Follow these steps to tailor for your library

### Publishing your library
## **`Pushing Your Library to Github Pages`**
iflex-react-library provides the following scripts (inside package.json) than can be run using **yarn {script name}**
| Script Name | Purpose |
| ------------------------ | :------------------------------------------------------------------------------------------------------------------------------ |
| deploy-ghpages | Pushes both storybook and demonstration app to git-hub pages. The storybook is accessable via url {your gh-pages-url}/storybook |
| deploy-ghpages-demo | Pushes only the demonstration app to Github Pages |
| deploy-ghpages-storybook | Pushes only the Storybook to Github Pages |
<br/>
Note: Github pages uses a sub folder for each library under you user name url root. This means that references to /build/library will not work as the real reference should be /{your library name}/build/library. To counteract this the script **iflex-react-ghpages.js** is run as part of the gh-pages deployment. This will change absolute references from _/build/library_ to relative reference _build/library_
## **`Deploying your demonstration App to other Hosting providers`**
```
yarn deploy
```
You may then transfer the build folder to your chosen web server. If you want to automate this then add the script associated with you target provider to the "deploy" script in package.json. Most hosting services will deploy relative to the root folder and not a sub folder (library name) like Github pages. You should change snowpack.config.js and remove the baseUrl (or make it '/')
## **`Publishing your library`**
```
yarn publish (this will automatically run yarn build)

@@ -113,3 +138,3 @@ ```

### Consuming your library from other Apps
## **`Consuming your library from other Apps`**

@@ -147,5 +172,4 @@ Assuming that the Sample Comonents are still intact you can now consume your library in another React App. These steps will guide you through consuming library in a new App called my-test-iflex-create-library. It is assumed here that your have created and published a library called my-test-library using the steps above. If not substitute this with your own name. Create a folder for your test application (eg: my-test-consume-library) and ensure your terminal openend to this folder.

## **Side Note (React version and Library Upgrades)**
## **`Side Note (React version and Library Upgrades)`**
At this time (Jan 2021) all packages can be updated via **yarn upgrade --force** to most current versions. The only exception to this presently is babel-loader which requires version 8.1.0 owing to some breaking changes that will hopefully be rectified in future versions. If your App requires React version 16.x then you can simply remove version 17 using **yarn remove react react-dom** and reinstalling them using **yarn add -D react@16.14.0 react-dom@16.14.0**. Be sure to also add these to peerDependencies object in package.json.
# iflex-react-library
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc