@salutejs/plasma-new-hope 0.163.0-canary.1475.11269507677.0 → 0.163.1-canary.1346.11287695223.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (686) hide show
  1. package/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -77
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -33
  6. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  7. package/cjs/components/DatePicker/hooks/useDatePicker.js +48 -20
  8. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  9. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
  10. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
  11. package/cjs/components/DatePicker/utils/dateHelper.js +0 -31
  12. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
  13. package/cjs/components/Tabs/createTabsController.js.map +1 -1
  14. package/cjs/components/Tabs/tokens.js +12 -4
  15. package/cjs/components/Tabs/tokens.js.map +1 -1
  16. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
  17. package/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +22 -18
  18. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
  19. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +35 -0
  20. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
  21. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +5 -0
  22. package/cjs/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
  23. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
  24. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
  25. package/cjs/components/Tabs/ui/{TabItem/variations/_disabled → horizontal/HorizontalTabItem/variations/_pilled}/base.js +2 -2
  26. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
  27. package/cjs/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
  28. package/cjs/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
  29. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
  30. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
  31. package/cjs/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
  32. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
  33. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +1 -0
  34. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
  35. package/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +21 -21
  36. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
  37. package/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
  38. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
  39. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
  40. package/cjs/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
  41. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
  42. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
  43. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
  44. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
  45. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
  46. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
  47. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
  48. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
  49. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +9 -0
  50. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
  51. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
  52. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
  53. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
  54. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
  55. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
  56. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +126 -0
  57. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
  58. package/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → vertical/VerticalTabItem/VerticalTabItem.styles.js} +12 -6
  59. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
  60. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +5 -0
  61. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  62. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
  63. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
  64. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  65. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
  66. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
  67. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +9 -0
  68. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
  69. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +1 -0
  70. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
  71. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +220 -0
  72. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
  73. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
  74. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
  75. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
  76. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  77. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
  78. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
  79. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  80. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
  81. package/cjs/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
  82. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  83. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
  84. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  85. package/cjs/index.css +41 -17
  86. package/cjs/index.js +12 -6
  87. package/cjs/index.js.map +1 -1
  88. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +3 -1
  89. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -77
  90. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
  91. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -33
  92. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +48 -20
  93. package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
  94. package/emotion/cjs/components/DatePicker/utils/dateHelper.js +1 -31
  95. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
  96. package/emotion/cjs/components/Tabs/index.js +36 -10
  97. package/emotion/cjs/components/Tabs/tokens.js +12 -4
  98. package/emotion/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
  99. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +51 -0
  100. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +9 -0
  101. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +9 -0
  102. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +9 -0
  103. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
  104. package/{styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +17 -17
  105. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +55 -0
  106. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +9 -0
  107. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
  108. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
  109. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +10 -0
  110. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
  111. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +128 -0
  112. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +51 -0
  113. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  114. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  115. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  116. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
  117. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
  118. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +46 -0
  119. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  120. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  121. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  122. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  123. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
  124. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  125. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
  126. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
  127. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +14 -3
  128. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
  129. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +8 -3
  130. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
  131. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
  132. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  133. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  134. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -13
  135. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  136. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
  137. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +14 -3
  138. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
  139. package/emotion/cjs/examples/plasma_web/components/Tabs/TabsController.js +8 -3
  140. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
  141. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
  142. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  143. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  144. package/emotion/es/components/Badge/Badge.template-doc.mdx +3 -1
  145. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +17 -79
  146. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
  147. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +10 -34
  148. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +49 -21
  149. package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
  150. package/emotion/es/components/DatePicker/utils/dateHelper.js +0 -30
  151. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +86 -21
  152. package/emotion/es/components/Tabs/index.js +4 -2
  153. package/emotion/es/components/Tabs/tokens.js +12 -4
  154. package/{styled-components/es/components/Tabs/ui/TabItem/TabItem.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
  155. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +44 -0
  156. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +3 -0
  157. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
  158. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +3 -0
  159. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
  160. package/{styled-components/es/components/Tabs/ui/Tabs/Tabs.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +11 -11
  161. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +48 -0
  162. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +3 -0
  163. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
  164. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -0
  165. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
  166. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +3 -0
  167. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +119 -0
  168. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +44 -0
  169. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
  170. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
  171. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  172. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
  173. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
  174. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +39 -0
  175. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
  176. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
  177. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  178. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
  179. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
  180. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  181. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
  182. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
  183. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +14 -4
  184. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
  185. package/emotion/es/examples/plasma_b2c/components/Tabs/TabsController.js +9 -4
  186. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
  187. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
  188. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  189. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  190. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -13
  191. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  192. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
  193. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +14 -4
  194. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
  195. package/emotion/es/examples/plasma_web/components/Tabs/TabsController.js +9 -4
  196. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
  197. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
  198. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  199. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  200. package/es/components/DatePicker/RangeDate/RangeDate.js +17 -79
  201. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  202. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
  203. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  204. package/es/components/DatePicker/SingleDate/SingleDate.js +10 -34
  205. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  206. package/es/components/DatePicker/hooks/useDatePicker.js +49 -21
  207. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  208. package/es/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
  209. package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
  210. package/es/components/DatePicker/utils/dateHelper.js +1 -31
  211. package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
  212. package/es/components/Tabs/createTabsController.js.map +1 -1
  213. package/es/components/Tabs/tokens.js +12 -4
  214. package/es/components/Tabs/tokens.js.map +1 -1
  215. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
  216. package/es/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +18 -14
  217. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
  218. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +27 -0
  219. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
  220. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +5 -0
  221. package/es/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
  222. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
  223. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
  224. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +5 -0
  225. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
  226. package/es/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
  227. package/es/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
  228. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
  229. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
  230. package/es/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
  231. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
  232. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +1 -0
  233. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
  234. package/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +15 -15
  235. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
  236. package/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
  237. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
  238. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
  239. package/es/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
  240. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
  241. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
  242. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +5 -0
  243. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
  244. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
  245. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +5 -0
  246. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
  247. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
  248. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +5 -0
  249. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
  250. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
  251. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +5 -0
  252. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
  253. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
  254. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
  255. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +121 -0
  256. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
  257. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +27 -0
  258. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
  259. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +5 -0
  260. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +5 -0
  261. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
  262. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
  263. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +5 -0
  264. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
  265. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
  266. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +5 -0
  267. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
  268. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +1 -0
  269. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
  270. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +215 -0
  271. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
  272. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +22 -0
  273. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
  274. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
  275. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +5 -0
  276. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
  277. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
  278. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +5 -0
  279. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
  280. package/es/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
  281. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +5 -0
  282. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
  283. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  284. package/es/index.css +41 -17
  285. package/es/index.js +4 -2
  286. package/es/index.js.map +1 -1
  287. package/package.json +2 -2
  288. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +3 -1
  289. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -77
  290. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
  291. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -33
  292. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +48 -20
  293. package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
  294. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +1 -31
  295. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
  296. package/styled-components/cjs/components/Tabs/index.js +36 -10
  297. package/styled-components/cjs/components/Tabs/tokens.js +12 -4
  298. package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
  299. package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +11 -8
  300. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
  301. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
  302. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.js +2 -2
  303. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
  304. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
  305. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
  306. package/{emotion/cjs/components/Tabs/ui/Tabs/Tabs.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +17 -17
  307. package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
  308. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
  309. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
  310. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.js +2 -2
  311. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
  312. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.js +3 -3
  313. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
  314. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
  315. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +128 -0
  316. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +33 -0
  317. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  318. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
  319. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  320. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  321. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
  322. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
  323. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
  324. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
  325. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  326. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
  327. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  328. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  329. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  330. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
  331. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
  332. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  333. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
  334. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
  335. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +14 -3
  336. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
  337. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +8 -3
  338. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
  339. package/styled-components/cjs/examples/{plasma_web/components/Tabs/Tabs.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
  340. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  341. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  342. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +2 -1
  343. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  344. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
  345. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +14 -3
  346. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
  347. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabsController.js +8 -3
  348. package/styled-components/cjs/examples/plasma_web/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
  349. package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
  350. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  351. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  352. package/styled-components/es/components/Badge/Badge.template-doc.mdx +3 -1
  353. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +17 -79
  354. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
  355. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +10 -34
  356. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +49 -21
  357. package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
  358. package/styled-components/es/components/DatePicker/utils/dateHelper.js +0 -30
  359. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +86 -21
  360. package/styled-components/es/components/Tabs/index.js +4 -2
  361. package/styled-components/es/components/Tabs/tokens.js +12 -4
  362. package/{emotion/es/components/Tabs/ui/TabItem/TabItem.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
  363. package/styled-components/es/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +10 -7
  364. package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
  365. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
  366. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
  367. package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
  368. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
  369. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
  370. package/{emotion/es/components/Tabs/ui/Tabs/Tabs.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +11 -11
  371. package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
  372. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
  373. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
  374. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
  375. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
  376. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
  377. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
  378. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
  379. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +119 -0
  380. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +25 -0
  381. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
  382. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
  383. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
  384. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  385. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
  386. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
  387. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
  388. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +21 -0
  389. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
  390. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
  391. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
  392. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  393. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
  394. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
  395. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
  396. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  397. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
  398. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
  399. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +14 -4
  400. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
  401. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabsController.js +9 -4
  402. package/styled-components/es/examples/{plasma_web/components/Tabs/TabItem.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
  403. package/styled-components/es/examples/plasma_b2c/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
  404. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  405. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  406. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +2 -1
  407. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  408. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
  409. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +14 -4
  410. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
  411. package/styled-components/es/examples/plasma_web/components/Tabs/TabsController.js +9 -4
  412. package/styled-components/es/examples/{plasma_b2c/components/Tabs/TabItem.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
  413. package/styled-components/es/examples/plasma_web/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
  414. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  415. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  416. package/types/components/DatePicker/DatePickerBase.types.d.ts +5 -7
  417. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  418. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +8 -8
  419. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  420. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +4 -14
  421. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  422. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  423. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  424. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +1 -2
  425. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  426. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  427. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +2 -12
  428. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  429. package/types/components/DatePicker/hooks/useDatePicker.d.ts +3 -2
  430. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  431. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +1 -3
  432. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
  433. package/types/components/DatePicker/utils/dateHelper.d.ts +0 -10
  434. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
  435. package/types/components/Popover/Popover.types.d.ts +1 -1
  436. package/types/components/Tabs/TabItem.types.d.ts +96 -0
  437. package/types/components/Tabs/TabItem.types.d.ts.map +1 -0
  438. package/types/components/Tabs/{ui/Tabs/Tabs.types.d.ts → Tabs.types.d.ts} +36 -9
  439. package/types/components/Tabs/Tabs.types.d.ts.map +1 -0
  440. package/types/components/Tabs/createTabsController.d.ts +5 -4
  441. package/types/components/Tabs/createTabsController.d.ts.map +1 -1
  442. package/types/components/Tabs/index.d.ts +6 -4
  443. package/types/components/Tabs/index.d.ts.map +1 -1
  444. package/types/components/Tabs/tokens.d.ts +12 -4
  445. package/types/components/Tabs/tokens.d.ts.map +1 -1
  446. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +29 -0
  447. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -0
  448. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +7 -0
  449. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -0
  450. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +1 -0
  451. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +1 -0
  452. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -0
  453. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +1 -0
  454. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +34 -0
  455. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -0
  456. package/types/components/Tabs/ui/{Tabs/Tabs.styles.d.ts → horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts} +1 -1
  457. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -0
  458. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +1 -0
  459. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +1 -0
  460. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +1 -0
  461. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +1 -0
  462. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -0
  463. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +26 -0
  464. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -0
  465. package/types/components/Tabs/ui/{TabItem/TabItem.styles.d.ts → vertical/VerticalTabItem/VerticalTabItem.styles.d.ts} +2 -1
  466. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -0
  467. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +2 -0
  468. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +1 -0
  469. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +2 -0
  470. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -0
  471. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +2 -0
  472. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +1 -0
  473. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +27 -0
  474. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -0
  475. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +8 -0
  476. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -0
  477. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +2 -0
  478. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +1 -0
  479. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +2 -0
  480. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +1 -0
  481. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +2 -0
  482. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -0
  483. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +1 -0
  484. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  485. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +1 -0
  486. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  487. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -4
  488. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +54 -3
  489. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  490. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +20 -3
  491. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  492. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  493. package/types/examples/{plasma_web/components/Tabs/TabItem.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts} +1 -1
  494. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
  495. package/types/examples/{plasma_web/components/Tabs/Tabs.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
  496. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
  497. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
  498. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
  499. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
  500. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
  501. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +1 -0
  502. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  503. package/types/examples/plasma_web/components/Badge/Badge.d.ts +1 -0
  504. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  505. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -4
  506. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +54 -3
  507. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  508. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +20 -3
  509. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  510. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  511. package/types/examples/{plasma_b2c/components/Tabs/TabItem.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts} +1 -1
  512. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
  513. package/types/examples/{plasma_b2c/components/Tabs/Tabs.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
  514. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
  515. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
  516. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
  517. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
  518. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
  519. package/cjs/components/Tabs/ui/TabItem/TabItem.css +0 -12
  520. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
  521. package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
  522. package/cjs/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +0 -4
  523. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
  524. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
  525. package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
  526. package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
  527. package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
  528. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
  529. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
  530. package/cjs/components/Tabs/ui/Tabs/Tabs.css +0 -16
  531. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
  532. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
  533. package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
  534. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
  535. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
  536. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
  537. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
  538. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
  539. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
  540. package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
  541. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -9
  542. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
  543. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
  544. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
  545. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
  546. package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
  547. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +0 -39
  548. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -9
  549. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -9
  550. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +0 -9
  551. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
  552. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +0 -55
  553. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
  554. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
  555. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +0 -9
  556. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -10
  557. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
  558. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -39
  559. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -41
  560. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +0 -39
  561. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +0 -41
  562. package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -32
  563. package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -3
  564. package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
  565. package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +0 -3
  566. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
  567. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +0 -48
  568. package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -3
  569. package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
  570. package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +0 -3
  571. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
  572. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -3
  573. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -33
  574. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -35
  575. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +0 -33
  576. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +0 -35
  577. package/es/components/Tabs/ui/TabItem/TabItem.css +0 -12
  578. package/es/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
  579. package/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -22
  580. package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
  581. package/es/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +0 -4
  582. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -5
  583. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
  584. package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
  585. package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
  586. package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
  587. package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
  588. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
  589. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
  590. package/es/components/Tabs/ui/Tabs/Tabs.css +0 -16
  591. package/es/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
  592. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
  593. package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
  594. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -5
  595. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
  596. package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
  597. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -5
  598. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
  599. package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
  600. package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
  601. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -5
  602. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
  603. package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
  604. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -5
  605. package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
  606. package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
  607. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
  608. package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
  609. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
  610. package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
  611. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
  612. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +0 -29
  613. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +0 -1
  614. package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +0 -1
  615. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +0 -54
  616. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +0 -1
  617. package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +0 -1
  618. package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +0 -1
  619. package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +0 -1
  620. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +0 -1
  621. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +0 -34
  622. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +0 -1
  623. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +0 -1
  624. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +0 -1
  625. package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +0 -1
  626. package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +0 -1
  627. package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +0 -1
  628. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +0 -1
  629. package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +0 -1
  630. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +0 -1
  631. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +0 -1
  632. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +0 -1
  633. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +0 -1
  634. /package/emotion/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  635. /package/emotion/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  636. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
  637. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  638. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  639. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
  640. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
  641. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  642. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  643. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  644. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
  645. /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
  646. /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
  647. /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
  648. /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
  649. /package/emotion/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  650. /package/emotion/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  651. /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
  652. /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  653. /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  654. /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
  655. /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
  656. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  657. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  658. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  659. /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
  660. /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
  661. /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
  662. /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
  663. /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
  664. /package/styled-components/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  665. /package/styled-components/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  666. /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  667. /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  668. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  669. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  670. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  671. /package/styled-components/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  672. /package/styled-components/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  673. /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  674. /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  675. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  676. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  677. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  678. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.d.ts +0 -0
  679. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.d.ts +0 -0
  680. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.d.ts +0 -0
  681. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/base.d.ts +0 -0
  682. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.d.ts +0 -0
  683. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.d.ts +0 -0
  684. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.d.ts +0 -0
  685. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.d.ts +0 -0
  686. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.d.ts +0 -0
@@ -5,7 +5,7 @@ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '.
5
5
  import { useDatePicker } from '../hooks/useDatePicker.js';
6
6
  import { classes } from '../DatePicker.tokens.js';
7
7
  import { StyledCalendar, InputHidden } from '../DatePickerBase.styles.js';
8
- import { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
8
+ import { useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
9
9
  import { base as base$2 } from './variations/_size/base.js';
10
10
  import { base as base$1 } from './variations/_view/base.js';
11
11
  import { base as base$3 } from './variations/_disabled/base.js';
@@ -14,7 +14,7 @@ import { StyledInput, StyledLabel, StyledPopover, LeftHelper, base } from './Sin
14
14
  import { noop } from '../../../utils/noop.js';
15
15
  import { getPlacements } from '../../../utils/getPopoverPlacement.js';
16
16
 
17
- var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
17
+ var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
18
18
  var datePickerRoot = function datePickerRoot(Root) {
19
19
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
20
20
  var className = _ref.className,
@@ -59,16 +59,10 @@ var datePickerRoot = function datePickerRoot(Root) {
59
59
  disabledYearList = _ref.disabledYearList,
60
60
  _ref$type = _ref.type,
61
61
  type = _ref$type === void 0 ? 'Days' : _ref$type,
62
- _ref$frame = _ref.frame,
63
- frame = _ref$frame === void 0 ? 'document' : _ref$frame,
64
- _ref$usePortal = _ref.usePortal,
65
- usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
66
62
  _ref$placement = _ref.placement,
67
63
  placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
68
64
  _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
69
65
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
70
- _ref$closeOnEsc = _ref.closeOnEsc,
71
- closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
72
66
  offset = _ref.offset,
73
67
  onChangeValue = _ref.onChangeValue,
74
68
  onCommitDate = _ref.onCommitDate,
@@ -103,6 +97,7 @@ var datePickerRoot = function datePickerRoot(Root) {
103
97
  currentValue: inputValue,
104
98
  setInputValue: setInputValue,
105
99
  setCalendarValue: setCalendarValue,
100
+ setIsInnerOpen: setIsInnerOpen,
106
101
  dateFormatDelimiter: dateFormatDelimiter,
107
102
  format: format,
108
103
  lang: lang,
@@ -111,33 +106,21 @@ var datePickerRoot = function datePickerRoot(Root) {
111
106
  maskWithFormat: maskWithFormat,
112
107
  valueError: valueError,
113
108
  valueSuccess: valueSuccess,
109
+ inputRef: inputRef,
114
110
  name: name,
111
+ onToggle: onToggle,
115
112
  onChangeValue: onChangeValue,
116
113
  onCommitDate: onCommitDate,
117
114
  onChange: onChange
118
115
  }),
119
116
  datePickerErrorClass = _useDatePicker.datePickerErrorClass,
120
117
  datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
118
+ handleToggle = _useDatePicker.handleToggle,
121
119
  handleChangeValue = _useDatePicker.handleChangeValue,
122
120
  handleCommitDate = _useDatePicker.handleCommitDate;
123
- var handleToggle = function handleToggle(opened, event) {
124
- if (disabled || readOnly) {
125
- return;
126
- }
127
- var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : opened;
128
- if (!isCalendarOpen && inputValue) {
129
- var _inputRef$current;
130
- inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
131
- }
132
- if (onToggle) {
133
- return onToggle(isCalendarOpen, event);
134
- }
135
- setIsInnerOpen(isCalendarOpen);
136
- };
137
121
  var _useKeyNavigation = useKeyNavigation({
138
122
  isCalendarOpen: isInnerOpen,
139
- onToggle: handleToggle,
140
- closeOnEsc: closeOnEsc
123
+ onToggle: handleToggle
141
124
  }),
142
125
  onKeyDown = _useKeyNavigation.onKeyDown;
143
126
  var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, _extends({
@@ -193,8 +176,7 @@ var datePickerRoot = function datePickerRoot(Root) {
193
176
  ref: ref
194
177
  }, rest), !innerLabelPlacement && label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledPopover, {
195
178
  opened: isInnerOpen,
196
- usePortal: usePortal,
197
- frame: frame,
179
+ usePortal: false,
198
180
  onToggle: handleToggle,
199
181
  offset: offset,
200
182
  placement: getPlacements(placement),
@@ -203,13 +185,7 @@ var datePickerRoot = function datePickerRoot(Root) {
203
185
  isFocusTrapped: false,
204
186
  target: DatePickerInput,
205
187
  preventOverflow: false
206
- }, /*#__PURE__*/React.createElement(Root, _extends({
207
- view: view,
208
- size: size,
209
- className: cx(classes.datePickerRoot, className),
210
- disabled: disabled,
211
- readOnly: !disabled && readOnly
212
- }, rest), /*#__PURE__*/React.createElement(StyledCalendar, {
188
+ }, /*#__PURE__*/React.createElement(StyledCalendar, {
213
189
  size: size,
214
190
  value: calendarValue,
215
191
  type: type,
@@ -229,7 +205,7 @@ var datePickerRoot = function datePickerRoot(Root) {
229
205
  onChangeValue: function onChangeValue(date, dateInfo) {
230
206
  return handleCommitDate(date, false, true, dateInfo);
231
207
  }
232
- }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
208
+ })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
233
209
  type: "hidden",
234
210
  datatype: "datepicker-single",
235
211
  name: name,
@@ -1 +1 @@
1
- {"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements, noop } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n\n label,\n labelPlacement = 'outer',\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const innerRef = useRef<HTMLInputElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n const [inputValue, setInputValue] = useState(formatInputValue({ value: defaultDate, format, lang }));\n\n const innerLabelPlacement = labelPlacement === 'inner';\n\n const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n const { datePickerErrorClass, datePickerSuccessClass, handleChangeValue, handleCommitDate } = useDatePicker(\n {\n currentValue: inputValue,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n onChangeValue,\n onCommitDate,\n onChange,\n },\n );\n\n const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : opened;\n\n if (!isCalendarOpen && inputValue) {\n inputRef?.current?.focus();\n }\n\n if (onToggle) {\n return onToggle(isCalendarOpen, event);\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n onToggle: handleToggle,\n closeOnEsc,\n });\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cx(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={(date) => handleCommitDate(date, true, false)}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n {...(innerLabelPlacement && { label, labelPlacement })}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useEffect(() => {\n setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n }, [defaultDate]);\n\n useEffect(() => {\n setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n }, [format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n {!innerLabelPlacement && label && <StyledLabel>{label}</StyledLabel>}\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n <StyledCalendar\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n />\n </Root>\n </StyledPopover>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","innerRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","value","_useState6","inputValue","setInputValue","innerLabelPlacement","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCommitDate","handleToggle","event","isCalendarOpen","target","current","code","keys","Escape","_inputRef$current","focus","_useKeyNavigation","useKeyNavigation","onKeyDown","DatePickerInput","React","createElement","StyledInput","_extends","cx","onSearch","date","useEffect","prevOpen","classes","StyledLabel","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendar","isRange","locale","dateInfo","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements, noop } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n\n label,\n labelPlacement = 'outer',\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n offset,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const innerRef = useRef<HTMLInputElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n const [inputValue, setInputValue] = useState(formatInputValue({ value: defaultDate, format, lang }));\n\n const innerLabelPlacement = labelPlacement === 'inner';\n\n const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleToggle,\n handleChangeValue,\n handleCommitDate,\n } = useDatePicker({\n currentValue: inputValue,\n setInputValue,\n setCalendarValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n inputRef,\n name,\n onToggle,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n onToggle: handleToggle,\n });\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cx(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={(date) => handleCommitDate(date, true, false)}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n {...(innerLabelPlacement && { label, labelPlacement })}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useEffect(() => {\n setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n }, [defaultDate]);\n\n useEffect(() => {\n setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n }, [format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n {!innerLabelPlacement && label && <StyledLabel>{label}</StyledLabel>}\n <StyledPopover\n opened={isInnerOpen}\n usePortal={false}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <StyledCalendar\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n />\n </StyledPopover>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","innerRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","value","_useState6","inputValue","setInputValue","innerLabelPlacement","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","_useKeyNavigation","useKeyNavigation","isCalendarOpen","onKeyDown","DatePickerInput","React","createElement","StyledInput","_extends","cx","onSearch","date","useEffect","prevOpen","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","locale","dateInfo","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
@@ -1,10 +1,12 @@
1
1
  import { classes } from '../DatePicker.tokens.js';
2
- import { getMaskedDateOnInput, formatCalendarValue, formatInputValue, validateDateWithFullMonth, getDateFromFormat } from '../utils/dateHelper.js';
2
+ import { getMaskedDateOnInput, formatCalendarValue, formatInputValue, getDateFromFormat } from '../utils/dateHelper.js';
3
+ import { customDayjs } from '../../../utils/datejs.js';
3
4
 
4
5
  var useDatePicker = function useDatePicker(_ref) {
5
6
  var currentValue = _ref.currentValue,
6
7
  setInputValue = _ref.setInputValue,
7
8
  setCalendarValue = _ref.setCalendarValue,
9
+ setIsInnerOpen = _ref.setIsInnerOpen,
8
10
  dateFormatDelimiter = _ref.dateFormatDelimiter,
9
11
  format = _ref.format,
10
12
  _ref$lang = _ref.lang,
@@ -14,12 +16,24 @@ var useDatePicker = function useDatePicker(_ref) {
14
16
  maskWithFormat = _ref.maskWithFormat,
15
17
  valueError = _ref.valueError,
16
18
  valueSuccess = _ref.valueSuccess,
19
+ inputRef = _ref.inputRef,
17
20
  name = _ref.name,
21
+ onToggle = _ref.onToggle,
18
22
  onChangeValue = _ref.onChangeValue,
19
23
  onCommitDate = _ref.onCommitDate,
20
24
  onChange = _ref.onChange;
21
25
  var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
22
26
  var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
27
+ var handleToggle = function handleToggle(opened, event) {
28
+ if (disabled || readOnly) {
29
+ return;
30
+ }
31
+ var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? true : opened;
32
+ if (onToggle) {
33
+ return onToggle(isCalendarOpen, event);
34
+ }
35
+ setIsInnerOpen(isCalendarOpen);
36
+ };
23
37
  var handleChangeValue = function handleChangeValue(event) {
24
38
  if (disabled || readOnly) {
25
39
  return;
@@ -42,14 +56,24 @@ var useDatePicker = function useDatePicker(_ref) {
42
56
  });
43
57
  return;
44
58
  }
45
- var _validateDateWithFull = validateDateWithFullMonth({
46
- currentValue: newValue,
47
- format: format,
48
- lang: lang
49
- }),
50
- hasMonthFullName = _validateDateWithFull.hasMonthFullName,
51
- isValidMonth = _validateDateWithFull.isValidMonth,
52
- isLengthEqual = _validateDateWithFull.isLengthEqual;
59
+
60
+ /**
61
+ * NOTE: если в формате даты есть месяц в полном названии или сокращенном,
62
+ * нужно дополнительно проводить валидацию на полноту введенной даты.
63
+ * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
64
+ */
65
+ var hasMonthFullName = /M{3,4}/g.test(format);
66
+ var isValidMonth;
67
+ var isLengthEqual;
68
+ if (hasMonthFullName) {
69
+ customDayjs.locale(lang);
70
+ var firstIndexOfMonth = format.indexOf('M');
71
+ var lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);
72
+ var fullMonthName = !lastIndexOfMonth ? newValue.slice(firstIndexOfMonth) : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);
73
+ var monthFormatting = format.replace(/[^M]/g, '');
74
+ isValidMonth = customDayjs("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
75
+ isLengthEqual = format.length - monthFormatting.length === newValue.length - fullMonthName.length;
76
+ }
53
77
  if (!hasMonthFullName && (newValue === null || newValue === void 0 ? void 0 : newValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
54
78
  setCalendarValue(formatCalendarValue(newValue, format, lang));
55
79
  }
@@ -79,18 +103,20 @@ var useDatePicker = function useDatePicker(_ref) {
79
103
  return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
80
104
  }
81
105
  if (isCalendarValue) {
82
- var _formattedInputValue = formatInputValue({
106
+ setCalendarValue(formatCalendarValue(date, format, lang));
107
+ setInputValue(formatInputValue({
83
108
  value: date,
84
109
  format: format,
85
110
  lang: lang
86
- });
87
- setCalendarValue(formatCalendarValue(date, format, lang));
88
- setInputValue(_formattedInputValue);
111
+ }));
89
112
  onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
90
- onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, _formattedInputValue);
91
113
  onChange === null || onChange === void 0 || onChange({
92
114
  target: {
93
- value: _formattedInputValue,
115
+ value: formatInputValue({
116
+ value: date,
117
+ format: format,
118
+ lang: lang
119
+ }),
94
120
  name: name
95
121
  }
96
122
  });
@@ -101,18 +127,19 @@ var useDatePicker = function useDatePicker(_ref) {
101
127
  newDate = _getDateFromFormat.value,
102
128
  isError = _getDateFromFormat.isError,
103
129
  isSuccess = _getDateFromFormat.isSuccess;
104
- var formattedInputValue = formatInputValue({
130
+ setCalendarValue(formatCalendarValue(newDate, format, lang));
131
+ setInputValue(formatInputValue({
105
132
  value: newDate,
106
133
  format: format,
107
134
  lang: lang
108
- });
109
- setCalendarValue(formatCalendarValue(newDate, format, lang));
110
- setInputValue(formattedInputValue);
135
+ }));
111
136
  onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
112
- onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, formattedInputValue);
113
137
  onChange === null || onChange === void 0 || onChange({
114
138
  target: {
115
- value: formattedInputValue,
139
+ value: formatInputValue({
140
+ value: date,
141
+ format: format
142
+ }),
116
143
  name: name
117
144
  }
118
145
  });
@@ -120,6 +147,7 @@ var useDatePicker = function useDatePicker(_ref) {
120
147
  return {
121
148
  datePickerErrorClass: datePickerErrorClass,
122
149
  datePickerSuccessClass: datePickerSuccessClass,
150
+ handleToggle: handleToggle,
123
151
  handleChangeValue: handleChangeValue,
124
152
  handleCommitDate: handleCommitDate
125
153
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport {\n formatCalendarValue,\n formatInputValue,\n getDateFromFormat,\n getMaskedDateOnInput,\n validateDateWithFullMonth,\n} from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\n\nexport const useDatePicker = ({\n currentValue,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n format,\n lang = 'ru',\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n onChangeValue,\n onCommitDate,\n onChange,\n}: UseDatePickerProps) => {\n const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n const { value } = event.target;\n\n const newValue = maskWithFormat\n ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n : value;\n\n if (!format) {\n setCalendarValue(formatCalendarValue(newValue));\n setInputValue(formatInputValue({ value: newValue, format, lang }));\n onChangeValue?.(event, newValue);\n onChange?.({ target: { value: newValue, name } });\n\n return;\n }\n\n const { hasMonthFullName, isValidMonth, isLengthEqual } = validateDateWithFullMonth({\n currentValue: newValue,\n format,\n lang,\n });\n\n if ((!hasMonthFullName && newValue?.length === format?.length) || (isValidMonth && isLengthEqual)) {\n setCalendarValue(formatCalendarValue(newValue, format, lang));\n }\n\n setInputValue(\n formatInputValue({ value: newValue, format, lang, hasMonthFullName, isValidMonth, isLengthEqual }),\n );\n\n onChangeValue?.(event, newValue);\n onChange?.({ target: { value: newValue, name } });\n };\n\n const handleCommitDate = (\n date?: Date | string,\n applyFormat?: boolean,\n isCalendarValue?: boolean,\n dateInfo?: DateInfo,\n ) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (!date) {\n setCalendarValue(undefined);\n setInputValue('');\n\n return onCommitDate?.('', false, true);\n }\n\n if (isCalendarValue) {\n const formattedInputValue = formatInputValue({ value: date, format, lang });\n\n setCalendarValue(formatCalendarValue(date, format, lang));\n setInputValue(formattedInputValue);\n\n onCommitDate?.(date, false, true, dateInfo);\n onChangeValue?.(null, formattedInputValue);\n onChange?.({ target: { value: formattedInputValue, name } });\n\n return;\n }\n\n const formatString = applyFormat ? format : undefined;\n\n const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString, lang);\n const formattedInputValue = formatInputValue({ value: newDate, format, lang });\n\n setCalendarValue(formatCalendarValue(newDate, format, lang));\n setInputValue(formattedInputValue);\n\n onCommitDate?.(newDate, isError, isSuccess);\n onChangeValue?.(null, formattedInputValue);\n onChange?.({ target: { value: formattedInputValue, name } });\n };\n\n return {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCommitDate,\n };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","dateFormatDelimiter","format","_ref$lang","lang","disabled","readOnly","maskWithFormat","valueError","valueSuccess","name","onChangeValue","onCommitDate","onChange","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleChangeValue","event","value","target","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","_validateDateWithFull","validateDateWithFullMonth","hasMonthFullName","isValidMonth","isLengthEqual","length","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formattedInputValue","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}
1
+ {"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\nimport { customDayjs } from '../../../utils/datejs';\n\nexport const useDatePicker = ({\n currentValue,\n setInputValue,\n setCalendarValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n lang = 'ru',\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n inputRef,\n name,\n onToggle,\n onChangeValue,\n onCommitDate,\n onChange,\n}: UseDatePickerProps) => {\n const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n if (onToggle) {\n return onToggle(isCalendarOpen, event);\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n const { value } = event.target;\n\n const newValue = maskWithFormat\n ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n : value;\n\n if (!format) {\n setCalendarValue(formatCalendarValue(newValue));\n setInputValue(formatInputValue({ value: newValue, format, lang }));\n onChangeValue?.(event, newValue);\n onChange?.({ target: { value: newValue, name } });\n\n return;\n }\n\n /**\n * NOTE: если в формате даты есть месяц в полном названии или сокращенном,\n * нужно дополнительно проводить валидацию на полноту введенной даты.\n * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.\n */\n const hasMonthFullName = /M{3,4}/g.test(format);\n let isValidMonth;\n let isLengthEqual;\n\n if (hasMonthFullName) {\n customDayjs.locale(lang);\n\n const firstIndexOfMonth = format.indexOf('M');\n const lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);\n\n const fullMonthName = !lastIndexOfMonth\n ? newValue.slice(firstIndexOfMonth)\n : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);\n\n const monthFormatting = format.replace(/[^M]/g, '');\n\n isValidMonth = customDayjs(`01 ${fullMonthName} 1970`, `DD ${monthFormatting} YYYY`, true).isValid();\n isLengthEqual = format.length - monthFormatting.length === newValue.length - fullMonthName.length;\n }\n\n if ((!hasMonthFullName && newValue?.length === format?.length) || (isValidMonth && isLengthEqual)) {\n setCalendarValue(formatCalendarValue(newValue, format, lang));\n }\n\n setInputValue(\n formatInputValue({ value: newValue, format, lang, hasMonthFullName, isValidMonth, isLengthEqual }),\n );\n\n onChangeValue?.(event, newValue);\n onChange?.({ target: { value: newValue, name } });\n };\n\n const handleCommitDate = (\n date?: Date | string,\n applyFormat?: boolean,\n isCalendarValue?: boolean,\n dateInfo?: DateInfo,\n ) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (!date) {\n setCalendarValue(undefined);\n setInputValue('');\n\n return onCommitDate?.('', false, true);\n }\n\n if (isCalendarValue) {\n setCalendarValue(formatCalendarValue(date, format, lang));\n setInputValue(formatInputValue({ value: date, format, lang }));\n onCommitDate?.(date, false, true, dateInfo);\n onChange?.({ target: { value: formatInputValue({ value: date, format, lang }), name } });\n\n return;\n }\n\n const formatString = applyFormat ? format : undefined;\n\n const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString, lang);\n\n setCalendarValue(formatCalendarValue(newDate, format, lang));\n setInputValue(formatInputValue({ value: newDate, format, lang }));\n\n onCommitDate?.(newDate, isError, isSuccess);\n onChange?.({ target: { value: formatInputValue({ value: date, format }), name } });\n };\n\n return {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleToggle,\n handleChangeValue,\n handleCommitDate,\n };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","_ref$lang","lang","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","name","onToggle","onChangeValue","onCommitDate","onChange","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","hasMonthFullName","test","isValidMonth","isLengthEqual","customDayjs","locale","firstIndexOfMonth","indexOf","lastIndexOfMonth","fullMonthName","slice","monthFormatting","replace","concat","isValid","length","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}
@@ -1,10 +1,8 @@
1
1
  var keys = {
2
- Space: 'Space',
3
- Escape: 'Escape'
2
+ Space: 'Space'
4
3
  };
5
4
  var useKeyNavigation = function useKeyNavigation(_ref) {
6
5
  var isCalendarOpen = _ref.isCalendarOpen,
7
- closeOnEsc = _ref.closeOnEsc,
8
6
  onToggle = _ref.onToggle;
9
7
  var onKeyDown = function onKeyDown(event) {
10
8
  switch (event.code) {
@@ -16,14 +14,6 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
16
14
  }
17
15
  break;
18
16
  }
19
- case keys.Escape:
20
- {
21
- if (isCalendarOpen && closeOnEsc) {
22
- event.preventDefault();
23
- onToggle(false, event);
24
- }
25
- break;
26
- }
27
17
  }
28
18
  };
29
19
  return {
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/DatePicker/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';\n\ninterface Props {\n isCalendarOpen: boolean;\n closeOnEsc: boolean;\n onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;\n}\n\nexport const keys = {\n Space: 'Space',\n Escape: 'Escape',\n};\n\nexport const useKeyNavigation = ({ isCalendarOpen, closeOnEsc, onToggle }: Props) => {\n const onKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n switch (event.code) {\n case keys.Space: {\n if (!isCalendarOpen) {\n event.preventDefault();\n onToggle(true, event);\n }\n break;\n }\n case keys.Escape: {\n if (isCalendarOpen && closeOnEsc) {\n event.preventDefault();\n onToggle(false, event);\n }\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["keys","Space","Escape","useKeyNavigation","_ref","isCalendarOpen","closeOnEsc","onToggle","onKeyDown","event","code","preventDefault"],"mappings":"AAQO,IAAMA,IAAI,GAAG;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACZ,EAAC;IAEYC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAwD;AAAA,EAAA,IAAlDC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AACnE,EAAA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAsE,EAAK;IAC1F,QAAQA,KAAK,CAACC,IAAI;MACd,KAAKV,IAAI,CAACC,KAAK;AAAE,QAAA;UACb,IAAI,CAACI,cAAc,EAAE;YACjBI,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,YAAAA,QAAQ,CAAC,IAAI,EAAEE,KAAK,CAAC,CAAA;AACzB,WAAA;AACA,UAAA,MAAA;AACJ,SAAA;MACA,KAAKT,IAAI,CAACE,MAAM;AAAE,QAAA;UACd,IAAIG,cAAc,IAAIC,UAAU,EAAE;YAC9BG,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,YAAAA,QAAQ,CAAC,KAAK,EAAEE,KAAK,CAAC,CAAA;AAC1B,WAAA;AACA,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;EAED,OAAO;AAAED,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
1
+ {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/DatePicker/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';\n\ninterface Props {\n isCalendarOpen: boolean;\n onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;\n}\n\nexport const keys = {\n Space: 'Space',\n};\n\nexport const useKeyNavigation = ({ isCalendarOpen, onToggle }: Props) => {\n const onKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n switch (event.code) {\n case keys.Space: {\n if (!isCalendarOpen) {\n event.preventDefault();\n onToggle(true, event);\n }\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["keys","Space","useKeyNavigation","_ref","isCalendarOpen","onToggle","onKeyDown","event","code","preventDefault"],"mappings":"AAOO,IAAMA,IAAI,GAAG;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACX,EAAC;IAEYC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAA4C;AAAA,EAAA,IAAtCC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AACvD,EAAA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAsE,EAAK;IAC1F,QAAQA,KAAK,CAACC,IAAI;MACd,KAAKR,IAAI,CAACC,KAAK;AAAE,QAAA;UACb,IAAI,CAACG,cAAc,EAAE;YACjBG,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,YAAAA,QAAQ,CAAC,IAAI,EAAEE,KAAK,CAAC,CAAA;AACzB,WAAA;AACA,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;EAED,OAAO;AAAED,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
@@ -80,36 +80,6 @@ var getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimite
80
80
  }
81
81
  return value;
82
82
  };
83
- var validateDateWithFullMonth = function validateDateWithFullMonth(_ref2) {
84
- var currentValue = _ref2.currentValue,
85
- format = _ref2.format,
86
- lang = _ref2.lang;
87
- /**
88
- * NOTE: если в формате даты есть месяц в полном названии или сокращенном,
89
- * нужно дополнительно проводить валидацию на полноту введенной даты.
90
- * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
91
- */
92
- var hasMonthFullName = /M{3,4}/g.test(format);
93
- if (!hasMonthFullName) {
94
- return {
95
- hasMonthFullName: hasMonthFullName,
96
- isValidMonth: false,
97
- isLengthEqual: false
98
- };
99
- }
100
- customDayjs.locale(lang);
101
- var firstIndexOfMonth = format.indexOf('M');
102
- var lastIndexOfMonth = currentValue.indexOf(getDateFormatDelimiter(format), firstIndexOfMonth);
103
- var fullMonthName = !lastIndexOfMonth ? currentValue.slice(firstIndexOfMonth) : currentValue.slice(firstIndexOfMonth, lastIndexOfMonth);
104
- var monthFormatting = format.replace(/[^M]/g, '');
105
- var isValidMonth = customDayjs("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
106
- var isLengthEqual = format.length - monthFormatting.length === currentValue.length - fullMonthName.length;
107
- return {
108
- hasMonthFullName: hasMonthFullName,
109
- isValidMonth: isValidMonth,
110
- isLengthEqual: isLengthEqual
111
- };
112
- };
113
83
 
114
- export { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat, getMaskedDateOnInput, validateDateWithFullMonth };
84
+ export { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat, getMaskedDateOnInput };
115
85
  //# sourceMappingURL=dateHelper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dateHelper.js","sources":["../../../../src/components/DatePicker/utils/dateHelper.ts"],"sourcesContent":["import { customDayjs } from '../../../utils/datejs';\nimport { ValidateDateArgs } from '../DatePickerBase.types';\n\nexport type Langs = 'ru' | 'en';\n\ntype FormatInputValueArgs = {\n value?: Date | string;\n format?: string;\n lang?: Langs;\n hasMonthFullName?: boolean;\n isValidMonth?: boolean;\n isLengthEqual?: boolean;\n};\n\nexport const formatInputValue = ({\n value,\n format,\n lang,\n hasMonthFullName,\n isValidMonth,\n isLengthEqual,\n}: FormatInputValueArgs) => {\n if (!value || !lang) {\n return '';\n }\n\n if (hasMonthFullName && (!isValidMonth || !isLengthEqual)) {\n return String(value);\n }\n\n if (format && customDayjs(value, format, true).isValid()) {\n return customDayjs(value, format).locale(lang).format(format);\n }\n\n if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {\n return customDayjs(value).locale(lang).format(format);\n }\n\n return String(value);\n};\n\nexport const formatCalendarValue = (value?: Date | string, format?: string, lang?: Langs) => {\n if (!value || !lang) {\n return undefined;\n }\n\n if (format && customDayjs(value, format, true).isValid()) {\n return customDayjs(value, format, true).locale(lang).toDate();\n }\n\n if (String(new Date(value)) !== 'Invalid Date') {\n return customDayjs(value).locale(lang).toDate();\n }\n\n return undefined;\n};\n\nexport const getDateFromFormat = (value: Date | string, format?: string, lang?: Langs) => {\n if (format && customDayjs(value, format, true).isValid() && lang) {\n return { value: customDayjs(value, format, true).locale(lang).toDate(), isError: false, isSuccess: true };\n }\n\n if (!format && String(new Date(value)) !== 'Invalid Date' && lang) {\n return { value: customDayjs(value).locale(lang).toDate(), isError: false, isSuccess: true };\n }\n\n return { value, isError: true, isSuccess: false };\n};\n\nexport const getDateFormatDelimiter = (format?: string) => {\n if (!format) {\n return '';\n }\n\n const delimiter = format.match(/[^a-zA-Z0-9]/)?.[0];\n\n return delimiter ?? '';\n};\n\nexport const getMaskedDateOnInput = (value?: string, format?: string, delimiter?: string, prevValue?: string) => {\n if (!value) {\n return '';\n }\n\n if (!format || !delimiter || /M{3,4}/g.test(format)) {\n return value;\n }\n\n if (value.length >= format.length) {\n return value.slice(0, format.length);\n }\n\n if (prevValue && value.length < prevValue.length && prevValue?.[value.length] === delimiter) {\n return value.slice(0, -1);\n }\n\n if (format?.[value.length] === delimiter) {\n return value + delimiter;\n }\n\n return value;\n};\n\nexport const validateDateWithFullMonth = ({ currentValue, format, lang }: ValidateDateArgs) => {\n /**\n * NOTE: если в формате даты есть месяц в полном названии или сокращенном,\n * нужно дополнительно проводить валидацию на полноту введенной даты.\n * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.\n */\n const hasMonthFullName = /M{3,4}/g.test(format);\n\n if (!hasMonthFullName) {\n return {\n hasMonthFullName,\n isValidMonth: false,\n isLengthEqual: false,\n };\n }\n\n customDayjs.locale(lang);\n\n const firstIndexOfMonth = format.indexOf('M');\n const lastIndexOfMonth = currentValue.indexOf(getDateFormatDelimiter(format), firstIndexOfMonth);\n\n const fullMonthName = !lastIndexOfMonth\n ? currentValue.slice(firstIndexOfMonth)\n : currentValue.slice(firstIndexOfMonth, lastIndexOfMonth);\n\n const monthFormatting = format.replace(/[^M]/g, '');\n\n const isValidMonth = customDayjs(`01 ${fullMonthName} 1970`, `DD ${monthFormatting} YYYY`, true).isValid();\n const isLengthEqual = format.length - monthFormatting.length === currentValue.length - fullMonthName.length;\n\n return {\n hasMonthFullName,\n isValidMonth,\n isLengthEqual,\n };\n};\n"],"names":["formatInputValue","_ref","value","format","lang","hasMonthFullName","isValidMonth","isLengthEqual","String","customDayjs","isValid","locale","length","Date","formatCalendarValue","undefined","toDate","getDateFromFormat","isError","isSuccess","getDateFormatDelimiter","_format$match","delimiter","match","getMaskedDateOnInput","prevValue","test","slice","validateDateWithFullMonth","_ref2","currentValue","firstIndexOfMonth","indexOf","lastIndexOfMonth","fullMonthName","monthFormatting","replace","concat"],"mappings":";;IAcaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAOD;AAAA,EAAA,IANxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;IAChBC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,aAAa,GAAAN,IAAA,CAAbM,aAAa,CAAA;AAEb,EAAA,IAAI,CAACL,KAAK,IAAI,CAACE,IAAI,EAAE;AACjB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,IAAIC,gBAAgB,KAAK,CAACC,YAAY,IAAI,CAACC,aAAa,CAAC,EAAE;IACvD,OAAOC,MAAM,CAACN,KAAK,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,IAAIC,MAAM,IAAIM,WAAW,CAACP,KAAK,EAAEC,MAAM,EAAE,IAAI,CAAC,CAACO,OAAO,EAAE,EAAE;AACtD,IAAA,OAAOD,WAAW,CAACP,KAAK,EAAEC,MAAM,CAAC,CAACQ,MAAM,CAACP,IAAI,CAAC,CAACD,MAAM,CAACA,MAAM,CAAC,CAAA;AACjE,GAAA;EAEA,IAAIA,MAAM,IAAIK,MAAM,CAACN,KAAK,CAAC,CAACU,MAAM,IAAI,EAAE,IAAIJ,MAAM,CAAC,IAAIK,IAAI,CAACX,KAAK,CAAC,CAAC,KAAK,cAAc,EAAE;AACpF,IAAA,OAAOO,WAAW,CAACP,KAAK,CAAC,CAACS,MAAM,CAACP,IAAI,CAAC,CAACD,MAAM,CAACA,MAAM,CAAC,CAAA;AACzD,GAAA;EAEA,OAAOK,MAAM,CAACN,KAAK,CAAC,CAAA;AACxB,EAAC;AAEM,IAAMY,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIZ,KAAqB,EAAEC,MAAe,EAAEC,IAAY,EAAK;AACzF,EAAA,IAAI,CAACF,KAAK,IAAI,CAACE,IAAI,EAAE;AACjB,IAAA,OAAOW,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAIZ,MAAM,IAAIM,WAAW,CAACP,KAAK,EAAEC,MAAM,EAAE,IAAI,CAAC,CAACO,OAAO,EAAE,EAAE;AACtD,IAAA,OAAOD,WAAW,CAACP,KAAK,EAAEC,MAAM,EAAE,IAAI,CAAC,CAACQ,MAAM,CAACP,IAAI,CAAC,CAACY,MAAM,EAAE,CAAA;AACjE,GAAA;EAEA,IAAIR,MAAM,CAAC,IAAIK,IAAI,CAACX,KAAK,CAAC,CAAC,KAAK,cAAc,EAAE;AAC5C,IAAA,OAAOO,WAAW,CAACP,KAAK,CAAC,CAACS,MAAM,CAACP,IAAI,CAAC,CAACY,MAAM,EAAE,CAAA;AACnD,GAAA;AAEA,EAAA,OAAOD,SAAS,CAAA;AACpB,EAAC;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIf,KAAoB,EAAEC,MAAe,EAAEC,IAAY,EAAK;AACtF,EAAA,IAAID,MAAM,IAAIM,WAAW,CAACP,KAAK,EAAEC,MAAM,EAAE,IAAI,CAAC,CAACO,OAAO,EAAE,IAAIN,IAAI,EAAE;IAC9D,OAAO;AAAEF,MAAAA,KAAK,EAAEO,WAAW,CAACP,KAAK,EAAEC,MAAM,EAAE,IAAI,CAAC,CAACQ,MAAM,CAACP,IAAI,CAAC,CAACY,MAAM,EAAE;AAAEE,MAAAA,OAAO,EAAE,KAAK;AAAEC,MAAAA,SAAS,EAAE,IAAA;KAAM,CAAA;AAC7G,GAAA;AAEA,EAAA,IAAI,CAAChB,MAAM,IAAIK,MAAM,CAAC,IAAIK,IAAI,CAACX,KAAK,CAAC,CAAC,KAAK,cAAc,IAAIE,IAAI,EAAE;IAC/D,OAAO;AAAEF,MAAAA,KAAK,EAAEO,WAAW,CAACP,KAAK,CAAC,CAACS,MAAM,CAACP,IAAI,CAAC,CAACY,MAAM,EAAE;AAAEE,MAAAA,OAAO,EAAE,KAAK;AAAEC,MAAAA,SAAS,EAAE,IAAA;KAAM,CAAA;AAC/F,GAAA;EAEA,OAAO;AAAEjB,IAAAA,KAAK,EAALA,KAAK;AAAEgB,IAAAA,OAAO,EAAE,IAAI;AAAEC,IAAAA,SAAS,EAAE,KAAA;GAAO,CAAA;AACrD,EAAC;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIjB,MAAe,EAAK;AAAA,EAAA,IAAAkB,aAAA,CAAA;EACvD,IAAI,CAAClB,MAAM,EAAE;AACT,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;AAEA,EAAA,IAAMmB,SAAS,GAAAD,CAAAA,aAAA,GAAGlB,MAAM,CAACoB,KAAK,CAAC,cAAc,CAAC,cAAAF,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA5BA,aAAA,CAA+B,CAAC,CAAC,CAAA;AAEnD,EAAA,OAAOC,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAA;AAC1B,EAAC;AAEYE,IAAAA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAItB,KAAc,EAAEC,MAAe,EAAEmB,SAAkB,EAAEG,SAAkB,EAAK;EAC7G,IAAI,CAACvB,KAAK,EAAE;AACR,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;AAEA,EAAA,IAAI,CAACC,MAAM,IAAI,CAACmB,SAAS,IAAI,SAAS,CAACI,IAAI,CAACvB,MAAM,CAAC,EAAE;AACjD,IAAA,OAAOD,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,IAAIA,KAAK,CAACU,MAAM,IAAIT,MAAM,CAACS,MAAM,EAAE;IAC/B,OAAOV,KAAK,CAACyB,KAAK,CAAC,CAAC,EAAExB,MAAM,CAACS,MAAM,CAAC,CAAA;AACxC,GAAA;EAEA,IAAIa,SAAS,IAAIvB,KAAK,CAACU,MAAM,GAAGa,SAAS,CAACb,MAAM,IAAI,CAAAa,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAGvB,KAAK,CAACU,MAAM,CAAC,MAAKU,SAAS,EAAE;IACzF,OAAOpB,KAAK,CAACyB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7B,GAAA;AAEA,EAAA,IAAI,CAAAxB,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAGD,KAAK,CAACU,MAAM,CAAC,MAAKU,SAAS,EAAE;IACtC,OAAOpB,KAAK,GAAGoB,SAAS,CAAA;AAC5B,GAAA;AAEA,EAAA,OAAOpB,KAAK,CAAA;AAChB,EAAC;IAEY0B,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,KAAA,EAAyD;AAAA,EAAA,IAAnDC,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAE3B,MAAM,GAAA0B,KAAA,CAAN1B,MAAM;IAAEC,IAAI,GAAAyB,KAAA,CAAJzB,IAAI,CAAA;AAClE;AACJ;AACA;AACA;AACA;AACI,EAAA,IAAMC,gBAAgB,GAAG,SAAS,CAACqB,IAAI,CAACvB,MAAM,CAAC,CAAA;EAE/C,IAAI,CAACE,gBAAgB,EAAE;IACnB,OAAO;AACHA,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,aAAa,EAAE,KAAA;KAClB,CAAA;AACL,GAAA;AAEAE,EAAAA,WAAW,CAACE,MAAM,CAACP,IAAI,CAAC,CAAA;AAExB,EAAA,IAAM2B,iBAAiB,GAAG5B,MAAM,CAAC6B,OAAO,CAAC,GAAG,CAAC,CAAA;AAC7C,EAAA,IAAMC,gBAAgB,GAAGH,YAAY,CAACE,OAAO,CAACZ,sBAAsB,CAACjB,MAAM,CAAC,EAAE4B,iBAAiB,CAAC,CAAA;AAEhG,EAAA,IAAMG,aAAa,GAAG,CAACD,gBAAgB,GACjCH,YAAY,CAACH,KAAK,CAACI,iBAAiB,CAAC,GACrCD,YAAY,CAACH,KAAK,CAACI,iBAAiB,EAAEE,gBAAgB,CAAC,CAAA;EAE7D,IAAME,eAAe,GAAGhC,MAAM,CAACiC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAEnD,EAAA,IAAM9B,YAAY,GAAGG,WAAW,CAAA4B,KAAAA,CAAAA,MAAA,CAAOH,aAAa,EAAA,OAAA,CAAA,EAAA,KAAA,CAAAG,MAAA,CAAeF,eAAe,EAAS,OAAA,CAAA,EAAA,IAAI,CAAC,CAACzB,OAAO,EAAE,CAAA;AAC1G,EAAA,IAAMH,aAAa,GAAGJ,MAAM,CAACS,MAAM,GAAGuB,eAAe,CAACvB,MAAM,KAAKkB,YAAY,CAAClB,MAAM,GAAGsB,aAAa,CAACtB,MAAM,CAAA;EAE3G,OAAO;AACHP,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,aAAa,EAAbA,aAAAA;GACH,CAAA;AACL;;;;"}
1
+ {"version":3,"file":"dateHelper.js","sources":["../../../../src/components/DatePicker/utils/dateHelper.ts"],"sourcesContent":["import { customDayjs } from '../../../utils/datejs';\n\nexport type Langs = 'ru' | 'en';\n\ntype FormatInputValueArgs = {\n value?: Date | string;\n format?: string;\n lang?: Langs;\n hasMonthFullName?: boolean;\n isValidMonth?: boolean;\n isLengthEqual?: boolean;\n};\n\nexport const formatInputValue = ({\n value,\n format,\n lang,\n hasMonthFullName,\n isValidMonth,\n isLengthEqual,\n}: FormatInputValueArgs) => {\n if (!value || !lang) {\n return '';\n }\n\n if (hasMonthFullName && (!isValidMonth || !isLengthEqual)) {\n return String(value);\n }\n\n if (format && customDayjs(value, format, true).isValid()) {\n return customDayjs(value, format).locale(lang).format(format);\n }\n\n if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {\n return customDayjs(value).locale(lang).format(format);\n }\n\n return String(value);\n};\n\nexport const formatCalendarValue = (value?: Date | string, format?: string, lang?: Langs) => {\n if (!value || !lang) {\n return undefined;\n }\n\n if (format && customDayjs(value, format, true).isValid()) {\n return customDayjs(value, format, true).locale(lang).toDate();\n }\n\n if (String(new Date(value)) !== 'Invalid Date') {\n return customDayjs(value).locale(lang).toDate();\n }\n\n return undefined;\n};\n\nexport const getDateFromFormat = (value: Date | string, format?: string, lang?: Langs) => {\n if (format && customDayjs(value, format, true).isValid() && lang) {\n return { value: customDayjs(value, format, true).locale(lang).toDate(), isError: false, isSuccess: true };\n }\n\n if (!format && String(new Date(value)) !== 'Invalid Date' && lang) {\n return { value: customDayjs(value).locale(lang).toDate(), isError: false, isSuccess: true };\n }\n\n return { value, isError: true, isSuccess: false };\n};\n\nexport const getDateFormatDelimiter = (format?: string) => {\n if (!format) {\n return '';\n }\n\n const delimiter = format.match(/[^a-zA-Z0-9]/)?.[0];\n\n return delimiter ?? '';\n};\n\nexport const getMaskedDateOnInput = (value?: string, format?: string, delimiter?: string, prevValue?: string) => {\n if (!value) {\n return '';\n }\n\n if (!format || !delimiter || /M{3,4}/g.test(format)) {\n return value;\n }\n\n if (value.length >= format.length) {\n return value.slice(0, format.length);\n }\n\n if (prevValue && value.length < prevValue.length && prevValue?.[value.length] === delimiter) {\n return value.slice(0, -1);\n }\n\n if (format?.[value.length] === delimiter) {\n return value + delimiter;\n }\n\n return value;\n};\n"],"names":["formatInputValue","_ref","value","format","lang","hasMonthFullName","isValidMonth","isLengthEqual","String","customDayjs","isValid","locale","length","Date","formatCalendarValue","undefined","toDate","getDateFromFormat","isError","isSuccess","getDateFormatDelimiter","_format$match","delimiter","match","getMaskedDateOnInput","prevValue","test","slice"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"createTabsController.js","sources":["../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { TabsProps, TabItemProps } from '.';\n\nexport interface TabsControllerProps extends TabsProps {\n items: Array<{ label: string } & TabItemProps>;\n index: number;\n onIndexChange: (index: number) => void;\n children?: never;\n autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n ListComponent: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>,\n ItemComponent: ForwardRefExoticComponent<TabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n // eslint-disable-next-line prefer-arrow-callback\n return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n const { disabled } = rest;\n\n return (\n <ListComponent ref={ref} index={index} {...rest}>\n {items.map(({ label, ...restItem }, i) => (\n <ItemComponent\n key={i}\n selected={i === index}\n itemIndex={i}\n onIndexChange={onIndexChange}\n tabIndex={!disabled && i === index ? 0 : -1}\n disabled={disabled}\n {...restItem}\n >\n {label}\n </ItemComponent>\n ))}\n </ListComponent>\n );\n });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAAmF,EACnFC,aAAsF,EACxF;AACE;EACA,oBAAOC,UAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,QAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,wBAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,KAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,QAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}
1
+ {"version":3,"file":"createTabsController.js","sources":["../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalTabsProps {\n items: Array<{ label: string } & HorizontalTabItemProps>;\n index: number;\n onIndexChange: (index: number) => void;\n children?: never;\n autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n // eslint-disable-next-line prefer-arrow-callback\n return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n const { disabled } = rest;\n\n return (\n <ListComponent ref={ref} index={index} {...rest}>\n {items.map(({ label, ...restItem }, i) => (\n <ItemComponent\n key={i}\n selected={i === index}\n itemIndex={i}\n onIndexChange={onIndexChange}\n tabIndex={!disabled && i === index ? 0 : -1}\n disabled={disabled}\n {...restItem}\n >\n {label}\n </ItemComponent>\n ))}\n </ListComponent>\n );\n });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,UAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,QAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,wBAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,KAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,QAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}
@@ -3,6 +3,7 @@ var classes = {
3
3
  tabsPilled: 'tabs-pilled',
4
4
  tabsGroupFilledBackground: 'tabs-group-filled-background',
5
5
  tabsStretch: 'tabs-stretched',
6
+ tabsNoDivider: 'tabs-no-divider',
6
7
  tabItemDivider: 'tab-item-divider',
7
8
  tabItemAnimated: 'tab-item-animated',
8
9
  tabContent: 'tab-item-content',
@@ -10,18 +11,23 @@ var classes = {
10
11
  tabLeftContent: 'tab-item-left-content',
11
12
  tabsHasLeftArrow: 'tabs-has-left-arrow',
12
13
  tabsHasRightArrow: 'tabs-has-right-arrow',
14
+ tabsHasTopArrow: 'tabs-has-top-arrow',
15
+ tabsHasBottomArrow: 'tabs-has-bottom-arrow',
13
16
  tabsClipScroll: 'tabs-clip-scroll',
14
17
  tabsClipShowAll: 'tabs-clip-show-all'
15
18
  };
16
19
  var tokens = {
17
20
  disabledOpacity: '--plasma-tabs-disabled-opacity',
18
21
  containerWidth: '--plasma-tabs-container-width',
22
+ containerHeight: '--plasma-tabs-container-height',
19
23
  cursor: '--plasma-tabs-cursor',
20
24
  color: '--plasma-tabs-color',
21
25
  colorHover: '--plasma-tabs-color-hover',
26
+ tabsDividerWidth: '--plasma-tabs-divider-width',
22
27
  tabsDividerHeight: '--plasma-tabs-divider-height',
23
28
  tabsDividerColor: '--plasma-tabs-divider-color',
24
29
  tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',
30
+ itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',
25
31
  itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',
26
32
  itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',
27
33
  itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',
@@ -41,6 +47,7 @@ var tokens = {
41
47
  itemPadding: '--plasma-tab-item-padding',
42
48
  itemPaddingClear: '--plasma-tab-item-padding-clear',
43
49
  itemPaddingPilled: '--plasma-tab-item-padding-pilled',
50
+ itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',
44
51
  itemMarginLeft: '--plasma-tab-item-margin-left',
45
52
  itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',
46
53
  itemContentGap: '--plasma-tab-item-content-gap',
@@ -50,19 +57,20 @@ var tokens = {
50
57
  arrowOuterPadding: '--plasma-tab-arrow-outer-padding',
51
58
  arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',
52
59
  itemColor: '--plasma-tab-item-color',
60
+ itemValueColor: '--plasma-tab-item-value-color',
53
61
  itemBackgroundColor: '--plasma-tab-item-background-color',
54
62
  itemColorHover: '--plasma-tab-item-color-hover',
63
+ itemValueColorHover: '--plasma-tab-item-value-color-hover',
55
64
  itemColorActive: '--plasma-tab-item-color-active',
65
+ itemValueColorActive: '--plasma-tab-item-value-color-active',
56
66
  itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
57
67
  itemSelectedColor: '--plasma-tab-item-selected-color',
68
+ itemSelectedValueColor: '--plasma-tab-item-selected-value-color',
58
69
  itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
59
70
  itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',
71
+ itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',
60
72
  itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',
61
73
  itemBackgroundTransition: '--plasma-tab-item-background-transition',
62
- additionalContentColor: '--plasma-tab-item-additional-content-color',
63
- additionalContentHoverColor: '--plasma-tab-item-hover-additional-content-color',
64
- additionalContentSelectedColor: '--plasma-tab-item-selected-additional-content-color',
65
- additionalContentSelectedHoverColor: '--plasma-tab-item-selected-hover-additional-content-color',
66
74
  fontFamily: '--plasma-tab-item-font-family',
67
75
  fontSize: '--plasma-tab-item-font-size',
68
76
  fontStyle: '--plasma-tab-item-font-style',