@salutejs/plasma-new-hope 0.127.0-canary.1372.10460662678.0 → 0.127.0-canary.1375.10470157806.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 +4 -4
- 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
@@ -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: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,mSAmLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBArLQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAoMpF,CAAC"}
|
package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts
CHANGED
@@ -1,57 +1,153 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const SelectPerPageRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
|
-
export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((
|
3
|
+
export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
|
4
|
+
target?: "textfield-like" | undefined;
|
5
|
+
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
6
|
+
contentLeft?: import("react").ReactNode;
|
7
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
8
|
+
placeholder?: string | undefined;
|
9
|
+
helperText?: string | undefined;
|
10
|
+
} & {
|
4
11
|
multiselect?: false | undefined;
|
5
|
-
|
6
|
-
onChange?: ((value: string) => void) | undefined;
|
7
|
-
isTargetAmount?: false | undefined;
|
8
|
-
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
12
|
+
separator?: undefined;
|
9
13
|
} & {
|
14
|
+
value: any;
|
15
|
+
onChange?: ((value: any) => void) | undefined;
|
16
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
17
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
18
|
+
status?: "error" | "success" | "warning" | undefined;
|
19
|
+
placeholder?: string | undefined;
|
20
|
+
helperText?: string | undefined;
|
21
|
+
disabled?: boolean | undefined;
|
22
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
23
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
24
|
+
hasItems?: boolean | undefined;
|
25
|
+
children?: undefined;
|
26
|
+
isOpen?: boolean | undefined;
|
27
|
+
isTargetAmount?: boolean | undefined;
|
28
|
+
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
29
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
30
|
+
label?: string | undefined;
|
31
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
32
|
+
variant?: "normal" | "tight" | undefined;
|
33
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
34
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
35
|
+
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
36
|
+
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
37
|
+
size?: string | undefined;
|
38
|
+
view?: string | undefined;
|
39
|
+
chipView?: string | undefined;
|
40
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
10
41
|
target?: "textfield-like" | undefined;
|
11
42
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
12
43
|
contentLeft?: import("react").ReactNode;
|
13
44
|
labelPlacement?: "inner" | "outer" | undefined;
|
14
45
|
placeholder?: string | undefined;
|
15
46
|
helperText?: string | undefined;
|
16
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
17
|
-
multiselect?: false | undefined;
|
18
|
-
value?: string | undefined;
|
19
|
-
onChange?: ((value: string) => void) | undefined;
|
20
|
-
isTargetAmount?: false | undefined;
|
21
|
-
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
22
47
|
} & {
|
48
|
+
multiselect?: true | undefined;
|
49
|
+
separator?: string | undefined;
|
50
|
+
} & {
|
51
|
+
value: any;
|
52
|
+
onChange?: ((value: any) => void) | undefined;
|
53
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
54
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
55
|
+
status?: "error" | "success" | "warning" | undefined;
|
56
|
+
placeholder?: string | undefined;
|
57
|
+
helperText?: string | undefined;
|
58
|
+
disabled?: boolean | undefined;
|
59
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
60
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
61
|
+
hasItems?: boolean | undefined;
|
62
|
+
children?: undefined;
|
63
|
+
isOpen?: boolean | undefined;
|
64
|
+
isTargetAmount?: boolean | undefined;
|
65
|
+
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
66
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
67
|
+
label?: string | undefined;
|
68
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
69
|
+
variant?: "normal" | "tight" | undefined;
|
70
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
71
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
72
|
+
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
73
|
+
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
74
|
+
size?: string | undefined;
|
75
|
+
view?: string | undefined;
|
76
|
+
chipView?: string | undefined;
|
77
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
23
78
|
target?: "button-like" | undefined;
|
24
79
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
25
80
|
contentLeft?: undefined;
|
26
81
|
labelPlacement?: undefined;
|
27
82
|
placeholder?: undefined;
|
28
83
|
helperText?: undefined;
|
29
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
30
|
-
multiselect: true;
|
31
|
-
value?: string[] | undefined;
|
32
|
-
onChange?: ((value: string[]) => void) | undefined;
|
33
|
-
isTargetAmount?: boolean | undefined;
|
34
|
-
renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
|
35
84
|
} & {
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
85
|
+
multiselect?: false | undefined;
|
86
|
+
separator?: undefined;
|
87
|
+
} & {
|
88
|
+
value: any;
|
89
|
+
onChange?: ((value: any) => void) | undefined;
|
90
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
91
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
92
|
+
status?: "error" | "success" | "warning" | undefined;
|
40
93
|
placeholder?: string | undefined;
|
41
94
|
helperText?: string | undefined;
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
95
|
+
disabled?: boolean | undefined;
|
96
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
97
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
98
|
+
hasItems?: boolean | undefined;
|
99
|
+
children?: undefined;
|
100
|
+
isOpen?: boolean | undefined;
|
46
101
|
isTargetAmount?: boolean | undefined;
|
47
|
-
renderTarget?: ((
|
48
|
-
|
102
|
+
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
103
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
104
|
+
label?: string | undefined;
|
105
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
106
|
+
variant?: "normal" | "tight" | undefined;
|
107
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
108
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
109
|
+
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
110
|
+
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
111
|
+
size?: string | undefined;
|
112
|
+
view?: string | undefined;
|
113
|
+
chipView?: string | undefined;
|
114
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
49
115
|
target?: "button-like" | undefined;
|
50
116
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
51
117
|
contentLeft?: undefined;
|
52
118
|
labelPlacement?: undefined;
|
53
119
|
placeholder?: undefined;
|
54
120
|
helperText?: undefined;
|
121
|
+
} & {
|
122
|
+
multiselect?: true | undefined;
|
123
|
+
separator?: string | undefined;
|
124
|
+
} & {
|
125
|
+
value: any;
|
126
|
+
onChange?: ((value: any) => void) | undefined;
|
127
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
128
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
129
|
+
status?: "error" | "success" | "warning" | undefined;
|
130
|
+
placeholder?: string | undefined;
|
131
|
+
helperText?: string | undefined;
|
132
|
+
disabled?: boolean | undefined;
|
133
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
134
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
135
|
+
hasItems?: boolean | undefined;
|
136
|
+
children?: undefined;
|
137
|
+
isOpen?: boolean | undefined;
|
138
|
+
isTargetAmount?: boolean | undefined;
|
139
|
+
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
140
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
141
|
+
label?: string | undefined;
|
142
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
143
|
+
variant?: "normal" | "tight" | undefined;
|
144
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
145
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
146
|
+
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
147
|
+
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
148
|
+
size?: string | undefined;
|
149
|
+
view?: string | undefined;
|
150
|
+
chipView?: string | undefined;
|
55
151
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
|
56
152
|
export declare const SelectPerPageTypography: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
57
153
|
//# sourceMappingURL=PaginationSelectPerPage.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB
|
1
|
+
{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAOnC,CAAC"}
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { RootProps } from '../../engines';
|
3
|
-
import type {
|
3
|
+
import type { ItemContext, MergedSelectProps } from './Select.types';
|
4
4
|
export declare const Context: React.Context<ItemContext>;
|
5
5
|
/**
|
6
6
|
* Выпадающий список. Поддерживает выбор одного или нескольких значений.
|
7
7
|
*/
|
8
|
-
export declare const selectRoot: (Root: RootProps<HTMLButtonElement, Omit<
|
8
|
+
export declare const selectRoot: (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) => React.ForwardRefExoticComponent<MergedSelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
|
9
9
|
export declare const selectConfig: {
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
12
|
-
layout: (Root: RootProps<HTMLButtonElement, Omit<
|
12
|
+
layout: (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) => React.ForwardRefExoticComponent<MergedSelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
|
13
13
|
base: import("@linaria/core").LinariaClassName;
|
14
14
|
variations: {
|
15
15
|
view: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKrE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,qGAsRzF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAxRQ,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CA0S9F,CAAC"}
|
@@ -1,6 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { SelectProps } from './Select.types';
|
3
|
-
export declare const StyledPopover: import("@linaria/react").
|
3
|
+
export declare const StyledPopover: import("@linaria/react").StyledComponent<{
|
4
|
+
listWidth?: SelectProps['listWidth'];
|
5
|
+
} & import("../../engines/types").PropsType<{
|
4
6
|
view: {
|
5
7
|
css: import("@linaria/core").LinariaClassName;
|
6
8
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,aAAa
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,aAAa;gBAAiC,WAAW,CAAC,WAAW,CAAC;;;;;4JAQlF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,WAAW,CAAC,cAAc,CAAC;iBAC7B,WAAW,CAAC,YAAY,CAAC;gBAC1B,WAAW,CAAC,WAAW,CAAC;;EAevC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,8KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAStB,CAAC"}
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import type { CSSProperties, ButtonHTMLAttributes } from 'react';
|
1
|
+
import type { CSSProperties, ButtonHTMLAttributes, SyntheticEvent } from 'react';
|
2
2
|
import React from 'react';
|
3
3
|
import { FocusedPathState } from './reducers';
|
4
|
-
import { ItemOption,
|
5
|
-
import type { ValueToCheckedMapType } from './hooks/usePathMaps';
|
6
|
-
|
7
|
-
|
4
|
+
import { ItemOption, MergedDropdownNode as DropdownNode, MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';
|
5
|
+
import type { ValueToCheckedMapType, ValueToItemMapType } from './hooks/usePathMaps';
|
6
|
+
declare type SelectPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
|
7
|
+
declare type SelectPlacement = SelectPlacementBasic | 'auto';
|
8
8
|
declare type Target = {
|
9
9
|
/**
|
10
10
|
* Стиль селекта: button-like или textfield-like.
|
@@ -129,12 +129,141 @@ export declare type SelectProps = BasicProps & IsMultiselect & Target & Omit<But
|
|
129
129
|
export declare type ItemContext = {
|
130
130
|
focusedPath: FocusedPathState;
|
131
131
|
checked: ValueToCheckedMapType;
|
132
|
-
multiselect:
|
133
|
-
size:
|
134
|
-
handleCheckboxChange: (item:
|
135
|
-
handleItemClick: (item:
|
136
|
-
variant:
|
137
|
-
renderItem:
|
132
|
+
multiselect: MergedSelectProps['multiselect'];
|
133
|
+
size: MergedSelectProps['size'];
|
134
|
+
handleCheckboxChange: (item: MergedDropdownNodeTransformed) => void;
|
135
|
+
handleItemClick: (item: MergedDropdownNodeTransformed, e: React.MouseEvent<HTMLElement>) => void;
|
136
|
+
variant: MergedSelectProps['variant'];
|
137
|
+
renderItem: MergedSelectProps['renderItem'];
|
138
|
+
valueToItemMap: ValueToItemMapType;
|
138
139
|
};
|
140
|
+
export declare type SelectPropsOld<T = any> = ({
|
141
|
+
multiselect?: false;
|
142
|
+
separator?: never;
|
143
|
+
} | {
|
144
|
+
multiselect?: true;
|
145
|
+
separator?: string;
|
146
|
+
}) & {
|
147
|
+
value: T;
|
148
|
+
onChange?: (value: T) => void;
|
149
|
+
listOverflow?: CSSProperties['overflow'];
|
150
|
+
listHeight?: number | CSSProperties['height'];
|
151
|
+
status?: 'success' | 'warning' | 'error';
|
152
|
+
placeholder?: string;
|
153
|
+
helperText?: string;
|
154
|
+
disabled?: boolean;
|
155
|
+
items?: DropdownNodeOld[];
|
156
|
+
onItemSelect?: any;
|
157
|
+
hasItems?: boolean;
|
158
|
+
children?: never;
|
159
|
+
isOpen?: boolean;
|
160
|
+
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'onResize' | 'onResizeCapture' | 'nonce'>;
|
161
|
+
declare type DropdownNodeOld = {
|
162
|
+
value: string | number;
|
163
|
+
label: string;
|
164
|
+
items?: DropdownNodeOld[];
|
165
|
+
isActive?: boolean;
|
166
|
+
isDisabled?: boolean;
|
167
|
+
color?: string;
|
168
|
+
contentLeft?: React.ReactNode;
|
169
|
+
};
|
170
|
+
export declare type MergedSelectProps<T = any> = Target & ({
|
171
|
+
multiselect?: false;
|
172
|
+
separator?: never;
|
173
|
+
} | {
|
174
|
+
multiselect?: true;
|
175
|
+
separator?: string;
|
176
|
+
}) & {
|
177
|
+
value: T;
|
178
|
+
onChange?: (value: T) => void;
|
179
|
+
/**
|
180
|
+
* Значение css overflow для выпадающего меню.
|
181
|
+
* @example listOverflow="scroll"
|
182
|
+
*/
|
183
|
+
listOverflow?: CSSProperties['overflow'];
|
184
|
+
/**
|
185
|
+
* Значение css height для выпадающего меню.
|
186
|
+
* @example listHeight="11", listHeight="auto", listHeight={11}
|
187
|
+
*/
|
188
|
+
listHeight?: number | CSSProperties['height'];
|
189
|
+
status?: 'success' | 'warning' | 'error';
|
190
|
+
/**
|
191
|
+
* Placeholder.
|
192
|
+
*/
|
193
|
+
placeholder?: string;
|
194
|
+
/**
|
195
|
+
* Вспомогательный текст снизу слева для поля ввода.
|
196
|
+
*/
|
197
|
+
helperText?: string;
|
198
|
+
/**
|
199
|
+
* Компонент неактивен.
|
200
|
+
* @default false
|
201
|
+
*/
|
202
|
+
disabled?: boolean;
|
203
|
+
/**
|
204
|
+
* Список элементов.
|
205
|
+
*/
|
206
|
+
items?: DropdownNode[];
|
207
|
+
onItemSelect?: (e: DropdownNode, event: SyntheticEvent) => void;
|
208
|
+
hasItems?: boolean;
|
209
|
+
children?: never;
|
210
|
+
isOpen?: boolean;
|
211
|
+
/**
|
212
|
+
* Если включено - будет выведено общее количество выбранных элементов вместо перечисления.
|
213
|
+
* @default false
|
214
|
+
*/
|
215
|
+
isTargetAmount?: boolean;
|
216
|
+
/**
|
217
|
+
* Callback для кастомной настройки таргета целиком.
|
218
|
+
*/
|
219
|
+
renderTarget?: (item: DropdownNode | DropdownNode[]) => React.ReactNode;
|
220
|
+
/**
|
221
|
+
* Сторона открытия дропдауна относительно target элемента.
|
222
|
+
* @default bottom
|
223
|
+
*/
|
224
|
+
placement?: SelectPlacement | Array<SelectPlacementBasic>;
|
225
|
+
/**
|
226
|
+
* Метка-подпись к элементу.
|
227
|
+
*/
|
228
|
+
label?: string;
|
229
|
+
/**
|
230
|
+
* Коллбэк для определения достижения скроллом конца списка.
|
231
|
+
*/
|
232
|
+
onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
|
233
|
+
/**
|
234
|
+
* Вариант: обычный или сжатый
|
235
|
+
* @default normal
|
236
|
+
*/
|
237
|
+
variant?: 'normal' | 'tight';
|
238
|
+
/**
|
239
|
+
* Значение css width для выпадающего списка.
|
240
|
+
* @example width="200px"
|
241
|
+
*/
|
242
|
+
listWidth?: CSSProperties['width'];
|
243
|
+
/**
|
244
|
+
* Портал для выпадающего списка. Принимает id контейнера или ref.
|
245
|
+
*/
|
246
|
+
portal?: string | React.RefObject<HTMLElement>;
|
247
|
+
/**
|
248
|
+
* Callback для кастомной настройки значения в селекте.
|
249
|
+
*/
|
250
|
+
renderValue?: (item: DropdownNode) => string;
|
251
|
+
/**
|
252
|
+
* Callback для кастомной настройки айтема в выпадающем списке.
|
253
|
+
*/
|
254
|
+
renderItem?: (item: DropdownNode) => React.ReactNode;
|
255
|
+
/**
|
256
|
+
* Размер компонента.
|
257
|
+
*/
|
258
|
+
size?: string;
|
259
|
+
/**
|
260
|
+
* Вид компонента.
|
261
|
+
*/
|
262
|
+
view?: string;
|
263
|
+
/**
|
264
|
+
* Внешний вид чипа в варианте textfield-like multiselect.
|
265
|
+
*/
|
266
|
+
chipView?: string;
|
267
|
+
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'onResize' | 'onResizeCapture' | 'nonce'>;
|
139
268
|
export {};
|
140
269
|
//# sourceMappingURL=Select.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"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"}
|