react-jupiter 5.9.67 → 5.9.68-beta

package/form-v7/dropdown/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _select.default}}),Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function get(){return _option.default}}),exports.default=void 0;var _select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _select.default}}),Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return _option.default}}),exports.default=void 0;var _select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
 
 
 
@@ -7,4 +7,4 @@
 {
 Select:_select.default,
 SelectOption:_option.default
-};exports.default=_default;
+};

package/form-v7/dropdown/index.stories.js

@@ -12,38 +12,38 @@
 
 
 (0,_react2.storiesOf)("Form-v7/Dropdown",module).
-add("Minimal Select",function(){
-var a=
-
-(0,_reactHookForm.useForm)(),b=a.register;
+add("Minimal Select",()=>{
+const{
+register:a
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
-_react.default.createElement(_select.default,{register:b},/*#__PURE__*/
+_react.default.createElement(_select.default,{register:a},/*#__PURE__*/
 _react.default.createElement(_option.default,{value:"first",label:"First Value"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})));
-
+_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})
+))
 
 }).
-add("Select with placeholder",function(){
-var a=
-
-(0,_reactHookForm.useForm)(),b=a.register;
+add("Select with placeholder",()=>{
+const{
+register:a
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_select.default,{
 htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
 placeholder:(0,_addonKnobs.text)("optional placeholder","__\u0627\u0633\u062A\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F__"),
 handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
-register:b},/*#__PURE__*/
+register:a},/*#__PURE__*/
 
 _react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
 _react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})));
-
+_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})
+))
 
 }).
-add("Full option Select(no placeholder)",function(){
-var a=
-
-(0,_reactHookForm.useForm)(),b=a.register;
+add("Full option Select(no placeholder)",()=>{
+const{
+register:a
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_select.default,{
 htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
@@ -53,38 +53,38 @@ isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
 label:(0,_addonKnobs.text)("optional label","\u0645\u062D\u0644 \u0628\u0631\u06AF\u0632\u0627\u0631\u06CC \u0631\u0648\u06CC\u062F\u0627\u062F"),
 number:3,
 errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-register:b,
+register:a,
 required:!0},/*#__PURE__*/
 
 _react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
 _react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645",isDisabled:!0})));
-
+_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645",isDisabled:!0})
+))
 
 }).
-add("Full option SelectOption",function(){
-var a=
-
-
-(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
+add("Full option SelectOption",()=>{
+const{
+register:a,
+control:b
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_select.default,{
 htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
 defaultValue:"30",
 handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
 isDisabled:!1,
-register:b,
+register:a,
 required:!0,
-control:c},/*#__PURE__*/
+control:b},/*#__PURE__*/
 
 _react.default.createElement(_option.default,{
 value:(0,_addonKnobs.text)("value","20"),
 label:(0,_addonKnobs.text)("label","\u06A9\u0631\u062C"),
-isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1)}),/*#__PURE__*/
-
+isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1)}
+),/*#__PURE__*/
 _react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})));
-
+_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})
+))
 
 }).
 addDecorator(_addonInfo.withInfo).

package/form-v7/dropdown/index.style.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=void 0;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=void 0;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
 
-var SelectButton=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: \"\";\n    display: block;\n    width: 7px;\n    height: 7px;\n    position: absolute;\n    left: 13px;\n    top: 11px;\n    border: solid ",";\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n    -webkit-transform: rotate(45deg);\n    pointer-events: none;\n  }\n\n  &:before {\n    content: \"\";\n    display: block;\n    width: 33px;\n    position: absolute;\n    margin-top: 2px;\n    top: 0;\n    bottom: 1px;\n    left: 5px;\n    border-right: 1px solid ",";\n    background: ",";\n    pointer-events: none;\n  }\n"])),
+SelectButton=exports.SelectButton=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: \"\";\n    display: block;\n    width: 7px;\n    height: 7px;\n    position: absolute;\n    left: 13px;\n    top: 11px;\n    border: solid ",";\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n    -webkit-transform: rotate(45deg);\n    pointer-events: none;\n  }\n\n  &:before {\n    content: \"\";\n    display: block;\n    width: 33px;\n    position: absolute;\n    margin-top: 2px;\n    top: 0;\n    bottom: 1px;\n    left: 5px;\n    border-right: 1px solid ",";\n    background: ",";\n    pointer-events: none;\n  }\n"])),
 
 
 
@@ -11,7 +11,7 @@ var SelectButton=_styledComponents.default.div(_templateObject||(_templateObject
 
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.normal},
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
 
 
 
@@ -27,29 +27,29 @@ function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.n
 
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.normal},
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"});exports.SelectButton=SelectButton;
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}),
 
 
 
 
-var StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: normal;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n  background: ",";\n  ","\n  ","\n  cursor: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
+StyledSelect=exports.StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: normal;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n  background: ",";\n  ","\n  ","\n  cursor: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
 
 
 
-function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
-function(a){var b=a.disabled,c=a.theme;return b?"transparent":c.borderColor.normal},
+(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
+(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.normal},
 
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"},
-function(a){var b=a.disabled,c=a.theme;return b?"color: ".concat(c.disabled.color,";"):""},
-function(a){var b=a.disabled,c=a.theme;return b?"color: ".concat(c.disabled.color,";"):""},
-function(a){var b=a.disabled;return b?"not-allowed":"pointer"},
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
+(a)=>{let{disabled:b,theme:c}=a;return b?"color: ".concat(c.disabled.color,";"):""},
+(a)=>{let{disabled:b,theme:c}=a;return b?"color: ".concat(c.disabled.color,";"):""},
+(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
 
 
-function(a){var b=a.disabled,c=a.theme;return b?"transparent":c.borderColor.hover},
+(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.hover},
 
 
 
-function(a){var b=a.theme;return b.borderColor.focus});exports.StyledSelect=StyledSelect;
+(a)=>{let{theme:b}=a;return b.borderColor.focus});

package/form-v7/dropdown/index.test.js

@@ -4,17 +4,17 @@
 
 
 
-describe("dropdown (select-option) tests",function(){
-it("render simple select tag",function(){var
+describe("dropdown (select-option) tests",()=>{
+it("render simple select tag",()=>{const
 a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_select.default,null)),
 b=(0,_test.default)(a,"select");
 
-expect(b.length).toBe(1);
+expect(b.length).toBe(1)
 }),
-it("render simple option tag",function(){var
+it("render simple option tag",()=>{const
 a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_option.default,{label:"hi",value:"hi_val"})),
 b=(0,_test.default)(a,"select-option");
 
-expect(b.length).toBe(1);
-});
+expect(b.length).toBe(1)
+})
 });

package/form-v7/dropdown/option.js

@@ -5,8 +5,8 @@
 
 
 
-var SelectOption=function(a){
-var b=a.label,c=a.value,d=a.isDisabled;
+const SelectOption=(a)=>{
+const{label:b,value:c,isDisabled:d}=a;
 
 return/*#__PURE__*/(
 _react.default.createElement("option",{
@@ -14,13 +14,13 @@ disabled:d,
 value:c,
 "data-test":"select-option"},
 
-b));
-
+b
+))
 
 };
 
 SelectOption.defaultProps={
 isDisabled:!1
-};var _default=
+};var _default=exports.default=
 
-SelectOption;exports.default=_default;
+SelectOption;

package/form-v7/dropdown/select.js

@@ -20,20 +20,20 @@
 
 
 
-var Select=function(a){var
+const Select=(a)=>{const
+{
+htmlElementName:b,placeholder:c,isDisabled:d,
+children:e,label:f,required:g,number:h,control:i
+}=a,
 
-b=
-
-a.htmlElementName,c=a.placeholder,d=a.isDisabled,e=a.children,f=a.label,g=a.required,h=a.number,i=a.control,
-
-j=function(){return/*#__PURE__*/(
+j=()=>/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index.SelectButton,{disabled:d},/*#__PURE__*/
 _react.default.createElement(_reactHookForm.Controller,{
 name:b,
 control:i,
 rules:{required:!!g&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:function render(a){var b,d=a.field,f=a.fieldState;return/*#__PURE__*/(
+render:(a)=>{var b;let{field:d,fieldState:f}=a;return/*#__PURE__*/(
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.StyledSelect,
 d,
@@ -41,14 +41,14 @@ d,
 c&&/*#__PURE__*/
 _react.default.createElement("option",{value:""},c),
 
-e),/*#__PURE__*/
-
-_react.default.createElement(_errorMsg.default,{errorMessage:f&&(null===(b=f.error)||void 0===b?void 0:b.message)})))}}))))};return(
-
-
-
-
+e
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:f&&(null===(b=f.error)||void 0===b?void 0:b.message)})
+))}}
 
+)
+)
+);return(
 
 
 f?/*#__PURE__*/
@@ -56,12 +56,12 @@ f?/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
 _react.default.createElement(_label.default,{htmlFor:b,label:f,number:h,required:g}),
-j())):
-
-
+j()
+)
+):
 
 
-j());
+j())
 };
 
 Select.defaultProps={
@@ -73,6 +73,6 @@ isDisabled:!1,
 errorMessage:"",
 required:!1,
 number:null
-};var _default=
+};var _default=exports.default=
 
-Select;exports.default=_default;
+Select;

package/form-v7/errorMsg.js

@@ -3,23 +3,23 @@
 
 
 
-var ErrorMsg=function(a){var b=a.errorMessage;return(
+const ErrorMsg=(a)=>{let{errorMessage:b}=a;return(
 b?/*#__PURE__*/
 
 _react.default.createElement(_spacing.Margin,{top:4},/*#__PURE__*/
 _react.default.createElement(_icon.default,{name:"error",color:"red",size:"sm",stickyRight:!0}),/*#__PURE__*/
 _react.default.createElement(_typography.Text,{bold:!0,size:10,color:"red","data-test":"error-message"},
-b)):
+b
+)
+):
 
 
 
-
-
-null);
+null)
 };
 
 ErrorMsg.defaultProps={
 errorMessage:""
-};var _default=
+};var _default=exports.default=
 
-ErrorMsg;exports.default=_default;
+ErrorMsg;

package/form-v7/file-input/index.js

@@ -26,19 +26,19 @@
 
 
 
-var FileInput=function(a){
-var
-b=
-
-
-
-
-
-
-
-
-
-a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.disabled,g=a.description,h=a.register,i=a.required,j=a.number,k=a.control;
+const FileInput=(a)=>{
+const{
+type:b,
+label:c,
+htmlElementName:d,
+id:e,
+disabled:f,
+description:g,
+register:h,
+required:i,
+number:j,
+control:k
+}=a;
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
@@ -47,15 +47,15 @@ _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_label.default,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),label:c,number:j,required:i}),
 g&&/*#__PURE__*/
 _react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"file-input-description"},
-g),/*#__PURE__*/
-
+g
+),/*#__PURE__*/
 
 
 _react.default.createElement(_reactHookForm.Controller,{
 name:d,
 control:k,
 rules:{required:!!i&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"}// Add required rule
-,render:function render(a){var c,g=a.fieldState;return/*#__PURE__*/(
+,render:(a)=>{var c;let{fieldState:g}=a;return/*#__PURE__*/(
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({
 id:e||"".concat(b,"-").concat(d.split(" ").join("")),
@@ -64,14 +64,14 @@ type:"file"},
 h(d,{
 disabled:f,
 required:!!i&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
-}))),/*#__PURE__*/
-
-_react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(c=g.error)||void 0===c?void 0:c.message)})))}}))));
-
-
-
-
+}))
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(c=g.error)||void 0===c?void 0:c.message)})
+))}}
 
+)
+)
+))
 
 };
 
@@ -83,6 +83,6 @@ disabled:!1,
 description:null,
 required:!1,
 number:null
-};var _default=
+};var _default=exports.default=
 
-FileInput;exports.default=_default;
+FileInput;

package/form-v7/file-input/index.stories.js

@@ -10,22 +10,22 @@
 
 
 (0,_react2.storiesOf)("Form-V7/Inputs",module).
-add("File Input",function(){
-var a=
-
-(0,_reactHookForm.useForm)(),b=a.register;
+add("File Input",()=>{
+const{
+register:a
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_index.default,{
 htmlElementName:"file-input",
-register:b,
+register:a,
 label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
 description:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",
 number:5,
 placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
 disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
 errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-required:!0}));
-
+required:!0}
+))
 
 }).
 addDecorator(_addonInfo.withInfo).

package/form-v7/file-input/index.style.js

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
 
 
 
-var Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n\n  &::file-selector-button {\n    color: ",";\n    padding: 0.5em;\n    border: ",";\n    border-radius: 3px;\n    width: 100px;\n    height: 80;\n  }\n\n  &[disabled=\"\"]{\n    background-color: ",";\n    color: ",";\n    border-color: transparent;\n\n\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
+Input=exports.Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n\n  &::file-selector-button {\n    color: ",";\n    padding: 0.5em;\n    border: ",";\n    border-radius: 3px;\n    width: 100px;\n    height: 80;\n  }\n\n  &[disabled=\"\"]{\n    background-color: ",";\n    color: ",";\n    border-color: transparent;\n\n\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
 
 
 
-function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
-function(a){var b=a.theme;return b.borderColor.normal},
+(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
+(a)=>{let{theme:b}=a;return b.borderColor.normal},
 
 
 
 
 
-function(a){var b=a.theme;return"".concat(b.colors.blue)},
+(a)=>{let{theme:b}=a;return"".concat(b.colors.blue)},
 
-function(a){var b=a.theme;return"thin solid ".concat(b.colors.blue)},
+(a)=>{let{theme:b}=a;return"thin solid ".concat(b.colors.blue)},
 
 
 
 
 
 
-function(a){var b=a.theme;return b.disabled.background},
-function(a){var b=a.theme;return b.disabled.color},
+(a)=>{let{theme:b}=a;return b.disabled.background},
+(a)=>{let{theme:b}=a;return b.disabled.color},
 
 
 
@@ -33,22 +33,22 @@ function(a){var b=a.theme;return b.disabled.color},
 
 
 
-function(a){var b=a.theme;return b.borderColor.hover},
+(a)=>{let{theme:b}=a;return b.borderColor.hover},
 
 
 
-function(a){var b=a.theme;return b.borderColor.focus});exports.Input=Input;
+(a)=>{let{theme:b}=a;return b.borderColor.focus}),
 
 
 
-var LabelContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 8px;\n"])));exports.LabelContainer=LabelContainer;
+LabelContainer=exports.LabelContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 8px;\n"]))),
 
 
 
 
-var DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"])));exports.DescriptionContainer=DescriptionContainer;
+DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"]))),
 
 
 
 
-var PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  bottom: 6px;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])));exports.PasswordIcon=PasswordIcon;
+PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  bottom: 6px;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])));

package/form-v7/file-input/index.test.js

@@ -3,29 +3,29 @@
 
 
 
-describe("text input tests",function(){
-it("render simple text input",function(){var
+describe("text input tests",()=>{
+it("render simple text input",()=>{const
 a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name"})),
 b=(0,_test.default)(a,"text-input");
 
-expect(b.length).toBe(1);
+expect(b.length).toBe(1)
 }),
 
-it("render text input with placeholder",function(){var
+it("render text input with placeholder",()=>{const
 a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys"})),
 b=(0,_test.default)(a,"text-input");
 
-expect(b.find("input").prop("placeholder")).toBe("hi guys");
+expect(b.find("input").prop("placeholder")).toBe("hi guys")
 }),
 
-it("test text input id without id props",function(){var
+it("test text input id without id props",()=>{const
 a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys"})),
 b=(0,_test.default)(a,"text-input");
 
-expect(b.find("input").prop("id")).toBe("text-engname");
+expect(b.find("input").prop("id")).toBe("text-engname")
 }),
 
-it("render text input - full props",function(){var
+it("render text input - full props",()=>{const
 a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys",type:"text",id:"hiiii-id"})),
 b=(0,_test.default)(a,"text-input");
 
@@ -33,31 +33,31 @@ expect(b.find("input").prop("id")).toBe("hiiii-id"),
 expect(b.find("input").prop("type")).toBe("text"),
 expect(b.find("input").prop("placeholder")).toBe("hi guys"),
 expect(b.find("input").prop("name")).toBe("eng name"),
-expect(b.length).not.toBe(0);
+expect(b.length).not.toBe(0)
 }),
 
-it("render disabled input",function(){var
+it("render disabled input",()=>{const
 a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",disabled:!0})),
 b=(0,_test.default)(a,"text-input");
 
-expect(b.find("input").prop("disabled")).toBe(!0);
+expect(b.find("input").prop("disabled")).toBe(!0)
 }),
 
-it("render with or without text-input-description",function(){var
+it("render with or without text-input-description",()=>{const
 a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"with desc",description:"hiiiiii"})),
 b=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"without desc"})),
 c=(0,_test.default)(a,"text-input-description"),
 d=(0,_test.default)(b,"text-input-description");
 
 expect(c.length).toBe(1),
-expect(d.length).toBe(0);
+expect(d.length).toBe(0)
 }),
 
-it("render with or err msg",function(){var
+it("render with or err msg",()=>{const
 a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"with desc",description:"hiiiiii",errorMessage:"this is a good err"})),
 b=(0,_test.default)(a,"error-message");
 
 expect(b.length).toBe(1),
-expect(b.children().text()).toBe("this is a good err");
-});
+expect(b.children().text()).toBe("this is a good err")
+})
 });