react-miui 0.34.0 → 0.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (284) hide show
  1. package/.claude/settings.local.json +2 -1
  2. package/CHANGELOG.md +13 -0
  3. package/dist/components/form/index.d.ts +1 -0
  4. package/dist/components/form/index.d.ts.map +1 -1
  5. package/dist/components/form/index.js +1 -0
  6. package/dist/components/form/index.js.map +1 -1
  7. package/dist/components/form/input/Input.d.ts.map +1 -1
  8. package/dist/components/form/input/Input.js +9 -5
  9. package/dist/components/form/input/Input.js.map +1 -1
  10. package/dist/components/form/timepicker/TimePicker.css.d.ts +99 -0
  11. package/dist/components/form/timepicker/TimePicker.css.d.ts.map +1 -0
  12. package/dist/components/form/timepicker/TimePicker.css.js +116 -0
  13. package/dist/components/form/timepicker/TimePicker.css.js.map +1 -0
  14. package/dist/components/form/timepicker/TimePicker.d.ts +22 -0
  15. package/dist/components/form/timepicker/TimePicker.d.ts.map +1 -0
  16. package/dist/components/form/timepicker/TimePicker.js +141 -0
  17. package/dist/components/form/timepicker/TimePicker.js.map +1 -0
  18. package/dist/components/form/timepicker/TimePicker.styled.d.ts +936 -0
  19. package/dist/components/form/timepicker/TimePicker.styled.d.ts.map +1 -0
  20. package/dist/components/form/timepicker/TimePicker.styled.js +29 -0
  21. package/dist/components/form/timepicker/TimePicker.styled.js.map +1 -0
  22. package/dist/components/form/timepicker/TimePickerModal.d.ts +17 -0
  23. package/dist/components/form/timepicker/TimePickerModal.d.ts.map +1 -0
  24. package/dist/components/form/timepicker/TimePickerModal.js +92 -0
  25. package/dist/components/form/timepicker/TimePickerModal.js.map +1 -0
  26. package/dist/components/form/timepicker/Wheel.d.ts +12 -0
  27. package/dist/components/form/timepicker/Wheel.d.ts.map +1 -0
  28. package/dist/components/form/timepicker/Wheel.js +187 -0
  29. package/dist/components/form/timepicker/Wheel.js.map +1 -0
  30. package/dist/components/form/timepicker/utils.d.ts +4 -0
  31. package/dist/components/form/timepicker/utils.d.ts.map +1 -0
  32. package/dist/components/form/timepicker/utils.js +62 -0
  33. package/dist/components/form/timepicker/utils.js.map +1 -0
  34. package/dist/components/icons/Clock.d.ts +7 -0
  35. package/dist/components/icons/Clock.d.ts.map +1 -0
  36. package/dist/components/icons/Clock.js +45 -0
  37. package/dist/components/icons/Clock.js.map +1 -0
  38. package/dist/components/icons/Icon.d.ts +2 -1
  39. package/dist/components/icons/Icon.d.ts.map +1 -1
  40. package/dist/components/icons/Icon.js +3 -0
  41. package/dist/components/icons/Icon.js.map +1 -1
  42. package/dist/components/ui/modal/Modal.d.ts +1 -2
  43. package/dist/components/ui/modal/Modal.d.ts.map +1 -1
  44. package/dist/components/ui/modal/Modal.js +114 -42
  45. package/dist/components/ui/modal/Modal.js.map +1 -1
  46. package/dist/components/ui/modal/Modal.styled.d.ts +1 -1
  47. package/dist/components/ui/modal/Modal.styled.d.ts.map +1 -1
  48. package/dist/components/ui/modal/Modal.styled.js +40 -25
  49. package/dist/components/ui/modal/Modal.styled.js.map +1 -1
  50. package/dist/theme.css-global.d.ts.map +1 -1
  51. package/dist/theme.css-global.js +0 -1
  52. package/dist/theme.css-global.js.map +1 -1
  53. package/dist/utils/index.d.ts +1 -0
  54. package/dist/utils/index.d.ts.map +1 -1
  55. package/dist/utils/index.js +1 -0
  56. package/dist/utils/index.js.map +1 -1
  57. package/dist/utils/useNativeValidity.d.ts +11 -0
  58. package/dist/utils/useNativeValidity.d.ts.map +1 -0
  59. package/dist/utils/useNativeValidity.js +32 -0
  60. package/dist/utils/useNativeValidity.js.map +1 -0
  61. package/docs/assets/navigation.js +1 -1
  62. package/docs/assets/search.js +1 -1
  63. package/docs/classes/index.Pop.html +7 -7
  64. package/docs/documents/Test.html +2 -2
  65. package/docs/enums/index.ICON.html +3 -2
  66. package/docs/functions/index.Action.html +3 -3
  67. package/docs/functions/index.Button.html +3 -3
  68. package/docs/functions/index.Card.html +2 -2
  69. package/docs/functions/index.Checkbox.html +3 -3
  70. package/docs/functions/index.Choice.html +2 -2
  71. package/docs/functions/index.ColorPicker.html +3 -3
  72. package/docs/functions/index.CoveringLoader.html +3 -3
  73. package/docs/functions/index.DirectionPad.html +2 -2
  74. package/docs/functions/index.Drawer.html +2 -2
  75. package/docs/functions/index.EqualActions.html +2 -2
  76. package/docs/functions/index.FullLoader.html +3 -3
  77. package/docs/functions/index.Gap.html +2 -2
  78. package/docs/functions/index.HandleEsc.html +3 -3
  79. package/docs/functions/index.Header.html +3 -3
  80. package/docs/functions/index.HeaderIconAction.html +3 -3
  81. package/docs/functions/index.Icon-1.html +2 -2
  82. package/docs/functions/index.If.html +3 -3
  83. package/docs/functions/index.Input.html +1 -1
  84. package/docs/functions/index.KeyValue.html +2 -2
  85. package/docs/functions/index.Label.html +2 -2
  86. package/docs/functions/index.Line.html +3 -3
  87. package/docs/functions/index.List.html +2 -2
  88. package/docs/functions/index.Loader.html +3 -3
  89. package/docs/functions/index.Loading.html +3 -3
  90. package/docs/functions/index.Message.html +3 -3
  91. package/docs/functions/index.Modal.html +2 -2
  92. package/docs/functions/index.ModalButtons.html +3 -3
  93. package/docs/functions/index.PopLoader.html +3 -3
  94. package/docs/functions/index.PopOption.html +2 -2
  95. package/docs/functions/index.Progress.html +2 -2
  96. package/docs/functions/index.SearchContainer.html +2 -2
  97. package/docs/functions/index.Section.html +4 -4
  98. package/docs/functions/index.Select.html +2 -2
  99. package/docs/functions/index.Selector.html +2 -2
  100. package/docs/functions/index.Spacer.html +2 -2
  101. package/docs/functions/index.Stats.html +2 -2
  102. package/docs/functions/index.StickyHeader.html +4 -4
  103. package/docs/functions/index.Table.html +2 -2
  104. package/docs/functions/index.TextArea.html +2 -2
  105. package/docs/functions/index.TimePicker.html +10 -0
  106. package/docs/functions/index.ToasterProvider.html +3 -3
  107. package/docs/functions/index.Toggle.html +3 -3
  108. package/docs/functions/index.ToolButton.html +3 -3
  109. package/docs/functions/index.Tooltip.html +3 -3
  110. package/docs/functions/index.TooltipProvider.html +2 -2
  111. package/docs/functions/index.borderPxToRem.html +1 -1
  112. package/docs/functions/index.createTheme.html +1 -1
  113. package/docs/functions/index.css.html +1 -1
  114. package/docs/functions/index.dimensionsPxToRem.html +1 -1
  115. package/docs/functions/index.fontPxToRem.html +1 -1
  116. package/docs/functions/index.getCssText.html +1 -1
  117. package/docs/functions/index.globalCss.html +2 -2
  118. package/docs/functions/index.injectGlobalStyles.html +1 -1
  119. package/docs/functions/index.keyframes.html +1 -1
  120. package/docs/functions/index.pxToRem.html +1 -1
  121. package/docs/functions/index.styled.html +1 -1
  122. package/docs/functions/index.toast.html +2 -2
  123. package/docs/functions/index.useToaster.html +1 -1
  124. package/docs/index.html +2 -2
  125. package/docs/interfaces/index.IconProps.html +2 -2
  126. package/docs/interfaces/index.InputCustomProps.html +3 -3
  127. package/docs/interfaces/index.LoaderProps.html +6 -6
  128. package/docs/interfaces/index.StickyHeaderProps.html +4 -4
  129. package/docs/interfaces/index.ToasterProviderProps.html +3 -3
  130. package/docs/interfaces/index.TooltipProps.html +14 -14
  131. package/docs/interfaces/index.TooltipProviderProps.html +5 -5
  132. package/docs/modules/index.html +1 -1
  133. package/docs/modules.html +1 -1
  134. package/docs/types/index.ActionProps.html +1 -1
  135. package/docs/types/index.CardProps.html +1 -1
  136. package/docs/types/index.CheckboxProps.html +2 -2
  137. package/docs/types/index.ChoiceProps.html +1 -1
  138. package/docs/types/index.ColorPickerProps.html +1 -1
  139. package/docs/types/index.DirectionPadProps.html +1 -1
  140. package/docs/types/index.DrawerFrom.html +1 -1
  141. package/docs/types/index.DrawerProps.html +2 -2
  142. package/docs/types/index.EqualActionsProps.html +1 -1
  143. package/docs/types/index.HeaderProps.html +1 -1
  144. package/docs/types/index.InputProps.html +1 -1
  145. package/docs/types/index.KeyValueProps.html +1 -1
  146. package/docs/types/index.LabelProps.html +1 -1
  147. package/docs/types/index.OverwriteProps.html +1 -1
  148. package/docs/types/index.ProgressProps.html +2 -2
  149. package/docs/types/index.SelectProps.html +1 -1
  150. package/docs/types/index.SelectorProps.html +1 -1
  151. package/docs/types/index.Stat.html +1 -1
  152. package/docs/types/index.StatsProps.html +1 -1
  153. package/docs/types/index.TextAreaProps.html +1 -1
  154. package/docs/types/index.ThemeCSS.html +1 -1
  155. package/docs/types/index.TimePickerProps.html +1 -0
  156. package/docs/types/index.ToggleProps.html +2 -2
  157. package/docs/variables/index.ActionBadgeSelector.html +1 -1
  158. package/docs/variables/index.ActionCircleSelector.html +1 -1
  159. package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -1
  160. package/docs/variables/index.CheckboxTextLabelSelector.html +1 -1
  161. package/docs/variables/index.ChoiceItemSelector.html +1 -1
  162. package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -1
  163. package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -1
  164. package/docs/variables/index.DirectionPadButtonSelector.html +1 -1
  165. package/docs/variables/index.DirectionPadLineSelector.html +1 -1
  166. package/docs/variables/index.DirectionPadMiddleSelector.html +1 -1
  167. package/docs/variables/index.DrawerContentSelector.html +1 -1
  168. package/docs/variables/index.HeaderAfterSelector.html +1 -1
  169. package/docs/variables/index.HeaderBeforeSelector.html +1 -1
  170. package/docs/variables/index.HeaderContentsSelector.html +1 -1
  171. package/docs/variables/index.HeaderIconActionIconSelector.html +1 -1
  172. package/docs/variables/index.InputContainerSelector.html +1 -1
  173. package/docs/variables/index.InputInputSelector.html +1 -1
  174. package/docs/variables/index.InputLabelSelector.html +1 -1
  175. package/docs/variables/index.InputPrefixSelector.html +1 -1
  176. package/docs/variables/index.InputSuffixSelector.html +1 -1
  177. package/docs/variables/index.KeyValueIconSelector.html +1 -1
  178. package/docs/variables/index.KeyValueItemSelector.html +1 -1
  179. package/docs/variables/index.KeyValueKeySelector.html +1 -1
  180. package/docs/variables/index.KeyValuePairSelector.html +1 -1
  181. package/docs/variables/index.KeyValueValueSelector.html +1 -1
  182. package/docs/variables/index.LabelTextSelector.html +1 -1
  183. package/docs/variables/index.ListItemInnerContainerClassNameSelector.html +1 -1
  184. package/docs/variables/index.ModalContainerSelector.html +1 -1
  185. package/docs/variables/index.ModalRemovePaddingSelector.html +1 -1
  186. package/docs/variables/index.ModalTitleSelector.html +1 -1
  187. package/docs/variables/index.PopListSelector.html +1 -1
  188. package/docs/variables/index.PopOptionButtonSelector.html +1 -1
  189. package/docs/variables/index.PopOptionIconSelector.html +1 -1
  190. package/docs/variables/index.PopOverlaySelector.html +1 -1
  191. package/docs/variables/index.ProgressBackgroundSelector.html +1 -1
  192. package/docs/variables/index.ProgressValueSelector.html +1 -1
  193. package/docs/variables/index.SelectorItemSelector.html +1 -1
  194. package/docs/variables/index.StatsItemSelector.html +1 -1
  195. package/docs/variables/index.StatsLabelSelector.html +1 -1
  196. package/docs/variables/index.StatsSeparatorSelector.html +1 -1
  197. package/docs/variables/index.StatsValueSelector.html +1 -1
  198. package/docs/variables/index.TextAreaLabelSelector.html +1 -1
  199. package/docs/variables/index.TextAreaTextAreaSelector.html +1 -1
  200. package/docs/variables/index.TextAreaWrapperSelector.html +1 -1
  201. package/docs/variables/index.ToggleStyledToggleSelector.html +1 -1
  202. package/docs/variables/index.TooltipContentSelector.html +1 -1
  203. package/docs/variables/index.config.html +1 -1
  204. package/docs/variables/index.cssReset.html +2 -2
  205. package/docs/variables/index.darkTheme.html +1 -1
  206. package/docs/variables/index.miuiScrollbars.html +1 -1
  207. package/docs/variables/index.theme.html +1 -1
  208. package/esm/components/form/index.d.ts +1 -0
  209. package/esm/components/form/index.d.ts.map +1 -1
  210. package/esm/components/form/index.js +1 -0
  211. package/esm/components/form/index.js.map +1 -1
  212. package/esm/components/form/input/Input.d.ts.map +1 -1
  213. package/esm/components/form/input/Input.js +9 -5
  214. package/esm/components/form/input/Input.js.map +1 -1
  215. package/esm/components/form/timepicker/TimePicker.css.d.ts +99 -0
  216. package/esm/components/form/timepicker/TimePicker.css.d.ts.map +1 -0
  217. package/esm/components/form/timepicker/TimePicker.css.js +102 -0
  218. package/esm/components/form/timepicker/TimePicker.css.js.map +1 -0
  219. package/esm/components/form/timepicker/TimePicker.d.ts +22 -0
  220. package/esm/components/form/timepicker/TimePicker.d.ts.map +1 -0
  221. package/esm/components/form/timepicker/TimePicker.js +93 -0
  222. package/esm/components/form/timepicker/TimePicker.js.map +1 -0
  223. package/esm/components/form/timepicker/TimePicker.styled.d.ts +936 -0
  224. package/esm/components/form/timepicker/TimePicker.styled.d.ts.map +1 -0
  225. package/esm/components/form/timepicker/TimePicker.styled.js +20 -0
  226. package/esm/components/form/timepicker/TimePicker.styled.js.map +1 -0
  227. package/esm/components/form/timepicker/TimePickerModal.d.ts +17 -0
  228. package/esm/components/form/timepicker/TimePickerModal.d.ts.map +1 -0
  229. package/esm/components/form/timepicker/TimePickerModal.js +56 -0
  230. package/esm/components/form/timepicker/TimePickerModal.js.map +1 -0
  231. package/esm/components/form/timepicker/Wheel.d.ts +12 -0
  232. package/esm/components/form/timepicker/Wheel.d.ts.map +1 -0
  233. package/esm/components/form/timepicker/Wheel.js +151 -0
  234. package/esm/components/form/timepicker/Wheel.js.map +1 -0
  235. package/esm/components/form/timepicker/utils.d.ts +4 -0
  236. package/esm/components/form/timepicker/utils.d.ts.map +1 -0
  237. package/esm/components/form/timepicker/utils.js +58 -0
  238. package/esm/components/form/timepicker/utils.js.map +1 -0
  239. package/esm/components/icons/Clock.d.ts +7 -0
  240. package/esm/components/icons/Clock.d.ts.map +1 -0
  241. package/esm/components/icons/Clock.js +9 -0
  242. package/esm/components/icons/Clock.js.map +1 -0
  243. package/esm/components/icons/Icon.d.ts +2 -1
  244. package/esm/components/icons/Icon.d.ts.map +1 -1
  245. package/esm/components/icons/Icon.js +3 -0
  246. package/esm/components/icons/Icon.js.map +1 -1
  247. package/esm/components/ui/modal/Modal.d.ts +1 -2
  248. package/esm/components/ui/modal/Modal.d.ts.map +1 -1
  249. package/esm/components/ui/modal/Modal.js +103 -43
  250. package/esm/components/ui/modal/Modal.js.map +1 -1
  251. package/esm/components/ui/modal/Modal.styled.d.ts +1 -1
  252. package/esm/components/ui/modal/Modal.styled.d.ts.map +1 -1
  253. package/esm/components/ui/modal/Modal.styled.js +40 -25
  254. package/esm/components/ui/modal/Modal.styled.js.map +1 -1
  255. package/esm/theme.css-global.d.ts.map +1 -1
  256. package/esm/theme.css-global.js +0 -1
  257. package/esm/theme.css-global.js.map +1 -1
  258. package/esm/utils/index.d.ts +1 -0
  259. package/esm/utils/index.d.ts.map +1 -1
  260. package/esm/utils/index.js +1 -0
  261. package/esm/utils/index.js.map +1 -1
  262. package/esm/utils/useNativeValidity.d.ts +11 -0
  263. package/esm/utils/useNativeValidity.d.ts.map +1 -0
  264. package/esm/utils/useNativeValidity.js +29 -0
  265. package/esm/utils/useNativeValidity.js.map +1 -0
  266. package/package.json +1 -1
  267. package/src/components/form/index.ts +1 -0
  268. package/src/components/form/input/Input.stories.tsx +47 -1
  269. package/src/components/form/input/Input.tsx +11 -5
  270. package/src/components/form/timepicker/TimePicker.css.ts +132 -0
  271. package/src/components/form/timepicker/TimePicker.stories.tsx +107 -0
  272. package/src/components/form/timepicker/TimePicker.styled.ts +52 -0
  273. package/src/components/form/timepicker/TimePicker.tsx +229 -0
  274. package/src/components/form/timepicker/TimePickerModal.tsx +131 -0
  275. package/src/components/form/timepicker/Wheel.tsx +201 -0
  276. package/src/components/form/timepicker/utils.ts +66 -0
  277. package/src/components/icons/Clock.tsx +38 -0
  278. package/src/components/icons/Icon.tsx +3 -0
  279. package/src/components/ui/modal/Modal.stories.tsx +43 -7
  280. package/src/components/ui/modal/Modal.styled.ts +46 -25
  281. package/src/components/ui/modal/Modal.tsx +135 -52
  282. package/src/theme.css-global.ts +0 -1
  283. package/src/utils/index.ts +1 -0
  284. package/src/utils/useNativeValidity.ts +57 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.styled.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAEvD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAE1D,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA+B,CAAC;AAEzD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA8B,CAAC;AAEvD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA6B,CAAC;AAErD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA2B,CAAC;AAEjD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgC,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgC,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKxB,CAAC;AAEH,OAAO,EACH,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,GACvB,CAAC"}
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StyledWheelFocusRing = exports.StyledWheelSeparator = exports.StyledWheelHighlight = exports.StyledWheelItem = exports.StyledWheelPadder = exports.StyledWheelWrapper = exports.StyledWheelViewport = exports.StyledWheelsContainer = exports.StyledSuffixButton = exports.StyledTimeInput = void 0;
4
+ const theme_1 = require("../../../theme");
5
+ const Input_styled_1 = require("../input/Input.styled");
6
+ const TimePicker_css_1 = require("./TimePicker.css");
7
+ const StyledTimeInput = (0, theme_1.styled)(Input_styled_1.StyledInput, TimePicker_css_1.timeInput);
8
+ exports.StyledTimeInput = StyledTimeInput;
9
+ const StyledSuffixButton = (0, theme_1.styled)("button", TimePicker_css_1.suffixButton);
10
+ exports.StyledSuffixButton = StyledSuffixButton;
11
+ const StyledWheelsContainer = (0, theme_1.styled)("div", TimePicker_css_1.wheelsContainer);
12
+ exports.StyledWheelsContainer = StyledWheelsContainer;
13
+ const StyledWheelViewport = (0, theme_1.styled)("div", TimePicker_css_1.wheelViewport);
14
+ exports.StyledWheelViewport = StyledWheelViewport;
15
+ const StyledWheelWrapper = (0, theme_1.styled)("div", TimePicker_css_1.wheelWrapper);
16
+ exports.StyledWheelWrapper = StyledWheelWrapper;
17
+ const StyledWheelPadder = (0, theme_1.styled)("div", TimePicker_css_1.wheelPadder);
18
+ exports.StyledWheelPadder = StyledWheelPadder;
19
+ const StyledWheelItem = (0, theme_1.styled)("div", TimePicker_css_1.wheelItem);
20
+ exports.StyledWheelItem = StyledWheelItem;
21
+ const StyledWheelHighlight = (0, theme_1.styled)("div", TimePicker_css_1.wheelHighlight);
22
+ exports.StyledWheelHighlight = StyledWheelHighlight;
23
+ const StyledWheelSeparator = (0, theme_1.styled)("div", TimePicker_css_1.wheelSeparator);
24
+ exports.StyledWheelSeparator = StyledWheelSeparator;
25
+ const StyledWheelFocusRing = (0, theme_1.styled)("div", Object.assign(Object.assign({}, TimePicker_css_1.wheelFocusRing), { [StyledWheelViewport.toString() + ":focus-visible + &"]: {
26
+ borderColor: "$focusColor",
27
+ } }));
28
+ exports.StyledWheelFocusRing = StyledWheelFocusRing;
29
+ //# sourceMappingURL=TimePicker.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.styled.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AACxC,wDAAoD;AACpD,qDAW0B;AAE1B,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,0BAAW,EAAE,0BAAS,CAAC,CAAC;AA0BnD,0CAAe;AAxBnB,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE,6BAAY,CAAC,CAAC;AAyBtD,gDAAkB;AAvBtB,MAAM,qBAAqB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,gCAAe,CAAC,CAAC;AAwBzD,sDAAqB;AAtBzB,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,8BAAa,CAAC,CAAC;AAuBrD,kDAAmB;AArBvB,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,6BAAY,CAAC,CAAC;AAsBnD,gDAAkB;AApBtB,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,4BAAW,CAAC,CAAC;AAqBjD,8CAAiB;AAnBrB,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,0BAAS,CAAC,CAAC;AAoB7C,0CAAe;AAlBnB,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,+BAAc,CAAC,CAAC;AAmBvD,oDAAoB;AAjBxB,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,+BAAc,CAAC,CAAC;AAkBvD,oDAAoB;AAhBxB,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,KAAK,kCAClC,+BAAc,KACjB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,GAAG,oBAAoB,CAAC,EAAE;QACrD,WAAW,EAAE,aAAa;KAC7B,IACH,CAAC;AAYC,oDAAoB"}
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ interface Props {
3
+ isOpen: boolean;
4
+ initialValue: string;
5
+ withSeconds: boolean;
6
+ minuteStep: number;
7
+ secondStep: number;
8
+ readOnly: boolean;
9
+ title?: React.ReactNode;
10
+ okLabel: React.ReactNode;
11
+ cancelLabel: React.ReactNode;
12
+ onClose: () => void;
13
+ onConfirm: (value: string) => void;
14
+ }
15
+ declare const TimePickerModal: ({ isOpen, initialValue, withSeconds, minuteStep, secondStep, readOnly, title, okLabel, cancelLabel, onClose, onConfirm, }: Props) => React.JSX.Element;
16
+ export { TimePickerModal };
17
+ //# sourceMappingURL=TimePickerModal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerModal.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAYhE,UAAU,KAAK;IACX,MAAM,EAAE,OAAO,CAAC;IAEhB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAOD,QAAA,MAAM,eAAe,GAAI,2HAYtB,KAAK,sBAoFP,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.TimePickerModal = void 0;
37
+ const react_1 = __importStar(require("react"));
38
+ const Modal_1 = require("../../ui/modal/Modal");
39
+ const ModalButtons_1 = require("../../ui/modal/ModalButtons");
40
+ const TimePicker_styled_1 = require("./TimePicker.styled");
41
+ const utils_1 = require("./utils");
42
+ const Wheel_1 = require("./Wheel");
43
+ const snapToStep = (v, step, max) => {
44
+ const snapped = Math.round(v / step) * step;
45
+ return Math.min(snapped, max - (max % step === 0 ? step : max % step));
46
+ };
47
+ const TimePickerModal = ({ isOpen, initialValue, withSeconds, minuteStep, secondStep, readOnly, title, okLabel, cancelLabel, onClose, onConfirm, }) => {
48
+ const [draftHours, setDraftHours] = (0, react_1.useState)(0);
49
+ const [draftMinutes, setDraftMinutes] = (0, react_1.useState)(0);
50
+ const [draftSeconds, setDraftSeconds] = (0, react_1.useState)(0);
51
+ (0, react_1.useEffect)(() => {
52
+ if (!isOpen) {
53
+ return;
54
+ }
55
+ const digits = (0, utils_1.parseTimeText)(initialValue, withSeconds);
56
+ const hh = digits.length >= 2 ? parseInt(digits.slice(0, 2), 10) : 0;
57
+ const mmRaw = digits.length >= 4 ? parseInt(digits.slice(2, 4), 10) : 0;
58
+ const ssRaw = digits.length >= 6 ? parseInt(digits.slice(4, 6), 10) : 0;
59
+ setDraftHours(hh);
60
+ setDraftMinutes(snapToStep(mmRaw, minuteStep, 60));
61
+ setDraftSeconds(snapToStep(ssRaw, secondStep, 60));
62
+ }, [isOpen, initialValue, withSeconds, minuteStep, secondStep]);
63
+ const handleConfirm = (0, react_1.useCallback)(() => {
64
+ const next = (0, utils_1.padTwo)(draftHours) + ":" + (0, utils_1.padTwo)(draftMinutes)
65
+ + (withSeconds ? ":" + (0, utils_1.padTwo)(draftSeconds) : "");
66
+ onConfirm(next);
67
+ }, [draftHours, draftMinutes, draftSeconds, withSeconds, onConfirm]);
68
+ const handleWheelsKeyDown = (0, react_1.useCallback)((e) => {
69
+ if (e.key === "Enter" && !readOnly) {
70
+ e.preventDefault();
71
+ handleConfirm();
72
+ }
73
+ }, [readOnly, handleConfirm]);
74
+ return (react_1.default.createElement(Modal_1.Modal, { isOpen: isOpen, onClose: onClose, title: title },
75
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelsContainer, { onKeyDown: handleWheelsKeyDown },
76
+ react_1.default.createElement(Wheel_1.Wheel, { count: 24, step: 1, value: draftHours, onChange: setDraftHours, ariaLabel: "Hours", autoFocus: true }),
77
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelSeparator, null, ":"),
78
+ react_1.default.createElement(Wheel_1.Wheel, { count: 60, step: minuteStep, value: draftMinutes, onChange: setDraftMinutes, ariaLabel: "Minutes" }),
79
+ withSeconds
80
+ ? (react_1.default.createElement(react_1.default.Fragment, null,
81
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelSeparator, null, ":"),
82
+ react_1.default.createElement(Wheel_1.Wheel, { count: 60, step: secondStep, value: draftSeconds, onChange: setDraftSeconds, ariaLabel: "Seconds" })))
83
+ : null,
84
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelHighlight, { "aria-hidden": true })),
85
+ react_1.default.createElement(ModalButtons_1.ModalButtons, null,
86
+ react_1.default.createElement(ModalButtons_1.ModalButtons.Button, { onClick: onClose }, cancelLabel),
87
+ readOnly
88
+ ? null
89
+ : (react_1.default.createElement(ModalButtons_1.ModalButtons.Button, { variant: "main", onClick: handleConfirm }, okLabel)))));
90
+ };
91
+ exports.TimePickerModal = TimePickerModal;
92
+ //# sourceMappingURL=TimePickerModal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerModal.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePickerModal.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ interface Props {
3
+ count: number;
4
+ step: number;
5
+ value: number;
6
+ onChange: (v: number) => void;
7
+ ariaLabel: string;
8
+ autoFocus?: boolean;
9
+ }
10
+ declare const Wheel: ({ count, step, value, onChange, ariaLabel, autoFocus }: Props) => React.JSX.Element;
11
+ export { Wheel };
12
+ //# sourceMappingURL=Wheel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/Wheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAW/E,UAAU,KAAK;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAID,QAAA,MAAM,KAAK,GAAI,wDAAgE,KAAK,sBAgLnF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,187 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.Wheel = void 0;
37
+ const react_1 = __importStar(require("react"));
38
+ const TimePicker_styled_1 = require("./TimePicker.styled");
39
+ const utils_1 = require("./utils");
40
+ const PAGE_JUMP = 3;
41
+ const Wheel = ({ count, step, value, onChange, ariaLabel, autoFocus = false }) => {
42
+ const viewportRef = (0, react_1.useRef)(null);
43
+ const itemRef = (0, react_1.useRef)(null);
44
+ const itemHeightRef = (0, react_1.useRef)(0);
45
+ const scrollRafRef = (0, react_1.useRef)(null);
46
+ const valueRef = (0, react_1.useRef)(value);
47
+ valueRef.current = value;
48
+ const items = Math.ceil(count / step);
49
+ const lastValue = (items - 1) * step;
50
+ const valueToIndex = (0, react_1.useCallback)((v) => {
51
+ const idx = Math.round(v / step);
52
+ if (idx < 0) {
53
+ return 0;
54
+ }
55
+ if (idx >= items) {
56
+ return items - 1;
57
+ }
58
+ return idx;
59
+ }, [items, step]);
60
+ const scrollToValue = (0, react_1.useCallback)((v, behavior) => {
61
+ const vp = viewportRef.current;
62
+ const h = itemHeightRef.current;
63
+ if (!vp || h === 0) {
64
+ return;
65
+ }
66
+ const idx = valueToIndex(v);
67
+ vp.scrollTo({ top: idx * h, behavior });
68
+ }, [valueToIndex]);
69
+ (0, react_1.useLayoutEffect)(() => {
70
+ const item = itemRef.current;
71
+ if (!item) {
72
+ return;
73
+ }
74
+ itemHeightRef.current = item.getBoundingClientRect().height;
75
+ scrollToValue(valueRef.current, "auto");
76
+ }, []);
77
+ (0, react_1.useEffect)(() => {
78
+ const item = itemRef.current;
79
+ if (!item || typeof ResizeObserver === "undefined") {
80
+ return;
81
+ }
82
+ const ro = new ResizeObserver((entries) => {
83
+ const entry = entries[0];
84
+ if (!entry) {
85
+ return;
86
+ }
87
+ const h = entry.contentRect.height;
88
+ if (h > 0 && h !== itemHeightRef.current) {
89
+ itemHeightRef.current = h;
90
+ scrollToValue(valueRef.current, "auto");
91
+ }
92
+ });
93
+ ro.observe(item);
94
+ return () => {
95
+ ro.disconnect();
96
+ };
97
+ }, [scrollToValue]);
98
+ (0, react_1.useEffect)(() => {
99
+ const vp = viewportRef.current;
100
+ const h = itemHeightRef.current;
101
+ if (!vp || h === 0) {
102
+ return;
103
+ }
104
+ const currentIdx = Math.round(vp.scrollTop / h);
105
+ const desiredIdx = valueToIndex(value);
106
+ if (currentIdx !== desiredIdx) {
107
+ scrollToValue(value, "smooth");
108
+ }
109
+ }, [value, valueToIndex, scrollToValue]);
110
+ const handleScroll = (0, react_1.useCallback)(() => {
111
+ const vp = viewportRef.current;
112
+ if (!vp) {
113
+ return;
114
+ }
115
+ if (scrollRafRef.current != null) {
116
+ cancelAnimationFrame(scrollRafRef.current);
117
+ }
118
+ scrollRafRef.current = requestAnimationFrame(() => {
119
+ scrollRafRef.current = null;
120
+ const vpInner = viewportRef.current;
121
+ const h = itemHeightRef.current;
122
+ if (!vpInner || h === 0) {
123
+ return;
124
+ }
125
+ const rawIdx = Math.round(vpInner.scrollTop / h);
126
+ const clamped = Math.max(0, Math.min(items - 1, rawIdx));
127
+ const newValue = clamped * step;
128
+ if (newValue !== valueRef.current) {
129
+ onChange(newValue);
130
+ }
131
+ });
132
+ }, [items, step, onChange]);
133
+ const handleKeyDown = (0, react_1.useCallback)((e) => {
134
+ let next;
135
+ switch (e.key) {
136
+ case "ArrowDown":
137
+ next = valueRef.current + step;
138
+ break;
139
+ case "ArrowUp":
140
+ next = valueRef.current - step;
141
+ break;
142
+ case "PageDown":
143
+ next = valueRef.current + (step * PAGE_JUMP);
144
+ break;
145
+ case "PageUp":
146
+ next = valueRef.current - (step * PAGE_JUMP);
147
+ break;
148
+ case "Home":
149
+ next = 0;
150
+ break;
151
+ case "End":
152
+ next = lastValue;
153
+ break;
154
+ default:
155
+ return;
156
+ }
157
+ e.preventDefault();
158
+ const clamped = Math.max(0, Math.min(lastValue, next));
159
+ if (clamped !== valueRef.current) {
160
+ onChange(clamped);
161
+ }
162
+ }, [step, lastValue, onChange]);
163
+ (0, react_1.useEffect)(() => () => {
164
+ if (scrollRafRef.current != null) {
165
+ cancelAnimationFrame(scrollRafRef.current);
166
+ }
167
+ }, []);
168
+ (0, react_1.useEffect)(() => {
169
+ var _a;
170
+ if (autoFocus) {
171
+ (_a = viewportRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
172
+ }
173
+ }, []);
174
+ const itemElems = [];
175
+ for (let i = 0; i < items; i++) {
176
+ const v = i * step;
177
+ itemElems.push(react_1.default.createElement(TimePicker_styled_1.StyledWheelItem, { key: i, ref: i === 0 ? itemRef : undefined }, (0, utils_1.padTwo)(v)));
178
+ }
179
+ return (react_1.default.createElement(TimePicker_styled_1.StyledWheelWrapper, null,
180
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelViewport, { ref: viewportRef, onScroll: handleScroll, onKeyDown: handleKeyDown, role: "spinbutton", "aria-label": ariaLabel, "aria-valuemin": 0, "aria-valuemax": lastValue, "aria-valuenow": value, "aria-valuetext": (0, utils_1.padTwo)(value), tabIndex: 0 },
181
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelPadder, null),
182
+ itemElems,
183
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelPadder, null)),
184
+ react_1.default.createElement(TimePicker_styled_1.StyledWheelFocusRing, { "aria-hidden": true })));
185
+ };
186
+ exports.Wheel = Wheel;
187
+ //# sourceMappingURL=Wheel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Wheel.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/Wheel.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ declare const padTwo: (n: number) => string;
2
+ declare const parseTimeText: (text: string, withSeconds: boolean) => string;
3
+ export { padTwo, parseTimeText };
4
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/utils.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,GAAI,GAAG,MAAM,KAAG,MAAuC,CAAC;AAoCpE,QAAA,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,aAAa,OAAO,KAAG,MA0B3D,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.parseTimeText = exports.padTwo = void 0;
4
+ const padTwo = (n) => n.toString().padStart(2, "0");
5
+ exports.padTwo = padTwo;
6
+ const clampDigits = (digits, withSeconds) => {
7
+ if (digits.length < 2) {
8
+ return digits;
9
+ }
10
+ let hh = parseInt(digits.slice(0, 2), 10);
11
+ if (hh > 23) {
12
+ hh = 23;
13
+ }
14
+ let out = padTwo(hh);
15
+ if (digits.length < 4) {
16
+ return out + digits.slice(2);
17
+ }
18
+ let mm = parseInt(digits.slice(2, 4), 10);
19
+ if (mm > 59) {
20
+ mm = 59;
21
+ }
22
+ out += padTwo(mm);
23
+ if (!withSeconds || digits.length < 6) {
24
+ return out + digits.slice(4);
25
+ }
26
+ let ss = parseInt(digits.slice(4, 6), 10);
27
+ if (ss > 59) {
28
+ ss = 59;
29
+ }
30
+ out += padTwo(ss);
31
+ return out;
32
+ };
33
+ const parseTimeText = (text, withSeconds) => {
34
+ var _a;
35
+ if (!text) {
36
+ return "";
37
+ }
38
+ const max = withSeconds ? 6 : 4;
39
+ const segments = text.split(":");
40
+ let raw;
41
+ if (segments.length === 1) {
42
+ raw = ((_a = segments[0]) !== null && _a !== void 0 ? _a : "").replace(/\D/gu, "");
43
+ if (raw.length === 1) {
44
+ raw = "0" + raw;
45
+ }
46
+ }
47
+ else {
48
+ raw = segments.map((s) => {
49
+ const d = s.replace(/\D/gu, "");
50
+ if (d.length === 0) {
51
+ return "";
52
+ }
53
+ if (d.length === 1) {
54
+ return "0" + d;
55
+ }
56
+ return d.slice(0, 2);
57
+ }).join("");
58
+ }
59
+ return clampDigits(raw.slice(0, max), withSeconds);
60
+ };
61
+ exports.parseTimeText = parseTimeText;
62
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/utils.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ interface Props {
3
+ className?: string;
4
+ }
5
+ declare const Clock: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
6
+ export { Clock };
7
+ //# sourceMappingURL=Clock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Clock.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Clock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,6EA2BT,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.Clock = void 0;
37
+ const react_1 = __importStar(require("react"));
38
+ const Clock = (0, react_1.forwardRef)((props, ref) => {
39
+ return (react_1.default.createElement("svg", { ref: ref, width: "16", height: "16", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", className: props.className },
40
+ react_1.default.createElement("circle", { cx: "8", cy: "8", r: "6.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
41
+ react_1.default.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", d: "M8 4.5V8l2.5 1.75" })));
42
+ });
43
+ exports.Clock = Clock;
44
+ Clock.displayName = "Clock";
45
+ //# sourceMappingURL=Clock.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Clock.js","sourceRoot":"","sources":["../../../src/components/icons/Clock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAM1C,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1D,OAAO,CACH,uCACI,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,4BAA4B,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAE1B,0CACI,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,CAAC,EAAE,KAAK,EACR,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,KAAK,GACpB;QACF,wCACI,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,OAAO,EACtB,CAAC,EAAE,mBAAmB,GACxB,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAIM,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
@@ -8,7 +8,8 @@ declare enum ICON {
8
8
  heart = "heart",
9
9
  trash = "trash",
10
10
  config = "config",
11
- dots = "dots"
11
+ dots = "dots",
12
+ clock = "clock"
12
13
  }
13
14
  interface Props {
14
15
  name: ICON;
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CAChB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD,QAAA,MAAM,IAAI,6EAQR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEtB,YAAY,EACR,KAAK,IAAI,SAAS,GACrB,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAClB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAiBD,QAAA,MAAM,IAAI,6EAQR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEtB,YAAY,EACR,KAAK,IAAI,SAAS,GACrB,CAAC"}
@@ -49,6 +49,7 @@ const react_1 = __importStar(require("react"));
49
49
  const Back_1 = require("./Back");
50
50
  const Battery_1 = require("./Battery");
51
51
  const Checkmark_1 = require("./Checkmark");
52
+ const Clock_1 = require("./Clock");
52
53
  const Config_1 = require("./Config");
53
54
  const Dots_1 = require("./Dots");
54
55
  const Forward_1 = require("./Forward");
@@ -66,6 +67,7 @@ var ICON;
66
67
  ICON["trash"] = "trash";
67
68
  ICON["config"] = "config";
68
69
  ICON["dots"] = "dots";
70
+ ICON["clock"] = "clock";
69
71
  })(ICON || (exports.ICON = ICON = {}));
70
72
  const iconsMap = new Map([
71
73
  [ICON.checkmark, Checkmark_1.Checkmark],
@@ -77,6 +79,7 @@ const iconsMap = new Map([
77
79
  [ICON.trash, Trash_1.Trash],
78
80
  [ICON.config, Config_1.Config],
79
81
  [ICON.dots, Dots_1.Dots],
82
+ [ICON.clock, Clock_1.Clock],
80
83
  ]);
81
84
  const Icon = (0, react_1.forwardRef)((_a, ref) => {
82
85
  var { name: iconName } = _a, props = __rest(_a, ["name"]);
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iCAA8B;AAC9B,uCAAoC;AACpC,2CAAwC;AACxC,qCAAkC;AAClC,iCAA8B;AAC9B,uCAAoC;AACpC,mCAAgC;AAChC,qCAAkC;AAClC,mCAAgC;AAEhC,IAAK,IAUJ;AAVD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;AACjB,CAAC,EAVI,IAAI,oBAAJ,IAAI,QAUR;AASD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAsB;IAC1C,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,eAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,eAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAuB,CAAC,EAA4B,EAAE,GAAG,EAAE,EAAE;QAArC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,QAA4B,CAAF;IACrE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE,CAAC;QACL,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACrD,CAAC;IAGD,OAAO,8BAAC,CAAC,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AACtC,CAAC,CAAC,CAAC;AAIM,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iCAA8B;AAC9B,uCAAoC;AACpC,2CAAwC;AACxC,mCAAgC;AAChC,qCAAkC;AAClC,iCAA8B;AAC9B,uCAAoC;AACpC,mCAAgC;AAChC,qCAAkC;AAClC,mCAAgC;AAEhC,IAAK,IAWJ;AAXD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;IACb,uBAAe,CAAA;AACnB,CAAC,EAXI,IAAI,oBAAJ,IAAI,QAWR;AASD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAsB;IAC1C,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,eAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,eAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;IACjB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAuB,CAAC,EAA4B,EAAE,GAAG,EAAE,EAAE;QAArC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,QAA4B,CAAF;IACrE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE,CAAC;QACL,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACrD,CAAC;IAGD,OAAO,8BAAC,CAAC,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AACtC,CAAC,CAAC,CAAC;AAIM,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -2,13 +2,12 @@ import React from "react";
2
2
  import { ContainerStyled, OverlayStyled } from "./Modal.styled";
3
3
  type OverlayProps = React.ComponentProps<typeof OverlayStyled>;
4
4
  type ContainerProps = React.ComponentProps<typeof ContainerStyled>;
5
- interface Props {
5
+ interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
6
6
  onOverlayClick?: (() => void) | "close" | null;
7
7
  closeOnEsc?: boolean;
8
8
  onClose: () => void;
9
9
  isOpen: boolean;
10
10
  title?: React.ReactNode;
11
- className?: string;
12
11
  portal?: boolean | HTMLElement;
13
12
  children: React.ReactNode;
14
13
  position?: OverlayProps["position"];
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAQpF,OAAO,EAAE,eAAe,EAAoB,aAAa,EAA8B,MAAM,gBAAgB,CAAC;AAE9G,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAC/D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEnE,UAAU,KAAK;IACX,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CACjC;AAiJD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAET,CAAC;AAGH,QAAA,MAAM,sBAAsB,QAA6B,CAAC;AAC1D,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,0BAA0B,QAA2B,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAS3F,OAAO,EAAE,eAAe,EAAoB,aAAa,EAA8B,MAAM,gBAAgB,CAAC;AAE9G,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAC/D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAkBnE,UAAU,KAAM,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CACjC;AAoND,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAET,CAAC;AAGH,QAAA,MAAM,sBAAsB,QAA6B,CAAC;AAC1D,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,0BAA0B,QAA2B,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,CAAC"}