@salutejs/plasma-new-hope 0.122.1-canary.1362.10423909326.0 → 0.123.0-canary.1349.10432639210.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (191) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js +1 -1
  2. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  3. package/cjs/components/Pagination/Pagination.css +8 -8
  4. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  5. package/cjs/components/Select/Select.css +8 -8
  6. package/cjs/components/Select/Select.js +13 -6
  7. package/cjs/components/Select/Select.js.map +1 -1
  8. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  9. package/cjs/components/Select/hooks/usePathMaps.js +2 -2
  10. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  11. package/cjs/components/Select/ui/Inner/Inner.css +8 -8
  12. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  13. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  14. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -5
  15. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  16. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
  17. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  18. package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
  19. package/cjs/components/Select/ui/Target/Target.js +4 -2
  20. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  21. package/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
  22. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  23. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
  24. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  25. package/cjs/components/Select/utils/getButtonLabel.js +5 -5
  26. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  27. package/cjs/components/Select/utils/getView.js +27 -0
  28. package/cjs/components/Select/utils/getView.js.map +1 -0
  29. package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
  30. package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
  31. package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
  32. package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
  33. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  34. package/cjs/index.css +8 -8
  35. package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
  36. package/emotion/cjs/components/Select/Select.js +13 -6
  37. package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
  38. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -5
  39. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
  40. package/emotion/cjs/components/Select/ui/Target/Target.js +4 -2
  41. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
  42. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
  43. package/emotion/cjs/components/Select/utils/getButtonLabel.js +5 -5
  44. package/emotion/cjs/components/Select/utils/getView.js +26 -0
  45. package/emotion/cjs/components/Select/utils/index.js +8 -1
  46. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +9 -5
  47. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
  48. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
  49. package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
  50. package/emotion/es/components/Select/Select.js +14 -7
  51. package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
  52. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +13 -5
  53. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
  54. package/emotion/es/components/Select/ui/Target/Target.js +4 -2
  55. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
  56. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
  57. package/emotion/es/components/Select/utils/getButtonLabel.js +5 -5
  58. package/emotion/es/components/Select/utils/getView.js +20 -0
  59. package/emotion/es/components/Select/utils/index.js +2 -1
  60. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +9 -5
  61. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
  62. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
  63. package/es/components/Autocomplete/Autocomplete.js +1 -1
  64. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  65. package/es/components/Pagination/Pagination.css +8 -8
  66. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  67. package/es/components/Select/Select.css +8 -8
  68. package/es/components/Select/Select.js +13 -6
  69. package/es/components/Select/Select.js.map +1 -1
  70. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  71. package/es/components/Select/hooks/usePathMaps.js +2 -2
  72. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  73. package/es/components/Select/ui/Inner/Inner.css +8 -8
  74. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  75. package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  76. package/es/components/Select/ui/Inner/ui/Item/Item.js +13 -5
  77. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  78. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
  79. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  80. package/es/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
  81. package/es/components/Select/ui/Target/Target.js +4 -2
  82. package/es/components/Select/ui/Target/Target.js.map +1 -1
  83. package/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
  84. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  85. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
  86. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  87. package/es/components/Select/utils/getButtonLabel.js +5 -5
  88. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  89. package/es/components/Select/utils/getView.js +23 -0
  90. package/es/components/Select/utils/getView.js.map +1 -0
  91. package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
  92. package/es/components/Select/utils/updateAncestors.js.map +1 -1
  93. package/es/components/Select/utils/updateDescendants.js.map +1 -1
  94. package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
  95. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  96. package/es/index.css +8 -8
  97. package/package.json +2 -2
  98. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
  99. package/styled-components/cjs/components/Select/Select.js +13 -6
  100. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
  101. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -5
  102. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
  103. package/styled-components/cjs/components/Select/ui/Target/Target.js +4 -2
  104. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
  105. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
  106. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +5 -5
  107. package/styled-components/cjs/components/Select/utils/getView.js +26 -0
  108. package/styled-components/cjs/components/Select/utils/index.js +8 -1
  109. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +9 -5
  110. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
  111. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
  112. package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
  113. package/styled-components/es/components/Select/Select.js +14 -7
  114. package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
  115. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +13 -5
  116. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
  117. package/styled-components/es/components/Select/ui/Target/Target.js +4 -2
  118. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
  119. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
  120. package/styled-components/es/components/Select/utils/getButtonLabel.js +5 -5
  121. package/styled-components/es/components/Select/utils/getView.js +20 -0
  122. package/styled-components/es/components/Select/utils/index.js +2 -1
  123. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +9 -5
  124. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
  125. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
  126. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  127. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +123 -27
  128. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  129. package/types/components/Select/Select.d.ts +3 -3
  130. package/types/components/Select/Select.d.ts.map +1 -1
  131. package/types/components/Select/Select.types.d.ts +140 -11
  132. package/types/components/Select/Select.types.d.ts.map +1 -1
  133. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
  134. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  135. package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
  136. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  137. package/types/components/Select/index.d.ts +1 -1
  138. package/types/components/Select/index.d.ts.map +1 -1
  139. package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
  140. package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
  141. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  142. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
  143. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  144. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +18 -3
  145. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  146. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  147. package/types/components/Select/ui/Target/Target.types.d.ts +4 -3
  148. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  149. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  150. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  151. package/types/components/Select/utils/getView.d.ts +3 -0
  152. package/types/components/Select/utils/getView.d.ts.map +1 -0
  153. package/types/components/Select/utils/index.d.ts +1 -0
  154. package/types/components/Select/utils/index.d.ts.map +1 -1
  155. package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
  156. package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
  157. package/types/components/Select/utils/updateAncestors.d.ts +2 -2
  158. package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
  159. package/types/components/Select/utils/updateDescendants.d.ts +2 -2
  160. package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
  161. package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
  162. package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
  163. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +15 -26
  164. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
  165. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +8 -7
  166. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -1
  167. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +26 -2
  168. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  169. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +1 -2
  170. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
  171. package/types/examples/plasma_b2c/components/Select/Select.d.ts +123 -27
  172. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  173. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +14 -26
  174. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  175. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +14 -28
  176. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  177. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts +2 -2
  178. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  179. package/types/examples/plasma_web/components/Select/Select.d.ts +123 -27
  180. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  181. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +14 -26
  182. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  183. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +14 -28
  184. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  185. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts +2 -2
  186. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  187. package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +13 -1
  188. package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -1
  189. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +13 -1
  190. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
  191. package/types/types/AsProps.d.ts.map +1 -1
@@ -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 === null || value === void 0 ? void 0 : value.toString()),
6
+ var _ref2 = valueToItemMap.get(value),
7
7
  label = _ref2.label;
8
- return renderValue ? renderValue(value, label) : label;
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';
@@ -5,6 +5,15 @@ title: Tabs
5
5
 
6
6
  import { PropsTable, Description } from '@site/src/components';
7
7
 
8
+ # Tabs
9
+ Набор компонентов для создания вкладок.
10
+ Структура для вкладок похожа на структуру маркированных списков.
11
+
12
+ ## TabsController
13
+
14
+ <Description name="TabsController" />
15
+ <PropsTable name="TabsController" />
16
+
8
17
  ## Tabs
9
18
 
10
19
  <Description name="Tabs" />
@@ -15,11 +24,6 @@ import { PropsTable, Description } from '@site/src/components';
15
24
  <Description name="TabItem" />
16
25
  <PropsTable name="TabItem" />
17
26
 
18
- ## TabsController (deprecated)
19
- Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
20
-
21
- <Description name="TabsController" />
22
- <PropsTable name="TabsController" />
23
27
 
24
28
  ## Использование
25
29
 
@@ -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
- separator: '',
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
- include: [
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
- separator: '',
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
- include: [
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,mSAkLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBApLQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAmMpF,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"}
@@ -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> & ((import("../../../Select/Select.types").BasicProps & {
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
- value?: string | undefined;
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
- target?: "textfield-like" | undefined;
37
- view?: "default" | "warning" | "positive" | "negative" | undefined;
38
- contentLeft?: import("react").ReactNode;
39
- labelPlacement?: "inner" | "outer" | undefined;
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
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
43
- multiselect: true;
44
- value?: string[] | undefined;
45
- onChange?: ((value: string[]) => void) | undefined;
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?: ((value: string[]) => import("react").ReactNode) | undefined;
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAOnC,CAAC"}
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 { SelectProps, ItemContext } from './Select.types';
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<SelectProps, 'items'>>) => React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
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<SelectProps, 'items'>>) => React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
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,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK/D,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,KAAK,WAAW,EAAE,OAAO,CAAC,CAAC,0FA2QnF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA7QQ,UAAU,iBAAiB,EAAE,KAAK,WAAW,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CA+RxF,CAAC"}
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,qGAqRzF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAvRQ,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CAyS9F,CAAC"}