@pedidopago/ui 1.7.25 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (342) hide show
  1. package/dist/components/Alert/alert.test.js +1 -85
  2. package/dist/components/Alert/index.js +1 -63
  3. package/dist/components/Alert/styles.js +1 -32
  4. package/dist/components/Avatar/avatar.test.js +1 -67
  5. package/dist/components/Avatar/index.js +1 -94
  6. package/dist/components/Avatar/styles.js +1 -51
  7. package/dist/components/Badge/badge.test.js +1 -71
  8. package/dist/components/Badge/index.js +2 -43
  9. package/dist/components/Badge/styles.js +1 -33
  10. package/dist/components/Button/Button.test.js +1 -154
  11. package/dist/components/Button/index.js +1 -87
  12. package/dist/components/Button/styles.js +1 -112
  13. package/dist/components/Card/card.test.js +1 -30
  14. package/dist/components/Card/index.js +1 -44
  15. package/dist/components/Card/styles.js +1 -16
  16. package/dist/components/CheckboxInput/checkbox-input.test.js +1 -170
  17. package/dist/components/CheckboxInput/components/MultipleCheckbox.js +1 -205
  18. package/dist/components/CheckboxInput/index.js +1 -94
  19. package/dist/components/CheckboxInput/styles.js +1 -34
  20. package/dist/components/ChoiceList/index.d.ts +6 -0
  21. package/dist/components/ChoiceList/index.d.ts.map +1 -0
  22. package/dist/components/ChoiceList/index.js +1 -0
  23. package/dist/components/ChoiceList/styles.d.ts +22 -0
  24. package/dist/components/ChoiceList/styles.d.ts.map +1 -0
  25. package/dist/components/ChoiceList/styles.js +1 -0
  26. package/dist/components/ChoiceList/types.d.ts +24 -0
  27. package/dist/components/ChoiceList/types.d.ts.map +1 -0
  28. package/dist/components/ChoiceList/types.js +1 -0
  29. package/dist/components/CollapseCard/ExpandButton/index.js +1 -40
  30. package/dist/components/CollapseCard/ExpandButton/styles.js +1 -16
  31. package/dist/components/CollapseCard/expand-button.test.js +1 -161
  32. package/dist/components/CollapseCard/index.js +1 -98
  33. package/dist/components/CollapseCard/styles.js +1 -26
  34. package/dist/components/ColorPicker/colorpicker.test.js +1 -64
  35. package/dist/components/ColorPicker/components/ColorHue.js +1 -44
  36. package/dist/components/ColorPicker/components/ColorInput.js +1 -63
  37. package/dist/components/ColorPicker/components/ColorPickerBox.js +1 -52
  38. package/dist/components/ColorPicker/components/ColorPointer.js +1 -25
  39. package/dist/components/ColorPicker/components/ColorSelector.js +1 -107
  40. package/dist/components/ColorPicker/hooks/useCachedCallback.js +1 -16
  41. package/dist/components/ColorPicker/hooks/useHsva.js +1 -53
  42. package/dist/components/ColorPicker/index.js +1 -93
  43. package/dist/components/ColorPicker/styles.js +1 -46
  44. package/dist/components/ColorPicker/utils/checkers.js +1 -55
  45. package/dist/components/ColorPicker/utils/conversors.js +2 -243
  46. package/dist/components/ColorPicker/utils/parsers.js +10 -108
  47. package/dist/components/ComposeIcon/index.js +2 -48
  48. package/dist/components/ComposeIcon/styles.js +1 -53
  49. package/dist/components/DateInput/DateInput-example.js +7 -45
  50. package/dist/components/DateInput/components/ModalWrapper/index.js +1 -35
  51. package/dist/components/DateInput/components/ModalWrapper/styles.js +1 -21
  52. package/dist/components/DateInput/dateInput.test.js +2 -43
  53. package/dist/components/DateInput/index.js +2 -104
  54. package/dist/components/DateInput/styles.js +1 -18
  55. package/dist/components/DatePicker/components/DatePickerContent.js +2 -222
  56. package/dist/components/DatePicker/components/DateYearPicker.js +1 -102
  57. package/dist/components/DatePicker/datepicker.test.js +1 -120
  58. package/dist/components/DatePicker/index.js +1 -236
  59. package/dist/components/DatePicker/styles.js +1 -88
  60. package/dist/components/DatePicker/utils/getMonthName.js +1 -11
  61. package/dist/components/Dialog/dialog-example.js +1 -46
  62. package/dist/components/Dialog/dialog.test.js +1 -68
  63. package/dist/components/Dialog/index.js +2 -100
  64. package/dist/components/Dialog/styles.js +1 -31
  65. package/dist/components/Dropzone/dropzone.test.js +1 -69
  66. package/dist/components/Dropzone/index.js +1 -289
  67. package/dist/components/Dropzone/styles.js +1 -75
  68. package/dist/components/Dropzone/utils/accepts.js +2 -27
  69. package/dist/components/EmojiPicker/Emote/index.js +2 -24
  70. package/dist/components/EmojiPicker/Emote/styles.js +1 -27
  71. package/dist/components/EmojiPicker/EmotePickerData/constants.js +1 -51
  72. package/dist/components/EmojiPicker/EmotePickerData/index.js +2 -159
  73. package/dist/components/EmojiPicker/EmotePickerData/styles.js +1 -57
  74. package/dist/components/EmojiPicker/EmotePickerData/utils.js +1 -41
  75. package/dist/components/EmojiPicker/Example/EmotePickerExample.js +1 -43
  76. package/dist/components/EmojiPicker/animation.js +1 -43
  77. package/dist/components/EmojiPicker/index.js +1 -169
  78. package/dist/components/EmojiPicker/styles.js +1 -21
  79. package/dist/components/Flex/flex.test.js +1 -336
  80. package/dist/components/Flex/index.js +1 -49
  81. package/dist/components/Flex/styles.js +1 -25
  82. package/dist/components/Grid/grid.test.js +1 -134
  83. package/dist/components/Grid/index.js +1 -51
  84. package/dist/components/Grid/styles.js +1 -48
  85. package/dist/components/Icon/data/beauty.js +2 -206
  86. package/dist/components/Icon/data/dash.js +2 -2
  87. package/dist/components/Icon/data/ecommerce.js +2 -94
  88. package/dist/components/Icon/data/form.js +2 -248
  89. package/dist/components/Icon/data/health.js +2 -255
  90. package/dist/components/Icon/data/illustrations.js +2 -318
  91. package/dist/components/Icon/data/men.js +2 -52
  92. package/dist/components/Icon/data/payment.js +2 -94
  93. package/dist/components/Icon/data/pedidoPago.js +2 -45
  94. package/dist/components/Icon/data/physicalPerfomance.js +2 -283
  95. package/dist/components/Icon/data/social.js +2 -24
  96. package/dist/components/Icon/data/status.js +2 -115
  97. package/dist/components/Icon/data/summer.js +2 -52
  98. package/dist/components/Icon/data/woman.js +2 -80
  99. package/dist/components/Icon/icon.test.js +1 -57
  100. package/dist/components/Icon/index.js +1 -53
  101. package/dist/components/Icon/scripts/build.js +9 -104
  102. package/dist/components/Icon/scripts/extractor.js +2 -33
  103. package/dist/components/Icon/scripts/run-build.js +2 -7
  104. package/dist/components/Icon/scripts/writers.js +3 -34
  105. package/dist/components/Icon/styles.js +1 -22
  106. package/dist/components/Icon/utils/allIcons.js +1 -28
  107. package/dist/components/Icon/utils/iconExists.js +1 -13
  108. package/dist/components/IconItem/IconItem.test.js +1 -58
  109. package/dist/components/IconItem/index.js +1 -52
  110. package/dist/components/IconItem/styles.js +1 -43
  111. package/dist/components/Illustration/illustration.test.js +4 -50
  112. package/dist/components/Illustration/index.js +2 -65
  113. package/dist/components/Illustration/styles.js +1 -65
  114. package/dist/components/ImageItem/imageFake.js +1 -25
  115. package/dist/components/ImageItem/index.js +2 -66
  116. package/dist/components/ImageItem/input.test.js +1 -85
  117. package/dist/components/ImageItem/styles.js +1 -61
  118. package/dist/components/Input/index.js +1 -163
  119. package/dist/components/Input/input.test.js +1 -120
  120. package/dist/components/Input/styles.js +1 -177
  121. package/dist/components/Label/index.js +1 -45
  122. package/dist/components/Label/label.test.js +1 -83
  123. package/dist/components/Label/styles.js +1 -21
  124. package/dist/components/List/index.js +1 -39
  125. package/dist/components/List/list.test.js +1 -64
  126. package/dist/components/List/styles.js +1 -23
  127. package/dist/components/Modal/ModalExample.js +1 -70
  128. package/dist/components/Modal/index.js +1 -145
  129. package/dist/components/Modal/modal.test.js +1 -179
  130. package/dist/components/Modal/styles.js +1 -33
  131. package/dist/components/MultipleSelect/MultipleSelect.test.js +1 -334
  132. package/dist/components/MultipleSelect/animations.js +1 -25
  133. package/dist/components/MultipleSelect/components/InputWrapper/index.js +1 -26
  134. package/dist/components/MultipleSelect/components/OptionsArea/index.js +1 -244
  135. package/dist/components/MultipleSelect/components/OptionsArea/styles.js +1 -68
  136. package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.js +1 -27
  137. package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +1 -37
  138. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +1 -49
  139. package/dist/components/MultipleSelect/components/SelectArea/index.js +1 -100
  140. package/dist/components/MultipleSelect/components/SelectArea/styles.js +1 -36
  141. package/dist/components/MultipleSelect/components/index.js +1 -38
  142. package/dist/components/MultipleSelect/index.js +1 -209
  143. package/dist/components/NewSelect/Examples/constants.js +1 -56
  144. package/dist/components/NewSelect/Examples/index.js +1 -161
  145. package/dist/components/NewSelect/components/Chip/index.js +1 -36
  146. package/dist/components/NewSelect/components/Chip/styles.js +1 -24
  147. package/dist/components/NewSelect/components/OptionsSelect/styles.js +1 -21
  148. package/dist/components/NewSelect/components/SelectInputSearch/index.js +1 -24
  149. package/dist/components/NewSelect/components/SelectItem/index.js +1 -22
  150. package/dist/components/NewSelect/components/SelectItem/styles.js +1 -24
  151. package/dist/components/NewSelect/index.js +1 -18
  152. package/dist/components/NewSelect/multiple/index.d.ts.map +1 -1
  153. package/dist/components/NewSelect/multiple/index.js +1 -247
  154. package/dist/components/NewSelect/newSelect.test.js +1 -108
  155. package/dist/components/NewSelect/single/index.js +1 -183
  156. package/dist/components/NewSelect/styles.js +1 -44
  157. package/dist/components/Observer/index.js +1 -59
  158. package/dist/components/Observer/observer.test.js +2 -43
  159. package/dist/components/Pagination/hooks/usePagination.js +1 -57
  160. package/dist/components/Pagination/index.js +1 -174
  161. package/dist/components/Pagination/pagination.test.js +1 -118
  162. package/dist/components/Pagination/styles.js +1 -78
  163. package/dist/components/Progress/Circle/index.js +1 -102
  164. package/dist/components/Progress/Circle/styles.js +1 -69
  165. package/dist/components/Progress/Linear/index.js +1 -62
  166. package/dist/components/Progress/Linear/styles.js +1 -66
  167. package/dist/components/Progress/getSteps.js +1 -17
  168. package/dist/components/Progress/index.js +1 -39
  169. package/dist/components/Progress/progress.test.js +1 -109
  170. package/dist/components/Radio/components/RadioGroup/index.d.ts +5 -0
  171. package/dist/components/Radio/components/RadioGroup/index.d.ts.map +1 -0
  172. package/dist/components/Radio/components/RadioGroup/index.js +1 -0
  173. package/dist/components/Radio/components/RadioGroup/styles.d.ts +19 -0
  174. package/dist/components/Radio/components/RadioGroup/styles.d.ts.map +1 -0
  175. package/dist/components/Radio/components/RadioGroup/styles.js +1 -0
  176. package/dist/components/Radio/components/RadioGroup/types.d.ts +17 -0
  177. package/dist/components/Radio/components/RadioGroup/types.d.ts.map +1 -0
  178. package/dist/components/Radio/components/RadioGroup/types.js +1 -0
  179. package/dist/components/Radio/index.d.ts +5 -0
  180. package/dist/components/Radio/index.d.ts.map +1 -0
  181. package/dist/components/Radio/index.js +1 -0
  182. package/dist/components/Radio/styles.d.ts +10 -0
  183. package/dist/components/Radio/styles.d.ts.map +1 -0
  184. package/dist/components/Radio/styles.js +1 -0
  185. package/dist/components/Radio/types.d.ts +6 -0
  186. package/dist/components/Radio/types.d.ts.map +1 -0
  187. package/dist/components/Radio/types.js +1 -0
  188. package/dist/components/Rating/index.js +1 -133
  189. package/dist/components/Rating/rating.test.js +1 -63
  190. package/dist/components/Rating/styles.js +1 -27
  191. package/dist/components/ReactPortal/index.js +1 -43
  192. package/dist/components/ReactPortal/reactPortal.test.js +1 -21
  193. package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.js +1 -12
  194. package/dist/components/Select/components/OptionsSelect/index.js +1 -73
  195. package/dist/components/Select/components/OptionsSelect/styles.js +1 -21
  196. package/dist/components/Select/index.js +4 -247
  197. package/dist/components/Select/select.test.js +1 -58
  198. package/dist/components/Select/styles.js +1 -46
  199. package/dist/components/Skeleton/index.js +1 -28
  200. package/dist/components/Skeleton/skeleton.test.js +1 -90
  201. package/dist/components/Skeleton/styles.js +1 -27
  202. package/dist/components/Slider/SliderExample.js +1 -52
  203. package/dist/components/Slider/components/SliderPointer.js +1 -39
  204. package/dist/components/Slider/components/SliderRail.js +1 -116
  205. package/dist/components/Slider/components/SliderSelector.js +1 -173
  206. package/dist/components/Slider/hooks/useEventCallback.js +1 -16
  207. package/dist/components/Slider/index.js +1 -137
  208. package/dist/components/Slider/slider.test.js +1 -121
  209. package/dist/components/Slider/styles.js +1 -69
  210. package/dist/components/Spinner/index.js +1 -26
  211. package/dist/components/Spinner/spinner.test.js +1 -45
  212. package/dist/components/Spinner/styles.js +1 -23
  213. package/dist/components/Steps/components/StepIcon/index.js +1 -50
  214. package/dist/components/Steps/components/StepIcon/styles.js +1 -42
  215. package/dist/components/Steps/components/StepIcon/utils.js +1 -22
  216. package/dist/components/Steps/index.js +1 -116
  217. package/dist/components/Steps/steps.test.js +1 -53
  218. package/dist/components/Steps/styles.js +1 -96
  219. package/dist/components/Steps/utils.js +1 -15
  220. package/dist/components/Switch/index.js +1 -73
  221. package/dist/components/Switch/styles.js +1 -58
  222. package/dist/components/Switch/switch.test.js +2 -115
  223. package/dist/components/Table/components/MenuItem.js +1 -59
  224. package/dist/components/Table/components/TableSkeleton.js +1 -39
  225. package/dist/components/Table/components/animations.js +1 -24
  226. package/dist/components/Table/index.js +2 -253
  227. package/dist/components/Table/styles.js +1 -49
  228. package/dist/components/Table/table.test.js +1 -114
  229. package/dist/components/Tabs/TabsExample.js +1 -64
  230. package/dist/components/Tabs/components/Tab.js +1 -49
  231. package/dist/components/Tabs/components/TabPanel.js +1 -25
  232. package/dist/components/Tabs/components/Tabs.js +1 -107
  233. package/dist/components/Tabs/index.js +1 -26
  234. package/dist/components/Tabs/styles.js +1 -61
  235. package/dist/components/Tabs/tabs.test.js +1 -146
  236. package/dist/components/Tag/index.js +1 -53
  237. package/dist/components/Tag/styles.js +1 -34
  238. package/dist/components/Tag/tag.test.js +1 -64
  239. package/dist/components/TextAreaInput/index.js +1 -74
  240. package/dist/components/TextAreaInput/styles.js +1 -53
  241. package/dist/components/TextAreaInput/text-area-input.test.js +1 -81
  242. package/dist/components/Thumbnail/index.js +1 -125
  243. package/dist/components/Thumbnail/styles.js +1 -47
  244. package/dist/components/Thumbnail/thumbnail.test.js +1 -66
  245. package/dist/components/Thumbnail/utils/index.js +1 -27
  246. package/dist/components/Thumbnail/utils/validate-file-size.js +1 -10
  247. package/dist/components/Thumbnail/utils/validate-file-type.js +1 -9
  248. package/dist/components/TimeInput/constants.js +1 -29
  249. package/dist/components/TimeInput/index.js +1 -288
  250. package/dist/components/TimeInput/styles.js +1 -34
  251. package/dist/components/TimeInput/utils.js +1 -94
  252. package/dist/components/Timeline/components/Timeline.js +1 -17
  253. package/dist/components/Timeline/components/TimelineContent.js +1 -61
  254. package/dist/components/Timeline/components/TimelineItem.js +1 -25
  255. package/dist/components/Timeline/components/TimelineSeparator.js +1 -20
  256. package/dist/components/Timeline/index.js +1 -33
  257. package/dist/components/Timeline/styles.js +1 -37
  258. package/dist/components/Timeline/timeline.test.js +1 -138
  259. package/dist/components/Toast/button-example.js +1 -31
  260. package/dist/components/Toast/components/Toast.js +1 -79
  261. package/dist/components/Toast/contexts/ToastProvider.js +1 -72
  262. package/dist/components/Toast/hooks/useToast.js +1 -18
  263. package/dist/components/Toast/index.js +1 -111
  264. package/dist/components/Toast/styles.js +1 -36
  265. package/dist/components/Toast/toast.test.js +1 -129
  266. package/dist/components/Tooltip/components/TooltipLabel.js +1 -71
  267. package/dist/components/Tooltip/example.js +1 -27
  268. package/dist/components/Tooltip/index.js +1 -187
  269. package/dist/components/Tooltip/styles.js +1 -20
  270. package/dist/components/Typography/index.js +1 -37
  271. package/dist/components/Typography/styles.js +1 -15
  272. package/dist/components/Typography/typography.test.js +1 -288
  273. package/dist/index.d.ts +5 -2
  274. package/dist/index.d.ts.map +1 -1
  275. package/dist/index.js +1 -548
  276. package/dist/shared/animations/opacityAnimation.js +1 -21
  277. package/dist/shared/assets/emotes.js +1 -1
  278. package/dist/shared/components/FocusLock/index.js +5 -86
  279. package/dist/shared/formatters/format-number.js +5 -41
  280. package/dist/shared/global.js +1 -8
  281. package/dist/shared/hooks/devices.js +1 -14
  282. package/dist/shared/hooks/useBreakpoints.js +2 -95
  283. package/dist/shared/hooks/useDebounce.js +1 -35
  284. package/dist/shared/hooks/useDevices.js +2 -42
  285. package/dist/shared/hooks/useDisableBodyScroll.js +5 -52
  286. package/dist/shared/hooks/useDraggableScroll/index.js +5 -65
  287. package/dist/shared/hooks/useKeyPress.js +1 -18
  288. package/dist/shared/hooks/useObserver.js +2 -29
  289. package/dist/shared/hooks/useOnClickOutside.js +1 -30
  290. package/dist/shared/hooks/useReposition/index.js +2 -53
  291. package/dist/shared/hooks/useSystemTheme.js +1 -38
  292. package/dist/shared/hooks/useWindowSize.js +1 -36
  293. package/dist/shared/tests/test-utils.js +1 -31
  294. package/dist/shared/theme/button-example.js +1 -31
  295. package/dist/shared/theme/contexts/ThemeContext.js +1 -90
  296. package/dist/shared/theme/hooks/useColorMode.js +1 -18
  297. package/dist/shared/theme/hooks/useColorModeValue.js +1 -13
  298. package/dist/shared/theme/hooks/useTheme.js +1 -17
  299. package/dist/shared/theme/index.js +1 -67
  300. package/dist/shared/theme/objects/breakpoints.js +1 -15
  301. package/dist/shared/theme/objects/colors.js +1 -177
  302. package/dist/shared/theme/objects/shadows.js +1 -19
  303. package/dist/shared/theme/objects/sizes.js +6 -33
  304. package/dist/shared/theme/objects/spaces.js +1 -75
  305. package/dist/shared/theme/objects/transitions.js +1 -10
  306. package/dist/shared/theme/objects/typography.js +1 -20
  307. package/dist/shared/theme/objects/z-indexes.js +1 -20
  308. package/dist/shared/theme/theme.js +1 -36
  309. package/dist/shared/theme/theme.test.js +1 -94
  310. package/dist/shared/theme/utils/extendTheme.js +1 -25
  311. package/dist/shared/theme/utils/localStorageController.js +1 -21
  312. package/dist/styled.d.js +1 -3
  313. package/dist/utils/GenerateKey.js +3 -18
  314. package/dist/utils/brightnessColorChange.js +2 -17
  315. package/dist/utils/colorCheck.js +6 -64
  316. package/dist/utils/colorFunctions.js +1 -39
  317. package/dist/utils/colorToGray.js +2 -64
  318. package/dist/utils/customColorMode.js +1 -11
  319. package/dist/utils/file.js +5 -124
  320. package/dist/utils/formatters/bytes.js +2 -17
  321. package/dist/utils/formatters/capitalize.js +2 -11
  322. package/dist/utils/formatters/cep.js +3 -18
  323. package/dist/utils/formatters/cnpj.js +4 -38
  324. package/dist/utils/formatters/color.js +12 -101
  325. package/dist/utils/formatters/cpf.js +16 -85
  326. package/dist/utils/formatters/credit-card.js +5 -54
  327. package/dist/utils/formatters/email.js +1 -8
  328. package/dist/utils/formatters/index.js +1 -170
  329. package/dist/utils/formatters/name.js +4 -31
  330. package/dist/utils/formatters/number.js +5 -14
  331. package/dist/utils/formatters/passport.js +5 -33
  332. package/dist/utils/formatters/phone.js +17 -214
  333. package/dist/utils/formatters/price.js +3 -21
  334. package/dist/utils/formatters/rg.js +3 -18
  335. package/dist/utils/formatters/strings.js +4 -27
  336. package/dist/utils/fuctionsColors.js +1 -39
  337. package/dist/utils/generateUUID.js +1 -13
  338. package/dist/utils/getColorValue.js +2 -23
  339. package/dist/utils/getSvg.js +1 -17
  340. package/dist/utils/getValuesBySize.js +1 -9
  341. package/dist/utils/invertColor.js +4 -40
  342. package/package.json +2 -1
@@ -1,86 +1,5 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _react = require("react");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- var _excluded = ["isLocked", "children"];
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
15
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
16
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
- var FocusLock = function FocusLock(_ref) {
19
- var _ref$isLocked = _ref.isLocked,
20
- isLocked = _ref$isLocked === void 0 ? true : _ref$isLocked,
21
- children = _ref.children,
22
- otherProps = _objectWithoutProperties(_ref, _excluded);
23
- var rootNode = (0, _react.useRef)(null);
24
- // const focusableItems = useRef([]);
25
- var focusableItems = (0, _react.useRef)(null);
26
- (0, _react.useEffect)(function () {
27
- var updateFocusableItems = function updateFocusableItems() {
28
- if (rootNode !== null && rootNode !== void 0 && rootNode.current) {
29
- focusableItems.current = rootNode.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), video');
30
- }
31
- };
32
- var observer = new MutationObserver(function () {
33
- updateFocusableItems();
34
- });
35
- updateFocusableItems();
36
- if (rootNode !== null && rootNode !== void 0 && rootNode.current) {
37
- observer.observe(rootNode.current, {
38
- childList: true
39
- });
40
- }
41
- return function () {
42
- observer.disconnect();
43
- };
44
- }, [rootNode]);
45
- (0, _react.useEffect)(function () {
46
- var handleKeyPress = function handleKeyPress(event) {
47
- if (!focusableItems.current) return;
48
- var key = event.key,
49
- shiftKey = event.shiftKey;
50
- var _focusableItems$curre = focusableItems.current,
51
- length = _focusableItems$curre.length,
52
- firstItem = _focusableItems$curre[0],
53
- lastItem = _focusableItems$curre[length - 1];
54
- if (isLocked && key === 'Tab') {
55
- // If only one item then prevent tabbing when locked
56
- if (length === 1) {
57
- event.preventDefault();
58
- return;
59
- }
60
-
61
- // If focused on last item then focus on first item when tab is pressed
62
- if (!shiftKey && document.activeElement === lastItem) {
63
- event.preventDefault();
64
- firstItem.focus();
65
- return;
66
- }
67
-
68
- // If focused on first item then focus on last item when shift + tab is pressed
69
- if (shiftKey && document.activeElement === firstItem) {
70
- event.preventDefault();
71
- lastItem.focus();
72
- }
73
- }
74
- };
75
- window.addEventListener('keydown', handleKeyPress);
76
- return function () {
77
- window.removeEventListener('keydown', handleKeyPress);
78
- };
79
- }, [isLocked, focusableItems]);
80
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, otherProps), {}, {
81
- ref: rootNode,
82
- children: children
83
- }));
84
- };
85
- var _default = FocusLock;
86
- exports.default = _default;
1
+ "use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["isLocked","children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var FocusLock=function(_ref){var _ref$isLocked=_ref.isLocked,isLocked=void 0===_ref$isLocked||_ref$isLocked,children=_ref.children,otherProps=_objectWithoutProperties(_ref,_excluded),rootNode=(0,_react.useRef)(null),focusableItems=(0,_react.useRef)(null);// const focusableItems = useRef([]);
2
+ return(0,_react.useEffect)(function(){var updateFocusableItems=function(){null!==rootNode&&void 0!==rootNode&&rootNode.current&&(focusableItems.current=rootNode.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), video"))},observer=new MutationObserver(function(){updateFocusableItems()});return updateFocusableItems(),null!==rootNode&&void 0!==rootNode&&rootNode.current&&observer.observe(rootNode.current,{childList:!0}),function(){observer.disconnect()}},[rootNode]),(0,_react.useEffect)(function(){var handleKeyPress=function(event){if(focusableItems.current){var key=event.key,shiftKey=event.shiftKey,_focusableItems$curre=focusableItems.current,length=_focusableItems$curre.length,firstItem=_focusableItems$curre[0],lastItem=_focusableItems$curre[length-1];if(isLocked&&"Tab"===key){// If only one item then prevent tabbing when locked
3
+ if(1===length)return void event.preventDefault();// If focused on last item then focus on first item when tab is pressed
4
+ if(!shiftKey&&document.activeElement===lastItem)return event.preventDefault(),void firstItem.focus();// If focused on first item then focus on last item when shift + tab is pressed
5
+ shiftKey&&document.activeElement===firstItem&&(event.preventDefault(),lastItem.focus())}}};return window.addEventListener("keydown",handleKeyPress),function(){window.removeEventListener("keydown",handleKeyPress)}},[isLocked,focusableItems]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",_objectSpread(_objectSpread({},otherProps),{},{ref:rootNode,children:children}))},_default=FocusLock;exports.default=_default;
@@ -1,41 +1,5 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.formatCurrency = formatCurrency;
7
- exports.formatCurrencyWithoutSymbol = formatCurrencyWithoutSymbol;
8
- exports.formatNumber = formatNumber;
9
- exports.sanitizeNumber = sanitizeNumber;
10
- function formatCurrency(_ref) {
11
- var amount = _ref.amount,
12
- _ref$currency = _ref.currency,
13
- currency = _ref$currency === void 0 ? 'BRL' : _ref$currency,
14
- _ref$locale = _ref.locale,
15
- locale = _ref$locale === void 0 ? 'pt-BR' : _ref$locale;
16
- return new Intl.NumberFormat(locale, {
17
- style: 'currency',
18
- currency: currency
19
- }).format(amount);
20
- }
21
- function formatNumber(number) {
22
- if (number) return number.replace(/[^\d.,]/g, ''); // Removes any character that is not a number, comma or dot.
23
- return '';
24
- }
25
- function sanitizeNumber(number) {
26
- return number ? number.replace(/[^\d.,]/g, '') // Removes any character that is not a number, comma or dot.
27
- .replace(/(\.|,)(?=\d*(\.|,))/g, '') // Removes any dot or comma but the last one.
28
- .replace(/,(\d*)$/, '.$1') // Assures the last dot or comma is a dot.
29
- : '';
30
- }
31
- function formatCurrencyWithoutSymbol(value) {
32
- if (value) {
33
- var sanitizedNumber = sanitizeNumber(value);
34
- return new Intl.NumberFormat('pt-BR', {
35
- style: 'currency',
36
- currency: 'BRL',
37
- minimumFractionDigits: 2
38
- }).format(Number(sanitizedNumber)).replace('R$', '');
39
- }
40
- return '';
41
- }
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formatCurrency=formatCurrency,exports.formatCurrencyWithoutSymbol=formatCurrencyWithoutSymbol,exports.formatNumber=formatNumber,exports.sanitizeNumber=sanitizeNumber;function formatCurrency(_ref){var amount=_ref.amount,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"BRL":_ref$currency,_ref$locale=_ref.locale,locale=void 0===_ref$locale?"pt-BR":_ref$locale;return new Intl.NumberFormat(locale,{style:"currency",currency:currency}).format(amount)}function formatNumber(number){return number?number.replace(/[^\d.,]/g,""):"";// Removes any character that is not a number, comma or dot.
2
+ }function sanitizeNumber(number){return number?number.replace(/[^\d.,]/g,"")// Removes any character that is not a number, comma or dot.
3
+ .replace(/(\.|,)(?=\d*(\.|,))/g,"")// Removes any dot or comma but the last one.
4
+ .replace(/,(\d*)$/,".$1")// Assures the last dot or comma is a dot.
5
+ :""}function formatCurrencyWithoutSymbol(value){if(value){var sanitizedNumber=sanitizeNumber(value);return new Intl.NumberFormat("pt-BR",{style:"currency",currency:"BRL",minimumFractionDigits:2}).format(+sanitizedNumber).replace("R$","")}return""}
@@ -1,8 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.PoppinsFont = void 0;
7
- var PoppinsFont = 'https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;700&display=swap';
8
- exports.PoppinsFont = PoppinsFont;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PoppinsFont=void 0;var PoppinsFont="https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;700&display=swap";exports.PoppinsFont=PoppinsFont;
@@ -1,14 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.devices = void 0;
7
- var devices = {
8
- mobile: 425,
9
- tablet: 768,
10
- 'monitor-small': 1024,
11
- 'monitor-wide': 1440,
12
- 'monitor-ultra': 2560
13
- };
14
- exports.devices = devices;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.devices=void 0;var devices={mobile:425,tablet:768,"monitor-small":1024,"monitor-wide":1440,"monitor-ultra":2560};exports.devices=devices;
@@ -1,101 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useBreakpoints = void 0;
7
- var _react = require("react");
8
- var _useWindowSize = require("./useWindowSize");
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
13
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
14
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
- /**
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBreakpoints=void 0;var _react=require("react"),_useWindowSize=require("./useWindowSize");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}/**
16
2
  * It returns a function that takes a breakpoint value object and returns the value
17
3
  * of the closest breakpoint to the current window size
18
4
  * @param {BreakpointsConfig} [breakpointsConfig] - This is an optional parameter
19
5
  * that allows you to pass in your own breakpoints.
20
6
  * @returns a `breakpointPicker` function, which receives an object with breakpoint keys and values.
21
7
  * @example const flexDirection = breapointPicker({ sm: 'column', lg: 'row' });
22
- */
23
- var useBreakpoints = function useBreakpoints(breakpointsConfig) {
24
- var _useState = (0, _react.useState)(null),
25
- _useState2 = _slicedToArray(_useState, 2),
26
- breakpoint = _useState2[0],
27
- setBreakpoint = _useState2[1];
28
- var defaultBreakpoints = {
29
- base: 1,
30
- sm: 480,
31
- md: 768,
32
- lg: 1024,
33
- xl: 1280,
34
- xxl: 1600
35
- };
36
- var breakpoints = breakpointsConfig || defaultBreakpoints;
37
- var windowSize = (0, _useWindowSize.useWindowSize)();
38
- function breakpointPicker(breakpointValues) {
39
- if (!breakpoint) return;
40
- var closestBreakpoint = getClosestBreakpointName(breakpoint, breakpointValues, breakpoints);
41
- if (!closestBreakpoint) return;
42
- return breakpointValues[closestBreakpoint];
43
- }
44
- function currentBreakpointWidth(windowSize, breakpoints) {
45
- var response;
46
- if (breakpoints.base <= windowSize.width) {
47
- response = breakpoints.base;
48
- }
49
- if (breakpoints.sm <= windowSize.width) {
50
- response = breakpoints.sm;
51
- }
52
- if (breakpoints.md <= windowSize.width) {
53
- response = breakpoints.md;
54
- }
55
- if (breakpoints.lg <= windowSize.width) {
56
- response = breakpoints.lg;
57
- }
58
- if (breakpoints.xl <= windowSize.width) {
59
- response = breakpoints.xl;
60
- }
61
- if (breakpoints.xxl <= windowSize.width) {
62
- response = breakpoints.xxl;
63
- }
64
- return response;
65
- }
66
- function getClosestBreakpointName(activeBreakpoint, breakpointValues, breakpoints) {
67
- var breakpointIndex = Object.keys(breakpointValues).findIndex(function (breakpoint) {
68
- return breakpoint === activeBreakpoint;
69
- });
70
- if (breakpointIndex !== -1) {
71
- return activeBreakpoint;
72
- }
73
- var stopIndex = Object.keys(breakpoints).indexOf(activeBreakpoint);
74
- while (stopIndex >= 0) {
75
- var key = Object.keys(breakpoints)[stopIndex];
76
- if (Object.prototype.hasOwnProperty.call(breakpointValues, key)) {
77
- breakpointIndex = stopIndex;
78
- break;
79
- }
80
- stopIndex -= 1;
81
- }
82
- if (breakpointIndex !== -1) {
83
- var _key = Object.keys(breakpoints)[breakpointIndex];
84
- return _key;
85
- }
86
- return Object.keys(breakpointValues)[0];
87
- }
88
- (0, _react.useEffect)(function () {
89
- var breakpointWidth = currentBreakpointWidth(windowSize, breakpoints);
90
- if (!breakpointWidth) return;
91
- var activeBreakpoint = Object.keys(breakpoints).filter(function (activeBreakpoint) {
92
- return breakpoints[activeBreakpoint] === breakpointWidth;
93
- })[0];
94
- setBreakpoint(activeBreakpoint);
95
- }, [breakpoints, windowSize]);
96
- return {
97
- breakpoint: breakpoint,
98
- breakpointPicker: breakpointPicker
99
- };
100
- };
101
- exports.useBreakpoints = useBreakpoints;
8
+ */var useBreakpoints=function(breakpointsConfig){function currentBreakpointWidth(windowSize,breakpoints){var response;return breakpoints.base<=windowSize.width&&(response=breakpoints.base),breakpoints.sm<=windowSize.width&&(response=breakpoints.sm),breakpoints.md<=windowSize.width&&(response=breakpoints.md),breakpoints.lg<=windowSize.width&&(response=breakpoints.lg),breakpoints.xl<=windowSize.width&&(response=breakpoints.xl),breakpoints.xxl<=windowSize.width&&(response=breakpoints.xxl),response}function getClosestBreakpointName(activeBreakpoint,breakpointValues,breakpoints){var breakpointIndex=Object.keys(breakpointValues).findIndex(function(breakpoint){return breakpoint===activeBreakpoint});if(-1!==breakpointIndex)return activeBreakpoint;for(var key,stopIndex=Object.keys(breakpoints).indexOf(activeBreakpoint);0<=stopIndex;){if(key=Object.keys(breakpoints)[stopIndex],Object.prototype.hasOwnProperty.call(breakpointValues,key)){breakpointIndex=stopIndex;break}stopIndex-=1}if(-1!==breakpointIndex){var _key=Object.keys(breakpoints)[breakpointIndex];return _key}return Object.keys(breakpointValues)[0]}var _useState=(0,_react.useState)(null),_useState2=_slicedToArray(_useState,2),breakpoint=_useState2[0],setBreakpoint=_useState2[1],breakpoints=breakpointsConfig||{base:1,sm:480,md:768,lg:1024,xl:1280,xxl:1600},windowSize=(0,_useWindowSize.useWindowSize)();return(0,_react.useEffect)(function(){var breakpointWidth=currentBreakpointWidth(windowSize,breakpoints);if(breakpointWidth){var activeBreakpoint=Object.keys(breakpoints).filter(function(activeBreakpoint){return breakpoints[activeBreakpoint]===breakpointWidth})[0];setBreakpoint(activeBreakpoint)}},[breakpoints,windowSize]),{breakpoint:breakpoint,breakpointPicker:function(breakpointValues){if(breakpoint){var closestBreakpoint=getClosestBreakpointName(breakpoint,breakpointValues,breakpoints);return closestBreakpoint?breakpointValues[closestBreakpoint]:void 0}}}};exports.useBreakpoints=useBreakpoints;
@@ -1,35 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDebounce = useDebounce;
7
- var _react = require("react");
8
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
9
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
12
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
13
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
- function useDebounce(callback, delay) {
15
- var eachStep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
16
- var argsState = (0, _react.useRef)();
17
- var timeout = (0, _react.useRef)();
18
- var debounce = (0, _react.useCallback)(function () {
19
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
20
- args[_key] = arguments[_key];
21
- }
22
- argsState.current = args;
23
- if (!eachStep && timeout.current) {
24
- clearTimeout(timeout.current);
25
- timeout.current = undefined;
26
- }
27
- if (!timeout.current) {
28
- timeout.current = setTimeout(function () {
29
- if (argsState !== null && argsState !== void 0 && argsState.current) callback.apply(void 0, _toConsumableArray(argsState.current));
30
- timeout.current = undefined;
31
- }, delay);
32
- }
33
- }, [callback, delay, eachStep]);
34
- return debounce;
35
- }
1
+ "use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDebounce=useDebounce;function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useDebounce(callback,delay){var eachStep=!(2<arguments.length&&arguments[2]!==void 0)||arguments[2],argsState=(0,_react.useRef)(),timeout=(0,_react.useRef)(),debounce=(0,_react.useCallback)(function(){for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];argsState.current=args,!eachStep&&timeout.current&&(clearTimeout(timeout.current),timeout.current=void 0),timeout.current||(timeout.current=setTimeout(function(){null!==argsState&&void 0!==argsState&&argsState.current&&callback.apply(void 0,_toConsumableArray(argsState.current)),timeout.current=void 0},delay))},[callback,delay,eachStep]);return debounce}
@@ -1,47 +1,7 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDevices = useDevices;
7
- var _react = require("react");
8
- var _devices = require("./devices");
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
13
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
14
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Types
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDevices=useDevices;var _react=require("react"),_devices=require("./devices");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}// Types
15
2
  /**
16
3
  * Checks if the screen width matches the device in a certain direction everytime the screen resizes.
17
4
  * @param device The target device to compare. Can use one of the specified devices or a custom one passing a number.
18
5
  * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the device. "Up" will return true if it's larger.
19
6
  * @returns If the screen width matches the device in a certain direction.
20
- */
21
- function useDevices(device) {
22
- var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
23
- var _useState = (0, _react.useState)(false),
24
- _useState2 = _slicedToArray(_useState, 2),
25
- match = _useState2[0],
26
- setMatch = _useState2[1];
27
- var onWindowResize = (0, _react.useCallback)(function () {
28
- var point = typeof device === 'number' ? device : _devices.devices[device];
29
- switch (direction) {
30
- case 'up':
31
- setMatch(window.innerWidth >= point);
32
- break;
33
- case 'down':
34
- setMatch(window.innerWidth <= point);
35
- break;
36
- default:
37
- throw new Error("\"".concat(direction, "\" is not a valid device direction."));
38
- }
39
- }, [device, direction]);
40
- (0, _react.useEffect)(function () {
41
- window.addEventListener('resize', onWindowResize);
42
- return function () {
43
- window.removeEventListener('resize', onWindowResize);
44
- };
45
- }, [onWindowResize]);
46
- return match;
47
- }
7
+ */function useDevices(device){var direction=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"down",_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),match=_useState2[0],setMatch=_useState2[1],onWindowResize=(0,_react.useCallback)(function(){var point="number"==typeof device?device:_devices.devices[device];switch(direction){case"up":setMatch(window.innerWidth>=point);break;case"down":setMatch(window.innerWidth<=point);break;default:throw new Error("\"".concat(direction,"\" is not a valid device direction."));}},[device,direction]);return(0,_react.useEffect)(function(){return window.addEventListener("resize",onWindowResize),function(){window.removeEventListener("resize",onWindowResize)}},[onWindowResize]),match}
@@ -1,52 +1,5 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDisableBodyScroll = void 0;
7
- var _react = require("react");
8
- function disableBodyOverflow(noScrollbarPadding) {
9
- if (noScrollbarPadding) {
10
- document.body.style.paddingRight = "0px";
11
- document.body.style.overflow = 'hidden';
12
- } else {
13
- var scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
14
- document.body.style.paddingRight = "".concat(scrollBarWidth, "px");
15
- document.body.style.overflow = 'hidden';
16
- }
17
- }
18
- function enableBodyOverflow() {
19
- document.body.style.overflow = '';
20
- document.body.style.paddingRight = '';
21
- }
22
- function setBodyOverflow(isDisabled, type, noScrollbarPadding) {
23
- // isDisabled body scroll when type modal:
24
- if (isDisabled && type === 'modal') {
25
- document.body.setAttribute('data-modal-open', 'true');
26
- return disableBodyOverflow(noScrollbarPadding);
27
- }
28
- // enable body scroll when type modal:
29
- if (!isDisabled && type === 'modal') {
30
- document.body.setAttribute('data-modal-open', 'false');
31
- return enableBodyOverflow();
32
- }
33
- // isDisabled body scroll when type child_element:
34
- if (isDisabled && type === 'child_element') {
35
- if (document.body.getAttribute('data-modal-open') === 'false') return disableBodyOverflow(noScrollbarPadding);
36
- }
37
- // enable body scroll when type child_element:
38
- if (!isDisabled && type === 'child_element') {
39
- if (document.body.getAttribute('data-modal-open') === 'false') return enableBodyOverflow();
40
- }
41
- }
42
- var useDisableBodyScroll = function useDisableBodyScroll(isDisabled) {
43
- var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'child_element';
44
- var noScrollbarPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
45
- (0, _react.useEffect)(function () {
46
- setBodyOverflow(isDisabled, type, noScrollbarPadding);
47
- return function () {
48
- setBodyOverflow(false, type, noScrollbarPadding);
49
- };
50
- }, [isDisabled, type, noScrollbarPadding]);
51
- };
52
- exports.useDisableBodyScroll = useDisableBodyScroll;
1
+ "use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDisableBodyScroll=void 0;function disableBodyOverflow(noScrollbarPadding){if(noScrollbarPadding)document.body.style.paddingRight="0px",document.body.style.overflow="hidden";else{var scrollBarWidth=window.innerWidth-document.documentElement.clientWidth;document.body.style.paddingRight="".concat(scrollBarWidth,"px"),document.body.style.overflow="hidden"}}function enableBodyOverflow(){document.body.style.overflow="",document.body.style.paddingRight=""}function setBodyOverflow(isDisabled,type,noScrollbarPadding){// isDisabled body scroll when type modal:
2
+ return isDisabled&&"modal"===type?(document.body.setAttribute("data-modal-open","true"),disableBodyOverflow(noScrollbarPadding)):isDisabled||"modal"!==type?isDisabled&&"child_element"===type&&"false"===document.body.getAttribute("data-modal-open")?disableBodyOverflow(noScrollbarPadding):isDisabled||"child_element"!==type||"false"!==document.body.getAttribute("data-modal-open")?void 0:enableBodyOverflow():(document.body.setAttribute("data-modal-open","false"),enableBodyOverflow());// enable body scroll when type modal:
3
+ // isDisabled body scroll when type child_element:
4
+ // enable body scroll when type child_element:
5
+ }var useDisableBodyScroll=function(isDisabled){var type=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"child_element",noScrollbarPadding=!!(2<arguments.length&&arguments[2]!==void 0)&&arguments[2];(0,_react.useEffect)(function(){return setBodyOverflow(isDisabled,type,noScrollbarPadding),function(){setBodyOverflow(!1,type,noScrollbarPadding)}},[isDisabled,type,noScrollbarPadding])};exports.useDisableBodyScroll=useDisableBodyScroll;
@@ -1,65 +1,5 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDraggableScroll = useDraggableScroll;
7
- function useDraggableScroll(ref) {
8
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
9
- direction: 'both'
10
- };
11
- var direction = options.direction;
12
-
13
- // The initial position (scroll progress and mouse location) when the mouse is pressed down on the element
14
- var initialPosition = {
15
- scrollTop: 0,
16
- scrollLeft: 0,
17
- mouseX: 0,
18
- mouseY: 0
19
- };
20
- var mouseMoveHandler = function mouseMoveHandler(event) {
21
- if (ref.current) {
22
- // Calculate differences to see how far the user has moved
23
- var dx = event.clientX - initialPosition.mouseX;
24
- var dy = event.clientY - initialPosition.mouseY;
25
-
26
- // Scroll the element according to those differences
27
- if (direction !== 'horizontal') ref.current.scrollTop = initialPosition.scrollTop - dy;
28
- if (direction !== 'vertical') ref.current.scrollLeft = initialPosition.scrollLeft - dx;
29
- }
30
- };
31
- var mouseUpHandler = function mouseUpHandler() {
32
- // Return to cursor: grab after the user is no longer pressing
33
- if (ref.current) {
34
- ref.current.setAttribute('style', 'scroll-snap-type: y mandatory;');
35
- ref.current.style.cursor = 'grab';
36
- }
37
-
38
- // Remove the event listeners since it is not necessary to track the mouse position anymore
39
- document.removeEventListener('mousemove', mouseMoveHandler);
40
- document.removeEventListener('mouseup', mouseUpHandler);
41
- };
42
- var onMouseDown = function onMouseDown(event) {
43
- if (ref.current) {
44
- // Save the position at the moment the user presses down
45
- initialPosition = {
46
- scrollLeft: ref.current.scrollLeft,
47
- scrollTop: ref.current.scrollTop,
48
- mouseX: event.clientX,
49
- mouseY: event.clientY
50
- };
51
-
52
- // Show a cursor: grabbing style and set user-select: none to avoid highlighting text while dragging
53
- ref.current.style.scrollSnapType = '';
54
- ref.current.style.cursor = 'grabbing';
55
- ref.current.style.userSelect = 'none';
56
-
57
- // Add the event listeners that will track the mouse position for the rest of the interaction
58
- document.addEventListener('mousemove', mouseMoveHandler);
59
- document.addEventListener('mouseup', mouseUpHandler);
60
- }
61
- };
62
- return {
63
- onMouseDown: onMouseDown
64
- };
65
- }
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDraggableScroll=useDraggableScroll;function useDraggableScroll(ref){var options=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{direction:"both"},direction=options.direction,initialPosition={scrollTop:0,scrollLeft:0,mouseX:0,mouseY:0},mouseMoveHandler=function(event){if(ref.current){// Calculate differences to see how far the user has moved
2
+ var dx=event.clientX-initialPosition.mouseX,dy=event.clientY-initialPosition.mouseY;// Scroll the element according to those differences
3
+ "horizontal"!==direction&&(ref.current.scrollTop=initialPosition.scrollTop-dy),"vertical"!==direction&&(ref.current.scrollLeft=initialPosition.scrollLeft-dx)}},mouseUpHandler=function(){// Remove the event listeners since it is not necessary to track the mouse position anymore
4
+ ref.current&&(ref.current.setAttribute("style","scroll-snap-type: y mandatory;"),ref.current.style.cursor="grab"),document.removeEventListener("mousemove",mouseMoveHandler),document.removeEventListener("mouseup",mouseUpHandler)};// The initial position (scroll progress and mouse location) when the mouse is pressed down on the element
5
+ return{onMouseDown:function onMouseDown(event){ref.current&&(initialPosition={scrollLeft:ref.current.scrollLeft,scrollTop:ref.current.scrollTop,mouseX:event.clientX,mouseY:event.clientY},ref.current.style.scrollSnapType="",ref.current.style.cursor="grabbing",ref.current.style.userSelect="none",document.addEventListener("mousemove",mouseMoveHandler),document.addEventListener("mouseup",mouseUpHandler))}}}
@@ -1,18 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useKeyPress = useKeyPress;
7
- var _react = require("react");
8
- function useKeyPress(key, action) {
9
- (0, _react.useEffect)(function () {
10
- var handlePress = function handlePress(event) {
11
- if (event.key === key) action();
12
- };
13
- window.addEventListener('keydown', handlePress);
14
- return function () {
15
- window.removeEventListener('keydown', handlePress);
16
- };
17
- }, [action, key]);
18
- }
1
+ "use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useKeyPress=useKeyPress;function useKeyPress(key,action){(0,_react.useEffect)(function(){var handlePress=function(event){event.key===key&&action()};return window.addEventListener("keydown",handlePress),function(){window.removeEventListener("keydown",handlePress)}},[action,key])}
@@ -1,29 +1,2 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useObserver = useObserver;
7
- var _react = require("react");
8
- var defaultOptions = {
9
- root: null,
10
- rootMargin: '20px',
11
- threshold: 1.0
12
- };
13
-
14
- /* It's a custom hook that uses the Intersection Observer API to
15
- detect when an element is in the viewport. */
16
- function useObserver(ref, callback, options) {
17
- (0, _react.useEffect)(function () {
18
- var observer = new IntersectionObserver(function (entities) {
19
- var target = entities[0];
20
- if (target.isIntersecting) {
21
- if (options && Object.keys(options).includes('enabled')) return options.enabled && callback();
22
- callback();
23
- }
24
- }, options || defaultOptions);
25
- if (ref.current) {
26
- observer.observe(ref.current);
27
- }
28
- }, [options === null || options === void 0 ? void 0 : options.enabled]);
29
- }
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useObserver=useObserver;var _react=require("react"),defaultOptions={root:null,rootMargin:"20px",threshold:1};/* It's a custom hook that uses the Intersection Observer API to
2
+ detect when an element is in the viewport. */function useObserver(ref,callback,options){(0,_react.useEffect)(function(){var observer=new IntersectionObserver(function(entities){var target=entities[0];if(target.isIntersecting){if(options&&Object.keys(options).includes("enabled"))return options.enabled&&callback();callback()}},options||defaultOptions);ref.current&&observer.observe(ref.current)},[null===options||void 0===options?void 0:options.enabled])}
@@ -1,30 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useOnClickOutside = void 0;
7
- var _react = require("react");
8
- var useOnClickOutside = function useOnClickOutside(ref, closeMenu) {
9
- (0, _react.useEffect)(function () {
10
- var listener = function listener(event) {
11
- if (Array.isArray(ref)) {
12
- var hasTarget = ref.find(function (ref) {
13
- var _ref$current;
14
- return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(event.target);
15
- });
16
- if (hasTarget) return;
17
- return closeMenu();
18
- }
19
- if (ref.current && event.target && ref.current.contains(event.target)) {
20
- return;
21
- }
22
- closeMenu();
23
- };
24
- document.addEventListener('mousedown', listener);
25
- return function () {
26
- document.removeEventListener('mousedown', listener);
27
- };
28
- }, [ref, closeMenu]);
29
- };
30
- exports.useOnClickOutside = useOnClickOutside;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useOnClickOutside=void 0;var _react=require("react"),useOnClickOutside=function(ref,closeMenu){(0,_react.useEffect)(function(){var listener=function(event){if(Array.isArray(ref)){var hasTarget=ref.find(function(ref){var _ref$current;return null===(_ref$current=ref.current)||void 0===_ref$current?void 0:_ref$current.contains(event.target)});return hasTarget?void 0:closeMenu()}ref.current&&event.target&&ref.current.contains(event.target)||closeMenu()};return document.addEventListener("mousedown",listener),function(){document.removeEventListener("mousedown",listener)}},[ref,closeMenu])};exports.useOnClickOutside=useOnClickOutside;