react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

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

@@ -0,0 +1,132 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=require("./index.style"),_index2=require("../index.style"),_numbers=require("../../utils/numbers");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+class TextInput extends _react.Component{
+constructor(a){
+super(a),_defineProperty(this,"togglePasswordVisibility",
+
+
+
+
+
+()=>{
+this.setState((a)=>({showPassword:!a.showPassword}))
+}),_defineProperty(this,"handleFocus",
+
+(a)=>{
+a.target.setSelectionRange(0,0)
+}),this.state={showPassword:!1}}
+
+render(){const
+{
+type:d="text",
+label:e=null,
+htmlElementName:a,
+id:f=null,
+placeholder:g=null,
+disabled:h=!1,
+description:i=null,
+required:j=!1,
+number:k=null,
+rtl:l=!0,
+onFocus:m=()=>{},
+readOnly:n=!1,
+register:b,
+control:c
+}=this.props,
+
+{showPassword:o}=this.state;
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_label.default,{
+htmlFor:f||`${d}-${a.split(" ").join("")}`,
+label:e,
+number:k,
+required:j}
+),
+i&&/*#__PURE__*/
+_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"text-input-description"},
+i
+),/*#__PURE__*/
+
+_react.default.createElement(_reactHookForm.Controller,{
+name:a,
+control:c,
+rules:{required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
+render:(c)=>{let{field:{value:i},fieldState:e}=c;return(/*#__PURE__*/
+_react.default.createElement("div",{style:{position:"relative"}},
+"password"===d&&/*#__PURE__*/
+_react.default.createElement(_index.PasswordIcon,{
+name:o?"visibility-off":"visibility",
+color:"gray",
+onClick:this.togglePasswordVisibility,
+style:{
+cursor:"pointer",position:"absolute",top:"50%",left:"10px",transform:"translateY(-50%)"
+}}
+),/*#__PURE__*/
+
+_react.default.createElement(_index.Input,_extends({
+id:f||`${d}-${a.split(" ").join("")}`,
+name:a,
+type:o?"text":d,
+placeholder:g,
+defaultValue:i,
+rtl:l},
+b(a,{
+onFocus:this.handleFocus,
+disabled:h,
+onChange:(a)=>(0,_numbers.fixNumbers)(a)
+}),{
+onFocus:m,
+readOnly:n})
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:e&&e.error?.message})
+))}}
+
+)
+)
+))
+
+}
+}var _default=exports.default=
+
+TextInput;

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

@@ -0,0 +1,96 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Password=exports.LTR=exports.FullOptions=exports.Disabled=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
+
+
+
+
+{
+title:"Form-V7/Text Input",
+component:_index.default,
+
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"text-name-02"
+},
+label:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"
+},
+disabled:{
+control:"boolean",
+defaultValue:!1
+},
+description:{
+control:"text",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+type:{
+control:"select",
+options:["text","password"],
+defaultValue:"text"
+},
+rtl:{
+control:"boolean",
+defaultValue:!0
+},
+required:{
+control:"boolean",
+defaultValue:!0
+},
+number:{
+control:"number",
+defaultValue:23
+}
+}
+};const
+
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return/*#__PURE__*/_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+},
+
+FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+htmlElementName:"text-name-02",
+required:!0,
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A",
+number:23,
+placeholder:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636",
+disabled:!1,
+description:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+type:"text",
+rtl:!0
+};
+
+const LTR=exports.LTR=Template.bind({});
+LTR.args={
+...FullOptions.args,
+rtl:!1
+};
+
+const Password=exports.Password=Template.bind({});
+Password.args={
+...FullOptions.args,
+type:"password"
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+disabled:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0631\u0627 \u067E\u0631 \u06A9\u0646\u06CC\u062F"
+};

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

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.Input=exports.DescriptionContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+Input=exports.Input=_styledComponents.default.input`
+  font-family: 'IranSharp';
+  font-weight: normal;
+  font-size: 12px;
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: solid 1px ${(a)=>{let{theme:b}=a;return b.borderColor.normal}};
+  padding: 6px;
+  box-sizing: border-box;
+  width: 100%;
+  direction: ${(a)=>{let{rtl:b}=a;return b?"rtl":"ltr"}};
+
+  &[disabled=""]{
+    background-color: ${(a)=>{let{theme:b}=a;return b.disabled.background}};
+    color: ${(a)=>{let{theme:b}=a;return b.disabled.color}};
+    border-color: transparent;
+
+
+    &:hover {
+      border-color: transparent;
+    }
+  }
+
+  &:hover {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.hover}};
+  }
+
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`,
+
+DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 4px;
+`,
+
+PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)`
+  position: absolute;
+  left: 0;
+  bottom: 3px;
+
+  &:hover {
+    cursor: pointer;
+  }
+`;

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

@@ -0,0 +1,63 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+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)
+}),
+
+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")
+}),
+
+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")
+}),
+
+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");
+
+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)
+}),
+
+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)
+}),
+
+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)
+}),
+
+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")
+})
+});

package/form-v7/textarea/index.js

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactHookForm=require("react-hook-form"),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=_interopRequireDefault(require("./index.style")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Textarea=(a)=>{let{
+htmlElementName:d="textarea-element",
+label:e="",
+isDisabled:f=!1,
+defaultValue:g="",
+placeholder:h="",
+resize:i="none",
+minHeight:j=120,
+handleChange:k=()=>{},
+required:l=!1,
+number:m=null,
+register:b,
+control:c
+}=a;return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_label.default,{htmlFor:d,label:e,number:m,required:l}),/*#__PURE__*/
+
+_react.default.createElement(_reactHookForm.Controller,{
+name:d,
+control:c,
+rules:{required:!!l&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
+render:(a)=>{let{fieldState:c}=a;return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({
+name:d,
+placeholder:h,
+resize:i,
+defaultValue:g,
+minHeight:j},
+b(d,{
+onChange:k,
+disabled:f
+}))
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:c&&c.error?.message})
+))}}
+
+)
+)
+))};var _default=exports.default=
+
+
+Textarea;

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

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.NoResize=exports.Minimal=exports.HorizontalResize=exports.FullOptions=exports.Disabled=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
+
+
+
+
+
+{
+title:"Form-V7/Textarea",
+component:_index.default,
+
+argTypes:{
+label:{
+control:"text",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"
+},
+htmlElementName:{
+control:"text",
+defaultValue:"html-element-name"
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"
+},
+minHeight:{
+control:"text",
+defaultValue:"120"
+},
+isDisabled:{
+control:"boolean",
+defaultValue:!1
+},
+required:{
+control:"boolean",
+defaultValue:!0
+},
+resize:{
+control:"select",
+options:["both","horizontal","vertical","none"],
+defaultValue:"both"
+},
+defaultValue:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"
+}
+}
+};const
+
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return/*#__PURE__*/_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+},
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+label:"\u062A\u0648\u0636\u06CC\u062C\u0627\u062A",
+htmlElementName:"html-element-name",
+placeholder:"\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A",
+minHeight:"120",
+isDisabled:!1,
+required:!0,
+resize:"both",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
+
+const NoResize=exports.NoResize=Template.bind({});
+NoResize.args={
+...FullOptions.args,
+resize:"none"
+};
+
+const HorizontalResize=exports.HorizontalResize=Template.bind({});
+HorizontalResize.args={
+...FullOptions.args,
+resize:"horizontal"
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u0645\u062A\u0646 \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F"
+};

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

@@ -0,0 +1,25 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const StyledTextarea=_styledComponents.default.textarea`
+  font-family: 'IranSharp';
+  font-size: 14px;
+
+  resize: ${(a)=>{let{resize:b}=a;return b}};
+  min-height: ${(a)=>{let{minHeight:b}=a;return`${b}px`}};
+  width: 100%;
+  padding: 8px 16px;
+  box-sizing: border-box;
+  
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+  background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`;var _default=exports.default=
+
+StyledTextarea;

package/form-v7/theme.js

@@ -0,0 +1,20 @@
+"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const theme={
+borderRadius:_themes.default.borderRadius.high,
+borderColor:{
+normal:_themes.default.colors.gray600,
+hover:_themes.default.colors.blue400,
+focus:_themes.default.colors.blue600
+},
+disabled:{
+background:_themes.default.colors.gray200,
+color:_themes.default.colors.gray800
+},
+colors:{
+red:_themes.default.colors.red600,
+blue:_themes.default.colors.blue600
+}
+};var _default=exports.default=
+
+theme;

package/{src/components/globalStyle.js → globalStyle.js}

@@ -1,6 +1,6 @@
-import { createGlobalStyle } from 'styled-components';
+"use strict";var _styledComponents=require("styled-components");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;
 
-const GlobalStyle = createGlobalStyle`
+const GlobalStyle=(0,_styledComponents.createGlobalStyle)`
   h1, h2, h3, h4, h5, h6, p, ol, ul {
     margin: 0;
     padding: 0;
@@ -23,6 +23,6 @@ const GlobalStyle = createGlobalStyle`
   .ReactModal__Body--open {
     overflow: hidden;
   }
-`;
+`;var _default=exports.default=
 
-export default GlobalStyle;
+GlobalStyle;

package/grid/index.js

@@ -0,0 +1,83 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireWildcard(require("styled-components"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+getResponsiveValue=(a,b)=>{
+if("object"==typeof a){
+const c=b.breakpoints||{
+mobile:0,
+tablet:768,
+desktop:1024
+};
+
+return Object.entries(a).
+map((a)=>{let[b,d]=a;
+const e=c[b];
+return e?
+`@media (min-width: ${e}px) { width: ${100*d}%; }`:
+""
+}).
+join("\n")
+}
+return`width: ${100*a}%;`
+},
+
+getResponsiveVisibility=(a,b)=>{
+if("object"==typeof a){
+const c=b.breakpoints||{
+mobile:0,
+tablet:768,
+desktop:1024
+};
+
+return Object.entries(a).
+map((a)=>{let[b,d]=a;
+const e=c[b];
+return e?
+`@media (min-width: ${e}px) { display: ${d?"block":"none"}; }`:
+""
+}).
+join("\n")
+}
+return`display: ${a?"block":"none"};`
+},
+
+getResponsiveAlignment=(a,b)=>{
+if("object"==typeof a){
+const c=b.breakpoints||{
+mobile:0,
+tablet:768,
+desktop:1024
+};
+
+return Object.entries(a).
+map((a)=>{let[b,d]=a;
+const e=c[b];
+return e?`@media (min-width: ${e}px) { justify-content: ${d}; }`:""
+}).
+join("\n")
+}
+return`justify-content: ${a};`
+},
+
+GridContainer=_styledComponents.default.div`
+  display: flex;
+  flex-wrap: ${(a)=>{let{wrap:b}=a;return b?"wrap":"nowrap"}};
+  flex-direction: ${(a)=>{let{reverse:b}=a;return b?"row-reverse":"row"}};
+  ${(a)=>{let{horizontalAlign:b,theme:c}=a;return getResponsiveAlignment(b||"left",c)}}
+  ${(a)=>{let{verticalAlign:b}=a;return`align-items: ${b||"stretch"};`}}
+`,
+
+GridUnit=_styledComponents.default.div`
+  ${(a)=>{let{size:b,theme:c}=a;return getResponsiveValue(b,c)}}
+  ${(a)=>{let{visible:b,theme:c}=a;return getResponsiveVisibility(b,c)}}
+`,
+
+Grid=(a)=>{let{children:b,...c}=a;return(/*#__PURE__*/
+_react.default.createElement(GridContainer,c,
+b
+))};
+
+
+Grid.Unit=GridUnit;var _default=exports.default=
+
+Grid;