@salutejs/plasma-new-hope 0.143.0-canary.1421.10814573412.0 → 0.143.0-canary.1422.10829409432.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (211) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -6
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  5. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  6. package/cjs/components/Slider/Slider.css +5 -6
  7. package/cjs/components/Slider/Slider.js +5 -12
  8. package/cjs/components/Slider/Slider.js.map +1 -1
  9. package/cjs/components/Slider/components/Single/Single.css +5 -6
  10. package/cjs/components/Slider/components/Single/Single.js +7 -34
  11. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  12. package/cjs/components/Slider/components/Single/Single.styles.js +1 -7
  13. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  14. package/cjs/components/Slider/components/Single/{Single.styles_9lxkbx.css → Single.styles_1r9f1e0.css} +0 -1
  15. package/cjs/components/TextArea/TextArea.js +2 -3
  16. package/cjs/components/TextArea/TextArea.js.map +1 -1
  17. package/cjs/index.css +5 -6
  18. package/cjs/index.js +0 -5
  19. package/cjs/index.js.map +1 -1
  20. package/cjs/utils/index.js.map +1 -1
  21. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +347 -0
  22. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -6
  23. package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  24. package/emotion/cjs/components/Slider/Slider.js +6 -15
  25. package/emotion/cjs/components/Slider/components/Single/Single.js +7 -34
  26. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +13 -26
  27. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  28. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +39 -0
  29. package/emotion/cjs/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  30. package/emotion/cjs/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.stories.tsx → Combobox.stories.tsx} +13 -3
  31. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +25 -0
  32. package/emotion/{es/examples/plasma_b2c/components/Combobox/ComboboxOld → cjs/examples/plasma_b2c/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  33. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +39 -0
  34. package/{styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew → emotion/cjs/examples/plasma_web/components/Combobox}/Combobox.js +2 -2
  35. package/emotion/{es/examples/plasma_b2c/components/Combobox/ComboboxNew → cjs/examples/plasma_web/components/Combobox}/Combobox.stories.tsx +13 -3
  36. package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +25 -0
  37. package/emotion/cjs/examples/{plasma_b2c/components/Combobox/ComboboxOld → plasma_web/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  38. package/emotion/cjs/hooks/index.js +1 -8
  39. package/emotion/cjs/utils/index.js +0 -15
  40. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +347 -0
  41. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +8 -6
  42. package/emotion/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  43. package/emotion/es/components/Slider/Slider.js +5 -15
  44. package/emotion/es/components/Slider/components/Single/Single.js +8 -35
  45. package/emotion/es/components/Slider/components/Single/Single.styles.js +12 -25
  46. package/emotion/es/components/TextArea/TextArea.js +4 -4
  47. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +33 -0
  48. package/emotion/es/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  49. package/emotion/{cjs/examples/plasma_web/components/Combobox/ComboboxNew → es/examples/plasma_b2c/components/Combobox}/Combobox.stories.tsx +13 -3
  50. package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +19 -0
  51. package/emotion/{cjs/examples/plasma_web/components/Combobox/ComboboxOld → es/examples/plasma_b2c/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  52. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +33 -0
  53. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  54. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.stories.tsx → Combobox.stories.tsx} +13 -3
  55. package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +19 -0
  56. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.stories.tsx +18 -16
  57. package/emotion/es/hooks/index.js +1 -2
  58. package/emotion/es/utils/index.js +0 -1
  59. package/es/components/Combobox/ComboboxNew/Combobox.js +8 -6
  60. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  61. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  62. package/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  63. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  64. package/es/components/Slider/Slider.css +5 -6
  65. package/es/components/Slider/Slider.js +6 -13
  66. package/es/components/Slider/Slider.js.map +1 -1
  67. package/es/components/Slider/components/Single/Single.css +5 -6
  68. package/es/components/Slider/components/Single/Single.js +8 -35
  69. package/es/components/Slider/components/Single/Single.js.map +1 -1
  70. package/es/components/Slider/components/Single/Single.styles.js +2 -7
  71. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  72. package/es/components/Slider/components/Single/{Single.styles_9lxkbx.css → Single.styles_1r9f1e0.css} +0 -1
  73. package/es/components/TextArea/TextArea.js +2 -3
  74. package/es/components/TextArea/TextArea.js.map +1 -1
  75. package/es/index.css +5 -6
  76. package/es/index.js +0 -2
  77. package/es/index.js.map +1 -1
  78. package/es/utils/index.js.map +1 -1
  79. package/package.json +2 -3
  80. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +347 -0
  81. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -6
  82. package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  83. package/styled-components/cjs/components/Slider/Slider.js +6 -15
  84. package/styled-components/cjs/components/Slider/components/Single/Single.js +7 -34
  85. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +2 -5
  86. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  87. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.config.js → Combobox.config.js} +2 -2
  88. package/{emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew → styled-components/cjs/examples/plasma_b2c/components/Combobox}/Combobox.js +2 -2
  89. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +376 -0
  90. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  91. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  92. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +39 -0
  93. package/styled-components/cjs/examples/{plasma_b2c/components/Combobox/ComboboxNew → plasma_web/components/Combobox}/Combobox.js +2 -2
  94. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +376 -0
  95. package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  96. package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  97. package/styled-components/cjs/hooks/index.js +1 -8
  98. package/styled-components/cjs/utils/index.js +0 -15
  99. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +347 -0
  100. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +8 -6
  101. package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  102. package/styled-components/es/components/Slider/Slider.js +5 -15
  103. package/styled-components/es/components/Slider/components/Single/Single.js +8 -35
  104. package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -4
  105. package/styled-components/es/components/TextArea/TextArea.js +3 -3
  106. package/styled-components/es/examples/{plasma_web/components/Combobox/ComboboxNew → plasma_b2c/components/Combobox}/Combobox.config.js +2 -2
  107. package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  108. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +376 -0
  109. package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  110. package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  111. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +33 -0
  112. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  113. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +376 -0
  114. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  115. package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  116. package/styled-components/es/hooks/index.js +1 -2
  117. package/styled-components/es/utils/index.js +0 -1
  118. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  119. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +42 -10
  120. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  121. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  122. package/types/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -1
  123. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +6 -0
  124. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  125. package/types/components/Slider/Slider.d.ts.map +1 -1
  126. package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
  127. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  128. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  129. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -1
  130. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  131. package/types/components/Slider/components/Single/Single.types.d.ts +1 -3
  132. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  133. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  134. package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +1 -0
  135. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +81 -0
  136. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -0
  137. package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts.map +1 -1
  138. package/types/examples/plasma_b2c/components/Combobox/Legacy/Combobox.d.ts.map +1 -0
  139. package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +1 -0
  140. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +81 -0
  141. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -0
  142. package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts.map +1 -1
  143. package/types/examples/plasma_web/components/Combobox/Legacy/Combobox.d.ts.map +1 -0
  144. package/types/hooks/index.d.ts +0 -1
  145. package/types/hooks/index.d.ts.map +1 -1
  146. package/types/utils/index.d.ts +0 -1
  147. package/types/utils/index.d.ts.map +1 -1
  148. package/cjs/hooks/useForm.js +0 -71
  149. package/cjs/hooks/useForm.js.map +0 -1
  150. package/cjs/utils/setRefList.js +0 -28
  151. package/cjs/utils/setRefList.js.map +0 -1
  152. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  153. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +0 -25
  154. package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -182
  155. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  156. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +0 -25
  157. package/emotion/cjs/hooks/useForm.js +0 -72
  158. package/emotion/cjs/utils/setRefList.js +0 -27
  159. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  160. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +0 -19
  161. package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -182
  162. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  163. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +0 -19
  164. package/emotion/es/hooks/useForm.js +0 -63
  165. package/emotion/es/utils/setRefList.js +0 -20
  166. package/es/hooks/useForm.js +0 -67
  167. package/es/hooks/useForm.js.map +0 -1
  168. package/es/utils/setRefList.js +0 -23
  169. package/es/utils/setRefList.js.map +0 -1
  170. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  171. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  172. package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -182
  173. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  174. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  175. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  176. package/styled-components/cjs/hooks/useForm.js +0 -72
  177. package/styled-components/cjs/utils/setRefList.js +0 -27
  178. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  179. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  180. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  181. package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -182
  182. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  183. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  184. package/styled-components/es/hooks/useForm.js +0 -63
  185. package/styled-components/es/utils/setRefList.js +0 -20
  186. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +0 -1
  187. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts +0 -37
  188. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts.map +0 -1
  189. package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.d.ts.map +0 -1
  190. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +0 -1
  191. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts +0 -37
  192. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts.map +0 -1
  193. package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.d.ts.map +0 -1
  194. package/types/hooks/useForm.d.ts +0 -10
  195. package/types/hooks/useForm.d.ts.map +0 -1
  196. package/types/utils/setRefList.d.ts +0 -6
  197. package/types/utils/setRefList.d.ts.map +0 -1
  198. /package/emotion/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  199. /package/emotion/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  200. /package/emotion/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  201. /package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  202. /package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  203. /package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  204. /package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  205. /package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  206. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.config.d.ts → Combobox.config.d.ts} +0 -0
  207. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts +0 -0
  208. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.d.ts +0 -0
  209. /package/types/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.config.d.ts → Combobox.config.d.ts} +0 -0
  210. /package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts +0 -0
  211. /package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.d.ts +0 -0
@@ -1,254 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
- import { action } from '@storybook/addon-actions';
5
-
6
- import { mergeConfig } from '../../../../../engines';
7
- import { Checkbox } from '../../Checkbox/Checkbox';
8
- import { comboboxOldConfig } from '../../../../../components/Combobox';
9
- import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
10
- import { IconDone } from '../../../../../components/_Icon';
11
-
12
- import { Combobox, ComboboxDivider, ComboboxItem } from './Combobox';
13
- import { config } from './Combobox.config';
14
-
15
- const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
16
- const enumerations: Array<string> = ['comma', 'chip'];
17
-
18
- type ComboboxPrimitiveValue = string | number | boolean;
19
-
20
- type StorySelectPropsCustom = {
21
- skidding?: number;
22
- distance?: number;
23
- };
24
-
25
- type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
26
-
27
- const meta: Meta<StorySelectProps> = {
28
- title: 'plasma_web/ComboboxOld',
29
- decorators: [WithTheme],
30
- component: Combobox,
31
- argTypes: {
32
- placement: {
33
- options: placements,
34
- control: {
35
- type: 'select',
36
- },
37
- },
38
- enumerationType: {
39
- options: enumerations,
40
- control: {
41
- type: 'select',
42
- },
43
- },
44
- ...argTypesFromConfig(mergeConfig(comboboxOldConfig, config)),
45
- },
46
- args: {
47
- usePortal: false,
48
- disabled: false,
49
- readOnly: false,
50
- label: 'Label',
51
- placeholder: 'Placeholder',
52
- enumerationType: 'comma',
53
- size: 'm',
54
- view: 'default',
55
- placement: 'bottom',
56
- },
57
- };
58
-
59
- export default meta;
60
-
61
- const onChangeAction = action('onChange');
62
-
63
- const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = {
64
- xs: 'xs',
65
- s: 's',
66
- m: 's',
67
- l: 's',
68
- };
69
-
70
- const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = {
71
- xs: 's',
72
- s: 'm',
73
- m: 'm',
74
- l: 'm',
75
- };
76
-
77
- const getSelectItems = (slug: string, elemCount: number) =>
78
- [...Array(elemCount).keys()].map((num) => ({
79
- value: `${slug}_${num}`,
80
- child: `${slug} ${num}`,
81
- }));
82
-
83
- const StorySingle = (args: StorySelectProps) => {
84
- const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
85
-
86
- const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
87
-
88
- const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
89
- setValue(newValue);
90
- onChangeAction(newValue);
91
- };
92
-
93
- return (
94
- <div style={{ width: '50%' }}>
95
- <Combobox
96
- frame="theme-root"
97
- usePortal={usePortal}
98
- valueType="single"
99
- value={value}
100
- placement={placement}
101
- label={label}
102
- placeholder={placeholder}
103
- size={size}
104
- view={view}
105
- disabled={disabled}
106
- readOnly={readOnly}
107
- onChangeValue={onChangeValue}
108
- >
109
- <ComboboxItem value={undefined} text="Clear" />
110
- {getSelectItems('item', 6).map((item) => (
111
- <ComboboxItem
112
- key={item.value}
113
- contentLeft={
114
- item.value === value ? (
115
- <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
116
- ) : undefined
117
- }
118
- value={item.value}
119
- text={item.child}
120
- />
121
- ))}
122
- </Combobox>
123
- </div>
124
- );
125
- };
126
-
127
- export const Single: StoryObj<StorySelectProps> = {
128
- render: (args) => <StorySingle {...args} />,
129
- };
130
-
131
- const StoryMultiple = (args: StorySelectProps) => {
132
- const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
133
-
134
- const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
135
-
136
- const onChangeValue = (newValue?: Array<ComboboxPrimitiveValue>) => {
137
- setValue(newValue);
138
- onChangeAction(newValue);
139
- };
140
-
141
- return (
142
- <div style={{ width: '50%' }}>
143
- <Combobox
144
- frame="theme-root"
145
- usePortal={usePortal}
146
- valueType="multiple"
147
- enumerationType={enumerationType}
148
- value={value}
149
- placement={placement}
150
- label={label}
151
- placeholder={placeholder}
152
- size={size}
153
- view={view}
154
- disabled={disabled}
155
- readOnly={readOnly}
156
- onChangeValue={onChangeValue}
157
- >
158
- <ComboboxItem value={undefined} text="Clear" />
159
- {getSelectItems('item', 6).map((item) => (
160
- <ComboboxItem
161
- key={item.value}
162
- contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />}
163
- value={item.value}
164
- text={item.child}
165
- />
166
- ))}
167
- </Combobox>
168
- </div>
169
- );
170
- };
171
-
172
- export const Multiple: StoryObj<StorySelectProps> = {
173
- render: (args) => <StoryMultiple {...args} />,
174
- };
175
-
176
- const StoryAddCustomItem = (args: StorySelectProps) => {
177
- const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
178
-
179
- const [opened, setOpened] = useState(false);
180
- const [items, setItems] = useState(getSelectItems('item', 1));
181
- const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
182
-
183
- const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
184
- setValue(newValue);
185
- onChangeAction(newValue);
186
- };
187
-
188
- const onToggle = (openValue: boolean) => setOpened(openValue);
189
-
190
- const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
191
- const { code } = event;
192
-
193
- if (code === 'Enter') {
194
- const newValue = (event.target as HTMLInputElement).value;
195
- const newItems = [...items];
196
-
197
- if (newItems.find((item) => item.child === newValue)) {
198
- return;
199
- }
200
-
201
- newItems.push({
202
- value: `${newValue}_`,
203
- child: (newValue || '').toString(),
204
- });
205
-
206
- setOpened(false);
207
- setItems(newItems);
208
- }
209
- };
210
-
211
- const filterFunction = () => true;
212
-
213
- return (
214
- <div style={{ width: '50%' }}>
215
- <Combobox
216
- frame="theme-root"
217
- usePortal={usePortal}
218
- valueType="single"
219
- value={value}
220
- placement={placement}
221
- label={label}
222
- placeholder={placeholder}
223
- size={size}
224
- view={view}
225
- disabled={disabled}
226
- readOnly={readOnly}
227
- opened={opened}
228
- onToggle={onToggle}
229
- onChangeValue={onChangeValue}
230
- onKeyDown={onKeyDown}
231
- filterFunction={filterFunction}
232
- >
233
- <ComboboxItem value={undefined} text="Clear" />
234
- <ComboboxDivider />
235
- {items.map((item) => (
236
- <ComboboxItem
237
- key={item.value}
238
- contentLeft={
239
- item.value === value ? (
240
- <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
241
- ) : undefined
242
- }
243
- value={item.value}
244
- text={item.child}
245
- />
246
- ))}
247
- </Combobox>
248
- </div>
249
- );
250
- };
251
-
252
- export const AddCustomItem: StoryObj<StorySelectProps> = {
253
- render: (args) => <StoryAddCustomItem {...args} />,
254
- };
@@ -1,63 +0,0 @@
1
- import React, { useEffect } from 'react';
2
- var initData = function initData(ref, defaultValues) {
3
- if (ref.current) {
4
- var form = ref.current;
5
- var items = form.elements;
6
- for (var i = 0; i < items.length; i++) {
7
- var item = items[i];
8
- var _name = item.name,
9
- value = item.value,
10
- type = item.type;
11
- if (type === 'text' || type === 'textarea') {
12
- item.value = String(defaultValues[_name]);
13
- }
14
- if (type === 'checkbox') {
15
- item.checked = Boolean(defaultValues[_name]);
16
- }
17
- if (type === 'radio') {
18
- item.checked = defaultValues[_name] === value;
19
- }
20
- if (type === 'number') {
21
- item.setAttribute('defaultValue', String(defaultValues[_name]));
22
- var event = new Event('setInitValue');
23
- item.dispatchEvent(event);
24
- }
25
- }
26
- }
27
- };
28
- export var useFormPlasma = function useFormPlasma(onSubmit, defaultValues) {
29
- var formRef = /*#__PURE__*/React.createRef();
30
- useEffect(function () {
31
- initData(formRef, defaultValues);
32
- });
33
- var formData = function formData(event) {
34
- event.preventDefault();
35
- var result = {};
36
- var form = event.target;
37
- var items = form.elements;
38
- for (var i = 0; i < items.length; i++) {
39
- var item = items[i];
40
- var _name2 = item.name,
41
- value = item.value,
42
- type = item.type;
43
- if (type === 'text' || type === 'textarea' || type === 'number') {
44
- result[_name2] = value;
45
- }
46
- if (type === 'checkbox') {
47
- result[_name2] = item.checked;
48
- }
49
- if (type === 'radio') {
50
- if (item.checked) {
51
- result[_name2] = value;
52
- } else if (!(_name2 in result)) {
53
- result[_name2] = null;
54
- }
55
- }
56
- }
57
- onSubmit(result);
58
- };
59
- return {
60
- formRef: formRef,
61
- formData: formData
62
- };
63
- };
@@ -1,20 +0,0 @@
1
- export function mergeRefs() {
2
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
3
- refs[_key] = arguments[_key];
4
- }
5
- return function (val) {
6
- setRefList.apply(void 0, [val].concat(refs));
7
- };
8
- }
9
- export function setRefList(val) {
10
- for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
11
- refs[_key2 - 1] = arguments[_key2];
12
- }
13
- refs.forEach(function (ref) {
14
- if (typeof ref === 'function') {
15
- ref(val);
16
- } else if (ref != null) {
17
- ref.current = val;
18
- }
19
- });
20
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0gBlB,CAAC"}
@@ -1,37 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Combobox: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- positive: import("@linaria/core").LinariaClassName;
6
- warning: import("@linaria/core").LinariaClassName;
7
- negative: import("@linaria/core").LinariaClassName;
8
- };
9
- size: {
10
- l: import("@linaria/core").LinariaClassName;
11
- m: import("@linaria/core").LinariaClassName;
12
- s: import("@linaria/core").LinariaClassName;
13
- xs: import("@linaria/core").LinariaClassName;
14
- };
15
- labelPlacement: {
16
- inner: import("@linaria/core").LinariaClassName;
17
- outer: import("@linaria/core").LinariaClassName;
18
- };
19
- disabled: {
20
- true: import("@linaria/core").LinariaClassName;
21
- };
22
- readOnly: {
23
- true: import("@linaria/core").LinariaClassName;
24
- };
25
- }> & ((import("../../../../../components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
26
- multiple?: false | undefined;
27
- value?: string | undefined;
28
- onChange?: ((value: string) => void) | undefined;
29
- isTargetAmount?: false | undefined;
30
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("../../../../../components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
31
- multiple: true;
32
- value?: string[] | undefined;
33
- onChange?: ((value: string[]) => void) | undefined;
34
- isTargetAmount?: boolean | undefined;
35
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
36
- export { Combobox };
37
- //# sourceMappingURL=Combobox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2IAA0B,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;sDAA0B,CAAC;AAGhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC;AAGxD,eAAO,MAAM,eAAe;;;;kDAAiC,CAAC;AAG9D,eAAO,MAAM,cAAc;;;;kDAAgC,CAAC;AAG5D,eAAO,MAAM,aAAa;;;;;;;;kDAA+B,CAAC;AAG1D,eAAO,MAAM,cAAc;;;;kDAAgC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0gBlB,CAAC"}
@@ -1,37 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Combobox: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- positive: import("@linaria/core").LinariaClassName;
6
- warning: import("@linaria/core").LinariaClassName;
7
- negative: import("@linaria/core").LinariaClassName;
8
- };
9
- size: {
10
- l: import("@linaria/core").LinariaClassName;
11
- m: import("@linaria/core").LinariaClassName;
12
- s: import("@linaria/core").LinariaClassName;
13
- xs: import("@linaria/core").LinariaClassName;
14
- };
15
- labelPlacement: {
16
- inner: import("@linaria/core").LinariaClassName;
17
- outer: import("@linaria/core").LinariaClassName;
18
- };
19
- disabled: {
20
- true: import("@linaria/core").LinariaClassName;
21
- };
22
- readOnly: {
23
- true: import("@linaria/core").LinariaClassName;
24
- };
25
- }> & ((import("../../../../../components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
26
- multiple?: false | undefined;
27
- value?: string | undefined;
28
- onChange?: ((value: string) => void) | undefined;
29
- isTargetAmount?: false | undefined;
30
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("../../../../../components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
31
- multiple: true;
32
- value?: string[] | undefined;
33
- onChange?: ((value: string[]) => void) | undefined;
34
- isTargetAmount?: boolean | undefined;
35
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
36
- export { Combobox };
37
- //# sourceMappingURL=Combobox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2IAA0B,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;sDAA0B,CAAC;AAGhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC;AAGxD,eAAO,MAAM,eAAe;;;;kDAAiC,CAAC;AAG9D,eAAO,MAAM,cAAc;;;;kDAAgC,CAAC;AAG5D,eAAO,MAAM,aAAa;;;;;;;;kDAA+B,CAAC;AAG1D,eAAO,MAAM,cAAc;;;;kDAAgC,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- declare type DataType = {
3
- [name: string]: string | boolean | null | number;
4
- };
5
- export declare const useFormPlasma: (onSubmit: (data: DataType) => void, defaultValues: DataType) => {
6
- formRef: React.RefObject<HTMLFormElement>;
7
- formData: (event: React.FormEvent<HTMLFormElement>) => void;
8
- };
9
- export {};
10
- //# sourceMappingURL=useForm.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,aAAK,QAAQ,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC;AAgCrE,eAAO,MAAM,aAAa,oBAAqB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ;;sBAO5D,MAAM,SAAS,CAAC,eAAe,CAAC;CAiC5D,CAAC"}
@@ -1,6 +0,0 @@
1
- import type { MutableRefObject, RefCallback } from 'react';
2
- declare type MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;
3
- export declare function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T>;
4
- export declare function setRefList<T>(val: T, ...refs: MutableRefList<T>): void;
5
- export {};
6
- //# sourceMappingURL=setRefList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"setRefList.d.ts","sourceRoot":"","sources":["../../src/utils/setRefList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAIvE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAQtE"}