react-jupiter 5.9.13 → 5.9.14
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/form-v7/dropdown/index.stories.js +38 -14
- package/form-v7/dropdown/select.js +9 -8
- package/index.js +3 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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}}
|
|
1
|
+
"use strict";var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_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}}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -10,44 +10,67 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
|
|
14
|
+
(0,_react2.storiesOf)("Form-v7/Dropdown",module).
|
|
15
|
+
add("Minimal Select",function(){
|
|
16
|
+
var a=
|
|
17
|
+
|
|
18
|
+
(0,_reactHookForm.useForm)(),b=a.register;
|
|
19
|
+
return/*#__PURE__*/(
|
|
20
|
+
_react.default.createElement(_select.default,{register:b},/*#__PURE__*/
|
|
16
21
|
_react.default.createElement(_option.default,{value:"first",label:"First Value"}),/*#__PURE__*/
|
|
17
|
-
_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})))
|
|
22
|
+
_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})));
|
|
23
|
+
|
|
18
24
|
|
|
25
|
+
}).
|
|
26
|
+
add("Select with placeholder",function(){
|
|
27
|
+
var a=
|
|
19
28
|
|
|
20
|
-
|
|
29
|
+
(0,_reactHookForm.useForm)(),b=a.register;
|
|
30
|
+
return/*#__PURE__*/(
|
|
21
31
|
_react.default.createElement(_select.default,{
|
|
22
32
|
htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
|
|
23
33
|
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__"),
|
|
24
|
-
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function")
|
|
34
|
+
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
35
|
+
register:b},/*#__PURE__*/
|
|
25
36
|
|
|
26
37
|
_react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
|
|
27
38
|
_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
|
|
28
|
-
_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})))
|
|
39
|
+
_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})));
|
|
40
|
+
|
|
29
41
|
|
|
42
|
+
}).
|
|
43
|
+
add("Full option Select(no placeholder)",function(){
|
|
44
|
+
var a=
|
|
30
45
|
|
|
31
|
-
|
|
46
|
+
(0,_reactHookForm.useForm)(),b=a.register;
|
|
47
|
+
return/*#__PURE__*/(
|
|
32
48
|
_react.default.createElement(_select.default,{
|
|
33
49
|
htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
|
|
34
50
|
defaultValue:(0,_addonKnobs.text)("optional defaultValue(if its not et or set wrong get the first option)","30"),
|
|
35
51
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
36
52
|
isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
37
53
|
label:(0,_addonKnobs.text)("optional label","\u0645\u062D\u0644 \u0628\u0631\u06AF\u0632\u0627\u0631\u06CC \u0631\u0648\u06CC\u062F\u0627\u062F"),
|
|
38
|
-
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")
|
|
54
|
+
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
55
|
+
register:b},/*#__PURE__*/
|
|
39
56
|
|
|
40
57
|
_react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
|
|
41
58
|
_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
|
|
42
|
-
_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645",isDisabled:!0})))
|
|
59
|
+
_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645",isDisabled:!0})));
|
|
60
|
+
|
|
43
61
|
|
|
62
|
+
}).
|
|
63
|
+
add("Full option SelectOption",function(){
|
|
64
|
+
var a=
|
|
44
65
|
|
|
45
|
-
|
|
66
|
+
(0,_reactHookForm.useForm)(),b=a.register;
|
|
67
|
+
return/*#__PURE__*/(
|
|
46
68
|
_react.default.createElement(_select.default,{
|
|
47
69
|
htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
|
|
48
70
|
defaultValue:"30",
|
|
49
71
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
50
|
-
isDisabled:!1
|
|
72
|
+
isDisabled:!1,
|
|
73
|
+
register:b},/*#__PURE__*/
|
|
51
74
|
|
|
52
75
|
_react.default.createElement(_option.default,{
|
|
53
76
|
value:(0,_addonKnobs.text)("value","20"),
|
|
@@ -55,8 +78,9 @@ label:(0,_addonKnobs.text)("label","\u06A9\u0631\u062C"),
|
|
|
55
78
|
isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1)}),/*#__PURE__*/
|
|
56
79
|
|
|
57
80
|
_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
|
|
58
|
-
_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})))
|
|
81
|
+
_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})));
|
|
59
82
|
|
|
60
83
|
|
|
84
|
+
}).
|
|
61
85
|
addDecorator(_addonInfo.withInfo).
|
|
62
86
|
addDecorator(_addonKnobs.withKnobs);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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}}
|
|
1
|
+
"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}}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)}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -24,18 +24,19 @@ var Select=function(a){
|
|
|
24
24
|
|
|
25
25
|
function b(a){
|
|
26
26
|
f(a.target.value);
|
|
27
|
-
}var c=a.htmlElementName,d=a.defaultValue,f=a.handleChange,g=a.placeholder,h=a.isDisabled,i=a.children,j=a.label,k=a.
|
|
27
|
+
}var c=a.htmlElementName,d=a.defaultValue,f=a.handleChange,g=a.placeholder,h=a.isDisabled,i=a.children,j=a.label,k=a.register,l=a.errorMessage,
|
|
28
28
|
|
|
29
29
|
m=function(){return/*#__PURE__*/(
|
|
30
30
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
31
31
|
_react.default.createElement(_index.SelectButton,{disabled:h},/*#__PURE__*/
|
|
32
|
-
_react.default.createElement(_index.StyledSelect,{
|
|
33
|
-
disabled:h,
|
|
34
|
-
onChange:b,
|
|
32
|
+
_react.default.createElement(_index.StyledSelect,_extends({
|
|
35
33
|
name:c,
|
|
36
34
|
defaultValue:g?"":d,
|
|
37
|
-
"data-test":"select",
|
|
38
|
-
|
|
35
|
+
"data-test":"select"},
|
|
36
|
+
k(c,{
|
|
37
|
+
onChange:b,
|
|
38
|
+
disabled:h
|
|
39
|
+
})),
|
|
39
40
|
|
|
40
41
|
g&&/*#__PURE__*/
|
|
41
42
|
_react.default.createElement("option",{value:"",disabled:!0},g),
|
|
@@ -68,7 +69,7 @@ label:"",
|
|
|
68
69
|
isDisabled:!1,
|
|
69
70
|
handleChange:function handleChange(){},
|
|
70
71
|
errorMessage:"",
|
|
71
|
-
|
|
72
|
+
register:null
|
|
72
73
|
};var _default=
|
|
73
74
|
|
|
74
75
|
Select;exports.default=_default;
|
package/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"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}}
|
|
1
|
+
"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}}
|
|
2
|
+
|
|
2
3
|
|
|
3
4
|
|
|
4
5
|
|
|
@@ -44,6 +45,7 @@ var colors=_themes.default.colors;exports.jupiterColors=colors;var _default=
|
|
|
44
45
|
|
|
45
46
|
|
|
46
47
|
|
|
48
|
+
|
|
47
49
|
|
|
48
50
|
|
|
49
51
|
{
|