@sikka/hawa 0.0.1 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/hawa-publish-push.yml +45 -0
- package/.github/workflows/hawa-publish.yml +45 -0
- package/.prettierrc +28 -28
- package/README.md +149 -119
- package/es/index.es.js +1 -0
- package/lib/index.js +1 -0
- package/package.json +59 -47
- package/rollup.config.js +30 -40
- package/src/Assets/images/card-background/1.jpeg +0 -0
- package/src/Assets/images/card-background/10.jpeg +0 -0
- package/src/Assets/images/card-background/11.jpeg +0 -0
- package/src/Assets/images/card-background/12.jpeg +0 -0
- package/src/Assets/images/card-background/13.jpeg +0 -0
- package/src/Assets/images/card-background/14.jpeg +0 -0
- package/src/Assets/images/card-background/15.jpeg +0 -0
- package/src/Assets/images/card-background/16.jpeg +0 -0
- package/src/Assets/images/card-background/17.jpeg +0 -0
- package/src/Assets/images/card-background/18.jpeg +0 -0
- package/src/Assets/images/card-background/19.jpeg +0 -0
- package/src/Assets/images/card-background/2.jpeg +0 -0
- package/src/Assets/images/card-background/20.jpeg +0 -0
- package/src/Assets/images/card-background/21.jpeg +0 -0
- package/src/Assets/images/card-background/22.jpeg +0 -0
- package/src/Assets/images/card-background/23.jpeg +0 -0
- package/src/Assets/images/card-background/24.jpeg +0 -0
- package/src/Assets/images/card-background/25.jpeg +0 -0
- package/src/Assets/images/card-background/3.jpeg +0 -0
- package/src/Assets/images/card-background/4.jpeg +0 -0
- package/src/Assets/images/card-background/5.jpeg +0 -0
- package/src/Assets/images/card-background/6.jpeg +0 -0
- package/src/Assets/images/card-background/7.jpeg +0 -0
- package/src/Assets/images/card-background/8.jpeg +0 -0
- package/src/Assets/images/card-background/9.jpeg +0 -0
- package/src/Assets/images/card-type/amex.png +0 -0
- package/src/Assets/images/card-type/diners.png +0 -0
- package/src/Assets/images/card-type/discover.png +0 -0
- package/src/Assets/images/card-type/mastercard.png +0 -0
- package/src/Assets/images/card-type/troy.png +0 -0
- package/src/Assets/images/card-type/unionpay.png +0 -0
- package/src/Assets/images/card-type/visa.png +0 -0
- package/src/blocks/Account/UserProfile.js +15 -0
- package/src/blocks/Account/UserSettings.js +15 -0
- package/src/blocks/Account/index.js +2 -0
- package/src/blocks/AuthForms/NewPasswordForm.js +17 -0
- package/src/blocks/AuthForms/ResetPasswordForm.js +14 -0
- package/src/blocks/AuthForms/SignInForm.js +19 -0
- package/src/blocks/AuthForms/SignUpForm.js +20 -0
- package/src/blocks/AuthForms/index.js +4 -0
- package/src/blocks/AuthForms/viaFacebook.js +0 -0
- package/src/blocks/AuthForms/viaGithub.js +0 -0
- package/src/blocks/AuthForms/viaGoogle.js +0 -0
- package/src/blocks/AuthForms/viaTwitter.js +0 -0
- package/src/blocks/Payment/Form/CForm.js +326 -0
- package/src/blocks/Payment/Form/Card.js +242 -0
- package/src/blocks/Payment/Gateway/GooglePay.js +251 -0
- package/src/blocks/Payment/Gateway/Payfort.js +90 -0
- package/src/blocks/Payment/Gateway/Paypal.js +138 -0
- package/src/blocks/Payment/Gateway/Wallet.js +149 -0
- package/src/blocks/Payment/PaymentMethod.js +132 -0
- package/src/blocks/index.js +13 -0
- package/src/index.js +2 -1
- package/src/layout/Box.js +25 -0
- package/src/layout/index.js +1 -0
- package/src/stories/ActionButton.stories.js +49 -0
- package/src/stories/AdaptiveButton.stories.js +80 -84
- package/src/stories/Alert.stories.js +41 -0
- package/src/stories/AuthForm.stories.js +79 -0
- package/src/stories/Box.stories.js +64 -0
- package/src/stories/CheckBox.stories.js +35 -33
- package/src/stories/GlobalVariables.stories.js +101 -108
- package/src/stories/HawaProvider.stories.js +23 -23
- package/src/stories/InputLabel.stories.js +92 -100
- package/src/stories/Introduction.stories.js +211 -0
- package/src/stories/RadioSelector.stories.js +69 -69
- package/src/stories/TextField.stories.js +50 -59
- package/src/stories/UserAccount.stories.js +46 -0
- package/src/styles.css +400 -403
- package/src/styles.scss +679 -0
- package/src/themes/HawaProvider.js +45 -0
- package/src/ui/ActionButton.js +15 -0
- package/src/{components/Hawa/AdaptiveButton/AdaptiveButton.jsx → ui/AdaptiveButton.js} +252 -261
- package/src/{components/Hawa/AutoCompleteField/AutoCompleteField.jsx → ui/AutoCompleteField.js} +33 -33
- package/src/{components/Hawa/Checkbox/Checkbox.jsx → ui/Checkbox.js} +21 -20
- package/src/{components/Hawa/DragDropImages/DragDropImages.jsx → ui/DragDropImages.js} +180 -180
- package/src/{components/Hawa/Hawa.jsx → ui/Hawa.js} +3 -3
- package/src/{components/Hawa/RadioBox/RadioBox.jsx → ui/RadioBox.js} +29 -29
- package/src/{components/Hawa/RadioSelector/RadioSelector.jsx → ui/RadioSelector.js} +51 -51
- package/src/ui/Row.js +21 -0
- package/src/{components/Hawa/SelectedField/SelectedField.jsx → ui/SelectedField.js} +46 -46
- package/src/ui/StyledAlert.js +30 -0
- package/src/ui/StyledInputLabel.js +19 -0
- package/src/ui/StyledTooltip.js +46 -0
- package/src/{components/Hawa/TabPanel/TabPanel.jsx → ui/TabPanel.js} +37 -38
- package/src/{components/Hawa/TextArea/TextArea.jsx → ui/TextArea.js} +38 -39
- package/src/ui/TextField.js +62 -0
- package/src/{components/Hawa → ui}/index.js +13 -11
- package/src/util.js +20 -0
- package/storybook-static/0.d3bc3395610cf5d3ee94.manager.bundle.js +1 -0
- package/storybook-static/0.dd3d47f5.iframe.bundle.js +1 -0
- package/storybook-static/1.4e43f671.iframe.bundle.js +3 -0
- package/storybook-static/{4.f6eb74f4.iframe.bundle.js.LICENSE.txt → 1.4e43f671.iframe.bundle.js.LICENSE.txt} +8 -8
- package/storybook-static/1.4e43f671.iframe.bundle.js.map +1 -0
- package/storybook-static/2.9a757207.iframe.bundle.js +1 -0
- package/storybook-static/3.c1dc7159.iframe.bundle.js +1 -0
- package/storybook-static/4.8c311a6b48cad9f29317.manager.bundle.js +2 -0
- package/storybook-static/{5.fa71488e730c5c7f885f.manager.bundle.js.LICENSE.txt → 4.8c311a6b48cad9f29317.manager.bundle.js.LICENSE.txt} +8 -8
- package/storybook-static/5.88fe62ee92ff5ca67829.manager.bundle.js +1 -0
- package/storybook-static/6.96d184f368dea006cb52.manager.bundle.js +2 -0
- package/storybook-static/{11.49c687eaa6261f8b7be2.manager.bundle.js.LICENSE.txt → 6.96d184f368dea006cb52.manager.bundle.js.LICENSE.txt} +12 -12
- package/storybook-static/{7.a806a38f.iframe.bundle.js → 7.5ec31f3702b08ab0b71c.manager.bundle.js} +1 -1
- package/storybook-static/7.69d2e532.iframe.bundle.js +1 -0
- package/storybook-static/8.5ce13be7612bd3a6b864.manager.bundle.js +1 -0
- package/storybook-static/8.68cd1217.iframe.bundle.js +3 -0
- package/storybook-static/{6.fbc7b90b.iframe.bundle.js.LICENSE.txt → 8.68cd1217.iframe.bundle.js.LICENSE.txt} +12 -12
- package/storybook-static/8.68cd1217.iframe.bundle.js.map +1 -0
- package/storybook-static/9.488e3969.iframe.bundle.js +1 -0
- package/storybook-static/iframe.html +348 -138
- package/storybook-static/index.html +59 -47
- package/storybook-static/main.65cb2769.iframe.bundle.js +1 -0
- package/storybook-static/main.7e391cf7bf72b0d18ea5.manager.bundle.js +1 -0
- package/storybook-static/runtime~main.6e2e1544.iframe.bundle.js +1 -0
- package/storybook-static/runtime~main.cc29f4c2175f187a3707.manager.bundle.js +1 -0
- package/storybook-static/vendors~main.d144d840.iframe.bundle.js +3 -0
- package/storybook-static/{vendors~main.73411ca9.iframe.bundle.js.LICENSE.txt → vendors~main.d144d840.iframe.bundle.js.LICENSE.txt} +148 -148
- package/storybook-static/vendors~main.d144d840.iframe.bundle.js.map +1 -0
- package/storybook-static/vendors~main.f228d62e92b69563cefb.manager.bundle.js +2 -0
- package/storybook-static/{vendors~main.d3455eed64b243c89325.manager.bundle.js.LICENSE.txt → vendors~main.f228d62e92b69563cefb.manager.bundle.js.LICENSE.txt} +104 -88
- package/tools/build-styles.js +17 -0
- package/yarn-error.log +10910 -0
- package/src/components/Hawa/AdaptiveButton/index.js +0 -1
- package/src/components/Hawa/AutoCompleteField/index.js +0 -1
- package/src/components/Hawa/Checkbox/index.js +0 -1
- package/src/components/Hawa/DragDropImages/index.js +0 -1
- package/src/components/Hawa/HawaProvider/HawaProvider.js +0 -19
- package/src/components/Hawa/HawaProvider/index.js +0 -1
- package/src/components/Hawa/InputLabel/StyledInputLabel.jsx +0 -36
- package/src/components/Hawa/InputLabel/index.js +0 -1
- package/src/components/Hawa/RadioBox/index.js +0 -1
- package/src/components/Hawa/RadioSelector/index.js +0 -1
- package/src/components/Hawa/Row/Row.jsx +0 -23
- package/src/components/Hawa/Row/index.js +0 -1
- package/src/components/Hawa/SelectedField/index.js +0 -1
- package/src/components/Hawa/TabPanel/index.js +0 -1
- package/src/components/Hawa/TextArea/index.js +0 -1
- package/src/components/Hawa/TextField/TextField.jsx +0 -41
- package/src/components/Hawa/TextField/index.js +0 -1
- package/storybook-static/0.86a7edfd.iframe.bundle.js +0 -1
- package/storybook-static/0.b73eaee9a88f178d62ed.manager.bundle.js +0 -1
- package/storybook-static/1.f296d183a17268696d73.manager.bundle.js +0 -1
- package/storybook-static/10.9998ba67d65d81d20896.manager.bundle.js +0 -1
- package/storybook-static/11.49c687eaa6261f8b7be2.manager.bundle.js +0 -2
- package/storybook-static/12.c9538ed3766c96f289e7.manager.bundle.js +0 -1
- package/storybook-static/4.f6eb74f4.iframe.bundle.js +0 -3
- package/storybook-static/4.f6eb74f4.iframe.bundle.js.map +0 -1
- package/storybook-static/5.ec6f37af.iframe.bundle.js +0 -1
- package/storybook-static/5.fa71488e730c5c7f885f.manager.bundle.js +0 -2
- package/storybook-static/6.8096ae4aadde0743697b.manager.bundle.js +0 -1
- package/storybook-static/6.fbc7b90b.iframe.bundle.js +0 -3
- package/storybook-static/6.fbc7b90b.iframe.bundle.js.map +0 -1
- package/storybook-static/7.b34baecbd082bc7b188d.manager.bundle.js +0 -1
- package/storybook-static/8.15577edffecf900a8de2.manager.bundle.js +0 -1
- package/storybook-static/9.d7d85aa0a49a98f17218.manager.bundle.js +0 -1
- package/storybook-static/main.355ffc59.iframe.bundle.js +0 -1
- package/storybook-static/main.ce406c7e93b98325390e.manager.bundle.js +0 -1
- package/storybook-static/runtime~main.3d81579b.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.909d038f912f063e8837.manager.bundle.js +0 -1
- package/storybook-static/vendors~main.73411ca9.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.73411ca9.iframe.bundle.js.map +0 -1
- package/storybook-static/vendors~main.d3455eed64b243c89325.manager.bundle.js +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/builder-webpack4/node_modules/@storybook/client-logger/dist/esm/index.js"),parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(ClientApi.d)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.e)(loader,!1)}));case"parameters":return Object(ClientApi.f)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.b)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"render":return Object(ClientApi.g)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.f)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/styles.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".reset_password_root {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n background-color: var(--light);\n}\n.reset_password_paper {\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n/* START INDEX.JS */\n.index_root {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.index_logo {\n height: 70px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.index_buttons_container {\n margin-top: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n/* END INDEX.js */\n.account_section {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 10px;\n /* max-width: 400px; */\n /* background-color: black; */\n}\n.account_deactivate {\n text-align: center;\n opacity: 1;\n font-size: 13px;\n color: red;\n padding: 5px;\n cursor: pointer;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n.text_button {\n cursor: pointer;\n color: var(--blue);\n font-weight: 500;\n}\n.bottom_text {\n margin-top: 10px;\n font-size: 14px;\n}\n.newsletter_container {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-direction: row;\n margin-top: 15px;\n}\n.modalTEST {\n background-color: red;\n width: 10px;\n}\n.modal_theme {\n background-color: black;\n opacity: 0.3;\n border: none;\n}\n.user_form {\n background-color: var(--lightGrey);\n padding: 20px;\n border-radius: var(--borderR);\n margin-bottom: 20px;\n margin-top: 10px;\n}\n.user_form_container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 90%;\n max-width: 400px;\n height: 100vh;\n}\n.input {\n color: black;\n background-color: var(--light);\n /* padding: 10px; */\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n}\n.balanceInput {\n color: black;\n background-color: var(--light);\n padding: 10px;\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n}\n.theme_form_input {\n color: black;\n background-color: var(--light);\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n width: 100%;\n}\n.theme_input {\n color: black;\n background-color: var(--light);\n padding: 10px;\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n width: 100%;\n}\n.theme_input2 {\n color: black;\n background-color: var(--light);\n /* padding: 10px; */\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n width: 100%;\n}\n.theme_input2 input {\n color: black;\n background-color: var(--light);\n padding: 10px;\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n width: 100%;\n}\n.theme_form_input input {\n color: black;\n background-color: var(--light);\n padding: 10px;\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n width: 100%;\n}\n.form_textarea {\n color: black;\n background-color: var(--light);\n border-radius: var(--borderR);\n border-bottom: none;\n border: none;\n width: 100%;\n padding: 0px;\n margin: 0px;\n margin-bottom: 0px;\n resize: vertical;\n}\n\n.input_label {\n font-size: 15px;\n font-weight: 500;\n position: relative;\n /* margin-top: 10px; */\n margin: 15px;\n margin-left: 0px;\n}\n.loading_overlay {\n position: absolute;\n display: grid;\n place-items: center;\n height: 100%;\n width: 100%;\n z-index: 2;\n padding: 0;\n margin: 0px;\n}\n.inputLabel {\n font-size: 20px;\n margin-bottom: 10px;\n font-weight: 500;\n\n position: relative;\n}\n.navbar_root_container {\n /* flex-grow: 1; */\n padding-right: 10px;\n padding-left: 10px;\n width: 100%;\n background-color: blue;\n}\n.navbar_container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-right: 10px;\n padding-left: 10px;\n /* background-color: white; */\n}\n.navbar_logo {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 70px;\n cursor: pointer;\n padding: 0px;\n}\n.navbar_button {\n color: black;\n background-color: var(--light);\n box-shadow: none;\n /* border: 1px solid var(--blue); */\n}\n.navbar_button_primary {\n color: var(--light);\n background-color: var(--blue);\n box-shadow: none;\n}\n.error_page {\n /* background-color: green; */\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n height: 100vh;\n}\n.error_page_text_main {\n /* background-color: darkgoldenrod; */\n padding: 10px;\n font-size: 30px;\n font-weight: 500;\n}\n.error_page_text_second {\n /* background-color: darkorchid; */\n padding: 10px;\n}\n.radio_selector_container {\n background-color: white;\n display: flex;\n flex-direction: row;\n border-radius: var(--borderR);\n margin-bottom: 10px;\n}\n.radio_option {\n background-color: var(--lightGrey);\n border-radius: var(--borderR);\n margin: 5px;\n padding: 10px;\n width: 100%;\n justify-content: center;\n align-items: center;\n text-align: center;\n font-size: 14px;\n cursor: pointer;\n white-space: nowrap;\n}\n.settings_row {\n background-color: var(--light);\n border-radius: var(--borderR);\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n height: 50px;\n padding: 10px;\n width: 100%;\n}\n.settings_row_actions {\n background-color: rgb(223, 221, 221);\n width: 100%;\n max-width: 200px;\n border-radius: var(--borderR);\n}\n.white_button {\n background-color: rgb(223, 221, 221);\n padding: 10px;\n /* margin: 10px; */\n width: 100px;\n text-align: center;\n cursor: pointer;\n border-radius: var(--borderR);\n /* border-radius: 0 var(--borderR) var(--borderR) 0; */\n}\n.blue_button {\n background-color: var(--blue);\n color: white;\n padding: 10px;\n /* margin: 10px; */\n width: 100px;\n text-align: center;\n cursor: pointer;\n border-radius: var(--borderR);\n /* border-radius: var(--borderR) 0 0 var(--borderR); */\n}\n.route_loading {\n position: fixed;\n bottom: 20px;\n right: 20px;\n background-color: var(--blue);\n border-radius: var(--borderR);\n padding: 10px;\n height: 50px;\n width: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 400;\n}\n.offline_banner {\n position: fixed;\n bottom: 20px;\n left: 20px;\n /* background-color: var(--red); */\n background-color: red;\n border-radius: var(--borderR);\n padding: 10px;\n height: 50px;\n /* width: 50px; */\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 400;\n color: white;\n}\n.language_modal_button {\n background-color: var(--blue);\n padding: 10px;\n height: 100%;\n width: 100%;\n border-radius: var(--borderR);\n text-align: center;\n color: white;\n margin: 10px;\n}\n.language_modal_buttons_container {\n margin: 10px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n.language_modal_root {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 20px;\n font-size: 20px;\n font-weight: 700px;\n width: 100%;\n}\n/* DragDropMenuLogo */\n.upload_error_container {\n background-color: #f44336;\n color: white;\n border-radius: var(--borderR);\n padding: 10px;\n margin: 5px;\n font-size: 13px;\n}\n.upload_main_container {\n display: flex;\n border-color: var(--blue);\n border-style: solid;\n border-radius: var(--borderR);\n border-width: 2px;\n cursor: pointer;\n}\n@media (max-width: 600px) {\n .radio_selector_container {\n width: 100%;\n flex-wrap: wrap;\n }\n .settings_row {\n flex-wrap: wrap;\n height: auto;\n }\n .white_button {\n width: 100%;\n }\n .blue_button {\n width: 100%;\n }\n .settings_row_actions {\n width: 100%;\n max-width: 100%;\n }\n .settings_row_title {\n margin-bottom: 10px;\n margin-top: 10px;\n }\n}\n",""]),module.exports=exports},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$":function(module,exports,__webpack_require__){var map={"./stories/ActionButton.stories.js":"./src/stories/ActionButton.stories.js","./stories/AdaptiveButton.stories.js":"./src/stories/AdaptiveButton.stories.js","./stories/Alert.stories.js":"./src/stories/Alert.stories.js","./stories/AuthForm.stories.js":"./src/stories/AuthForm.stories.js","./stories/Box.stories.js":"./src/stories/Box.stories.js","./stories/CheckBox.stories.js":"./src/stories/CheckBox.stories.js","./stories/GlobalVariables.stories.js":"./src/stories/GlobalVariables.stories.js","./stories/HawaProvider.stories.js":"./src/stories/HawaProvider.stories.js","./stories/InputLabel.stories.js":"./src/stories/InputLabel.stories.js","./stories/Introduction.stories.js":"./src/stories/Introduction.stories.js","./stories/RadioSelector.stories.js":"./src/stories/RadioSelector.stories.js","./stories/TextField.stories.js":"./src/stories/TextField.stories.js","./stories/UserAccount.stories.js":"./src/stories/UserAccount.stories.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$":function(module,exports){function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=function(){return[]},webpackEmptyContext.resolve=webpackEmptyContext,module.exports=webpackEmptyContext,webpackEmptyContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./src/layout/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box_Box}));var react=__webpack_require__("./node_modules/react/index.js"),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Box_Box=function Box(props){var theme=Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsx)("div",{style:{display:"flex",flexDirection:"column",backgroundColor:theme.layoutColor,color:theme.textColor,padding:theme.paddings,margin:theme.margins,borderRadius:theme.borderRadius,maxWidth:props.maxWidth},children:props.children})};Box_Box.displayName="Box",Box_Box.__docgenInfo={description:"",methods:[],displayName:"Box"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/layout/Box.js"]={name:"Box",docgenInfo:Box_Box.__docgenInfo,path:"src/layout/Box.js"})},"./src/stories/ActionButton.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Primary",(function(){return Primary})),__webpack_require__.d(__webpack_exports__,"Secondary",(function(){return Secondary}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.js"),_ui__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{theme:Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.c,args.theme),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.a,{secondary:args.secondary,text:"here"})})};Template.displayName="Template",__webpack_exports__.default={title:"UI/ActionButton",component:_ui__WEBPACK_IMPORTED_MODULE_4__.a};var Primary=Template.bind({});Primary.args={showText:!0,buttonLabel:"test",borderRadius:5,textColor:"#000000",buttonColor:"#f9f9f9"};var Secondary=Template.bind({});Secondary.args={secondary:!0,showText:!0,buttonLabel:"test",borderRadius:5,textColor:"#000000",buttonColor:"#f9f9f9"},Primary.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 10,\n primaryColor: "green",\n secondaryColor: "red",\n // margins: "10px",\n paperColors: "#c6c6c6",\n paddings: 10,\n margins: 10\n };\n return (\n <HawaProvider theme={{ ...defaultTheme, ...args.theme }}>\n <ActionButton secondary={args.secondary} text=\'here\' />\n </HawaProvider>\n );\n}'}},Primary.parameters),Secondary.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 10,\n primaryColor: "green",\n secondaryColor: "red",\n // margins: "10px",\n paperColors: "#c6c6c6",\n paddings: 10,\n margins: 10\n };\n return (\n <HawaProvider theme={{ ...defaultTheme, ...args.theme }}>\n <ActionButton secondary={args.secondary} text=\'here\' />\n </HawaProvider>\n );\n}'}},Secondary.parameters)},"./src/stories/AdaptiveButton.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Light",(function(){return Light})),__webpack_require__.d(__webpack_exports__,"Dark",(function(){return Dark})),__webpack_require__.d(__webpack_exports__,"Danger",(function(){return Danger}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _material_ui_icons_Cast__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@material-ui/icons/Cast.js"),_material_ui_icons_Cast__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_material_ui_icons_Cast__WEBPACK_IMPORTED_MODULE_3__),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/themes/HawaProvider.js"),_ui__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{theme:{borderRadius:10,primaryColor:"#004fff",secondaryColor:"red",paddings:10},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.b,Object.assign({},args))})};Template.displayName="Template",__webpack_exports__.default={title:"UI/AdaptiveButton",component:_ui__WEBPACK_IMPORTED_MODULE_5__.b,argsTypes:{buttonLabel:{control:"text"},borderRadius:{control:"number"},buttonColor:{control:"color"},padding:{control:"number"},hintTitle:{control:"text"},hintContent:{control:"text"}},args:{hintTitle:"test",hintContent:"more test",buttonColor:"#f9f9f9"}};var Light=Template.bind({});Light.args={showText:!0,buttonLabel:"test",borderRadius:5,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_material_ui_icons_Cast__WEBPACK_IMPORTED_MODULE_3___default.a,{}),textColor:"#000000",buttonColor:"#f9f9f9"};var Dark=Template.bind({});Dark.args={showText:!0,buttonLabel:"test",borderRadius:5,buttonColor:"#878787",textColor:"#ffffff",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_material_ui_icons_Cast__WEBPACK_IMPORTED_MODULE_3___default.a,{})};var Danger=Template.bind({});Danger.args={showText:!0,buttonLabel:"test",borderRadius:5,buttonColor:"#c0c0c0",danger:!0,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_material_ui_icons_Cast__WEBPACK_IMPORTED_MODULE_3___default.a,{})},Light.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 10,\n primaryColor: "#004fff",\n secondaryColor: "red",\n // margins: "10px",\n paddings: 10\n };\n return (\n <HawaProvider theme={theme}>\n <AdaptiveButton {...args} />\n </HawaProvider>\n );\n}'}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 10,\n primaryColor: "#004fff",\n secondaryColor: "red",\n // margins: "10px",\n paddings: 10\n };\n return (\n <HawaProvider theme={theme}>\n <AdaptiveButton {...args} />\n </HawaProvider>\n );\n}'}},Dark.parameters),Danger.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 10,\n primaryColor: "#004fff",\n secondaryColor: "red",\n // margins: "10px",\n paddings: 10\n };\n return (\n <HawaProvider theme={theme}>\n <AdaptiveButton {...args} />\n </HawaProvider>\n );\n}'}},Danger.parameters)},"./src/stories/Alert.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default}));__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.js"),_ui__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{theme:{borderRadius:10,primaryColor:"green",secondaryColor:"red",paperColors:"#c6c6c6",paddings:10,margins:10},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{text:"This is a warning",type:"warning"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{text:"This is a regular notification",type:"notification"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{text:"This is a danger alert",type:"danger"})]})};Template.displayName="Template",__webpack_exports__.default={title:"UI/Alert",component:_ui__WEBPACK_IMPORTED_MODULE_4__.c};var Default=Template.bind({});Default.args={showText:!0,buttonLabel:"test",borderRadius:5,textColor:"#000000",buttonColor:"#f9f9f9"},Default.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 10,\n primaryColor: "green",\n secondaryColor: "red",\n // margins: "10px",\n paperColors: "#c6c6c6",\n paddings: 10,\n margins: 10\n };\n return (\n <HawaProvider theme={theme}>\n <StyledAlert text="This is a warning" type="warning" />\n <StyledAlert text="This is a regular notification" type="notification" />\n <StyledAlert text="This is a danger alert" type="danger" />\n </HawaProvider>\n );\n}'}},Default.parameters)},"./src/stories/AuthForm.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SignIn",(function(){return SignIn})),__webpack_require__.d(__webpack_exports__,"SignUp",(function(){return SignUp})),__webpack_require__.d(__webpack_exports__,"ResetPassword",(function(){return ResetPassword})),__webpack_require__.d(__webpack_exports__,"NewPassword",(function(){return NewPassword}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),layout=__webpack_require__("./src/layout/index.js"),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),ui=__webpack_require__("./src/ui/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),NewPasswordForm_NewPasswordForm=function NewPasswordForm(props){Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.e,{label:"Password"}),Object(jsx_runtime.jsx)(ui.g,{type:"password"}),Object(jsx_runtime.jsx)(ui.e,{label:"Confirm Password"}),Object(jsx_runtime.jsx)(ui.g,{type:"password"}),props.children]})};NewPasswordForm_NewPasswordForm.displayName="NewPasswordForm",NewPasswordForm_NewPasswordForm.__docgenInfo={description:"",methods:[],displayName:"NewPasswordForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/blocks/AuthForms/NewPasswordForm.js"]={name:"NewPasswordForm",docgenInfo:NewPasswordForm_NewPasswordForm.__docgenInfo,path:"src/blocks/AuthForms/NewPasswordForm.js"});var ResetPasswordForm_ResetPasswordForm=function ResetPasswordForm(props){Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.e,{label:"Email"}),Object(jsx_runtime.jsx)(ui.g,{type:"text"}),props.children]})};ResetPasswordForm_ResetPasswordForm.displayName="ResetPasswordForm",ResetPasswordForm_ResetPasswordForm.__docgenInfo={description:"",methods:[],displayName:"ResetPasswordForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/blocks/AuthForms/ResetPasswordForm.js"]={name:"ResetPasswordForm",docgenInfo:ResetPasswordForm_ResetPasswordForm.__docgenInfo,path:"src/blocks/AuthForms/ResetPasswordForm.js"});var SignUpForm_SignUpForm=function SignUpForm(props){Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.e,{label:"Email"}),Object(jsx_runtime.jsx)(ui.g,{type:"text"}),Object(jsx_runtime.jsx)(ui.e,{label:"Password"}),Object(jsx_runtime.jsx)(ui.g,{type:"text"}),Object(jsx_runtime.jsx)(ui.e,{label:"Confirm Password"}),Object(jsx_runtime.jsx)(ui.g,{type:"text"}),props.children]})};SignUpForm_SignUpForm.displayName="SignUpForm",SignUpForm_SignUpForm.__docgenInfo={description:"",methods:[],displayName:"SignUpForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/blocks/AuthForms/SignUpForm.js"]={name:"SignUpForm",docgenInfo:SignUpForm_SignUpForm.__docgenInfo,path:"src/blocks/AuthForms/SignUpForm.js"});var SignInForm_SignInForm=function SignInForm(props){Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.e,{label:"Email"}),Object(jsx_runtime.jsx)(ui.g,{type:"text"}),Object(jsx_runtime.jsx)(ui.e,{label:"Password"}),Object(jsx_runtime.jsx)(ui.g,{type:"text"}),props.children]})};SignInForm_SignInForm.displayName="SignInForm",SignInForm_SignInForm.__docgenInfo={description:"",methods:[],displayName:"SignInForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/blocks/AuthForms/SignInForm.js"]={name:"SignInForm",docgenInfo:SignInForm_SignInForm.__docgenInfo,path:"src/blocks/AuthForms/SignInForm.js"});__webpack_exports__.default={title:"Blocks/AuthForms",component:SignInForm_SignInForm,argsTypes:{viaGoogle:{control:"boolean"},viaGithub:{control:"boolean"},viaTwitter:{control:"boolean"},viaFacebook:{control:"boolean"}},args:{}};var AuthForm_stories_SignInTemplate=function SignInTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SignInForm_SignInForm,Object.assign({},args))})};AuthForm_stories_SignInTemplate.displayName="SignInTemplate";var SignIn=AuthForm_stories_SignInTemplate.bind({});SignIn.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,viaFacebook:!0};var AuthForm_stories_SignUpTemplate=function SignUpTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SignUpForm_SignUpForm,Object.assign({},args))})};AuthForm_stories_SignUpTemplate.displayName="SignUpTemplate";var SignUp=AuthForm_stories_SignUpTemplate.bind({});SignUp.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,viaFacebook:!0};var AuthForm_stories_ResetPasswordTemplate=function ResetPasswordTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(ResetPasswordForm_ResetPasswordForm,Object.assign({},args))})};AuthForm_stories_ResetPasswordTemplate.displayName="ResetPasswordTemplate";var ResetPassword=AuthForm_stories_ResetPasswordTemplate.bind({});ResetPassword.args={};var AuthForm_stories_NewPasswordTemplate=function NewPasswordTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(NewPasswordForm_NewPasswordForm,Object.assign({},args))})};AuthForm_stories_NewPasswordTemplate.displayName="NewPasswordTemplate";var NewPassword=AuthForm_stories_NewPasswordTemplate.bind({});NewPassword.args={},SignIn.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider theme={{ ...defaultTheme }}>\n <SignInForm {...args} />\n </HawaProvider>\n );\n}"}},SignIn.parameters),SignUp.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider theme={{ ...defaultTheme }}>\n <SignUpForm {...args} />\n </HawaProvider>\n );\n}"}},SignUp.parameters),ResetPassword.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider theme={{ ...defaultTheme }}>\n <ResetPasswordForm {...args} />\n </HawaProvider>\n );\n}"}},ResetPassword.parameters),NewPassword.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider theme={{ ...defaultTheme }}>\n <NewPasswordForm {...args} />\n </HawaProvider>\n );\n}"}},NewPassword.parameters)},"./src/stories/Box.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Normal",(function(){return Normal})),__webpack_require__.d(__webpack_exports__,"Compact",(function(){return Compact}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _layout__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/layout/index.js"),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/themes/HawaProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),theme=Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.c),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{size:args.size,theme:Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.c,args.theme),children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:"Box 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{backgroundColor:"white",padding:10},children:"testing box in box"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:"Box 3"})]})};Template.displayName="Template",__webpack_exports__.default={title:"Layout/Box",component:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{}),parameters:{backgrounds:{default:"light",values:[{name:"light",value:theme.lightBackground},{name:"dark",value:theme.darkBackground}]}}};var Normal=Template.bind({});Normal.args={size:"large",showText:!0,buttonLabel:"test",borderRadius:5,padding:theme.paddings,textColor:"#000000",buttonColor:"#f9f9f9"};var Compact=Template.bind({});Compact.args={size:"small",showText:!0,buttonLabel:"test",theme:{borderRadius:5,paddings:theme.paddings/2,textColor:"#000000",buttonColor:"#f9f9f9"}},Normal.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider size={args.size} theme={{ ...defaultTheme, ...args.theme }}>\n <Box>Box 1</Box>\n <Box><div style={{ backgroundColor: 'white', padding: 10 }}>testing box in box</div></Box>\n <Box>Box 3</Box>\n </HawaProvider >\n );\n}"}},Normal.parameters),Compact.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider size={args.size} theme={{ ...defaultTheme, ...args.theme }}>\n <Box>Box 1</Box>\n <Box><div style={{ backgroundColor: 'white', padding: 10 }}>testing box in box</div></Box>\n <Box>Box 3</Box>\n </HawaProvider >\n );\n}"}},Compact.parameters)},"./src/stories/CheckBox.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Light",(function(){return Light})),__webpack_require__.d(__webpack_exports__,"Dark",(function(){return Dark}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.d,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"UI/Checkbox",component:Light,argsTypes:{defaultValue:{options:[!0,!1],control:{type:"radio"}}},args:{defaultValue:!0,disabled:!0}};var Light=Template.bind({}),Dark=Template.bind({});Light.args={color:"red",defaultValue:!1,label:"test"},Dark.args={color:"gray",defaultValue:!1},Light.parameters=Object.assign({storySource:{source:"(args) => {\n return <StyledCheckbox {...args} />;\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\n return <StyledCheckbox {...args} />;\n}"}},Dark.parameters)},"./src/stories/GlobalVariables.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__.d(__webpack_exports__,"GlobalVariables",(function(){return GlobalVariables}));__webpack_require__("./node_modules/react/index.js");var _storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js"));Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Test",module).addParameters({storySource:{source:'import React, { useState } from "react";\nimport { storiesOf } from "@storybook/react";\n\nimport "../styles.css";\n\nconst stories = storiesOf("Test", module);\n\nstories.add("Global Variables", () => {\n return <div>test</div>;\n});\n\nexport const GlobalVariables = (args) => {\n // const methods = useForm();\n return <div>test</div>;\n};\nexport default {\n title: "GlobalVariables",\n component: [\n StyledCheckBox,\n StyledTextFieldT,\n StyledTextAreaT,\n StyledRadioSeletorT\n ],\n argTypes: {\n resize: {\n options: ["vertical", "horizontal", "both"],\n control: { type: "radio" }\n }\n }\n};\n\n/****************************/\n// STYLED CHECKBOX TEMPLATE\n// const StyledCheckBoxTemplate = (args) => {\n// const methods = useForm();\n// return (\n// <FormProvider {...methods}>\n// <StyledCheckbox {...args} />\n// </FormProvider>\n// );\n// };\n// export const StyledCheckBox = StyledCheckBoxTemplate.bind({});\n// StyledCheckBox.args = {\n// name: "checkbox",\n// label: "CheckBox",\n// color: "blue",\n// rules: { required: true },\n// defaultValue: true\n// };\n/****************************/\n\n/****************************/\n// STYLED TextField TEMPLATE\n// const StyledTextFieldTemplate = (args) => {\n// const methods = useForm();\n// return (\n// <FormProvider {...methods}>\n// <StyledTextField {...args} />\n// </FormProvider>\n// );\n// };\n\n// export const StyledTextFieldT = StyledTextFieldTemplate.bind({});\n// StyledTextFieldT.args = {\n// name: "styledtextfield",\n// inputLabel: "Label",\n// bdRadius: 12,\n// bgColor: "lightgray",\n// helperText: "This is HelperText",\n// type: "text",\n// placeholder: "exemple ..."\n// };\n\n/****************************/\n// Radio Selector Template\n// const styledRadioSelectorTempalte = (args) => {\n// const methods = useForm();\n\n// return (\n// <FormProvider {...methods}>\n// <StyledRadioSelector {...args} />\n// </FormProvider>\n// );\n// };\n\n// export const StyledRadioSeletorT = styledRadioSelectorTempalte.bind({});\n// StyledRadioSeletorT.args = {\n// name: "Radio Selector",\n// shouldUnregister: true,\n// options: [\n// { text: "Option 1", label: "option1" },\n// { text: "Option 2", label: "option2" },\n// { text: "Option 3", label: "option3" }\n// ],\n// selectedColor: "blue",\n// bdRadius: 12,\n// defaultValue: "option2",\n// bgSelectedColor: "red",\n// textSelectedColor: "black"\n// };\n/****************************/\n',locationsMap:{"global-variables":{startLoc:{col:12,line:8},endLoc:{col:1,line:10},startBody:{col:32,line:8},endBody:{col:1,line:10}}}}}).add("Global Variables",(function(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{children:"test"})}));var GlobalVariables=function GlobalVariables(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{children:"test"})};GlobalVariables.displayName="GlobalVariables",__webpack_exports__.default={title:"GlobalVariables",component:[StyledCheckBox,StyledTextFieldT,StyledTextAreaT,StyledRadioSeletorT],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}},GlobalVariables.__docgenInfo={description:"",methods:[],displayName:"GlobalVariables"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/stories/GlobalVariables.stories.js"]={name:"GlobalVariables",docgenInfo:GlobalVariables.__docgenInfo,path:"src/stories/GlobalVariables.stories.js"})}.call(this,__webpack_require__("./node_modules/webpack/buildin/harmony-module.js")(module))},"./src/stories/HawaProvider.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/react/index.js");var _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/themes/HawaProvider.js");__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Globals/HawaProvider",component:_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_1__.a}},"./src/stories/InputLabel.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js");__webpack_require__("./src/styles.css"),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_0__.storiesOf)("InputLabel",module).addParameters({storySource:{source:'import { storiesOf } from "@storybook/react";\n\nimport "../styles.css";\n\nconst stories = storiesOf("InputLabel", module);\n\nexport default {\n title: "Components/InputLabel",\n component: [\n StyledCheckBox,\n StyledTextFieldT,\n StyledTextAreaT,\n StyledRadioSeletorT\n ],\n argTypes: {\n resize: {\n options: ["vertical", "horizontal", "both"],\n control: { type: "radio" }\n }\n }\n};\n\n/****************************/\n// STYLED CHECKBOX TEMPLATE\n// const StyledCheckBoxTemplate = (args) => {\n// const methods = useForm();\n// return (\n// <FormProvider {...methods}>\n// <StyledCheckbox {...args} />\n// </FormProvider>\n// );\n// };\n// export const StyledCheckBox = StyledCheckBoxTemplate.bind({});\n// StyledCheckBox.args = {\n// name: "Components/InputLabel",\n// label: "CheckBox",\n// color: "blue",\n// rules: { required: true },\n// defaultValue: true\n// };\n/****************************/\n\n/****************************/\n// STYLED TextField TEMPLATE\n// const StyledTextFieldTemplate = (args) => {\n// const methods = useForm();\n// return (\n// <FormProvider {...methods}>\n// <StyledTextField {...args} />\n// </FormProvider>\n// );\n// };\n\n// export const StyledTextFieldT = StyledTextFieldTemplate.bind({});\n// StyledTextFieldT.args = {\n// name: "Components/InputLabel",\n// inputLabel: "Label",\n// bdRadius: 12,\n// bgColor: "lightgray",\n// helperText: "This is HelperText",\n// type: "text",\n// placeholder: "exemple ..."\n// };\n\n/****************************/\n// Radio Selector Template\n// const styledRadioSelectorTempalte = (args) => {\n// const methods = useForm();\n\n// return (\n// <FormProvider {...methods}>\n// <StyledRadioSelector {...args} />\n// </FormProvider>\n// );\n// };\n\n// export const StyledRadioSeletorT = styledRadioSelectorTempalte.bind({});\n// StyledRadioSeletorT.args = {\n// name: "Components/InputLabel",\n// shouldUnregister: true,\n// options: [\n// { text: "Option 1", label: "option1" },\n// { text: "Option 2", label: "option2" },\n// { text: "Option 3", label: "option3" }\n// ],\n// selectedColor: "blue",\n// bdRadius: 12,\n// defaultValue: "option2",\n// bgSelectedColor: "red",\n// textSelectedColor: "black"\n// };\n/****************************/\n',locationsMap:{}}});__webpack_exports__.default={title:"Components/InputLabel",component:[StyledCheckBox,StyledTextFieldT,StyledTextAreaT,StyledRadioSeletorT],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}}}.call(this,__webpack_require__("./node_modules/webpack/buildin/harmony-module.js")(module))},"./src/stories/Introduction.stories.js":function(module,exports){throw new Error("Module build failed (from ./node_modules/babel-loader/lib/index.js):\nSyntaxError: /Users/zakhermasri/Desktop/hawa/src/stories/Introduction.stories.js: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (13:0)\n\n[0m [90m 11 |[39m [33m<[39m[33mMeta[39m title[33m=[39m[32m\"Example/Introduction\"[39m [33m/[39m[33m>[39m[0m\n[0m [90m 12 |[39m[0m\n[0m[31m[1m>[22m[39m[90m 13 |[39m [33m<[39m[33mstyle[39m[33m>[39m{[32m`[39m[0m\n[0m [90m |[39m [31m[1m^[22m[39m[0m\n[0m [90m 14 |[39m [32m .subheading {[39m[0m\n[0m [90m 15 |[39m [32m --mediumdark: '#999999';[39m[0m\n[0m [90m 16 |[39m [32m font-weight: 900;[39m[0m\n at Object._raise (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:476:17)\n at Object.raiseWithData (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:469:17)\n at Object.raise (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:430:17)\n at Object.jsxParseElementAt (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:7781:18)\n at Object.jsxParseElement (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:7793:17)\n at Object.parseExprAtom (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:7807:19)\n at Object.parseExprSubscripts (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:12149:23)\n at Object.parseUpdate (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:12129:21)\n at Object.parseMaybeUnary (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:12104:23)\n at Object.parseMaybeUnaryOrPrivate (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:11901:61)\n at Object.parseExprOps (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:11908:23)\n at Object.parseMaybeConditional (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:11878:23)\n at Object.parseMaybeAssign (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:11833:21)\n at /Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:6376:39\n at Object.tryParse (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:3832:20)\n at Object.parseMaybeAssign (/Users/zakhermasri/Desktop/hawa/node_modules/@babel/parser/lib/index.js:6376:18)")},"./src/stories/RadioSelector.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Light",(function(){return Light})),__webpack_require__.d(__webpack_exports__,"Dark",(function(){return Dark}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/themes/HawaProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{theme:{borderRadius:5,primaryColor:"green",secondaryColor:"red",paddings:10},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.f,Object.assign({},args))})};Template.displayName="Template",__webpack_exports__.default={title:"Components/RadioSelector",component:Light,argTypes:{options:{control:"array"}},args:{options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}]}};var Light=Template.bind({});Light.args={options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",borderRadius:12,defaultValue:"option2",bgSelectedColor:"red",textSelectedColor:"white",handleChange:function handleChange(){console.log("handleChange goes here")}};var Dark=Template.bind({});Dark.args={options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",borderRadius:12,defaultValue:"option2",bgSelectedColor:"blue",textSelectedColor:"white",handleChange:function handleChange(){console.log("handleChange goes here")}},Light.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 5,\n primaryColor: "green",\n secondaryColor: "red",\n // margins: "10px",\n paddings: 10\n };\n return (\n <HawaProvider theme={theme}>\n <StyledRadioSelector {...args} />\n </HawaProvider>\n );\n}'}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:'(args) => {\n const theme = {\n borderRadius: 5,\n primaryColor: "green",\n secondaryColor: "red",\n // margins: "10px",\n paddings: 10\n };\n return (\n <HawaProvider theme={theme}>\n <StyledRadioSelector {...args} />\n </HawaProvider>\n );\n}'}},Dark.parameters)},"./src/stories/TextField.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Light",(function(){return Light})),__webpack_require__.d(__webpack_exports__,"Dark",(function(){return Dark}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.g,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"Components/TextField",component:_ui__WEBPACK_IMPORTED_MODULE_3__.g,argsTypes:{type:{name:"type",type:{name:"string",required:!0},options:["text","number","date"],control:{type:"radio"},defaultValue:"text",description:"Styled Text Field",table:{type:{summary:"string"},defaultValue:{summary:"Hello"}}}}};var Light=Template.bind({}),Dark=Template.bind({});Light.args={placeholder:"Exemple ...",defaultValue:"This isko default value",inputLabel:"Text Field",bgColor:"lightgray",padding:10},Dark.args={placeholder:"Exemple ...",defaultValue:"This is default value",inputLabel:"Text Field",bgColor:"lightgray",padding:10},Light.parameters=Object.assign({storySource:{source:"(args) => {\n return <StyledTextField {...args} />;\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\n return <StyledTextField {...args} />;\n}"}},Dark.parameters)},"./src/stories/UserAccount.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Success",(function(){return Success})),__webpack_require__.d(__webpack_exports__,"Failed",(function(){return Failed}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var ui=__webpack_require__("./src/ui/index.js"),layout=__webpack_require__("./src/layout/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),UserProfile_UserProfile=function UserProfile(props){return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.g,{type:"text",inputLabel:"First Name"}),Object(jsx_runtime.jsx)(ui.g,{type:"text",inputLabel:"Last Name"}),Object(jsx_runtime.jsx)(ui.g,{type:"email",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.g,{type:"password",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.a,{last:!0,text:"Update Account"})]})};UserProfile_UserProfile.displayName="UserProfile",UserProfile_UserProfile.__docgenInfo={description:"",methods:[],displayName:"UserProfile"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/blocks/Account/UserProfile.js"]={name:"UserProfile",docgenInfo:UserProfile_UserProfile.__docgenInfo,path:"src/blocks/Account/UserProfile.js"});var UserSettings_UserSettings=function UserSettings(props){return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.g,{type:"text",inputLabel:"First Name"}),Object(jsx_runtime.jsx)(ui.g,{type:"text",inputLabel:"Last Name"}),Object(jsx_runtime.jsx)(ui.g,{type:"email",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.g,{type:"password",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.a,{last:!0,text:"Update Account"})]})};UserSettings_UserSettings.displayName="UserSettings",UserSettings_UserSettings.__docgenInfo={description:"",methods:[],displayName:"UserSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/blocks/Account/UserSettings.js"]={name:"UserSettings",docgenInfo:UserSettings_UserSettings.__docgenInfo,path:"src/blocks/Account/UserSettings.js"});var HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),theme=(__webpack_exports__.default={title:"Blocks/UserProfile",component:UserProfile_UserProfile,argsTypes:{viaGoogle:{control:"boolean"},viaGithub:{control:"boolean"},viaTwitter:{control:"boolean"},viaFacebook:{control:"boolean"}},args:{}},Object.assign({},HawaProvider.c,{paddings:20})),UserAccount_stories_UserProfileTemplate=function UserProfileTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c,theme),children:Object(jsx_runtime.jsx)(UserProfile_UserProfile,Object.assign({},args))})};UserAccount_stories_UserProfileTemplate.displayName="UserProfileTemplate";var Success=UserAccount_stories_UserProfileTemplate.bind({});Success.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,viaFacebook:!0};var Failed=UserAccount_stories_UserProfileTemplate.bind({});Failed.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,viaFacebook:!0},Success.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider theme={{ ...defaultTheme, ...theme }}>\n <UserProfile {...args} />\n </HawaProvider>\n );\n}"}},Success.parameters),Failed.parameters=Object.assign({storySource:{source:"(args) => {\n return (\n <HawaProvider theme={{ ...defaultTheme, ...theme }}>\n <UserProfile {...args} />\n </HawaProvider>\n );\n}"}},Failed.parameters)},"./src/styles.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/styles.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/themes/HawaProvider.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return defaultTheme})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ThemeProvider})),__webpack_require__.d(__webpack_exports__,"a",(function(){return HawaProvider}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["theme"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var defaultTheme={borderRadius:10,primaryColor:"blue",secondaryColor:"grey",primaryActionColor:"#f72585",secondaryActionColor:"#4cc9f0",layoutColor:"#d3d4d9",textColor:"black",inputColor:"white",lightBackground:"#FBF5F3",darkBackground:"#0F0E0E",margins:10,paddings:10},ThemeProvider=Object(react__WEBPACK_IMPORTED_MODULE_4__.createContext)(defaultTheme),HawaProvider=function HawaProvider(_ref){var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);return"large"===props.size&&(theme=Object.assign({},theme,{paddings:20,margins:20})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ThemeProvider.Provider,{value:theme||defaultTheme,children:props.children})};HawaProvider.displayName="HawaProvider",HawaProvider.__docgenInfo={description:"",methods:[],displayName:"HawaProvider"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/themes/HawaProvider.js"]={name:"HawaProvider",docgenInfo:HawaProvider.__docgenInfo,path:"src/themes/HawaProvider.js"})},"./src/ui/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return AdaptiveButton_AdaptiveButton})),__webpack_require__.d(__webpack_exports__,"d",(function(){return Checkbox_StyledCheckbox})),__webpack_require__.d(__webpack_exports__,"f",(function(){return RadioSelector_StyledRadioSelector})),__webpack_require__.d(__webpack_exports__,"g",(function(){return TextField_StyledTextField})),__webpack_require__.d(__webpack_exports__,"c",(function(){return StyledAlert_StyledAlert})),__webpack_require__.d(__webpack_exports__,"e",(function(){return StyledInputLabel_StyledInputLabel})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ActionButton_ActionButton}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),Button=__webpack_require__("./node_modules/@material-ui/core/esm/Button/Button.js"),Tooltip=__webpack_require__("./node_modules/@material-ui/core/esm/Tooltip/Tooltip.js"),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),StyledTooltip_StyledTooltip=function StyledTooltip(props){return Object(jsx_runtime.jsx)(Tooltip.a,{placement:"bottom-center",enterTouchDelay:100,title:props.hint?props.hint:Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("div",{style:{fontSize:20,fontWeight:800,padding:10,paddingBottom:5,textAlign:"center"},children:props.hintTitle}),Object(jsx_runtime.jsx)("div",{style:{fontSize:13,fontWeight:100,padding:10,textAlign:"center"},children:props.hintContent})]}),children:props.children})};StyledTooltip_StyledTooltip.displayName="StyledTooltip",StyledTooltip_StyledTooltip.__docgenInfo={description:"",methods:[],displayName:"StyledTooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/StyledTooltip.js"]={name:"StyledTooltip",docgenInfo:StyledTooltip_StyledTooltip.__docgenInfo,path:"src/ui/StyledTooltip.js"});__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");var getTextColor=function getTextColor(backColor){var rgbArray=function hexToRgb(hex){var d=null==hex?void 0:hex.split("#")[1],aRgbHex=null==d?void 0:d.match(/.{1,2}/g);return[parseInt(aRgbHex[0],16),parseInt(aRgbHex[1],16),parseInt(aRgbHex[2],16)]}(backColor);return.299*rgbArray[0]+.587*rgbArray[1]+.114*rgbArray[2]>186?"#000000":"#ffffff"};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var AdaptiveButton_AdaptiveButton=function AdaptiveButton(props){var showText=props.showText,theme=Object(react.useContext)(HawaProvider.b),_useState2=_slicedToArray(Object(react.useState)(!1),2),setTooltip=(_useState2[0],_useState2[1]),_useState4=_slicedToArray(Object(react.useState)(!1),2),hovered=_useState4[0],setHovered=_useState4[1];return showText?Object(jsx_runtime.jsx)(motion.a.div,{transition:{duration:.2},whileTap:{scale:1.2},whileHover:{borderRadius:theme.borderRadius,color:"red"},onMouseEnter:function onMouseEnter(){return setHovered(!0)},onMouseLeave:function onMouseLeave(){return setHovered(!1)},onMouseDown:function onMouseDown(){return setHovered(!0)},onMouseUp:function onMouseUp(){return setHovered(!1)},onMouseOver:function onMouseOver(){return setHovered(!0)},onMouseOut:function onMouseOut(){return setHovered(!1)},children:Object(jsx_runtime.jsxs)(Button.a,{disableRipple:!0,disabled:props.disabled,"aria-label":props.buttonLabel,color:props.danger?"secondary":"primary",onClick:props.handleClick,style:{backgroundColor:theme.primaryColor,borderRadius:theme.borderRadius,padding:theme.paddings,color:getTextColor(theme.primaryColor)},children:[props.icon,props.showText?Object(jsx_runtime.jsx)("span",{style:{marginLeft:props.icon?5:0},children:props.buttonLabel}):null]})}):props.buttonLabelOnly?Object(jsx_runtime.jsx)(motion.a.div,{transition:{duration:.2},initial:{width:"fit-content",backgroundColor:props.buttonColor,borderRadius:theme.borderRadius},whileTap:{scale:1.2},whileHover:{backgroundColor:props.hoverColor,borderRadius:theme.borderRadius},onMouseEnter:function onMouseEnter(){return setHovered(!0)},onMouseLeave:function onMouseLeave(){return setHovered(!1)},onMouseDown:function onMouseDown(){setHovered(!0),setTooltip(!0)},onMouseUp:function onMouseUp(){setHovered(!1),setTooltip(!0)},onMouseOver:function onMouseOver(){setHovered(!0),setTooltip(!0)},onMouseOut:function onMouseOut(){setHovered(!1)},children:Object(jsx_runtime.jsx)(Tooltip.a,{placement:"bottom-center",enterTouchDelay:100,title:props.hint?props.hint:Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("div",{style:{fontSize:20,fontWeight:800,padding:10,paddingBottom:5,textAlign:"center"},children:props.hintTitle}),Object(jsx_runtime.jsx)("div",{style:{fontSize:13,fontWeight:100,padding:10,textAlign:"center"},children:props.hintContent})]}),children:Object(jsx_runtime.jsx)(Button.a,{disabled:props.disabled,size:"small",disableRipple:!0,"aria-label":props.buttonLabel,onClick:props.handleClick,color:props.danger?"secondary":"primary",style:{padding:10,color:hovered?"#ffffff":props.danger?"#f50057":"var(--blue)"},children:props.buttonLabel})})}):Object(jsx_runtime.jsx)(motion.a.div,{transition:{duration:.2},initial:{width:"fit-content",backgroundColor:props.buttonColor,borderRadius:theme.borderRadius,margin:5},whileTap:{scale:1.2},whileHover:{backgroundColor:props.hoverColor,borderRadius:theme.borderRadius},onMouseEnter:function onMouseEnter(){return setHovered(!0)},onMouseLeave:function onMouseLeave(){return setHovered(!1)},onMouseDown:function onMouseDown(){setHovered(!0),setTooltip(!0)},onMouseUp:function onMouseUp(){setHovered(!1),setTooltip(!0)},onMouseOver:function onMouseOver(){setHovered(!0),setTooltip(!0)},onMouseOut:function onMouseOut(){setHovered(!1)},children:Object(jsx_runtime.jsx)(StyledTooltip_StyledTooltip,{hintTitle:"Example",hintContent:"More explaination here",children:Object(jsx_runtime.jsx)(Button.a,{disabled:props.disabled,size:"small",disableRipple:!0,"aria-label":props.buttonLabel,onClick:props.handleClick,color:props.danger?"secondary":"primary",style:{padding:10,color:hovered?"#ffffff":props.danger?"#f50057":"var(--blue)"},children:props.icon})})})};AdaptiveButton_AdaptiveButton.propTypes={buttonLabel:prop_types_default.a.string,danger:prop_types_default.a.bool,disabled:prop_types_default.a.bool,showText:prop_types_default.a.bool},AdaptiveButton_AdaptiveButton.__docgenInfo={description:"",methods:[],displayName:"AdaptiveButton",props:{buttonLabel:{type:{name:"string"},required:!1,description:""},danger:{type:{name:"bool"},required:!1,description:""},disabled:{type:{name:"bool"},required:!1,description:""},showText:{type:{name:"bool"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/AdaptiveButton.js"]={name:"AdaptiveButton",docgenInfo:AdaptiveButton_AdaptiveButton.__docgenInfo,path:"src/ui/AdaptiveButton.js"});var FormControlLabel=__webpack_require__("./node_modules/@material-ui/core/esm/FormControlLabel/FormControlLabel.js"),Checkbox=__webpack_require__("./node_modules/@material-ui/core/esm/Checkbox/Checkbox.js"),Checkbox_StyledCheckbox=function StyledCheckbox(props){return console.log("props : ",props),Object(jsx_runtime.jsx)(react_default.a.Fragment,{children:Object(jsx_runtime.jsx)(FormControlLabel.a,{label:props.label,control:Object(jsx_runtime.jsx)(Checkbox.a,{style:{color:props.color||null},defaultChecked:props.defaultValue})})})};Checkbox_StyledCheckbox.displayName="StyledCheckbox",Checkbox_StyledCheckbox.__docgenInfo={description:"",methods:[],displayName:"StyledCheckbox"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/Checkbox.js"]={name:"StyledCheckbox",docgenInfo:Checkbox_StyledCheckbox.__docgenInfo,path:"src/ui/Checkbox.js"});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.js"),RadioBox_StyledRadioBox=function StyledRadioBox(props){var control=Object(index_esm.b)().control,name=props.name,defaultValue=props.defaultValue,rules=props.rules,shouldUnregister=props.shouldUnregister;return Object(jsx_runtime.jsx)(react_default.a.Fragment,{children:Object(jsx_runtime.jsx)(index_esm.a,{render:function render(_ref){var field=_ref.field;return Object(jsx_runtime.jsx)(FormControlLabel.a,Object.assign({control:Object(jsx_runtime.jsx)(Checkbox.a,{})},props,field,{checked:field.value}))},name:name,rules:rules,control:control,defaultValue:defaultValue,shouldUnregister:shouldUnregister})})};RadioBox_StyledRadioBox.displayName="StyledRadioBox",RadioBox_StyledRadioBox.__docgenInfo={description:"",methods:[],displayName:"StyledRadioBox"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/RadioBox.js"]={name:"StyledRadioBox",docgenInfo:RadioBox_StyledRadioBox.__docgenInfo,path:"src/ui/RadioBox.js"});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");function RadioSelector_slicedToArray(arr,i){return function RadioSelector_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function RadioSelector_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function RadioSelector_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return RadioSelector_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return RadioSelector_arrayLikeToArray(o,minLen)}(arr,i)||function RadioSelector_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.")}()}function RadioSelector_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var RadioSelector_StyledRadioSelector=function StyledRadioSelector(props){var _useState2=RadioSelector_slicedToArray(Object(react.useState)(props.defaultValue),2),value=_useState2[0],setValue=_useState2[1],theme=Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsx)("div",{style:{backgroundColor:"white",display:"flex",flexDirection:"row",margin:theme.margins,padding:theme.paddings,marginBottom:10},children:props.options.map((function(singleOption){return Object(jsx_runtime.jsx)("div",{className:"radio_option",onClick:function onClick(){setValue(singleOption.label),props.handleChange&&props.handleChange()},style:value.toLowerCase()===singleOption.label.toLowerCase()?{borderRadius:theme.borderRadius,padding:theme.paddings,backgroundColor:theme.primaryColor||props.bgSelectedColor||"blue",color:props.textSelectedColor||"lightgray"}:{borderRadius:theme.borderRadius,padding:theme.paddings},children:singleOption.text},singleOption.label)}))})};RadioSelector_StyledRadioSelector.displayName="StyledRadioSelector",RadioSelector_StyledRadioSelector.__docgenInfo={description:"",methods:[],displayName:"StyledRadioSelector"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/RadioSelector.js"]={name:"StyledRadioSelector",docgenInfo:RadioSelector_StyledRadioSelector.__docgenInfo,path:"src/ui/RadioSelector.js"});var Row_Row=function Row(props){return Object(jsx_runtime.jsxs)("div",{style:{backgroundColor:"var(--light)",borderRadius:"var(--borderR)",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",height:50,padding:10,marginBottom:20,width:"100%"},children:[Object(jsx_runtime.jsx)("div",{style:{fontWeight:800},children:props.title}),props.actionComponent]})};Row_Row.displayName="Row",Row_Row.__docgenInfo={description:"",methods:[],displayName:"Row"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/Row.js"]={name:"Row",docgenInfo:Row_Row.__docgenInfo,path:"src/ui/Row.js"});var FormHelperText=__webpack_require__("./node_modules/@material-ui/core/esm/FormHelperText/FormHelperText.js"),FormControl=__webpack_require__("./node_modules/@material-ui/core/esm/FormControl/FormControl.js"),MenuItem=__webpack_require__("./node_modules/@material-ui/core/esm/MenuItem/MenuItem.js"),Select=__webpack_require__("./node_modules/@material-ui/core/esm/Select/Select.js"),SelectedField_MuiSelect=function MuiSelect(props){var name=props.name,options=props.options,required=props.required,error=props.error,isError=!1,errorMessage="";return error&&error.hasOwnProperty(name)&&(isError=!0,errorMessage=error[name].message),Object(jsx_runtime.jsxs)(FormControl.a,{fullWidth:!0,error:isError,children:[label," ",required?Object(jsx_runtime.jsx)("span",{className:"req-label",children:"*"}):null,Object(jsx_runtime.jsxs)(Select.a,Object.assign({id:name},props,{children:[Object(jsx_runtime.jsx)(MenuItem.a,{value:"",children:Object(jsx_runtime.jsx)("em",{children:"None"})}),options.map((function(item){return Object(jsx_runtime.jsx)(MenuItem.a,{value:item.id,children:item.label},item.id)}))]})),Object(jsx_runtime.jsx)(FormHelperText.a,{children:errorMessage})]})};SelectedField_MuiSelect.displayName="MuiSelect";var SelectedField_SelectField=function SelectField(props){var control=Object(index_esm.b)().control;return Object(jsx_runtime.jsx)(react_default.a.Fragment,{children:Object(jsx_runtime.jsx)(index_esm.a,Object.assign({control:control,render:function render(field){return Object(jsx_runtime.jsx)(SelectedField_MuiSelect,Object.assign({},props,field))}},props))})};SelectedField_SelectField.displayName="SelectField",SelectedField_SelectField.__docgenInfo={description:"",methods:[],displayName:"SelectField"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/SelectedField.js"]={name:"SelectField",docgenInfo:SelectedField_SelectField.__docgenInfo,path:"src/ui/SelectedField.js"});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var makeStyles=__webpack_require__("./node_modules/@material-ui/core/esm/styles/makeStyles.js"),_excluded=["children","value","index"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var useStyles=Object(makeStyles.a)((function(theme){return{panelsContainer:{height:"100%",width:"100%"},panel:{backgroundColor:"var(--lightGrey)",borderRadius:"var(--borderR)",height:"100%",width:"100%",padding:10}}})),TabPanel_TabPanel=function TabPanel(props){var classes=useStyles(),children=props.children,value=props.value,index=props.index,other=_objectWithoutProperties(props,_excluded);return Object(jsx_runtime.jsx)("div",Object.assign({role:"tabpanel",className:classes.panelsContainer,hidden:value!==index,id:"vertical-tabpanel-"+index,"aria-labelledby":"vertical-tab-"+index},other,{children:value===index&&Object(jsx_runtime.jsx)("div",{className:classes.panel,children:Object(jsx_runtime.jsx)("span",{children:children})})}))};TabPanel_TabPanel.displayName="TabPanel",TabPanel_TabPanel.__docgenInfo={description:"",methods:[],displayName:"TabPanel"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/TabPanel.js"]={name:"TabPanel",docgenInfo:TabPanel_TabPanel.__docgenInfo,path:"src/ui/TabPanel.js"});var TextArea_StyledTextArea=function StyledTextArea(props){var control=Object(index_esm.b)().control,name=props.name,rules=props.rules,shouldUnregister=props.shouldUnregister,inputLabel=props.inputLabel;props.helperText;return Object(jsx_runtime.jsx)(index_esm.a,{render:function render(_ref){var _field$value,field=_ref.field;return Object(jsx_runtime.jsxs)("label",{children:[inputLabel?Object(jsx_runtime.jsx)(StyledInputLabel_StyledInputLabel,{label:inputLabel}):null,Object(jsx_runtime.jsx)("textarea",Object.assign({style:{color:"black",backgroundColor:props.bgColor||"white",borderRadius:props.bdRadius||10,borderBottom:"none",border:"none",width:"100%",padding:0,margin:0,marginBottom:0,resize:props.resize||"vertical"},value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:""},field))]})},name:name,rules:rules,control:control,shouldUnregister:shouldUnregister})};TextArea_StyledTextArea.displayName="StyledTextArea",TextArea_StyledTextArea.__docgenInfo={description:"",methods:[],displayName:"StyledTextArea"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/TextArea.js"]={name:"StyledTextArea",docgenInfo:TextArea_StyledTextArea.__docgenInfo,path:"src/ui/TextArea.js"});var TextField=__webpack_require__("./node_modules/@material-ui/core/esm/TextField/TextField.js"),TextField_StyledTextField=function StyledTextField(props){var theme=Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start"},children:[props.inputLabel?Object(jsx_runtime.jsx)(StyledInputLabel_StyledInputLabel,{label:props.inputLabel}):null,Object(jsx_runtime.jsx)(TextField.a,{style:{color:"white",backgroundColor:theme.inputColor,borderRadius:props.bdRadius||10,borderBottom:"none",border:"none",width:"100%"},helperText:props.helperText,type:props.type?props.type:"text",placeholder:props.placeholder,inputProps:"number"===props.type?{inputMode:"numeric",min:"0",max:"9999999",step:"0.01"}:{},InputProps:{style:{padding:5,paddingLeft:10,paddingRight:10},disableUnderline:!0,onWheelCapture:function onWheelCapture(e){return e.target.blur()}},value:props.value?props.value:null})]})};TextField_StyledTextField.displayName="StyledTextField",TextField_StyledTextField.propTypes={type:prop_types_default.a.oneOf(["text","number"]),helperText:prop_types_default.a.string},TextField_StyledTextField.__docgenInfo={description:"",methods:[],displayName:"StyledTextField",props:{type:{type:{name:"enum",value:[{value:'"text"',computed:!1},{value:'"number"',computed:!1}]},required:!1,description:""},helperText:{type:{name:"string"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/TextField.js"]={name:"StyledTextField",docgenInfo:TextField_StyledTextField.__docgenInfo,path:"src/ui/TextField.js"});var StyledAlert_StyledAlert=function StyledAlert(props){var alertStyle={backgroundColor:"green",padding:10,marginTop:10,marginBottom:10,borderRadius:Object(react.useContext)(HawaProvider.b).borderRadius};switch(props.type){case"warning":return alertStyle.backgroundColor="yellow",Object(jsx_runtime.jsx)("div",{style:alertStyle,children:props.text});case"danger":return alertStyle.backgroundColor="red",Object(jsx_runtime.jsx)("div",{style:alertStyle,children:props.text});case"notification":return alertStyle.backgroundColor="blue",Object(jsx_runtime.jsx)("div",{style:alertStyle,children:props.text});default:return Object(jsx_runtime.jsx)("div",{style:alertStyle,children:props.text})}};StyledAlert_StyledAlert.__docgenInfo={description:"",methods:[],displayName:"StyledAlert"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/StyledAlert.js"]={name:"StyledAlert",docgenInfo:StyledAlert_StyledAlert.__docgenInfo,path:"src/ui/StyledAlert.js"});var InputLabel=__webpack_require__("./node_modules/@material-ui/core/esm/InputLabel/InputLabel.js"),StyledInputLabel_StyledInputLabel=function StyledInputLabel(props){var theme=Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsx)(InputLabel.a,{style:{margin:15,marginRight:0,marginLeft:0,color:theme.textColor},children:Object(jsx_runtime.jsx)("div",{style:{fontSize:15},children:props.label})})};StyledInputLabel_StyledInputLabel.displayName="StyledInputLabel",StyledInputLabel_StyledInputLabel.__docgenInfo={description:"",methods:[],displayName:"StyledInputLabel"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/StyledInputLabel.js"]={name:"StyledInputLabel",docgenInfo:StyledInputLabel_StyledInputLabel.__docgenInfo,path:"src/ui/StyledInputLabel.js"});var ActionButton_ActionButton=function ActionButton(props){var theme=Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsx)(Button.a,{style:{color:theme.textColor,backgroundColor:props.secondary?theme.secondaryActionColor:theme.primaryActionColor,borderRadius:theme.borderRadius,marginTop:props.last?2*theme.margins:0},children:props.text})};ActionButton_ActionButton.displayName="ActionButton",ActionButton_ActionButton.__docgenInfo={description:"",methods:[],displayName:"ActionButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/ui/ActionButton.js"]={name:"ActionButton",docgenInfo:ActionButton_ActionButton.__docgenInfo,path:"src/ui/ActionButton.js"})},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-measure/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-outline/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,5,6]]]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{478:function(module,exports,__webpack_require__){__webpack_require__(479),__webpack_require__(871),__webpack_require__(863),__webpack_require__(872),__webpack_require__(873),__webpack_require__(864),__webpack_require__(867),__webpack_require__(866),__webpack_require__(868),__webpack_require__(865),__webpack_require__(869),module.exports=__webpack_require__(870)},545:function(module,exports){},871:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var esm=__webpack_require__(125),create=__webpack_require__(218),HawaTheme=Object(create.a)({base:"light",brandTitle:"Hawa UI",brandUrl:"https://sikka.io",brandImage:"https://xakher-images.s3.ap-southeast-1.amazonaws.com/hawa-logo.png"});esm.a.setConfig({theme:HawaTheme})}},[[478,2,3]]]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={5:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.e=function requireEnsure(chunkId){var promises=[],installedChunkData=installedChunks[chunkId];if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else{var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var onScriptComplete,script=document.createElement("script");script.charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.src=function jsonpScriptSrc(chunkId){return __webpack_require__.p+""+({}[chunkId]||chunkId)+"."+{0:"dd3d47f5",1:"4e43f671",2:"9a757207",3:"c1dc7159",7:"69d2e532",8:"68cd1217",9:"488e3969"}[chunkId]+".iframe.bundle.js"}(chunkId);var error=new Error;onScriptComplete=function(event){script.onerror=script.onload=null,clearTimeout(timeout);var chunk=installedChunks[chunkId];if(0!==chunk){if(chunk){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,chunk[1](error)}installedChunks[chunkId]=void 0}};var timeout=setTimeout((function(){onScriptComplete({type:"timeout",target:script})}),12e4);script.onerror=script.onload=onScriptComplete,document.head.appendChild(script)}return Promise.all(promises)},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__.oe=function(err){throw console.error(err),err};var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={2:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.e=function requireEnsure(chunkId){var promises=[],installedChunkData=installedChunks[chunkId];if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else{var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var onScriptComplete,script=document.createElement("script");script.charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.src=function jsonpScriptSrc(chunkId){return __webpack_require__.p+""+({}[chunkId]||chunkId)+"."+{0:"d3bc3395610cf5d3ee94",4:"8c311a6b48cad9f29317",5:"88fe62ee92ff5ca67829",6:"96d184f368dea006cb52",7:"5ec31f3702b08ab0b71c",8:"5ce13be7612bd3a6b864"}[chunkId]+".manager.bundle.js"}(chunkId);var error=new Error;onScriptComplete=function(event){script.onerror=script.onload=null,clearTimeout(timeout);var chunk=installedChunks[chunkId];if(0!==chunk){if(chunk){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,chunk[1](error)}installedChunks[chunkId]=void 0}};var timeout=setTimeout((function(){onScriptComplete({type:"timeout",target:script})}),12e4);script.onerror=script.onload=onScriptComplete,document.head.appendChild(script)}return Promise.all(promises)},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__.oe=function(err){throw console.error(err),err};var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
|