@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,243 +1,2 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.rgbaToRgbaString = exports.rgbaToHsva = exports.rgbaToHex = exports.rgbaStringToRgba = exports.rgbaStringToRgbString = exports.rgbaStringToHsva = exports.rgbaStringToHslaString = exports.rgbaStringToHsla = exports.rgbaStringToHslString = exports.rgbaStringToHex = exports.rgbStringToRgba = exports.hsvaToRgbaString = exports.hsvaToRgba = exports.hsvaToHslaString = exports.hsvaToHsla = exports.hslaToHsva = exports.hslaStringToHsva = exports.hslStringToHsva = exports.hexStringToRgba = void 0;
7
- var hexStringToRgba = function hexStringToRgba(hex) {
8
- var result = hex.length >= 6 ? /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) : null;
9
- return result ? {
10
- r: parseInt(result[1], 16),
11
- g: parseInt(result[2], 16),
12
- b: parseInt(result[3], 16),
13
- a: 1
14
- } : {
15
- r: 0,
16
- g: 0,
17
- b: 0,
18
- a: 1
19
- };
20
- };
21
- exports.hexStringToRgba = hexStringToRgba;
22
- var hsvaToRgba = function hsvaToRgba(hsva) {
23
- var h = hsva.h,
24
- s = hsva.s,
25
- v = hsva.v,
26
- a = hsva.a;
27
- h = h / 360 * 6;
28
- s = s / 100;
29
- v = v / 100;
30
- var hh = Math.floor(h);
31
- var b = v * (1 - s);
32
- var c = v * (1 - (h - hh) * s);
33
- var d = v * (1 - (1 - h + hh) * s);
34
- var module = hh % 6;
35
- return {
36
- r: Math.round([v, c, b, b, d, v][module] * 255),
37
- g: Math.round([d, v, v, c, b, b][module] * 255),
38
- b: Math.round([b, b, d, v, v, c][module] * 255),
39
- a: Math.round(a * 100 / 100)
40
- };
41
- };
42
- exports.hsvaToRgba = hsvaToRgba;
43
- var hsvaToRgbaString = function hsvaToRgbaString(hsva) {
44
- var _hsvaToRgba = hsvaToRgba(hsva),
45
- r = _hsvaToRgba.r,
46
- g = _hsvaToRgba.g,
47
- b = _hsvaToRgba.b,
48
- a = _hsvaToRgba.a;
49
- return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
50
- };
51
- exports.hsvaToRgbaString = hsvaToRgbaString;
52
- var hsvaToHslaString = function hsvaToHslaString(hsva) {
53
- var _hsvaToHsla = hsvaToHsla(hsva),
54
- h = _hsvaToHsla.h,
55
- s = _hsvaToHsla.s,
56
- l = _hsvaToHsla.l,
57
- a = _hsvaToHsla.a;
58
- return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
59
- };
60
- exports.hsvaToHslaString = hsvaToHslaString;
61
- var hsvaToHsla = function hsvaToHsla(_ref) {
62
- var h = _ref.h,
63
- s = _ref.s,
64
- v = _ref.v,
65
- a = _ref.a;
66
- var hh = (200 - s) * v / 100;
67
- return {
68
- h: Math.round(h),
69
- s: Math.round(hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0),
70
- l: Math.round(hh / 2),
71
- a: Math.round(a * 100 / 100)
72
- };
73
- };
74
- exports.hsvaToHsla = hsvaToHsla;
75
- var hslaToHsva = function hslaToHsva(_ref2) {
76
- var h = _ref2.h,
77
- s = _ref2.s,
78
- l = _ref2.l,
79
- a = _ref2.a;
80
- s *= (l < 50 ? l : 100 - l) / 100;
81
- return {
82
- h: h,
83
- s: s > 0 ? 2 * s / (l + s) * 100 : 0,
84
- v: l + s,
85
- a: a
86
- };
87
- };
88
- exports.hslaToHsva = hslaToHsva;
89
- var hslaStringToHsva = function hslaStringToHsva(hsla) {
90
- var result = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(hsla);
91
- if (!result) {
92
- return {
93
- h: 0,
94
- s: 0,
95
- v: 0,
96
- a: 1
97
- };
98
- }
99
- return hslaToHsva({
100
- h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
101
- s: parseFloat(result[3]),
102
- l: parseFloat(result[4]),
103
- a: result[5] ? parseFloat(result[5]) : 1
104
- });
105
- };
106
- exports.hslaStringToHsva = hslaStringToHsva;
107
- var hslStringToHsva = function hslStringToHsva(hsl) {
108
- var result = /hsl\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?\s*\)?/i.exec(hsl);
109
- if (!result) {
110
- return {
111
- h: 0,
112
- s: 0,
113
- v: 0,
114
- a: 1
115
- };
116
- }
117
- return hslaToHsva({
118
- h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
119
- s: parseFloat(result[3]),
120
- l: parseFloat(result[4]),
121
- a: 1
122
- });
123
- };
124
- exports.hslStringToHsva = hslStringToHsva;
125
- var rgbaToHsva = function rgbaToHsva(rgba) {
126
- var r = rgba.r,
127
- g = rgba.g,
128
- b = rgba.b,
129
- a = rgba.a;
130
- var max = Math.max(r, g, b);
131
- var delta = max - Math.min(r, g, b);
132
-
133
- // prettier-ignore
134
- var hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
135
- return {
136
- h: Math.round(60 * (hh < 0 ? hh + 6 : hh)),
137
- s: Math.round(max ? delta / max * 100 : 0),
138
- v: Math.round(max / 255 * 100),
139
- a: a
140
- };
141
- };
142
- exports.rgbaToHsva = rgbaToHsva;
143
- var rgbaStringToHsva = function rgbaStringToHsva(rgba) {
144
- var _rgbaStringToRgba = rgbaStringToRgba(rgba),
145
- r = _rgbaStringToRgba.r,
146
- g = _rgbaStringToRgba.g,
147
- b = _rgbaStringToRgba.b,
148
- a = _rgbaStringToRgba.a;
149
- return rgbaToHsva({
150
- r: r,
151
- g: g,
152
- b: b,
153
- a: a
154
- });
155
- };
156
- exports.rgbaStringToHsva = rgbaStringToHsva;
157
- var rgbaStringToRgba = function rgbaStringToRgba(rgba) {
158
- var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
159
- var match = matcher.exec(rgba);
160
- if (!match) return {
161
- r: 0,
162
- g: 0,
163
- b: 0,
164
- a: 1
165
- };
166
- return {
167
- r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
168
- g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
169
- b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
170
- a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
171
- };
172
- };
173
- exports.rgbaStringToRgba = rgbaStringToRgba;
174
- var rgbaStringToHsla = function rgbaStringToHsla(rgba) {
175
- var hsva = rgbaStringToHsva(rgba);
176
- var hsla = hsvaToHsla(hsva);
177
- return hsla;
178
- };
179
- exports.rgbaStringToHsla = rgbaStringToHsla;
180
- var rgbaStringToHslString = function rgbaStringToHslString(rgba) {
181
- var _rgbaStringToHsla = rgbaStringToHsla(rgba),
182
- h = _rgbaStringToHsla.h,
183
- s = _rgbaStringToHsla.s,
184
- l = _rgbaStringToHsla.l;
185
- return "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
186
- };
187
- exports.rgbaStringToHslString = rgbaStringToHslString;
188
- var rgbaStringToHslaString = function rgbaStringToHslaString(rgba) {
189
- var _rgbaStringToHsla2 = rgbaStringToHsla(rgba),
190
- h = _rgbaStringToHsla2.h,
191
- s = _rgbaStringToHsla2.s,
192
- l = _rgbaStringToHsla2.l,
193
- a = _rgbaStringToHsla2.a;
194
- return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
195
- };
196
- exports.rgbaStringToHslaString = rgbaStringToHslaString;
197
- var rgbaToRgbaString = function rgbaToRgbaString(rgba) {
198
- var r = rgba.r,
199
- g = rgba.g,
200
- b = rgba.b,
201
- a = rgba.a;
202
- return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
203
- };
204
- exports.rgbaToRgbaString = rgbaToRgbaString;
205
- var rgbaToHex = function rgbaToHex(rgba) {
206
- var r = rgba.r,
207
- g = rgba.g,
208
- b = rgba.b;
209
- return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
210
- };
211
- exports.rgbaToHex = rgbaToHex;
212
- var rgbaStringToHex = function rgbaStringToHex(rgba) {
213
- var _rgbaStringToRgba2 = rgbaStringToRgba(rgba),
214
- r = _rgbaStringToRgba2.r,
215
- g = _rgbaStringToRgba2.g,
216
- b = _rgbaStringToRgba2.b;
217
- return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
218
- };
219
- exports.rgbaStringToHex = rgbaStringToHex;
220
- var rgbaStringToRgbString = function rgbaStringToRgbString(rgba) {
221
- var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
222
- var match = matcher.exec(rgba);
223
- if (!match) return '';
224
- return "rgb(".concat(match[1], ", ").concat(match[3], ", ").concat(match[5], ")");
225
- };
226
- exports.rgbaStringToRgbString = rgbaStringToRgbString;
227
- var rgbStringToRgba = function rgbStringToRgba(rgb) {
228
- var matcher = /rgb\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
229
- var match = matcher.exec(rgb);
230
- if (!match) return {
231
- r: 0,
232
- g: 0,
233
- b: 0,
234
- a: 1
235
- };
236
- return {
237
- r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
238
- g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
239
- b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
240
- a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
241
- };
242
- };
243
- exports.rgbStringToRgba = rgbStringToRgba;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.rgbaToRgbaString=exports.rgbaToHsva=exports.rgbaToHex=exports.rgbaStringToRgba=exports.rgbaStringToRgbString=exports.rgbaStringToHsva=exports.rgbaStringToHslaString=exports.rgbaStringToHsla=exports.rgbaStringToHslString=exports.rgbaStringToHex=exports.rgbStringToRgba=exports.hsvaToRgbaString=exports.hsvaToRgba=exports.hsvaToHslaString=exports.hsvaToHsla=exports.hslaToHsva=exports.hslaStringToHsva=exports.hslStringToHsva=exports.hexStringToRgba=void 0;var hexStringToRgba=function(hex){var result=6<=hex.length?/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex):null;return result?{r:parseInt(result[1],16),g:parseInt(result[2],16),b:parseInt(result[3],16),a:1}:{r:0,g:0,b:0,a:1}};exports.hexStringToRgba=hexStringToRgba;var hsvaToRgba=function(hsva){var h=hsva.h,s=hsva.s,v=hsva.v,a=hsva.a;h=6*(h/360),s/=100,v/=100;var hh=Math.floor(h),b=v*(1-s),c=v*(1-(h-hh)*s),d=v*(1-(1-h+hh)*s),module=hh%6;return{r:Math.round(255*[v,c,b,b,d,v][module]),g:Math.round(255*[d,v,v,c,b,b][module]),b:Math.round(255*[b,b,d,v,v,c][module]),a:Math.round(100*a/100)}};exports.hsvaToRgba=hsvaToRgba;var hsvaToRgbaString=function(hsva){var _hsvaToRgba=hsvaToRgba(hsva),r=_hsvaToRgba.r,g=_hsvaToRgba.g,b=_hsvaToRgba.b,a=_hsvaToRgba.a;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(a,")")};exports.hsvaToRgbaString=hsvaToRgbaString;var hsvaToHslaString=function(hsva){var _hsvaToHsla=hsvaToHsla(hsva),h=_hsvaToHsla.h,s=_hsvaToHsla.s,l=_hsvaToHsla.l,a=_hsvaToHsla.a;return"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")};exports.hsvaToHslaString=hsvaToHslaString;var hsvaToHsla=function(_ref){var h=_ref.h,s=_ref.s,v=_ref.v,a=_ref.a,hh=(200-s)*v/100;return{h:Math.round(h),s:Math.round(0<hh&&200>hh?100*(s*v/100/(100>=hh?hh:200-hh)):0),l:Math.round(hh/2),a:Math.round(100*a/100)}};exports.hsvaToHsla=hsvaToHsla;var hslaToHsva=function(_ref2){var h=_ref2.h,s=_ref2.s,l=_ref2.l,a=_ref2.a;return s*=(50>l?l:100-l)/100,{h:h,s:0<s?100*(2*s/(l+s)):0,v:l+s,a:a}};exports.hslaToHsva=hslaToHsva;var hslaStringToHsva=function(hsla){var result=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(hsla);return result?hslaToHsva({h:+result[1]*(("rad"===result[2]?360/(2*Math.PI):"turn"===result[2]?360:"grad"===result[2]?360/400:1)||1),s:parseFloat(result[3]),l:parseFloat(result[4]),a:result[5]?parseFloat(result[5]):1}):{h:0,s:0,v:0,a:1}};exports.hslaStringToHsva=hslaStringToHsva;var hslStringToHsva=function(hsl){var result=/hsl\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?\s*\)?/i.exec(hsl);return result?hslaToHsva({h:+result[1]*(("rad"===result[2]?360/(2*Math.PI):"turn"===result[2]?360:"grad"===result[2]?360/400:1)||1),s:parseFloat(result[3]),l:parseFloat(result[4]),a:1}):{h:0,s:0,v:0,a:1}};exports.hslStringToHsva=hslStringToHsva;var rgbaToHsva=function(rgba){var r=rgba.r,g=rgba.g,b=rgba.b,a=rgba.a,max=Math.max(r,g,b),delta=max-Math.min(r,g,b),hh=delta?max===r?(g-b)/delta:max===g?2+(b-r)/delta:4+(r-g)/delta:0;// prettier-ignore
2
+ return{h:Math.round(60*(0>hh?hh+6:hh)),s:Math.round(max?100*(delta/max):0),v:Math.round(100*(max/255)),a:a}};exports.rgbaToHsva=rgbaToHsva;var rgbaStringToHsva=function(rgba){var _rgbaStringToRgba=rgbaStringToRgba(rgba),r=_rgbaStringToRgba.r,g=_rgbaStringToRgba.g,b=_rgbaStringToRgba.b,a=_rgbaStringToRgba.a;return rgbaToHsva({r:r,g:g,b:b,a:a})};exports.rgbaStringToHsva=rgbaStringToHsva;var rgbaStringToRgba=function(rgba){var match=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(rgba);return match?{r:+match[1]/(match[2]?100/255:1),g:+match[3]/(match[4]?100/255:1),b:+match[5]/(match[6]?100/255:1),a:match[7]===void 0?1:+match[7]/(match[8]?100:1)}:{r:0,g:0,b:0,a:1}};exports.rgbaStringToRgba=rgbaStringToRgba;var rgbaStringToHsla=function(rgba){var hsva=rgbaStringToHsva(rgba),hsla=hsvaToHsla(hsva);return hsla};exports.rgbaStringToHsla=rgbaStringToHsla;var rgbaStringToHslString=function(rgba){var _rgbaStringToHsla=rgbaStringToHsla(rgba),h=_rgbaStringToHsla.h,s=_rgbaStringToHsla.s,l=_rgbaStringToHsla.l;return"hsl(".concat(h,", ").concat(s,"%, ").concat(l,"%)")};exports.rgbaStringToHslString=rgbaStringToHslString;var rgbaStringToHslaString=function(rgba){var _rgbaStringToHsla2=rgbaStringToHsla(rgba),h=_rgbaStringToHsla2.h,s=_rgbaStringToHsla2.s,l=_rgbaStringToHsla2.l,a=_rgbaStringToHsla2.a;return"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")};exports.rgbaStringToHslaString=rgbaStringToHslaString;var rgbaToRgbaString=function(rgba){var r=rgba.r,g=rgba.g,b=rgba.b,a=rgba.a;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(a,")")};exports.rgbaToRgbaString=rgbaToRgbaString;var rgbaToHex=function(rgba){var r=rgba.r,g=rgba.g,b=rgba.b;return"#".concat(((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1))};exports.rgbaToHex=rgbaToHex;var rgbaStringToHex=function(rgba){var _rgbaStringToRgba2=rgbaStringToRgba(rgba),r=_rgbaStringToRgba2.r,g=_rgbaStringToRgba2.g,b=_rgbaStringToRgba2.b;return"#".concat(((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1))};exports.rgbaStringToHex=rgbaStringToHex;var rgbaStringToRgbString=function(rgba){var match=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i.exec(rgba);return match?"rgb(".concat(match[1],", ").concat(match[3],", ").concat(match[5],")"):""};exports.rgbaStringToRgbString=rgbaStringToRgbString;var rgbStringToRgba=function(rgb){var match=/rgb\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i.exec(rgb);return match?{r:+match[1]/(match[2]?100/255:1),g:+match[3]/(match[4]?100/255:1),b:+match[5]/(match[6]?100/255:1),a:match[7]===void 0?1:+match[7]/(match[8]?100:1)}:{r:0,g:0,b:0,a:1}};exports.rgbStringToRgba=rgbStringToRgba;
@@ -1,122 +1,24 @@
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.colorToOutputMode = exports.colorToHsva = exports.colorMode = exports.colorFromHsva = void 0;
8
- var _conversors = require("./conversors");
9
- var checker = _interopRequireWildcard(require("./checkers"));
10
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
- /**
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.colorToOutputMode=exports.colorToHsva=exports.colorMode=exports.colorFromHsva=void 0;var _conversors=require("./conversors"),checker=_interopRequireWildcard(require("./checkers"));function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!=key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}/**
13
2
  * This function converts a string color to a hsva color object
14
3
  * @param color : Color to convert to hsva;
15
4
  * @returns : hsva color object
16
- */
17
- var colorToHsva = function colorToHsva(color) {
18
- // Check if the color is a hex string and convert it to rgba and then to hsva
19
- if (checker.isHex(color)) {
20
- return (0, _conversors.rgbaToHsva)((0, _conversors.hexStringToRgba)(color));
21
- }
22
-
23
- // Check if the color is a hsl string and convert it to rgba and then to hsva
24
- if (checker.isHsl(color)) {
25
- return (0, _conversors.hslStringToHsva)(color);
26
- }
27
-
28
- // Check if the color is a hsla string and convert it to rgba and then to hsva
29
- if (checker.isHsla(color)) {
30
- return (0, _conversors.hslaStringToHsva)(color);
31
- }
32
-
33
- // Check if the color is a rgb string and convert it to rgba and then to hsva
34
- if (checker.isRgb(color)) {
35
- return (0, _conversors.rgbaToHsva)((0, _conversors.rgbStringToRgba)(color));
36
- }
37
-
38
- // Check if the color is a rgba string and convert it to rgba and then to hsva
39
- if (checker.isRgba(color)) {
40
- return (0, _conversors.rgbaToHsva)((0, _conversors.rgbaStringToRgba)(color));
41
- }
42
- return {
43
- h: 0,
44
- s: 0,
45
- v: 0,
46
- a: 1
47
- };
48
- };
49
-
50
- /**
5
+ */var colorToHsva=function(color){// Check if the color is a hex string and convert it to rgba and then to hsva
6
+ return checker.isHex(color)?(0,_conversors.rgbaToHsva)((0,_conversors.hexStringToRgba)(color)):checker.isHsl(color)?(0,_conversors.hslStringToHsva)(color):checker.isHsla(color)?(0,_conversors.hslaStringToHsva)(color):checker.isRgb(color)?(0,_conversors.rgbaToHsva)((0,_conversors.rgbStringToRgba)(color)):checker.isRgba(color)?(0,_conversors.rgbaToHsva)((0,_conversors.rgbaStringToRgba)(color)):{h:0,s:0,v:0,a:1};// Check if the color is a hsl string and convert it to rgba and then to hsva
7
+ // Check if the color is a hsla string and convert it to rgba and then to hsva
8
+ // Check if the color is a rgb string and convert it to rgba and then to hsva
9
+ // Check if the color is a rgba string and convert it to rgba and then to hsva
10
+ };/**
51
11
  * This function gets the color mode from the color string
52
12
  * @param color : Color to check your output mode
53
13
  * @returns : Color mode
54
- */
55
- exports.colorToHsva = colorToHsva;
56
- var colorMode = function colorMode(color) {
57
- if (checker.isHex(color)) {
58
- return 'hex';
59
- }
60
- if (checker.isHsl(color)) {
61
- return 'hsl';
62
- }
63
- if (checker.isHsla(color)) {
64
- return 'hsla';
65
- }
66
- if (checker.isRgb(color)) {
67
- return 'rgb';
68
- }
69
- if (checker.isRgba(color)) {
70
- return 'rgba';
71
- }
72
- return 'unknown';
73
- };
74
-
75
- /**
14
+ */exports.colorToHsva=colorToHsva;var colorMode=function(color){return checker.isHex(color)?"hex":checker.isHsl(color)?"hsl":checker.isHsla(color)?"hsla":checker.isRgb(color)?"rgb":checker.isRgba(color)?"rgba":"unknown"};/**
76
15
  * This function converts a hsva color object to a string color
77
16
  * @param hsva : hsva color object
78
17
  * @param colorMode : Color output mode
79
18
  * @returns : Color string
80
- */
81
- exports.colorMode = colorMode;
82
- var colorFromHsva = function colorFromHsva(hsva, colorMode) {
83
- switch (colorMode) {
84
- case 'hex':
85
- return (0, _conversors.rgbaToHex)((0, _conversors.hsvaToRgba)(hsva));
86
- case 'hsl':
87
- return (0, _conversors.rgbaStringToHslString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
88
- case 'hsla':
89
- return (0, _conversors.rgbaStringToHslaString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
90
- case 'rgb':
91
- return (0, _conversors.rgbaStringToRgbString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
92
- case 'rgba':
93
- return (0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva));
94
- default:
95
- return 'unknown';
96
- }
97
- };
98
-
99
- /**
19
+ */exports.colorMode=colorMode;var colorFromHsva=function(hsva,colorMode){return"hex"===colorMode?(0,_conversors.rgbaToHex)((0,_conversors.hsvaToRgba)(hsva)):"hsl"===colorMode?(0,_conversors.rgbaStringToHslString)((0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva))):"hsla"===colorMode?(0,_conversors.rgbaStringToHslaString)((0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva))):"rgb"===colorMode?(0,_conversors.rgbaStringToRgbString)((0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva))):"rgba"===colorMode?(0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva)):"unknown"};/**
100
20
  * This function converts a color string to output color mode
101
21
  * @param color : Color string;
102
22
  * @param outputMode : Color output mode;
103
23
  * @returns : Color string
104
- */
105
- exports.colorFromHsva = colorFromHsva;
106
- var colorToOutputMode = function colorToOutputMode(color, outputMode) {
107
- switch (outputMode) {
108
- case 'rgba':
109
- return color;
110
- case 'hex':
111
- return (0, _conversors.rgbaStringToHex)(color);
112
- case 'rgb':
113
- return (0, _conversors.rgbaStringToRgbString)(color);
114
- case 'hsl':
115
- return (0, _conversors.rgbaStringToHslString)(color);
116
- case 'hsla':
117
- return (0, _conversors.rgbaStringToHslaString)(color);
118
- default:
119
- return outputMode;
120
- }
121
- };
122
- exports.colorToOutputMode = colorToOutputMode;
24
+ */exports.colorFromHsva=colorFromHsva;var colorToOutputMode=function(color,outputMode){return"rgba"===outputMode?color:"hex"===outputMode?(0,_conversors.rgbaStringToHex)(color):"rgb"===outputMode?(0,_conversors.rgbaStringToRgbString)(color):"hsl"===outputMode?(0,_conversors.rgbaStringToHslString)(color):"hsla"===outputMode?(0,_conversors.rgbaStringToHslaString)(color):outputMode};exports.colorToOutputMode=colorToOutputMode;
@@ -1,51 +1,5 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = require("react");
8
- var _styles = require("./styles");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- 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); }
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); } // Componentes
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");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)}// Componentes
16
2
  // Hooks
17
3
  // Styles
18
4
  // Types
19
- var ComposeIcon = function ComposeIcon(_ref) {
20
- var backgroundIcon = _ref.backgroundIcon,
21
- foregroundIcon = _ref.foregroundIcon,
22
- bubbleColor = _ref.bubbleColor,
23
- _ref$bubblePosition = _ref.bubblePosition,
24
- bubblePosition = _ref$bubblePosition === void 0 ? 'bottom-right' : _ref$bubblePosition,
25
- _ref$bubbleBorder = _ref.bubbleBorder,
26
- bubbleBorder = _ref$bubbleBorder === void 0 ? true : _ref$bubbleBorder,
27
- _ref$bubbleShadow = _ref.bubbleShadow,
28
- bubbleShadow = _ref$bubbleShadow === void 0 ? true : _ref$bubbleShadow,
29
- _ref$size = _ref.size,
30
- size = _ref$size === void 0 ? 150 : _ref$size;
31
- var iconSizeOffset = 0.26;
32
- var backgroundIconComponent = /*#__PURE__*/(0, _react.isValidElement)(backgroundIcon) && /*#__PURE__*/(0, _react.cloneElement)(backgroundIcon, _objectSpread(_objectSpread({}, backgroundIcon === null || backgroundIcon === void 0 ? void 0 : backgroundIcon.props), {}, {
33
- size: size
34
- }));
35
- var foregroundIconComponent = /*#__PURE__*/(0, _react.isValidElement)(foregroundIcon) && /*#__PURE__*/(0, _react.cloneElement)(foregroundIcon, _objectSpread(_objectSpread({}, foregroundIcon === null || foregroundIcon === void 0 ? void 0 : foregroundIcon.props), {}, {
36
- size: size * iconSizeOffset
37
- }));
38
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ComposeIconContainer, {
39
- "data-testid": "composeIcon",
40
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StatusBubbleContainer, {
41
- bubblePosition: bubblePosition,
42
- bubbleColor: bubbleColor,
43
- bubbleBorder: bubbleBorder,
44
- bubbleShadow: bubbleShadow,
45
- size: size,
46
- children: foregroundIconComponent
47
- }), backgroundIconComponent]
48
- });
49
- };
50
- var _default = ComposeIcon;
51
- exports.default = _default;
5
+ var ComposeIcon=function(_ref){var backgroundIcon=_ref.backgroundIcon,foregroundIcon=_ref.foregroundIcon,bubbleColor=_ref.bubbleColor,_ref$bubblePosition=_ref.bubblePosition,bubblePosition=void 0===_ref$bubblePosition?"bottom-right":_ref$bubblePosition,_ref$bubbleBorder=_ref.bubbleBorder,_ref$bubbleShadow=_ref.bubbleShadow,_ref$size=_ref.size,size=void 0===_ref$size?150:_ref$size,backgroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(backgroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(backgroundIcon,_objectSpread(_objectSpread({},null===backgroundIcon||void 0===backgroundIcon?void 0:backgroundIcon.props),{},{size:size})),foregroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(foregroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(foregroundIcon,_objectSpread(_objectSpread({},null===foregroundIcon||void 0===foregroundIcon?void 0:foregroundIcon.props),{},{size:size*.26}));return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComposeIconContainer,{"data-testid":"composeIcon",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StatusBubbleContainer,{bubblePosition:bubblePosition,bubbleColor:bubbleColor,bubbleBorder:!(void 0!==_ref$bubbleBorder)||_ref$bubbleBorder,bubbleShadow:!(void 0!==_ref$bubbleShadow)||_ref$bubbleShadow,size:size,children:foregroundIconComponent}),backgroundIconComponent]})},_default=ComposeIcon;exports.default=_default;
@@ -1,53 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StatusBubbleContainer = exports.ComposeIconContainer = void 0;
7
- var _styled = _interopRequireDefault(require("@emotion/styled"));
8
- var _colorCheck = require("../../utils/colorCheck");
9
- var _templateObject, _templateObject2;
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
12
- var ComposeIconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n position: relative;\n\n width: fit-content;\n height: fit-content;\n"])));
13
- exports.ComposeIconContainer = ComposeIconContainer;
14
- var StatusBubbleContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n\n padding: 4px;\n\n background: ", ";\n\n border-radius: 50%;\n border: ", ";\n box-shadow: ", ";\n\n ", "\n"])), function (_ref) {
15
- var bubbleColor = _ref.bubbleColor,
16
- theme = _ref.theme;
17
- return bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : theme.colors.neutral.white;
18
- }, function (_ref2) {
19
- var size = _ref2.size,
20
- bubbleBorder = _ref2.bubbleBorder,
21
- bubbleColor = _ref2.bubbleColor,
22
- theme = _ref2.theme;
23
- return "".concat(0.03 * size, "px solid ").concat(!bubbleBorder && bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : theme.colors.neutral.white);
24
- }, function (_ref3) {
25
- var bubbleShadow = _ref3.bubbleShadow;
26
- return bubbleShadow ? 'rgba(0, 0, 0, 0.2) 0px 3px 8px' : 'none';
27
- }, function (_ref4) {
28
- var _ref4$bubblePosition = _ref4.bubblePosition,
29
- bubblePosition = _ref4$bubblePosition === void 0 ? 'bottom-right' : _ref4$bubblePosition;
30
- switch (bubblePosition) {
31
- case 'center':
32
- {
33
- return "\n top: 36%;\n left: 50%;\n transform: translate(-50%,-50%);\n ";
34
- }
35
- case 'top-left':
36
- {
37
- return "\n top: 20%;\n left: 0;\n ";
38
- }
39
- case 'top-right':
40
- {
41
- return "\n top: 20%;\n right: 0;\n ";
42
- }
43
- case 'bottom-left':
44
- {
45
- return "\n left: 0;\n bottom: 5%;\n ";
46
- }
47
- case 'bottom-right':
48
- {
49
- return "\n right: 0;\n bottom: 5%;\n ";
50
- }
51
- }
52
- });
53
- exports.StatusBubbleContainer = StatusBubbleContainer;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StatusBubbleContainer=exports.ComposeIconContainer=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");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 ComposeIconContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n position: relative;\n\n width: fit-content;\n height: fit-content;\n"])));exports.ComposeIconContainer=ComposeIconContainer;var StatusBubbleContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n\n padding: 4px;\n\n background: ",";\n\n border-radius: 50%;\n border: ",";\n box-shadow: ",";\n\n ","\n"])),function(_ref){var bubbleColor=_ref.bubbleColor,theme=_ref.theme;return bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white},function(_ref2){var size=_ref2.size,bubbleBorder=_ref2.bubbleBorder,bubbleColor=_ref2.bubbleColor,theme=_ref2.theme;return"".concat(.03*size,"px solid ").concat(!bubbleBorder&&bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white)},function(_ref3){var bubbleShadow=_ref3.bubbleShadow;return bubbleShadow?"rgba(0, 0, 0, 0.2) 0px 3px 8px":"none"},function(_ref4){var _ref4$bubblePosition=_ref4.bubblePosition,bubblePosition=void 0===_ref4$bubblePosition?"bottom-right":_ref4$bubblePosition;return"center"===bubblePosition?"\n top: 36%;\n left: 50%;\n transform: translate(-50%,-50%);\n ":"top-left"===bubblePosition?"\n top: 20%;\n left: 0;\n ":"top-right"===bubblePosition?"\n top: 20%;\n right: 0;\n ":"bottom-left"===bubblePosition?"\n left: 0;\n bottom: 5%;\n ":"bottom-right"===bubblePosition?"\n right: 0;\n bottom: 5%;\n ":void 0});exports.StatusBubbleContainer=StatusBubbleContainer;
@@ -1,45 +1,7 @@
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 = DateInputExample;
8
- var _react = require("react");
9
- var _ = require(".");
10
- var _jsxRuntime = require("react/jsx-runtime");
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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
- 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."); }
18
- 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); }
19
- 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; }
20
- 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; } }
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
23
- 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); }
24
- function DateInputExample(_ref, props) {
25
- var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
26
- // const [selectedPeriod, setSelectedPeriod] = useState<
27
- // Date | [Date, Date]
28
- // >(props.selectedPeriod);
29
-
30
- var _useState = (0, _react.useState)(props.type),
31
- _useState2 = _slicedToArray(_useState, 2),
32
- type = _useState2[0],
33
- setType = _useState2[1];
34
-
35
- // useEffect(() => {
36
- // setSelectedPeriod(props.selectedPeriod);
37
- // }, [props.selectedPeriod]);
38
-
39
- (0, _react.useEffect)(function () {
40
- setType(props.type);
41
- }, [props.type]);
42
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DateInput, _objectSpread({
43
- type: type
44
- }, rest));
45
- }
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=DateInputExample;var _react=require("react"),_=require("."),_jsxRuntime=require("react/jsx-runtime");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)}function DateInputExample(_ref,props){var rest=_extends({},(_objectDestructuringEmpty(_ref),_ref)),_useState=(0,_react.useState)(props.type),_useState2=_slicedToArray(_useState,2),type=_useState2[0],setType=_useState2[1];// const [selectedPeriod, setSelectedPeriod] = useState<
2
+ // Date | [Date, Date]
3
+ // >(props.selectedPeriod);
4
+ // useEffect(() => {
5
+ // setSelectedPeriod(props.selectedPeriod);
6
+ // }, [props.selectedPeriod]);
7
+ return(0,_react.useEffect)(function(){setType(props.type)},[props.type]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.DateInput,_objectSpread({type:type},rest))}
@@ -1,35 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ModalWrapper = void 0;
7
- var _react = require("react");
8
- var _styles = require("./styles");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- var ModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
11
- var open = _ref.open,
12
- left = _ref.left,
13
- _ref$top = _ref.top,
14
- top = _ref$top === void 0 ? '' : _ref$top,
15
- _ref$offsetX = _ref.offsetX,
16
- offsetX = _ref$offsetX === void 0 ? '0px' : _ref$offsetX,
17
- maxWidth = _ref.maxWidth,
18
- right = _ref.right,
19
- children = _ref.children;
20
- var optionsContainerRef = (0, _react.useRef)(null);
21
- (0, _react.useImperativeHandle)(ref, function () {
22
- return optionsContainerRef.current;
23
- });
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalWrapperContainer, {
25
- ref: optionsContainerRef,
26
- open: open,
27
- maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
28
- left: left && "calc(".concat(left, " + ").concat(offsetX, ")"),
29
- right: right && "calc(".concat(right, " + ").concat(offsetX, ")"),
30
- top: top,
31
- children: children
32
- });
33
- });
34
- exports.ModalWrapper = ModalWrapper;
35
- ModalWrapper.displayName = 'ModalWrapper';
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ModalWrapper=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),ModalWrapper=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var open=_ref.open,left=_ref.left,_ref$top=_ref.top,top=void 0===_ref$top?"":_ref$top,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,maxWidth=_ref.maxWidth,right=_ref.right,children=_ref.children,optionsContainerRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return optionsContainerRef.current}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalWrapperContainer,{ref:optionsContainerRef,open:open,maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,left:left&&"calc(".concat(left," + ").concat(offsetX,")"),right:right&&"calc(".concat(right," + ").concat(offsetX,")"),top:top,children:children})});exports.ModalWrapper=ModalWrapper,ModalWrapper.displayName="ModalWrapper";
@@ -1,21 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ModalWrapperContainer = void 0;
7
- var _react = require("@emotion/react");
8
- var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _framerMotion = require("framer-motion");
10
- var _templateObject, _templateObject2, _templateObject3;
11
- var _excluded = ["theme"];
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
- 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; }
15
- 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; }
16
- var ModalWrapperContainer = (0, _styled.default)(_framerMotion.motion.div)(function (_ref) {
17
- var theme = _ref.theme,
18
- props = _objectWithoutProperties(_ref, _excluded);
19
- return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: auto;\n position: fixed;\n ", "\n ", "\n top: ", ";\n z-index: ", ";\n opacity: ", ";\n pointer-events: ", ";\n transition: opacity ease ", ";\n background: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n\n li {\n list-style: none;\n }\n "])), props.left && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n left: ", ";\n "])), props.left), props.right && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n right: ", ";\n "])), props.right), props.top, theme.zIndex.level24, props.open ? 1 : 0, props.open ? 'auto' : 'none', theme.transition.speed, theme.colors.background.light, theme.borderRadius.default, theme.shadow.level3);
20
- });
21
- exports.ModalWrapperContainer = ModalWrapperContainer;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ModalWrapperContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_framerMotion=require("framer-motion"),_excluded=["theme"];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)}}))}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 ModalWrapperContainer=(0,_styled.default)(_framerMotion.motion.div)(function(_ref){var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: auto;\n position: fixed;\n ","\n ","\n top: ",";\n z-index: ",";\n opacity: ",";\n pointer-events: ",";\n transition: opacity ease ",";\n background: ",";\n border-radius: ",";\n box-shadow: ",";\n\n li {\n list-style: none;\n }\n "])),props.left&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n left: ",";\n "])),props.left),props.right&&(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n right: ",";\n "])),props.right),props.top,theme.zIndex.level24,props.open?1:0,props.open?"auto":"none",theme.transition.speed,theme.colors.background.light,theme.borderRadius.default,theme.shadow.level3)});exports.ModalWrapperContainer=ModalWrapperContainer;