react-jupiter 6.1.5 → 6.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.styles.js +5 -47
- package/accordion/panel.js +4 -4
- package/avatar/index.js +14 -14
- package/avatar/index.styles.js +15 -15
- package/button/index.js +35 -61
- package/button/index.styles.js +93 -96
- package/card/card-template/index.js +3 -3
- package/card/card-template/index.style.js +22 -22
- package/card/card-template/index.test.js +7 -7
- package/card/event-card/event-card-label/index.style.js +8 -8
- package/card/event-card/index.js +40 -40
- package/card/event-card/index.stories.js +41 -42
- package/card/event-card/index.style.js +111 -121
- package/card/organization-card/index.js +0 -15
- package/card/organization-card/index.style.js +6 -6
- package/card/orgnizer-card/buttons.js +0 -6
- package/card/orgnizer-card/index.js +26 -41
- package/card/orgnizer-card/index.stories.js +12 -13
- package/card/orgnizer-card/index.style.js +47 -58
- package/cover/index.js +24 -36
- package/cover/index.style.js +37 -44
- package/display/index.style.js +76 -77
- package/file-item/fileImgIcon.js +1 -5
- package/file-item/fileImgsFont.js +798 -798
- package/file-item/index.js +1 -10
- package/file-item/index.style.js +30 -31
- package/file-item/utils.js +1 -1
- package/form/captcha/index.js +2 -10
- package/form/captcha/index.stories.js +4 -5
- package/form/captcha/index.style.js +36 -38
- package/form/checkbox/checkbox-option.js +1 -9
- package/form/checkbox/checkbox.js +3 -13
- package/form/checkbox/index.stories.js +23 -24
- package/form/checkbox/index.style.js +40 -62
- package/form/dropdown/index.stories.js +16 -17
- package/form/dropdown/index.style.js +55 -57
- package/form/dropdown/option.js +0 -5
- package/form/dropdown/select.js +0 -11
- package/form/radio/index.stories.js +19 -20
- package/form/radio/index.style.js +52 -61
- package/form/radio/radio-option.js +1 -9
- package/form/radio/radio.js +3 -14
- package/form/text-input/index.js +3 -15
- package/form/text-input/index.stories.js +12 -13
- package/form/text-input/index.style.js +55 -57
- package/form/textarea/index.js +0 -13
- package/form/textarea/index.stories.js +16 -17
- package/form/textarea/index.style.js +23 -23
- package/form-v7/captcha/index.js +5 -16
- package/form-v7/captcha/index.stories.js +4 -5
- package/form-v7/captcha/index.style.js +36 -38
- package/form-v7/checkbox/checkbox-option.js +3 -12
- package/form-v7/checkbox/checkbox.js +5 -17
- package/form-v7/checkbox/index.stories.js +13 -13
- package/form-v7/checkbox/index.style.js +40 -62
- package/form-v7/dropdown/index.stories.js +13 -13
- package/form-v7/dropdown/index.style.js +55 -57
- package/form-v7/dropdown/option.js +0 -5
- package/form-v7/dropdown/select.js +4 -18
- package/form-v7/file-input/index.js +4 -17
- package/form-v7/file-input/index.stories.js +8 -9
- package/form-v7/file-input/index.style.js +54 -62
- package/form-v7/index.style.js +2 -10
- package/form-v7/label/index.js +1 -8
- package/form-v7/label/index.style.js +11 -11
- package/form-v7/radio/index.stories.js +13 -13
- package/form-v7/radio/index.style.js +52 -61
- package/form-v7/radio/radio-option.js +1 -10
- package/form-v7/radio/radio.js +5 -19
- package/form-v7/text-input/index.js +6 -29
- package/form-v7/text-input/index.stories.js +16 -17
- package/form-v7/text-input/index.style.js +41 -49
- package/form-v7/textarea/index.js +2 -17
- package/form-v7/textarea/index.stories.js +16 -17
- package/form-v7/textarea/index.style.js +23 -23
- package/globalStyle.js +26 -26
- package/grid/index.js +21 -21
- package/icon/assets/styles.css +4 -4
- package/icon/index.js +10 -19
- package/modal/index.js +12 -25
- package/modal/index.style.js +15 -15
- package/numeric-summery-report/index.js +0 -7
- package/numeric-summery-report/index.style.js +11 -16
- package/package.json +1 -1
- package/product-menu/index.style.js +37 -38
- package/product-menu/menu-item.js +0 -5
- package/product-menu/menu.js +1 -7
- package/product-owner/index.js +0 -14
- package/product-owner/index.style.js +6 -12
- package/product-properties/index.js +15 -32
- package/product-properties/index.style.js +11 -14
- package/product-properties/product-property/index.js +4 -12
- package/product-properties/product-property/index.style.js +6 -6
- package/progress-bar/index.styles.js +63 -65
- package/spacing/core.js +39 -39
- package/spacing/margin/index.js +11 -11
- package/spacing/padding/index.js +11 -11
- package/table/actionCell.js +0 -7
- package/table/index.js +0 -15
- package/table/index.style.js +102 -103
- package/table/tableHeaderRow.js +0 -10
- package/table/tableRow.js +3 -21
- package/tabs/index.style.js +32 -35
- package/tabs/tabPanel.js +1 -7
- package/tabs/tabs.js +3 -9
- package/tabs/theme.js +1 -1
- package/titled-avatar/index.js +0 -10
- package/titled-avatar/index.style.js +25 -30
- package/typography/heading/index.js +3 -3
- package/typography/heading/index.styles.js +67 -69
- package/typography/heading/index.test.js +12 -12
- package/typography/link/index.js +12 -12
- package/typography/link/index.styles.js +5 -5
- package/typography/paragraph/index.js +3 -3
- package/typography/paragraph/index.stories.js +12 -13
- package/typography/paragraph/index.styles.js +10 -10
- package/typography/paragraph/index.test.js +2 -2
- package/typography/text/index.js +32 -32
- package/typography/text/index.styles.js +70 -71
- package/typography/text/index.test.js +1 -1
- package/typography/utils.js +18 -18
- package/utils/media-query.js +5 -5
- package/utils/test.js +1 -1
|
@@ -1,38 +1,36 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loading=exports.InputConiatiner=exports.Container=exports.CaptchaBoxContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Container=exports.Container=_styledComponents.default.div
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
Loading=exports.Loading=_styledComponents.default.div
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
InputConiatiner=exports.InputConiatiner=_styledComponents.default.div
|
|
37
|
-
flex-grow: 1;
|
|
38
|
-
`;
|
|
1
|
+
"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)}}))}const
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
Container=exports.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"]))),
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
Loading=exports.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"])),
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
_theme.default.disabled.color),
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n"]))),
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
InputConiatiner=exports.InputConiatiner=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n flex-grow: 1;\n"])));
|
|
@@ -6,18 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const CheckboxOption=(a)=>
|
|
18
|
-
|
|
19
|
-
{let{label:b,value:c,isDisabled:g=!1,isChecked:h=!1,groupName:d,register:e,handleOnchange:f}=a;
|
|
20
|
-
const i=`${d}-${c}`;
|
|
9
|
+
const CheckboxOption=(a)=>{const
|
|
10
|
+
{label:b,value:c,isDisabled:g=!1,isChecked:h=!1,groupName:d,register:e,handleOnchange:f}=a,
|
|
11
|
+
i="".concat(d,"-").concat(c);
|
|
21
12
|
|
|
22
13
|
return(/*#__PURE__*/
|
|
23
14
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
@@ -7,18 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
10
|
|
|
23
11
|
|
|
24
12
|
|
|
@@ -45,20 +33,20 @@ _react.default.createElement(_reactHookForm.Controller,{
|
|
|
45
33
|
name:f,
|
|
46
34
|
control:d,
|
|
47
35
|
rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
|
|
48
|
-
render:(a)=>{let{fieldState:
|
|
36
|
+
render:(a)=>{var c;let{fieldState:d}=a;return(/*#__PURE__*/
|
|
49
37
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
50
38
|
_react.default.createElement(_index.CheckboxWrapper,{type:j},
|
|
51
39
|
l.map(
|
|
52
40
|
(a)=>
|
|
53
|
-
i?
|
|
54
|
-
_react.default.cloneElement(a,{groupName:f,isDisabled:i,register:b})
|
|
41
|
+
i?
|
|
42
|
+
_react.default.cloneElement(a,{groupName:f,isDisabled:i,register:b}):
|
|
55
43
|
|
|
56
|
-
_react.default.cloneElement(a,{groupName:f,register:b})
|
|
44
|
+
_react.default.cloneElement(a,{groupName:f,register:b})
|
|
57
45
|
|
|
58
46
|
|
|
59
47
|
)
|
|
60
48
|
),/*#__PURE__*/
|
|
61
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:
|
|
49
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(c=d.error)||void 0===c?void 0:c.message)})
|
|
62
50
|
))}}
|
|
63
51
|
|
|
64
52
|
)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.VerticalLayout=exports.Minimal=exports.FullOptions=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));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)}var _default=exports.default=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.VerticalLayout=exports.Minimal=exports.FullOptions=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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)}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)}var _default=exports.default=
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -74,22 +74,22 @@ required:!0
|
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
const VerticalLayout=exports.VerticalLayout=Template.bind({});
|
|
77
|
-
VerticalLayout.args={
|
|
78
|
-
|
|
79
|
-
type:"vertical"
|
|
80
|
-
|
|
77
|
+
VerticalLayout.args=_objectSpread(_objectSpread({},
|
|
78
|
+
FullOptions.args),{},{
|
|
79
|
+
type:"vertical"});
|
|
80
|
+
|
|
81
81
|
|
|
82
82
|
const Disabled=exports.Disabled=Template.bind({});
|
|
83
|
-
Disabled.args={
|
|
84
|
-
|
|
85
|
-
isDisabled:!0
|
|
86
|
-
|
|
83
|
+
Disabled.args=_objectSpread(_objectSpread({},
|
|
84
|
+
FullOptions.args),{},{
|
|
85
|
+
isDisabled:!0});
|
|
86
|
+
|
|
87
87
|
|
|
88
88
|
const WithError=exports.WithError=Template.bind({});
|
|
89
|
-
WithError.args={
|
|
90
|
-
|
|
91
|
-
errorMessage:"\u0644\u0637\u0641\u0627 \u062D\u062F\u0627\u0642\u0644 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
|
|
92
|
-
|
|
89
|
+
WithError.args=_objectSpread(_objectSpread({},
|
|
90
|
+
FullOptions.args),{},{
|
|
91
|
+
errorMessage:"\u0644\u0637\u0641\u0627 \u062D\u062F\u0627\u0642\u0644 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"});const
|
|
92
|
+
|
|
93
93
|
|
|
94
94
|
CheckboxOptionTemplate=(a)=>{
|
|
95
95
|
const{register:b}=(0,_reactHookForm.useForm)();
|
|
@@ -1,62 +1,40 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Fieldset=exports.Fieldset=_styledComponents.default.fieldset
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
CheckboxWrapper=exports.CheckboxWrapper=_styledComponents.default.div
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
Input=exports.Input=_styledComponents.default.input
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&:after {
|
|
45
|
-
content: '';
|
|
46
|
-
display: block;
|
|
47
|
-
|
|
48
|
-
height: 8px;
|
|
49
|
-
width: 5px;
|
|
50
|
-
position: absolute;
|
|
51
|
-
right: 5px;
|
|
52
|
-
top: 2px;
|
|
53
|
-
|
|
54
|
-
transition: 0.2s all linear;
|
|
55
|
-
|
|
56
|
-
-webkit-transform: rotate(45deg);
|
|
57
|
-
-ms-transform: rotate(45deg);
|
|
58
|
-
transform: rotate(45deg);
|
|
59
|
-
border-bottom: 2px solid transparent;
|
|
60
|
-
border-right: 2px solid transparent;
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
1
|
+
"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)}}))}const
|
|
2
|
+
|
|
3
|
+
Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: none;\n padding: 0;\n margin: 0;\n"]))),
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
CheckboxWrapper=exports.CheckboxWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n ","\n"])),
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}),
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
Input=exports.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"])),
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
|
|
24
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
|
|
25
|
+
(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithPlaceholderAndOptions=exports.WithPlaceholder=exports.WithError=exports.Minimal=exports.FullOptions=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));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)}var _default=exports.default=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithPlaceholderAndOptions=exports.WithPlaceholder=exports.WithError=exports.Minimal=exports.FullOptions=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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)}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)}var _default=exports.default=
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -86,22 +86,22 @@ required:!0
|
|
|
86
86
|
};
|
|
87
87
|
|
|
88
88
|
const WithPlaceholderAndOptions=exports.WithPlaceholderAndOptions=Template.bind({});
|
|
89
|
-
WithPlaceholderAndOptions.args={
|
|
90
|
-
|
|
91
|
-
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__"
|
|
92
|
-
|
|
89
|
+
WithPlaceholderAndOptions.args=_objectSpread(_objectSpread({},
|
|
90
|
+
FullOptions.args),{},{
|
|
91
|
+
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__"});
|
|
92
|
+
|
|
93
93
|
|
|
94
94
|
const Disabled=exports.Disabled=Template.bind({});
|
|
95
|
-
Disabled.args={
|
|
96
|
-
|
|
97
|
-
isDisabled:!0
|
|
98
|
-
|
|
95
|
+
Disabled.args=_objectSpread(_objectSpread({},
|
|
96
|
+
FullOptions.args),{},{
|
|
97
|
+
isDisabled:!0});
|
|
98
|
+
|
|
99
99
|
|
|
100
100
|
const WithError=exports.WithError=Template.bind({});
|
|
101
|
-
WithError.args={
|
|
102
|
-
|
|
103
|
-
errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
|
|
104
|
-
|
|
101
|
+
WithError.args=_objectSpread(_objectSpread({},
|
|
102
|
+
FullOptions.args),{},{
|
|
103
|
+
errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"});const
|
|
104
|
+
|
|
105
105
|
|
|
106
106
|
SelectOptionTemplate=(a)=>{
|
|
107
107
|
const{register:b,control:c}=(0,_reactHookForm.useForm)();
|
|
@@ -1,57 +1,55 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
SelectButton=exports.SelectButton=_styledComponents.default.div
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
StyledSelect=exports.StyledSelect=_styledComponents.default.select
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
`;
|
|
1
|
+
"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)}}))}const
|
|
2
|
+
|
|
3
|
+
SelectButton=exports.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: 13px;\n top: 9px;\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: 33px;\n position: absolute;\n margin-top: 2px;\n top: 0;\n bottom: 1px;\n left: 5px;\n border-right: 1px solid ",";\n background: ",";\n pointer-events: none;\n }\n"])),
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
|
|
31
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}),
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
StyledSelect=exports.StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n font-weight: normal;\n font-size: 12px;\n border-radius: ",";\n border: solid 1px ",";\n padding: 4px;\n box-sizing: border-box;\n width: ",";\n background: ",";\n ","\n ","\n cursor: ",";\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n border-color: ",";\n }\n"])),
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
|
|
41
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.normal},
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
(a)=>{let{width:b}=a;return b},
|
|
45
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
|
|
46
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?"color: ".concat(c.disabled.color,";"):""},
|
|
47
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?"color: ".concat(c.disabled.color,";"):""},
|
|
48
|
+
(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.hover},
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
(a)=>{let{theme:b}=a;return b.borderColor.focus});
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
"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}}
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
3
|
const SelectOption=(a)=>{let{label:b,value:c,isDisabled:d=!1}=a;return(/*#__PURE__*/
|
|
9
4
|
_react.default.createElement("option",{
|
|
10
5
|
disabled:d,
|
|
@@ -5,20 +5,6 @@
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
8
|
|
|
23
9
|
|
|
24
10
|
|
|
@@ -42,17 +28,17 @@ _react.default.createElement(_reactHookForm.Controller,{
|
|
|
42
28
|
name:d,
|
|
43
29
|
control:b,
|
|
44
30
|
rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
|
|
45
|
-
render:(a)=>{let{field:
|
|
31
|
+
render:(a)=>{var b;let{field:d,fieldState:g}=a;return(/*#__PURE__*/
|
|
46
32
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
47
33
|
_react.default.createElement(_index.StyledSelect,_extends({},
|
|
48
|
-
|
|
34
|
+
d,{
|
|
49
35
|
defaultValue:e,
|
|
50
36
|
onChange:(a)=>{
|
|
51
37
|
|
|
52
38
|
|
|
53
39
|
|
|
54
40
|
// Update RHF's state
|
|
55
|
-
i&&i(a.target.value),
|
|
41
|
+
i&&i(a.target.value),d.onChange(a)
|
|
56
42
|
},
|
|
57
43
|
width:h}),
|
|
58
44
|
|
|
@@ -61,7 +47,7 @@ _react.default.createElement("option",{value:""},f),
|
|
|
61
47
|
|
|
62
48
|
c
|
|
63
49
|
),/*#__PURE__*/
|
|
64
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:
|
|
50
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(b=g.error)||void 0===b?void 0:b.message)})
|
|
65
51
|
))}}
|
|
66
52
|
|
|
67
53
|
)
|
|
@@ -6,19 +6,6 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
9
|
|
|
23
10
|
|
|
24
11
|
|
|
@@ -41,7 +28,7 @@ control:d
|
|
|
41
28
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
42
29
|
_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
|
|
43
30
|
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
44
|
-
_react.default.createElement(_label.default,{htmlFor:g
|
|
31
|
+
_react.default.createElement(_label.default,{htmlFor:g||"".concat(e,"-").concat(b.split(" ").join("")),label:f,number:k,required:j}),
|
|
45
32
|
i&&/*#__PURE__*/
|
|
46
33
|
_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"file-input-description"},
|
|
47
34
|
i
|
|
@@ -52,10 +39,10 @@ _react.default.createElement(_reactHookForm.Controller,{
|
|
|
52
39
|
name:b,
|
|
53
40
|
control:d,
|
|
54
41
|
rules:{required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"}// Add required rule
|
|
55
|
-
,render:(a)=>{let{fieldState:
|
|
42
|
+
,render:(a)=>{var d;let{fieldState:f}=a;return(/*#__PURE__*/
|
|
56
43
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
57
44
|
_react.default.createElement(_index.Input,_extends({
|
|
58
|
-
id:g
|
|
45
|
+
id:g||"".concat(e,"-").concat(b.split(" ").join("")),
|
|
59
46
|
name:b,
|
|
60
47
|
type:"file"},
|
|
61
48
|
c(b,{
|
|
@@ -63,7 +50,7 @@ disabled:h,
|
|
|
63
50
|
required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
|
|
64
51
|
}))
|
|
65
52
|
),/*#__PURE__*/
|
|
66
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:
|
|
53
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:f&&(null===(d=f.error)||void 0===d?void 0:d.message)})
|
|
67
54
|
))}}
|
|
68
55
|
|
|
69
56
|
)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Disabled=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));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)}var _default=exports.default=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Disabled=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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)}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)}var _default=exports.default=
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -61,13 +61,12 @@ required:!0
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
const Disabled=exports.Disabled=Template.bind({});
|
|
64
|
-
Disabled.args={
|
|
65
|
-
|
|
66
|
-
disabled:!0
|
|
67
|
-
|
|
64
|
+
Disabled.args=_objectSpread(_objectSpread({},
|
|
65
|
+
Default.args),{},{
|
|
66
|
+
disabled:!0});
|
|
67
|
+
|
|
68
68
|
|
|
69
69
|
const WithError=exports.WithError=Template.bind({});
|
|
70
|
-
WithError.args={
|
|
71
|
-
|
|
72
|
-
errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u0641\u0627\u06CC\u0644 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
|
|
73
|
-
};
|
|
70
|
+
WithError.args=_objectSpread(_objectSpread({},
|
|
71
|
+
Default.args),{},{
|
|
72
|
+
errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u0641\u0627\u06CC\u0644 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"});
|