react-jupiter 5.12.0 → 6.0.0-beta.1

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

@@ -1,77 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-(0,_react2.storiesOf)("Form-V7/Inputs",module).
-add("Full option Text Input",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
-htmlElementName:"text-name-02",
-required:!0,
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
-number:23,
-register:a,
-control:b,
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
-disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
-description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-type:(0,_addonKnobs.select)("select type(default : text)",["text","password"])}
-))
-
-}).
-add("LTR Text Input",()=>{
-const{
-register:a
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
-htmlElementName:"text-name-02",
-required:!0,
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
-number:23,
-register:a,
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
-disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
-description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-type:(0,_addonKnobs.select)("select type(default : text)",["text","password"]),
-rtl:!1}
-))
-
-}).
-add("Password input",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
-htmlElementName:"text-name-03",
-required:!0,
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
-number:23,
-register:a,
-control:b,
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
-disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
-description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-type:"password"}
-))
-
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

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

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_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
-
-
-
-Input=exports.Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: normal;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 6px;\n  box-sizing: border-box;\n  width: 100%;\n  direction: ",";\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"])),
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{theme:b}=a;return b.borderColor.normal},
-
-
-
-(a)=>{let{rtl:b}=a;return b?"rtl":"ltr"},
-
-
-(a)=>{let{theme:b}=a;return b.disabled.background},
-(a)=>{let{theme:b}=a;return b.disabled.color},
-
-
-
-
-
-
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.hover},
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.focus}),
-
-
-
-DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"]))),
-
-
-
-
-PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  bottom: 3px;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])));

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

@@ -1,63 +0,0 @@
-"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

@@ -1,70 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_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=_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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,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)=>{var c;let{fieldState:e}=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:e&&(null===(c=e.error)||void 0===c?void 0:c.message)})
-))}}
-
-)
-)
-))};var _default=exports.default=
-
-
-Textarea;

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

@@ -1,45 +0,0 @@
-"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}}
-
-
-
-
-
-
-
-
-
-
-(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"),
-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"}
-))
-
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

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

@@ -1,25 +0,0 @@
-"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=
-
-
-
-StyledTextarea;

package/form-v7/theme.js

@@ -1,20 +0,0 @@
-"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/globalStyle.js

@@ -1,28 +0,0 @@
-"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=
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-GlobalStyle;