react-jupiter 5.8.12 → 5.9.13

package/form-v7/captcha/index.js

@@ -0,0 +1,94 @@
+"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")),_textInput=_interopRequireDefault(require("../text-input")),_button=_interopRequireDefault(require("../../button")),_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 _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Captcha(a){var
+
+b=
+
+
+
+
+a.src,c=a.errorMessage,d=a.inputRef,e=a.handleCaptchaError,f=a.handleRetryCaptcha,g=
+(0,_react.useState)("loading"),h=_slicedToArray(g,2),i=h[0],j=h[1];
+
+
+
+
+
+
+
+
+
+return/*#__PURE__*/(
+_react.default.createElement(_index.CaptchaBoxContainer,{"data-test":"captcha-box"},/*#__PURE__*/
+_react.default.createElement(_index.InputConiatiner,null,/*#__PURE__*/
+_react.default.createElement(_textInput.default,{
+"data-test":"captcha-input",
+htmlElementName:"captcha-input",
+label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
+errorMessage:c,
+type:"text",
+register:d})),/*#__PURE__*/
+
+
+_react.default.createElement(_index.Container,null,
+"loaded"!==i&&/*#__PURE__*/
+_react.default.createElement(_index.Loading,null),/*#__PURE__*/
+
+_react.default.createElement("img",{
+className:"".concat("loaded"===i?"":"hide"),
+width:"120px",
+height:"32px",
+src:b,
+alt:"captcha-img",
+loading:"lazy",
+onLoad:function(){j("loaded")},
+onError:function(){j("failedToLoad"),e()},
+"data-test":"captcha-img"})),
+
+
+f&&/*#__PURE__*/
+_react.default.createElement(_index.Container,null,/*#__PURE__*/
+_react.default.createElement(_button.default,{
+"data-test":"captcha-retry",
+htmlType:"button",
+icon:"restore",
+isLoading:"loading"===i,
+onClick:f,
+mainColor:"blue",
+size:"sm",
+styleType:"failedToLoad"===i?"primary":"tertiary"},"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u062C\u062F\u06CC\u062F"))));
+
+
+
+
+
+
+
+}
+
+Captcha.defaultProps={
+errorMessage:"",
+inputRef:null,
+handleCaptchaError:function handleCaptchaError(){},
+handleRetryCaptcha:null
+};var _default=
+
+Captcha;exports.default=_default;

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

@@ -0,0 +1,23 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonActions=require("@storybook/addon-actions"),_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/Captcha",module).
+add("captcha example",function(){return/*#__PURE__*/(
+_react.default.createElement(_index.default,{
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
+src:(0,_addonKnobs.text)("captcha img src","https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg"),
+handleCaptchaError:(0,_addonActions.action)("trigger what you want to do when captcha src has an err"),
+handleRetryCaptcha:(0,_addonActions.action)("trigger what you want to do when click on retry button")}))}).
+
+
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loading=exports.InputConiatiner=exports.Container=exports.CaptchaBoxContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_theme=_interopRequireDefault(require("../theme"));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 Container=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  flex-shrink: 0;\n  margin: 6px 6px 0 0;\n\n  & .hide {\n    display: none;\n  }\n"])));exports.Container=Container;
+
+
+
+
+
+
+
+
+var Loading=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  height: 32px;\n  width: 120px;\n  background: ",";\n  animation-name: sparkle;\n  animation-duration: 2s;\n  animation-iteration-count: infinite;\n\n    @keyframes sparkle {\n      0% {opacity: 0;}\n      50% {opacity: 1;}\n      70% {opacity: 1;}\n      100% {opacity: 0;}\n    }\n  }\n"])),
+
+
+_theme.default.disabled.color);exports.Loading=Loading;
+
+
+
+
+
+
+
+
+
+
+
+
+
+var CaptchaBoxContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n"])));exports.CaptchaBoxContainer=CaptchaBoxContainer;
+
+
+
+
+
+var InputConiatiner=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));exports.InputConiatiner=InputConiatiner;

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

@@ -0,0 +1,31 @@
+"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("captcha",function(){
+it("render captcha box",function(){var
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+b=(0,_test.default)(a,"captcha-box");
+
+expect(b.length).toBe(1);
+}),
+it("render captcha input",function(){var
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+b=(0,_test.default)(a,"captcha-input");
+
+expect(b.length).toBe(1);
+}),
+it("render captcha img",function(){var
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+b=(0,_test.default)(a,"captcha-img");
+
+expect(b.length).toBe(1);
+}),
+it("render retry button",function(){var
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+b=(0,_test.default)(a,"captcha-retry");
+
+expect(b.length).toBe(1);
+});
+});

package/form-v7/checkbox/checkbox-option.js

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_index=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)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+var CheckboxOption=function(a){var
+
+b=
+a.label,c=a.value,d=a.isDisabled,e=a.isChecked,f=a.groupName,g=a.register,
+h="".concat(f,"-").concat(c,"-").concat(b.split(" ").join(""));
+
+return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement("label",{htmlFor:h},/*#__PURE__*/
+_react.default.createElement(_index.Input,_extends({
+type:"checkbox",
+id:h,
+name:f,
+value:c,
+defaultChecked:e},
+g(f,{
+disabled:d
+}))),/*#__PURE__*/
+
+_react.default.createElement(_typography.Text,{size:14},
+b))));
+
+
+
+
+};
+
+CheckboxOption.defaultProps={
+isDisabled:!1,
+isChecked:!1,
+inputRef:null
+};var _default=
+
+CheckboxOption;exports.default=_default;

package/form-v7/checkbox/checkbox.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Checkbox=function(a){var
+
+b=
+a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.isDisabled,g=a.type,h=a.errorMessage,
+i=_react.default.Children.toArray(b);
+
+return/*#__PURE__*/(
+_react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),
+d&&/*#__PURE__*/
+_react.default.createElement("legend",null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{bold:!0,size:14},
+d)),/*#__PURE__*/
+
+
+
+_react.default.createElement(_index.CheckboxWrapper,{type:g},
+i.map(
+function(a){return(
+f?/*#__PURE__*/
+_react.default.cloneElement(a,{groupName:c,isDisabled:f}):/*#__PURE__*/
+
+_react.default.cloneElement(a,{groupName:c}))})),/*#__PURE__*/
+
+
+
+
+_react.default.createElement(_errorMsg.default,{errorMessage:h})));
+
+
+};
+
+Checkbox.defaultProps={
+groupName:"radio-element",
+label:"",
+handleChange:function handleChange(){},
+isDisabled:!1,
+type:"horizontal",
+errorMessage:""
+};var _default=
+Checkbox;exports.default=_default;

package/form-v7/checkbox/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _checkbox.default}}),Object.defineProperty(exports,"CheckboxOption",{enumerable:!0,get:function get(){return _checkboxOption.default}}),exports.default=void 0;var _checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+
+
+
+
+
+{
+Checkbox:_checkbox.default,
+CheckboxOption:_checkboxOption.default
+};exports.default=_default;

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

@@ -0,0 +1,56 @@
+"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"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+(0,_react2.storiesOf)("Form/Checkbox",module).
+add("Minimal Form/Checkbox",function(){return/*#__PURE__*/(
+_react.default.createElement(_checkbox.default,null,/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"first",label:"First Value"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"sec",label:"Sec Value"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"third",label:"Third Value"})))}).
+
+
+add("Full option Checkbox",function(){return/*#__PURE__*/(
+_react.default.createElement(_checkbox.default,{
+groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),
+label:(0,_addonKnobs.text)("optional label","\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F"),
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
+type:(0,_addonKnobs.select)("optional type",["horizontal","vertical"]),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")},/*#__PURE__*/
+
+_react.default.createElement(_checkboxOption.default,{value:"100",label:"\u0648\u0631\u0632\u0634\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"234",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC",isChecked:!0}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC",isChecked:!0})))}).
+
+
+add("Full option CheckboxOption",function(){return/*#__PURE__*/(
+_react.default.createElement(_checkbox.default,{
+groupName:"degree",
+label:"\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F"},/*#__PURE__*/
+
+_react.default.createElement(_checkboxOption.default,{
+label:(0,_addonKnobs.text)("label","\u0648\u0631\u0632\u0634\u06CC"),
+value:(0,_addonKnobs.text)("value","100"),
+isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1),
+isChecked:(0,_addonKnobs.boolean)("optional checked item",!1)}),/*#__PURE__*/
+
+_react.default.createElement(_checkboxOption.default,{value:"200",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})))}).
+
+
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=void 0;var _templateObject,_templateObject2,_templateObject3,_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)}}))}
+
+var Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin: 0;\n"])));exports.Fieldset=Fieldset;
+
+
+
+
+
+var CheckboxWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  ","\n"])),
+
+
+function(a){var b=a.type;return"vertical"===b?"flex-direction: column;":""});exports.CheckboxWrapper=CheckboxWrapper;
+
+
+var Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 16px;\n  height: 16px;\n\n  border: 1px solid ",";\n  background: ",";\n  cursor: ",";\n  transition: 0.2s all linear;\n  margin-right: 5px;\n\n  position: relative;\n  top: 10px;\n  \n  &:hover {\n    border-color: ",";\n  }\n\n  &:checked {\n    border-color: ",";\n    \n    &:after {\n      border-color: ",";\n    }\n  }\n\n  &:after {\n    content: '';\n    display: block;\n\n    height: 8px;\n    width: 5px;\n    position: absolute;\n    right: 5px;\n    top: 2px;\n\n    transition: 0.2s all linear;\n\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n    border-bottom: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\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"},
+function(a){var b=a.disabled;return b?"not-allowed":"pointer"},
+
+
+
+
+
+
+
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.hover},
+
+
+
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.focus},
+
+
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.focus});exports.Input=Input;

package/form-v7/dropdown/index.js

@@ -0,0 +1,10 @@
+"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=
+
+
+
+
+
+{
+Select:_select.default,
+SelectOption:_option.default
+};exports.default=_default;

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

@@ -0,0 +1,62 @@
+"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"),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+(0,_react2.storiesOf)("Form/Dropdown",module).
+add("Minimal Select",function(){return/*#__PURE__*/(
+_react.default.createElement(_select.default,null,/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"first",label:"First Value"}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})))}).
+
+
+add("Select with placeholder",function(){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")},/*#__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"})))}).
+
+
+add("Full option Select(no placeholder)",function(){return/*#__PURE__*/(
+_react.default.createElement(_select.default,{
+htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
+defaultValue:(0,_addonKnobs.text)("optional defaultValue(if its not et or set wrong get the first option)","30"),
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+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"),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")},/*#__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})))}).
+
+
+add("Full option SelectOption",function(){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},/*#__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__*/
+
+_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})))}).
+
+
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +1,55 @@
+"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)}}))}
+
+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: 15px;\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: 37px;\n    position: absolute;\n    margin-top: 2px;\n    top: 0;\n    bottom: 1px;\n    left: 1px;\n    border-right: 1px solid ",";\n    background: ",";\n    pointer-events: none;\n  }\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.color:c.borderColor.normal},
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"});exports.SelectButton=SelectButton;
+
+
+
+
+var StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_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  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},
+
+
+
+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"},
+
+
+function(a){var b=a.disabled,c=a.theme;return b?"transparent":c.borderColor.hover},
+
+
+
+function(a){var b=a.theme;return b.borderColor.focus});exports.StyledSelect=StyledSelect;

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

@@ -0,0 +1,20 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+describe("dropdown (select-option) tests",function(){
+it("render simple select tag",function(){var
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_select.default,null)),
+b=(0,_test.default)(a,"select");
+
+expect(b.length).toBe(1);
+}),
+it("render simple option tag",function(){var
+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);
+});
+});

package/form-v7/dropdown/option.js

@@ -0,0 +1,26 @@
+"use strict";var _react=_interopRequireDefault(require("react"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+var SelectOption=function(a){
+var b=a.label,c=a.value,d=a.isDisabled;
+
+return/*#__PURE__*/(
+_react.default.createElement("option",{
+disabled:d,
+value:c,
+"data-test":"select-option"},
+
+b));
+
+
+};
+
+SelectOption.defaultProps={
+isDisabled:!1
+};var _default=
+
+SelectOption;exports.default=_default;

package/form-v7/dropdown/select.js

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Select=function(a){
+
+
+
+
+
+function b(a){
+f(a.target.value);
+}var c=a.htmlElementName,d=a.defaultValue,f=a.handleChange,g=a.placeholder,h=a.isDisabled,i=a.children,j=a.label,k=a.inputRef,l=a.errorMessage,
+
+m=function(){return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index.SelectButton,{disabled:h},/*#__PURE__*/
+_react.default.createElement(_index.StyledSelect,{
+disabled:h,
+onChange:b,
+name:c,
+defaultValue:g?"":d,
+"data-test":"select",
+ref:k},
+
+g&&/*#__PURE__*/
+_react.default.createElement("option",{value:"",disabled:!0},g),
+
+i)),/*#__PURE__*/
+
+
+_react.default.createElement(_errorMsg.default,{errorMessage:l})))};return(
+
+
+
+j?/*#__PURE__*/
+
+_react.default.createElement("label",{htmlFor:c},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14,bold:!0,isDisplayBlock:!0},
+j),
+
+m()):
+
+
+
+m());
+};
+
+Select.defaultProps={
+htmlElementName:"select-element",
+defaultValue:"",
+placeholder:"",
+label:"",
+isDisabled:!1,
+handleChange:function handleChange(){},
+errorMessage:"",
+inputRef:null
+};var _default=
+
+Select;exports.default=_default;