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