text: (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{109:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return NavButton}));var _home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(82),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(17),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(6),NavButton=(__webpack_require__(724),function NavButton(_ref){var children=_ref.children,onClick=_ref.onClick,isDisabled=_ref.isDisabled,tooltip=_ref.tooltip,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"icon-arrow-right-alt":_ref$icon,testId=_ref.testId,extraClasses=_ref.extraClasses,_useState=Object(react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),_useState2=Object(_home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__.a)(_useState,2),tooltipVisible=_useState2[0],setTooltipVisible=_useState2[1];Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_3__.h)((function(){setTooltipVisible(!1)}),2e3,tooltipVisible);var handleClick=Object(react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((function(){isDisabled?setTooltipVisible(!0):onClick()}),[isDisabled,onClick]);return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("nav-button",extraClasses)},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("nav-button__button",{"nav-button__button--disabled":!!isDisabled}),type:"button","data-testid":testId,onClick:handleClick},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"nav-button__inner-item"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"nav-button__content"},children),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("i",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("nav-button__icon",icon)}))),tooltip&&react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_3__.a,{isVisible:tooltipVisible,extraClasses:"nav-button__tooltip"},tooltip))})},110:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return IndicatorNavButton}));var _home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(169),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(17),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_NavButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(109),IndicatorNavButton=(__webpack_require__(725),function IndicatorNavButton(_ref){var children=_ref.children,indicatorIcon=_ref.indicatorIcon,indicatorLabel=_ref.indicatorLabel,_ref$indicatorIsActiv=_ref.indicatorIsActive,indicatorIsActive=void 0===_ref$indicatorIsActiv||_ref$indicatorIsActiv,rest=Object(_home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__.a)(_ref,["children","indicatorIcon","indicatorLabel","indicatorIsActive"]);return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NavButton__WEBPACK_IMPORTED_MODULE_3__.a,rest,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"indicator-nav-button flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span",{className:"indicator-nav-button__label"},children),(indicatorLabel||indicatorIcon)&&react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",null,indicatorIcon&&react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("i",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("indicator-nav-button__icon",indicatorIcon)}),indicatorLabel&&react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("indicator-nav-button__indicator",{"indicator-nav-button__indicator--active":indicatorIsActive})},indicatorLabel))))})},111:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SecretString}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),SecretString=function SecretString(_ref){var content=_ref.content,visibleCharCount=_ref.visibleCharCount,maxLength=_ref.maxLength,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?" •":_ref$placeholder,stringLength=content.length;maxLength&&(stringLength=stringLength<maxLength?stringLength:maxLength);var truncatedString=content.slice(0,stringLength),secretChars=truncatedString.length-visibleCharCount;if(secretChars<1)return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",null,truncatedString);var visiblePart=truncatedString.slice(0,visibleCharCount),secretPart=placeholder.repeat(secretChars);return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",null,"".concat(visiblePart).concat(secretPart))}},12:function(module,__webpack_exports__,__webpack_require__){"use strict";var _home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(169),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);__webpack_exports__.a=function CheckboxField(_ref){var name=_ref.name,disabled=_ref.disabled,id=_ref.id,value=_ref.value,label=_ref.label,restProps=Object(_home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__.a)(_ref,["name","disabled","id","value","label"]);return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label",{className:"checkbox"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input",Object.assign({},restProps,{id:id,name:name,value:id,type:"checkbox",disabled:disabled,checked:Boolean(value)})),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("i",null),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span",null,label))}},130:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(6),_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(21),IconicRadioGroup=(__webpack_require__(745),Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_1__.b)((function IconicRadioGroupBase(props){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"iconic-radio-group-field selection-group"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_2__.a,props))})));__webpack_exports__.a=IconicRadioGroup},168:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TabList_TabList}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(17),classnames_default=__webpack_require__.n(classnames),TabItem_TabItem=function TabItem(_ref){var children=_ref.children,isActive=_ref.isActive,onClick=_ref.onClick;return react_default.a.createElement("button",{className:classnames_default()("tab__item",{"tab__item--active":isActive}),onClick:onClick,type:"button"},children)},TabList_TabList=(__webpack_require__(734),function TabList(_ref){var children=_ref.children,activeTab=_ref.activeTab,onTabClick=_ref.onTabClick;return react_default.a.createElement("div",{className:"tab__list"},react_default.a.Children.map(children,(function(child,index){return react_default.a.createElement(TabItem_TabItem,{key:index,isActive:index===activeTab,onClick:function onClick(){return onTabClick(index)}},child)})))})},21:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return RadioGroupBase}));__webpack_require__(35),__webpack_require__(102),__webpack_require__(30),__webpack_require__(91),__webpack_require__(161),__webpack_require__(65),__webpack_require__(236),__webpack_require__(237),__webpack_require__(45),__webpack_require__(31);var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(32),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(108),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_11__),react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),prop_types__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_13__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(6),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(81);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 _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(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}var RadioGroupBase=function(_ref){var children=_ref.children,restProps=_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_11___default()(_ref,["children"]);return react__WEBPACK_IMPORTED_MODULE_12___default.a.Children.map(children,(function(child){return react__WEBPACK_IMPORTED_MODULE_12___default.a.cloneElement(child,_objectSpread(_objectSpread({},restProps),child.props))}))},radioGroupBasePropTypes={name:prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.string,value:prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.string,disabled:prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.func,onBlur:prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.func,children:prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_13___default.a.element)};RadioGroupBase.defaultProps={value:""},RadioGroupBase.propTypes=radioGroupBasePropTypes;var RadioGroup=Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_14__.b)(RadioGroupBase);RadioGroup.propTypes=_objectSpread(_objectSpread({},radioGroupBasePropTypes),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_15__.a),__webpack_exports__.b=RadioGroup},369:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Error}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),Error=function Error(_ref){var error=_ref.error;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p",{className:"info error"},error)}},38:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(17),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);__webpack_exports__.a=function IconicRadioField(_ref){var name=_ref.name,id=_ref.id,iconKey=_ref.iconKey,disabled=_ref.disabled,value=_ref.value,label=_ref.label,onChange=_ref.onChange,active=id===value;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("iconic iconic-tab",{active:active}),title:label},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input",{id:id,name:name,value:id,type:"radio",disabled:disabled,onChange:onChange?function(evt){return onChange(evt.target.value)}:void 0,checked:active}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("i",{className:"icon-".concat(iconKey)}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{className:"iconic-label"},label))}},383:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tabs_Tabs_Tabs}));var slicedToArray=__webpack_require__(82),react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(17),classnames_default=__webpack_require__.n(classnames),TabPanel_TabPanel=function TabPanel(_ref){var children=_ref.children,isActive=_ref.isActive;return react_default.a.createElement("div",{className:classnames_default()("tab__panel",{"tab__panel--active":isActive})},children)},TabList=__webpack_require__(168),Tabs_Tabs_Tabs=(__webpack_require__(735),function Tabs(_ref){var children=_ref.children,labels=_ref.labels,extraClasses=_ref.extraClasses,_useState=Object(react.useState)(0),_useState2=Object(slicedToArray.a)(_useState,2),activeTab=_useState2[0],setActiveTab=_useState2[1];return react_default.a.createElement("div",{className:classnames_default()("tabs",extraClasses)},react_default.a.createElement(TabList.a,{activeTab:activeTab,onTabClick:setActiveTab},labels),react_default.a.Children.map(children,(function(child,index){return react_default.a.createElement(TabPanel_TabPanel,{key:index,isActive:index===activeTab},child)})))})},384:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UserGuide_UserGuide}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),es=__webpack_require__(129),Tooltip_Tooltip=(__webpack_require__(739),function Tooltip(_ref){var _step$locale,_step$locale2,step=_ref.step,closeProps=_ref.closeProps,primaryProps=_ref.primaryProps,tooltipProps=_ref.tooltipProps,isLastStep=_ref.isLastStep;return react_default.a.createElement("div",Object.assign({className:"guide-tooltip"},tooltipProps),step.title&&react_default.a.createElement("h3",null,step.title),step.content&&react_default.a.createElement("div",null,step.content),react_default.a.createElement("div",{className:"guide-tooltip__footer"},react_default.a.createElement("button",Object.assign({className:"guide-tooltip__primary-btn"},primaryProps),react_default.a.createElement("span",null,isLastStep?null===(_step$locale=step.locale)||void 0===_step$locale?void 0:_step$locale.last:null===(_step$locale2=step.locale)||void 0===_step$locale2?void 0:_step$locale2.next))),react_default.a.createElement("button",Object.assign({className:"guide-tooltip__close-btn"},closeProps),react_default.a.createElement("i",{className:"icon-times"})))}),UserGuide_UserGuide=function UserGuide(_ref){var steps=_ref.steps,isOpen=_ref.isOpen,getHelpers=_ref.getHelpers,callback=_ref.callback;return react_default.a.createElement(es.c,{steps:steps,run:isOpen,callback:callback,getHelpers:getHelpers,tooltipComponent:Tooltip_Tooltip,disableOverlay:!0,continuous:!0,hideBackButton:!0,spotlightPadding:0,styles:{options:{zIndex:200}},floaterProps:{disableAnimation:!0,styles:{arrow:{length:20,spread:20},floater:{filter:"none"}}},locale:{last:t("action.ok"),back:t("action.back"),next:t("action.next"),close:t("action.close")}})}},385:function(module,exports,__webpack_require__){__webpack_require__(386),__webpack_require__(535),module.exports=__webpack_require__(536)},452:function(module,exports){},48:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(35),__webpack_require__(102),__webpack_require__(30),__webpack_require__(362),__webpack_require__(161),__webpack_require__(65),__webpack_require__(236),__webpack_require__(237),__webpack_require__(45),__webpack_require__(31);var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(32),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__),_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(167),_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11__),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(108),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_12__),lodash_isNull__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(376),lodash_isNull__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(lodash_isNull__WEBPACK_IMPORTED_MODULE_13__),lodash_identity__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(107),lodash_identity__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(lodash_identity__WEBPACK_IMPORTED_MODULE_14__),react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),prop_types__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(6),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(81);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 _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(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}var NumberFieldBase=function(_ref){var value=_ref.value,onChange=_ref.onChange,_ref$type=_ref.type,type=void 0===_ref$type?"number":_ref$type,_ref$convertFormValue=_ref.convertFormValue,convertFormValue=void 0===_ref$convertFormValue?lodash_identity__WEBPACK_IMPORTED_MODULE_14___default.a:_ref$convertFormValue,_ref$convertValue=_ref.convertValue,convertValue=void 0===_ref$convertValue?lodash_identity__WEBPACK_IMPORTED_MODULE_14___default.a:_ref$convertValue,restProps=_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_12___default()(_ref,["value","onChange","type","convertFormValue","convertValue"]),inputValue=lodash_isNull__WEBPACK_IMPORTED_MODULE_13___default()(value)?"":convertFormValue(value)+"";return react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_17__.d,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default()({},restProps,{isControllable:!0,type:type,value:inputValue,onChange:function handleOnChange(inputValue){var formValue=""===inputValue?null:+convertValue(inputValue);onChange(formValue)}}))};NumberFieldBase.displayName="NumberFieldBase";var numberFieldBaseProps=_objectSpread(_objectSpread({},_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_17__.d.propTypes),{},{value:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.number]),convertFormValue:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.func,convertValue:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.func});NumberFieldBase.propTypes=numberFieldBaseProps;var NumberField=Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_17__.b)(NumberFieldBase);NumberField.propTypes=_objectSpread(_objectSpread({},numberFieldBaseProps),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_18__.a),NumberFieldBase.__docgenInfo={description:"",methods:[],displayName:"NumberFieldBase",props:{type:{defaultValue:{value:"'number'",computed:!1},required:!1},convertFormValue:{defaultValue:{value:"identity",computed:!0},type:{name:"func"},required:!1,description:""},convertValue:{defaultValue:{value:"identity",computed:!0},type:{name:"func"},required:!1,description:""},value:{type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1,description:""}},composes:["@adjust/dashboard-components"]},__webpack_exports__.a=NumberField,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/React/Form/NumberField/NumberField.js"]={name:"NumberFieldBase",docgenInfo:NumberFieldBase.__docgenInfo,path:"src/React/Form/NumberField/NumberField.js"})},5:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);__webpack_exports__.a=function RadioField(_ref){var name=_ref.name,disabled=_ref.disabled,id=_ref.id,value=_ref.value,label=_ref.label,testId=_ref.testId,onChange=_ref.onChange;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label",{className:"radio"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input",{id:id,name:name,value:id,type:"radio",disabled:disabled,"data-testid":testId,onChange:onChange?function(evt){return onChange(evt.target.value)}:void 0,checked:id===value}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("i",null),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",null,label))}},536:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(30),__webpack_require__(40),__webpack_require__(34),__webpack_require__(31),__webpack_require__(44);var _storybook_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(9),req=(__webpack_require__(695),__webpack_require__(696),__webpack_require__(697));Object(_storybook_react__WEBPACK_IMPORTED_MODULE_5__.configure)((function(){req.keys().forEach((function(filename){return req(filename)}))}),module)}.call(this,__webpack_require__(24)(module))},69:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(35),__webpack_require__(37),__webpack_require__(102),__webpack_require__(30),__webpack_require__(314),__webpack_require__(91),__webpack_require__(161),__webpack_require__(65),__webpack_require__(236),__webpack_require__(237),__webpack_require__(45),__webpack_require__(320),__webpack_require__(31);var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(32),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13__),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(108),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14__),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(375),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_15__),react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),prop_types__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_17__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(6),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(81);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 _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(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}var CheckboxGroupBase=function(_ref){var value=_ref.value,_onChange=_ref.onChange,children=_ref.children,restProps=_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14___default()(_ref,["value","onChange","children"]);return react__WEBPACK_IMPORTED_MODULE_16___default.a.Children.map(children,(function(child){return react__WEBPACK_IMPORTED_MODULE_16___default.a.cloneElement(child,_objectSpread(_objectSpread(_objectSpread({},restProps),child.props),{},{value:value.includes(child.props.id),onChange:function onChange(e){var currentValue,newValue,newVal=e.target.checked?(currentValue=value,newValue=e.target.id,[].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_15___default()(currentValue),[newValue])):function(currentValue,newValue){return currentValue.filter((function(val){return val!==newValue}))}(value,e.target.id);_onChange(newVal)}}))}))},checkboxGroupBasePropTypes={name:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.string.isRequired,value:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.array,disabled:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.bool,onChange:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.func,onBlur:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.func,children:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.element).isRequired};CheckboxGroupBase.defaultProps={value:[]},CheckboxGroupBase.propTypes=checkboxGroupBasePropTypes;var CheckboxGroup=Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_18__.b)(CheckboxGroupBase);CheckboxGroup.propTypes=_objectSpread(_objectSpread({},checkboxGroupBasePropTypes),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_19__.a),__webpack_exports__.a=CheckboxGroup},695:function(module,exports,__webpack_require__){},696:function(module,exports,__webpack_require__){},697:function(module,exports,__webpack_require__){var map={"./React/Common/Error/Error.story.tsx":698,"./React/Common/Modal/ConfirmForm.story.tsx":699,"./React/Common/NavButton/NavButton.story.tsx":723,"./React/Common/PieChart/PieChart.story.tsx":726,"./React/Common/SecretString/SecretString.story.tsx":732,"./React/Common/Tabs/Tabs.story.tsx":733,"./React/Common/UserGuide/UserGuide.story.tsx":736,"./React/Form/CheckboxGroup/CheckboxGroup.story.js":740,"./React/Form/IconicRadioField/IconicRadioField.story.js":744,"./React/Form/NumberField/NumberField.story.js":746,"./React/Form/PositiveIntegerField/PositiveIntegerField.story.js":750,"./React/Form/RadioField/RadioField.story.js":751,"./React/Form/ResizableInputField/ResizableInputField.story.js":752};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=697},698:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_Error__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(369);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Error",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Error__WEBPACK_IMPORTED_MODULE_2__.a,{error:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"})}))}.call(this,__webpack_require__(24)(module))},699:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),formik__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(26),_storybook_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(2),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(6),_adjust_dashboard_core_lib_validations__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(131),_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(21),_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(5),_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(83),sidebarStyle={position:"relative",width:"360px",height:"700px",overflow:"hidden"},vegetables=[{name:"carrot",value:"carrot",icon:"🥕",label:"Carrot"},{name:"cucumber",value:"cucumber",icon:"🥒",label:"Cucumber"},{name:"tomato",value:"tomato",icon:"🍅",label:"Tomato"}],fruits=[{name:"apple",value:"apple",icon:"🍏",label:"Apple"},{name:"orange",value:"orange",icon:"🍊",label:"Orange"},{name:"peach",value:"peach",icon:"🍑",label:"Peach"},{name:"pear",value:"pear",icon:"🍐",label:"Pear"}],matches={orange:"carrot",apple:"cucumber"},matchColor=function matchColor(to){return function(value){return!(matches[value]&&to&&matches[value]===to)}},validation={notEmpty:[[_adjust_dashboard_core_lib_validations__WEBPACK_IMPORTED_MODULE_5__.a,function(){return t("field.required.error")}]],color:function color(otherValue){return[[_adjust_dashboard_core_lib_validations__WEBPACK_IMPORTED_MODULE_5__.a,function(){return t("field.required.error")}],[matchColor(otherValue),function(){return"colors aren't the same"}]]}},Wrapper=function Wrapper(props){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Confirm with Formik form inside")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-1",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,Object.assign({isOpen:!0,title:"Confirm with Formik",initialValues:{}},props,{renderFields:function renderFields(_ref){var values=_ref.values;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"mb-10"},"Choose items with the same color"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"vegetable",validate:Object(_adjust_dashboard_core_lib_validations__WEBPACK_IMPORTED_MODULE_5__.b)(validation.notEmpty)},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.f,{options:vegetables,label:"Vegetable",formatOptionLabel:function formatOptionLabel(val){return"".concat(val.label," ").concat(val.icon)}}))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"fruit",validate:Object(_adjust_dashboard_core_lib_validations__WEBPACK_IMPORTED_MODULE_5__.b)(validation.color(values.vegetable))},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.f,{options:fruits,label:"Fruit",formatOptionLabel:function formatOptionLabel(val){return"".concat(val.label," ").concat(val.icon)}}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-1")}}))))))};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_2__.storiesOf)("ConfirmForm",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Wrapper,null)})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_2__.storiesOf)("ConfirmForm",module).add("Theming",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Alert with different colors")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-1",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,{isOpen:!0,title:"Confirm with Formik",subtitle:"Are you sure?",initialValues:{data:"full"},type:"error",renderFields:function renderFields(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"data"},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.b,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"remove all data",id:"full"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"remove a part data only",id:"part"}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-1")}}))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-2",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,{isOpen:!0,title:"Confirm with Formik",subtitle:"Are you sure?",initialValues:{data:"full"},type:"info",renderFields:function renderFields(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"data"},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.b,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"save all data",id:"full"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"save a part data only",id:"part"}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-2")}}))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-3",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,{isOpen:!0,title:"Confirm with Formik",subtitle:"Are you sure?",initialValues:{data:"full"},renderFields:function renderFields(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"data"},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.b,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"continue with all data",id:"full"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"continue with a part data only",id:"part"}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-3")}})))))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_2__.storiesOf)("ConfirmForm",module).add("Theming",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Alert with different colors")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-1",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,{isOpen:!0,title:"Confirm with Formik",subtitle:"Are you sure?",initialValues:{data:"full"},type:"error",renderFields:function renderFields(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"data"},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.b,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"remove all data",id:"full"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"remove a part data only",id:"part"}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-1")}}))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-2",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,{isOpen:!0,title:"Confirm with Formik",subtitle:"Are you sure?",initialValues:{data:"full"},type:"info",renderFields:function renderFields(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"data"},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.b,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"save all data",id:"full"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"save a part data only",id:"part"}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-2")}}))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view-3",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfirmForm__WEBPACK_IMPORTED_MODULE_8__.a,{isOpen:!0,title:"Confirm with Formik",subtitle:"Are you sure?",initialValues:{data:"full"},renderFields:function renderFields(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.a,{name:"data"},Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.i)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_6__.b,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"continue with all data",id:"full"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioField_RadioField__WEBPACK_IMPORTED_MODULE_7__.a,{name:"dataOption",label:"continue with a part data only",id:"part"}))))},onCancel:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onCancel"),onSubmit:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onSubmit"),parentSelector:function parentSelector(){return Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_4__.g)("#sidebar-view-3")}})))))}))}.call(this,__webpack_require__(24)(module))},70:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(37),__webpack_require__(63),__webpack_require__(34),__webpack_require__(753),__webpack_require__(64),__webpack_require__(231);var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(167),_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(377),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(378),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_8__),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(67),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(379),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_10__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(380),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_11__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(246),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_12__),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(32),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13__),lodash_omit__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(381),lodash_omit__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_14__),react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),prop_types__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__),classnames__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(17),classnames__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(6),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(81);__webpack_require__(779);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 _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(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}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var result,Super=_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_12___default()(Derived);if(hasNativeReflectConstruct){var NewTarget=_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_12___default()(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_11___default()(this,result)}}var ResizableInputFieldBase=function(_Component){_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_10___default()(ResizableInputFieldBase,_Component);var _super=_createSuper(ResizableInputFieldBase);function ResizableInputFieldBase(){var _this;_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7___default()(this,ResizableInputFieldBase);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"state",{rows:0}),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"updateHeightTimeout",null),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"restProps",lodash_omit__WEBPACK_IMPORTED_MODULE_14___default()(_this.props,["rows","minRows","maxRows","lineHeight","extraClasses","value","onChange","disabled"])),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"textAreaRef",Object(react__WEBPACK_IMPORTED_MODULE_15__.createRef)()),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"updateHeight",(function(){var node=_this.textAreaRef.current;if(node){var _this$props=_this.props,minRows=_this$props.minRows,maxRows=_this$props.maxRows,lineHeight=_this$props.lineHeight;node.rows=minRows;var currentRows=Math.floor(node.scrollHeight/lineHeight);currentRows>=maxRows&&(currentRows=maxRows,node.scrollTop=node.scrollHeight),node.rows=currentRows,_this.setState({rows:currentRows})}})),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"handleChange",(function(_ref){var target=_ref.target;_this.updateHeight(),_this.props.onChange(target.value)})),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_9___default()(_this),"handleFocus",(function(){_this.updateHeightTimeout=setTimeout(_this.updateHeight,300)})),_this}return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_8___default()(ResizableInputFieldBase,[{key:"componentDidMount",value:function componentDidMount(){this.updateHeight()}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.updateHeightTimeout&&clearTimeout(this.updateHeightTimeout)}},{key:"render",value:function render(){var classes=classnames__WEBPACK_IMPORTED_MODULE_17___default()("input resizable-input-field",this.props.extraClasses);return react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement("textarea",_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({},this.restProps,{ref:this.textAreaRef,className:classes,rows:this.state.rows,defaultValue:this.props.value,onChange:this.handleChange,onFocus:this.handleFocus,disabled:this.props.disabled}))}}]),ResizableInputFieldBase}(react__WEBPACK_IMPORTED_MODULE_15__.Component);ResizableInputFieldBase.displayName="ResizableInputFieldBase";var resizableInputFieldBasePropTypes={rows:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.number,minRows:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.number,maxRows:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.number,lineHeight:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.number,extraClasses:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.array,value:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,onChange:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.func,disabled:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.bool};ResizableInputFieldBase.defaultProps={rows:3,minRows:3,maxRows:1/0,lineHeight:16},ResizableInputFieldBase.propTypes=_objectSpread(_objectSpread({},resizableInputFieldBasePropTypes),_react_Form_FieldWithLabel_FieldWithLabel__WEBPACK_IMPORTED_MODULE_19__.a);var ResizableInputField=Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_18__.b)(ResizableInputFieldBase);ResizableInputFieldBase.__docgenInfo={description:"",methods:[{name:"updateHeight",docblock:null,modifiers:[],params:[],returns:null},{name:"handleChange",docblock:null,modifiers:[],params:[{name:"{ target }",type:null}],returns:null},{name:"handleFocus",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ResizableInputFieldBase",props:{rows:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},minRows:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},maxRows:{defaultValue:{value:"Infinity",computed:!0},type:{name:"number"},required:!1,description:""},lineHeight:{defaultValue:{value:"16",computed:!1},type:{name:"number"},required:!1,description:""},extraClasses:{type:{name:"array"},required:!1,description:""},value:{type:{name:"string"},required:!1,description:""},onChange:{type:{name:"func"},required:!1,description:""},disabled:{type:{name:"bool"},required:!1,description:""}},composes:["@react/Form/FieldWithLabel/FieldWithLabel"]},__webpack_exports__.a=ResizableInputField,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/React/Form/ResizableInputField/ResizableInputField.js"]={name:"ResizableInputFieldBase",docgenInfo:ResizableInputFieldBase.__docgenInfo,path:"src/React/Form/ResizableInputField/ResizableInputField.js"})},71:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PieChart_PieChart}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),isEmpty=__webpack_require__(165),isEmpty_default=__webpack_require__.n(isEmpty),pie=__webpack_require__(782),src_arc=__webpack_require__(783),createPie=Object(pie.a)().value((function(item){return item.percent})).sort(null),utils_getArcColor=function getArcColor(item){return isEmpty_default()(item.color)?"#53617F":item.color},PieChartArc_PieChartArc_PieChartArc=(__webpack_require__(730),function PieChartArc(_ref){var index=_ref.index,color=_ref.color,definition=_ref.definition;return react_default.a.createElement("g",{key:index},react_default.a.createElement("path",{className:"pie-chart__arc-path",d:definition,fill:color}))}),classnames=__webpack_require__(17),classnames_default=__webpack_require__.n(classnames),pieChartTotalStyle=(__webpack_require__(731),{textAnchor:"middle",dominantBaseline:"central"}),PieChartTotal_PieChartTotal_PieChartTotal=function PieChartTotal(_ref){var value=_ref.value,isError=_ref.isError;return react_default.a.createElement("text",{style:pieChartTotalStyle,className:classnames_default()("pie-chart__total",{error:isError})},value,"%")},PieChart_PieChart=function PieChart(_ref){var width=_ref.width,height=_ref.height,data=_ref.data,isError=_ref.isError,totalValue=_ref.total||function computeTotal(elements){return elements.reduce((function(accumulator,current){return accumulator+current.percent}),0)}(data),radius=Object(react.useMemo)((function(){return function computeRadius(width,height){return Math.min(width,height)/2}(width,height)}),[width,height]),createArc=Object(react.useCallback)((function(item){return function initArc(radius){return Object(src_arc.a)().innerRadius(radius).outerRadius(radius-15)}(radius)(item)}),[radius]),pieData=Object(react.useMemo)((function(){return createPie(data)}),[data]),groupTransform=function getGroupTransform(radius){return"translate(".concat(radius," ").concat(radius,")")}(radius);return react_default.a.createElement("svg",{width:width,height:height},react_default.a.createElement("g",{transform:groupTransform},totalValue&&pieData.map((function(item,index){return react_default.a.createElement(PieChartArc_PieChartArc_PieChartArc,{color:utils_getArcColor(item.data),definition:createArc(item),key:index,index:index})})),react_default.a.createElement(PieChartTotal_PieChartTotal_PieChartTotal,{isError:isError,value:totalValue})))}},72:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PositiveIntegerField_PositiveIntegerField}));var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(17),classnames_default=__webpack_require__.n(classnames),index_esm=__webpack_require__(6),onPositiveIntegerKeyPress=function onPositiveIntegerKeyPress(event){var charCode=event.charCode,keyValue=String.fromCharCode(charCode);new RegExp("[0-9]").test(keyValue)||event.preventDefault()},PositiveIntegerField_PositiveIntegerField=function PositiveIntegerField(_ref){var id=_ref.id,defaultValue=_ref.defaultValue,disabled=_ref.disabled,name=_ref.name,value=_ref.value,extraClasses=_ref.extraClasses,_ref$maxLength=_ref.maxLength,maxLength=void 0===_ref$maxLength?function getMaxLength(){return Number.MAX_SAFE_INTEGER.toString().length}():_ref$maxLength,_onChange=_ref.onChange;return react_default.a.createElement("input",{id:id,name:name,type:"text",value:value,disabled:disabled,maxLength:maxLength,className:classnames_default()("input",extraClasses),defaultValue:defaultValue,onChange:function onChange(event){return null==_onChange?void 0:_onChange(function parseValue(value){return value.length>0?parseFloat(value):0}(event.target.value))},onKeyPress:onPositiveIntegerKeyPress})};Object(index_esm.b)(PositiveIntegerField_PositiveIntegerField)},722:function(module,exports,__webpack_require__){},723:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2),_NavButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(109),_IndicatorNavButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(110),sidebarStyle={position:"relative",width:"360px",height:"600px",overflow:"hidden"};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("NavButton",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"NavButton")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NavButton__WEBPACK_IMPORTED_MODULE_3__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick")},"Active button"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NavButton__WEBPACK_IMPORTED_MODULE_3__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),isDisabled:!0},"Disabled button"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NavButton__WEBPACK_IMPORTED_MODULE_3__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),isDisabled:!0,tooltip:"Enable to use"},"Disabled button with tooltip")))))})).add("IndicatorNavButton",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"IndicatorNavButton")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IndicatorNavButton__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),indicatorLabel:"on"},"Nav button"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IndicatorNavButton__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),indicatorIcon:"icon-warning",indicatorIsActive:!1,indicatorLabel:"off"},"Button with icon"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IndicatorNavButton__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),indicatorIsActive:!1,indicatorLabel:"off"},"Another button"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IndicatorNavButton__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),indicatorIcon:"icon-warning"},"Button without indicator"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IndicatorNavButton__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onClick"),isDisabled:!0,tooltip:"Enable it!"},"Disabled button")))))}))}.call(this,__webpack_require__(24)(module))},724:function(module,exports,__webpack_require__){},725:function(module,exports,__webpack_require__){},726:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(382),lodash_times__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(372),lodash_times__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(lodash_times__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9),_PieChart__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(71),colors=["#EDB777","#F05656","#8DA1D2","#C894C2","#AFD68E","#80B4FC","#DDE37B","#FD9C2B","#FC81A9","#00BED5"],generateData=function generateData(percent){var length=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return lodash_times__WEBPACK_IMPORTED_MODULE_1___default()(length).map((function(_,index){return{percent:percent,color:colors[index]}}))},generateDataWithEmpty=function generateDataWithEmpty(percent){var length=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return[].concat(Object(_home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__.a)(generateData(percent,length)),[{color:"",percent:100-percent*length}])},_generateProps=function generateProps(percent){var length=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{data:generateDataWithEmpty(percent,length),total:100-percent*length}}(11,5),data=_generateProps.data,total=_generateProps.total,pieContainerStyle={padding:12,alignItems:"center",display:"flex",justifyContent:"center"};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_3__.storiesOf)("PieChart",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("h3",null,"PieChart")),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"container flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{data:generateData(24,4),width:200,height:200})),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"sidebar-view flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{data:generateData(20),width:140,height:140}))))})).add("Error",(function(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("h3",null,"PieChart")),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"container flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{isError:!0,data:generateData(24,4),width:200,height:200})),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"sidebar-view flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{isError:!0,data:generateData(20),width:140,height:140}))))})).add("No enough data",(function(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("h3",null,"PieChart")),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"container flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{isError:!0,data:data,total:total,width:200,height:200})),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"sidebar-view flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{isError:!0,data:data,total:total,width:140,height:140}))))})).add("Empty",(function(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("h3",null,"PieChart")),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"container flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{isError:!0,data:generateData(0),width:200,height:200})),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{className:"sidebar-view flex-one",style:pieContainerStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PieChart__WEBPACK_IMPORTED_MODULE_4__.a,{isError:!0,data:generateData(0),width:140,height:140}))))}))}.call(this,__webpack_require__(24)(module))},730:function(module,exports,__webpack_require__){},731:function(module,exports,__webpack_require__){},732:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_SecretString__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(111),exampleSecret="63083bcf354045c49ff17645998c9e59",sidebarStyle={position:"relative",width:"360px",height:"600px",overflow:"hidden",padding:"20px",color:"white"};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("SecretString",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"SecretString")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul",null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SecretString__WEBPACK_IMPORTED_MODULE_2__.a,{content:exampleSecret,visibleCharCount:4})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SecretString__WEBPACK_IMPORTED_MODULE_2__.a,{content:exampleSecret,visibleCharCount:12})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SecretString__WEBPACK_IMPORTED_MODULE_2__.a,{content:exampleSecret,visibleCharCount:50})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SecretString__WEBPACK_IMPORTED_MODULE_2__.a,{content:exampleSecret,visibleCharCount:4,maxLength:10})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li",null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SecretString__WEBPACK_IMPORTED_MODULE_2__.a,{content:exampleSecret,visibleCharCount:50,maxLength:10})))))))}))}.call(this,__webpack_require__(24)(module))},733:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2),_Tabs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(383),_TabList__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(168),sidebarStyle={position:"relative",width:"360px",height:"600px",overflow:"hidden"},TabListComponent=function TabListComponent(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Tab list")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TabList__WEBPACK_IMPORTED_MODULE_4__.a,{activeTab:1,onTabClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("OnTabChange")},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",null,"First"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",null,"Second"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",null,"Third"))))))},DefaultTabs=function DefaultTabs(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Default tabs")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-auto mr-10"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{id:"sidebar-view",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Tabs__WEBPACK_IMPORTED_MODULE_3__.a,{labels:["First","Second","Third"]},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquam animi commodi consequatur cupiditate dolor fuga fugit ipsam iure, laborum, maxime nesciunt non omnis quaerat quam repudiandae rerum veniam voluptas!"),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet ea earum, explicabo, fuga labore maiores quas qui quisquam quo recusandae repellat rerum sint suscipit vel voluptatibus voluptatum. Aspernatur, in."),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero quos ipsum neque esse consequatur saepe distinctio explicabo quasi ut tempora similique, velit fugit minima facere unde dicta. Facilis, maxime, expedita."))))))};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Tabs",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DefaultTabs,null)})).add("TabList",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(TabListComponent,null)}))}.call(this,__webpack_require__(24)(module))},734:function(module,exports,__webpack_require__){},735:function(module,exports,__webpack_require__){},736:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(82),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),react_joyride__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(129),_storybook_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9),_UserGuide__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(384),sidebarStyle={position:"relative",width:"650px",height:"700px",overflow:"hidden",padding:"30px"},targetStyle={width:"100px",height:"100px",backgroundColor:"#96a1bd",color:"#fff",margin:"50px auto",padding:"10px",textAlign:"center"},steps=[{target:".fist-step",content:"This is the first step",disableBeacon:!0,placement:"top"},{target:".second-step",content:"This is the second step",disableBeacon:!0,placement:"right"},{target:".third-step",content:"This is the third step",disableBeacon:!0,placement:"bottom"},{target:".last-step",content:"This is the last step",disableBeacon:!0,placement:"left"}];Object(_storybook_react__WEBPACK_IMPORTED_MODULE_3__.storiesOf)("UserGuide",module).add("Default",(function(){var _useState=Object(react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),_useState2=Object(_home_runner_work_dashboard_ui_dashboard_ui_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__.a)(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1];return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3",null,"UserGuide")),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-auto"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{id:"sidebar-view",className:"sidebar-view",style:sidebarStyle},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button",{className:"btn",onClick:function onClick(){return setIsOpen(!0)}},"start/continue guide"),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"fist-step",style:targetStyle},"The first target"),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"second-step",style:targetStyle},"The second target"),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"third-step",style:targetStyle},"The third target"),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"last-step",style:targetStyle},"The last target"))),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserGuide__WEBPACK_IMPORTED_MODULE_4__.a,{steps:steps,isOpen:isOpen,callback:function guideCallback(data){var status=data.status,action=data.action;status!==react_joyride__WEBPACK_IMPORTED_MODULE_2__.b.FINISHED&&action!==react_joyride__WEBPACK_IMPORTED_MODULE_2__.a.CLOSE||setIsOpen(!1)}})))}))}.call(this,__webpack_require__(24)(module))},739:function(module,exports,__webpack_require__){},740:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2),_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(12),_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(69),_ref=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref2=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref3=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref4=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref5=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref6=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref7=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref8=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref9=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref10=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref11=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",disabled:!0,id:"carrot"}),_ref12=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref13=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref14=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref15=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref16=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref17=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref18=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref19=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref20=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref21=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"}),_ref22=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Potato",id:"potato"}),_ref23=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Carrot",id:"carrot"}),_ref24=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"vegetables",label:"Broccoli",id:"broccoli"});Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("CheckboxGroup",module).add("Default (Single)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"form-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_CheckboxField_CheckboxField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"agree",label:"Agree to something",id:"agree",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")})))))})).add("Default (Group)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{name:"vegetables",value:["potato","carrot"],label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref,_ref2,_ref3),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{inline:!0,name:"vegetables",value:["potato","carrot"],label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref4,_ref5,_ref6))))})).add("Disabled (Group)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{name:"vegetables",value:["potato","carrot"],label:"Vegetables you like",disabled:!0,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref7,_ref8,_ref9))))})).add("Disabled (Field)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{name:"vegetables",value:["potato","carrot"],label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref10,_ref11,_ref12))))})).add("Error",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{hasError:!0,errorMsg:"You should eat some vegetables!",name:"vegetables",label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref13,_ref14,_ref15),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{inline:!0,hasError:!0,errorMsg:"You should eat some vegetables!",name:"vegetables",value:["potato","carrot"],label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref16,_ref17,_ref18))))})).add("Error (no error message)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{hasError:!0,name:"vegetables",label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref19,_ref20,_ref21),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_CheckboxGroup__WEBPACK_IMPORTED_MODULE_4__.a,{inline:!0,hasError:!0,name:"vegetables",value:["potato","carrot"],label:"Vegetables you like",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref22,_ref23,_ref24))))}))}.call(this,__webpack_require__(24)(module))},744:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2),_react_Form_IconicRadioGroup_IconicRadioGroup__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(130),_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(38),_ref=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"web",label:"Web",id:"web"}),_ref2=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"android",label:"Android",id:"android"}),_ref3=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"ios",label:"iOS",id:"ios"}),_ref4=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"web",label:"Web",id:"web"}),_ref5=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"android",label:"Android",id:"android"}),_ref6=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"ios",label:"iOS",id:"ios"}),_ref7=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{disabled:!0,iconKey:"web",label:"Web",id:"web"}),_ref8=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"android",label:"Android",id:"android"}),_ref9=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"ios",label:"iOS",id:"ios"}),_ref10=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"web",label:"Web",id:"web"}),_ref11=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"android",label:"Android",id:"android"}),_ref12=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_IconicRadioField__WEBPACK_IMPORTED_MODULE_4__.a,{iconKey:"ios",label:"iOS",id:"ios"});Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("IconicRadioGroup",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_IconicRadioGroup_IconicRadioGroup__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Select platform",name:"platforms",value:"web",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref,_ref2,_ref3))})).add("Disabled (Group)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_IconicRadioGroup_IconicRadioGroup__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Select platform",name:"platforms",value:"web",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur"),disabled:!0},_ref4,_ref5,_ref6))})).add("Disabled (Field)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_IconicRadioGroup_IconicRadioGroup__WEBPACK_IMPORTED_MODULE_3__.a,{label:"Select platform",name:"platforms",value:"android",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref7,_ref8,_ref9))})).add("Error",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_IconicRadioGroup_IconicRadioGroup__WEBPACK_IMPORTED_MODULE_3__.a,{hasError:!0,errorMsg:"You must select the platform first",label:"Select platform",name:"platforms",value:"android",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")},_ref10,_ref11,_ref12))}))}.call(this,__webpack_require__(24)(module))},745:function(module,exports,__webpack_require__){},746:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(245),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),_storybook_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(2),_NumberField__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(48),_ref=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3",null,"NumberField")),_ref2=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3",null,"NumberField with Disabled state")),_ref3=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3",null,"NumberField with Error state")),_ref4=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3",null,"NumberField with Error state and no error message")),_ref5=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3",null,"Keeps the form value in one format but displays in other")),_ref6=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p",null,"Display value in days, but keep it in hours.",react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("br",null),"NOTE: (value is `null` or number, `null` for empty field.)"),_ref7=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p",{className:"info"},"Display value as is, but keep it as a number.",react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("br",null),"NOTE: (value is `null` or number, `null` for empty field.)");Object(_storybook_react__WEBPACK_IMPORTED_MODULE_2__.storiesOf)("NumberField",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment,null,_ref,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"light-name",light:!0,value:10,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"dark-name",value:10,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")}))))})).add("Disabled",(function(){return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment,null,_ref2,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"light-name",light:!0,disabled:!0,value:10,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"dark-name",disabled:!0,value:10,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")}))))})).add("Error",(function(){return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment,null,_ref3,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"light-name",light:!0,hasError:!0,errorMsg:"Number is required!",value:null,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"dark-name",hasError:!0,errorMsg:"Number is required!",value:null,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")}))))})).add("Error (no error message)",(function(){return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment,null,_ref4,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"light-name",light:!0,hasError:!0,value:null,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"dark-name",hasError:!0,value:10,label:"Number",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")}))))})).add("convert(Form)Value",(function(){var _React$useState=react__WEBPACK_IMPORTED_MODULE_1___default.a.useState(48),_React$useState2=_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_React$useState,2),value1=_React$useState2[0],setValue1=_React$useState2[1],_React$useState3=react__WEBPACK_IMPORTED_MODULE_1___default.a.useState(48),_React$useState4=_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_React$useState3,2),value2=_React$useState4[0],setValue2=_React$useState4[1];return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment,null,_ref5,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},_ref6,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{light:!0,name:"light-value_in_hours",value:value1,label:"Days",min:"0",convertFormValue:function convertFormValue(formValue){return formValue/24},convertValue:function convertValue(inputValue){return 24*inputValue},onChange:function onChange(val){setValue1(val),Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange")(val)},onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},_ref7,react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NumberField__WEBPACK_IMPORTED_MODULE_4__.a,{name:"dark-value",value:value2,label:"Value (but keeps as a Number)",onChange:function onChange(val){setValue2(val),Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange")(val)},onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")}))))}))}.call(this,__webpack_require__(24)(module))},750:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2),_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(72),_ref=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"PositiveIntegerField")),_ref2=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"PositiveIntegerField")),_ref3=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"PositiveIntegerField with Disabled state")),_ref4=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"PositiveIntegerField with defined Max Length"));Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("PositiveIntegerField",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one form-row form-row-dark",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"light-name",defaultValue:5})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one form-row",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"dark-name",defaultValue:5}))))})).add("Empty",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref2,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one form-row form-row-dark",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"light-name"})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one form-row",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"dark-name"}))))})).add("Disabled",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref3,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one form-row form-row-dark",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{disabled:!0,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"light-name",defaultValue:5})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one form-row",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{disabled:!0,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"dark-name",defaultValue:5}))))})).add("Max Length",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref4,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one form-row form-row-dark",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"light-name",defaultValue:5,maxLength:2})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one form-row",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PositiveIntegerField__WEBPACK_IMPORTED_MODULE_3__.a,{onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),name:"dark-name",defaultValue:5,maxLength:2}))))}))}.call(this,__webpack_require__(24)(module))},751:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(6),_storybook_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(2),_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(21),_RadioField__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(5),_ref=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref2=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref3=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref4=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref5=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref6=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref7=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref8=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref9=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref10=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",disabled:!0,id:"mercury"}),_ref11=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref12=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref13=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref14=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref15=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref16=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref17=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref18=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref19=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref20=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref21=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref22=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Mercury",id:"mercury"}),_ref23=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Earth",id:"earth"}),_ref24=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:"Venus",id:"venus"}),_ref25=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("i",null,"Italic"),id:"italic"}),_ref26=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("b",null,"Bold"),id:"bold"}),_ref27=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"planets",label:react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_1__.c,null,"HtmlString"),id:"html"}),_ref28=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"non",label:"non blandit massa",id:"non"}),_ref29=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"neque",label:"neque viverra justo nec ultrices dui sapien eget",id:"neque"}),_ref30=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RadioField__WEBPACK_IMPORTED_MODULE_5__.a,{name:"mattis",label:"mattis molestie a iaculis at erat pellentesque adipiscing commodo elit",id:"mattis"});Object(_storybook_react__WEBPACK_IMPORTED_MODULE_2__.storiesOf)("RadioGroup",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{name:"planets",value:"earth",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref,_ref2,_ref3),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{inline:!0,name:"planets",value:"earth",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref4,_ref5,_ref6))))})).add("Disabled (Group)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{disabled:!0,name:"planets",value:"earth",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref7,_ref8,_ref9))))})).add("Disabled (Field)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{name:"planets",value:"earth",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref10,_ref11,_ref12))))})).add("Error",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{hasError:!0,errorMsg:"You must be living somewhere!",name:"planets",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref13,_ref14,_ref15),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{inline:!0,hasError:!0,errorMsg:"You must be living somewhere!",name:"planets",value:"earth",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref16,_ref17,_ref18))))})).add("Error (no error message)",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{hasError:!0,name:"planets",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref19,_ref20,_ref21),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{inline:!0,hasError:!0,name:"planets",value:"earth",label:"Where do you live?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref22,_ref23,_ref24))))})).add("Node labels",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{name:"style",value:"bold",label:"What do you choose?",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref25,_ref26,_ref27))))})).add("Radio label with more than one line text",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row",style:{width:"240px"}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_react_Form_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_4__.b,{name:"style",value:"ipsum",label:"Choose a big story",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__.action)("onBlur")},_ref28,_ref29,_ref30)))}))}.call(this,__webpack_require__(24)(module))},752:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2),_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(70),_ref=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"ResizableInputField")),_ref2=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Max of 2 rows")),_ref3=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"Min of 3 rows and max of 5")),_ref4=react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"story-desc"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",null,"ResizableInputField"));Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("ResizableInputField",module).add("Default",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"light-name",value:"Initial value",label:"Name",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"dark-name",value:"Initial value",label:"Name",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")}))))})).add("Max rows",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref2,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"light-name",value:"Initial value",label:"Name",rows:1,minRows:1,maxRows:2,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"dark-name",value:"Initial value",label:"Name",rows:1,minRows:1,maxRows:2,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")}))))})).add("Min rows",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref3,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"light-name",value:"Initial value",label:"Name",rows:3,minRows:3,maxRows:5,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"dark-name",value:"Initial value",label:"Name",rows:3,minRows:3,maxRows:5,onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")}))))})).add("Scroll",(function(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,_ref4,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"flex-box-row"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"container flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"light-name",value:"Initial value\n1\n2\n3\n4\n5",label:"Name",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"sidebar-view flex-one",style:{padding:12}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ResizableInputField__WEBPACK_IMPORTED_MODULE_3__.a,{name:"dark-name",value:"Initial value\n1\n2\n3\n4\n5",label:"Name",onChange:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onChange"),onBlur:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("onBlur")}))))}))}.call(this,__webpack_require__(24)(module))},779:function(module,exports,__webpack_require__){},81:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return fieldWithLabelPropTypes}));var prop_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__),fieldWithLabelPropTypes={hasError:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,errorMsg:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,label:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,unitLabel:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,name:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,info:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,light:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,inline:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,margin:prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf(["tight","slim","loose","fat"])}},83:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),formik__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(26),_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(6);__webpack_require__(722);__webpack_exports__.a=Object(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_2__.j)((function ConfirmFormBase(_ref){var title=_ref.title,subtitle=_ref.subtitle,renderFields=_ref.renderFields,initialValues=_ref.initialValues,onSubmit=_ref.onSubmit,onCancel=_ref.onCancel;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,title&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3",{className:"react-modal__content__title"},title),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.c,{initialValues:initialValues,onSubmit:onSubmit},(function(formRenderProps){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__.b,{className:"react-modal__form"},renderFields(formRenderProps),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_adjust_dashboard_components__WEBPACK_IMPORTED_MODULE_2__.e,null,subtitle&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span",{className:"react-modal__content__subtitle"},subtitle),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"react-modal__actions-block"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button",{className:"react-modal__actions__btn btn",type:"button",title:t("action.cancel"),onClick:onCancel},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("i",{className:"icon icon-times"})),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button",{className:"react-modal__actions__btn btn",type:"submit",title:t("action.ok"),disabled:!formRenderProps.isValid},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("i",{className:"icon icon-checkmark"})))))})))}),"confirm-form")}},[[385,1,2]]]);
  //# sourceMappingURL=main.08950b4b56f43a7609cc.bundle.js.map