@codeleap/web 5.8.21 → 6.1.2
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/ActionIcon/index.d.ts +1 -1
- package/dist/components/ActionIcon/index.js +1 -1
- package/dist/components/ActionIcon/index.js.map +1 -1
- package/dist/components/ActivityIndicator/index.d.ts +9 -2
- package/dist/components/ActivityIndicator/index.js +8 -16
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Badge/types.d.ts +1 -2
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Carousel/index.d.ts +5 -0
- package/dist/components/Carousel/index.js +168 -0
- package/dist/components/Carousel/index.js.map +1 -0
- package/dist/components/Carousel/styles.d.ts +3 -0
- package/dist/components/Carousel/styles.js.map +1 -0
- package/dist/components/Carousel/types.d.ts +34 -0
- package/dist/components/{Grid → Carousel}/types.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Checkbox/index.js +2 -2
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapse/index.d.ts +1 -1
- package/dist/components/Collapse/index.js +3 -3
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/components/Collapse/types.d.ts +1 -2
- package/dist/components/ColorPicker/index.d.ts +1 -1
- package/dist/components/ColorPicker/index.js +4 -4
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/ColorPicker/types.d.ts +3 -3
- package/dist/components/CropPicker/index.d.ts +9 -2
- package/dist/components/CropPicker/index.js +6 -6
- package/dist/components/CropPicker/index.js.map +1 -1
- package/dist/components/CropPicker/types.d.ts +3 -1
- package/dist/components/DatePicker/components/DayContent.js +1 -1
- package/dist/components/DatePicker/components/DayContent.js.map +1 -1
- package/dist/components/DatePicker/components/Header.js +1 -1
- package/dist/components/DatePicker/components/Header.js.map +1 -1
- package/dist/components/DatePicker/components/OuterInput.js +2 -12
- package/dist/components/DatePicker/components/OuterInput.js.map +1 -1
- package/dist/components/DatePicker/components/YearContent.js +1 -1
- package/dist/components/DatePicker/components/YearContent.js.map +1 -1
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/DatePicker/index.js +12 -13
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/types.d.ts +8 -6
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropzone/index.d.ts +9 -2
- package/dist/components/Dropzone/index.js +7 -6
- package/dist/components/Dropzone/index.js.map +1 -1
- package/dist/components/Dropzone/types.d.ts +3 -2
- package/dist/components/EmptyPlaceholder/index.d.ts +1 -1
- package/dist/components/EmptyPlaceholder/index.js +3 -3
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/types.d.ts +2 -2
- package/dist/components/FileInput/index.d.ts +5 -9
- package/dist/components/FileInput/index.js +6 -5
- package/dist/components/FileInput/index.js.map +1 -1
- package/dist/components/FileInput/types.d.ts +2 -0
- package/dist/components/Icon/index.d.ts +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InputBase/index.js +2 -2
- package/dist/components/InputBase/index.js.map +1 -1
- package/dist/components/InputBase/types.d.ts +0 -1
- package/dist/components/InputBase/useInputBase.d.ts +2 -3
- package/dist/components/InputBase/useInputBase.js +2 -3
- package/dist/components/InputBase/useInputBase.js.map +1 -1
- package/dist/components/InputBase/useInputBasePartialStyles.js +1 -2
- package/dist/components/InputBase/useInputBasePartialStyles.js.map +1 -1
- package/dist/components/InputBase/utils.d.ts +1 -1
- package/dist/components/InputBase/utils.js +3 -3
- package/dist/components/InputBase/utils.js.map +1 -1
- package/dist/components/List/index.d.ts +2 -3
- package/dist/components/List/index.js +87 -40
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/List/styles.d.ts +2 -4
- package/dist/components/List/types.d.ts +10 -52
- package/dist/components/LoadingOverlay/index.d.ts +1 -1
- package/dist/components/LoadingOverlay/index.js +1 -1
- package/dist/components/LoadingOverlay/index.js.map +1 -1
- package/dist/components/MaskedTextInput/index.d.ts +7 -0
- package/dist/components/MaskedTextInput/index.js +69 -0
- package/dist/components/MaskedTextInput/index.js.map +1 -0
- package/dist/components/MaskedTextInput/mask.d.ts +8 -0
- package/dist/components/MaskedTextInput/mask.js +37 -0
- package/dist/components/MaskedTextInput/mask.js.map +1 -0
- package/dist/components/MaskedTextInput/types.d.ts +10 -0
- package/dist/components/MaskedTextInput/types.js.map +1 -0
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/index.js +6 -6
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/NumberIncrement/index.d.ts +1 -1
- package/dist/components/NumberIncrement/index.js +1 -3
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/useNumberIncrement.d.ts +4 -4
- package/dist/components/NumberIncrement/useNumberIncrement.js +1 -2
- package/dist/components/NumberIncrement/useNumberIncrement.js.map +1 -1
- package/dist/components/Overlay/index.d.ts +1 -1
- package/dist/components/PaginationButtons/index.d.ts +1 -1
- package/dist/components/PaginationButtons/index.js +2 -2
- package/dist/components/PaginationButtons/index.js.map +1 -1
- package/dist/components/PaginationButtons/types.d.ts +1 -2
- package/dist/components/PaginationIndicator/index.d.ts +2 -3
- package/dist/components/PaginationIndicator/index.js +2 -2
- package/dist/components/PaginationIndicator/index.js.map +1 -1
- package/dist/components/PaginationIndicator/types.d.ts +3 -3
- package/dist/components/Progress/Bar/index.d.ts +1 -1
- package/dist/components/Progress/Bar/index.js +1 -1
- package/dist/components/Progress/Bar/index.js.map +1 -1
- package/dist/components/Progress/Bar/types.d.ts +2 -3
- package/dist/components/Progress/Circle/index.d.ts +1 -1
- package/dist/components/Progress/Circle/index.js +2 -2
- package/dist/components/Progress/Circle/index.js.map +1 -1
- package/dist/components/Progress/Circle/types.d.ts +1 -2
- package/dist/components/Progress/index.d.ts +0 -1
- package/dist/components/Progress/utils.js +1 -2
- package/dist/components/Progress/utils.js.map +1 -1
- package/dist/components/RadioInput/index.d.ts +1 -1
- package/dist/components/RadioInput/index.js +2 -2
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/SearchInput/index.js.map +1 -1
- package/dist/components/SectionFilters/index.d.ts +1 -1
- package/dist/components/SectionFilters/index.js +4 -4
- package/dist/components/SectionFilters/index.js.map +1 -1
- package/dist/components/SectionFilters/types.d.ts +1 -2
- package/dist/components/SegmentedControl/index.d.ts +1 -1
- package/dist/components/SegmentedControl/index.js +12 -21
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/SegmentedControl/types.d.ts +2 -2
- package/dist/components/Select/index.js +5 -5
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +1 -2
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +6 -6
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/index.js +3 -3
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Switch/index.d.ts +1 -1
- package/dist/components/Switch/index.js +2 -2
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/index.js +1 -1
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Text/index.d.ts +10 -2
- package/dist/components/Text/index.js +12 -20
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/types.d.ts +3 -2
- package/dist/components/TextEditor/index.d.ts +1 -1
- package/dist/components/TextEditor/index.js +21 -9
- package/dist/components/TextEditor/index.js.map +1 -1
- package/dist/components/TextEditor/types.d.ts +4 -5
- package/dist/components/TextInput/index.d.ts +9 -3
- package/dist/components/TextInput/index.js +14 -30
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/types.d.ts +4 -40
- package/dist/components/TextInput/useTextInput.d.ts +2 -6
- package/dist/components/TextInput/useTextInput.js +7 -16
- package/dist/components/TextInput/useTextInput.js.map +1 -1
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/types.d.ts +1 -1
- package/dist/components/Touchable/index.d.ts +10 -2
- package/dist/components/Touchable/index.js +9 -19
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/types.d.ts +2 -1
- package/dist/components/View/index.d.ts +10 -2
- package/dist/components/View/index.js +7 -7
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/View/types.d.ts +2 -2
- package/dist/components/VirtualList/context.d.ts +3 -0
- package/dist/components/VirtualList/context.js +93 -0
- package/dist/components/VirtualList/context.js.map +1 -0
- package/dist/components/VirtualList/index.d.ts +5 -0
- package/dist/components/VirtualList/index.js +14 -0
- package/dist/components/VirtualList/index.js.map +1 -0
- package/dist/components/VirtualList/list.d.ts +3 -0
- package/dist/components/VirtualList/list.js +102 -0
- package/dist/components/VirtualList/list.js.map +1 -0
- package/dist/components/VirtualList/types.d.ts +33 -0
- package/dist/components/{Pager/styles.js → VirtualList/types.js} +1 -1
- package/dist/components/VirtualList/types.js.map +1 -0
- package/dist/components/components.d.ts +4 -2
- package/dist/components/components.js +4 -2
- package/dist/components/components.js.map +1 -1
- package/dist/lib/ListMasonry.js +3 -3
- package/dist/lib/ListMasonry.js.map +1 -1
- package/dist/lib/WebStyleRegistry.js.map +1 -1
- package/dist/lib/hooks/index.d.ts +0 -1
- package/dist/lib/hooks/index.js +0 -1
- package/dist/lib/hooks/index.js.map +1 -1
- package/dist/lib/hooks/useAnimatedStyle.d.ts +8 -4
- package/dist/lib/hooks/useAnimatedStyle.js.map +1 -1
- package/dist/lib/hooks/useAnimatedVariantStyles.d.ts +3 -3
- package/dist/lib/hooks/useAnimatedVariantStyles.js +1 -2
- package/dist/lib/hooks/useAnimatedVariantStyles.js.map +1 -1
- package/dist/lib/hooks/useBreakpointMatch.js +1 -2
- package/dist/lib/hooks/useBreakpointMatch.js.map +1 -1
- package/dist/lib/hooks/useClick.js +1 -2
- package/dist/lib/hooks/useClick.js.map +1 -1
- package/dist/lib/hooks/useClickOutside.d.ts +1 -2
- package/dist/lib/hooks/useClickOutside.js +2 -3
- package/dist/lib/hooks/useClickOutside.js.map +1 -1
- package/dist/lib/hooks/useCropPicker.d.ts +1 -2
- package/dist/lib/hooks/useCropPicker.js +19 -7
- package/dist/lib/hooks/useCropPicker.js.map +1 -1
- package/dist/lib/hooks/useFileInput.d.ts +1 -2
- package/dist/lib/hooks/useKeydown.js +2 -2
- package/dist/lib/hooks/useKeydown.js.map +1 -1
- package/dist/lib/hooks/useMediaQuery.js +2 -3
- package/dist/lib/hooks/useMediaQuery.js.map +1 -1
- package/dist/lib/hooks/usePageExitBlocker.js.map +1 -1
- package/dist/lib/hooks/usePagination.js +1 -2
- package/dist/lib/hooks/usePagination.js.map +1 -1
- package/dist/lib/hooks/usePopState.js.map +1 -1
- package/dist/lib/hooks/useRefresh.d.ts +1 -1
- package/dist/lib/hooks/useRefresh.js.map +1 -1
- package/dist/lib/hooks/useScrollEffect.js +1 -2
- package/dist/lib/hooks/useScrollEffect.js.map +1 -1
- package/dist/lib/hooks/useSearchParams.d.ts +0 -1
- package/dist/lib/hooks/useSearchParams.js +1 -2
- package/dist/lib/hooks/useSearchParams.js.map +1 -1
- package/dist/lib/hooks/useStaticAnimationStyles.js +1 -2
- package/dist/lib/hooks/useStaticAnimationStyles.js.map +1 -1
- package/dist/lib/hooks/useWindowSize.js +1 -2
- package/dist/lib/hooks/useWindowSize.js.map +1 -1
- package/dist/lib/tools/localStorage.js.map +1 -1
- package/dist/lib/tools/mediaQuery.js +3 -4
- package/dist/lib/tools/mediaQuery.js.map +1 -1
- package/dist/lib/tools/modal.js +3 -3
- package/dist/lib/tools/modal.js.map +1 -1
- package/dist/lib/utils/pollyfils/scroll.js.map +1 -1
- package/dist/lib/utils/stopPropagation.js +1 -2
- package/dist/lib/utils/stopPropagation.js.map +1 -1
- package/dist/lib/utils/test.js.map +1 -1
- package/dist/types/utility.d.ts +2 -2
- package/package.json +39 -39
- package/package.json.bak +24 -24
- package/src/components/ActionIcon/index.tsx +1 -1
- package/src/components/ActivityIndicator/index.tsx +3 -4
- package/src/components/Badge/types.ts +1 -1
- package/src/components/Carousel/index.tsx +230 -0
- package/src/components/{Pager → Carousel}/styles.ts +2 -2
- package/src/components/Carousel/types.ts +41 -0
- package/src/components/Checkbox/index.tsx +1 -1
- package/src/components/Collapse/index.tsx +1 -1
- package/src/components/Collapse/types.ts +1 -1
- package/src/components/ColorPicker/types.ts +3 -3
- package/src/components/CropPicker/index.tsx +4 -3
- package/src/components/CropPicker/types.ts +3 -1
- package/src/components/DatePicker/components/OuterInput.tsx +3 -12
- package/src/components/DatePicker/index.tsx +18 -10
- package/src/components/DatePicker/types.ts +8 -5
- package/src/components/Dropzone/index.tsx +3 -2
- package/src/components/Dropzone/types.ts +3 -1
- package/src/components/EmptyPlaceholder/types.ts +2 -2
- package/src/components/FileInput/index.tsx +4 -3
- package/src/components/FileInput/types.ts +2 -0
- package/src/components/InputBase/useInputBase.ts +1 -1
- package/src/components/InputBase/utils.ts +1 -1
- package/src/components/List/index.tsx +56 -78
- package/src/components/List/styles.ts +2 -10
- package/src/components/List/types.ts +10 -52
- package/src/components/MaskedTextInput/index.tsx +58 -0
- package/src/components/MaskedTextInput/mask.ts +41 -0
- package/src/components/MaskedTextInput/types.ts +18 -0
- package/src/components/NumberIncrement/index.tsx +1 -3
- package/src/components/PaginationButtons/types.ts +1 -1
- package/src/components/PaginationIndicator/types.ts +2 -2
- package/src/components/Progress/Bar/types.ts +2 -2
- package/src/components/Progress/Circle/types.ts +1 -1
- package/src/components/SectionFilters/types.ts +1 -1
- package/src/components/SegmentedControl/index.tsx +6 -5
- package/src/components/SegmentedControl/types.ts +2 -2
- package/src/components/Select/index.tsx +3 -3
- package/src/components/Select/types.ts +6 -6
- package/src/components/Switch/index.tsx +1 -1
- package/src/components/Text/index.tsx +4 -3
- package/src/components/Text/types.ts +3 -2
- package/src/components/TextEditor/index.tsx +20 -18
- package/src/components/TextEditor/types.ts +5 -5
- package/src/components/TextInput/index.tsx +14 -34
- package/src/components/TextInput/types.ts +5 -57
- package/src/components/TextInput/useTextInput.ts +10 -19
- package/src/components/Tooltip/types.ts +1 -1
- package/src/components/Touchable/index.tsx +4 -4
- package/src/components/Touchable/types.ts +2 -1
- package/src/components/View/index.tsx +6 -5
- package/src/components/View/types.ts +3 -3
- package/src/components/VirtualList/context.tsx +93 -0
- package/src/components/VirtualList/index.tsx +11 -0
- package/src/components/VirtualList/list.tsx +85 -0
- package/src/components/VirtualList/types.ts +38 -0
- package/src/components/components.ts +4 -2
- package/src/lib/hooks/index.ts +0 -1
- package/src/lib/hooks/useAnimatedStyle.ts +11 -7
- package/src/lib/hooks/useAnimatedVariantStyles.ts +2 -2
- package/src/lib/hooks/useClickOutside.ts +1 -1
- package/src/lib/hooks/useMediaQuery.ts +1 -1
- package/src/types/utility.ts +2 -2
- package/dist/components/Grid/index.d.ts +0 -13
- package/dist/components/Grid/index.js +0 -94
- package/dist/components/Grid/index.js.map +0 -1
- package/dist/components/Grid/styles.d.ts +0 -2
- package/dist/components/Grid/styles.js.map +0 -1
- package/dist/components/Grid/types.d.ts +0 -9
- package/dist/components/List/ListLayout.d.ts +0 -2
- package/dist/components/List/ListLayout.js +0 -39
- package/dist/components/List/ListLayout.js.map +0 -1
- package/dist/components/Pager/index.d.ts +0 -7
- package/dist/components/Pager/index.js +0 -118
- package/dist/components/Pager/index.js.map +0 -1
- package/dist/components/Pager/styles.d.ts +0 -3
- package/dist/components/Pager/styles.js.map +0 -1
- package/dist/components/Pager/types.d.ts +0 -27
- package/dist/components/Pager/types.js.map +0 -1
- package/dist/components/TextInput/mask.d.ts +0 -5
- package/dist/components/TextInput/mask.js +0 -110
- package/dist/components/TextInput/mask.js.map +0 -1
- package/dist/lib/deprecated/OSAlert.d.ts +0 -38
- package/dist/lib/deprecated/OSAlert.js +0 -139
- package/dist/lib/deprecated/OSAlert.js.map +0 -1
- package/dist/lib/deprecated/index.d.ts +0 -1
- package/dist/lib/deprecated/index.js +0 -22
- package/dist/lib/deprecated/index.js.map +0 -1
- package/dist/lib/hooks/useInfiniteScroll.d.ts +0 -22
- package/dist/lib/hooks/useInfiniteScroll.js +0 -98
- package/dist/lib/hooks/useInfiniteScroll.js.map +0 -1
- package/src/components/Grid/index.tsx +0 -126
- package/src/components/Grid/styles.ts +0 -3
- package/src/components/Grid/types.ts +0 -13
- package/src/components/List/ListLayout.tsx +0 -87
- package/src/components/Pager/index.tsx +0 -156
- package/src/components/Pager/types.ts +0 -35
- package/src/components/TextInput/mask.tsx +0 -117
- package/src/lib/deprecated/OSAlert.tsx +0 -200
- package/src/lib/deprecated/index.ts +0 -6
- package/src/lib/hooks/useInfiniteScroll.ts +0 -77
- /package/dist/components/{Grid → Carousel}/styles.js +0 -0
- /package/dist/components/{Grid → Carousel}/types.js +0 -0
- /package/dist/components/{Pager → MaskedTextInput}/types.js +0 -0
|
@@ -1,22 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useTextInput =
|
|
3
|
+
exports.useTextInput = useTextInput;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var types_1 = require("@codeleap/types");
|
|
6
|
-
var mask_1 = require("./mask");
|
|
7
6
|
var useInputBase_1 = require("../InputBase/useInputBase");
|
|
8
7
|
var form_1 = require("@codeleap/form");
|
|
9
8
|
function useTextInput(props) {
|
|
10
9
|
var _a;
|
|
11
|
-
var onFocus = props.onFocus, onBlur = props.onBlur, field = props.field,
|
|
10
|
+
var onFocus = props.onFocus, onBlur = props.onBlur, field = props.field, isMultiline = props.multiline, forceError = props.forceError, value = props.value, onValueChange = props.onValueChange, onChangeText = props.onChangeText, providedRows = props.rows;
|
|
12
11
|
var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
|
|
13
12
|
var _c = (0, react_1.useState)(true), secureTextEntry = _c[0], setSecureTextEntry = _c[1];
|
|
14
13
|
var toggleSecureTextEntry = function () { return setSecureTextEntry(function (s) { return !s; }); };
|
|
15
|
-
var
|
|
16
|
-
var maskProps = (0, react_1.useMemo)(function () {
|
|
17
|
-
return isMasked ? (0, mask_1.getMaskInputProps)({ masking: masking }) : null;
|
|
18
|
-
}, [masking]);
|
|
19
|
-
var _d = (0, useInputBase_1.useInputBase)(field, form_1.fields.text, { value: value, onValueChange: onValueChange }, {
|
|
14
|
+
var _d = (0, useInputBase_1.useInputBase)(field, form_1.fields.text, { value: value, onValueChange: onValueChange !== null && onValueChange !== void 0 ? onValueChange : onChangeText }, {
|
|
20
15
|
revealValue: function () {
|
|
21
16
|
setSecureTextEntry(false);
|
|
22
17
|
},
|
|
@@ -39,20 +34,17 @@ function useTextInput(props) {
|
|
|
39
34
|
}, [onFocus]);
|
|
40
35
|
var handleChange = (0, react_1.useCallback)(function (event) {
|
|
41
36
|
var _a;
|
|
37
|
+
if (types_1.TypeGuards.isFunction(onChangeText))
|
|
38
|
+
return onChangeText(event);
|
|
42
39
|
var inputValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
: inputValue;
|
|
46
|
-
onInputValueChange(value);
|
|
47
|
-
}, [onInputValueChange]);
|
|
40
|
+
onInputValueChange(inputValue);
|
|
41
|
+
}, [onInputValueChange, onChangeText]);
|
|
48
42
|
var rows = providedRows !== null && providedRows !== void 0 ? providedRows : (isMultiline ? 2 : undefined);
|
|
49
43
|
var hasMultipleLines = isMultiline && (((_a = String(inputValue)) === null || _a === void 0 ? void 0 : _a.includes('\n')) || !!rows);
|
|
50
44
|
var hasError = (validation === null || validation === void 0 ? void 0 : validation.showError) || forceError;
|
|
51
45
|
var errorMessage = (validation === null || validation === void 0 ? void 0 : validation.message) || forceError;
|
|
52
46
|
return {
|
|
53
|
-
maskProps: maskProps,
|
|
54
47
|
isMultiline: isMultiline,
|
|
55
|
-
isMasked: isMasked,
|
|
56
48
|
isFocused: isFocused,
|
|
57
49
|
secureTextEntry: secureTextEntry,
|
|
58
50
|
handleBlur: handleBlur,
|
|
@@ -70,5 +62,4 @@ function useTextInput(props) {
|
|
|
70
62
|
onInputValueChange: onInputValueChange,
|
|
71
63
|
};
|
|
72
64
|
}
|
|
73
|
-
exports.useTextInput = useTextInput;
|
|
74
65
|
//# sourceMappingURL=useTextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/useTextInput.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/useTextInput.ts"],"names":[],"mappings":";;AAMA,oCAqFC;AA3FD,+BAAoD;AAEpD,yCAA4C;AAC5C,0DAAwD;AACxD,uCAAuC;AAEvC,SAAgB,YAAY,CAAC,KAA8B;;IAEvD,IAAA,OAAO,GASL,KAAK,QATA,EACP,MAAM,GAQJ,KAAK,OARD,EACN,KAAK,GAOH,KAAK,MAPF,EACM,WAAW,GAMpB,KAAK,UANe,EACtB,UAAU,GAKR,KAAK,WALG,EACV,KAAK,GAIH,KAAK,MAJF,EACL,aAAa,GAGX,KAAK,cAHM,EACb,YAAY,GAEV,KAAK,aAFK,EACN,YAAY,GAChB,KAAK,KADW,CACX;IAEH,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAE3C,IAAA,KAAwC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArD,eAAe,QAAA,EAAE,kBAAkB,QAAkB,CAAA;IAE5D,IAAM,qBAAqB,GAAG,cAAM,OAAA,kBAAkB,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAA3B,CAA2B,CAAA;IAEzD,IAAA,KAOF,IAAA,2BAAY,EACd,KAAK,EACL,aAAM,CAAC,IAAI,EACX,EAAE,KAAK,OAAA,EAAE,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,YAAmB,EAAE,EAC9D;QACA,WAAW;YACT,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC;QACD,SAAS;YACP,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC;QACD,qBAAqB;YACnB,qBAAqB,EAAE,CAAA;QACzB,CAAC;KACF,EAAE,CAAC,kBAAkB,CAAC,CAAC,EApBtB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,UAAU,gBAeY,CAAA;IAExB,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,UAAC,CAA8C;;QAC5E,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,0DAAI,CAAA;QAC9B,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IAExC,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,UAAC,CAA8C;QAC7E,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,KAA0C;;QAC1E,IAAI,kBAAU,CAAC,UAAU,CAAC,YAAY,CAAC;YAAE,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;QACnE,IAAM,UAAU,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAA;QACvC,kBAAkB,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAA;IAEtC,IAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAE1D,IAAM,gBAAgB,GAAG,WAAW,IAAI,CAAC,CAAA,MAAA,MAAM,CAAC,UAAU,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC,IAAI,CAAC,CAAA;IAEtF,IAAM,QAAQ,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,UAAU,CAAA;IAEpD,IAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,KAAI,UAAU,CAAA;IAEtD,OAAO;QACL,WAAW,aAAA;QACX,SAAS,WAAA;QACT,eAAe,iBAAA;QACf,UAAU,YAAA;QACV,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,WAAW,aAAA;QACX,UAAU,YAAA;QACV,aAAa,eAAA;QACb,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,qBAAqB,uBAAA;QACrB,gBAAgB,kBAAA;QAChB,QAAQ,UAAA;QACR,UAAU,EAAE,UAAU,IAAI,EAAE;QAC5B,kBAAkB,oBAAA;KACnB,CAAA;AACH,CAAC"}
|
|
@@ -7,6 +7,6 @@ export declare const Tooltip: {
|
|
|
7
7
|
styleRegistryName: string;
|
|
8
8
|
elements: string[];
|
|
9
9
|
rootElement: string;
|
|
10
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TooltipProps,
|
|
10
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TooltipProps, typeof styles>) => IJSX;
|
|
11
11
|
defaultProps: Partial<TooltipProps>;
|
|
12
12
|
};
|
|
@@ -103,7 +103,7 @@ var Tooltip = function (props) {
|
|
|
103
103
|
}, [triggerRef]);
|
|
104
104
|
return ((0, jsx_runtime_1.jsx)(react_tooltip_1.Provider, __assign({}, providerProps, { children: (0, jsx_runtime_1.jsxs)(react_tooltip_1.Root, __assign({ delayDuration: delayDuration, open: visible, onOpenChange: onOpenChange }, rest, { children: [(0, jsx_runtime_1.jsx)(react_tooltip_1.Trigger, __assign({ onClick: _onPress, onMouseEnter: function () { return _onHover('enter'); }, onMouseLeave: function () { return _onHover('leave'); }, asChild: true, ref: triggerRef }, triggerProps, {
|
|
105
105
|
//@ts-expect-error
|
|
106
|
-
css: styles.triggerWrapper
|
|
106
|
+
css: styles.triggerWrapper, children: (0, jsx_runtime_1.jsx)(TriggerWrapper, __assign({}, allProps, triggerWrapperProps, { css: styles.triggerInnerWrapper, children: children })) })), (0, jsx_runtime_1.jsx)(react_tooltip_1.Portal, __assign({}, portalProps, { children: (0, jsx_runtime_1.jsxs)(react_tooltip_1.Content, __assign({ ref: contentRef, css: [tooltipDirectionStyle, styles.content], sideOffset: 2, side: side }, contentProps, { children: [types_1.TypeGuards.isFunction(Content)
|
|
107
107
|
? (0, jsx_runtime_1.jsx)(Content, __assign({}, allProps, { visible: visible, toggle: toggle, variantsStyles: styles }))
|
|
108
108
|
: Content, (0, jsx_runtime_1.jsx)(react_tooltip_1.Arrow, __assign({}, arrowProps, {
|
|
109
109
|
//@ts-expect-error icss type
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yDAOgC;AAChC,yCAAqD;AACrD,yCAA4C;AAC5C,gCAA8B;AAC9B,iCAAkD;AAClD,+DAA6D;AAG7D,6DAA2D;AAE3D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,OAAO,GAAG,UAAC,KAAmB;IACzC,IAAM,QAAQ,yBACT,eAAO,CAAC,YAAY,GACpB,KAAK,CACT,CAAA;IAGC,IAAQ,OAAO,GAwBb,QAAQ,OAxBK,EACN,QAAQ,GAuBf,QAAQ,QAvBO,EACjB,QAAQ,GAsBN,QAAQ,SAtBF,EACC,OAAO,GAqBd,QAAQ,QArBM,EAChB,mBAAmB,GAoBjB,QAAQ,oBApBS,EACH,cAAc,GAmB5B,QAAQ,eAnBoB,EAC9B,IAAI,GAkBF,QAAQ,KAlBN,EACJ,QAAQ,GAiBN,QAAQ,SAjBF,EACR,aAAa,GAgBX,QAAQ,cAhBG,EACb,WAAW,GAeT,QAAQ,YAfC,EACX,WAAW,GAcT,QAAQ,YAdC,EACX,MAAM,GAaJ,QAAQ,OAbJ,EACN,OAAO,GAYL,QAAQ,QAZH,EACP,aAAa,GAWX,QAAQ,cAXG,EACb,OAAO,GAUL,QAAQ,QAVH,EACP,OAAO,GASL,QAAQ,QATH,EACP,YAAY,GAQV,QAAQ,aARE,EACZ,WAAW,GAOT,QAAQ,YAPC,EACX,UAAU,GAMR,QAAQ,WANA,EACV,YAAY,GAKV,QAAQ,aALE,EACZ,aAAa,GAIX,QAAQ,cAJG,EACb,mBAAmB,GAGjB,QAAQ,oBAHS,EACnB,KAAK,GAEH,QAAQ,MAFL,EACF,IAAI,UACL,QAAQ,EAzBN,kUAyBL,CADQ,CACG;IAEZ,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,eAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEvD,IAAA,KAAoB,IAAA,2BAAmB,EAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAlF,OAAO,QAAA,EAAE,MAAM,QAAmE,CAAA;IAEzF,IAAM,qBAAqB,GAAG,eAAK,CAAC,OAAO,CAAC;QAC1C,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAW,IAAI,CAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;IAC1D,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAElB,SAAS,YAAY,CAAC,MAAe,EAAE,QAAe;QAAf,yBAAA,EAAA,eAAe;QACpD,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,MAAM,KAAK,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ export type TooltipProps = Omit<PrimitiveTooltipProps, 'style'> & Omit<TooltipCo
|
|
|
16
16
|
visible?: boolean;
|
|
17
17
|
content: React.ReactNode | ((props: TooltipProps & {
|
|
18
18
|
variantsStyles: StylesOf<TooltipComposition>;
|
|
19
|
-
}) =>
|
|
19
|
+
}) => React.ReactElement);
|
|
20
20
|
triggerWrapper?: React.ElementType;
|
|
21
21
|
triggerWrapperProps?: Partial<ViewProps>;
|
|
22
22
|
style?: StyledProp<TooltipComposition>;
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
1
2
|
import { TouchableProps } from './types';
|
|
2
|
-
import {
|
|
3
|
+
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
4
|
export * from './styles';
|
|
4
5
|
export * from './types';
|
|
5
|
-
export declare const Touchable:
|
|
6
|
+
export declare const Touchable: {
|
|
7
|
+
(touchableProps: TouchableProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
styleRegistryName: string;
|
|
9
|
+
elements: string[];
|
|
10
|
+
rootElement: string;
|
|
11
|
+
withVariantTypes<S extends AnyRecord>(styles: S): <T extends ElementType = "button">(props: StyledComponentProps<TouchableProps<T>, typeof styles>) => IJSX;
|
|
12
|
+
defaultProps: Partial<TouchableProps>;
|
|
13
|
+
};
|
|
@@ -21,18 +21,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
21
21
|
if (k2 === undefined) k2 = k;
|
|
22
22
|
o[k2] = m[k];
|
|
23
23
|
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
24
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
25
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
26
|
};
|
|
@@ -47,12 +35,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
47
35
|
}
|
|
48
36
|
return t;
|
|
49
37
|
};
|
|
38
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
39
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
40
|
+
};
|
|
50
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
42
|
exports.Touchable = void 0;
|
|
52
43
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
53
44
|
var hooks_1 = require("@codeleap/hooks");
|
|
54
45
|
var types_1 = require("@codeleap/types");
|
|
55
|
-
var react_1 =
|
|
46
|
+
var react_1 = __importDefault(require("react"));
|
|
56
47
|
var lib_1 = require("../../lib");
|
|
57
48
|
var test_1 = require("../../lib/utils/test");
|
|
58
49
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
@@ -60,9 +51,9 @@ var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
|
60
51
|
var logger_1 = require("@codeleap/logger");
|
|
61
52
|
__exportStar(require("./styles"), exports);
|
|
62
53
|
__exportStar(require("./types"), exports);
|
|
63
|
-
|
|
54
|
+
var Touchable = function (touchableProps) {
|
|
64
55
|
var allProps = __assign(__assign({}, exports.Touchable.defaultProps), touchableProps);
|
|
65
|
-
var propagate = allProps.propagate, debounce = allProps.debounce, leadingDebounce = allProps.leadingDebounce, setPressed = allProps.setPressed, component = allProps.component, disabled = allProps.disabled, onPress = allProps.onPress, onClick = allProps.onClick, debugName = allProps.debugName, debugComponent = allProps.debugComponent, style = allProps.style, analyticsEnabled = allProps.analyticsEnabled, analyticsName = allProps.analyticsName, analyticsData = allProps.analyticsData, props = __rest(allProps, ["propagate", "debounce", "leadingDebounce", "setPressed", "component", "disabled", "onPress", "onClick", "debugName", "debugComponent", "style", "analyticsEnabled", "analyticsName", "analyticsData"]);
|
|
56
|
+
var propagate = allProps.propagate, debounce = allProps.debounce, leadingDebounce = allProps.leadingDebounce, setPressed = allProps.setPressed, component = allProps.component, disabled = allProps.disabled, onPress = allProps.onPress, onClick = allProps.onClick, debugName = allProps.debugName, debugComponent = allProps.debugComponent, style = allProps.style, analyticsEnabled = allProps.analyticsEnabled, analyticsName = allProps.analyticsName, analyticsData = allProps.analyticsData, ref = allProps.ref, props = __rest(allProps, ["propagate", "debounce", "leadingDebounce", "setPressed", "component", "disabled", "onPress", "onClick", "debugName", "debugComponent", "style", "analyticsEnabled", "analyticsName", "analyticsData", "ref"]);
|
|
66
57
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.Touchable.styleRegistryName, style);
|
|
67
58
|
var pressed = react_1.default.useRef(!!leadingDebounce);
|
|
68
59
|
(0, hooks_1.onMount)(function () {
|
|
@@ -112,10 +103,9 @@ exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
|
112
103
|
}
|
|
113
104
|
};
|
|
114
105
|
var testId = (0, test_1.getTestId)(allProps);
|
|
115
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { onClick: handleClick, onKeyDown: handleClick, ref: ref,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
});
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { onClick: handleClick, onKeyDown: handleClick, ref: ref, css: [styles.wrapper, disabled && styles['wrapper:disabled']], "data-testid": testId })));
|
|
107
|
+
};
|
|
108
|
+
exports.Touchable = Touchable;
|
|
119
109
|
exports.Touchable.styleRegistryName = 'Touchable';
|
|
120
110
|
exports.Touchable.elements = ['wrapper'];
|
|
121
111
|
exports.Touchable.rootElement = 'wrapper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAyC;AACzC,yCAA4C;AAC5C,gDAAqF;AACrF,iCAA2C;AAC3C,6CAAgD;AAEhD,6DAA2D;AAC3D,+DAA6D;AAE7D,2CAAyC;AAEzC,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,SAAS,GAAG,UAAC,cAA8B;IACtD,IAAM,QAAQ,yBACT,iBAAS,CAAC,YAAY,GACtB,cAAc,CAClB,CAAA;IAGC,IAAA,SAAS,GAgBP,QAAQ,UAhBD,EACT,QAAQ,GAeN,QAAQ,SAfF,EACR,eAAe,GAcb,QAAQ,gBAdK,EACf,UAAU,GAaR,QAAQ,WAbA,EACV,SAAS,GAYP,QAAQ,UAZD,EACT,QAAQ,GAWN,QAAQ,SAXF,EACR,OAAO,GAUL,QAAQ,QAVH,EACP,OAAO,GASL,QAAQ,QATH,EACP,SAAS,GAQP,QAAQ,UARD,EACT,cAAc,GAOZ,QAAQ,eAPI,EACd,KAAK,GAMH,QAAQ,MANL,EACL,gBAAgB,GAKd,QAAQ,iBALM,EAChB,aAAa,GAIX,QAAQ,cAJG,EACb,aAAa,GAGX,QAAQ,cAHG,EACb,GAAG,GAED,QAAQ,IAFP,EACA,KAAK,UACN,QAAQ,EAjBN,8MAiBL,CADS,CACE;IAEZ,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,iBAAS,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE/D,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA;IAE/C,IAAA,eAAO,EAAC;QACN,IAAI,CAAC,CAAC,eAAe,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;YACpC,UAAU,CAAC;gBACT,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YACzB,CAAC,EAAE,QAAQ,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAM,SAAS,GAAQ,SAAwE,CAAA;IAE/F,IAAM,YAAY,GAAG,CAAC,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEvF,IAAM,WAAW,GAAG,UAAC,KAAK;QACxB,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,CAAC,SAAS;YAAE,IAAA,qBAAe,EAAC,KAAK,CAAC,CAAA;QAEtC,IAAI,YAAY;YAAE,OAAM;QAExB,IAAM,QAAQ,GAAG;YACf,IAAI,KAAK,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,OAAO,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,MAAK,EAAE,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,MAAK,OAAO,CAAC;gBAAE,OAAO,IAAI,CAAA;YAEtG,eAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,cAAc,gBAAA,EAAE,CAC9B,CAAA;YAED,0BAA0B;YAC1B,4CAA4C;YAC5C,4BAA4B;YAC5B,yDAAyD;YACzD,MAAM;YACN,IAAI;YAEJ,IAAI,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC;gBAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;YACpD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;QACb,CAAC,CAAA;QAED,IAAI,kBAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAM;YACR,CAAC;YACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,CAAA;YAClB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;YACtB,QAAQ,EAAE,CAAA;YACV,UAAU,CAAC;gBACT,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,KAAK,CAAC,CAAA;gBACnB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YACzB,CAAC,EAAE,QAAQ,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,gBAAS,EAAC,QAAQ,CAAC,CAAA;IAElC,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC,iBAChD,MAAM,IACnB,CACH,CAAA;AACH,CAAC,CAAA;AA/FY,QAAA,SAAS,aA+FrB;AAED,iBAAS,CAAC,iBAAiB,GAAG,WAAW,CAAA;AACzC,iBAAS,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAChC,iBAAS,CAAC,WAAW,GAAG,SAAS,CAAA;AAEjC,iBAAS,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC1D,OAAO,iBAAsH,CAAA;AAC/H,CAAC,CAAA;AAED,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,KAAK;IAChB,gBAAgB,EAAE,KAAK;IACvB,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,EAAE;IACjB,QAAQ,EAAE,CAAC;CACe,CAAA;AAE5B,mCAAgB,CAAC,iBAAiB,CAAC,iBAAS,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AnyFunction } from '@codeleap/types';
|
|
2
|
-
import { ComponentPropsWithRef, ElementType } from 'react';
|
|
2
|
+
import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
|
|
3
3
|
import { TouchableComposition } from './styles';
|
|
4
4
|
import { AnyRecord, StyledProp } from '@codeleap/styles';
|
|
5
5
|
export type TouchableProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithRef<T>, 'style'> & {
|
|
@@ -16,4 +16,5 @@ export type TouchableProps<T extends ElementType = 'button'> = Omit<ComponentPro
|
|
|
16
16
|
analyticsEnabled?: boolean;
|
|
17
17
|
analyticsName?: string;
|
|
18
18
|
analyticsData?: Record<string, any>;
|
|
19
|
+
children?: ReactNode;
|
|
19
20
|
};
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
1
2
|
import { ViewProps } from './types';
|
|
2
|
-
import {
|
|
3
|
+
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
4
|
export * from './styles';
|
|
4
5
|
export * from './types';
|
|
5
|
-
export declare const View:
|
|
6
|
+
export declare const View: {
|
|
7
|
+
(viewProps: ViewProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
styleRegistryName: string;
|
|
9
|
+
elements: string[];
|
|
10
|
+
rootElement: string;
|
|
11
|
+
withVariantTypes<S extends AnyRecord>(styles: S): <T extends ElementType = "div">(props: StyledComponentProps<ViewProps<T>, typeof styles>) => IJSX;
|
|
12
|
+
defaultProps: Partial<ViewProps>;
|
|
13
|
+
};
|
|
@@ -39,17 +39,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
exports.View = void 0;
|
|
40
40
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
41
41
|
var types_1 = require("@codeleap/types");
|
|
42
|
-
var react_1 = require("react");
|
|
43
|
-
var framer_motion_1 = require("framer-motion");
|
|
42
|
+
var react_1 = require("motion/react");
|
|
44
43
|
var test_1 = require("../../lib/utils/test");
|
|
45
44
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
46
45
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
47
46
|
__exportStar(require("./styles"), exports);
|
|
48
47
|
__exportStar(require("./types"), exports);
|
|
49
|
-
|
|
50
|
-
var _a = __assign(__assign({}, exports.View.defaultProps), viewProps), component = _a.component, children = _a.children, is = _a.is, not = _a.not, up = _a.up, onHover = _a.onHover, debugName = _a.debugName, down = _a.down, style = _a.style, animated = _a.animated, animatedProps = _a.animatedProps, props = __rest(_a, ["component", "children", "is", "not", "up", "onHover", "debugName", "down", "style", "animated", "animatedProps"]);
|
|
48
|
+
var View = function (viewProps) {
|
|
49
|
+
var _a = __assign(__assign({}, exports.View.defaultProps), viewProps), component = _a.component, children = _a.children, is = _a.is, not = _a.not, up = _a.up, onHover = _a.onHover, debugName = _a.debugName, down = _a.down, style = _a.style, animated = _a.animated, animatedProps = _a.animatedProps, ref = _a.ref, props = __rest(_a, ["component", "children", "is", "not", "up", "onHover", "debugName", "down", "style", "animated", "animatedProps", "ref"]);
|
|
51
50
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.View.styleRegistryName, style);
|
|
52
|
-
var Component = animated ? ((
|
|
51
|
+
var Component = animated ? ((react_1.motion === null || react_1.motion === void 0 ? void 0 : react_1.motion[component]) || react_1.motion.div) : (component || 'div');
|
|
53
52
|
function handleHover(isMouseOverElement) {
|
|
54
53
|
onHover === null || onHover === void 0 ? void 0 : onHover(isMouseOverElement);
|
|
55
54
|
}
|
|
@@ -58,8 +57,9 @@ exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
|
|
|
58
57
|
onMouseLeave: function () { return handleHover(false); },
|
|
59
58
|
};
|
|
60
59
|
var testId = (0, test_1.getTestId)(viewProps);
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, hoverProps, props, animatedProps, { ref: ref, "data-testid": testId, css: styles.wrapper
|
|
62
|
-
}
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, hoverProps, props, animatedProps, { ref: ref, "data-testid": testId, css: styles.wrapper, children: children })));
|
|
61
|
+
};
|
|
62
|
+
exports.View = View;
|
|
63
63
|
exports.View.styleRegistryName = 'View';
|
|
64
64
|
exports.View.elements = ['wrapper'];
|
|
65
65
|
exports.View.rootElement = 'wrapper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAE5C,sCAAqC;AAErC,6CAAgD;AAChD,6DAA2D;AAC3D,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,IAAI,GAAG,UAAC,SAAoB;IACvC,IAAM,2BAeD,YAAI,CAAC,YAAY,GACjB,SAAS,CACb,EAhBC,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,GAAG,SAAA,EACH,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,GAAG,SAAA,EACA,KAAK,cAbJ,yHAcL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAQ,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA,cAAM,aAAN,cAAM,uBAAN,cAAM,CAAG,SAAmB,CAAC,KAAI,cAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,CAAA;IAEtG,SAAS,WAAW,CAAC,kBAA2B;QAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,kBAAkB,CAAC,CAAA;IAC/B,CAAC;IAED,IAAM,UAAU,GAAG,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;QACnD,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB;QACrC,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB;KACvC,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,gBAAS,EAAC,SAAS,CAAC,CAAA;IAEnC,OAAO,CACL,uBAAC,SAAS,eACJ,UAAU,EACV,KAAK,EACL,aAAa,IACjB,GAAG,EAAE,GAAG,iBACK,MAAM,EACnB,GAAG,EAAE,MAAM,CAAC,OAAO,YAElB,QAAQ,IACC,CACb,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,IAAI,QA+ChB;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,YAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAAyG,CAAA;AAClH,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CACM,CAAA;AAEvB,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TargetAndTransition, MotionProps } from 'motion/react';
|
|
2
2
|
import { AnyRecord, StyledProp } from '@codeleap/styles';
|
|
3
3
|
import { ViewComposition } from './styles';
|
|
4
4
|
import { ComponentPropsWithRef, ElementType } from 'react';
|
|
5
|
-
export type ViewProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithRef<T>, 'style'> & Omit<
|
|
5
|
+
export type ViewProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithRef<T>, 'style' | 'children'> & Omit<TargetAndTransition, 'style' | 'children'> & {
|
|
6
6
|
component?: ElementType<AnyRecord>;
|
|
7
7
|
debugName?: string;
|
|
8
8
|
is?: any;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VirtualListProps, VirtualListContextValue } from './types';
|
|
2
|
+
export declare function VirtualListProvider<T>(listProps: React.PropsWithChildren<VirtualListProps<T>>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function useVirtualListContext<T extends (val: VirtualListContextValue<any>) => any>(selector: T): ReturnType<T>;
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
+
if (ar || !(i in from)) {
|
|
27
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
+
ar[i] = from[i];
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
+
};
|
|
33
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
|
+
exports.VirtualListProvider = VirtualListProvider;
|
|
35
|
+
exports.useVirtualListContext = useVirtualListContext;
|
|
36
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
37
|
+
var react_virtual_1 = require("@tanstack/react-virtual");
|
|
38
|
+
var react_1 = require("react");
|
|
39
|
+
var VirtualListContext = (0, react_1.createContext)(null);
|
|
40
|
+
function VirtualListProvider(listProps) {
|
|
41
|
+
var _a;
|
|
42
|
+
var children = listProps.children, estimateSize = listProps.estimateSize, data = listProps.data, hasNextPage = listProps.hasNextPage, fetchNextPage = listProps.fetchNextPage, isFetchingNextPage = listProps.isFetchingNextPage, virtualizerOptions = __rest(listProps, ["children", "estimateSize", "data", "hasNextPage", "fetchNextPage", "isFetchingNextPage"]);
|
|
43
|
+
var scrollRef = (0, react_1.useRef)(null);
|
|
44
|
+
var listLength = (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0;
|
|
45
|
+
var virtualizerItemCount = hasNextPage ? listLength + 1 : listLength;
|
|
46
|
+
var paginationIndicatorIndex = hasNextPage ? virtualizerItemCount - 1 : null;
|
|
47
|
+
var lastItemIndex = hasNextPage ? virtualizerItemCount - 2 : virtualizerItemCount - 1;
|
|
48
|
+
var virtualizer = (0, react_virtual_1.useVirtualizer)(__assign(__assign({ gap: 16, overscan: 5 }, virtualizerOptions), { count: virtualizerItemCount, getScrollElement: function () { return scrollRef.current; }, estimateSize: function (index) {
|
|
49
|
+
if (index === paginationIndicatorIndex) {
|
|
50
|
+
return 100;
|
|
51
|
+
}
|
|
52
|
+
var item = data === null || data === void 0 ? void 0 : data[index];
|
|
53
|
+
return item && estimateSize ? estimateSize(item) : 100;
|
|
54
|
+
} }));
|
|
55
|
+
var loadNextPage = (0, react_1.useCallback)(function () {
|
|
56
|
+
var items = virtualizer.getVirtualItems();
|
|
57
|
+
var _a = __spreadArray([], items, true).reverse(), _ = _a[0], lastItem = _a[1];
|
|
58
|
+
if (!lastItem) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
if (lastItem.index >= data.length - 1 &&
|
|
62
|
+
hasNextPage &&
|
|
63
|
+
!isFetchingNextPage) {
|
|
64
|
+
fetchNextPage === null || fetchNextPage === void 0 ? void 0 : fetchNextPage();
|
|
65
|
+
}
|
|
66
|
+
}, [
|
|
67
|
+
virtualizer.getVirtualItems(),
|
|
68
|
+
data === null || data === void 0 ? void 0 : data.length,
|
|
69
|
+
hasNextPage,
|
|
70
|
+
isFetchingNextPage,
|
|
71
|
+
fetchNextPage,
|
|
72
|
+
]);
|
|
73
|
+
var contextValue = {
|
|
74
|
+
virtualizer: virtualizer,
|
|
75
|
+
loadNextPage: loadNextPage,
|
|
76
|
+
scrollRef: scrollRef,
|
|
77
|
+
virtualizerItemCount: virtualizerItemCount,
|
|
78
|
+
paginationIndicatorIndex: paginationIndicatorIndex,
|
|
79
|
+
lastItemIndex: lastItemIndex,
|
|
80
|
+
list: {
|
|
81
|
+
data: data,
|
|
82
|
+
hasNextPage: hasNextPage,
|
|
83
|
+
fetchNextPage: fetchNextPage,
|
|
84
|
+
isFetchingNextPage: isFetchingNextPage,
|
|
85
|
+
},
|
|
86
|
+
};
|
|
87
|
+
return (0, jsx_runtime_1.jsx)(VirtualListContext, { value: contextValue, children: children });
|
|
88
|
+
}
|
|
89
|
+
function useVirtualListContext(selector) {
|
|
90
|
+
var context = (0, react_1.use)(VirtualListContext);
|
|
91
|
+
return selector(context);
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/VirtualList/context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare function createVirtualList<T>(): {
|
|
2
|
+
Provider: (listProps: import("react").PropsWithChildren<import("./types").VirtualListProps<T>>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
Container: import("react").MemoExoticComponent<(props: import("./types").VirtualListContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
|
|
4
|
+
Items: import("react").MemoExoticComponent<(props: import("./types").VirtualListItemsProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element>;
|
|
5
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createVirtualList = createVirtualList;
|
|
4
|
+
var list_1 = require("./list");
|
|
5
|
+
var context_1 = require("./context");
|
|
6
|
+
var react_1 = require("react");
|
|
7
|
+
function createVirtualList() {
|
|
8
|
+
return {
|
|
9
|
+
Provider: (context_1.VirtualListProvider),
|
|
10
|
+
Container: (0, react_1.memo)(list_1.VirtualListContainer),
|
|
11
|
+
Items: (0, react_1.memo)((list_1.VirtualListItems)),
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VirtualList/index.tsx"],"names":[],"mappings":";;AAIA,8CAMC;AAVD,+BAA+D;AAC/D,qCAA+C;AAC/C,+BAA4B;AAE5B,SAAgB,iBAAiB;IAC/B,OAAO;QACL,QAAQ,EAAE,CAAA,6BAAsB,CAAA;QAChC,SAAS,EAAE,IAAA,YAAI,EAAC,2BAAoB,CAAC;QACrC,KAAK,EAAE,IAAA,YAAI,EAAC,CAAA,uBAAmB,CAAA,CAAC;KACjC,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VirtualListItemsProps, VirtualListContainerProps } from './types';
|
|
2
|
+
export declare function VirtualListItems<T>(props: VirtualListItemsProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const VirtualListContainer: (props: VirtualListContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.VirtualListContainer = void 0;
|
|
49
|
+
exports.VirtualListItems = VirtualListItems;
|
|
50
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
51
|
+
var context_1 = require("./context");
|
|
52
|
+
var react_1 = __importStar(require("react"));
|
|
53
|
+
var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
|
|
54
|
+
function VirtualListItems(props) {
|
|
55
|
+
var Item = props.renderItem, _a = props.ListFooterComponent, ListFooterComponent = _a === void 0 ? function () { return null; } : _a;
|
|
56
|
+
var virtualizer = (0, context_1.useVirtualListContext)(function (v) { return v.virtualizer; });
|
|
57
|
+
var listItems = (0, context_1.useVirtualListContext)(function (v) { return v.list.data; });
|
|
58
|
+
var paginationIndicatorIndex = (0, context_1.useVirtualListContext)(function (v) { return v.paginationIndicatorIndex; });
|
|
59
|
+
var getNextPage = (0, context_1.useVirtualListContext)(function (v) { return v.loadNextPage; });
|
|
60
|
+
var items = virtualizer.getVirtualItems();
|
|
61
|
+
(0, react_1.useEffect)(function () {
|
|
62
|
+
getNextPage();
|
|
63
|
+
}, [getNextPage]);
|
|
64
|
+
var ItemWrapper = (0, react_1.useCallback)(function (props) {
|
|
65
|
+
var item = props.item, children = props.children;
|
|
66
|
+
return (0, jsx_runtime_1.jsx)("div", { style: {
|
|
67
|
+
position: 'absolute',
|
|
68
|
+
top: 0,
|
|
69
|
+
left: 0,
|
|
70
|
+
width: '100%',
|
|
71
|
+
transform: "translateY(".concat(item.start, "px)"),
|
|
72
|
+
}, ref: virtualizer.measureElement, "data-index": item.index, children: children });
|
|
73
|
+
}, [virtualizer.measureElement]);
|
|
74
|
+
var renderItem = (0, react_1.useCallback)(function (item) {
|
|
75
|
+
var data = listItems[item.index];
|
|
76
|
+
var isPaginationIndicator = item.index === paginationIndicatorIndex;
|
|
77
|
+
if (isPaginationIndicator) {
|
|
78
|
+
return (0, jsx_runtime_1.jsx)(ItemWrapper, { item: item, children: (0, jsx_runtime_1.jsx)(ListFooterComponent, {}) }, item.key);
|
|
79
|
+
}
|
|
80
|
+
return (0, jsx_runtime_1.jsx)(ItemWrapper, { item: item, children: (0, jsx_runtime_1.jsx)(Item, { index: item.index, item: data }) }, item.key);
|
|
81
|
+
}, [Item, ItemWrapper, listItems, ListFooterComponent, paginationIndicatorIndex]);
|
|
82
|
+
var containerStyle = (0, react_1.useMemo)(function () { return ({
|
|
83
|
+
height: "".concat(virtualizer.getTotalSize(), "px"),
|
|
84
|
+
width: '100%',
|
|
85
|
+
position: 'relative',
|
|
86
|
+
}); }, [virtualizer.getTotalSize()]);
|
|
87
|
+
return (0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: items.map(renderItem) });
|
|
88
|
+
}
|
|
89
|
+
var VirtualListContainer = function (props) {
|
|
90
|
+
var children = props.children, placeholder = props.placeholder, rest = __rest(props, ["children", "placeholder"]);
|
|
91
|
+
var scrollRef = (0, context_1.useVirtualListContext)(function (ctx) { return ctx.scrollRef; });
|
|
92
|
+
var totalItemCount = (0, context_1.useVirtualListContext)(function (ctx) { var _a, _b; return (_b = (_a = ctx.list) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length; });
|
|
93
|
+
if (!totalItemCount || totalItemCount <= 0) {
|
|
94
|
+
if (react_1.default.isValidElement(placeholder)) {
|
|
95
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder });
|
|
96
|
+
}
|
|
97
|
+
return (0, jsx_runtime_1.jsx)(EmptyPlaceholder_1.EmptyPlaceholder, __assign({}, placeholder));
|
|
98
|
+
}
|
|
99
|
+
return (0, jsx_runtime_1.jsx)("div", __assign({ ref: scrollRef }, rest, { children: children }));
|
|
100
|
+
};
|
|
101
|
+
exports.VirtualListContainer = VirtualListContainer;
|
|
102
|
+
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/VirtualList/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { PartialKeys, Virtualizer, VirtualizerOptions } from '@tanstack/react-virtual';
|
|
2
|
+
import { ReactElement } from 'react';
|
|
3
|
+
import { AnyFunction, PropsOf } from '@codeleap/types';
|
|
4
|
+
import { EmptyPlaceholder } from '../EmptyPlaceholder';
|
|
5
|
+
type VirtualListItem<T> = {
|
|
6
|
+
item: T;
|
|
7
|
+
index: number;
|
|
8
|
+
};
|
|
9
|
+
type VirtualOptions = PartialKeys<VirtualizerOptions<HTMLDivElement, Element>, "observeElementRect" | "observeElementOffset" | "scrollToFn">;
|
|
10
|
+
export type VirtualListProps<T> = Partial<Omit<VirtualOptions, 'estimateSize' | 'data'>> & {
|
|
11
|
+
data: T[];
|
|
12
|
+
fetchNextPage?: AnyFunction;
|
|
13
|
+
isFetchingNextPage?: boolean;
|
|
14
|
+
hasNextPage?: boolean;
|
|
15
|
+
estimateSize?: (item: T) => number;
|
|
16
|
+
};
|
|
17
|
+
export type VirtualListContextValue<T> = {
|
|
18
|
+
virtualizer: Virtualizer<HTMLDivElement, Element>;
|
|
19
|
+
scrollRef: React.RefObject<HTMLDivElement>;
|
|
20
|
+
loadNextPage: () => void;
|
|
21
|
+
list: Pick<VirtualListProps<T>, 'data' | 'fetchNextPage' | 'isFetchingNextPage' | 'hasNextPage'>;
|
|
22
|
+
virtualizerItemCount: number;
|
|
23
|
+
paginationIndicatorIndex: number | null;
|
|
24
|
+
lastItemIndex: number;
|
|
25
|
+
};
|
|
26
|
+
export type VirtualListItemsProps<T> = {
|
|
27
|
+
renderItem: (data: VirtualListItem<T>) => ReactElement;
|
|
28
|
+
ListFooterComponent?: () => ReactElement;
|
|
29
|
+
};
|
|
30
|
+
export type VirtualListContainerProps = React.PropsWithChildren<React.ComponentPropsWithoutRef<'div'>> & {
|
|
31
|
+
placeholder?: ReactElement | Partial<PropsOf<typeof EmptyPlaceholder>>;
|
|
32
|
+
};
|
|
33
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/VirtualList/types.ts"],"names":[],"mappings":""}
|