@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-beta-1

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 (329) hide show
  1. package/lib/components/accordion/Accordion.d.ts +2 -2
  2. package/lib/components/accordion/Accordion.js +6 -4
  3. package/lib/components/accordion/Accordion.native.d.ts +2 -2
  4. package/lib/components/accordion/Accordion.native.js +5 -5
  5. package/lib/components/accordion/AccordionProps.d.ts +3 -0
  6. package/lib/components/accordion/index.d.ts +5 -5
  7. package/lib/components/accordion/index.js +6 -6
  8. package/lib/components/accordion/item/AccordionItem.d.ts +1 -1
  9. package/lib/components/accordion/item/AccordionItem.js +10 -6
  10. package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
  11. package/lib/components/accordion/item/body/AccordionBody.js +8 -6
  12. package/lib/components/accordion/item/body/AccordionBody.native.d.ts +2 -2
  13. package/lib/components/accordion/item/body/AccordionBody.native.js +4 -4
  14. package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +1 -1
  15. package/lib/components/accordion/item/body/index.d.ts +1 -1
  16. package/lib/components/accordion/item/body/index.js +2 -2
  17. package/lib/components/accordion/item/header/AccordionHeader.d.ts +2 -2
  18. package/lib/components/accordion/item/header/AccordionHeader.js +6 -4
  19. package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +2 -2
  20. package/lib/components/accordion/item/header/AccordionHeader.native.js +7 -7
  21. package/lib/components/accordion/item/header/index.d.ts +1 -1
  22. package/lib/components/accordion/item/header/index.js +2 -2
  23. package/lib/components/accordion/item/index.d.ts +1 -1
  24. package/lib/components/accordion/item/index.js +2 -2
  25. package/lib/components/alert/Alert.d.ts +1 -1
  26. package/lib/components/alert/Alert.js +43 -17
  27. package/lib/components/alert/context/ToasterContext.js +2 -6
  28. package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
  29. package/lib/components/autocomplete/AutoComplete.js +127 -26
  30. package/lib/components/autocomplete/AutoComplete.native.d.ts +1 -1
  31. package/lib/components/autocomplete/AutoComplete.native.js +5 -5
  32. package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -1
  33. package/lib/components/autocomplete/Autocomplete.helpers.d.ts +1 -1
  34. package/lib/components/autocomplete/index.d.ts +3 -3
  35. package/lib/components/autocomplete/index.js +4 -4
  36. package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +1 -1
  37. package/lib/components/autocomplete/item/AutoCompleteIem.native.js +4 -4
  38. package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +2 -2
  39. package/lib/components/autocomplete/item/AutoCompleteItem.js +8 -6
  40. package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
  41. package/lib/components/autocomplete/item/index.d.ts +1 -1
  42. package/lib/components/autocomplete/item/index.js +2 -2
  43. package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +2 -2
  44. package/lib/components/autocomplete/menu/AutoCompleteMenu.js +7 -5
  45. package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +4 -4
  46. package/lib/components/autocomplete/menu/index.d.ts +1 -1
  47. package/lib/components/autocomplete/menu/index.js +2 -2
  48. package/lib/components/badge/Badge.d.ts +1 -1
  49. package/lib/components/badge/Badge.js +13 -10
  50. package/lib/components/badge/Badge.native.js +2 -2
  51. package/lib/components/badge/BadgeProps.d.ts +2 -2
  52. package/lib/components/badge/index.d.ts +1 -2
  53. package/lib/components/badge/index.js +2 -3
  54. package/lib/components/box/Box.js +16 -8
  55. package/lib/components/box/content/BoxContent.js +7 -5
  56. package/lib/components/box/footer/BoxFooter.js +6 -4
  57. package/lib/components/box/header/BoxHeader.js +7 -5
  58. package/lib/components/box/item/BoxItem.js +6 -4
  59. package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
  60. package/lib/components/box/table-container/BoxTableContainer.js +7 -5
  61. package/lib/components/breadcrumb/Breadcrumb.js +4 -2
  62. package/lib/components/breadcrumb/item/BreadcrumbItem.js +8 -6
  63. package/lib/components/button/Button.js +19 -7
  64. package/lib/components/button/list/ButtonList.js +7 -5
  65. package/lib/components/card/Card.d.ts +4 -1
  66. package/lib/components/card/Card.js +15 -8
  67. package/lib/components/card/Card.native.d.ts +1 -1
  68. package/lib/components/card/Card.native.js +13 -15
  69. package/lib/components/card/CardProps.d.ts +1 -3
  70. package/lib/components/card/content/CardContent.d.ts +1 -1
  71. package/lib/components/card/content/CardContent.js +6 -4
  72. package/lib/components/card/content/CardContentProps.d.ts +1 -1
  73. package/lib/components/card/content/index.d.ts +1 -1
  74. package/lib/components/card/content/index.js +2 -2
  75. package/lib/components/card/image/CardImage.d.ts +1 -1
  76. package/lib/components/card/image/CardImage.js +13 -7
  77. package/lib/components/card/image/CardImage.native.d.ts +1 -1
  78. package/lib/components/card/image/CardImage.native.js +12 -12
  79. package/lib/components/card/index.d.ts +5 -5
  80. package/lib/components/card/index.js +6 -6
  81. package/lib/components/checkbox/Checkbox.js +26 -17
  82. package/lib/components/checkbox/CheckboxProps.d.ts +1 -1
  83. package/lib/components/checkbox/tiles/CheckboxTiles.js +6 -4
  84. package/lib/components/checkbox/tiles/tile/CheckboxTile.js +24 -23
  85. package/lib/components/chips/Chips.d.ts +1 -1
  86. package/lib/components/chips/Chips.js +11 -7
  87. package/lib/components/chips/index.d.ts +2 -2
  88. package/lib/components/chips/index.js +3 -3
  89. package/lib/components/chips/list/ChipsList.d.ts +2 -2
  90. package/lib/components/chips/list/ChipsList.js +7 -5
  91. package/lib/components/chips/list/index.d.ts +1 -1
  92. package/lib/components/chips/list/index.js +2 -2
  93. package/lib/components/columns/Columns.js +4 -2
  94. package/lib/components/columns/column/Column.js +4 -2
  95. package/lib/components/container/Container.js +4 -2
  96. package/lib/components/countdown/Countdown.d.ts +1 -1
  97. package/lib/components/countdown/Countdown.js +77 -17
  98. package/lib/components/countdown/CountdownProps.d.ts +1 -1
  99. package/lib/components/countdown/index.d.ts +2 -2
  100. package/lib/components/countdown/index.js +3 -3
  101. package/lib/components/divider/Divider.js +5 -3
  102. package/lib/components/fab/Fab.d.ts +1 -1
  103. package/lib/components/fab/Fab.js +16 -7
  104. package/lib/components/fab/FabProps.d.ts +3 -5
  105. package/lib/components/fab/index.d.ts +1 -1
  106. package/lib/components/fab/index.js +2 -2
  107. package/lib/components/hero/Hero.js +5 -3
  108. package/lib/components/icon/Icon.js +8 -6
  109. package/lib/components/image/Image.d.ts +1 -1
  110. package/lib/components/image/Image.js +12 -7
  111. package/lib/components/image/ImageProps.d.ts +2 -3
  112. package/lib/components/image/ImageProps.js +1 -1
  113. package/lib/components/image/index.d.ts +1 -1
  114. package/lib/components/image/index.js +2 -2
  115. package/lib/components/input/Input.d.ts +2 -2
  116. package/lib/components/input/Input.js +123 -39
  117. package/lib/components/input/Input.native.d.ts +1 -1
  118. package/lib/components/input/Input.native.js +6 -6
  119. package/lib/components/input/InputProps.d.ts +3 -3
  120. package/lib/components/input/gauge/InputGauge.d.ts +3 -2
  121. package/lib/components/input/gauge/InputGauge.js +15 -15
  122. package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
  123. package/lib/components/input/gauge/hook/useGauge.js +74 -89
  124. package/lib/components/input/index.d.ts +3 -3
  125. package/lib/components/input/index.js +4 -4
  126. package/lib/components/link/Link.js +8 -6
  127. package/lib/components/list/List.js +4 -2
  128. package/lib/components/list/item/ListItem.js +8 -6
  129. package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
  130. package/lib/components/list/item/description/ListItemDescription.js +7 -5
  131. package/lib/components/modal/Modal.d.ts +1 -1
  132. package/lib/components/modal/Modal.js +74 -14
  133. package/lib/components/modal/Modal.native.js +109 -51
  134. package/lib/components/modal/ModalProps.d.ts +2 -3
  135. package/lib/components/modal/body/ModalBody.d.ts +1 -1
  136. package/lib/components/modal/body/ModalBody.js +5 -3
  137. package/lib/components/modal/body/ModalBody.native.js +8 -13
  138. package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
  139. package/lib/components/modal/footer/ModalFooter.js +6 -4
  140. package/lib/components/modal/footer/ModalFooter.native.js +10 -20
  141. package/lib/components/modal/index.d.ts +4 -4
  142. package/lib/components/modal/index.js +5 -5
  143. package/lib/components/otp/Otp.d.ts +1 -1
  144. package/lib/components/otp/Otp.js +98 -22
  145. package/lib/components/otp/index.d.ts +1 -1
  146. package/lib/components/otp/index.js +2 -2
  147. package/lib/components/pagination/Pagination.d.ts +1 -1
  148. package/lib/components/pagination/Pagination.js +66 -17
  149. package/lib/components/pagination/PaginationProps.d.ts +2 -3
  150. package/lib/components/pagination/index.d.ts +2 -2
  151. package/lib/components/pagination/index.js +3 -3
  152. package/lib/components/popover/Popover.js +7 -5
  153. package/lib/components/price/Price.js +13 -11
  154. package/lib/components/product-tour/ProductTour.js +17 -13
  155. package/lib/components/progress/Progress.d.ts +2 -2
  156. package/lib/components/progress/Progress.js +13 -11
  157. package/lib/components/progress/ProgressProps.d.ts +1 -1
  158. package/lib/components/progress/index.d.ts +3 -3
  159. package/lib/components/progress/index.js +4 -4
  160. package/lib/components/progress/radial/ProgressRadial.d.ts +1 -1
  161. package/lib/components/progress/radial/ProgressRadial.js +52 -11
  162. package/lib/components/progress/radial/ProgressRadial.native.js +1 -1
  163. package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -5
  164. package/lib/components/progress/radial/index.d.ts +1 -1
  165. package/lib/components/progress/radial/index.js +2 -2
  166. package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
  167. package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +1 -1
  168. package/lib/components/progress/radial/item/ProgressRadialtem.js +6 -4
  169. package/lib/components/progress/radial/item/index.d.ts +1 -1
  170. package/lib/components/progress/radial/item/index.js +2 -2
  171. package/lib/components/radio/Radio.js +8 -6
  172. package/lib/components/radio/RadioProps.d.ts +1 -1
  173. package/lib/components/radio/index.d.ts +5 -5
  174. package/lib/components/radio/index.js +6 -6
  175. package/lib/components/radio/list/RadioList.d.ts +1 -1
  176. package/lib/components/radio/list/RadioList.js +7 -5
  177. package/lib/components/radio/list/RadioListProps.d.ts +1 -1
  178. package/lib/components/radio/list/index.d.ts +1 -1
  179. package/lib/components/radio/list/index.js +2 -2
  180. package/lib/components/radio/tiles/RadioTiles.js +7 -5
  181. package/lib/components/radio/tiles/RadioTilesProps.d.ts +1 -1
  182. package/lib/components/radio/tiles/index.d.ts +1 -1
  183. package/lib/components/radio/tiles/index.js +2 -2
  184. package/lib/components/radio/tiles/tile/RadioTile.js +12 -10
  185. package/lib/components/radio/tiles/tile/index.d.ts +1 -1
  186. package/lib/components/radio/tiles/tile/index.js +2 -2
  187. package/lib/components/range/Range.d.ts +1 -1
  188. package/lib/components/range/Range.js +57 -15
  189. package/lib/components/range/RangeProps.d.ts +1 -2
  190. package/lib/components/range/index.d.ts +1 -1
  191. package/lib/components/range/index.js +2 -2
  192. package/lib/components/rows/Rows.js +6 -4
  193. package/lib/components/rows/row/Row.js +6 -4
  194. package/lib/components/scroll-view/ScrollView.d.ts +2 -2
  195. package/lib/components/scroll-view/ScrollView.js +13 -11
  196. package/lib/components/section/Section.js +7 -5
  197. package/lib/components/segment-control/SegmentControl.d.ts +2 -8
  198. package/lib/components/segment-control/SegmentControl.js +28 -16
  199. package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
  200. package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -6
  201. package/lib/components/segment-control/item/SegmentControlItem.js +18 -8
  202. package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
  203. package/lib/components/segment-control/item/index.d.ts +1 -1
  204. package/lib/components/segment-control/item/index.js +2 -2
  205. package/lib/components/select/Select.d.ts +1 -1
  206. package/lib/components/select/Select.js +3 -3
  207. package/lib/components/select/SelectProps.d.ts +2 -3
  208. package/lib/components/select/index.d.ts +2 -2
  209. package/lib/components/select/index.js +3 -3
  210. package/lib/components/select/option/SelectOption.d.ts +2 -2
  211. package/lib/components/select/option/SelectOption.js +9 -7
  212. package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
  213. package/lib/components/select/option/index.d.ts +1 -1
  214. package/lib/components/select/option/index.js +2 -2
  215. package/lib/components/select/web/SelectDynamic.d.ts +1 -1
  216. package/lib/components/select/web/SelectDynamic.js +131 -15
  217. package/lib/components/select/web/SelectNative.js +35 -15
  218. package/lib/components/select/web/index.d.ts +2 -2
  219. package/lib/components/select/web/index.js +3 -3
  220. package/lib/components/spacer/Spacer.js +5 -3
  221. package/lib/components/stepper/Stepper.d.ts +2 -2
  222. package/lib/components/stepper/Stepper.js +36 -9
  223. package/lib/components/stepper/step/Step.d.ts +1 -1
  224. package/lib/components/stepper/step/Step.js +10 -8
  225. package/lib/components/stepper/step/index.d.ts +1 -1
  226. package/lib/components/stepper/step/index.js +2 -2
  227. package/lib/components/sticker/Sticker.d.ts +1 -1
  228. package/lib/components/sticker/Sticker.js +11 -9
  229. package/lib/components/sticker/Sticker.native.d.ts +1 -1
  230. package/lib/components/sticker/Sticker.native.js +7 -7
  231. package/lib/components/sticker/StickerProps.d.ts +2 -2
  232. package/lib/components/sticker/StickerPropsDefaults.js +0 -7
  233. package/lib/components/switch/Switch.d.ts +1 -1
  234. package/lib/components/switch/Switch.js +43 -11
  235. package/lib/components/switch/SwitchProps.d.ts +3 -2
  236. package/lib/components/switch/index.d.ts +1 -1
  237. package/lib/components/switch/index.js +2 -2
  238. package/lib/components/table/Table.js +7 -5
  239. package/lib/components/table/body/TableBody.js +7 -5
  240. package/lib/components/table/head/TableHead.js +7 -5
  241. package/lib/components/table/td/TableTd.js +6 -4
  242. package/lib/components/table/th/TableTh.js +6 -4
  243. package/lib/components/table/tr/TableTr.d.ts +1 -1
  244. package/lib/components/table/tr/TableTr.js +9 -7
  245. package/lib/components/tabs/Tabs.js +18 -6
  246. package/lib/components/tabs/TabsProps.d.ts +1 -4
  247. package/lib/components/tabs/context/index.js +1 -2
  248. package/lib/components/tabs/tab-list/TabList.js +4 -2
  249. package/lib/components/tabs/tab-list/tab/Tab.js +19 -4
  250. package/lib/components/tabs/tab-list/tab/TabProps.d.ts +1 -3
  251. package/lib/components/tabs/tab-panels/TabPanels.js +4 -2
  252. package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +6 -4
  253. package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
  254. package/lib/components/tag/Tag.js +5 -3
  255. package/lib/components/tag/list/TagList.js +7 -5
  256. package/lib/components/text/Text.js +7 -5
  257. package/lib/components/textarea/Textarea.d.ts +1 -1
  258. package/lib/components/textarea/Textarea.js +27 -15
  259. package/lib/components/textarea/TextareaProps.d.ts +3 -4
  260. package/lib/components/timeline/Timeline.js +6 -4
  261. package/lib/components/timeline/content/TimelineContent.js +7 -5
  262. package/lib/components/timeline/item/TimelineItem.js +6 -4
  263. package/lib/components/timeline/marker/TimelineMarker.js +7 -5
  264. package/lib/components/title/Title.js +9 -7
  265. package/lib/components/view/View.d.ts +1 -1
  266. package/lib/components/view/View.js +15 -12
  267. package/lib/context/index.d.ts +1 -1
  268. package/lib/context/index.js +2 -3
  269. package/lib/context/providerStates.js +2 -3
  270. package/lib/context/providerTheme.js +1 -2
  271. package/lib/helpers/hashClassesHelpers.d.ts +3 -1
  272. package/lib/helpers/hashClassesHelpers.js +15 -18
  273. package/lib/objects/Typography/TypographyBold.js +2 -3
  274. package/lib/version.d.ts +1 -1
  275. package/lib/version.js +2 -2
  276. package/package.json +1 -1
  277. package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +0 -6
  278. package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +0 -14
  279. package/lib/components/alert/hooks/useAlert.d.ts +0 -23
  280. package/lib/components/alert/hooks/useAlert.js +0 -48
  281. package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +0 -40
  282. package/lib/components/autocomplete/hooks/useAutocomplete.js +0 -144
  283. package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +0 -9
  284. package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +0 -20
  285. package/lib/components/button/hooks/useButton.d.ts +0 -12
  286. package/lib/components/button/hooks/useButton.js +0 -16
  287. package/lib/components/countdown/hooks/useCountdown.d.ts +0 -16
  288. package/lib/components/countdown/hooks/useCountdown.js +0 -77
  289. package/lib/components/input/hook/useInput.d.ts +0 -68
  290. package/lib/components/input/hook/useInput.js +0 -151
  291. package/lib/components/modal/context/ModalContext.d.ts +0 -3
  292. package/lib/components/modal/context/ModalContext.js +0 -8
  293. package/lib/components/modal/context/ModalContextProps.d.ts +0 -8
  294. package/lib/components/modal/context/ModalContextProps.js +0 -2
  295. package/lib/components/modal/context/ModalContextPropsDefaults.js +0 -25
  296. package/lib/components/modal/context/index.d.ts +0 -2
  297. package/lib/components/modal/context/index.js +0 -3
  298. package/lib/components/modal/hooks/useModal.d.ts +0 -26
  299. package/lib/components/modal/hooks/useModal.js +0 -86
  300. package/lib/components/otp/hooks/useOtp.d.ts +0 -20
  301. package/lib/components/otp/hooks/useOtp.js +0 -101
  302. package/lib/components/pagination/hooks/usePagination.d.ts +0 -25
  303. package/lib/components/pagination/hooks/usePagination.js +0 -77
  304. package/lib/components/product-tour/hooks/useProductTour.d.ts +0 -11
  305. package/lib/components/product-tour/hooks/useProductTour.js +0 -22
  306. package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +0 -15
  307. package/lib/components/progress/radial/hooks/useProgressRadial.js +0 -57
  308. package/lib/components/range/hooks/useRange.d.ts +0 -30
  309. package/lib/components/range/hooks/useRange.js +0 -63
  310. package/lib/components/segment-control/hooks/useSegmentControl.d.ts +0 -14
  311. package/lib/components/segment-control/hooks/useSegmentControl.js +0 -31
  312. package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +0 -14
  313. package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +0 -24
  314. package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -27
  315. package/lib/components/select/web/hooks/useSelectDynamic.js +0 -156
  316. package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
  317. package/lib/components/select/web/hooks/useSelectNative.js +0 -38
  318. package/lib/components/stepper/hooks/useStepper.d.ts +0 -9
  319. package/lib/components/stepper/hooks/useStepper.js +0 -55
  320. package/lib/components/switch/hooks/useSwitch.d.ts +0 -18
  321. package/lib/components/switch/hooks/useSwitch.js +0 -46
  322. package/lib/components/tabs/hooks/useTabs.d.ts +0 -12
  323. package/lib/components/tabs/hooks/useTabs.js +0 -33
  324. package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +0 -17
  325. package/lib/components/tabs/tab-list/tab/hooks/useTab.js +0 -28
  326. package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +0 -3
  327. package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +0 -14
  328. package/lib/components/textarea/hooks/useTextarea.d.ts +0 -15
  329. package/lib/components/textarea/hooks/useTextarea.js +0 -30
@@ -1,101 +0,0 @@
1
- import { __read } from "tslib";
2
- import React from 'react';
3
- export var useOtp = function (_a) {
4
- var value = _a.value, disabled = _a.disabled, length = _a.length, onChange = _a.onChange, onCompleted = _a.onCompleted;
5
- var stringToCode = function (str, codeSize) {
6
- if (!str)
7
- return new Array(codeSize).fill(null);
8
- return str.split('').map(function (char) { return (char === '' ? null : Number(char)); });
9
- };
10
- var codeToString = function (code) {
11
- return code.map(function (char) { return (char === null ? '_' : char); }).join('');
12
- };
13
- var isCompleted = function (myCode) {
14
- return myCode.every(function (code) { return code !== null; });
15
- };
16
- var focusToNextInput = function (target, value) {
17
- var nextElementSibling = target.nextElementSibling;
18
- if (nextElementSibling) {
19
- if (value)
20
- nextElementSibling.value = value;
21
- if (target.value.length)
22
- nextElementSibling.focus();
23
- }
24
- else {
25
- target.focus();
26
- }
27
- };
28
- var focusToPrevInput = function (target) {
29
- var previousElementSibling = target.previousElementSibling;
30
- if (previousElementSibling) {
31
- previousElementSibling.focus();
32
- }
33
- else {
34
- target.focus();
35
- }
36
- };
37
- var updateCodeInput = function (value, index, code) {
38
- var numberValue = Number(value);
39
- if (isNaN(numberValue) || value.length < 1) {
40
- return code;
41
- }
42
- var newCodeInput = code.map(function (code, idx) {
43
- return idx === index ? Number(value.slice(0, 1)) : code;
44
- });
45
- return updateCodeInput(value.slice(1), index + 1, newCodeInput);
46
- };
47
- var inputOnKeyUp = function (e) {
48
- var key = e.key;
49
- var target = e.target;
50
- if (key === 'ArrowRight' || key === 'ArrowDown') {
51
- return focusToNextInput(target);
52
- }
53
- if (key === 'ArrowLeft' || key === 'ArrowUp') {
54
- return focusToPrevInput(target);
55
- }
56
- if (key === 'Backspace') {
57
- return target.value === '' && focusToPrevInput(target);
58
- }
59
- if (key >= '0' && key <= '9') {
60
- focusToNextInput(target);
61
- }
62
- };
63
- try {
64
- var _b = __read(React.useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput_1 = _b[0], setCodeInput_1 = _b[1];
65
- var hasChanged_1 = React.useRef(false);
66
- React.useEffect(function () {
67
- if (!disabled) {
68
- isCompleted(codeInput_1) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput_1)));
69
- }
70
- }, [length, codeInput_1, onCompleted, disabled]);
71
- React.useEffect(function () {
72
- hasChanged_1.current = codeInput_1.find(function (code) { return code !== null; }) !== undefined;
73
- if (hasChanged_1.current) {
74
- onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput_1));
75
- }
76
- }, [codeInput_1]);
77
- var inputOnChange = function (e, idx) {
78
- var target = e.target;
79
- var targetValue = target.value.trim();
80
- if (targetValue.length > 0) {
81
- setCodeInput_1(updateCodeInput(targetValue, idx, codeInput_1));
82
- }
83
- else {
84
- setCodeInput_1(codeInput_1.map(function (code, index) {
85
- return index === idx ? null : code;
86
- }));
87
- }
88
- };
89
- var inputOnFocus = function (e) {
90
- var target = e.target;
91
- target.setSelectionRange(0, target.value.length);
92
- };
93
- return { codeInput: codeInput_1, inputOnKeyUp: inputOnKeyUp, inputOnFocus: inputOnFocus, inputOnChange: inputOnChange };
94
- }
95
- catch (_c) {
96
- return {
97
- codeInput: stringToCode(value, length) || new Array(length).fill(null),
98
- };
99
- }
100
- };
101
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaG9va3MvdXNlT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQTBEO1FBQXhELEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUE7SUFHckUsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUF1QixFQUFFLFFBQWdCO1FBQzdELElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDL0MsT0FBTyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFBO0lBQ3pFLENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBb0I7UUFDeEMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFBO0lBQ2xFLENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsTUFBc0I7UUFDekMsT0FBTyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxL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
@@ -1,25 +0,0 @@
1
- import { Pager } from '../../../components/pagination/PaginationEnum';
2
- interface IProps {
3
- length: number;
4
- defaultPage: number;
5
- onClick?: (pager: Pager) => void;
6
- }
7
- export declare const usePagination: ({ defaultPage, onClick, length }: IProps) => {
8
- currentPage: number;
9
- handleClickNext: () => void;
10
- handleClickPage: (pageNumber: number) => void;
11
- handleClickPrev: () => void;
12
- pager: Pager;
13
- } | {
14
- currentPage: number;
15
- pager: {
16
- currentPage: number;
17
- length: number;
18
- endPage: number;
19
- pages: number[];
20
- };
21
- handleClickNext?: undefined;
22
- handleClickPage?: undefined;
23
- handleClickPrev?: undefined;
24
- };
25
- export {};
@@ -1,77 +0,0 @@
1
- import { __read, __spreadArray } from "tslib";
2
- import React from 'react';
3
- export var usePagination = function (_a) {
4
- var defaultPage = _a.defaultPage, onClick = _a.onClick, length = _a.length;
5
- try {
6
- var _b = __read(React.useState(defaultPage), 2), currentPage_1 = _b[0], setCurrentPage_1 = _b[1];
7
- var prevCurrentPage_1 = React.useRef(currentPage_1);
8
- var pager_1 = React.useMemo(function () {
9
- return calcPager(currentPage_1, length);
10
- }, [currentPage_1, length]);
11
- var handleClickPrev = React.useCallback(function () {
12
- if (currentPage_1 !== 1)
13
- setCurrentPage_1(currentPage_1 - 1);
14
- }, [currentPage_1]);
15
- var handleClickNext = React.useCallback(function () {
16
- if (currentPage_1 !== Math.max(length))
17
- setCurrentPage_1(currentPage_1 + 1);
18
- }, [currentPage_1]);
19
- var handleClickPage = React.useCallback(function (pageNumber) {
20
- setCurrentPage_1(pageNumber);
21
- }, []);
22
- React.useEffect(function () {
23
- if (onClick && prevCurrentPage_1.current !== pager_1.currentPage) {
24
- onClick(pager_1);
25
- }
26
- setCurrentPage_1(pager_1.currentPage);
27
- prevCurrentPage_1.current = pager_1.currentPage;
28
- }, [pager_1.currentPage]);
29
- return {
30
- currentPage: currentPage_1,
31
- handleClickNext: handleClickNext,
32
- handleClickPage: handleClickPage,
33
- handleClickPrev: handleClickPrev,
34
- pager: pager_1,
35
- };
36
- }
37
- catch (_c) {
38
- return {
39
- currentPage: defaultPage,
40
- pager: calcPager(defaultPage, length),
41
- };
42
- }
43
- };
44
- var calcPager = function (currentPage, length) {
45
- var startPage = 1;
46
- var endPage = 5;
47
- if (length <= 5) {
48
- // less than pageSize(default is 5) total pages so show all
49
- startPage = 1;
50
- endPage = length;
51
- }
52
- else {
53
- // more than 3 total pages so calculate start and end pages
54
- if (currentPage <= 3) {
55
- startPage = 1;
56
- endPage = 4;
57
- }
58
- else if (currentPage + 3 >= length) {
59
- startPage = length - 3;
60
- endPage = length;
61
- }
62
- else {
63
- startPage = currentPage - 1;
64
- endPage = currentPage + 1;
65
- }
66
- }
67
- // Create an array of pages
68
- var pages = __spreadArray([], __read(Array(endPage + 1 - startPage).keys()), false).map(function (i) { return startPage + i; });
69
- // Set pager object
70
- return {
71
- currentPage: currentPage,
72
- length: length,
73
- endPage: endPage,
74
- pages: pages,
75
- };
76
- };
77
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBUXpCLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUE7SUFDMUQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQWxFLGFBQVcsUUFBQSxFQUFFLGdCQUFjLFFBQXVDLENBQUE7UUFDekUsSUFBTSxpQkFBZSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQVMsYUFBVyxDQUFDLENBQUE7UUFFekQsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUTtZQUNqQyxPQUFPLFNBQVMsQ0FBQyxhQUFXLEVBQUUsTUFBTSxDQUFDLENBQUE7UUFDdkMsQ0FBQyxFQUFFLENBQUMsYUFBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFFekIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxDQUFDO2dCQUFFLGdCQUFjLENBQUMsYUFBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ3hELENBQUMsRUFBRSxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFBRSxnQkFBYyxDQUFDLGFBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUN2RSxDQUFDLEVBQUUsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFBO1FBRWpCLElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxVQUFrQjtZQUMzRCxnQkFBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxJQUFJLE9BQU8sSUFBSSxpQkFBZSxDQUFDLE9BQU8sS0FBSyxPQUFLLENBQUMsV0FBVyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsT0FBSyxDQUFDLENBQUE7YUFDZjtZQUNELGdCQUFjLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQ2pDLGlCQUFlLENBQUMsT0FBTyxHQUFHLE9BQUssQ0FBQyxXQUFXLENBQUE7UUFDN0MsQ0FBQyxFQUFFLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7UUFFdkIsT0FBTztZQUNMLFdBQVcsZUFBQTtZQUNYLGVBQWUsaUJBQUE7WUFDZixlQUFlLGlCQUFBO1lBQ2YsZUFBZSxpQkFBQTtZQUNmLEtBQUssU0FBQTtTQUNOLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsV0FBVyxFQUFFLFdBQVc7WUFDeEIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO1NBQ3RDLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
@@ -1,11 +0,0 @@
1
- interface IProps {
2
- active?: boolean;
3
- }
4
- export declare const useProductTour: ({ active }: IProps) => {
5
- display: boolean;
6
- handleClick: () => void;
7
- } | {
8
- display: boolean;
9
- handleClick?: undefined;
10
- };
11
- export {};
@@ -1,22 +0,0 @@
1
- import { __read } from "tslib";
2
- import React from 'react';
3
- export var useProductTour = function (_a) {
4
- var active = _a.active;
5
- try {
6
- var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay_1 = _b[1];
7
- var handleClick = React.useCallback(function () { return setDisplay_1(function (prev) { return !prev; }); }, []);
8
- React.useEffect(function () {
9
- setDisplay_1(active || false);
10
- }, [active]);
11
- return {
12
- display: display,
13
- handleClick: handleClick,
14
- };
15
- }
16
- catch (_c) {
17
- return {
18
- display: active || false,
19
- };
20
- }
21
- };
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQUFrQjtRQUFoQixNQUFNLFlBQUE7SUFDckMsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxPQUFPLFFBQUEsRUFBRSxZQUFVLFFBQTRDLENBQUE7UUFDdEUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFNLE9BQUEsWUFBVSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTNCLENBQTJCLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFNUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFlBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU87WUFDTCxPQUFPLFNBQUE7WUFDUCxXQUFXLGFBQUE7U0FDWixDQUFBO0tBQ0Y7SUFBQyxXQUFNO1FBQ04sT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- interface IParams {
3
- value: number;
4
- secondValue: number;
5
- }
6
- export declare const useProgressRadial: ({ value, secondValue }: IParams) => {
7
- progressRadialRef: React.RefObject<HTMLDivElement>;
8
- styleSSR?: undefined;
9
- } | {
10
- styleSSR: {
11
- background: string;
12
- };
13
- progressRadialRef?: undefined;
14
- };
15
- export {};
@@ -1,57 +0,0 @@
1
- import { __read } from "tslib";
2
- import React from 'react';
3
- import { getColorStyle } from '../../../../objects/facets/Color';
4
- export var useProgressRadial = function (_a) {
5
- var value = _a.value, secondValue = _a.secondValue;
6
- try {
7
- var _b = __read(React.useState(0), 2), firstProgressCurrentValue_1 = _b[0], setFirstProgressCurrentValue_1 = _b[1];
8
- var _c = __read(React.useState(0), 2), secondProgressCurrentValue_1 = _c[0], setSecondProgressCurrentValue_1 = _c[1];
9
- var progressRadialRef_1 = React.useRef(null);
10
- React.useEffect(function () {
11
- var animationFrameId;
12
- // Reset the current values whenever the provided percent or secondPercent change
13
- setFirstProgressCurrentValue_1(0);
14
- setSecondProgressCurrentValue_1(0);
15
- updateBackgroundStyle(value, secondValue, progressRadialRef_1); // if percent or secondPercent are 0, update immediately
16
- var frame = function () {
17
- setFirstProgressCurrentValue_1(function (value) {
18
- return value < value ? value + 1 : value;
19
- });
20
- setSecondProgressCurrentValue_1(function (value) {
21
- return value < secondValue ? value + 1 : value;
22
- });
23
- animationFrameId = requestAnimationFrame(frame);
24
- };
25
- animationFrameId = requestAnimationFrame(frame);
26
- // Cleanup
27
- return function () { return cancelAnimationFrame(animationFrameId); };
28
- }, [value, secondValue]);
29
- React.useEffect(function () {
30
- updateBackgroundStyle(firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1);
31
- }, [firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1]);
32
- return {
33
- progressRadialRef: progressRadialRef_1,
34
- };
35
- }
36
- catch (_d) {
37
- return {
38
- styleSSR: updateBackgroundStyle(value, secondValue),
39
- };
40
- }
41
- };
42
- var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef) {
43
- var progressRadial = progressRadialRef === null || progressRadialRef === void 0 ? void 0 : progressRadialRef.current;
44
- var firstProgressDegree = (360 * firstValue) / 100;
45
- var secondProgressDegree = (360 * secondValue) / 100;
46
- // Ensure the second progress starts where the first ends
47
- var secondProgressStartDegree = firstProgressDegree;
48
- var styleBackground;
49
- styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
50
- styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
51
- if (progressRadial)
52
- progressRadial.style.background = styleBackground;
53
- return {
54
- background: "radial-gradient(circle at center, white 58%, transparent 58.1%), conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)"),
55
- };
56
- };
57
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFPdEQsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUErQjtRQUE3QixLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSwyQkFBeUIsUUFBQSxFQUFFLDhCQUE0QixRQUFxQixDQUFBO1FBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDRCQUEwQixRQUFBLEVBQUUsK0JBQTZCLFFBQXFCLENBQUE7UUFFckYsSUFBTSxtQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtRQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtZQUV6QixpRkFBaUY7WUFDakYsOEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDL0IsK0JBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1lBRXJILElBQU0sS0FBSyxHQUFHO2dCQUNaLDhCQUE0QixDQUFDLFVBQUMsS0FBSztvQkFDakMsT0FBTyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQzFDLENBQUMsQ0FBQyxDQUFBO2dCQUNGLCtCQUE2QixDQUFDLFVBQUMsS0FBSztvQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQ2hELENBQUMsQ0FBQyxDQUFBO2dCQUNGLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2pELENBQUMsQ0FBQTtZQUVELGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBRS9DLFVBQVU7WUFDVixPQUFPLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUF0QyxDQUFzQyxDQUFBO1FBQ3JELENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO1FBRXhCLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxxQkFBcUIsQ0FBQywyQkFBeUIsRUFBRSw0QkFBMEIsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBO1FBQ2pHLENBQUMsRUFBRSxDQUFDLDJCQUF5QixFQUFFLDRCQUEwQixFQUFFLG1CQUFpQixDQUFDLENBQUMsQ0FBQTtRQUU5RSxPQUFPO1lBQ0wsaUJBQWlCLHFCQUFBO1NBQ2xCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUM7U0FDcEQsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
@@ -1,30 +0,0 @@
1
- import { InputChangeEventHandlerWeb } from '../../../components/range/RangeProps';
2
- import React from 'react';
3
- interface IProps {
4
- min: number;
5
- max: number;
6
- valueMin?: number;
7
- valueMax?: number;
8
- onChangeMin?: InputChangeEventHandlerWeb;
9
- onChangeMax?: InputChangeEventHandlerWeb;
10
- gap: number;
11
- name?: string;
12
- }
13
- export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMin, onChangeMax }: IProps) => {
14
- cursorMax: number;
15
- cursorMin: number;
16
- refTrack: React.MutableRefObject<null>;
17
- handleMouseUpMin: () => void;
18
- handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
19
- handleMouseUpMax: () => void;
20
- handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
21
- } | {
22
- cursorMax: number;
23
- cursorMin: number | undefined;
24
- refTrack?: undefined;
25
- handleMouseUpMin?: undefined;
26
- handleChangeCursorMin?: undefined;
27
- handleMouseUpMax?: undefined;
28
- handleChangeCursorMax?: undefined;
29
- };
30
- export {};
@@ -1,63 +0,0 @@
1
- import { __read } from "tslib";
2
- import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
3
- import React from 'react';
4
- export var useRange = function (_a) {
5
- var valueMin = _a.valueMin, valueMax = _a.valueMax, max = _a.max, gap = _a.gap, name = _a.name, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax;
6
- try {
7
- var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin_1 = _b[0], setCursorMin_1 = _b[1];
8
- var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax_1 = _c[0], setCursorMax_1 = _c[1];
9
- var refTrack_1 = React.useRef(null);
10
- React.useEffect(function () {
11
- if (refTrack_1.current) {
12
- var track = refTrack_1.current;
13
- track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax_1 / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax_1 / max) * 100, "%) ");
14
- }
15
- }, [cursorMin_1, cursorMax_1]);
16
- React.useEffect(function () {
17
- setCursorMin_1(valueMin || 0);
18
- }, [valueMin]);
19
- React.useEffect(function () {
20
- setCursorMax_1(valueMax || max);
21
- }, [valueMax]);
22
- var handleChangeCursorMin = React.useCallback(function (e) {
23
- if (Number(e.target.value) < cursorMax_1 - gap)
24
- setCursorMin_1(Number(e.target.value));
25
- }, [cursorMax_1, cursorMin_1]);
26
- var handleChangeCursorMax = React.useCallback(function (e) {
27
- if (Number(e.target.value) > cursorMin_1 + gap)
28
- setCursorMax_1(Number(e.target.value));
29
- }, [cursorMax_1, cursorMin_1]);
30
- var handleMouseUpMin = React.useCallback(function () {
31
- if (onChangeMin) {
32
- onChangeMin({
33
- inputName: name,
34
- inputValue: cursorMin_1,
35
- });
36
- }
37
- }, [onChangeMin, name, cursorMin_1]);
38
- var handleMouseUpMax = React.useCallback(function () {
39
- if (onChangeMax) {
40
- onChangeMax({
41
- inputName: name,
42
- inputValue: cursorMax_1,
43
- });
44
- }
45
- }, [onChangeMax, name, cursorMax_1]);
46
- return {
47
- cursorMax: cursorMax_1,
48
- cursorMin: cursorMin_1,
49
- refTrack: refTrack_1,
50
- handleMouseUpMin: handleMouseUpMin,
51
- handleChangeCursorMin: handleChangeCursorMin,
52
- handleMouseUpMax: handleMouseUpMax,
53
- handleChangeCursorMax: handleChangeCursorMax,
54
- };
55
- }
56
- catch (_d) {
57
- return {
58
- cursorMax: valueMax !== null && valueMax !== void 0 ? valueMax : max,
59
- cursorMin: valueMin,
60
- };
61
- }
62
- };
63
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFhekIsTUFBTSxDQUFDLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBd0U7UUFBdEUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFdBQVcsaUJBQUE7SUFDckYsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFdBQVMsUUFBQSxFQUFFLGNBQVksUUFBeUMsQ0FBQTtRQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQTJDLENBQUE7UUFDekUsSUFBTSxVQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxVQUFRLENBQUMsT0FBTyxFQUFFO2dCQUNwQixJQUFNLEtBQUssR0FBRyxVQUFRLENBQUMsT0FBc0IsQ0FBQTtnQkFDN0MsS0FBSyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsb0NBQTZCLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGNBQ3pGLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJB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
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { ClickEvent } from '../../../events/OnClickEvent';
3
- interface IParams {
4
- activeIndex?: number;
5
- onClick?: ClickEvent;
6
- }
7
- export declare const useSegmentControl: ({ activeIndex, onClick }: IParams) => {
8
- handleClick: (event: React.MouseEvent, index: number, child: React.ReactElement) => void;
9
- activateIndex: number;
10
- } | {
11
- activateIndex: number | undefined;
12
- handleClick?: undefined;
13
- };
14
- export {};
@@ -1,31 +0,0 @@
1
- import { __read } from "tslib";
2
- import React from 'react';
3
- export var useSegmentControl = function (_a) {
4
- var activeIndex = _a.activeIndex, onClick = _a.onClick;
5
- try {
6
- var _b = __read(React.useState(activeIndex || 0), 2), activateIndex_1 = _b[0], setActivateIndex_1 = _b[1];
7
- var toggleActive_1 = React.useCallback(function (e, index) {
8
- setActivateIndex_1(index);
9
- if (onClick)
10
- onClick(e);
11
- }, [onClick]);
12
- var handleClick = React.useCallback(function (event, index, child) {
13
- toggleActive_1(event, index);
14
- if (child) {
15
- if (child.props.onClick) {
16
- child.props.onClick(event);
17
- }
18
- }
19
- }, [toggleActive_1]);
20
- React.useEffect(function () {
21
- setActivateIndex_1(activateIndex_1);
22
- }, [activateIndex_1]);
23
- return { handleClick: handleClick, activateIndex: activateIndex_1 };
24
- }
25
- catch (_c) {
26
- return {
27
- activateIndex: activeIndex,
28
- };
29
- }
30
- };
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9ob29rcy91c2VTZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVF6QixNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBQWlDO1FBQS9CLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUE7SUFDdEQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUEzRSxlQUFhLFFBQUEsRUFBRSxrQkFBZ0IsUUFBNEMsQ0FBQTtRQUVsRixJQUFNLGNBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQW1CLEVBQUUsS0FBYTtZQUNqQyxrQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUN2QixJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3pCLENBQUMsRUFDRCxDQUFDLE9BQU8sQ0FBQyxDQUNWLENBQUE7UUFFRCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLEtBQXVCLEVBQUUsS0FBYSxFQUFFLEtBQXlCO1lBQ2hFLGNBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUE7WUFDMUIsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtvQkFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7aUJBQzNCO2FBQ0Y7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxjQUFZLENBQUMsQ0FDZixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGtCQUFnQixDQUFDLGVBQWEsQ0FBQyxDQUFBO1FBQ2pDLENBQUMsRUFBRSxDQUFDLGVBQWEsQ0FBQyxDQUFDLENBQUE7UUFFbkIsT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLGFBQWEsaUJBQUEsRUFBRSxDQUFBO0tBQ3RDO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxhQUFhLEVBQUUsV0FBVztTQUMzQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
@@ -1,14 +0,0 @@
1
- import { ClickEvent } from '../../../../events/OnClickEvent';
2
- import React from 'react';
3
- interface IParams {
4
- active?: boolean;
5
- onClick?: ClickEvent;
6
- }
7
- export declare const useSegmentControlItem: ({ active, onClick }: IParams) => {
8
- activeItem: boolean;
9
- handleClick: (e: React.MouseEvent) => void;
10
- } | {
11
- activeItem: boolean | undefined;
12
- handleClick?: undefined;
13
- };
14
- export {};
@@ -1,24 +0,0 @@
1
- import { __read } from "tslib";
2
- import React from 'react';
3
- export var useSegmentControlItem = function (_a) {
4
- var active = _a.active, onClick = _a.onClick;
5
- try {
6
- var _b = __read(React.useState(active || false), 2), activeItem = _b[0], setActiveItem_1 = _b[1];
7
- var handleClick = React.useCallback(function (e) {
8
- var target = e.target;
9
- setActiveItem_1(active || false);
10
- target.active = active;
11
- if (onClick) {
12
- onClick(e);
13
- }
14
- }, [onClick, active]);
15
- React.useEffect(function () {
16
- setActiveItem_1(active || false);
17
- }, [active]);
18
- return { activeItem: activeItem, handleClick: handleClick };
19
- }
20
- catch (_c) {
21
- return { activeItem: active };
22
- }
23
- };
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9ob29rcy91c2VTZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFPekIsTUFBTSxDQUFDLElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUE0QjtRQUExQixNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUE7SUFDckQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFyRSxVQUFVLFFBQUEsRUFBRSxlQUFhLFFBQTRDLENBQUE7UUFFNUUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDbkMsVUFBQyxDQUFtQjtZQUNsQixJQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsTUFBeUIsQ0FBQTtZQUMxQyxlQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO1lBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO1lBQ3RCLElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxFQUNELENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUNsQixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGVBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU8sRUFBRSxVQUFVLFlBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0tBQ25DO0lBQUMsV0FBTTtRQUNOLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLENBQUE7S0FDOUI7QUFDSCxDQUFDLENBQUEifQ==
@@ -1,27 +0,0 @@
1
- import { InputKeyboardEvent } from '../../../../components/input';
2
- import { SelectChangeEvent, SelectChangeEventHandler, SelectedValue } from '../../../../components/select/SelectProps';
3
- import React from 'react';
4
- interface IProps<T = SelectChangeEvent> {
5
- selected?: SelectedValue;
6
- multiple?: boolean;
7
- children?: React.ReactNode;
8
- onChange?: SelectChangeEventHandler<T>;
9
- }
10
- export declare const useSelectDynamic: ({ selected, multiple, children, onChange }: IProps) => {
11
- selectedName: string[];
12
- onClickInput: () => void;
13
- focused: boolean;
14
- modal: React.JSX.Element;
15
- options: React.JSX.Element[] | null | undefined;
16
- onKeyUp: (event: InputKeyboardEvent) => void;
17
- onKeyPress: (event: InputKeyboardEvent) => void;
18
- } | {
19
- selectedName: any[] | undefined;
20
- options: React.JSX.Element[] | null | undefined;
21
- onClickInput?: undefined;
22
- focused?: undefined;
23
- modal?: undefined;
24
- onKeyUp?: undefined;
25
- onKeyPress?: undefined;
26
- };
27
- export {};