react-jupiter 5.12.0 → 6.0.0-beta.10

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

@@ -1,45 +1,91 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonActions=require("@storybook/addon-actions"),_addonKnobs=require("@storybook/addon-knobs"),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"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={};
 
-
-(0,_react2.storiesOf)("Form-V7/Textarea",module).
-add("Minimal Textarea",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{register:a,control:b}))
-
-}).
-add("Full option Textarea",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
-register:a,
-control:b,
-label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
-htmlElementName:(0,_addonKnobs.text)("optional html-element-name","html-element-name"),
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"),
-minHeight:(0,_addonKnobs.text)("optional minHeight (it should be a number)","120"),
+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"}
-))
+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"
+};
 
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);
+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

@@ -1,25 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_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 StyledTextarea=_styledComponents.default.textarea(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: 14px;\n\n  resize: ",";\n  min-height: ",";\n  width: 100%;\n  padding: 8px 16px;\n  box-sizing: border-box;\n  \n  border-radius: ",";\n  border: 1px solid ",";\n  background: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n  &:focus {\n    border-color: ",";\n  }\n"])),
-
-
-
-(a)=>{let{resize:b}=a;return b},
-(a)=>{let{minHeight:b}=a;return"".concat(b,"px")},
-
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(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"},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.focus});var _default=exports.default=
-
-
+"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/globalStyle.js

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=require("styled-components");function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
-
-const GlobalStyle=(0,_styledComponents.createGlobalStyle)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  h1, h2, h3, h4, h5, h6, p, ol, ul {\n    margin: 0;\n    padding: 0;\n    font-weight: normal;\n  }\n\n  ol, ul {\n    list-style: none;\n  }\n\n  *, *:before, *:after {\n    box-sizing: inherit;\n    outline: none;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  .ReactModal__Body--open {\n    overflow: hidden;\n  }\n"])));var _default=exports.default=
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+"use strict";var _styledComponents=require("styled-components");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;
+
+const GlobalStyle=(0,_styledComponents.createGlobalStyle)`
+  h1, h2, h3, h4, h5, h6, p, ol, ul {
+    margin: 0;
+    padding: 0;
+    font-weight: normal;
+  }
+
+  ol, ul {
+    list-style: none;
+  }
+
+  *, *:before, *:after {
+    box-sizing: inherit;
+    outline: none;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .ReactModal__Body--open {
+    overflow: hidden;
+  }
+`;var _default=exports.default=
 
 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;