react-jupiter 6.1.15 → 6.1.17

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

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactHookForm=require("react-hook-form"),_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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
 
 
 

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

@@ -42,15 +42,24 @@ defaultValue:!0
 }
 };const
 
-Template=(a)=>{
-const{register:b,control:c}=(0,_reactHookForm.useForm)();
+Template=(a)=>{const
+{register:b,control:c,handleSubmit:d}=(0,_reactHookForm.useForm)();
+
+
+
+
+
+
 return(/*#__PURE__*/
+_react.default.createElement("form",{onSubmit:d((a)=>{console.log("submit"),console.log(a)})},/*#__PURE__*/
 _react.default.createElement(_checkbox.default,_extends({},a,{register:b,control:c}),/*#__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"}),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
+),/*#__PURE__*/
+_react.default.createElement("button",{type:"submit",style:{marginTop:"10px",width:"100%",backgroundColor:"blue",color:"white",padding:"10px",borderRadius:"5px"}},"Submit")
 ))
 
 },
@@ -95,7 +104,7 @@ CheckboxOptionTemplate=(a)=>{
 const{register:b}=(0,_reactHookForm.useForm)();
 return(/*#__PURE__*/
 _react.default.createElement(_checkbox.default,{groupName:"degree",required:!0,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",register:b},/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,_extends({},a,{register:b})),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,a),/*#__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__*/

package/form-v7/label/index.js

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_numbers=require("../../utils/numbers"),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_numbers=require("../../utils/numbers");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
 
@@ -9,11 +8,11 @@ function Label(a)
 return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,
 b&&/*#__PURE__*/
-_react.default.createElement(_index.default,{htmlFor:e},/*#__PURE__*/
+_react.default.createElement("label",{htmlFor:e,className:"relative block mb-1.5"},/*#__PURE__*/
 _react.default.createElement(_typography.Text,{bold:!0,size:14},
 !!c&&"".concat((0,_numbers.toPersianNumber)(c),"- "),
 b,
-!!d&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")
+!!d&&/*#__PURE__*/_react.default.createElement("span",{className:"text-red-600 mr-1.5"},"*")
 )
 )
 

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

@@ -1,11 +1,11 @@
 "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 Label=_styledComponents.default.label(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    position: relative;\n    display: block;\n    margin-bottom: 5px;\n    & span.required {\n        color: ",";\n        margin-right: 5px;\n    }\n"])),
+const Label=_styledComponents.default.label(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    position: relative;\n    display: block;\n    margin-bottom: 5px;\n    & span.required {\n        color: #dc2626; /* red-600 */\n        margin-right: 5px;\n    }\n"])));var _default=exports.default=
+
 
 
 
 
-(a)=>{let{theme:b}=a;return b.colors.red});var _default=exports.default=
 
 
 

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

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactHookForm=require("react-hook-form"),_styledComponents=require("styled-components"),_typography=require("../../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme"));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)}
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_typography=require("../../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme"));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)}
 
 
 

package/form-v7/radio/radio.js

@@ -1,6 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_index2=require("../index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
+"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")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_index2=require("../index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
 

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

@@ -1,10 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_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=require("./index.style"),_index2=require("../index.style"),_numbers=require("../../utils/numbers");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(const c in a)"default"!=c&&{}.hasOwnProperty.call(a,c)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,c))&&(g.get||g.set)?e(h,c,g):h[c]=a[c]);return h})(a,b)}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)}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}
-
-
-
-
-
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_icon=_interopRequireDefault(require("../../icon")),_typography=require("../../typography"),_numbers=require("../../utils/numbers");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(const c in a)"default"!=c&&{}.hasOwnProperty.call(a,c)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,c))&&(g.get||g.set)?e(h,c,g):h[c]=a[c]);return h})(a,b)}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}
 
 
 
@@ -51,9 +45,9 @@ control:c
 {showPassword:o}=this.state;
 
 return(/*#__PURE__*/
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement("fieldset",{className:"w-full"},/*#__PURE__*/
 _react.default.createElement(_label.default,{
 htmlFor:f||"".concat(d,"-").concat(a.split(" ").join("")),
 label:e,
@@ -61,7 +55,12 @@ number:k,
 required:j}
 ),
 i&&/*#__PURE__*/
-_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"text-input-description"},
+_react.default.createElement(_typography.Text,{
+size:10,
+color:"gray",
+"data-test":"text-input-description",
+className:"block mb-1"},
+
 i
 ),/*#__PURE__*/
 
@@ -69,35 +68,46 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:a,
 control:c,
 rules:{required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:(c)=>{var e;let{field:{value:j},fieldState:i}=c;return(/*#__PURE__*/
-_react.default.createElement("div",{style:{position:"relative"}},
+render:(b)=>{var c;let{field:{onChange:i,onBlur:j,value:k,ref:m},fieldState:e}=b;return(/*#__PURE__*/
+_react.default.createElement("div",{className:"relative"},
 "password"===d&&/*#__PURE__*/
-_react.default.createElement(_index.PasswordIcon,{
+_react.default.createElement(_icon.default,{
 name:o?"visibility-off":"visibility",
 color:"gray",
 onClick:this.togglePasswordVisibility,
-style:{
-cursor:"pointer",position:"absolute",top:"50%",left:"10px",transform:"translateY(-50%)"
-}}
+className:"absolute left-2.5 top-1/2 -translate-y-1/2 cursor-pointer z-10"}
 ),/*#__PURE__*/
 
-_react.default.createElement("input",_extends({
+_react.default.createElement("input",{
 id:f||"".concat(d,"-").concat(a.split(" ").join("")),
 name:a,
-className:"w-full p-2 border border-gray-200 rounded-md",
+className:"\n                    w-full px-3 py-2 text-sm font-normal font-['IranSharp']\n                    border border-gray-300 rounded-md\n                    ".concat(
+
+
+l?"text-right":"text-left","\n                    ").concat(
+h?"bg-gray-100 text-gray-500 border-transparent cursor-not-allowed":"bg-white text-gray-900 hover:border-gray-400 focus:border-blue-500 focus:ring-1 focus:ring-blue-500","\n                    focus:outline-none transition-colors duration-200\n                    ").concat(
+
+"password"===d?"pr-3 pl-10":"px-3","\n                  "),
+
 type:o?"text":d,
 placeholder:g,
-defaultValue:j,
-rtl:l},
-b(a,{
-onFocus:this.handleFocus,
+defaultValue:k,
 disabled:h,
-onChange:(a)=>(0,_numbers.fixNumbers)(a)
-}),{
-onFocus:m,
-readOnly:n})
+dir:l?"rtl":"ltr"
+// {...register(htmlElementName, {
+//   onFocus: this.handleFocus,
+//   disabled,
+//   onChange: (e) => fixNumbers(e),
+// })}
+// {...register(htmlElementName, { required: required })}
+,onChange:(a)=>{
+(0,_numbers.fixNumbers)(a),
+i(a)
+},
+onFocus:this.handleFocus,
+readOnly:n}
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:i&&(null===(e=i.error)||void 0===e?void 0:e.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:e&&(null===(c=e.error)||void 0===c?void 0:c.message)})
 ))}}
 
 )

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

@@ -52,9 +52,18 @@ defaultValue:23
 }
 };const
 
-Template=(a)=>{
-const{register:b,control:c}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+Template=(a)=>{const
+{register:b,control:c,handleSubmit:d}=(0,_reactHookForm.useForm)();
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement("form",{onSubmit:d((a)=>{console.log(a)})},/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+))
+
 },
 
 FullOptions=exports.FullOptions=Template.bind({});

package/package.json

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