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.58 to 1.0.59

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"},"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;
"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: 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"},"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};
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: 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"},"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})}));
!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: 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})}));

4

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

@@ -18,3 +18,3 @@ "keywords": [

"homepage": "https://intelliflex.github.io/iflex-react-library",
"notes": "iflex-react-library - Presently babel-loader must be 8.1.0, all other dependecies should be upgradable, webpack dependency added to facilitate process.env and Snowpack alias to work with Storybook",
"notes": "iflex-react-library - Presently babel-loader must be 8.1.0, all other dependecies should be upgradable, webpack dependency was added to facilitate process.env and Snowpack alias to work with Storybook",
"repository": {

@@ -21,0 +21,0 @@ "type": "git",

6

README.md

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

# Create React Component Libraries
# iflex-react-library

@@ -6,7 +6,7 @@ [![Build status](https://badge.buildkite.com/90ff98db996bb137c5be1bdce666c4b1ce68a25b17af0a6a04.svg?branch=master)](https://buildkite.com/harvey/react-component-library)

## **`What?`**
## **`What is it?`**
**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?`**
## **`Motivation`**

@@ -13,0 +13,0 @@ 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:-

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