@pedidopago/ui 1.7.26 → 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 (341) 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.js +1 -246
  153. package/dist/components/NewSelect/newSelect.test.js +1 -108
  154. package/dist/components/NewSelect/single/index.js +1 -183
  155. package/dist/components/NewSelect/styles.js +1 -44
  156. package/dist/components/Observer/index.js +1 -59
  157. package/dist/components/Observer/observer.test.js +2 -43
  158. package/dist/components/Pagination/hooks/usePagination.js +1 -57
  159. package/dist/components/Pagination/index.js +1 -174
  160. package/dist/components/Pagination/pagination.test.js +1 -118
  161. package/dist/components/Pagination/styles.js +1 -78
  162. package/dist/components/Progress/Circle/index.js +1 -102
  163. package/dist/components/Progress/Circle/styles.js +1 -69
  164. package/dist/components/Progress/Linear/index.js +1 -62
  165. package/dist/components/Progress/Linear/styles.js +1 -66
  166. package/dist/components/Progress/getSteps.js +1 -17
  167. package/dist/components/Progress/index.js +1 -39
  168. package/dist/components/Progress/progress.test.js +1 -109
  169. package/dist/components/Radio/components/RadioGroup/index.d.ts +5 -0
  170. package/dist/components/Radio/components/RadioGroup/index.d.ts.map +1 -0
  171. package/dist/components/Radio/components/RadioGroup/index.js +1 -0
  172. package/dist/components/Radio/components/RadioGroup/styles.d.ts +19 -0
  173. package/dist/components/Radio/components/RadioGroup/styles.d.ts.map +1 -0
  174. package/dist/components/Radio/components/RadioGroup/styles.js +1 -0
  175. package/dist/components/Radio/components/RadioGroup/types.d.ts +17 -0
  176. package/dist/components/Radio/components/RadioGroup/types.d.ts.map +1 -0
  177. package/dist/components/Radio/components/RadioGroup/types.js +1 -0
  178. package/dist/components/Radio/index.d.ts +5 -0
  179. package/dist/components/Radio/index.d.ts.map +1 -0
  180. package/dist/components/Radio/index.js +1 -0
  181. package/dist/components/Radio/styles.d.ts +10 -0
  182. package/dist/components/Radio/styles.d.ts.map +1 -0
  183. package/dist/components/Radio/styles.js +1 -0
  184. package/dist/components/Radio/types.d.ts +6 -0
  185. package/dist/components/Radio/types.d.ts.map +1 -0
  186. package/dist/components/Radio/types.js +1 -0
  187. package/dist/components/Rating/index.js +1 -133
  188. package/dist/components/Rating/rating.test.js +1 -63
  189. package/dist/components/Rating/styles.js +1 -27
  190. package/dist/components/ReactPortal/index.js +1 -43
  191. package/dist/components/ReactPortal/reactPortal.test.js +1 -21
  192. package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.js +1 -12
  193. package/dist/components/Select/components/OptionsSelect/index.js +1 -73
  194. package/dist/components/Select/components/OptionsSelect/styles.js +1 -21
  195. package/dist/components/Select/index.js +4 -247
  196. package/dist/components/Select/select.test.js +1 -58
  197. package/dist/components/Select/styles.js +1 -46
  198. package/dist/components/Skeleton/index.js +1 -28
  199. package/dist/components/Skeleton/skeleton.test.js +1 -90
  200. package/dist/components/Skeleton/styles.js +1 -27
  201. package/dist/components/Slider/SliderExample.js +1 -52
  202. package/dist/components/Slider/components/SliderPointer.js +1 -39
  203. package/dist/components/Slider/components/SliderRail.js +1 -116
  204. package/dist/components/Slider/components/SliderSelector.js +1 -173
  205. package/dist/components/Slider/hooks/useEventCallback.js +1 -16
  206. package/dist/components/Slider/index.js +1 -137
  207. package/dist/components/Slider/slider.test.js +1 -121
  208. package/dist/components/Slider/styles.js +1 -69
  209. package/dist/components/Spinner/index.js +1 -26
  210. package/dist/components/Spinner/spinner.test.js +1 -45
  211. package/dist/components/Spinner/styles.js +1 -23
  212. package/dist/components/Steps/components/StepIcon/index.js +1 -50
  213. package/dist/components/Steps/components/StepIcon/styles.js +1 -42
  214. package/dist/components/Steps/components/StepIcon/utils.js +1 -22
  215. package/dist/components/Steps/index.js +1 -116
  216. package/dist/components/Steps/steps.test.js +1 -53
  217. package/dist/components/Steps/styles.js +1 -96
  218. package/dist/components/Steps/utils.js +1 -15
  219. package/dist/components/Switch/index.js +1 -73
  220. package/dist/components/Switch/styles.js +1 -58
  221. package/dist/components/Switch/switch.test.js +2 -115
  222. package/dist/components/Table/components/MenuItem.js +1 -59
  223. package/dist/components/Table/components/TableSkeleton.js +1 -39
  224. package/dist/components/Table/components/animations.js +1 -24
  225. package/dist/components/Table/index.js +2 -253
  226. package/dist/components/Table/styles.js +1 -49
  227. package/dist/components/Table/table.test.js +1 -114
  228. package/dist/components/Tabs/TabsExample.js +1 -64
  229. package/dist/components/Tabs/components/Tab.js +1 -49
  230. package/dist/components/Tabs/components/TabPanel.js +1 -25
  231. package/dist/components/Tabs/components/Tabs.js +1 -107
  232. package/dist/components/Tabs/index.js +1 -26
  233. package/dist/components/Tabs/styles.js +1 -61
  234. package/dist/components/Tabs/tabs.test.js +1 -146
  235. package/dist/components/Tag/index.js +1 -53
  236. package/dist/components/Tag/styles.js +1 -34
  237. package/dist/components/Tag/tag.test.js +1 -64
  238. package/dist/components/TextAreaInput/index.js +1 -74
  239. package/dist/components/TextAreaInput/styles.js +1 -53
  240. package/dist/components/TextAreaInput/text-area-input.test.js +1 -81
  241. package/dist/components/Thumbnail/index.js +1 -125
  242. package/dist/components/Thumbnail/styles.js +1 -47
  243. package/dist/components/Thumbnail/thumbnail.test.js +1 -66
  244. package/dist/components/Thumbnail/utils/index.js +1 -27
  245. package/dist/components/Thumbnail/utils/validate-file-size.js +1 -10
  246. package/dist/components/Thumbnail/utils/validate-file-type.js +1 -9
  247. package/dist/components/TimeInput/constants.js +1 -29
  248. package/dist/components/TimeInput/index.js +1 -288
  249. package/dist/components/TimeInput/styles.js +1 -34
  250. package/dist/components/TimeInput/utils.js +1 -94
  251. package/dist/components/Timeline/components/Timeline.js +1 -17
  252. package/dist/components/Timeline/components/TimelineContent.js +1 -61
  253. package/dist/components/Timeline/components/TimelineItem.js +1 -25
  254. package/dist/components/Timeline/components/TimelineSeparator.js +1 -20
  255. package/dist/components/Timeline/index.js +1 -33
  256. package/dist/components/Timeline/styles.js +1 -37
  257. package/dist/components/Timeline/timeline.test.js +1 -138
  258. package/dist/components/Toast/button-example.js +1 -31
  259. package/dist/components/Toast/components/Toast.js +1 -79
  260. package/dist/components/Toast/contexts/ToastProvider.js +1 -72
  261. package/dist/components/Toast/hooks/useToast.js +1 -18
  262. package/dist/components/Toast/index.js +1 -111
  263. package/dist/components/Toast/styles.js +1 -36
  264. package/dist/components/Toast/toast.test.js +1 -129
  265. package/dist/components/Tooltip/components/TooltipLabel.js +1 -71
  266. package/dist/components/Tooltip/example.js +1 -27
  267. package/dist/components/Tooltip/index.js +1 -187
  268. package/dist/components/Tooltip/styles.js +1 -20
  269. package/dist/components/Typography/index.js +1 -37
  270. package/dist/components/Typography/styles.js +1 -15
  271. package/dist/components/Typography/typography.test.js +1 -288
  272. package/dist/index.d.ts +5 -2
  273. package/dist/index.d.ts.map +1 -1
  274. package/dist/index.js +1 -548
  275. package/dist/shared/animations/opacityAnimation.js +1 -21
  276. package/dist/shared/assets/emotes.js +1 -1
  277. package/dist/shared/components/FocusLock/index.js +5 -86
  278. package/dist/shared/formatters/format-number.js +5 -41
  279. package/dist/shared/global.js +1 -8
  280. package/dist/shared/hooks/devices.js +1 -14
  281. package/dist/shared/hooks/useBreakpoints.js +2 -95
  282. package/dist/shared/hooks/useDebounce.js +1 -35
  283. package/dist/shared/hooks/useDevices.js +2 -42
  284. package/dist/shared/hooks/useDisableBodyScroll.js +5 -52
  285. package/dist/shared/hooks/useDraggableScroll/index.js +5 -65
  286. package/dist/shared/hooks/useKeyPress.js +1 -18
  287. package/dist/shared/hooks/useObserver.js +2 -29
  288. package/dist/shared/hooks/useOnClickOutside.js +1 -30
  289. package/dist/shared/hooks/useReposition/index.js +2 -53
  290. package/dist/shared/hooks/useSystemTheme.js +1 -38
  291. package/dist/shared/hooks/useWindowSize.js +1 -36
  292. package/dist/shared/tests/test-utils.js +1 -31
  293. package/dist/shared/theme/button-example.js +1 -31
  294. package/dist/shared/theme/contexts/ThemeContext.js +1 -90
  295. package/dist/shared/theme/hooks/useColorMode.js +1 -18
  296. package/dist/shared/theme/hooks/useColorModeValue.js +1 -13
  297. package/dist/shared/theme/hooks/useTheme.js +1 -17
  298. package/dist/shared/theme/index.js +1 -67
  299. package/dist/shared/theme/objects/breakpoints.js +1 -15
  300. package/dist/shared/theme/objects/colors.js +1 -177
  301. package/dist/shared/theme/objects/shadows.js +1 -19
  302. package/dist/shared/theme/objects/sizes.js +6 -33
  303. package/dist/shared/theme/objects/spaces.js +1 -75
  304. package/dist/shared/theme/objects/transitions.js +1 -10
  305. package/dist/shared/theme/objects/typography.js +1 -20
  306. package/dist/shared/theme/objects/z-indexes.js +1 -20
  307. package/dist/shared/theme/theme.js +1 -36
  308. package/dist/shared/theme/theme.test.js +1 -94
  309. package/dist/shared/theme/utils/extendTheme.js +1 -25
  310. package/dist/shared/theme/utils/localStorageController.js +1 -21
  311. package/dist/styled.d.js +1 -3
  312. package/dist/utils/GenerateKey.js +3 -18
  313. package/dist/utils/brightnessColorChange.js +2 -17
  314. package/dist/utils/colorCheck.js +6 -64
  315. package/dist/utils/colorFunctions.js +1 -39
  316. package/dist/utils/colorToGray.js +2 -64
  317. package/dist/utils/customColorMode.js +1 -11
  318. package/dist/utils/file.js +5 -124
  319. package/dist/utils/formatters/bytes.js +2 -17
  320. package/dist/utils/formatters/capitalize.js +2 -11
  321. package/dist/utils/formatters/cep.js +3 -18
  322. package/dist/utils/formatters/cnpj.js +4 -38
  323. package/dist/utils/formatters/color.js +12 -101
  324. package/dist/utils/formatters/cpf.js +16 -85
  325. package/dist/utils/formatters/credit-card.js +5 -54
  326. package/dist/utils/formatters/email.js +1 -8
  327. package/dist/utils/formatters/index.js +1 -170
  328. package/dist/utils/formatters/name.js +4 -31
  329. package/dist/utils/formatters/number.js +5 -14
  330. package/dist/utils/formatters/passport.js +5 -33
  331. package/dist/utils/formatters/phone.js +17 -214
  332. package/dist/utils/formatters/price.js +3 -21
  333. package/dist/utils/formatters/rg.js +3 -18
  334. package/dist/utils/formatters/strings.js +4 -27
  335. package/dist/utils/fuctionsColors.js +1 -39
  336. package/dist/utils/generateUUID.js +1 -13
  337. package/dist/utils/getColorValue.js +2 -23
  338. package/dist/utils/getSvg.js +1 -17
  339. package/dist/utils/getValuesBySize.js +1 -9
  340. package/dist/utils/invertColor.js +4 -40
  341. package/package.json +2 -1
@@ -1,90 +1 @@
1
- "use strict";
2
-
3
- var _testUtils = require("../../shared/tests/test-utils");
4
- require("@testing-library/jest-dom");
5
- var _ = _interopRequireDefault(require("."));
6
- var _jsxRuntime = require("react/jsx-runtime");
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
- 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); }
9
- 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; }
10
- 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; }
11
- 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; }
12
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
- 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); }
14
- var setup = function setup(props) {
15
- var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
16
- return _objectSpread({}, utils);
17
- };
18
- describe('Skeleton', function () {
19
- it('should it render the skeleton', function () {
20
- var _setup = setup({}),
21
- container = _setup.container;
22
- expect(container).toBeInTheDocument();
23
- });
24
- it('should it render the skeleton as text variant', function () {
25
- var _setup2 = setup({
26
- variant: 'text'
27
- }),
28
- container = _setup2.container;
29
- expect(container).toBeInTheDocument();
30
- });
31
- it('should it render the skeleton as circle variant', function () {
32
- var _setup3 = setup({
33
- variant: 'circle'
34
- }),
35
- container = _setup3.container;
36
- expect(container).toBeInTheDocument();
37
- });
38
- it('should it render the skeleton as rectangle variant', function () {
39
- var _setup4 = setup({
40
- variant: 'rectangle'
41
- }),
42
- container = _setup4.container;
43
- expect(container).toBeInTheDocument();
44
- });
45
- it('should it render the skeleton with pulse animation', function () {
46
- var _setup5 = setup({
47
- animation: 'pulse'
48
- }),
49
- container = _setup5.container;
50
- expect(container).toBeInTheDocument();
51
- });
52
- it('should it render the skeleton with wave animation', function () {
53
- var _setup6 = setup({
54
- animation: 'wave'
55
- }),
56
- container = _setup6.container;
57
- expect(container).toBeInTheDocument();
58
- });
59
- it('should it render the skeleton with static animation', function () {
60
- var _setup7 = setup({
61
- animation: 'static'
62
- }),
63
- container = _setup7.container;
64
- expect(container).toBeInTheDocument();
65
- });
66
- it('should it render the skeleton with different sizes', function () {
67
- var _setup8 = setup({
68
- width: 200,
69
- height: 200,
70
- variant: 'circle'
71
- }),
72
- container = _setup8.container;
73
- expect(container).toBeInTheDocument();
74
- });
75
- it('should it render the skeleton with a children and isLoaded prop', function () {
76
- var _setup9 = setup({
77
- children: 'Some cool text to display when is loaded',
78
- isLoaded: true
79
- }),
80
- container = _setup9.container;
81
- expect(container).toBeInTheDocument();
82
- });
83
- it('should it render the skeleton with a different color', function () {
84
- var _setup10 = setup({
85
- color: 'tertiary.default'
86
- }),
87
- container = _setup10.container;
88
- expect(container).toBeInTheDocument();
89
- });
90
- });
1
+ "use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var setup=function(props){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props)));return _objectSpread({},utils)};describe("Skeleton",function(){it("should it render the skeleton",function(){var _setup=setup({}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton as text variant",function(){var _setup2=setup({variant:"text"}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton as circle variant",function(){var _setup3=setup({variant:"circle"}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton as rectangle variant",function(){var _setup4=setup({variant:"rectangle"}),container=_setup4.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton with pulse animation",function(){var _setup5=setup({animation:"pulse"}),container=_setup5.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton with wave animation",function(){var _setup6=setup({animation:"wave"}),container=_setup6.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton with static animation",function(){var _setup7=setup({animation:"static"}),container=_setup7.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton with different sizes",function(){var _setup8=setup({width:200,height:200,variant:"circle"}),container=_setup8.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton with a children and isLoaded prop",function(){var _setup9=setup({children:"Some cool text to display when is loaded",isLoaded:!0}),container=_setup9.container;expect(container).toBeInTheDocument()}),it("should it render the skeleton with a different color",function(){var _setup10=setup({color:"tertiary.default"}),container=_setup10.container;expect(container).toBeInTheDocument()})});
@@ -1,27 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SkeletonElement = void 0;
7
- var _styled = _interopRequireDefault(require("@emotion/styled"));
8
- var _react = require("@emotion/react");
9
- var _customColorMode = require("../../utils/customColorMode");
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
- var SkeletonElement = _styled.default.div(function (props) {
14
- var borderRadiusByVariant = {
15
- circle: '50%',
16
- text: '4px',
17
- rectangle: '0'
18
- };
19
- var animationsCss = {
20
- wave: (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow: hidden;\n transform-origin: 0px 55%;\n\n &::after {\n content: '';\n inset: 0px;\n position: absolute;\n animation: 1.6s linear 0.5s infinite normal none running move;\n transform: translateX(-100%);\n background: linear-gradient(\n 90deg,\n transparent,\n ", ",\n transparent\n );\n }\n\n @keyframes move {\n 0% {\n transform: translateX(-100%);\n }\n 40% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n "])), (0, _customColorMode.customColorMode)(props.theme.colors.neutral.neutral1, props.theme.colors.neutral.neutral2)),
21
- pulse: (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n animation: 1.6s linear 0.5s infinite normal none running pulse;\n\n @keyframes pulse {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n }\n "])))
22
- };
23
- var unloadedCss = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: block;\n position: relative;\n user-select: none;\n pointer-events: none;\n cursor: default;\n background: padding-box\n ", "70;\n border-radius: ", ";\n height: ", ";\n color: transparent;\n\n ", ";\n\n * {\n visibility: hidden;\n color: transparent;\n }\n "])), (0, _customColorMode.customColorMode)(props.theme.colors.neutral.neutral1, props.theme.colors.neutral.neutral2), borderRadiusByVariant[props.variant || 'text'], typeof props.height === 'number' ? props.height + 'px' : props.height || '', props.animation !== 'static' ? animationsCss[props.animation || 'wave'] : '');
24
- var loadedCss = (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: block;\n background: transparent;\n\n transition: all 300ms ease;\n "])));
25
- return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: ", ";\n\n ", "\n "])), props.fullWidth ? '100%' : typeof props.width === 'number' ? props.width + 'px' : props.width || '', props.isLoaded ? loadedCss : unloadedCss);
26
- });
27
- exports.SkeletonElement = SkeletonElement;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonElement=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_customColorMode=require("../../utils/customColorMode");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SkeletonElement=_styled.default.div(function(props){var animationsCss={wave:(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n overflow: hidden;\n transform-origin: 0px 55%;\n\n &::after {\n content: '';\n inset: 0px;\n position: absolute;\n animation: 1.6s linear 0.5s infinite normal none running move;\n transform: translateX(-100%);\n background: linear-gradient(\n 90deg,\n transparent,\n ",",\n transparent\n );\n }\n\n @keyframes move {\n 0% {\n transform: translateX(-100%);\n }\n 40% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n "])),(0,_customColorMode.customColorMode)(props.theme.colors.neutral.neutral1,props.theme.colors.neutral.neutral2)),pulse:(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n animation: 1.6s linear 0.5s infinite normal none running pulse;\n\n @keyframes pulse {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n }\n "])))},unloadedCss=(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: block;\n position: relative;\n user-select: none;\n pointer-events: none;\n cursor: default;\n background: padding-box\n ","70;\n border-radius: ",";\n height: ",";\n color: transparent;\n\n ",";\n\n * {\n visibility: hidden;\n color: transparent;\n }\n "])),(0,_customColorMode.customColorMode)(props.theme.colors.neutral.neutral1,props.theme.colors.neutral.neutral2),{circle:"50%",text:"4px",rectangle:"0"}[props.variant||"text"],"number"==typeof props.height?props.height+"px":props.height||"","static"===props.animation?"":animationsCss[props.animation||"wave"]),loadedCss=(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n display: block;\n background: transparent;\n\n transition: all 300ms ease;\n "])));return(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n width: ",";\n\n ","\n "])),props.fullWidth?"100%":"number"==typeof props.width?props.width+"px":props.width||"",props.isLoaded?loadedCss:unloadedCss)});exports.SkeletonElement=SkeletonElement;
@@ -1,52 +1 @@
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.SliderExample = void 0;
8
- var _react = require("react");
9
- var _ = _interopRequireDefault(require("."));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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; }
13
- 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; }
14
- 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; }
15
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
16
- 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); }
17
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
- 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."); }
19
- 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); }
20
- 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; }
21
- 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; } }
22
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
24
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
- var SliderExample = function SliderExample(_ref) {
26
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
27
- var _useState = (0, _react.useState)(props.valueSlider),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- valueSliderExample = _useState2[0],
30
- setValueSliderExample = _useState2[1];
31
- (0, _react.useEffect)(function () {
32
- setValueSliderExample(props.valueSlider);
33
- }, [props.valueSlider]);
34
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
35
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
36
- min: props.minValue || 0,
37
- max: props.maxValue || 100,
38
- valueSlider: valueSliderExample,
39
- onChangeSlider: function onChangeSlider(valueSlider) {
40
- return setValueSliderExample(valueSlider);
41
- }
42
- })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
43
- style: {
44
- color: '#ccc',
45
- marginTop: '35px',
46
- display: 'block'
47
- },
48
- children: ["Valor do state: ", String(valueSliderExample)]
49
- })]
50
- });
51
- };
52
- exports.SliderExample = SliderExample;
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.SliderExample=void 0;var _react=require("react"),_=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 _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}function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var source,i=1;i<arguments.length;i++)for(var key in source=arguments[i],source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);return target},_extends.apply(this,arguments)}var SliderExample=function(_ref){var props=_extends({},(_objectDestructuringEmpty(_ref),_ref)),_useState=(0,_react.useState)(props.valueSlider),_useState2=_slicedToArray(_useState,2),valueSliderExample=_useState2[0],setValueSliderExample=_useState2[1];return(0,_react.useEffect)(function(){setValueSliderExample(props.valueSlider)},[props.valueSlider]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread(_objectSpread({},props),{},{min:props.minValue||0,max:props.maxValue||100,valueSlider:valueSliderExample,onChangeSlider:function onChangeSlider(valueSlider){return setValueSliderExample(valueSlider)}})),/*#__PURE__*/(0,_jsxRuntime.jsxs)("span",{style:{color:"#ccc",marginTop:"35px",display:"block"},children:["Valor do state: ",valueSliderExample+""]})]})};exports.SliderExample=SliderExample;
@@ -1,39 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SliderPointer = void 0;
7
- var _customColorMode = require("../../../utils/customColorMode");
8
- var _Icon = _interopRequireDefault(require("../../Icon"));
9
- var _styles = require("../styles");
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var SliderPointer = function SliderPointer(_ref) {
13
- var direction = _ref.direction,
14
- thumbColor = _ref.thumbColor;
15
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderPointerContainer, {
16
- thumbColor: thumbColor,
17
- direction: direction,
18
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
19
- width: "40",
20
- height: "50",
21
- viewBox: "0 0 40 50",
22
- fill: "inherit",
23
- xmlns: "http://www.w3.org/2000/svg",
24
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
25
- fillRule: "evenodd",
26
- clipRule: "evenodd",
27
- d: "M40 29.6552C39.998 29.6004 39.9958 29.5457 39.9934 29.491C39.9724 28.6775 39.901 27.8763 39.7824 27.0903C37.9437 13.2559 25.8236 3.35911 19.6491 0C13.632 3.39038 1.76695 13.4408 0.163142 27.4777C0.0775457 28.1344 0.0249225 28.8012 0.00695625 29.4765C0.00444922 29.536 0.00213009 29.5956 0 29.6552H0.00301594C0.00100805 29.7699 0 29.8848 0 30C0 40.8553 8.95431 49.6552 20 49.6552C31.0457 49.6552 40 40.8553 40 30C40 29.8848 39.999 29.7699 39.997 29.6552H40Z",
28
- fill: "inherit"
29
- })
30
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderPointerIcon, {
31
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
32
- name: "code",
33
- size: "20px",
34
- color: (0, _customColorMode.customColorMode)('neutral.black', 'neutral.white')
35
- })
36
- })]
37
- });
38
- };
39
- exports.SliderPointer = SliderPointer;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderPointer=void 0;var _customColorMode=require("../../../utils/customColorMode"),_Icon=_interopRequireDefault(require("../../Icon")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var SliderPointer=function(_ref){var direction=_ref.direction,thumbColor=_ref.thumbColor;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderPointerContainer,{thumbColor:thumbColor,direction:direction,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("svg",{width:"40",height:"50",viewBox:"0 0 40 50",fill:"inherit",xmlns:"http://www.w3.org/2000/svg",children:/*#__PURE__*/(0,_jsxRuntime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 29.6552C39.998 29.6004 39.9958 29.5457 39.9934 29.491C39.9724 28.6775 39.901 27.8763 39.7824 27.0903C37.9437 13.2559 25.8236 3.35911 19.6491 0C13.632 3.39038 1.76695 13.4408 0.163142 27.4777C0.0775457 28.1344 0.0249225 28.8012 0.00695625 29.4765C0.00444922 29.536 0.00213009 29.5956 0 29.6552H0.00301594C0.00100805 29.7699 0 29.8848 0 30C0 40.8553 8.95431 49.6552 20 49.6552C31.0457 49.6552 40 40.8553 40 30C40 29.8848 39.999 29.7699 39.997 29.6552H40Z",fill:"inherit"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderPointerIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"code",size:"20px",color:(0,_customColorMode.customColorMode)("neutral.black","neutral.white")})})]})};exports.SliderPointer=SliderPointer;
@@ -1,116 +1 @@
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.SliderRail = void 0;
8
- var _react = require("react");
9
- var _useEventCallback = require("../hooks/useEventCallback");
10
- var _styles = require("../styles");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _excluded = ["step", "maxValue", "onChangeSliderTracker", "trackColor", "direction"];
13
- 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; }
14
- 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; }
15
- 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; }
16
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
17
- 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); }
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
- 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."); }
20
- 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); }
21
- 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; }
22
- 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; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
- 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; }
25
- 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; }
26
- var mathRoundToStep = function mathRoundToStep(value, step) {
27
- return Math.round(value / step) * step;
28
- };
29
- var isTouchEvent = function isTouchEvent(event) {
30
- return event.type.includes('touch');
31
- };
32
- var getTouchPointer = function getTouchPointer(touchList, touchId) {
33
- for (var i = 0; i < touchList.length; i++) {
34
- if (touchList[i].identifier === touchId) return touchList[i];
35
- }
36
- return touchList[0];
37
- };
38
- var getPointerPosition = function getPointerPosition(node, event, touchId, step, maxValue, direction) {
39
- var rect = node.getBoundingClientRect();
40
- var pointer = isTouchEvent(event) ? getTouchPointer(event.touches, touchId) : event;
41
- if (direction === 'vertical') {
42
- var y = rect.height - (pointer.clientY - rect.top);
43
- var stepHeight = rect.height * step / maxValue;
44
- var roundedY = Math.min(Math.max(0, mathRoundToStep(y, stepHeight) / rect.height), 1);
45
- return roundedY;
46
- }
47
- var x = pointer.clientX - rect.left;
48
- var stepWidth = rect.width * step / maxValue;
49
- var roundedX = Math.min(Math.max(0, mathRoundToStep(x, stepWidth) / rect.width), 1);
50
- return roundedX;
51
- };
52
- var Rail = function Rail(_ref) {
53
- var step = _ref.step,
54
- maxValue = _ref.maxValue,
55
- onChangeSliderTracker = _ref.onChangeSliderTracker,
56
- trackColor = _ref.trackColor,
57
- direction = _ref.direction,
58
- rest = _objectWithoutProperties(_ref, _excluded);
59
- var trackRef = (0, _react.useRef)(null);
60
- var changeEvent = (0, _useEventCallback.useEventCallback)(onChangeSliderTracker);
61
- var touchId = (0, _react.useRef)(null);
62
- var isTouch = (0, _react.useRef)(false);
63
- var _useMemo = (0, _react.useMemo)(function () {
64
- var toggleMoveEvent = function toggleMoveEvent(state) {
65
- var toggleEvent = state ? window.addEventListener : window.removeEventListener;
66
- toggleEvent(isTouch.current ? 'touchmove' : 'mousemove', handleMove);
67
- toggleEvent(isTouch.current ? 'touchend' : 'mouseup', function () {
68
- return toggleMoveEvent(false);
69
- });
70
- };
71
- var handleMove = function handleMove(event) {
72
- if (isTouchEvent(event)) {
73
- isTouch.current = true;
74
- } else {
75
- event.preventDefault();
76
- }
77
- var checkPress = isTouch.current ? event.touches.length > 0 : event.buttons > 0;
78
- if (checkPress && trackRef.current) {
79
- var percentage = getPointerPosition(trackRef.current, event, touchId.current, step, maxValue, direction);
80
- changeEvent(percentage, trackRef);
81
- }
82
- };
83
- var handleMoveStart = function handleMoveStart(event) {
84
- var node = trackRef.current || event.currentTarget;
85
- var nativeEvent = event.nativeEvent;
86
- if (isTouchEvent(nativeEvent)) {
87
- isTouch.current = true;
88
- var changedTouches = nativeEvent.changedTouches || [];
89
- if (changedTouches.length) touchId.current = changedTouches[0].identifier;
90
- } else {
91
- event.preventDefault();
92
- isTouch.current = false;
93
- }
94
- var percentage = getPointerPosition(node, nativeEvent, touchId.current, step, maxValue, direction);
95
- changeEvent(percentage, trackRef);
96
- toggleMoveEvent(true);
97
- };
98
- return [handleMoveStart, toggleMoveEvent];
99
- }, [changeEvent, step, maxValue, direction]),
100
- _useMemo2 = _slicedToArray(_useMemo, 2),
101
- handleMoveStart = _useMemo2[0],
102
- toggleMoveEvent = _useMemo2[1];
103
- (0, _react.useEffect)(function () {
104
- return toggleMoveEvent;
105
- }, [toggleMoveEvent]);
106
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderRailContainer, _objectSpread({
107
- ref: trackRef,
108
- onTouchStart: handleMoveStart,
109
- onMouseDown: handleMoveStart,
110
- tabIndex: 0,
111
- role: "slider",
112
- trackColor: trackColor
113
- }, rest));
114
- };
115
- var SliderRail = /*#__PURE__*/(0, _react.memo)(Rail);
116
- exports.SliderRail = SliderRail;
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.SliderRail=void 0;var _react=require("react"),_useEventCallback=require("../hooks/useEventCallback"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["step","maxValue","onChangeSliderTracker","trackColor","direction"];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 _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}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 mathRoundToStep=function(value,step){return Math.round(value/step)*step},isTouchEvent=function(event){return event.type.includes("touch")},getTouchPointer=function(touchList,touchId){for(var i=0;i<touchList.length;i++)if(touchList[i].identifier===touchId)return touchList[i];return touchList[0]},getPointerPosition=function(node,event,touchId,step,maxValue,direction){var rect=node.getBoundingClientRect(),pointer=isTouchEvent(event)?getTouchPointer(event.touches,touchId):event;if("vertical"===direction){var y=rect.height-(pointer.clientY-rect.top),stepHeight=rect.height*step/maxValue,roundedY=Math.min(Math.max(0,mathRoundToStep(y,stepHeight)/rect.height),1);return roundedY}var x=pointer.clientX-rect.left,stepWidth=rect.width*step/maxValue,roundedX=Math.min(Math.max(0,mathRoundToStep(x,stepWidth)/rect.width),1);return roundedX},Rail=function(_ref){var step=_ref.step,maxValue=_ref.maxValue,onChangeSliderTracker=_ref.onChangeSliderTracker,trackColor=_ref.trackColor,direction=_ref.direction,rest=_objectWithoutProperties(_ref,_excluded),trackRef=(0,_react.useRef)(null),changeEvent=(0,_useEventCallback.useEventCallback)(onChangeSliderTracker),touchId=(0,_react.useRef)(null),isTouch=(0,_react.useRef)(!1),_useMemo=(0,_react.useMemo)(function(){var toggleMoveEvent=function(state){var toggleEvent=state?window.addEventListener:window.removeEventListener;toggleEvent(isTouch.current?"touchmove":"mousemove",handleMove),toggleEvent(isTouch.current?"touchend":"mouseup",function(){return toggleMoveEvent(!1)})},handleMove=function(event){isTouchEvent(event)?isTouch.current=!0:event.preventDefault();var checkPress=isTouch.current?0<event.touches.length:0<event.buttons;if(checkPress&&trackRef.current){var percentage=getPointerPosition(trackRef.current,event,touchId.current,step,maxValue,direction);changeEvent(percentage,trackRef)}};return[function handleMoveStart(event){var node=trackRef.current||event.currentTarget,nativeEvent=event.nativeEvent;if(isTouchEvent(nativeEvent)){isTouch.current=!0;var changedTouches=nativeEvent.changedTouches||[];changedTouches.length&&(touchId.current=changedTouches[0].identifier)}else event.preventDefault(),isTouch.current=!1;var percentage=getPointerPosition(node,nativeEvent,touchId.current,step,maxValue,direction);changeEvent(percentage,trackRef),toggleMoveEvent(!0)},toggleMoveEvent]},[changeEvent,step,maxValue,direction]),_useMemo2=_slicedToArray(_useMemo,2),handleMoveStart=_useMemo2[0],toggleMoveEvent=_useMemo2[1];return(0,_react.useEffect)(function(){return toggleMoveEvent},[toggleMoveEvent]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderRailContainer,_objectSpread({ref:trackRef,onTouchStart:handleMoveStart,onMouseDown:handleMoveStart,tabIndex:0,role:"slider",trackColor:trackColor},rest))},SliderRail=/*#__PURE__*/(0,_react.memo)(Rail);exports.SliderRail=SliderRail;
@@ -1,173 +1 @@
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.SliderSelector = void 0;
8
- var _react = require("react");
9
- var _SliderPointer = require("./SliderPointer");
10
- var _SliderRail = require("./SliderRail");
11
- var _styles = require("../styles");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- var _excluded = ["valueSliderSelector", "minValue", "maxValue", "step", "valueLabelDisplay", "thumbColor", "trackColor", "onChangeSliderSelector", "direction", "disabled", "sizeSlider", "thumbType"];
14
- 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; }
15
- 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; }
16
- 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; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
- 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); }
19
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
20
- 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."); }
21
- 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); }
22
- 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; }
23
- 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; } }
24
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
- 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; }
26
- 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; }
27
- var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
28
- var valueSliderSelector = _ref.valueSliderSelector,
29
- minValue = _ref.minValue,
30
- maxValue = _ref.maxValue,
31
- step = _ref.step,
32
- valueLabelDisplay = _ref.valueLabelDisplay,
33
- thumbColor = _ref.thumbColor,
34
- trackColor = _ref.trackColor,
35
- onChangeSliderSelector = _ref.onChangeSliderSelector,
36
- direction = _ref.direction,
37
- disabled = _ref.disabled,
38
- size = _ref.sizeSlider,
39
- thumbType = _ref.thumbType,
40
- rest = _objectWithoutProperties(_ref, _excluded);
41
- function handleChangePercentage(percentage, ref) {
42
- if (typeof valueSliderSelector === 'number') {
43
- onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage);
44
- return;
45
- }
46
- var sliderRail = ref === null || ref === void 0 ? void 0 : ref.current;
47
- if (!sliderRail) {
48
- return;
49
- }
50
- var _sliderRail$getBoundi = sliderRail.getBoundingClientRect(),
51
- left = _sliderRail$getBoundi.left,
52
- bottom = _sliderRail$getBoundi.bottom;
53
- var sliderThumbsPosition = [];
54
- sliderRail.querySelectorAll('[data-index]').forEach(function (thumb) {
55
- var thumbIndex = parseInt(thumb.getAttribute('data-index') || '0', 10);
56
- var thumbLeft = thumb.getBoundingClientRect().left - left;
57
- var thumbWidth = thumb.getBoundingClientRect().width;
58
- var thumbBottom = bottom - thumb.getBoundingClientRect().bottom;
59
- var thumbHeight = thumb.getBoundingClientRect().height;
60
- var thumbPosition = direction === 'horizontal' ? (thumbLeft + thumbWidth / 2) / sliderRail.clientWidth : (thumbBottom + thumbHeight / 2) / sliderRail.clientHeight;
61
- sliderThumbsPosition.push([thumbPosition, thumbIndex]);
62
- });
63
- var closestThumb = sliderThumbsPosition.reduce(function (prev, curr) {
64
- var _curr = _slicedToArray(curr, 2),
65
- currThumbPosition = _curr[0],
66
- currThumbIndex = _curr[1];
67
- if (Math.abs(currThumbPosition - percentage) < Math.abs(prev[0] - percentage)) {
68
- return [currThumbPosition, currThumbIndex];
69
- }
70
- return prev;
71
- });
72
- onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage, closestThumb[1]);
73
- }
74
- var sliderRef = (0, _react.useRef)(null);
75
- (0, _react.useImperativeHandle)(ref, function () {
76
- return sliderRef.current;
77
- });
78
- var thumbPositions = Array.isArray(valueSliderSelector) ? valueSliderSelector.map(function (v) {
79
- return (v - minValue) / (maxValue - minValue);
80
- }) : [];
81
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderContainer, {
82
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SliderRail.SliderRail, {
83
- maxValue: maxValue,
84
- step: step,
85
- trackColor: trackColor,
86
- direction: direction,
87
- onChangeSliderTracker: handleChangePercentage,
88
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderTrack, {
89
- style: Array.isArray(valueSliderSelector) ? direction === 'vertical' ? {
90
- height: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
91
- bottom: "".concat(thumbPositions[0] * 100, "%")
92
- } : {
93
- width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
94
- left: "".concat(thumbPositions[0] * 100, "%")
95
- } : direction === 'vertical' ? {
96
- height: "".concat((Number(valueSliderSelector) - minValue) / (maxValue - minValue) * 100, "%")
97
- } : {
98
- width: "".concat((Number(valueSliderSelector) - minValue) / (maxValue - minValue) * 100, "%")
99
- },
100
- direction: direction,
101
- thumbColor: thumbColor || 'primary.default',
102
- disabled: disabled
103
- }), !Array.isArray(valueSliderSelector) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
104
- direction: direction,
105
- style: direction === 'vertical' ? {
106
- bottom: "".concat((valueSliderSelector - minValue) / (maxValue - minValue) * 100, "%")
107
- } : {
108
- left: "".concat((valueSliderSelector - minValue) / (maxValue - minValue) * 100, "%")
109
- },
110
- disabled: disabled,
111
- size: size,
112
- thumbColor: thumbColor || 'primary.default',
113
- thumbType: thumbType,
114
- children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
115
- thumbColor: thumbColor || disabled ? 'neutral.neutral4' : 'primary.default',
116
- direction: direction
117
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread({
118
- type: "range",
119
- min: minValue,
120
- max: maxValue,
121
- step: step,
122
- value: valueSliderSelector,
123
- "aria-valuenow": valueSliderSelector,
124
- "aria-valuemax": maxValue,
125
- "aria-valuemin": minValue,
126
- "aria-label": "slider",
127
- ref: sliderRef,
128
- readOnly: true
129
- }, rest)), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
130
- direction: direction,
131
- children: valueLabelDisplay === 'auto' ? valueSliderSelector : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(valueSliderSelector)) : valueLabelDisplay : valueSliderSelector
132
- })]
133
- }) : valueSliderSelector.map(function (item, index) {
134
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
135
- "data-index": index,
136
- direction: direction,
137
- style: direction === 'vertical' ? {
138
- bottom: "".concat(thumbPositions[index] * 100, "%")
139
- } : {
140
- left: "".concat(thumbPositions[index] * 100, "%")
141
- },
142
- disabled: disabled,
143
- size: size,
144
- thumbColor: thumbColor || 'primary.default',
145
- thumbType: thumbType,
146
- children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
147
- thumbColor: thumbColor || 'primary.default',
148
- direction: direction
149
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread(_objectSpread({
150
- type: "range",
151
- min: minValue,
152
- max: maxValue,
153
- step: step,
154
- value: item,
155
- "aria-valuenow": item,
156
- "aria-valuemax": maxValue,
157
- "aria-valuemin": minValue,
158
- "aria-label": "slider",
159
- ref: sliderRef
160
- }, rest), {}, {
161
- readOnly: true
162
- })), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
163
- direction: direction,
164
- children: valueLabelDisplay === 'auto' ? item : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(item)) : valueLabelDisplay : item
165
- })]
166
- }, index);
167
- })]
168
- })
169
- });
170
- });
171
- var SliderSelector = /*#__PURE__*/(0, _react.memo)(Selector);
172
- exports.SliderSelector = SliderSelector;
173
- Selector.displayName = 'Selector';
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.SliderSelector=void 0;var _react=require("react"),_SliderPointer=require("./SliderPointer"),_SliderRail=require("./SliderRail"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSliderSelector","minValue","maxValue","step","valueLabelDisplay","thumbColor","trackColor","onChangeSliderSelector","direction","disabled","sizeSlider","thumbType"];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 _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}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 Selector=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var valueSliderSelector=_ref.valueSliderSelector,minValue=_ref.minValue,maxValue=_ref.maxValue,step=_ref.step,valueLabelDisplay=_ref.valueLabelDisplay,thumbColor=_ref.thumbColor,trackColor=_ref.trackColor,onChangeSliderSelector=_ref.onChangeSliderSelector,direction=_ref.direction,disabled=_ref.disabled,size=_ref.sizeSlider,thumbType=_ref.thumbType,rest=_objectWithoutProperties(_ref,_excluded),sliderRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return sliderRef.current});var thumbPositions=Array.isArray(valueSliderSelector)?valueSliderSelector.map(function(v){return(v-minValue)/(maxValue-minValue)}):[];return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderContainer,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_SliderRail.SliderRail,{maxValue:maxValue,step:step,trackColor:trackColor,direction:direction,onChangeSliderTracker:function(percentage,ref){if("number"==typeof valueSliderSelector)return void(null===onChangeSliderSelector||void 0===onChangeSliderSelector?void 0:onChangeSliderSelector(percentage));var sliderRail=null===ref||void 0===ref?void 0:ref.current;if(sliderRail){var _sliderRail$getBoundi=sliderRail.getBoundingClientRect(),left=_sliderRail$getBoundi.left,bottom=_sliderRail$getBoundi.bottom,sliderThumbsPosition=[];sliderRail.querySelectorAll("[data-index]").forEach(function(thumb){var thumbIndex=parseInt(thumb.getAttribute("data-index")||"0",10),thumbLeft=thumb.getBoundingClientRect().left-left,thumbWidth=thumb.getBoundingClientRect().width,thumbBottom=bottom-thumb.getBoundingClientRect().bottom,thumbHeight=thumb.getBoundingClientRect().height,thumbPosition="horizontal"===direction?(thumbLeft+thumbWidth/2)/sliderRail.clientWidth:(thumbBottom+thumbHeight/2)/sliderRail.clientHeight;sliderThumbsPosition.push([thumbPosition,thumbIndex])});var closestThumb=sliderThumbsPosition.reduce(function(prev,curr){var _curr=_slicedToArray(curr,2),currThumbPosition=_curr[0],currThumbIndex=_curr[1];return Math.abs(currThumbPosition-percentage)<Math.abs(prev[0]-percentage)?[currThumbPosition,currThumbIndex]:prev});null===onChangeSliderSelector||void 0===onChangeSliderSelector?void 0:onChangeSliderSelector(percentage,closestThumb[1])}},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderTrack,{style:Array.isArray(valueSliderSelector)?"vertical"===direction?{height:"".concat(100*Math.abs(thumbPositions[0]-thumbPositions[thumbPositions.length-1]),"%"),bottom:"".concat(100*thumbPositions[0],"%")}:{width:"".concat(100*Math.abs(thumbPositions[0]-thumbPositions[thumbPositions.length-1]),"%"),left:"".concat(100*thumbPositions[0],"%")}:"vertical"===direction?{height:"".concat(100*((+valueSliderSelector-minValue)/(maxValue-minValue)),"%")}:{width:"".concat(100*((+valueSliderSelector-minValue)/(maxValue-minValue)),"%")},direction:direction,thumbColor:thumbColor||"primary.default",disabled:disabled}),Array.isArray(valueSliderSelector)?valueSliderSelector.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderThumb,{"data-index":index,direction:direction,style:"vertical"===direction?{bottom:"".concat(100*thumbPositions[index],"%")}:{left:"".concat(100*thumbPositions[index],"%")},disabled:disabled,size:size,thumbColor:thumbColor||"primary.default",thumbType:thumbType,children:["pointer"===thumbType&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderPointer.SliderPointer,{thumbColor:thumbColor||"primary.default",direction:direction}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderInput,_objectSpread(_objectSpread({type:"range",min:minValue,max:maxValue,step:step,value:item,"aria-valuenow":item,"aria-valuemax":maxValue,"aria-valuemin":minValue,"aria-label":"slider",ref:sliderRef},rest),{},{readOnly:!0})),"off"!==valueLabelDisplay&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderLabel,{direction:direction,children:"auto"===valueLabelDisplay?item:valueLabelDisplay?-1===valueLabelDisplay.indexOf("%v")?valueLabelDisplay:valueLabelDisplay.replace(/%v/g,item+""):item})]},index)}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderThumb,{direction:direction,style:"vertical"===direction?{bottom:"".concat(100*((valueSliderSelector-minValue)/(maxValue-minValue)),"%")}:{left:"".concat(100*((valueSliderSelector-minValue)/(maxValue-minValue)),"%")},disabled:disabled,size:size,thumbColor:thumbColor||"primary.default",thumbType:thumbType,children:["pointer"===thumbType&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderPointer.SliderPointer,{thumbColor:thumbColor||disabled?"neutral.neutral4":"primary.default",direction:direction}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderInput,_objectSpread({type:"range",min:minValue,max:maxValue,step:step,value:valueSliderSelector,"aria-valuenow":valueSliderSelector,"aria-valuemax":maxValue,"aria-valuemin":minValue,"aria-label":"slider",ref:sliderRef,readOnly:!0},rest)),"off"!==valueLabelDisplay&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderLabel,{direction:direction,children:"auto"===valueLabelDisplay?valueSliderSelector:valueLabelDisplay?-1===valueLabelDisplay.indexOf("%v")?valueLabelDisplay:valueLabelDisplay.replace(/%v/g,valueSliderSelector+""):valueSliderSelector})]})]})})}),SliderSelector=/*#__PURE__*/(0,_react.memo)(Selector);exports.SliderSelector=SliderSelector,Selector.displayName="Selector";
@@ -1,16 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useEventCallback = void 0;
7
- var _react = require("react");
8
- var useEventCallback = function useEventCallback(callback) {
9
- var ref = (0, _react.useRef)(callback);
10
- var cachedCallback = (0, _react.useRef)(function (value, trackRef) {
11
- ref.current && ref.current(value, trackRef);
12
- });
13
- ref.current = callback;
14
- return cachedCallback.current;
15
- };
16
- exports.useEventCallback = useEventCallback;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useEventCallback=void 0;var _react=require("react"),useEventCallback=function(callback){var ref=(0,_react.useRef)(callback),cachedCallback=(0,_react.useRef)(function(value,trackRef){ref.current&&ref.current(value,trackRef)});return ref.current=callback,cachedCallback.current};exports.useEventCallback=useEventCallback;