@trilogy-ds/react 4.0.6-SC-beta-2 → 4.0.6-SC-beta-3

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 (309) 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 +46 -20
  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/BadgeProps.d.ts +2 -2
  51. package/lib/components/badge/index.d.ts +1 -2
  52. package/lib/components/badge/index.js +2 -3
  53. package/lib/components/box/Box.js +16 -8
  54. package/lib/components/box/content/BoxContent.js +7 -5
  55. package/lib/components/box/footer/BoxFooter.js +6 -4
  56. package/lib/components/box/header/BoxHeader.js +7 -5
  57. package/lib/components/box/item/BoxItem.js +6 -4
  58. package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
  59. package/lib/components/box/table-container/BoxTableContainer.js +7 -5
  60. package/lib/components/breadcrumb/Breadcrumb.js +6 -4
  61. package/lib/components/breadcrumb/item/BreadcrumbItem.js +8 -6
  62. package/lib/components/button/Button.js +19 -7
  63. package/lib/components/button/list/ButtonList.js +7 -5
  64. package/lib/components/card/Card.d.ts +4 -1
  65. package/lib/components/card/Card.js +15 -8
  66. package/lib/components/card/CardProps.d.ts +1 -3
  67. package/lib/components/card/content/CardContent.d.ts +1 -1
  68. package/lib/components/card/content/CardContent.js +6 -4
  69. package/lib/components/card/content/CardContentProps.d.ts +1 -1
  70. package/lib/components/card/content/index.d.ts +1 -1
  71. package/lib/components/card/content/index.js +2 -2
  72. package/lib/components/card/image/CardImage.d.ts +1 -1
  73. package/lib/components/card/image/CardImage.js +13 -7
  74. package/lib/components/card/index.d.ts +5 -5
  75. package/lib/components/card/index.js +6 -6
  76. package/lib/components/checkbox/Checkbox.js +17 -17
  77. package/lib/components/checkbox/CheckboxProps.d.ts +2 -1
  78. package/lib/components/checkbox/tiles/CheckboxTiles.js +6 -4
  79. package/lib/components/checkbox/tiles/tile/CheckboxTile.js +22 -22
  80. package/lib/components/chips/Chips.d.ts +1 -1
  81. package/lib/components/chips/Chips.js +11 -7
  82. package/lib/components/chips/index.d.ts +2 -2
  83. package/lib/components/chips/index.js +3 -3
  84. package/lib/components/chips/list/ChipsList.d.ts +2 -2
  85. package/lib/components/chips/list/ChipsList.js +7 -5
  86. package/lib/components/chips/list/index.d.ts +1 -1
  87. package/lib/components/chips/list/index.js +2 -2
  88. package/lib/components/columns/Columns.js +4 -2
  89. package/lib/components/columns/column/Column.js +4 -2
  90. package/lib/components/container/Container.js +4 -2
  91. package/lib/components/countdown/Countdown.d.ts +1 -1
  92. package/lib/components/countdown/Countdown.js +77 -17
  93. package/lib/components/countdown/CountdownProps.d.ts +1 -1
  94. package/lib/components/countdown/index.d.ts +2 -2
  95. package/lib/components/countdown/index.js +3 -3
  96. package/lib/components/divider/Divider.js +5 -3
  97. package/lib/components/fab/Fab.d.ts +1 -1
  98. package/lib/components/fab/Fab.js +16 -7
  99. package/lib/components/fab/FabProps.d.ts +3 -5
  100. package/lib/components/fab/index.d.ts +1 -1
  101. package/lib/components/fab/index.js +2 -2
  102. package/lib/components/hero/Hero.js +5 -3
  103. package/lib/components/icon/Icon.js +8 -6
  104. package/lib/components/image/Image.d.ts +1 -1
  105. package/lib/components/image/Image.js +12 -7
  106. package/lib/components/image/ImageProps.d.ts +2 -3
  107. package/lib/components/image/ImageProps.js +1 -1
  108. package/lib/components/image/index.d.ts +1 -1
  109. package/lib/components/image/index.js +2 -2
  110. package/lib/components/input/Input.d.ts +2 -2
  111. package/lib/components/input/Input.js +124 -40
  112. package/lib/components/input/Input.native.d.ts +1 -1
  113. package/lib/components/input/Input.native.js +6 -6
  114. package/lib/components/input/InputProps.d.ts +3 -3
  115. package/lib/components/input/gauge/InputGauge.d.ts +3 -2
  116. package/lib/components/input/gauge/InputGauge.js +15 -15
  117. package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
  118. package/lib/components/input/gauge/hook/useGauge.js +74 -90
  119. package/lib/components/input/index.d.ts +3 -3
  120. package/lib/components/input/index.js +4 -4
  121. package/lib/components/link/Link.js +8 -6
  122. package/lib/components/list/List.js +6 -4
  123. package/lib/components/list/item/ListItem.js +8 -6
  124. package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
  125. package/lib/components/list/item/description/ListItemDescription.js +7 -5
  126. package/lib/components/modal/Modal.d.ts +1 -1
  127. package/lib/components/modal/Modal.js +74 -14
  128. package/lib/components/modal/ModalProps.d.ts +2 -3
  129. package/lib/components/modal/body/ModalBody.d.ts +1 -1
  130. package/lib/components/modal/body/ModalBody.js +5 -3
  131. package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
  132. package/lib/components/modal/footer/ModalFooter.js +6 -4
  133. package/lib/components/modal/index.d.ts +4 -4
  134. package/lib/components/modal/index.js +5 -5
  135. package/lib/components/otp/Otp.d.ts +1 -1
  136. package/lib/components/otp/Otp.js +98 -22
  137. package/lib/components/otp/index.d.ts +1 -1
  138. package/lib/components/otp/index.js +2 -2
  139. package/lib/components/pagination/Pagination.d.ts +1 -1
  140. package/lib/components/pagination/Pagination.js +66 -17
  141. package/lib/components/pagination/PaginationProps.d.ts +2 -3
  142. package/lib/components/pagination/index.d.ts +2 -2
  143. package/lib/components/pagination/index.js +3 -3
  144. package/lib/components/popover/Popover.js +7 -5
  145. package/lib/components/price/Price.js +17 -15
  146. package/lib/components/product-tour/ProductTour.js +17 -13
  147. package/lib/components/progress/Progress.d.ts +2 -2
  148. package/lib/components/progress/Progress.js +13 -11
  149. package/lib/components/progress/ProgressProps.d.ts +1 -1
  150. package/lib/components/progress/index.d.ts +3 -3
  151. package/lib/components/progress/index.js +4 -4
  152. package/lib/components/progress/radial/ProgressRadial.d.ts +1 -1
  153. package/lib/components/progress/radial/ProgressRadial.js +52 -11
  154. package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -5
  155. package/lib/components/progress/radial/index.d.ts +1 -1
  156. package/lib/components/progress/radial/index.js +2 -2
  157. package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
  158. package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +1 -1
  159. package/lib/components/progress/radial/item/ProgressRadialtem.js +6 -4
  160. package/lib/components/progress/radial/item/index.d.ts +1 -1
  161. package/lib/components/progress/radial/item/index.js +2 -2
  162. package/lib/components/radio/Radio.js +8 -6
  163. package/lib/components/radio/RadioProps.d.ts +1 -1
  164. package/lib/components/radio/index.d.ts +5 -5
  165. package/lib/components/radio/index.js +6 -6
  166. package/lib/components/radio/list/RadioList.d.ts +1 -1
  167. package/lib/components/radio/list/RadioList.js +7 -5
  168. package/lib/components/radio/list/RadioListProps.d.ts +1 -1
  169. package/lib/components/radio/list/index.d.ts +1 -1
  170. package/lib/components/radio/list/index.js +2 -2
  171. package/lib/components/radio/tiles/RadioTiles.js +7 -5
  172. package/lib/components/radio/tiles/RadioTilesProps.d.ts +1 -1
  173. package/lib/components/radio/tiles/index.d.ts +1 -1
  174. package/lib/components/radio/tiles/index.js +2 -2
  175. package/lib/components/radio/tiles/tile/RadioTile.js +12 -10
  176. package/lib/components/radio/tiles/tile/index.d.ts +1 -1
  177. package/lib/components/radio/tiles/tile/index.js +2 -2
  178. package/lib/components/range/Range.d.ts +1 -1
  179. package/lib/components/range/Range.js +57 -15
  180. package/lib/components/range/RangeProps.d.ts +1 -2
  181. package/lib/components/range/index.d.ts +1 -1
  182. package/lib/components/range/index.js +2 -2
  183. package/lib/components/rows/Rows.js +6 -4
  184. package/lib/components/rows/row/Row.js +6 -4
  185. package/lib/components/scroll-view/ScrollView.d.ts +2 -2
  186. package/lib/components/scroll-view/ScrollView.js +13 -11
  187. package/lib/components/section/Section.js +7 -5
  188. package/lib/components/segment-control/SegmentControl.d.ts +2 -8
  189. package/lib/components/segment-control/SegmentControl.js +28 -16
  190. package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
  191. package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -6
  192. package/lib/components/segment-control/item/SegmentControlItem.js +18 -8
  193. package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
  194. package/lib/components/segment-control/item/index.d.ts +1 -1
  195. package/lib/components/segment-control/item/index.js +2 -2
  196. package/lib/components/select/Select.d.ts +1 -1
  197. package/lib/components/select/Select.js +3 -3
  198. package/lib/components/select/SelectProps.d.ts +2 -3
  199. package/lib/components/select/index.d.ts +2 -2
  200. package/lib/components/select/index.js +3 -3
  201. package/lib/components/select/option/SelectOption.d.ts +2 -2
  202. package/lib/components/select/option/SelectOption.js +9 -7
  203. package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
  204. package/lib/components/select/option/index.d.ts +1 -1
  205. package/lib/components/select/option/index.js +2 -2
  206. package/lib/components/select/web/SelectDynamic.d.ts +1 -1
  207. package/lib/components/select/web/SelectDynamic.js +131 -15
  208. package/lib/components/select/web/SelectNative.js +35 -15
  209. package/lib/components/select/web/index.d.ts +2 -2
  210. package/lib/components/select/web/index.js +3 -3
  211. package/lib/components/spacer/Spacer.js +5 -3
  212. package/lib/components/stepper/Stepper.d.ts +2 -2
  213. package/lib/components/stepper/Stepper.js +36 -9
  214. package/lib/components/stepper/Stepper.native.js +3 -3
  215. package/lib/components/stepper/step/Step.d.ts +1 -1
  216. package/lib/components/stepper/step/Step.js +10 -8
  217. package/lib/components/stepper/step/index.d.ts +1 -1
  218. package/lib/components/stepper/step/index.js +2 -2
  219. package/lib/components/sticker/Sticker.js +9 -7
  220. package/lib/components/switch/Switch.d.ts +1 -1
  221. package/lib/components/switch/Switch.js +43 -11
  222. package/lib/components/switch/SwitchProps.d.ts +3 -2
  223. package/lib/components/switch/index.d.ts +1 -1
  224. package/lib/components/switch/index.js +2 -2
  225. package/lib/components/table/Table.js +7 -5
  226. package/lib/components/table/body/TableBody.js +7 -5
  227. package/lib/components/table/head/TableHead.js +7 -5
  228. package/lib/components/table/td/TableTd.js +6 -4
  229. package/lib/components/table/th/TableTh.js +6 -4
  230. package/lib/components/table/tr/TableTr.d.ts +1 -1
  231. package/lib/components/table/tr/TableTr.js +9 -7
  232. package/lib/components/tabs/Tabs.js +18 -6
  233. package/lib/components/tabs/TabsProps.d.ts +1 -4
  234. package/lib/components/tabs/context/index.js +1 -2
  235. package/lib/components/tabs/tab-list/TabList.js +4 -2
  236. package/lib/components/tabs/tab-list/tab/Tab.js +19 -4
  237. package/lib/components/tabs/tab-list/tab/TabProps.d.ts +1 -3
  238. package/lib/components/tabs/tab-panels/TabPanels.js +4 -2
  239. package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +6 -4
  240. package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
  241. package/lib/components/tag/Tag.js +5 -3
  242. package/lib/components/tag/list/TagList.js +7 -5
  243. package/lib/components/text/Text.js +7 -5
  244. package/lib/components/textarea/Textarea.d.ts +1 -1
  245. package/lib/components/textarea/Textarea.js +27 -15
  246. package/lib/components/textarea/TextareaProps.d.ts +3 -4
  247. package/lib/components/timeline/Timeline.js +6 -4
  248. package/lib/components/timeline/content/TimelineContent.js +7 -5
  249. package/lib/components/timeline/item/TimelineItem.js +6 -4
  250. package/lib/components/timeline/marker/TimelineMarker.js +7 -5
  251. package/lib/components/title/Title.js +9 -7
  252. package/lib/components/view/View.d.ts +1 -1
  253. package/lib/components/view/View.js +15 -12
  254. package/lib/context/index.d.ts +1 -1
  255. package/lib/context/index.js +2 -3
  256. package/lib/context/providerStates.js +2 -3
  257. package/lib/context/providerTheme.js +1 -2
  258. package/lib/helpers/hashClassesHelpers.d.ts +3 -1
  259. package/lib/helpers/hashClassesHelpers.js +15 -18
  260. package/lib/objects/Typography/TypographyBold.js +2 -3
  261. package/lib/version.d.ts +1 -1
  262. package/lib/version.js +1 -1
  263. package/package.json +1 -1
  264. package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +0 -6
  265. package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +0 -14
  266. package/lib/components/alert/hooks/useAlert.d.ts +0 -23
  267. package/lib/components/alert/hooks/useAlert.js +0 -48
  268. package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +0 -40
  269. package/lib/components/autocomplete/hooks/useAutocomplete.js +0 -144
  270. package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +0 -9
  271. package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +0 -20
  272. package/lib/components/button/hooks/useButton.d.ts +0 -12
  273. package/lib/components/button/hooks/useButton.js +0 -16
  274. package/lib/components/countdown/hooks/useCountdown.d.ts +0 -16
  275. package/lib/components/countdown/hooks/useCountdown.js +0 -77
  276. package/lib/components/input/hook/useInput.d.ts +0 -68
  277. package/lib/components/input/hook/useInput.js +0 -151
  278. package/lib/components/modal/hooks/useModal.d.ts +0 -26
  279. package/lib/components/modal/hooks/useModal.js +0 -86
  280. package/lib/components/otp/hooks/useOtp.d.ts +0 -20
  281. package/lib/components/otp/hooks/useOtp.js +0 -101
  282. package/lib/components/pagination/hooks/usePagination.d.ts +0 -25
  283. package/lib/components/pagination/hooks/usePagination.js +0 -77
  284. package/lib/components/product-tour/hooks/useProductTour.d.ts +0 -11
  285. package/lib/components/product-tour/hooks/useProductTour.js +0 -22
  286. package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +0 -15
  287. package/lib/components/progress/radial/hooks/useProgressRadial.js +0 -57
  288. package/lib/components/range/hooks/useRange.d.ts +0 -30
  289. package/lib/components/range/hooks/useRange.js +0 -63
  290. package/lib/components/segment-control/hooks/useSegmentControl.d.ts +0 -14
  291. package/lib/components/segment-control/hooks/useSegmentControl.js +0 -31
  292. package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +0 -14
  293. package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +0 -24
  294. package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -27
  295. package/lib/components/select/web/hooks/useSelectDynamic.js +0 -156
  296. package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
  297. package/lib/components/select/web/hooks/useSelectNative.js +0 -38
  298. package/lib/components/stepper/hooks/useStepper.d.ts +0 -9
  299. package/lib/components/stepper/hooks/useStepper.js +0 -55
  300. package/lib/components/switch/hooks/useSwitch.d.ts +0 -18
  301. package/lib/components/switch/hooks/useSwitch.js +0 -46
  302. package/lib/components/tabs/hooks/useTabs.d.ts +0 -12
  303. package/lib/components/tabs/hooks/useTabs.js +0 -33
  304. package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +0 -17
  305. package/lib/components/tabs/tab-list/tab/hooks/useTab.js +0 -28
  306. package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +0 -3
  307. package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +0 -14
  308. package/lib/components/textarea/hooks/useTextarea.d.ts +0 -15
  309. package/lib/components/textarea/hooks/useTextarea.js +0 -30
@@ -1,151 +0,0 @@
1
- import { __assign, __read } from "tslib";
2
- import clsx from 'clsx';
3
- import React from 'react';
4
- import { Icon, IconName, IconSize } from '../../../components/icon';
5
- import { InputStatus, InputType } from '../../../components/input/InputEnum';
6
- import { hashClass } from '../../../helpers/hashClassesHelpers';
7
- import { is } from '../../../services/classify';
8
- export var useInput = function (_a) {
9
- var defaultValue = _a.defaultValue, focused = _a.focused, status = _a.status, type = _a.type, value = _a.value, validator = _a.validator, onStatusChange = _a.onStatusChange, onKeyUp = _a.onKeyUp, onKeyPress = _a.onKeyPress, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClick = _a.onClick, forceControl = _a.forceControl, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onIconClick = _a.onIconClick;
10
- try {
11
- var _b = __read(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value_1 = _b[0], setValue_1 = _b[1];
12
- var _c = __read(React.useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused_1 = _c[0], setIsFocused_1 = _c[1];
13
- var _d = __read(React.useState(false), 2), isDirty_1 = _d[0], setIsDirty_1 = _d[1];
14
- var _e = __read(React.useState(false), 2), isTouched_1 = _e[0], setIsTouched_1 = _e[1];
15
- var _f = __read(React.useState(status || InputStatus.DEFAULT), 2), localStatus_1 = _f[0], setLocalStatus_1 = _f[1];
16
- var _g = __read(React.useState(type), 2), inputType_1 = _g[0], setInputType_1 = _g[1];
17
- var _h = __read(React.useState(false), 2), isShowPwd = _h[0], setIsShowPwd_1 = _h[1];
18
- var onPressKey_1 = React.useCallback(function (e) {
19
- var target = e.target;
20
- return {
21
- inputName: target.name,
22
- inputValue: target.value,
23
- inputKeyCode: e.keyCode,
24
- target: target,
25
- preventDefault: function () { return e.preventDefault(); },
26
- };
27
- }, []);
28
- var IconWrapper = React.useCallback(function (_a) {
29
- var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onPress = _a.onPress;
30
- return (React.createElement(CreateIconWrapper, { className: className, name: name, color: color, closeIconSearch: closeIconSearch, onClick: function (e) {
31
- onPress && onPress();
32
- if (onIconClick) {
33
- onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value_1, target: e.target });
34
- }
35
- }, type: type, _value: _value_1, onClickCloseIconSearch: function () { return setValue_1(''); } }));
36
- }, [_value_1, onIconClick, type]);
37
- var handleKeyUp = React.useCallback(function (e) { return onKeyUp && onKeyUp(onPressKey_1(e)); }, [onKeyUp]);
38
- var handleMouseEnter = React.useCallback(function (e) { return onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e); }, [onMouseEnter]);
39
- var handleMouseLeave = React.useCallback(function (e) { return onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e); }, [onMouseLeave]);
40
- var handleKeyPress = React.useCallback(function (e) { return onKeyPress && onKeyPress(onPressKey_1(e)); }, [onKeyPress]);
41
- var handleClick = React.useCallback(function (e) {
42
- var target = e.target;
43
- if (onClick) {
44
- onClick({
45
- inputName: target.name,
46
- inputValue: target.value,
47
- target: target,
48
- });
49
- }
50
- }, [onClick]);
51
- var handleChange = React.useCallback(function (e) {
52
- // --- solution to prevent cursor jump ---
53
- if (inputType_1 !== InputType.DATE &&
54
- inputType_1 !== InputType.DATETIME_LOCAL &&
55
- inputType_1 !== InputType.NUMBER &&
56
- inputType_1 !== InputType.EMAIL) {
57
- var caret_1 = e.target.selectionStart;
58
- var element_1 = e.target;
59
- window.requestAnimationFrame(function () {
60
- element_1.selectionStart = caret_1;
61
- element_1.selectionEnd = caret_1;
62
- });
63
- }
64
- if (!forceControl)
65
- setValue_1(e.target.value);
66
- if (onChange) {
67
- onChange({
68
- inputName: e.target.name,
69
- inputValue: e.target.value,
70
- inputSelectionStart: e.target.selectionStart,
71
- target: e.target,
72
- });
73
- }
74
- }, [forceControl, onChange, inputType_1]);
75
- var handleFocus = React.useCallback(function (e) {
76
- onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
77
- setIsFocused_1(true);
78
- }, [onFocus]);
79
- var handleBlur = React.useCallback(function (e) {
80
- onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
81
- setIsFocused_1(false);
82
- }, [onBlur]);
83
- var handlePressIconPwd = React.useCallback(function () {
84
- if (inputType_1 === 'password') {
85
- setInputType_1('text');
86
- setIsShowPwd_1(true);
87
- }
88
- else {
89
- setInputType_1('password');
90
- setIsShowPwd_1(false);
91
- }
92
- }, [inputType_1]);
93
- React.useEffect(function () {
94
- var _a;
95
- setValue_1((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
96
- }, [value, defaultValue]);
97
- React.useEffect(function () {
98
- setIsFocused_1(focused !== null && focused !== void 0 ? focused : false);
99
- }, [focused]);
100
- React.useEffect(function () {
101
- if (isFocused_1)
102
- setIsDirty_1(true);
103
- else if (isDirty_1)
104
- setIsTouched_1(true);
105
- }, [isFocused_1, isDirty_1]);
106
- React.useEffect(function () {
107
- if (!validator || !isTouched_1)
108
- return;
109
- setLocalStatus_1(validator(_value_1));
110
- }, [isFocused_1, isTouched_1, validator]);
111
- React.useEffect(function () {
112
- setLocalStatus_1(status || InputStatus.DEFAULT);
113
- }, [status]);
114
- React.useEffect(function () {
115
- if (onStatusChange)
116
- onStatusChange(localStatus_1);
117
- }, [localStatus_1, onStatusChange]);
118
- return {
119
- localStatus: localStatus_1,
120
- inputType: inputType_1,
121
- _value: _value_1,
122
- isShowPwd: isShowPwd,
123
- handleBlur: handleBlur,
124
- handleChange: handleChange,
125
- handleClick: handleClick,
126
- handleFocus: handleFocus,
127
- handleKeyPress: handleKeyPress,
128
- handleKeyUp: handleKeyUp,
129
- handleMouseEnter: handleMouseEnter,
130
- handleMouseLeave: handleMouseLeave,
131
- IconWrapper: IconWrapper,
132
- handlePressIconPwd: handlePressIconPwd,
133
- };
134
- }
135
- catch (_j) {
136
- return {
137
- localStatus: status || InputStatus.DEFAULT,
138
- inputType: type,
139
- _value: defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined,
140
- isShowPwd: false,
141
- IconWrapper: CreateIconWrapper,
142
- };
143
- }
144
- };
145
- var CreateIconWrapper = function (_a) {
146
- var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onClick = _a.onClick, type = _a.type, _value = _a._value, onClickCloseIconSearch = _a.onClickCloseIconSearch;
147
- return (React.createElement("div", __assign({}, (type === 'password' && { 'data-show-pwd': true }), { onClick: onClick }),
148
- React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
149
- _value && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: onClickCloseIconSearch, className: hashClass(clsx(is('justified-self'))), name: IconName.TIMES_CIRCLE, size: IconSize.SMALL }))));
150
- };
151
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2hvb2svdXNlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVELE9BQU8sRUFBRSxXQUFXLEVBQXFCLFNBQVMsRUFBbUIsTUFBTSw4QkFBOEIsQ0FBQTtBQU16RyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBa0N4QyxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWtCZjtRQWpCUixZQUFZLGtCQUFBLEVBQ1osT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsY0FBYyxvQkFBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLE9BQU8sYUFBQSxFQUNQLFlBQVksa0JBQUEsRUFDWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBO0lBRVgsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFxQixLQUFLLENBQUMsUUFBUSxDQUFTLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQTlELFFBQU0sUUFBQSxFQUFFLFVBQVEsUUFBOEMsQ0FBQTtRQUMvRCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLGFBQVAsT0FBTyxjQUFQ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
@@ -1,26 +0,0 @@
1
- import { ClickEvent } from '../../../events/OnClickEvent';
2
- import React from 'react';
3
- interface IProps {
4
- active?: boolean;
5
- onClose?: ClickEvent;
6
- }
7
- export declare const useModal: ({ active, onClose }: IProps) => {
8
- modal: React.RefObject<HTMLDivElement>;
9
- display: boolean;
10
- onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
11
- handleClickModal: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
12
- refModal: React.RefObject<HTMLDivElement>;
13
- refBtnModal: React.MutableRefObject<any>;
14
- handleCloseModal: (e: React.MouseEvent) => void;
15
- buttonRef: (el: HTMLButtonElement | null) => HTMLButtonElement | null;
16
- } | {
17
- display: boolean;
18
- modal?: undefined;
19
- onKeyDown?: undefined;
20
- handleClickModal?: undefined;
21
- refModal?: undefined;
22
- refBtnModal?: undefined;
23
- handleCloseModal?: undefined;
24
- buttonRef?: undefined;
25
- };
26
- export {};
@@ -1,86 +0,0 @@
1
- import { __read } from "tslib";
2
- import React from 'react';
3
- export var useModal = function (_a) {
4
- var active = _a.active, onClose = _a.onClose;
5
- try {
6
- var modal_1 = React.useRef(null);
7
- var _b = __read(React.useState(active || false), 2), display_1 = _b[0], setDisplay_1 = _b[1];
8
- var refsActions_1 = React.useRef([]);
9
- var refBtnModal_1 = React.useRef(null);
10
- var refModal_1 = React.useRef(null);
11
- var _c = __read(React.useState(0), 2), setIndexFocusable_1 = _c[1];
12
- var handleClose_1 = React.useCallback(function (onCloseFunc, e) {
13
- setDisplay_1(false);
14
- refBtnModal_1.current && refBtnModal_1.current.focus();
15
- setIndexFocusable_1(0);
16
- if (onCloseFunc)
17
- onCloseFunc(e);
18
- }, [refBtnModal_1.current]);
19
- var onKeyDown = React.useCallback(function (event) {
20
- if (display_1 && refsActions_1.current) {
21
- var refs_1 = refsActions_1.current.filter(function (ref) { return ref; });
22
- var key = event.key;
23
- if (key === 'Tab') {
24
- event.preventDefault();
25
- setIndexFocusable_1(function (prev) {
26
- var _a;
27
- var nextIndex = (prev + 1) % refs_1.length;
28
- refs_1[nextIndex] && ((_a = refs_1[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus());
29
- return nextIndex;
30
- });
31
- }
32
- if (key === 'Escape') {
33
- event.preventDefault();
34
- setDisplay_1(false);
35
- refBtnModal_1.current && refBtnModal_1.current.focus();
36
- setIndexFocusable_1(0);
37
- onClose && onClose();
38
- }
39
- }
40
- }, [refsActions_1.current.length, display_1]);
41
- var handleClickModal = React.useCallback(function (e) {
42
- var _a;
43
- if (!((_a = modal_1 === null || modal_1 === void 0 ? void 0 : modal_1.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
44
- handleClose_1(onClose, e);
45
- }
46
- }, [modal_1, handleClose_1]);
47
- var handleCloseModal = React.useCallback(function (e) {
48
- handleClose_1(onClose, e);
49
- }, [handleClose_1, onClose]);
50
- var buttonRef = React.useCallback(function (el) { return el && refsActions_1 && (refsActions_1.current[0] = el); }, []);
51
- React.useEffect(function () {
52
- display_1 && refsActions_1.current[0] && refsActions_1.current[0].focus();
53
- }, [display_1, refsActions_1 === null || refsActions_1 === void 0 ? void 0 : refsActions_1.current.length]);
54
- React.useEffect(function () {
55
- setDisplay_1(function (prev) {
56
- if (prev) {
57
- refBtnModal_1.current && refBtnModal_1.current.focus();
58
- setIndexFocusable_1(0);
59
- }
60
- return active || false;
61
- });
62
- }, [active]);
63
- React.useEffect(function () {
64
- if (refModal_1.current) {
65
- var footer = refModal_1.current.querySelector('[data-modal-footer]');
66
- var getCTA = footer === null || footer === void 0 ? void 0 : footer.querySelectorAll('button');
67
- if (getCTA)
68
- getCTA.forEach(function (el, i) { return (refsActions_1.current[i + 1] = el); });
69
- }
70
- }, [refModal_1.current]);
71
- return {
72
- modal: modal_1,
73
- display: display_1,
74
- onKeyDown: onKeyDown,
75
- handleClickModal: handleClickModal,
76
- refModal: refModal_1,
77
- refBtnModal: refBtnModal_1,
78
- handleCloseModal: handleCloseModal,
79
- buttonRef: buttonRef,
80
- };
81
- }
82
- catch (_d) {
83
- return { display: active || false };
84
- }
85
- };
86
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2hvb2tzL3VzZU1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBT3pCLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTJCO1FBQXpCLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQTtJQUN4QyxJQUFJO1FBQ0YsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7UUFDMUMsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFNBQU8sUUFBQSxFQUFFLFlBQVUsUUFBNEMsQ0FBQTtRQUV0RSxJQUFNLGFBQVcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFrQyxFQUFFLENBQUMsQ0FBQTtRQUNyRSxJQUFNLGFBQVcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFNLElBQUksQ0FBQyxDQUFBO1FBQzNDLElBQU0sVUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO1FBQzdDLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLG1CQUFpQixRQUFxQixDQUFBO1FBRS9DLElBQU0sYUFBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ25DLFVBQUMsV0FBbUMsRUFBRSxDQUFlO1lBQ25ELFlBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNqQixhQUFXLENBQUMsT0FBTyxJQUFJLGFBQVcsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUE7WUFDbEQsbUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDcEIsSUFBSSxXQUFXO2dCQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUNq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
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- interface IProps {
3
- value?: string;
4
- disabled?: boolean;
5
- onChange?: (code?: string) => void;
6
- onCompleted?: (code?: string) => void;
7
- length: number;
8
- }
9
- export declare const useOtp: ({ value, disabled, length, onChange, onCompleted }: IProps) => {
10
- codeInput: (number | null)[];
11
- inputOnKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => false | void;
12
- inputOnFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
13
- inputOnChange: (e: React.ChangeEvent<HTMLInputElement>, idx: number) => void;
14
- } | {
15
- codeInput: (number | null)[];
16
- inputOnKeyUp?: undefined;
17
- inputOnFocus?: undefined;
18
- inputOnChange?: undefined;
19
- };
20
- export {};
@@ -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