@sikka/hawa 0.0.1 → 0.0.4

package/storybook-static/main.355ffc59.iframe.bundle.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{166:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StyledCheckbox}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_material_ui_core_FormControlLabel__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(927),_material_ui_core_Checkbox__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(926),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__(2),__webpack_require__(11)),StyledCheckbox=function StyledCheckbox(props){return console.log("props : ",props),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core_FormControlLabel__WEBPACK_IMPORTED_MODULE_1__.a,{control:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core_Checkbox__WEBPACK_IMPORTED_MODULE_2__.a,{style:{color:props.color||null},defaultChecked:props.defaultValue})})})};StyledCheckbox.displayName="StyledCheckbox",StyledCheckbox.__docgenInfo={description:"",methods:[],displayName:"StyledCheckbox"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/Checkbox/Checkbox.jsx"]={name:"StyledCheckbox",docgenInfo:StyledCheckbox.__docgenInfo,path:"src/components/Hawa/Checkbox/Checkbox.jsx"})},167:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StyledTextField}));__webpack_require__(0);var _material_ui_core_TextField__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(923),_InputLabel__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(268),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(11),StyledTextField=function StyledTextField(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[props.inputLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_InputLabel__WEBPACK_IMPORTED_MODULE_2__.a,{label:props.inputLabel}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_core_TextField__WEBPACK_IMPORTED_MODULE_1__.a,{fullWidth:!0,style:{color:"white",backgroundColor:props.bgColor||"white",borderRadius:props.bdRadius||10,borderBottom:"none",padding:props.padding||5,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:{disableUnderline:!0,onWheelCapture:function onWheelCapture(e){return e.target.blur()}},value:props.value?props.value:null})]})};StyledTextField.displayName="StyledTextField",StyledTextField.__docgenInfo={description:"",methods:[],displayName:"StyledTextField"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/TextField/TextField.jsx"]={name:"StyledTextField",docgenInfo:StyledTextField.__docgenInfo,path:"src/components/Hawa/TextField/TextField.jsx"})},169:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return RadioSelector_StyledRadioSelector}));__webpack_require__(30),__webpack_require__(249),__webpack_require__(7),__webpack_require__(12),__webpack_require__(10),__webpack_require__(22),__webpack_require__(19),__webpack_require__(16),__webpack_require__(18),__webpack_require__(17),__webpack_require__(8),__webpack_require__(32);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),jsx_runtime=__webpack_require__(11);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 RadioSelector_MuiRadioSelector=function MuiRadioSelector(_ref){var props=_ref.props,defaultValue=_ref.defaultValue,_useState2=_slicedToArray(Object(react.useState)(props.options),2),options=_useState2[0],_useState4=(_useState2[1],_slicedToArray(Object(react.useState)(defaultValue),2)),value=_useState4[0],setValue=_useState4[1];return Object(jsx_runtime.jsx)("div",{style:{backgroundColor:"white",display:"flex",flexDirection:"row",borderRadius:props.bdRadius||10,marginBottom:10},children:options.map((function(o){return Object(jsx_runtime.jsx)("div",{className:"radio_option",onClick:function onClick(){setValue(o.label),props.handleChange&&props.handleChange()},style:value.toLowerCase()===o.label.toLowerCase()?{backgroundColor:props.bgSelectedColor||"blue",color:props.textSelectedColor||"lightgray"}:null,children:o.text},o.label)}))})};RadioSelector_MuiRadioSelector.displayName="MuiRadioSelector";var RadioSelector_StyledRadioSelector=function StyledRadioSelector(props){return Object(jsx_runtime.jsx)(react_default.a.Fragment,{children:Object(jsx_runtime.jsx)(RadioSelector_MuiRadioSelector,{props:props,value:props.value,handleClick:props.onChange,handleChange:props.onChange,defaultValue:props.defaultValue})})};RadioSelector_StyledRadioSelector.displayName="StyledRadioSelector",RadioSelector_StyledRadioSelector.__docgenInfo={description:"",methods:[],displayName:"StyledRadioSelector"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/RadioSelector/RadioSelector.jsx"]={name:"StyledRadioSelector",docgenInfo:RadioSelector_StyledRadioSelector.__docgenInfo,path:"src/components/Hawa/RadioSelector/RadioSelector.jsx"})},199:function(module,exports,__webpack_require__){var api=__webpack_require__(906),content=__webpack_require__(907);"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||{}},250:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StyledInputLabel}));var _material_ui_core_InputLabel__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(928),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(11),StyledInputLabel=function StyledInputLabel(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_material_ui_core_InputLabel__WEBPACK_IMPORTED_MODULE_0__.a,{style:{display:"flex",flexDirection:"row",width:"100%",justifyContent:"space-between",alignItems:"center",margin:15,marginRight:0,marginLeft:0},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{fontSize:15,color:"black"},children:props.label}),props.multiLang?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{backgroundColor:"var(--light)",fontSize:10,padding:10,borderRadius:"var(--borderR)",width:"auto"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{style:{padding:5},children:"EN"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{style:{padding:5},children:"AR"})]}):null]})};StyledInputLabel.displayName="StyledInputLabel",StyledInputLabel.__docgenInfo={description:"",methods:[],displayName:"StyledInputLabel"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/InputLabel/StyledInputLabel.jsx"]={name:"StyledInputLabel",docgenInfo:StyledInputLabel.__docgenInfo,path:"src/components/Hawa/InputLabel/StyledInputLabel.jsx"})},267:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Hawa}));__webpack_require__(14),__webpack_require__(30),__webpack_require__(8),__webpack_require__(249),__webpack_require__(7),__webpack_require__(12),__webpack_require__(10),__webpack_require__(22),__webpack_require__(19),__webpack_require__(16),__webpack_require__(18),__webpack_require__(17),__webpack_require__(32);var framer_motion__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(151),tinycolor2__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(113),tinycolor2__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(tinycolor2__WEBPACK_IMPORTED_MODULE_14__),react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(0),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(11);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}function ArrowIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256.1 421.6"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("path",{d:"M242.8 77.3c17.7-17.7 17.7-46.4 0-64.1s-46.4-17.7-64.1 0L13.2 178.8c-17.7 17.7-17.7 46.4 0 64.1l165.5 165.5c17.7 17.7 46.4 17.7 64.1 0 17.7-17.7 17.7-46.4 0-64.1L109.3 210.8 242.8 77.3z"})}))}ArrowIcon.displayName="ArrowIcon";var Hawa=function Hawa(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),expand=_useState2[0],setExpand=_useState2[1],directionStyle={backgroundColor:props.bgColor||tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()("lightgrey"),color:tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()(props.buttonsColor),position:"absolute",overflow:"hidden",zIndex:10},tabPanelStyle={color:props.buttonsColor,position:"absolute",overflow:"hidden",zIndex:10},itemIconStyle={height:60,width:60,padding:0,zIndex:10,display:"flex",justifyContent:"center",alignItems:"center"};switch(props.direction){case"right":directionStyle=Object.assign({},directionStyle,{top:0,right:0,height:"100%",width:60}),tabPanelStyle=Object.assign({},tabPanelStyle,{height:300,position:"absolute",top:0,right:0,zIndex:9,width:0,overflow:"hidden"});break;case"left":directionStyle=Object.assign({},directionStyle,{top:0,left:0,width:60,height:"100%"});break;case"top":directionStyle=Object.assign({},directionStyle,{top:0,left:0,width:"100%",height:60});break;case"bottom":directionStyle=Object.assign({},directionStyle,{bottom:0,left:0,height:60,width:"100%"});break;default:directionStyle=Object.assign({},directionStyle,{top:0,right:0,height:"100%",width:60})}return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)("div",{style:{zIndex:10,fontFamily:"Roboto",fontWeight:600},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{initial:directionStyle,transition:{stiffness:100},animate:expand?{width:200}:{width:60},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{id:"expandButton",initial:{height:60,width:60,zIndex:10,display:"flex",justifyContent:"center",alignItems:"center",position:"relative"},animate:expand?{rotate:"180deg"}:{},onClick:function onClick(){return setExpand(!expand)},children:props.expandIcon?props.expandIcon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(ArrowIcon,{height:20})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("div",{style:{height:"100%"},children:props.buttons?props.buttons.map((function(btn,k){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{onClick:btn.action,initial:{display:"flex",flexDirection:"row",height:60,width:"100%",zIndex:10,backgroundColor:props.bgColor?tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()(props.bgColor):tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()("lightgrey")},animate:props.activeItem===btn.slug?{backgroundColor:tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()(props.bgColor).lighten(60)}:{},whileHover:props.activeItem===btn.slug?{backgroundColor:tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()(props.bgColor).lighten(60)}:{backgroundColor:tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()(props.bgColor).lighten(75)},children:[btn.icon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{style:itemIconStyle,initial:{height:60,width:60},transition:{type:"spring",stiffness:100},animate:{width:60},children:btn.icon}):null,expand?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{style:{cursor:"pointer",height:"auto",display:"flex",alignItems:"center",padding:20,color:tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()(props.textColor)||tinycolor2__WEBPACK_IMPORTED_MODULE_14___default()("black")},transition:{delay:.05*k,bounce:0},initial:{opacity:0,x:100,padding:20},animate:expand?{opacity:1,x:0,padding:btn.icon?0:20}:{opacity:0},children:btn.name}):null]},k)})):null}),expand&&props.footer?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{style:{bottom:0,position:"absolute",width:"100%",paddingTop:10,paddingBottom:10,textAlign:"center"},initial:{opacity:0,width:0},animate:expand?{opacity:1,width:"100%"}:{opacity:0,width:0},children:props.footer}):null]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_13__.a.div,{initial:Object.assign({},tabPanelStyle),animate:expand?{width:300}:{width:0},children:expand&&props.content?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("div",{children:"tab content"}):null})]})};Hawa.displayName="Hawa",Hawa.__docgenInfo={description:"",methods:[],displayName:"Hawa"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/Hawa.jsx"]={name:"Hawa",docgenInfo:Hawa.__docgenInfo,path:"src/components/Hawa/Hawa.jsx"})},268:function(module,__webpack_exports__,__webpack_require__){"use strict";var _StyledInputLabel_jsx__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(250);__webpack_require__.d(__webpack_exports__,"a",(function(){return _StyledInputLabel_jsx__WEBPACK_IMPORTED_MODULE_0__.a}))},484:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(8),__webpack_require__(14);var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),react_hook_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(58),_material_ui_lab_Autocomplete__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(924),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(11),AutoCompleteField=function AutoCompleteField(props){var control=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_3__.d)().control,name=props.name,rules=props.rules,shouldUnregister=props.shouldUnregister;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_3__.a,{name:name,rules:rules,control:control,shouldUnregister:shouldUnregister,className:"theme_form_input",render:function render(_ref){var _ref$field=_ref.field,_onChange=_ref$field.onChange,value=_ref$field.value;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_lab_Autocomplete__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({onChange:function onChange(e,data){_onChange(data)},value:null!=value?value:""},props,{className:"theme_form_input"}))}})})};AutoCompleteField.displayName="AutoCompleteField",AutoCompleteField.__docgenInfo={description:"",methods:[],displayName:"AutoCompleteField"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/AutoCompleteField/AutoCompleteField.jsx"]={name:"AutoCompleteField",docgenInfo:AutoCompleteField.__docgenInfo,path:"src/components/Hawa/AutoCompleteField/AutoCompleteField.jsx"})},485:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(8),__webpack_require__(14),__webpack_require__(0);var react_hook_form__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(58),_InputLabel__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(268),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(11),StyledTextArea=function StyledTextArea(props){var control=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_3__.d)().control,name=props.name,rules=props.rules,shouldUnregister=props.shouldUnregister,inputLabel=props.inputLabel;props.helperText;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_3__.a,{render:function render(_ref){var _field$value,field=_ref.field;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("label",{children:[inputLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_InputLabel__WEBPACK_IMPORTED_MODULE_4__.a,{label:inputLabel}):null,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.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})};StyledTextArea.displayName="StyledTextArea",StyledTextArea.__docgenInfo={description:"",methods:[],displayName:"StyledTextArea"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Hawa/TextArea/TextArea.jsx"]={name:"StyledTextArea",docgenInfo:StyledTextArea.__docgenInfo,path:"src/components/Hawa/TextArea/TextArea.jsx"})},542:function(module,exports,__webpack_require__){__webpack_require__(543),__webpack_require__(698),__webpack_require__(699),__webpack_require__(913),__webpack_require__(914),__webpack_require__(919),__webpack_require__(920),__webpack_require__(918),__webpack_require__(915),__webpack_require__(921),__webpack_require__(916),__webpack_require__(917),__webpack_require__(922),module.exports=__webpack_require__(901)},609:function(module,exports){},699:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__(162)},901:function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__(162).configure)([__webpack_require__(902),__webpack_require__(903)],module,!1)}).call(this,__webpack_require__(242)(module))},902: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=902},903:function(module,exports,__webpack_require__){var map={"./stories/CheckBox.stories.js":904,"./stories/Hawa.stories.js":909,"./stories/InputLabel.stories.js":910,"./stories/RadioSelector.stories.js":911,"./stories/TextField.stories.js":912};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=903},904: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__(14),__webpack_require__(198),__webpack_require__(0);var _components_Hawa_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(166),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__(199),__webpack_require__(11)),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_Hawa_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"Checkbox",component:Light,argsTypes:{defaultValue:{options:[!0,!1],control:{type:"radio"}}},args:{defaultValue:!0}};var Light=Template.bind({}),Dark=Template.bind({});Light.args={color:"gray",defaultValue:!1},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)},907:function(module,exports,__webpack_require__){(exports=__webpack_require__(908)(!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\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},909:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__.d(__webpack_exports__,"StyledCheckBox",(function(){return StyledCheckBox})),__webpack_require__.d(__webpack_exports__,"StyledTextFieldT",(function(){return StyledTextFieldT})),__webpack_require__.d(__webpack_exports__,"StyledRadioSeletorT",(function(){return StyledRadioSeletorT}));__webpack_require__(14),__webpack_require__(198),__webpack_require__(249),__webpack_require__(7),__webpack_require__(12),__webpack_require__(10),__webpack_require__(22),__webpack_require__(19),__webpack_require__(16),__webpack_require__(18),__webpack_require__(17),__webpack_require__(8),__webpack_require__(32);var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(0),_storybook_react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(162),_components_Hawa_Hawa__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(267),_components_Hawa_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(166),_components_Hawa_TextField_TextField__WEBPACK_IMPORTED_MODULE_20__=(__webpack_require__(484),__webpack_require__(250),__webpack_require__(485),__webpack_require__(167)),_components_Hawa_RadioSelector__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(169),react_hook_form__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(58),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__=(__webpack_require__(199),__webpack_require__(11));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}Object(_storybook_react__WEBPACK_IMPORTED_MODULE_14__.storiesOf)("Hawa",module).addParameters({storySource:{source:'import React, { useState } from "react";\nimport { storiesOf } from "@storybook/react";\nimport { Hawa } from "../components/Hawa/Hawa";\nimport { StyledCheckbox } from "../components/Hawa/Checkbox/Checkbox";\nimport { AutoCompleteField } from "../components/Hawa/AutoCompleteField/AutoCompleteField";\nimport { StyledInputLabel } from "../components/Hawa/InputLabel/StyledInputLabel";\nimport { StyledTextArea } from "../components/Hawa/TextArea/TextArea";\nimport { StyledTextField } from "../components/Hawa/TextField/TextField";\nimport { StyledRadioSelector } from "../components/Hawa/RadioSelector";\nimport { FormProvider, useForm } from "react-hook-form";\nimport "../styles.css";\n\nconst stories = storiesOf("Hawa", module);\n\nstories.add("Global Variables", () => {\n  const [currentPage, setCurrentPage] = useState("books");\n  const buttons = [\n    {\n      name: "Users",\n      slug: "users",\n      action: () => setCurrentPage("users")\n    }\n  ];\n\n  return (\n    <Hawa activeItem={currentPage} footer={"v2.12.11"} buttons={buttons} />\n  );\n});\n\nexport default {\n  title: "test",\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\nconst StyledCheckBoxTemplate = (args) => {\n  const methods = useForm();\n  return (\n    <FormProvider {...methods}>\n      <StyledCheckbox {...args} />\n    </FormProvider>\n  );\n};\nexport const StyledCheckBox = StyledCheckBoxTemplate.bind({});\nStyledCheckBox.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\nconst StyledTextFieldTemplate = (args) => {\n  const methods = useForm();\n  return (\n    <FormProvider {...methods}>\n      <StyledTextField {...args} />\n    </FormProvider>\n  );\n};\n\nexport const StyledTextFieldT = StyledTextFieldTemplate.bind({});\nStyledTextFieldT.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\nconst styledRadioSelectorTempalte = (args) => {\n  const methods = useForm();\n\n  return (\n    <FormProvider {...methods}>\n      <StyledRadioSelector {...args} />\n    </FormProvider>\n  );\n};\n\nexport const StyledRadioSeletorT = styledRadioSelectorTempalte.bind({});\nStyledRadioSeletorT.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:15},endLoc:{col:1,line:28},startBody:{col:32,line:15},endBody:{col:1,line:28}}}}}).add("Global Variables",(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)("books"),2),currentPage=_useState2[0],setCurrentPage=_useState2[1],buttons=[{name:"Users",slug:"users",action:function action(){return setCurrentPage("users")}}];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_Hawa__WEBPACK_IMPORTED_MODULE_15__.a,{activeItem:currentPage,footer:"v2.12.11",buttons:buttons})})),__webpack_exports__.default={title:"test",component:[StyledCheckBox,StyledTextFieldT,StyledTextAreaT,StyledRadioSeletorT],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}};var StyledCheckBoxTemplate=function StyledCheckBoxTemplate(args){var methods=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.b,Object.assign({},methods,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_16__.a,Object.assign({},args))}))};StyledCheckBoxTemplate.displayName="StyledCheckBoxTemplate";var StyledCheckBox=StyledCheckBoxTemplate.bind({});StyledCheckBox.args={name:"checkbox",label:"CheckBox",color:"blue",rules:{required:!0},defaultValue:!0};var StyledTextFieldTemplate=function StyledTextFieldTemplate(args){var methods=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.b,Object.assign({},methods,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_TextField_TextField__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},args))}))};StyledTextFieldTemplate.displayName="StyledTextFieldTemplate";var StyledTextFieldT=StyledTextFieldTemplate.bind({});StyledTextFieldT.args={name:"styledtextfield",inputLabel:"Label",bdRadius:12,bgColor:"lightgray",helperText:"This is HelperText",type:"text",placeholder:"exemple ..."};var styledRadioSelectorTempalte=function styledRadioSelectorTempalte(args){var methods=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.b,Object.assign({},methods,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_RadioSelector__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},args))}))};styledRadioSelectorTempalte.displayName="styledRadioSelectorTempalte";var StyledRadioSeletorT=styledRadioSelectorTempalte.bind({});StyledRadioSeletorT.args={name:"Radio Selector",shouldUnregister:!0,options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",bdRadius:12,defaultValue:"option2",bgSelectedColor:"red",textSelectedColor:"black"}}.call(this,__webpack_require__(191)(module))},910:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__.d(__webpack_exports__,"StyledCheckBox",(function(){return StyledCheckBox})),__webpack_require__.d(__webpack_exports__,"StyledTextFieldT",(function(){return StyledTextFieldT})),__webpack_require__.d(__webpack_exports__,"StyledRadioSeletorT",(function(){return StyledRadioSeletorT}));__webpack_require__(14),__webpack_require__(198),__webpack_require__(249),__webpack_require__(7),__webpack_require__(12),__webpack_require__(10),__webpack_require__(22),__webpack_require__(19),__webpack_require__(16),__webpack_require__(18),__webpack_require__(17),__webpack_require__(8),__webpack_require__(32);var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(0),_storybook_react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(162),_components_Hawa_Hawa__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(267),_components_Hawa_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(166),_components_Hawa_TextField_TextField__WEBPACK_IMPORTED_MODULE_20__=(__webpack_require__(484),__webpack_require__(250),__webpack_require__(485),__webpack_require__(167)),_components_Hawa_RadioSelector__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(169),react_hook_form__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(58),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__=(__webpack_require__(199),__webpack_require__(11));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}Object(_storybook_react__WEBPACK_IMPORTED_MODULE_14__.storiesOf)("InputLabel",module).addParameters({storySource:{source:'import React, { useState } from "react";\nimport { storiesOf } from "@storybook/react";\nimport { Hawa } from "../components/Hawa/Hawa";\nimport { StyledCheckbox } from "../components/Hawa/Checkbox/Checkbox";\nimport { AutoCompleteField } from "../components/Hawa/AutoCompleteField/AutoCompleteField";\nimport { StyledInputLabel } from "../components/Hawa/InputLabel/StyledInputLabel";\nimport { StyledTextArea } from "../components/Hawa/TextArea/TextArea";\nimport { StyledTextField } from "../components/Hawa/TextField/TextField";\nimport { StyledRadioSelector } from "../components/Hawa/RadioSelector";\nimport { FormProvider, useForm } from "react-hook-form";\nimport "../styles.css";\n\nconst stories = storiesOf("InputLabel", module);\n\nstories.add("Light", () => {\n  const [currentPage, setCurrentPage] = useState("books");\n  const buttons = [\n    {\n      name: "Users",\n      // icon: <AddAlertIcon />,\n      slug: "users",\n      action: () => setCurrentPage("users")\n    }\n  ];\n\n  return <Hawa activeItem={currentPage} buttons={buttons} />;\n});\n\nexport default {\n  title: "test",\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\nconst StyledCheckBoxTemplate = (args) => {\n  const methods = useForm();\n  return (\n    <FormProvider {...methods}>\n      <StyledCheckbox {...args} />\n    </FormProvider>\n  );\n};\nexport const StyledCheckBox = StyledCheckBoxTemplate.bind({});\nStyledCheckBox.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\nconst StyledTextFieldTemplate = (args) => {\n  const methods = useForm();\n  return (\n    <FormProvider {...methods}>\n      <StyledTextField {...args} />\n    </FormProvider>\n  );\n};\n\nexport const StyledTextFieldT = StyledTextFieldTemplate.bind({});\nStyledTextFieldT.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\nconst styledRadioSelectorTempalte = (args) => {\n  const methods = useForm();\n\n  return (\n    <FormProvider {...methods}>\n      <StyledRadioSelector {...args} />\n    </FormProvider>\n  );\n};\n\nexport const StyledRadioSeletorT = styledRadioSelectorTempalte.bind({});\nStyledRadioSeletorT.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:{light:{startLoc:{col:12,line:15},endLoc:{col:1,line:27},startBody:{col:21,line:15},endBody:{col:1,line:27}}}}}).add("Light",(function(){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)("books"),2),currentPage=_useState2[0],setCurrentPage=_useState2[1],buttons=[{name:"Users",slug:"users",action:function action(){return setCurrentPage("users")}}];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_Hawa__WEBPACK_IMPORTED_MODULE_15__.a,{activeItem:currentPage,buttons:buttons})})),__webpack_exports__.default={title:"test",component:[StyledCheckBox,StyledTextFieldT,StyledTextAreaT,StyledRadioSeletorT],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}};var StyledCheckBoxTemplate=function StyledCheckBoxTemplate(args){var methods=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.b,Object.assign({},methods,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_16__.a,Object.assign({},args))}))};StyledCheckBoxTemplate.displayName="StyledCheckBoxTemplate";var StyledCheckBox=StyledCheckBoxTemplate.bind({});StyledCheckBox.args={name:"checkbox",label:"CheckBox",color:"blue",rules:{required:!0},defaultValue:!0};var StyledTextFieldTemplate=function StyledTextFieldTemplate(args){var methods=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.b,Object.assign({},methods,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_TextField_TextField__WEBPACK_IMPORTED_MODULE_20__.a,Object.assign({},args))}))};StyledTextFieldTemplate.displayName="StyledTextFieldTemplate";var StyledTextFieldT=StyledTextFieldTemplate.bind({});StyledTextFieldT.args={name:"styledtextfield",inputLabel:"Label",bdRadius:12,bgColor:"lightgray",helperText:"This is HelperText",type:"text",placeholder:"exemple ..."};var styledRadioSelectorTempalte=function styledRadioSelectorTempalte(args){var methods=Object(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_22__.b,Object.assign({},methods,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_components_Hawa_RadioSelector__WEBPACK_IMPORTED_MODULE_21__.a,Object.assign({},args))}))};styledRadioSelectorTempalte.displayName="styledRadioSelectorTempalte";var StyledRadioSeletorT=styledRadioSelectorTempalte.bind({});StyledRadioSeletorT.args={name:"Radio Selector",shouldUnregister:!0,options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",bdRadius:12,defaultValue:"option2",bgSelectedColor:"red",textSelectedColor:"black"}}.call(this,__webpack_require__(191)(module))},911: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__(14),__webpack_require__(198),__webpack_require__(0);var _components_Hawa_RadioSelector__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(169),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__(199),__webpack_require__(11)),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_Hawa_RadioSelector__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"Radio Selector",component:Light,argTypes:{options:{control:"array"}}};var Light=Template.bind({}),Dark=Template.bind({});Light.args={options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",bdRadius:12,defaultValue:"option2",bgSelectedColor:"red",textSelectedColor:"black",handleChange:function handleChange(){console.log("handleChange goes here")}},Dark.args={options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",bdRadius:12,defaultValue:"option2",bgSelectedColor:"blue",textSelectedColor:"white",handleChange:function handleChange(){console.log("handleChange goes here")}},Light.parameters=Object.assign({storySource:{source:"(args) => {\n  return <StyledRadioSelector {...args} />;\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\n  return <StyledRadioSelector {...args} />;\n}"}},Dark.parameters)},912: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__(14),__webpack_require__(198),__webpack_require__(0);var _components_Hawa_TextField_TextField__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(167),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__(199),__webpack_require__(11)),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_Hawa_TextField_TextField__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"TextField",component:Light,argsTypes:{defaultValue:{control:{type:"text"}},value:{control:{type:"text"}},inputLabel:{control:{type:"text"}},bdRadius:{contol:{type:"number"}},placeholder:{control:{type:"text"}},type:{options:["text","number","date"],control:{type:"radio"}},padding:{type:"number"}},args:{bdRadius:15,defaultValue:"Test",type:"date"}};var Light=Template.bind({}),Dark=Template.bind({});Light.args={placeholder:"Exemple ...",defaultValue:"This is 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)},922: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__(29),__webpack_require__(7),__webpack_require__(61),__webpack_require__(476),__webpack_require__(898),__webpack_require__(59),__webpack_require__(899),__webpack_require__(900),__webpack_require__(475);var client_api=__webpack_require__(974),esm=__webpack_require__(5),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(client_api.c)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(client_api.d)(loader,!1)}));case"parameters":return Object(client_api.e)(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(client_api.a)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(client_api.b)(enhancer)}));case"render":return Object(client_api.g)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(client_api.e)(v,!1);default:return console.log(key+" was not supported :( !")}}))}},[[542,2,3]]]);