react-jupiter 5.8.13 → 5.9.14

package/form-v7/textarea/index.js

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=_interopRequireDefault(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 Textarea=function(a){
+var
+b=
+
+a.htmlElementName,c=a.label,d=a.isDisabled,e=a.defaultValue,f=a.placeholder,g=a.resize,h=a.minHeight,i=a.handleChange,j=a.errorMessage,k=a.register;
+
+return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),
+c&&/*#__PURE__*/
+_react.default.createElement("label",{htmlFor:b},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{bold:!0,size:14},
+c)),/*#__PURE__*/
+
+
+
+
+_react.default.createElement(_index.default,_extends({
+name:b,
+placeholder:f,
+resize:g,
+minHeight:h},
+k(b,{
+onChange:i,
+disabled:d
+})),
+
+e),/*#__PURE__*/
+
+_react.default.createElement(_errorMsg.default,{errorMessage:j})));
+
+
+};
+
+Textarea.defaultProps={
+htmlElementName:"textarea-element",
+label:"",
+isDisabled:!1,
+defaultValue:"",
+placeholder:"",
+resize:"none",
+minHeight:120,
+handleChange:function handleChange(){},
+errorMessage:"",
+register:null
+};var _default=
+
+Textarea;exports.default=_default;

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

@@ -0,0 +1,31 @@
+"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"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+(0,_react2.storiesOf)("Form/Textarea",module).
+add("Minimal Textarea",function(){return/*#__PURE__*/(
+_react.default.createElement(_index.default,null))}).
+
+add("Full option Textarea",function(){return/*#__PURE__*/(
+_react.default.createElement(_index.default,{
+label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
+htmlElementName:(0,_addonKnobs.text)("optional html-element-name","html-element-name"),
+defaultValue:(0,_addonKnobs.text)("optional defaultValue","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0642\u0628\u0644\u06CC"),
+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:(0,_addonKnobs.boolean)("optional disabled all",!1),
+resize:(0,_addonKnobs.select)("optional resize",["none","vertical","horizontal"]),
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")}))}).
+
+
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +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)}}))}var
+
+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"])),
+
+
+
+function(a){var b=a.resize;return b},
+function(a){var b=a.minHeight;return"".concat(b,"px")},
+
+
+
+
+function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
+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,c=a.theme;return b?c.disabled.color:c.borderColor.hover},
+
+
+function(a){var b=a.theme;return b.borderColor.focus}),_default=
+
+
+
+StyledTextarea;exports.default=_default;

package/form-v7/theme.js

@@ -0,0 +1,16 @@
+"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}}var
+
+theme={
+borderRadius:_themes.default.borderRadius.low,
+borderColor:{
+normal:_themes.default.colors.gray800,
+hover:_themes.default.colors.blue400,
+focus:_themes.default.colors.blue600
+},
+disabled:{
+background:_themes.default.colors.gray200,
+color:_themes.default.colors.gray400
+}
+},_default=
+
+theme;exports.default=_default;

package/index.js

@@ -1,4 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _avatar.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _card.default}}),Object.defineProperty(exports,"Cover",{enumerable:!0,get:function get(){return _cover.default}}),Object.defineProperty(exports,"FileItem",{enumerable:!0,get:function get(){return _fileItem.default}}),Object.defineProperty(exports,"Form",{enumerable:!0,get:function get(){return _form.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _styledComponentsGrid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _icon.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _modal.default}}),Object.defineProperty(exports,"NumericSummeryReport",{enumerable:!0,get:function get(){return _numericSummeryReport.default}}),Object.defineProperty(exports,"ProductMenu",{enumerable:!0,get:function get(){return _productMenu.default}}),Object.defineProperty(exports,"ProductOwner",{enumerable:!0,get:function get(){return _productOwner.default}}),Object.defineProperty(exports,"ProductProperties",{enumerable:!0,get:function get(){return _productProperties.default}}),Object.defineProperty(exports,"Responsive",{enumerable:!0,get:function get(){return _responsive.default}}),Object.defineProperty(exports,"ShowDate",{enumerable:!0,get:function get(){return _showDate.default}}),Object.defineProperty(exports,"Spacing",{enumerable:!0,get:function get(){return _spacing.default}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function get(){return _tabs.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _table.default}}),Object.defineProperty(exports,"TitledAvatar",{enumerable:!0,get:function get(){return _titledAvatar.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _typography.default}}),exports.jupiterColors=exports.default=void 0,Object.defineProperty(exports,"utils",{enumerable:!0,get:function get(){return _utils.default}});var _styledComponentsGrid=_interopRequireDefault(require("styled-components-grid")),_spacing=_interopRequireDefault(require("./spacing")),_utils=_interopRequireDefault(require("./utils")),_typography=_interopRequireDefault(require("./typography")),_showDate=_interopRequireDefault(require("./show-date")),_avatar=_interopRequireDefault(require("./avatar")),_icon=_interopRequireDefault(require("./icon")),_button=_interopRequireDefault(require("./button")),_titledAvatar=_interopRequireDefault(require("./titled-avatar")),_numericSummeryReport=_interopRequireDefault(require("./numeric-summery-report")),_card=_interopRequireDefault(require("./card")),_productProperties=_interopRequireDefault(require("./product-properties")),_cover=_interopRequireDefault(require("./cover")),_form=_interopRequireDefault(require("./form")),_responsive=_interopRequireDefault(require("./responsive")),_productOwner=_interopRequireDefault(require("./product-owner")),_fileItem=_interopRequireDefault(require("./file-item")),_modal=_interopRequireDefault(require("./modal")),_productMenu=_interopRequireDefault(require("./product-menu")),_table=_interopRequireDefault(require("./table")),_tabs=_interopRequireDefault(require("./tabs")),_themes=_interopRequireDefault(require("./themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _avatar.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _card.default}}),Object.defineProperty(exports,"Cover",{enumerable:!0,get:function get(){return _cover.default}}),Object.defineProperty(exports,"FileItem",{enumerable:!0,get:function get(){return _fileItem.default}}),Object.defineProperty(exports,"Form",{enumerable:!0,get:function get(){return _form.default}}),Object.defineProperty(exports,"FormV7",{enumerable:!0,get:function get(){return _formV.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _styledComponentsGrid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _icon.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _modal.default}}),Object.defineProperty(exports,"NumericSummeryReport",{enumerable:!0,get:function get(){return _numericSummeryReport.default}}),Object.defineProperty(exports,"ProductMenu",{enumerable:!0,get:function get(){return _productMenu.default}}),Object.defineProperty(exports,"ProductOwner",{enumerable:!0,get:function get(){return _productOwner.default}}),Object.defineProperty(exports,"ProductProperties",{enumerable:!0,get:function get(){return _productProperties.default}}),Object.defineProperty(exports,"Responsive",{enumerable:!0,get:function get(){return _responsive.default}}),Object.defineProperty(exports,"ShowDate",{enumerable:!0,get:function get(){return _showDate.default}}),Object.defineProperty(exports,"Spacing",{enumerable:!0,get:function get(){return _spacing.default}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function get(){return _tabs.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _table.default}}),Object.defineProperty(exports,"TitledAvatar",{enumerable:!0,get:function get(){return _titledAvatar.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _typography.default}}),exports.jupiterColors=exports.default=void 0,Object.defineProperty(exports,"utils",{enumerable:!0,get:function get(){return _utils.default}});var _styledComponentsGrid=_interopRequireDefault(require("styled-components-grid")),_spacing=_interopRequireDefault(require("./spacing")),_utils=_interopRequireDefault(require("./utils")),_typography=_interopRequireDefault(require("./typography")),_showDate=_interopRequireDefault(require("./show-date")),_avatar=_interopRequireDefault(require("./avatar")),_icon=_interopRequireDefault(require("./icon")),_button=_interopRequireDefault(require("./button")),_titledAvatar=_interopRequireDefault(require("./titled-avatar")),_numericSummeryReport=_interopRequireDefault(require("./numeric-summery-report")),_card=_interopRequireDefault(require("./card")),_productProperties=_interopRequireDefault(require("./product-properties")),_cover=_interopRequireDefault(require("./cover")),_form=_interopRequireDefault(require("./form")),_formV=_interopRequireDefault(require("./form-v7")),_responsive=_interopRequireDefault(require("./responsive")),_productOwner=_interopRequireDefault(require("./product-owner")),_fileItem=_interopRequireDefault(require("./file-item")),_modal=_interopRequireDefault(require("./modal")),_productMenu=_interopRequireDefault(require("./product-menu")),_table=_interopRequireDefault(require("./table")),_tabs=_interopRequireDefault(require("./tabs")),_themes=_interopRequireDefault(require("./themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
 
 
 
@@ -44,6 +45,7 @@ var colors=_themes.default.colors;exports.jupiterColors=colors;var _default=
 
 
 
+
 
 
 {

package/package.json

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