@salutejs/plasma-new-hope 0.114.0-canary.1332.10195467656.0 → 0.114.1-canary.1333.10211221618.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (198) hide show
  1. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  2. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  3. package/cjs/components/DatePicker/DatePickerBase.styles_192va2p.css +1 -0
  4. package/cjs/components/DatePicker/RangeDate/RangeDate.js +13 -9
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  6. package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.js +13 -5
  8. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
  12. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  13. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
  14. package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  15. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +30 -0
  16. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
  17. package/cjs/components/Tabs/tokens.js +5 -2
  18. package/cjs/components/Tabs/tokens.js.map +1 -1
  19. package/cjs/components/Tabs/ui/TabItem/TabItem.css +1 -1
  20. package/cjs/components/Tabs/ui/TabItem/TabItem.js +8 -2
  21. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  22. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  23. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
  24. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  25. package/cjs/components/Tabs/ui/Tabs/Tabs.css +6 -6
  26. package/cjs/components/Tabs/ui/Tabs/Tabs.js +49 -7
  27. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  28. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
  29. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  30. package/cjs/components/Tabs/ui/Tabs/{Tabs.styles_1b8qt33.css → Tabs.styles_106qhdc.css} +1 -1
  31. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  32. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
  33. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/{base_176tz0n.css → base_1c7lnrm.css} +1 -1
  34. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
  35. package/cjs/components/Tabs/ui/Tabs/variations/_view/{base_4xkt26.css → base_aij3sf.css} +1 -1
  36. package/cjs/index.css +11 -11
  37. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  38. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +13 -9
  39. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +13 -5
  40. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +14 -5
  41. package/emotion/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  42. package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
  43. package/emotion/cjs/components/Tabs/tokens.js +5 -2
  44. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.js +8 -2
  45. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  46. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +49 -7
  47. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +4 -12
  48. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  49. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  50. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  51. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  52. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
  53. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +16 -17
  54. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  55. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  56. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
  57. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +16 -17
  58. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  59. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  60. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +13 -9
  61. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +13 -5
  62. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +15 -6
  63. package/emotion/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  64. package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
  65. package/emotion/es/components/Tabs/tokens.js +5 -2
  66. package/emotion/es/components/Tabs/ui/TabItem/TabItem.js +8 -2
  67. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  68. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +50 -8
  69. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +5 -13
  70. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  71. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  72. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  73. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  74. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
  75. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +16 -17
  76. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  77. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  78. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
  79. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +16 -17
  80. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  81. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  82. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  83. package/es/components/DatePicker/DatePickerBase.styles_192va2p.css +1 -0
  84. package/es/components/DatePicker/RangeDate/RangeDate.js +13 -9
  85. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  86. package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
  87. package/es/components/DatePicker/SingleDate/SingleDate.js +13 -5
  88. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  89. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  90. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  91. package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
  92. package/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  93. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
  94. package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  95. package/es/components/DatePicker/hooks/useKeyboardNavigation.js +25 -0
  96. package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
  97. package/es/components/Tabs/tokens.js +5 -2
  98. package/es/components/Tabs/tokens.js.map +1 -1
  99. package/es/components/Tabs/ui/TabItem/TabItem.css +1 -1
  100. package/es/components/Tabs/ui/TabItem/TabItem.js +8 -2
  101. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  102. package/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  103. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
  104. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  105. package/es/components/Tabs/ui/Tabs/Tabs.css +6 -6
  106. package/es/components/Tabs/ui/Tabs/Tabs.js +50 -8
  107. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  108. package/es/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
  109. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  110. package/es/components/Tabs/ui/Tabs/{Tabs.styles_1b8qt33.css → Tabs.styles_106qhdc.css} +1 -1
  111. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  112. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
  113. package/es/components/Tabs/ui/Tabs/variations/_stretch/{base_176tz0n.css → base_1c7lnrm.css} +1 -1
  114. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
  115. package/es/components/Tabs/ui/Tabs/variations/_view/{base_4xkt26.css → base_aij3sf.css} +1 -1
  116. package/es/index.css +11 -11
  117. package/package.json +2 -2
  118. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  119. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +13 -9
  120. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +13 -5
  121. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +2 -2
  122. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  123. package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
  124. package/styled-components/cjs/components/Tabs/tokens.js +5 -2
  125. package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js +8 -2
  126. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  127. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +49 -7
  128. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
  129. package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  130. package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  131. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  132. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  133. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
  134. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +4 -5
  135. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  136. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  137. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
  138. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +4 -5
  139. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  140. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  141. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +13 -9
  142. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +13 -5
  143. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +3 -3
  144. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  145. package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
  146. package/styled-components/es/components/Tabs/tokens.js +5 -2
  147. package/styled-components/es/components/Tabs/ui/TabItem/TabItem.js +8 -2
  148. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  149. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +50 -8
  150. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +2 -2
  151. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  152. package/styled-components/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  153. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  154. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  155. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
  156. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +4 -5
  157. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  158. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  159. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
  160. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.config.js +4 -5
  161. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  162. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  163. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  164. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  165. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  166. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -1
  167. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +13 -0
  168. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
  169. package/types/components/Tabs/tokens.d.ts +3 -0
  170. package/types/components/Tabs/tokens.d.ts.map +1 -1
  171. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
  172. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -1
  173. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +4 -2
  174. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  175. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
  176. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +12 -5
  177. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
  178. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -1
  179. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -1
  180. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts +0 -1
  181. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -1
  182. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -1
  183. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  184. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -1
  185. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts +0 -1
  186. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -1
  187. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +2 -1
  188. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  189. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +2 -1
  190. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
  191. package/cjs/components/DatePicker/DatePickerBase.styles_1whkrlf.css +0 -1
  192. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +0 -5
  193. package/cjs/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +0 -1
  194. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +0 -1
  195. package/es/components/DatePicker/DatePickerBase.styles_1whkrlf.css +0 -1
  196. package/es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +0 -5
  197. package/es/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +0 -1
  198. package/es/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +0 -1
@@ -1,4 +1,4 @@
1
- import React, { ComponentProps, useEffect, useRef, useState } from 'react';
1
+ import React, { ComponentProps, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
@@ -263,82 +263,3 @@ export const Range: StoryObj<StoryPropsRange> = {
263
263
  },
264
264
  render: (args) => <StoryRange {...args} />,
265
265
  };
266
-
267
- const StoryDeferred = ({
268
- enableContentLeft,
269
- enableContentRight,
270
- valueError,
271
- valueSuccess,
272
- size,
273
- ...rest
274
- }: StoryPropsDefault) => {
275
- const [isOpen, setIsOpen] = useState(false);
276
-
277
- const [defVal, setDefVal] = useState<Date | undefined>(undefined);
278
-
279
- const iconSize = size === 'xs' ? 'xs' : 's';
280
-
281
- useEffect(() => {
282
- setTimeout(() => {
283
- setDefVal(new Date(2024, 5, 14));
284
- }, 5000);
285
- }, []);
286
-
287
- return (
288
- <>
289
- <h3>Асинхронная установка даты по умолчанию</h3>
290
- <DatePicker
291
- defaultDate={defVal}
292
- isOpen={isOpen}
293
- size={size}
294
- valueError={valueError}
295
- valueSuccess={valueSuccess}
296
- contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
297
- contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
298
- onBlur={onBlur}
299
- onFocus={onFocus}
300
- onToggle={(is) => setIsOpen(is)}
301
- onChangeValue={(e, currentValue) => {
302
- onChangeValue(e, currentValue);
303
- }}
304
- onCommitDate={() => setIsOpen(false)}
305
- {...rest}
306
- />
307
- </>
308
- );
309
- };
310
-
311
- export const Deferred: StoryObj<StoryPropsDefault> = {
312
- argTypes: {
313
- defaultDate: {
314
- control: {
315
- type: 'date',
316
- },
317
- },
318
- labelPlacement: {
319
- options: labelPlacements,
320
- control: {
321
- type: 'inline-radio',
322
- },
323
- },
324
- },
325
- args: {
326
- label: 'Лейбл',
327
- leftHelper: 'Подсказка к полю',
328
- placeholder: '30.05.2024',
329
- size: 'l',
330
- view: 'default',
331
- labelPlacement: 'outer',
332
- min: new Date(2024, 1, 1),
333
- max: new Date(2024, 12, 29),
334
- maskWithFormat: false,
335
- disabled: false,
336
- readOnly: false,
337
- textBefore: '',
338
- enableContentLeft: true,
339
- enableContentRight: true,
340
- valueError: false,
341
- valueSuccess: false,
342
- },
343
- render: (args) => <StoryDeferred {...args} />,
344
- };