@codeleap/web 7.0.2 → 7.1.1
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/ActivityIndicator/index.js +16 -34
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/ActivityIndicator/styles.js +1 -2
- package/dist/components/ActivityIndicator/types.js +1 -2
- package/dist/components/Badge/index.js +24 -42
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Badge/styles.js +1 -2
- package/dist/components/Badge/types.js +1 -2
- package/dist/components/Button/index.js +19 -36
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/styles.js +1 -2
- package/dist/components/Button/types.js +1 -2
- package/dist/components/Calendar/index.js +12 -29
- package/dist/components/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/styles.js +1 -2
- package/dist/components/Calendar/types.js +1 -2
- package/dist/components/Carousel/index.js +40 -82
- package/dist/components/Carousel/index.js.map +1 -1
- package/dist/components/Carousel/styles.js +1 -2
- package/dist/components/Carousel/types.js +1 -2
- package/dist/components/Checkbox/index.js +24 -42
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.js +1 -2
- package/dist/components/Checkbox/types.js +1 -2
- package/dist/components/Collapse/index.js +17 -35
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/components/Collapse/styles.js +1 -2
- package/dist/components/Collapse/types.js +1 -2
- package/dist/components/ColorPicker/index.js +33 -51
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/ColorPicker/styles.js +1 -2
- package/dist/components/ColorPicker/types.js +1 -2
- package/dist/components/CropPicker/hooks.d.ts +2 -2
- package/dist/components/CropPicker/hooks.js +17 -20
- package/dist/components/CropPicker/hooks.js.map +1 -1
- package/dist/components/CropPicker/index.js +22 -40
- package/dist/components/CropPicker/index.js.map +1 -1
- package/dist/components/CropPicker/styles.js +1 -2
- package/dist/components/CropPicker/types.js +1 -2
- package/dist/components/CropPicker/utils.js +3 -9
- package/dist/components/CropPicker/utils.js.map +1 -1
- package/dist/components/DatePicker/index.js +23 -40
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/styles.js +1 -2
- package/dist/components/DatePicker/types.js +1 -2
- package/dist/components/Drawer/index.js +22 -40
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Drawer/styles.js +1 -2
- package/dist/components/Drawer/types.js +1 -2
- package/dist/components/Dropzone/context.js +11 -16
- package/dist/components/Dropzone/context.js.map +1 -1
- package/dist/components/Dropzone/elements.js +13 -19
- package/dist/components/Dropzone/elements.js.map +1 -1
- package/dist/components/Dropzone/index.js +35 -53
- package/dist/components/Dropzone/index.js.map +1 -1
- package/dist/components/Dropzone/styles.js +1 -2
- package/dist/components/Dropzone/types.js +1 -2
- package/dist/components/Dropzone/useDropzone.js +3 -6
- package/dist/components/Dropzone/useDropzone.js.map +1 -1
- package/dist/components/EmptyPlaceholder/index.js +40 -61
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/styles.js +1 -2
- package/dist/components/EmptyPlaceholder/types.js +1 -2
- package/dist/components/Field/context.js +11 -17
- package/dist/components/Field/context.js.map +1 -1
- package/dist/components/Field/elements.js +31 -39
- package/dist/components/Field/elements.js.map +1 -1
- package/dist/components/Field/index.js +23 -41
- package/dist/components/Field/index.js.map +1 -1
- package/dist/components/Field/styles.js +1 -2
- package/dist/components/Field/types.js +1 -2
- package/dist/components/Field/useFieldInput.d.ts +1 -1
- package/dist/components/Field/useFieldInput.js +8 -11
- package/dist/components/Field/useFieldInput.js.map +1 -1
- package/dist/components/FileInput/index.js +14 -32
- package/dist/components/FileInput/index.js.map +1 -1
- package/dist/components/FileInput/types.js +1 -2
- package/dist/components/Icon/index.js +26 -44
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Icon/styles.js +1 -2
- package/dist/components/Icon/types.js +1 -2
- package/dist/components/List/context.js +20 -25
- package/dist/components/List/context.js.map +1 -1
- package/dist/components/List/elements.d.ts.map +1 -1
- package/dist/components/List/elements.js +58 -82
- package/dist/components/List/elements.js.map +1 -1
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +19 -36
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/List/scroll.d.ts.map +1 -1
- package/dist/components/List/scroll.js +20 -20
- package/dist/components/List/scroll.js.map +1 -1
- package/dist/components/List/styles.js +1 -2
- package/dist/components/List/types.d.ts +13 -4
- package/dist/components/List/types.d.ts.map +1 -1
- package/dist/components/List/types.js +1 -2
- package/dist/components/List/useScrollEdgeDetection.d.ts +12 -0
- package/dist/components/List/useScrollEdgeDetection.d.ts.map +1 -0
- package/dist/components/List/useScrollEdgeDetection.js +37 -0
- package/dist/components/List/useScrollEdgeDetection.js.map +1 -0
- package/dist/components/LoadingOverlay/index.js +20 -38
- package/dist/components/LoadingOverlay/index.js.map +1 -1
- package/dist/components/LoadingOverlay/styles.js +1 -2
- package/dist/components/LoadingOverlay/types.js +1 -2
- package/dist/components/MaskedTextInput/index.js +14 -32
- package/dist/components/MaskedTextInput/index.js.map +1 -1
- package/dist/components/MaskedTextInput/mask.js +1 -4
- package/dist/components/MaskedTextInput/mask.js.map +1 -1
- package/dist/components/MaskedTextInput/types.js +1 -2
- package/dist/components/Modal/context.js +9 -14
- package/dist/components/Modal/context.js.map +1 -1
- package/dist/components/Modal/elements.js +23 -31
- package/dist/components/Modal/elements.js.map +1 -1
- package/dist/components/Modal/index.js +22 -40
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.js +1 -2
- package/dist/components/Modal/types.js +1 -2
- package/dist/components/NumberIncrement/index.js +29 -47
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/styles.js +1 -2
- package/dist/components/NumberIncrement/types.js +1 -2
- package/dist/components/NumberIncrement/useNumberIncrement.js +21 -24
- package/dist/components/NumberIncrement/useNumberIncrement.js.map +1 -1
- package/dist/components/Overlay/index.js +21 -39
- package/dist/components/Overlay/index.js.map +1 -1
- package/dist/components/Overlay/styles.js +1 -2
- package/dist/components/Overlay/types.js +1 -2
- package/dist/components/PaginationButtons/index.js +26 -44
- package/dist/components/PaginationButtons/index.js.map +1 -1
- package/dist/components/PaginationButtons/styles.js +1 -2
- package/dist/components/PaginationButtons/types.js +1 -2
- package/dist/components/PaginationIndicator/ImperativePaginationIndicator.d.ts +13 -0
- package/dist/components/PaginationIndicator/ImperativePaginationIndicator.d.ts.map +1 -0
- package/dist/components/PaginationIndicator/ImperativePaginationIndicator.js +20 -0
- package/dist/components/PaginationIndicator/ImperativePaginationIndicator.js.map +1 -0
- package/dist/components/PaginationIndicator/index.d.ts +1 -0
- package/dist/components/PaginationIndicator/index.d.ts.map +1 -1
- package/dist/components/PaginationIndicator/index.js +25 -42
- package/dist/components/PaginationIndicator/index.js.map +1 -1
- package/dist/components/PaginationIndicator/styles.js +1 -2
- package/dist/components/PaginationIndicator/types.d.ts +9 -0
- package/dist/components/PaginationIndicator/types.d.ts.map +1 -1
- package/dist/components/PaginationIndicator/types.js +1 -2
- package/dist/components/Progress/Bar/Segmented.js +19 -23
- package/dist/components/Progress/Bar/Segmented.js.map +1 -1
- package/dist/components/Progress/Bar/index.js +29 -47
- package/dist/components/Progress/Bar/index.js.map +1 -1
- package/dist/components/Progress/Bar/styles.js +1 -2
- package/dist/components/Progress/Bar/types.js +1 -2
- package/dist/components/Progress/Circle/Segmented.js +22 -26
- package/dist/components/Progress/Circle/Segmented.js.map +1 -1
- package/dist/components/Progress/Circle/index.js +30 -48
- package/dist/components/Progress/Circle/index.js.map +1 -1
- package/dist/components/Progress/Circle/styles.js +1 -2
- package/dist/components/Progress/Circle/types.js +1 -2
- package/dist/components/Progress/index.js +2 -18
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/Progress/utils.js +1 -4
- package/dist/components/Progress/utils.js.map +1 -1
- package/dist/components/RadioInput/index.js +26 -47
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.js +1 -2
- package/dist/components/RadioInput/types.js +1 -2
- package/dist/components/SearchInput/index.js +14 -51
- package/dist/components/SearchInput/index.js.map +1 -1
- package/dist/components/SectionFilters/index.js +38 -56
- package/dist/components/SectionFilters/index.js.map +1 -1
- package/dist/components/SectionFilters/styles.js +1 -2
- package/dist/components/SectionFilters/types.js +1 -2
- package/dist/components/Select/context.js +44 -50
- package/dist/components/Select/context.js.map +1 -1
- package/dist/components/Select/elements.js +23 -29
- package/dist/components/Select/elements.js.map +1 -1
- package/dist/components/Select/index.js +24 -41
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +1 -2
- package/dist/components/Select/types.js +1 -2
- package/dist/components/Select/useTriggerWidth.js +6 -9
- package/dist/components/Select/useTriggerWidth.js.map +1 -1
- package/dist/components/Slider/index.js +47 -68
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/styles.js +1 -2
- package/dist/components/Slider/types.js +1 -2
- package/dist/components/Switch/index.js +22 -40
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Switch/styles.js +1 -2
- package/dist/components/Switch/types.js +1 -2
- package/dist/components/Tag/index.js +34 -55
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Tag/styles.js +1 -2
- package/dist/components/Tag/types.js +1 -2
- package/dist/components/Text/index.js +27 -48
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/styles.js +1 -2
- package/dist/components/Text/types.js +1 -2
- package/dist/components/TextEditor/index.js +29 -50
- package/dist/components/TextEditor/index.js.map +1 -1
- package/dist/components/TextEditor/styles.js +1 -2
- package/dist/components/TextEditor/types.js +1 -2
- package/dist/components/TextInput/index.js +28 -49
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/styles.js +1 -2
- package/dist/components/TextInput/types.js +1 -2
- package/dist/components/TextInput/useTextInput.d.ts +2 -2
- package/dist/components/TextInput/useTextInput.js +12 -15
- package/dist/components/TextInput/useTextInput.js.map +1 -1
- package/dist/components/Tooltip/index.js +33 -54
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/styles.js +1 -2
- package/dist/components/Tooltip/types.js +1 -2
- package/dist/components/Touchable/index.js +23 -42
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/styles.js +1 -2
- package/dist/components/Touchable/types.js +1 -2
- package/dist/components/View/index.js +15 -32
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/View/styles.js +1 -2
- package/dist/components/View/types.js +1 -2
- package/dist/components/components.js +41 -57
- package/dist/components/components.js.map +1 -1
- package/dist/index.js +4 -20
- package/dist/index.js.map +1 -1
- package/dist/lib/ListMasonry.js +22 -31
- package/dist/lib/ListMasonry.js.map +1 -1
- package/dist/lib/ThemeVariables.js +6 -11
- package/dist/lib/ThemeVariables.js.map +1 -1
- package/dist/lib/WebStyleRegistry.js +3 -7
- package/dist/lib/WebStyleRegistry.js.map +1 -1
- package/dist/lib/hooks/index.js +22 -38
- package/dist/lib/hooks/index.js.map +1 -1
- package/dist/lib/hooks/useAnimatedStyle.js +5 -9
- package/dist/lib/hooks/useAnimatedStyle.js.map +1 -1
- package/dist/lib/hooks/useAnimatedVariantStyles.js +6 -9
- package/dist/lib/hooks/useAnimatedVariantStyles.js.map +1 -1
- package/dist/lib/hooks/useAsyncSelect.js +8 -11
- package/dist/lib/hooks/useAsyncSelect.js.map +1 -1
- package/dist/lib/hooks/useBreakpointMatch.js +19 -22
- package/dist/lib/hooks/useBreakpointMatch.js.map +1 -1
- package/dist/lib/hooks/useClick.js +7 -10
- package/dist/lib/hooks/useClick.js.map +1 -1
- package/dist/lib/hooks/useClickOutside.js +4 -7
- package/dist/lib/hooks/useClickOutside.js.map +1 -1
- package/dist/lib/hooks/useFileInput.js +3 -7
- package/dist/lib/hooks/useFileInput.js.map +1 -1
- package/dist/lib/hooks/useIsomorphicEffect.js +2 -5
- package/dist/lib/hooks/useIsomorphicEffect.js.map +1 -1
- package/dist/lib/hooks/useKeydown.js +9 -13
- package/dist/lib/hooks/useKeydown.js.map +1 -1
- package/dist/lib/hooks/useListFocus.js +4 -7
- package/dist/lib/hooks/useListFocus.js.map +1 -1
- package/dist/lib/hooks/useMediaQuery.js +8 -11
- package/dist/lib/hooks/useMediaQuery.js.map +1 -1
- package/dist/lib/hooks/usePageExitBlocker.js +6 -10
- package/dist/lib/hooks/usePageExitBlocker.js.map +1 -1
- package/dist/lib/hooks/usePagination.js +10 -13
- package/dist/lib/hooks/usePagination.js.map +1 -1
- package/dist/lib/hooks/usePopState.js +5 -9
- package/dist/lib/hooks/usePopState.js.map +1 -1
- package/dist/lib/hooks/usePopoverDismiss.js +5 -8
- package/dist/lib/hooks/usePopoverDismiss.js.map +1 -1
- package/dist/lib/hooks/useRefresh.js +9 -16
- package/dist/lib/hooks/useRefresh.js.map +1 -1
- package/dist/lib/hooks/useScrollEffect.js +3 -6
- package/dist/lib/hooks/useScrollEffect.js.map +1 -1
- package/dist/lib/hooks/useSearchParams.js +7 -10
- package/dist/lib/hooks/useSearchParams.js.map +1 -1
- package/dist/lib/hooks/useStaticAnimationStyles.js +3 -6
- package/dist/lib/hooks/useStaticAnimationStyles.js.map +1 -1
- package/dist/lib/hooks/useStylesFor.js +9 -13
- package/dist/lib/hooks/useStylesFor.js.map +1 -1
- package/dist/lib/hooks/useTouchableEvents.js +4 -7
- package/dist/lib/hooks/useTouchableEvents.js.map +1 -1
- package/dist/lib/hooks/useWindowFocus.js +7 -11
- package/dist/lib/hooks/useWindowFocus.js.map +1 -1
- package/dist/lib/hooks/useWindowSize.js +7 -10
- package/dist/lib/hooks/useWindowSize.js.map +1 -1
- package/dist/lib/index.js +6 -22
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/tools/index.js +3 -19
- package/dist/lib/tools/index.js.map +1 -1
- package/dist/lib/tools/localStorage.js +8 -12
- package/dist/lib/tools/localStorage.js.map +1 -1
- package/dist/lib/tools/mediaQuery.js +3 -8
- package/dist/lib/tools/mediaQuery.js.map +1 -1
- package/dist/lib/tools/modal.js +13 -18
- package/dist/lib/tools/modal.js.map +1 -1
- package/dist/lib/utils/attributes.js +3 -6
- package/dist/lib/utils/attributes.js.map +1 -1
- package/dist/lib/utils/cache.d.ts +2 -2
- package/dist/lib/utils/cache.js +4 -11
- package/dist/lib/utils/cache.js.map +1 -1
- package/dist/lib/utils/index.js +5 -21
- package/dist/lib/utils/index.js.map +1 -1
- package/dist/lib/utils/pollyfils/scroll.js +1 -5
- package/dist/lib/utils/pollyfils/scroll.js.map +1 -1
- package/dist/lib/utils/stopPropagation.js +1 -4
- package/dist/lib/utils/stopPropagation.js.map +1 -1
- package/dist/lib/utils/test.js +3 -7
- package/dist/lib/utils/test.js.map +1 -1
- package/dist/types/index.js +1 -17
- package/dist/types/index.js.map +1 -1
- package/dist/types/utility.js +1 -2
- package/package.json +17 -17
- package/src/components/List/elements.tsx +35 -13
- package/src/components/List/index.tsx +12 -4
- package/src/components/List/scroll.ts +8 -3
- package/src/components/List/types.ts +13 -4
- package/src/components/List/useScrollEdgeDetection.ts +59 -0
- package/src/components/PaginationIndicator/ImperativePaginationIndicator.tsx +35 -0
- package/src/components/PaginationIndicator/index.tsx +1 -0
- package/src/components/PaginationIndicator/types.ts +11 -0
- package/src/components/Touchable/index.tsx +2 -1
package/dist/lib/ListMasonry.js
CHANGED
|
@@ -1,19 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
exports.MasonryComponent = MasonryComponent;
|
|
8
|
-
exports.ListMasonry = ListMasonry;
|
|
9
|
-
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
10
|
-
const react_1 = __importDefault(require("react"));
|
|
11
|
-
const window_size_1 = require("@react-hook/window-size");
|
|
12
|
-
const types_1 = require("@codeleap/types");
|
|
13
|
-
const EmptyPlaceholder_1 = require("../components/EmptyPlaceholder");
|
|
14
|
-
const masonic_1 = require("masonic");
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useWindowSize } from '@react-hook/window-size';
|
|
4
|
+
import { TypeGuards } from '@codeleap/types';
|
|
5
|
+
import { EmptyPlaceholder } from '../components/EmptyPlaceholder';
|
|
6
|
+
import { useMasonry, usePositioner, useScroller, useContainerPosition, useResizeObserver, } from 'masonic';
|
|
15
7
|
function fillItems(arr, toCount, fillContent = {}) {
|
|
16
|
-
if (!arr || !
|
|
8
|
+
if (!arr || !TypeGuards.isArray(arr))
|
|
17
9
|
return [];
|
|
18
10
|
if (toCount === arr?.length)
|
|
19
11
|
return arr;
|
|
@@ -23,14 +15,14 @@ function fillItems(arr, toCount, fillContent = {}) {
|
|
|
23
15
|
const right = Array(diff).fill(fillContent);
|
|
24
16
|
return arr.concat(right);
|
|
25
17
|
}
|
|
26
|
-
const useMasonryReload = (args) => {
|
|
18
|
+
export const useMasonryReload = (args) => {
|
|
27
19
|
const { data, reloadTimeout = 350, } = args;
|
|
28
|
-
const [reloadingLayout, setReloadingLayout] =
|
|
29
|
-
const previousLengthRef =
|
|
20
|
+
const [reloadingLayout, setReloadingLayout] = React.useState(false);
|
|
21
|
+
const previousLengthRef = React.useRef(data?.length ?? 0);
|
|
30
22
|
const updater = () => {
|
|
31
23
|
previousLengthRef.current = (data?.length ?? 0);
|
|
32
24
|
};
|
|
33
|
-
|
|
25
|
+
React.useEffect(() => {
|
|
34
26
|
if (previousLengthRef.current > data?.length) {
|
|
35
27
|
setReloadingLayout(true);
|
|
36
28
|
setTimeout(() => {
|
|
@@ -50,14 +42,13 @@ const useMasonryReload = (args) => {
|
|
|
50
42
|
previousLength: previousLengthRef.current,
|
|
51
43
|
};
|
|
52
44
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const
|
|
56
|
-
const windowSize = (0, window_size_1.useWindowSize)({
|
|
45
|
+
export function MasonryComponent(props) {
|
|
46
|
+
const containerRef = React.useRef(null);
|
|
47
|
+
const windowSize = useWindowSize({
|
|
57
48
|
initialWidth: props?.ssrWidth,
|
|
58
49
|
initialHeight: props?.ssrHeight,
|
|
59
50
|
});
|
|
60
|
-
const containerPosition =
|
|
51
|
+
const containerPosition = useContainerPosition(containerRef, windowSize);
|
|
61
52
|
const listProps = Object.assign({
|
|
62
53
|
offset: containerPosition?.offset,
|
|
63
54
|
width: containerPosition?.width || containerRef?.current?.clientWidth || windowSize?.[0],
|
|
@@ -65,7 +56,7 @@ function MasonryComponent(props) {
|
|
|
65
56
|
containerRef,
|
|
66
57
|
scrollFps: props?.scrollFps || 12,
|
|
67
58
|
}, props);
|
|
68
|
-
const positioner =
|
|
59
|
+
const positioner = usePositioner({
|
|
69
60
|
width: listProps?.width,
|
|
70
61
|
columnGutter: listProps?.columnGutter,
|
|
71
62
|
columnWidth: listProps?.columnWidth,
|
|
@@ -73,9 +64,9 @@ function MasonryComponent(props) {
|
|
|
73
64
|
maxColumnCount: listProps?.columnCount,
|
|
74
65
|
rowGutter: listProps?.rowGutter
|
|
75
66
|
});
|
|
76
|
-
const { scrollTop, isScrolling } =
|
|
77
|
-
const resizeObserver =
|
|
78
|
-
return
|
|
67
|
+
const { scrollTop, isScrolling } = useScroller(listProps?.offset, listProps?.scrollFps);
|
|
68
|
+
const resizeObserver = useResizeObserver(positioner);
|
|
69
|
+
return useMasonry({
|
|
79
70
|
...listProps,
|
|
80
71
|
resizeObserver,
|
|
81
72
|
positioner,
|
|
@@ -84,12 +75,12 @@ function MasonryComponent(props) {
|
|
|
84
75
|
items: fillItems(props?.items, props?.previousItemsLength)
|
|
85
76
|
});
|
|
86
77
|
}
|
|
87
|
-
function ListMasonry(props) {
|
|
78
|
+
export function ListMasonry(props) {
|
|
88
79
|
if (props?.reloadingLayout) {
|
|
89
|
-
return ((
|
|
80
|
+
return (_jsx(EmptyPlaceholder, { loading: true, title: '', description: null }));
|
|
90
81
|
}
|
|
91
82
|
else {
|
|
92
|
-
return ((
|
|
83
|
+
return (_jsx(MasonryComponent, { ...props, items: props?.items || [] }));
|
|
93
84
|
}
|
|
94
85
|
}
|
|
95
86
|
//# sourceMappingURL=ListMasonry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListMasonry.js","sourceRoot":"","sources":["../../src/lib/ListMasonry.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListMasonry.js","sourceRoot":"","sources":["../../src/lib/ListMasonry.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.ColorSchemeFoucScript = exports.ThemeVariables = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const styles_1 = require("@codeleap/styles");
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { DOM_COLOR_SCHEME_KEY } from '@codeleap/styles';
|
|
6
3
|
const toDeclarations = (vars) => Object.entries(vars).map(([n, v]) => ` ${n}: ${v};`).join('\n');
|
|
7
|
-
const ThemeVariables = ({ theme }) => {
|
|
4
|
+
export const ThemeVariables = ({ theme }) => {
|
|
8
5
|
const defaultVars = theme.getCssVariables();
|
|
9
6
|
const alternateColors = theme.alternateColors ?? {};
|
|
10
7
|
const blocks = [
|
|
@@ -18,10 +15,8 @@ const ThemeVariables = ({ theme }) => {
|
|
|
18
15
|
}
|
|
19
16
|
blocks.push(`[data-color-scheme="${scheme}"] {\n${toDeclarations(vars)}\n}`);
|
|
20
17
|
}
|
|
21
|
-
return (
|
|
18
|
+
return _jsx("style", { dangerouslySetInnerHTML: { __html: blocks.join('\n\n') } });
|
|
22
19
|
};
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
const ColorSchemeFoucScript = () => ((0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: { __html: FOUC_SCRIPT } }));
|
|
26
|
-
exports.ColorSchemeFoucScript = ColorSchemeFoucScript;
|
|
20
|
+
const FOUC_SCRIPT = `(function(){try{var s=localStorage.getItem('${DOM_COLOR_SCHEME_KEY}');if(s&&s!=='default')document.documentElement.dataset.colorScheme=s;}catch(e){}})()`;
|
|
21
|
+
export const ColorSchemeFoucScript = () => (_jsx("script", { dangerouslySetInnerHTML: { __html: FOUC_SCRIPT } }));
|
|
27
22
|
//# sourceMappingURL=ThemeVariables.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeVariables.js","sourceRoot":"","sources":["../../src/lib/ThemeVariables.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeVariables.js","sourceRoot":"","sources":["../../src/lib/ThemeVariables.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAOvD,MAAM,cAAc,GAAG,CAAC,IAA4B,EAAE,EAAE,CACtD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAkC,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,EAAE,CAAA;IAC3C,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,IAAI,EAAE,CAAA;IAEnD,MAAM,MAAM,GAAa;QACvB,YAAY,cAAc,CAAC,WAAW,CAAC,KAAK;QAC5C,kCAAkC,cAAc,CAAC,WAAW,CAAC,KAAK;KACnE,CAAA;IAED,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,IAAI,CACT,sFAAsF,cAAc,CAAC,IAAI,CAAC,UAAU,CACrH,CAAA;QACH,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,uBAAuB,MAAM,SAAS,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9E,CAAC;IAED,OAAO,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAI,CAAA;AAC5E,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,+CAA+C,oBAAoB,uFAAuF,CAAA;AAE9K,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,iBAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAAI,CAC7D,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.WebStyleRegistry = void 0;
|
|
4
|
-
const styles_1 = require("@codeleap/styles");
|
|
5
|
-
const persistor = new styles_1.StylePersistor({
|
|
1
|
+
import { CodeleapStyleRegistry, StylePersistor } from '@codeleap/styles';
|
|
2
|
+
const persistor = new StylePersistor({
|
|
6
3
|
set(key, value) {
|
|
7
4
|
if (typeof window === 'undefined')
|
|
8
5
|
return null;
|
|
@@ -36,7 +33,7 @@ const components = [];
|
|
|
36
33
|
*
|
|
37
34
|
* Access the live singleton via `WebStyleRegistry.current`.
|
|
38
35
|
*/
|
|
39
|
-
class WebStyleRegistry extends
|
|
36
|
+
export class WebStyleRegistry extends CodeleapStyleRegistry {
|
|
40
37
|
variantElements = {};
|
|
41
38
|
constructor() {
|
|
42
39
|
super(persistor);
|
|
@@ -69,5 +66,4 @@ class WebStyleRegistry extends styles_1.CodeleapStyleRegistry {
|
|
|
69
66
|
}
|
|
70
67
|
}
|
|
71
68
|
}
|
|
72
|
-
exports.WebStyleRegistry = WebStyleRegistry;
|
|
73
69
|
//# sourceMappingURL=WebStyleRegistry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebStyleRegistry.js","sourceRoot":"","sources":["../../src/lib/WebStyleRegistry.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WebStyleRegistry.js","sourceRoot":"","sources":["../../src/lib/WebStyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,qBAAqB,EAAQ,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAElG,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC;IACnC,GAAG,CAAC,GAAG,EAAE,KAAK;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAC1C,CAAC;IACD,GAAG,CAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACnC,CAAC;IACD,GAAG,CAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,EAAE,UAAU,CAAC,GAAG,CAAC,CAAA;IACtC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA0B,CAAA;AAE9B,MAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,gBAAiB,SAAQ,qBAAqB;IACzD,eAAe,GAA2C,EAAE,CAAA;IAE5D;QACE,KAAK,CAAC,SAAS,CAAC,CAAA;QAEhB,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/B,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,8GAA8G;IAC9G,uBAAuB,CAAC,aAAqB,EAAE,QAAgC;QAC7E,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAA;IAChD,CAAC;IAED,iHAAiH;IACjH,iBAAiB,CAAC,aAAqB,EAAE,WAAmB;QAC1D,OAAO,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;IAC3D,CAAC;IAED,WAAW,CAAC,GAAS;QACnB,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,iBAAiB,CAAC,SAA6B;QACpD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;CACF"}
|
package/dist/lib/hooks/index.js
CHANGED
|
@@ -1,39 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
__exportStar(require("./usePageExitBlocker"), exports);
|
|
24
|
-
__exportStar(require("./usePagination"), exports);
|
|
25
|
-
__exportStar(require("./usePopState"), exports);
|
|
26
|
-
__exportStar(require("./useScrollEffect"), exports);
|
|
27
|
-
__exportStar(require("./useIsomorphicEffect"), exports);
|
|
28
|
-
__exportStar(require("./useSearchParams"), exports);
|
|
29
|
-
__exportStar(require("./useStaticAnimationStyles"), exports);
|
|
30
|
-
__exportStar(require("./useWindowFocus"), exports);
|
|
31
|
-
__exportStar(require("./useWindowSize"), exports);
|
|
32
|
-
__exportStar(require("./useKeydown"), exports);
|
|
33
|
-
__exportStar(require("./useRefresh"), exports);
|
|
34
|
-
__exportStar(require("./useFileInput"), exports);
|
|
35
|
-
__exportStar(require("./useStylesFor"), exports);
|
|
36
|
-
__exportStar(require("./useAsyncSelect"), exports);
|
|
37
|
-
__exportStar(require("./useListFocus"), exports);
|
|
38
|
-
__exportStar(require("./usePopoverDismiss"), exports);
|
|
1
|
+
export * from './useAnimatedStyle';
|
|
2
|
+
export * from './useAnimatedVariantStyles';
|
|
3
|
+
export * from './useBreakpointMatch';
|
|
4
|
+
export * from './useClick';
|
|
5
|
+
export * from './useClickOutside';
|
|
6
|
+
export * from './useMediaQuery';
|
|
7
|
+
export * from './usePageExitBlocker';
|
|
8
|
+
export * from './usePagination';
|
|
9
|
+
export * from './usePopState';
|
|
10
|
+
export * from './useScrollEffect';
|
|
11
|
+
export * from './useIsomorphicEffect';
|
|
12
|
+
export * from './useSearchParams';
|
|
13
|
+
export * from './useStaticAnimationStyles';
|
|
14
|
+
export * from './useWindowFocus';
|
|
15
|
+
export * from './useWindowSize';
|
|
16
|
+
export * from './useKeydown';
|
|
17
|
+
export * from './useRefresh';
|
|
18
|
+
export * from './useFileInput';
|
|
19
|
+
export * from './useStylesFor';
|
|
20
|
+
export * from './useAsyncSelect';
|
|
21
|
+
export * from './useListFocus';
|
|
22
|
+
export * from './usePopoverDismiss';
|
|
39
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAEhC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useAnimatedStyle = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
1
|
+
import { useRef, useEffect, useState } from 'react';
|
|
5
2
|
/**
|
|
6
3
|
* Drives a Framer Motion `animate` prop from a reactive updater function.
|
|
7
4
|
*
|
|
@@ -9,11 +6,11 @@ const react_1 = require("react");
|
|
|
9
6
|
* the animated target re-evaluates on dependency changes. Returns `initial: false`
|
|
10
7
|
* so Motion skips the mount animation and begins from the current state.
|
|
11
8
|
*/
|
|
12
|
-
const useAnimatedStyle = (updater, deps) => {
|
|
9
|
+
export const useAnimatedStyle = (updater, deps) => {
|
|
13
10
|
const initialStyle = updater();
|
|
14
|
-
const [animatedStyle, setAnimatedStyle] =
|
|
15
|
-
const transition =
|
|
16
|
-
|
|
11
|
+
const [animatedStyle, setAnimatedStyle] = useState(initialStyle);
|
|
12
|
+
const transition = useRef(initialStyle.transition);
|
|
13
|
+
useEffect(() => {
|
|
17
14
|
const animatedStyleUpdated = updater();
|
|
18
15
|
setAnimatedStyle(animatedStyleUpdated);
|
|
19
16
|
}, deps);
|
|
@@ -23,5 +20,4 @@ const useAnimatedStyle = (updater, deps) => {
|
|
|
23
20
|
initial: false,
|
|
24
21
|
};
|
|
25
22
|
};
|
|
26
|
-
exports.useAnimatedStyle = useAnimatedStyle;
|
|
27
23
|
//# sourceMappingURL=useAnimatedStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimatedStyle.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedStyle.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAnimatedStyle.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAanD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA4B,EAAE,IAAgB,EAA0B,EAAE;IACzG,MAAM,YAAY,GAAG,OAAO,EAAE,CAAA;IAE9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAsB,YAAY,CAAC,CAAA;IACrF,MAAM,UAAU,GAAG,MAAM,CAAyB,YAAY,CAAC,UAAU,CAAC,CAAA;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,oBAAoB,GAAG,OAAO,EAAE,CAAA;QAEtC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IACxC,CAAC,EAAE,IAAI,CAAC,CAAA;IAER,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,OAAO,EAAE,KAAK;KACf,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.useAnimatedVariantStyles = useAnimatedVariantStyles;
|
|
4
|
-
const useStaticAnimationStyles_1 = require("./useStaticAnimationStyles");
|
|
5
|
-
const react_1 = require("react");
|
|
1
|
+
import { useStaticAnimationStyles } from './useStaticAnimationStyles';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
6
3
|
/**
|
|
7
4
|
* Derives a Framer Motion animation target from a component's variant styles,
|
|
8
5
|
* animating only the properties listed in `animatedProperties` while keeping the
|
|
9
6
|
* rest static (via `useStaticAnimationStyles`). Re-evaluates the `updater` whenever
|
|
10
7
|
* `dependencies` change.
|
|
11
8
|
*/
|
|
12
|
-
function useAnimatedVariantStyles(config) {
|
|
9
|
+
export function useAnimatedVariantStyles(config) {
|
|
13
10
|
const { animatedProperties, updater, variantStyles, dependencies = [] } = config;
|
|
14
|
-
const staticStyles =
|
|
11
|
+
const staticStyles = useStaticAnimationStyles(variantStyles, animatedProperties);
|
|
15
12
|
const initialState = updater(staticStyles);
|
|
16
|
-
const [animated, setAnimated] =
|
|
17
|
-
|
|
13
|
+
const [animated, setAnimated] = useState(initialState);
|
|
14
|
+
useEffect(() => {
|
|
18
15
|
const nextState = updater(staticStyles);
|
|
19
16
|
setAnimated(nextState);
|
|
20
17
|
}, dependencies);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimatedVariantStyles.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedVariantStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAnimatedVariantStyles.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedVariantStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3C;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAqE,MAA4C;IACvJ,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAEhF,MAAM,YAAY,GAAG,wBAAwB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;IAEhF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAE1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;QAEvC,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,EAAE,YAAY,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.useAsyncSelect = useAsyncSelect;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const react_query_1 = require("@tanstack/react-query");
|
|
1
|
+
import { useState, useId, useCallback } from 'react';
|
|
2
|
+
import { useQuery } from '@tanstack/react-query';
|
|
6
3
|
/**
|
|
7
4
|
* Wraps TanStack Query to power a search-driven async Select component.
|
|
8
5
|
*
|
|
@@ -14,22 +11,22 @@ const react_query_1 = require("@tanstack/react-query");
|
|
|
14
11
|
* Pass `isSearchValid: () => true` to fetch on mount with an empty query.
|
|
15
12
|
* Requires a TanStack Query `QueryClientProvider` in the tree.
|
|
16
13
|
*/
|
|
17
|
-
function useAsyncSelect(opts) {
|
|
14
|
+
export function useAsyncSelect(opts) {
|
|
18
15
|
const { load, isSearchValid, renderError, renderNoResults, renderLoading, queryOptions, } = opts;
|
|
19
|
-
const hookId =
|
|
16
|
+
const hookId = useId();
|
|
20
17
|
const baseKey = opts.queryKey ?? [hookId];
|
|
21
|
-
const [searchQuery, setSearchQuery] =
|
|
18
|
+
const [searchQuery, setSearchQuery] = useState('');
|
|
22
19
|
const defaultIsValid = (q) => q != null && q !== '';
|
|
23
20
|
const enabled = isSearchValid ? isSearchValid(searchQuery) : defaultIsValid(searchQuery);
|
|
24
|
-
const queryResult =
|
|
21
|
+
const queryResult = useQuery({
|
|
25
22
|
queryKey: ['asyncSelect', ...baseKey, searchQuery],
|
|
26
23
|
queryFn: () => load(searchQuery),
|
|
27
24
|
enabled,
|
|
28
25
|
placeholderData: (prev) => prev,
|
|
29
26
|
...queryOptions,
|
|
30
27
|
});
|
|
31
|
-
const query =
|
|
32
|
-
const renderEmpty =
|
|
28
|
+
const query = useCallback((q) => setSearchQuery(q), []);
|
|
29
|
+
const renderEmpty = useCallback(({ style }) => {
|
|
33
30
|
if (queryResult.isLoading || queryResult.isFetching) {
|
|
34
31
|
return renderLoading?.(style) ?? null;
|
|
35
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAsyncSelect.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAsyncSelect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAsyncSelect.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAsyncSelect.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAA6C,MAAM,uBAAuB,CAAA;AAsD3F;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAI5B,IAA4C;IAE5C,MAAM,EACJ,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,GAC/E,GAAG,IAAI,CAAA;IAER,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAA;IAEzC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAY,CAAC,CAAA;IAEpE,MAAM,cAAc,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,KAAM,EAAa,CAAA;IACvE,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;IAExF,MAAM,WAAW,GAAG,QAAQ,CAAC;QAC3B,QAAQ,EAAE,CAAC,aAAa,EAAE,GAAG,OAAO,EAAE,WAAW,CAAC;QAClD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC;QAChC,OAAO;QACP,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI;QAC/B,GAAG,YAAY;KAChB,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE/D,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAE,KAAK,EAAmB,EAAmB,EAAE;QAC9C,IAAI,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,UAAU,EAAE,CAAC;YACpD,OAAO,aAAa,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAA;QACvC,CAAC;QACD,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,WAAW,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IAAI,CAAA;QACxD,CAAC;QACD,OAAO,eAAe,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,IAAI,CAAA;IACtD,CAAC,EACD;QACE,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,UAAU;QAC7C,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK;QACtC,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW;KACzD,CACF,CAAA;IAED,OAAO;QACL;YACE,OAAO,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAc;YACvD,WAAW;SACZ;QACD;YACE,KAAK;YACL,WAAW;YACX,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI;YACpC,SAAS,EAAE,WAAW,CAAC,SAAS;YAChC,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,WAAW;SACZ;KACF,CAAA;AACH,CAAC"}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const styles_1 = require("@codeleap/styles");
|
|
7
|
-
const tools_1 = require("../tools");
|
|
8
|
-
const getTheme = () => styles_1.themeStore.themeTyped;
|
|
1
|
+
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { TypeGuards } from '@codeleap/types';
|
|
3
|
+
import { themeStore } from '@codeleap/styles';
|
|
4
|
+
import { getMediaQuery, isMediaQuery } from '../tools';
|
|
5
|
+
const getTheme = () => themeStore.themeTyped;
|
|
9
6
|
function validateBreakpoint(currentTheme, breakpoint) {
|
|
10
|
-
const matchesDown =
|
|
11
|
-
const matchesUp =
|
|
7
|
+
const matchesDown = isMediaQuery(currentTheme.media.down(breakpoint));
|
|
8
|
+
const matchesUp = isMediaQuery(currentTheme.media.up(breakpoint));
|
|
12
9
|
return !matchesUp && matchesDown;
|
|
13
10
|
}
|
|
14
11
|
function useBreakpointMatches() {
|
|
15
|
-
return
|
|
12
|
+
return useState(() => {
|
|
16
13
|
const currentTheme = getTheme();
|
|
17
14
|
const breakpointMatches = {};
|
|
18
15
|
for (const breakpoint in currentTheme.breakpoints) {
|
|
@@ -23,8 +20,8 @@ function useBreakpointMatches() {
|
|
|
23
20
|
}
|
|
24
21
|
function useBreakpointListeners() {
|
|
25
22
|
const [breakpointMatches, setBreakpointMatches] = useBreakpointMatches();
|
|
26
|
-
const loaded =
|
|
27
|
-
const mediaQueries =
|
|
23
|
+
const loaded = useRef(false);
|
|
24
|
+
const mediaQueries = useRef({});
|
|
28
25
|
function callback(event, breakpoint) {
|
|
29
26
|
const currentTheme = getTheme();
|
|
30
27
|
setBreakpointMatches((prevState) => {
|
|
@@ -33,13 +30,13 @@ function useBreakpointListeners() {
|
|
|
33
30
|
return updatedMatches;
|
|
34
31
|
});
|
|
35
32
|
}
|
|
36
|
-
|
|
33
|
+
useEffect(() => {
|
|
37
34
|
if (loaded.current)
|
|
38
35
|
return;
|
|
39
36
|
loaded.current = true;
|
|
40
37
|
const currentTheme = getTheme();
|
|
41
38
|
for (const breakpoint in currentTheme.breakpoints) {
|
|
42
|
-
const queryUp =
|
|
39
|
+
const queryUp = getMediaQuery(currentTheme.media.up(breakpoint));
|
|
43
40
|
const matchUp = window.matchMedia(queryUp);
|
|
44
41
|
mediaQueries.current[breakpoint] = matchUp;
|
|
45
42
|
try {
|
|
@@ -75,9 +72,9 @@ function useBreakpointListeners() {
|
|
|
75
72
|
* Must be rendered in a browser context; SSR always resolves to the fallback
|
|
76
73
|
* value (the largest defined key in `values`).
|
|
77
74
|
*/
|
|
78
|
-
function useBreakpointMatch(values) {
|
|
75
|
+
export function useBreakpointMatch(values) {
|
|
79
76
|
const breakpointMatches = useBreakpointListeners();
|
|
80
|
-
const breakpoints =
|
|
77
|
+
const breakpoints = useMemo(() => {
|
|
81
78
|
return Object.entries(getTheme().breakpoints)
|
|
82
79
|
.sort(([, a], [, b]) => a - b)
|
|
83
80
|
.reduce((acc, [key, value]) => {
|
|
@@ -85,13 +82,13 @@ function useBreakpointMatch(values) {
|
|
|
85
82
|
return acc;
|
|
86
83
|
}, {});
|
|
87
84
|
}, []);
|
|
88
|
-
const breakpointValues =
|
|
85
|
+
const breakpointValues = useMemo(() => {
|
|
89
86
|
return Object.keys(breakpoints).sort((a, b) => breakpoints?.[a] - breakpoints?.[b]);
|
|
90
87
|
}, []);
|
|
91
|
-
const currentBreakpoint =
|
|
88
|
+
const currentBreakpoint = useMemo(() => {
|
|
92
89
|
return Object.keys(breakpointMatches).find((key) => breakpointMatches[key]);
|
|
93
90
|
}, [breakpointMatches]);
|
|
94
|
-
const breakpoint =
|
|
91
|
+
const breakpoint = useMemo(() => {
|
|
95
92
|
const validBreakpointIndex = breakpointValues?.findIndex(key => key === currentBreakpoint);
|
|
96
93
|
const validBreakpoints = breakpointValues?.slice(validBreakpointIndex, 100);
|
|
97
94
|
let validBreakpoint = null;
|
|
@@ -100,12 +97,12 @@ function useBreakpointMatch(values) {
|
|
|
100
97
|
return currentValue;
|
|
101
98
|
}
|
|
102
99
|
});
|
|
103
|
-
if (
|
|
100
|
+
if (TypeGuards.isNil(validBreakpoint)) {
|
|
104
101
|
validBreakpoint = breakpointValues?.reverse()?.find(key => !!values?.[key]);
|
|
105
102
|
}
|
|
106
103
|
return validBreakpoint;
|
|
107
104
|
}, [currentBreakpoint]);
|
|
108
|
-
const value =
|
|
105
|
+
const value = useMemo(() => values?.[breakpoint], [breakpoint]);
|
|
109
106
|
return value;
|
|
110
107
|
}
|
|
111
108
|
//# sourceMappingURL=useBreakpointMatch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpointMatch.js","sourceRoot":"","sources":["../../../src/lib/hooks/useBreakpointMatch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useBreakpointMatch.js","sourceRoot":"","sources":["../../../src/lib/hooks/useBreakpointMatch.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.useClickOutsideElement = useClickOutsideElement;
|
|
4
|
-
const types_1 = require("@codeleap/types");
|
|
5
|
-
const react_1 = require("react");
|
|
1
|
+
import { TypeGuards } from '@codeleap/types';
|
|
2
|
+
import { useEffect, useRef, useCallback } from 'react';
|
|
6
3
|
/**
|
|
7
4
|
* Attaches a global `click` listener and calls `handler` with `true` when the
|
|
8
5
|
* user clicks outside the returned ref's element, or `false` when they click
|
|
9
6
|
* inside it. Pass additional `elements` refs to treat those nodes as "inside"
|
|
10
7
|
* as well — the handler fires `false` if any of them contains the click target.
|
|
11
8
|
*/
|
|
12
|
-
function useClickOutsideElement(handler, elements = null) {
|
|
13
|
-
const elementRef =
|
|
14
|
-
const handleClickOutside =
|
|
9
|
+
export function useClickOutsideElement(handler, elements = null) {
|
|
10
|
+
const elementRef = useRef(null);
|
|
11
|
+
const handleClickOutside = useCallback((event) => {
|
|
15
12
|
if (!elementRef.current)
|
|
16
13
|
return;
|
|
17
14
|
const clickedOutsideElement = !elementRef.current.contains(event?.target);
|
|
18
15
|
const clickedOutsideElements = [true];
|
|
19
|
-
if (
|
|
16
|
+
if (TypeGuards?.isArray(elements)) {
|
|
20
17
|
elements?.forEach(element => {
|
|
21
18
|
if (element.current) {
|
|
22
19
|
clickedOutsideElements.push(!element.current.contains(event?.target));
|
|
@@ -30,7 +27,7 @@ function useClickOutsideElement(handler, elements = null) {
|
|
|
30
27
|
handler(false);
|
|
31
28
|
}
|
|
32
29
|
}, [handler]);
|
|
33
|
-
|
|
30
|
+
useEffect(() => {
|
|
34
31
|
document.addEventListener('click', handleClickOutside);
|
|
35
32
|
return () => {
|
|
36
33
|
document.removeEventListener('click', handleClickOutside);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClick.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClick.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useClick.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAM7D;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CACpC,OAA4B,EAC5B,WAA+C,IAAI;IAEnD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE/B,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC3D,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAM;QAE/B,MAAM,qBAAqB,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzE,MAAM,sBAAsB,GAAG,CAAC,IAAI,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;oBACpB,sBAAsB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;gBACvE,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,qBAAqB,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC;YAChG,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAC3D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,OAAO,UAAU,CAAA;AACnB,CAAC"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useClickOutside = useClickOutside;
|
|
4
|
-
const react_1 = require("react");
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
5
2
|
const DEFAULT_EVENTS = ['mousedown', 'touchstart'];
|
|
6
3
|
/**
|
|
7
4
|
* Calls `handler` when a pointer event fires outside the returned ref's element.
|
|
@@ -11,9 +8,9 @@ const DEFAULT_EVENTS = ['mousedown', 'touchstart'];
|
|
|
11
8
|
* elements instead — useful when the trigger lives outside the component tree.
|
|
12
9
|
* Elements with `data-ignore-outside-clicks` are always ignored.
|
|
13
10
|
*/
|
|
14
|
-
function useClickOutside(handler, events, nodes) {
|
|
15
|
-
const ref =
|
|
16
|
-
|
|
11
|
+
export function useClickOutside(handler, events, nodes) {
|
|
12
|
+
const ref = useRef(null);
|
|
13
|
+
useEffect(() => {
|
|
17
14
|
const listener = (event) => {
|
|
18
15
|
if (Array.isArray(nodes)) {
|
|
19
16
|
const shouldIgnore = event?.target?.hasAttribute('data-ignore-outside-clicks');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClickOutside.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,cAAc,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;AAElD;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAmB,EACnB,MAAwB,EACxB,KAAqB;IAErB,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAA;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;YAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,MAAM,YAAY,GAAG,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,4BAA4B,CAAC,CAAA;gBAC9E,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;gBACnF,aAAa,IAAI,CAAC,YAAY,IAAI,OAAO,EAAE,CAAA;YAC7C,CAAC;iBAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC9D,OAAO,EAAE,CAAA;YACX,CAAC;QACH,CAAC,CAAC;QAEF,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;QAEnF,OAAO,GAAG,EAAE;YACV,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;QACxF,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzB,OAAO,GAAG,CAAA;AACZ,CAAC"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useFileInput = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
1
|
+
import { useRef } from 'react';
|
|
5
2
|
/**
|
|
6
3
|
* Provides an imperative ref and `openFilePicker` helper for a `FileInput`
|
|
7
4
|
* component. Attach the returned `ref` to `<FileInput ref={ref} />` and call
|
|
8
5
|
* `openFilePicker()` from a button or any other trigger.
|
|
9
6
|
*/
|
|
10
|
-
const useFileInput = () => {
|
|
11
|
-
const inputRef =
|
|
7
|
+
export const useFileInput = () => {
|
|
8
|
+
const inputRef = useRef(null);
|
|
12
9
|
const openFilePicker = () => {
|
|
13
10
|
return inputRef.current?.openFilePicker();
|
|
14
11
|
};
|
|
@@ -17,5 +14,4 @@ const useFileInput = () => {
|
|
|
17
14
|
ref: inputRef,
|
|
18
15
|
};
|
|
19
16
|
};
|
|
20
|
-
exports.useFileInput = useFileInput;
|
|
21
17
|
//# sourceMappingURL=useFileInput.js.map
|