@salutejs/plasma-new-hope 0.126.1-dev.0 → 0.126.3-canary.1349.10461451831.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/Pagination/Pagination.css +13 -13
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +13 -13
- package/cjs/components/Select/Select.js +15 -7
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +25 -16
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1e7cbbz.css → Select.styles_hzoeqc.css} +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +13 -13
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
- package/cjs/components/Select/ui/Target/Target.js +4 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getView.js +27 -0
- package/cjs/components/Select/utils/getView.js.map +1 -0
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/Double/Double.css +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/{es/components/TextField/variations/_label-placement/base_olr92m.css → cjs/components/TextField/variations/_label-placement/base_170eaex.css} +1 -1
- package/cjs/index.css +14 -14
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/cjs/components/Select/Select.js +15 -7
- package/emotion/cjs/components/Select/Select.styles.js +16 -13
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
- package/emotion/cjs/components/Select/ui/Target/Target.js +4 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/cjs/components/Select/utils/getView.js +26 -0
- package/emotion/cjs/components/Select/utils/index.js +8 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Select/Select.js +16 -8
- package/emotion/es/components/Select/Select.styles.js +16 -13
- package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
- package/emotion/es/components/Select/ui/Target/Target.js +4 -2
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/emotion/es/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/es/components/Select/utils/getView.js +20 -0
- package/emotion/es/components/Select/utils/index.js +2 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/Pagination/Pagination.css +13 -13
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +13 -13
- package/es/components/Select/Select.js +15 -7
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +25 -16
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1e7cbbz.css → Select.styles_hzoeqc.css} +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +2 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +13 -13
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
- package/es/components/Select/ui/Target/Target.js +4 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +5 -5
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getView.js +23 -0
- package/es/components/Select/utils/getView.js.map +1 -0
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/es/components/Select/utils/updateAncestors.js.map +1 -1
- package/es/components/Select/utils/updateDescendants.js.map +1 -1
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/Double/Double.css +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/{cjs/components/TextField/variations/_label-placement/base_olr92m.css → es/components/TextField/variations/_label-placement/base_170eaex.css} +1 -1
- package/es/index.css +14 -14
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +15 -7
- package/styled-components/cjs/components/Select/Select.styles.js +12 -9
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
- package/styled-components/cjs/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +8 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Select/Select.js +16 -8
- package/styled-components/es/components/Select/Select.styles.js +12 -9
- package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
- package/styled-components/es/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/styled-components/es/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +2 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +123 -27
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +3 -3
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +3 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +140 -11
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +18 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +4 -3
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/utils/getView.d.ts +3 -0
- package/types/components/Select/utils/getView.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +1 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/Select/utils/updateAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
- package/types/components/Select/utils/updateDescendants.d.ts +2 -2
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
- package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _TextField = /*#__PURE__*/require("../../TextField.tokens");
|
9
9
|
var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{display:block;margin-bottom:var(", ");color:var(", ");}}&.", "{&:not(.", "){", "{padding:var(", ");}", ",", "{padding:var(", ");}}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}&:not(.", "){", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(var(", ") /
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{display:block;margin-bottom:var(", ");color:var(", ");}}&.", "{&:not(.", "){", "{padding:var(", ");}", ",", "{padding:var(", ");}}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}&:not(.", "){", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelOffset, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField.classes.hideLabel, _TextField2.Input, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField2.Label, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField.classes.hideLabel, _TextField2.Input, _TextField2.Input, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight);
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -61,7 +61,7 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
61
61
|
isOpen = _useState4[0],
|
62
62
|
setIsOpen = _useState4[1];
|
63
63
|
var listId = safeUseId();
|
64
|
-
var value = outerValue
|
64
|
+
var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
|
65
65
|
var helperTextId = safeUseId();
|
66
66
|
var targetRef = useOutsideClick(function () {
|
67
67
|
setIsOpen(false);
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
1
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
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."); }
|
@@ -12,7 +12,7 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
|
|
12
12
|
import { isEmpty, getPlacements } from '../../utils';
|
13
13
|
import { useOutsideClick } from '../../hooks';
|
14
14
|
import { useKeyNavigation } from './hooks/useKeyboardNavigation';
|
15
|
-
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors } from './utils';
|
15
|
+
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';
|
16
16
|
import { Inner, Target } from './ui';
|
17
17
|
import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
|
18
18
|
import { usePathMaps } from './hooks/usePathMaps';
|
@@ -53,6 +53,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
53
53
|
portal = props.portal,
|
54
54
|
renderValue = props.renderValue,
|
55
55
|
renderItem = props.renderItem,
|
56
|
+
status = props.status,
|
57
|
+
onItemSelect = props.onItemSelect,
|
58
|
+
separator = props.separator,
|
56
59
|
rest = _objectWithoutProperties(props, _excluded);
|
57
60
|
var _useState = useState(outerValue || props.multiselect ? [] : ''),
|
58
61
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -66,7 +69,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
66
69
|
setInternalValue(e);
|
67
70
|
};
|
68
71
|
var transformedItems = useMemo(function () {
|
69
|
-
return initialItemsTransform(items);
|
72
|
+
return initialItemsTransform(items || []);
|
70
73
|
}, [items]);
|
71
74
|
var _usePathMaps = usePathMaps(transformedItems),
|
72
75
|
_usePathMaps2 = _slicedToArray(_usePathMaps, 4),
|
@@ -158,6 +161,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
158
161
|
if (onChange) {
|
159
162
|
onChange(isCurrentChecked ? '' : item.value);
|
160
163
|
}
|
164
|
+
if (onItemSelect) {
|
165
|
+
onItemSelect(item, e);
|
166
|
+
}
|
161
167
|
}
|
162
168
|
};
|
163
169
|
var handleChipClick = function handleChipClick(currentValue) {
|
@@ -202,7 +208,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
202
208
|
checkedCopy.forEach(function (_, key) {
|
203
209
|
checkedCopy.set(key, false);
|
204
210
|
});
|
205
|
-
if (!isEmpty(value)) {
|
211
|
+
if (!isEmpty(value) || typeof value === 'number') {
|
206
212
|
if (Array.isArray(value)) {
|
207
213
|
value.forEach(function (val) {
|
208
214
|
checkedCopy.set(val, true);
|
@@ -219,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
219
225
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
220
226
|
ref: ref,
|
221
227
|
size: size,
|
222
|
-
view: view,
|
228
|
+
view: status ? getView(status) : view,
|
223
229
|
chipView: chipView
|
224
230
|
}, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/React.createElement(OuterLabel, null, label), /*#__PURE__*/React.createElement(Context.Provider, {
|
225
231
|
value: {
|
@@ -230,7 +236,8 @@ export var selectRoot = function selectRoot(Root) {
|
|
230
236
|
handleCheckboxChange: handleCheckboxChange,
|
231
237
|
handleItemClick: handleItemClick,
|
232
238
|
variant: variant,
|
233
|
-
renderItem: renderItem
|
239
|
+
renderItem: renderItem,
|
240
|
+
valueToItemMap: valueToItemMap
|
234
241
|
}
|
235
242
|
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
236
243
|
ref: targetRef,
|
@@ -259,8 +266,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
259
266
|
renderValue: renderValue
|
260
267
|
}),
|
261
268
|
preventOverflow: false,
|
262
|
-
closeOnOverlayClick: true
|
263
|
-
|
269
|
+
closeOnOverlayClick: true,
|
270
|
+
listWidth: listWidth
|
271
|
+
}, items && /*#__PURE__*/React.createElement(Root, _extends({
|
264
272
|
size: size
|
265
273
|
}, rest), /*#__PURE__*/React.createElement(Ul, {
|
266
274
|
role: "tree",
|
@@ -7,20 +7,23 @@ import { tokens, constants } from './Select.tokens';
|
|
7
7
|
var Popover = /*#__PURE__*/component(popoverConfig);
|
8
8
|
export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
9
9
|
componentId: "plasma-new-hope__sc-le54jv-0"
|
10
|
-
})([".", "
|
10
|
+
})([".", "{width:", ";}.", "{width:100%;}"], /*#__PURE__*/String(popoverClasses.root), function (_ref) {
|
11
|
+
var listWidth = _ref.listWidth;
|
12
|
+
return listWidth || '100%';
|
13
|
+
}, /*#__PURE__*/String(popoverClasses.target));
|
11
14
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
12
15
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
13
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (
|
14
|
-
var listWidth =
|
16
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref2) {
|
17
|
+
var listWidth = _ref2.listWidth;
|
15
18
|
return listWidth || '100%';
|
16
|
-
}, function (_ref2) {
|
17
|
-
var listHeight = _ref2.listHeight;
|
18
|
-
return listHeight ? getCorrectHeight(listHeight) : 'auto';
|
19
19
|
}, function (_ref3) {
|
20
|
-
var
|
21
|
-
return
|
20
|
+
var listHeight = _ref3.listHeight;
|
21
|
+
return listHeight ? getCorrectHeight(listHeight) : 'auto';
|
22
22
|
}, function (_ref4) {
|
23
|
-
var
|
23
|
+
var listOverflow = _ref4.listOverflow;
|
24
|
+
return listOverflow || 'initial';
|
25
|
+
}, function (_ref5) {
|
26
|
+
var isInnerUl = _ref5.isInnerUl;
|
24
27
|
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 var(").concat(tokens.padding, ")") : 0;
|
25
28
|
}, tokens.padding);
|
26
29
|
export var base = /*#__PURE__*/css([".", ",.", "{display:block;}"], popoverClasses.wrapper, popoverClasses.target);
|
@@ -5,10 +5,10 @@ export var usePathMaps = function usePathMaps(items) {
|
|
5
5
|
var focusedToValueMap = new Map();
|
6
6
|
var valueToCheckedMap = new Map();
|
7
7
|
var valueToItemMap = new Map();
|
8
|
-
pathMap.set('root', items.length);
|
8
|
+
pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
|
9
9
|
var rec = function rec(items) {
|
10
10
|
var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
11
|
-
items.forEach(function (item, index) {
|
11
|
+
items === null || items === void 0 || items.forEach(function (item, index) {
|
12
12
|
var value = item.value,
|
13
13
|
innerItems = item.items;
|
14
14
|
var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
|
@@ -18,6 +18,8 @@ export var Item = function Item(_ref) {
|
|
18
18
|
var value = item.value,
|
19
19
|
label = item.label,
|
20
20
|
disabled = item.disabled,
|
21
|
+
isDisabled = item.isDisabled,
|
22
|
+
color = item.color,
|
21
23
|
contentLeft = item.contentLeft,
|
22
24
|
contentRight = item.contentRight;
|
23
25
|
var ref = useRef(null);
|
@@ -29,8 +31,10 @@ export var Item = function Item(_ref) {
|
|
29
31
|
handleCheckboxChange = _useContext.handleCheckboxChange,
|
30
32
|
handleItemClick = _useContext.handleItemClick,
|
31
33
|
variant = _useContext.variant,
|
32
|
-
renderItem = _useContext.renderItem
|
33
|
-
|
34
|
+
renderItem = _useContext.renderItem,
|
35
|
+
valueToItemMap = _useContext.valueToItemMap;
|
36
|
+
var itemDisabled = Boolean(disabled || isDisabled);
|
37
|
+
var isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
|
34
38
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
|
35
39
|
var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
|
36
40
|
useEffect(function () {
|
@@ -43,12 +47,15 @@ export var Item = function Item(_ref) {
|
|
43
47
|
}
|
44
48
|
}, [focusedClass]);
|
45
49
|
var handleChange = function handleChange(e) {
|
46
|
-
if (
|
50
|
+
if (itemDisabled) return;
|
47
51
|
e.stopPropagation();
|
48
52
|
handleCheckboxChange(item);
|
49
53
|
};
|
50
54
|
var handleClick = function handleClick(e) {
|
51
|
-
if (
|
55
|
+
if (itemDisabled) {
|
56
|
+
e.stopPropagation();
|
57
|
+
return;
|
58
|
+
}
|
52
59
|
handleItemClick(item, e);
|
53
60
|
};
|
54
61
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
@@ -79,7 +86,9 @@ export var Item = function Item(_ref) {
|
|
79
86
|
}))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
|
80
87
|
size: sizeToIconSize(size, variant),
|
81
88
|
color: "inherit"
|
82
|
-
})), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText,
|
89
|
+
})), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, {
|
90
|
+
color: color
|
91
|
+
}, renderItem && renderItem(valueToItemMap.get(value)) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
|
83
92
|
size: sizeToIconSize(size, variant),
|
84
93
|
color: "inherit"
|
85
94
|
})));
|
@@ -40,11 +40,14 @@ export var IconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
40
40
|
});
|
41
41
|
export var StyledText = /*#__PURE__*/styled.div.withConfig({
|
42
42
|
componentId: "plasma-new-hope__sc-fr2h0y-6"
|
43
|
-
})(["", ";flex:1;"], /*#__PURE__*/applyEllipsis())
|
43
|
+
})(["", ";flex:1;color:", ";"], /*#__PURE__*/applyEllipsis(), function (_ref5) {
|
44
|
+
var color = _ref5.color;
|
45
|
+
return color || 'inherit';
|
46
|
+
});
|
44
47
|
export var Wrapper = /*#__PURE__*/styled.li.withConfig({
|
45
48
|
componentId: "plasma-new-hope__sc-fr2h0y-7"
|
46
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], tokens.itemHeight, function (
|
47
|
-
var variant =
|
49
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], tokens.itemHeight, function (_ref6) {
|
50
|
+
var variant = _ref6.variant;
|
48
51
|
return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
|
49
52
|
}, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, constants.itemBackground, tokens.itemBorderRadius, classes.dropdownItemIsDisabled, constants.itemBackgroundHover, classes.dropdownItemIsActive, constants.itemBackgroundHover, classes.dropdownItemIsDisabled, constants.opacity, /*#__PURE__*/addFocus({
|
50
53
|
outlineSize: '0.0625rem',
|
@@ -16,7 +16,8 @@ export var Target = function Target(_ref) {
|
|
16
16
|
renderValue = _ref.renderValue,
|
17
17
|
focusedPath = _ref.focusedPath,
|
18
18
|
focusedToValueMap = _ref.focusedToValueMap,
|
19
|
-
selectProps = _ref.selectProps
|
19
|
+
selectProps = _ref.selectProps,
|
20
|
+
separator = _ref.separator;
|
20
21
|
return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
21
22
|
opened: opened,
|
22
23
|
value: value,
|
@@ -28,7 +29,8 @@ export var Target = function Target(_ref) {
|
|
28
29
|
renderValue: renderValue,
|
29
30
|
focusedPath: focusedPath,
|
30
31
|
focusedToValueMap: focusedToValueMap,
|
31
|
-
selectProps: selectProps
|
32
|
+
selectProps: selectProps,
|
33
|
+
separator: separator
|
32
34
|
}) : /*#__PURE__*/React.createElement(Textfield, {
|
33
35
|
opened: opened,
|
34
36
|
value: value,
|
@@ -39,7 +39,9 @@ export var Button = function Button(_ref) {
|
|
39
39
|
"aria-activedescendant": getActiveDescendant(),
|
40
40
|
"aria-label": label,
|
41
41
|
renderTarget: Boolean(selectProps.renderTarget)
|
42
|
-
}, selectProps.renderTarget ? selectProps.renderTarget(value)
|
42
|
+
}, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
|
43
|
+
return valueToItemMap.get(value);
|
44
|
+
}) : valueToItemMap.get(value)) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
|
43
45
|
value: value,
|
44
46
|
valueToItemMap: valueToItemMap,
|
45
47
|
label: label,
|
@@ -15,7 +15,7 @@ var getLabel = function getLabel(_ref) {
|
|
15
15
|
labelPlacement = _ref.labelPlacement,
|
16
16
|
size = _ref.size,
|
17
17
|
renderValue = _ref.renderValue;
|
18
|
-
if (isEmpty(value)) {
|
18
|
+
if (isEmpty(value) && typeof value !== 'number') {
|
19
19
|
if (!label || labelPlacement === 'outer') {
|
20
20
|
return /*#__PURE__*/React.createElement(Placeholder, null, placeholder);
|
21
21
|
}
|
@@ -31,7 +31,7 @@ var getLabel = function getLabel(_ref) {
|
|
31
31
|
return value.map(function (currentValue, index) {
|
32
32
|
var itemLabel = valueToItemMap.get(currentValue).label;
|
33
33
|
return /*#__PURE__*/React.createElement(Chip, {
|
34
|
-
text: renderValue ? renderValue(currentValue
|
34
|
+
text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
|
35
35
|
onClick: function onClick(e) {
|
36
36
|
e.stopPropagation();
|
37
37
|
onChipClick(currentValue);
|
@@ -42,9 +42,9 @@ var getLabel = function getLabel(_ref) {
|
|
42
42
|
}
|
43
43
|
var itemLabel = valueToItemMap.get(value).label;
|
44
44
|
if (!label || labelPlacement === 'outer') {
|
45
|
-
return /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(value
|
45
|
+
return /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel);
|
46
46
|
}
|
47
|
-
return /*#__PURE__*/React.createElement(InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(InnerLabel, null, label), /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(value
|
47
|
+
return /*#__PURE__*/React.createElement(InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(InnerLabel, null, label), /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel));
|
48
48
|
};
|
49
49
|
export var Textfield = function Textfield(_ref2) {
|
50
50
|
var opened = _ref2.opened,
|
@@ -85,7 +85,9 @@ export var Textfield = function Textfield(_ref2) {
|
|
85
85
|
"aria-activedescendant": getActiveDescendant(),
|
86
86
|
"aria-label": label,
|
87
87
|
renderTarget: Boolean(selectProps.renderTarget)
|
88
|
-
}, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value)
|
88
|
+
}, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
|
89
|
+
return valueToItemMap.get(value);
|
90
|
+
}) : valueToItemMap.get(value)) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
|
89
91
|
value: value,
|
90
92
|
valueToItemMap: valueToItemMap,
|
91
93
|
onChipClick: onChipClick,
|
@@ -3,9 +3,9 @@ var getLabel = function getLabel(_ref) {
|
|
3
3
|
var value = _ref.value,
|
4
4
|
valueToItemMap = _ref.valueToItemMap,
|
5
5
|
renderValue = _ref.renderValue;
|
6
|
-
var _ref2 = valueToItemMap.get(value
|
6
|
+
var _ref2 = valueToItemMap.get(value),
|
7
7
|
label = _ref2.label;
|
8
|
-
return renderValue ? renderValue(value
|
8
|
+
return renderValue ? renderValue(valueToItemMap.get(value)) : label;
|
9
9
|
};
|
10
10
|
export var getButtonLabel = function getButtonLabel(_ref3) {
|
11
11
|
var value = _ref3.value,
|
@@ -13,7 +13,7 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
|
|
13
13
|
label = _ref3.label,
|
14
14
|
renderValue = _ref3.renderValue,
|
15
15
|
selectProps = _ref3.selectProps;
|
16
|
-
if (isEmpty(value)) {
|
16
|
+
if (isEmpty(value) && typeof value !== 'number') {
|
17
17
|
return label || '';
|
18
18
|
}
|
19
19
|
if (selectProps.multiselect && selectProps.isTargetAmount) {
|
@@ -29,8 +29,8 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
|
|
29
29
|
}).join(', ');
|
30
30
|
}
|
31
31
|
return getLabel({
|
32
|
-
renderValue: renderValue,
|
33
32
|
value: value,
|
34
|
-
valueToItemMap: valueToItemMap
|
33
|
+
valueToItemMap: valueToItemMap,
|
34
|
+
renderValue: renderValue
|
35
35
|
});
|
36
36
|
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
export var getView = function getView(status) {
|
2
|
+
switch (status) {
|
3
|
+
case 'success':
|
4
|
+
{
|
5
|
+
return 'positive';
|
6
|
+
}
|
7
|
+
case 'error':
|
8
|
+
{
|
9
|
+
return 'negative';
|
10
|
+
}
|
11
|
+
case 'warning':
|
12
|
+
{
|
13
|
+
return 'warning';
|
14
|
+
}
|
15
|
+
default:
|
16
|
+
{
|
17
|
+
return 'default';
|
18
|
+
}
|
19
|
+
}
|
20
|
+
};
|
@@ -4,4 +4,5 @@ export { updateAncestors } from './updateAncestors';
|
|
4
4
|
export { updateSingleAncestors } from './updateSingleAncestors';
|
5
5
|
export { sizeToIconSize } from './sizeToIconSize';
|
6
6
|
export { getCorrectHeight } from './getCorrectHeight';
|
7
|
-
export { getButtonLabel } from './getButtonLabel';
|
7
|
+
export { getButtonLabel } from './getButtonLabel';
|
8
|
+
export { getView } from './getView';
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../TextField.tokens';
|
3
3
|
import { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
|
4
|
-
export var base = /*#__PURE__*/css(["&.", "{", "{display:block;margin-bottom:var(", ");color:var(", ");}}&.", "{&:not(.", "){", "{padding:var(", ");}", ",", "{padding:var(", ");}}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}&:not(.", "){", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(var(", ") /
|
4
|
+
export var base = /*#__PURE__*/css(["&.", "{", "{display:block;margin-bottom:var(", ");color:var(", ");}}&.", "{&:not(.", "){", "{padding:var(", ");}", ",", "{padding:var(", ");}}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}&:not(.", "){", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}}"], classes.outerLabelPlacement, Label, tokens.labelOffset, tokens.labelColor, classes.innerLabelPlacement, classes.hideLabel, Input, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, Label, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, classes.hideLabel, Input, Input, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.labelLineHeight, tokens.height, tokens.labelLineHeight);
|