react-jupiter 5.9.17 → 5.9.19

package/form-v7/file/index.js

@@ -0,0 +1,81 @@
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style");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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}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)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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.errorMessage,i=a.register,j=a.required;
+
+return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.Label,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),"data-test":"file-input"},
+c&&/*#__PURE__*/
+_react.default.createElement(_index.LabelContainer,{bold:!0,size:14},
+c),
+
+
+g&&/*#__PURE__*/
+_react.default.createElement(_index.DescriptionContainer,{bold:!0,size:10,color:"gray","data-test":"file-input-description"},
+g),/*#__PURE__*/
+
+
+_react.default.createElement(_index.Input,_extends({
+id:e||"".concat(b,"-").concat(d.split(" ").join("")),
+name:d,
+type:"file"},
+i(d,{
+disabled:f,
+required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
+})))),/*#__PURE__*/
+
+
+_react.default.createElement(_errorMsg.default,{errorMessage:h})));
+
+
+};
+
+FileInput.defaultProps={
+type:"text",
+label:null,
+id:null,
+placeholder:null,
+disabled:!1,
+description:null,
+errorMessage:"",
+register:null,
+required:!1
+};var _default=
+
+FileInput;exports.default=_default;

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

@@ -0,0 +1,31 @@
+"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("File Input",function(){
+var a=
+
+(0,_reactHookForm.useForm)(),b=a.register;
+return/*#__PURE__*/(
+_react.default.createElement(_index.default,{
+htmlElementName:"text-name-02",
+register:b,
+label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+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")}));
+
+
+}).
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Label=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_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)}}))}
+
+
+
+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  &[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},
+
+
+
+
+
+function(a){var b=a.theme;return b.disabled.background},
+function(a){var b=a.theme;return b.disabled.color},
+
+
+
+
+
+
+
+
+
+function(a){var b=a.theme;return b.borderColor.hover},
+
+
+
+function(a){var b=a.theme;return b.borderColor.focus});exports.Input=Input;
+
+
+
+var LabelContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 8px;\n"])));exports.LabelContainer=LabelContainer;
+
+
+
+
+var DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"])));exports.DescriptionContainer=DescriptionContainer;
+
+
+
+
+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;
+
+
+
+
+
+
+
+
+
+var Label=_styledComponents.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  position: relative;\n"])));exports.Label=Label;

package/form-v7/file/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",function(){
+it("render simple text input",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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/index.js

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function get(){return _captcha.default}}),Object.defineProperty(exports,"CheckboxInputGroup",{enumerable:!0,get:function get(){return _checkbox.default}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function get(){return _dropdown.default}}),Object.defineProperty(exports,"RadioInputGroup",{enumerable:!0,get:function get(){return _radio.default}}),Object.defineProperty(exports,"TextInput",{enumerable:!0,get:function get(){return _textInput.default}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function get(){return _textarea.default}}),exports.default=void 0;var _textInput=_interopRequireDefault(require("./text-input")),_dropdown=_interopRequireDefault(require("./dropdown")),_radio=_interopRequireDefault(require("./radio")),_textarea=_interopRequireDefault(require("./textarea")),_checkbox=_interopRequireDefault(require("./checkbox")),_captcha=_interopRequireDefault(require("./captcha"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function get(){return _captcha.default}}),Object.defineProperty(exports,"CheckboxInputGroup",{enumerable:!0,get:function get(){return _checkbox.default}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function get(){return _dropdown.default}}),Object.defineProperty(exports,"FileInput",{enumerable:!0,get:function get(){return _fileInput.default}}),Object.defineProperty(exports,"RadioInputGroup",{enumerable:!0,get:function get(){return _radio.default}}),Object.defineProperty(exports,"TextInput",{enumerable:!0,get:function get(){return _textInput.default}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function get(){return _textarea.default}}),exports.default=void 0;var _textInput=_interopRequireDefault(require("./text-input")),_fileInput=_interopRequireDefault(require("./file-input")),_dropdown=_interopRequireDefault(require("./dropdown")),_radio=_interopRequireDefault(require("./radio")),_textarea=_interopRequireDefault(require("./textarea")),_checkbox=_interopRequireDefault(require("./checkbox")),_captcha=_interopRequireDefault(require("./captcha"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+
+
 
 
 
@@ -18,5 +20,6 @@ Dropdown:_dropdown.default,
 RadioInputGroup:_radio.default,
 Textarea:_textarea.default,
 CheckboxInputGroup:_checkbox.default,
-Captcha:_captcha.default
+Captcha:_captcha.default,
+FileInput:_fileInput.default
 };exports.default=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.9.17",
+  "version": "5.9.19",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [