@codeleap/web 5.8.20 → 6.0.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/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
|
@@ -26,9 +26,9 @@ export type ColorPickerProps = {
|
|
|
26
26
|
openPickerProps?: ActionIconProps;
|
|
27
27
|
onConfirm?: (color: ColorTypes) => void;
|
|
28
28
|
onClear?: () => void;
|
|
29
|
-
openPickerComponent?: (props: ColorPickerPickerProps) =>
|
|
30
|
-
pickerComponent?: (props: any) =>
|
|
31
|
-
footerComponent?: (props: ColorPickerFooterProps) =>
|
|
29
|
+
openPickerComponent?: (props: ColorPickerPickerProps) => React.ReactElement;
|
|
30
|
+
pickerComponent?: (props: any) => React.ReactElement;
|
|
31
|
+
footerComponent?: (props: ColorPickerFooterProps) => React.ReactElement;
|
|
32
32
|
visible?: boolean;
|
|
33
33
|
toggle?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
34
34
|
children?: React.ReactNode;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
import { StyledComponentWithProps } from '@codeleap/styles';
|
|
2
1
|
import { CropPickerProps } from './types';
|
|
2
|
+
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
3
|
import 'react-image-crop/dist/ReactCrop.css';
|
|
4
4
|
export * from './styles';
|
|
5
5
|
export * from './types';
|
|
6
|
-
export declare const CropPicker:
|
|
6
|
+
export declare const CropPicker: {
|
|
7
|
+
(props: CropPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
styleRegistryName: string;
|
|
9
|
+
elements: string[];
|
|
10
|
+
rootElement: string;
|
|
11
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<CropPickerProps, typeof styles>) => IJSX;
|
|
12
|
+
defaultProps: Partial<CropPickerProps>;
|
|
13
|
+
};
|
|
@@ -38,7 +38,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.CropPicker = void 0;
|
|
40
40
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
41
|
-
var react_1 = require("react");
|
|
42
41
|
var styles_1 = require("@codeleap/styles");
|
|
43
42
|
var lib_1 = require("../../lib");
|
|
44
43
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
@@ -51,8 +50,8 @@ var ReactCrop = require('react-image-crop').Component;
|
|
|
51
50
|
require("react-image-crop/dist/ReactCrop.css");
|
|
52
51
|
__exportStar(require("./styles"), exports);
|
|
53
52
|
__exportStar(require("./types"), exports);
|
|
54
|
-
|
|
55
|
-
var _a = __assign(__assign({}, exports.CropPicker.defaultProps), props), onFileSelect = _a.onFileSelect, targetCrop = _a.targetCrop, modalProps = _a.modalProps, title = _a.title, confirmButton = _a.confirmButton, debugName = _a.debugName, handle = _a.handle, withLoading = _a.withLoading, style = _a.style, confirmButtonProps = _a.confirmButtonProps, fileInputProps = __rest(_a, ["onFileSelect", "targetCrop", "modalProps", "title", "confirmButton", "debugName", "handle", "withLoading", "style", "confirmButtonProps"]);
|
|
53
|
+
var CropPicker = function (props) {
|
|
54
|
+
var _a = __assign(__assign({}, exports.CropPicker.defaultProps), props), onFileSelect = _a.onFileSelect, targetCrop = _a.targetCrop, modalProps = _a.modalProps, title = _a.title, confirmButton = _a.confirmButton, debugName = _a.debugName, handle = _a.handle, withLoading = _a.withLoading, style = _a.style, confirmButtonProps = _a.confirmButtonProps, ref = _a.ref, fileInputProps = __rest(_a, ["onFileSelect", "targetCrop", "modalProps", "title", "confirmButton", "debugName", "handle", "withLoading", "style", "confirmButtonProps", "ref"]);
|
|
56
55
|
var _b = handle || (0, lib_1.useCropPicker)(__assign({ onFileSelect: onFileSelect, ref: ref }, targetCrop)), onConfirmCrop = _b.onConfirmCrop, onFilesReturned = _b.onFilesReturned, onClose = _b.onClose, fileInputRef = _b.fileInputRef, visible = _b.visible, image = _b.image, crop = _b.crop, setRelativeCrop = _b.setRelativeCrop, isLoading = _b.isLoading, handleCropChange = _b.handleCropChange;
|
|
57
56
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.CropPicker.styleRegistryName, style);
|
|
58
57
|
var composition = (0, styles_1.useCompositionStyles)(['confirmButton', 'modal'], styles);
|
|
@@ -60,10 +59,11 @@ exports.CropPicker = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
60
59
|
// @ts-ignore
|
|
61
60
|
, __assign({
|
|
62
61
|
// @ts-ignore
|
|
63
|
-
ref: fileInputRef, onChange: function (files) { return onFilesReturned(files); } }, fileInputProps)), (0, jsx_runtime_1.jsxs)(Modal_1.Modal, __assign({ visible: visible, toggle: onClose, title: title, footer: (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ text: confirmButton, style: composition === null || composition === void 0 ? void 0 : composition.confirmButton, onPress: onConfirmCrop, debugName: debugName }, confirmButtonProps)) }, modalProps, { style: composition === null || composition === void 0 ? void 0 : composition.modal
|
|
64
|
-
// @ts-
|
|
62
|
+
ref: fileInputRef, onChange: function (files) { return onFilesReturned(files); } }, fileInputProps)), (0, jsx_runtime_1.jsxs)(Modal_1.Modal, __assign({ visible: visible, toggle: onClose, title: title, footer: (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ text: confirmButton, style: composition === null || composition === void 0 ? void 0 : composition.confirmButton, onPress: onConfirmCrop, debugName: debugName }, confirmButtonProps)) }, modalProps, { style: composition === null || composition === void 0 ? void 0 : composition.modal, children: [!!(image === null || image === void 0 ? void 0 : image.src) ? ((0, jsx_runtime_1.jsx)(ReactCrop, __assign({ crop: crop, onChange: handleCropChange, onComplete: function (_, relCrop) { return setRelativeCrop(relCrop); } }, targetCrop, { style: styles.previewSize, children: (0, jsx_runtime_1.jsx)("img", { src: image === null || image === void 0 ? void 0 : image.src,
|
|
63
|
+
// @ts-ignore
|
|
65
64
|
css: [styles.cropPreview, styles.previewSize] }) }))) : null, withLoading ? (0, jsx_runtime_1.jsx)(LoadingOverlay_1.LoadingOverlay, { debugName: 'CropPicker', visible: isLoading }) : null] }))] }));
|
|
66
|
-
}
|
|
65
|
+
};
|
|
66
|
+
exports.CropPicker = CropPicker;
|
|
67
67
|
exports.CropPicker.styleRegistryName = 'CropPicker';
|
|
68
68
|
exports.CropPicker.elements = ['previewSize', 'cropPreview', 'confirmButton', 'modal'];
|
|
69
69
|
exports.CropPicker.rootElement = 'previewSize';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CropPicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CropPicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { StyledProp } from '@codeleap/styles';
|
|
2
|
-
import { FileInputProps } from '../FileInput';
|
|
2
|
+
import { FileInputProps, FileInputRef } from '../FileInput';
|
|
3
3
|
import { CropPickerComposition } from './styles';
|
|
4
4
|
import { ReactCropProps } from 'react-image-crop';
|
|
5
5
|
import { ModalProps } from '../Modal';
|
|
6
6
|
import { useCropPicker } from '../../lib';
|
|
7
7
|
import { ButtonProps } from '../Button';
|
|
8
|
+
import { RefObject } from 'react';
|
|
8
9
|
export type BaseCropProps = Partial<ReactCropProps>;
|
|
9
10
|
export type CropPickerProps = Partial<FileInputProps> & {
|
|
10
11
|
style?: StyledProp<CropPickerComposition>;
|
|
@@ -16,5 +17,6 @@ export type CropPickerProps = Partial<FileInputProps> & {
|
|
|
16
17
|
handle?: ReturnType<typeof useCropPicker>;
|
|
17
18
|
withLoading?: boolean;
|
|
18
19
|
confirmButtonProps?: Partial<ButtonProps>;
|
|
20
|
+
ref?: RefObject<FileInputRef | null>;
|
|
19
21
|
};
|
|
20
22
|
export type ImageReading = HTMLImageElement;
|
|
@@ -37,7 +37,7 @@ var DayContent = function (props) {
|
|
|
37
37
|
if (types_1.TypeGuards.isFunction(Component)) {
|
|
38
38
|
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { value: value, disabled: isDisabled, selected: isSelected, styles: styles })));
|
|
39
39
|
}
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View,
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)(View_1.View, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.dayWrapper, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.day, text: String(day) }) }));
|
|
41
41
|
};
|
|
42
42
|
exports.DayContent = DayContent;
|
|
43
43
|
//# sourceMappingURL=DayContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DayContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,yCAA4C;AAE5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAsF;AAU/E,IAAM,UAAU,GAAG,UAAC,KAAY;IAC7B,IAAA,KAAK,GAA8E,KAAK,MAAnF,EAAQ,YAAY,GAA0D,KAAK,KAA/D,EAAE,OAAO,GAAiD,KAAK,QAAtD,EAAE,OAAO,GAAwC,KAAK,QAA7C,EAAE,MAAM,GAAgC,KAAK,OAArC,EAAa,SAAS,GAAU,KAAK,UAAf,EAAE,GAAG,GAAK,KAAK,IAAV,CAAU;IAEhG,IAAM,IAAI,GAAG,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEjE,IAAM,UAAU,GAAG,IAAI,KAAK,SAAS,CAAA;IAErC,IAAM,UAAU,GAAG;QACjB,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;QAC5C,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,OAAO,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;KAC5C,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAEf,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE;QAC7E,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,CAAC,UAAU,IAAI,UAAU;KACpC,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"DayContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DayContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,yCAA4C;AAE5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAsF;AAU/E,IAAM,UAAU,GAAG,UAAC,KAAY;IAC7B,IAAA,KAAK,GAA8E,KAAK,MAAnF,EAAQ,YAAY,GAA0D,KAAK,KAA/D,EAAE,OAAO,GAAiD,KAAK,QAAtD,EAAE,OAAO,GAAwC,KAAK,QAA7C,EAAE,MAAM,GAAgC,KAAK,OAArC,EAAa,SAAS,GAAU,KAAK,UAAf,EAAE,GAAG,GAAK,KAAK,IAAV,CAAU;IAEhG,IAAM,IAAI,GAAG,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEjE,IAAM,UAAU,GAAG,IAAI,KAAK,SAAS,CAAA;IAErC,IAAM,UAAU,GAAG;QACjB,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;QAC5C,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,OAAO,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;KAC5C,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAEf,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE;QAC7E,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,CAAC,UAAU,IAAI,UAAU;KACpC,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACrC,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,IACd,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,YACpC,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI,GACjD,CACR,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,UAAU,cAmCtB"}
|
|
@@ -44,7 +44,7 @@ var Header = function (props) {
|
|
|
44
44
|
? formatHeaderTitle(date)
|
|
45
45
|
: "".concat(month, " ").concat(year);
|
|
46
46
|
var compositionStyles = (0, styles_1.useCompositionStyles)(['prevButton', 'nextButton'], styles);
|
|
47
|
-
return ((0, jsx_runtime_1.jsxs)(components_1.View,
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(components_1.View, { style: styles.wrapper, children: [(0, jsx_runtime_1.jsxs)(components_1.View, { style: styles.buttonsWrapper, children: [(0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'left', style: compositionStyles.prevButton, onPress: decreaseYear, disabled: prevYearButtonDisabled }), (0, jsx_runtime_1.jsx)(components_1.Text, { onPress: function () { return setYearShow(function (curr) { return !curr; }); }, style: styles.title, text: title }), (0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'right', style: compositionStyles.nextButton, onPress: increaseYear, disabled: nextYearButtonDisabled })] }), (0, jsx_runtime_1.jsxs)(components_1.View, { style: styles.buttonsWrapper, children: [(0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'left', style: compositionStyles.prevButton, onPress: decreaseMonth, disabled: prevMonthButtonDisabled }), (0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'right', style: compositionStyles.nextButton, onPress: increaseMonth, disabled: nextMonthButtonDisabled })] })] }));
|
|
48
48
|
};
|
|
49
49
|
exports.Header = Header;
|
|
50
50
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,+CAAyD;AAEzD,2CAAgE;AAChE,gDAAyB;AAElB,IAAM,UAAU,GAAG,UAAC,EAAmD;IAAjD,IAAA,IAAI,UAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IACpD,OAAO,CACL,uBAAC,uBAAU,aACT,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAK,kBAAW,SAAS,CAAc,EACjD,SAAS,EAAE,qBAAqB,IAC5B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEM,IAAM,MAAM,GAAG,UAAC,KAAgC;IAEnD,IAAA,IAAI,GAYF,KAAK,KAZH,EACJ,aAAa,GAWX,KAAK,cAXM,EACb,aAAa,GAUX,KAAK,cAVM,EACb,uBAAuB,GASrB,KAAK,wBATgB,EACvB,YAAY,GAQV,KAAK,aARK,EACZ,YAAY,GAOV,KAAK,aAPK,EACZ,sBAAsB,GAMpB,KAAK,uBANe,EACtB,sBAAsB,GAKpB,KAAK,uBALe,EACtB,uBAAuB,GAIrB,KAAK,wBAJgB,EACvB,WAAW,GAGT,KAAK,YAHI,EACX,MAAM,GAEJ,KAAK,OAFD,EACN,iBAAiB,GACf,KAAK,kBADU,CACV;IAET,IAAM,KAAK,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,IAAM,IAAI,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IAE/B,IAAM,KAAK,GAAG,kBAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;QACpD,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC;QACzB,CAAC,CAAC,UAAG,KAAK,cAAI,IAAI,CAAE,CAAA;IAEtB,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,CAAA;IAEpF,OAAO,CACL,wBAAC,iBAAI,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,+CAAyD;AAEzD,2CAAgE;AAChE,gDAAyB;AAElB,IAAM,UAAU,GAAG,UAAC,EAAmD;IAAjD,IAAA,IAAI,UAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IACpD,OAAO,CACL,uBAAC,uBAAU,aACT,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAK,kBAAW,SAAS,CAAc,EACjD,SAAS,EAAE,qBAAqB,IAC5B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEM,IAAM,MAAM,GAAG,UAAC,KAAgC;IAEnD,IAAA,IAAI,GAYF,KAAK,KAZH,EACJ,aAAa,GAWX,KAAK,cAXM,EACb,aAAa,GAUX,KAAK,cAVM,EACb,uBAAuB,GASrB,KAAK,wBATgB,EACvB,YAAY,GAQV,KAAK,aARK,EACZ,YAAY,GAOV,KAAK,aAPK,EACZ,sBAAsB,GAMpB,KAAK,uBANe,EACtB,sBAAsB,GAKpB,KAAK,uBALe,EACtB,uBAAuB,GAIrB,KAAK,wBAJgB,EACvB,WAAW,GAGT,KAAK,YAHI,EACX,MAAM,GAEJ,KAAK,OAFD,EACN,iBAAiB,GACf,KAAK,kBADU,CACV;IAET,IAAM,KAAK,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,IAAM,IAAI,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IAE/B,IAAM,KAAK,GAAG,kBAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;QACpD,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC;QACzB,CAAC,CAAC,UAAG,KAAK,cAAI,IAAI,CAAE,CAAA;IAEtB,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,CAAA;IAEpF,OAAO,CACL,wBAAC,iBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACzB,wBAAC,iBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAChC,uBAAC,kBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,sBAAsB,GAChC,EACF,uBAAC,iBAAI,IACH,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA5B,CAA4B,EAC3C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,KAAK,GACX,EACF,uBAAC,kBAAU,IACT,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,sBAAsB,GAChC,IACG,EACP,wBAAC,iBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAChC,uBAAC,kBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,uBAAuB,GACjC,EACF,uBAAC,kBAAU,IACT,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,uBAAuB,GACjC,IACG,IACF,CACR,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,MAAM,UA8DlB"}
|
|
@@ -26,21 +26,11 @@ exports.OuterInput = void 0;
|
|
|
26
26
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
27
|
var components_1 = require("../../components");
|
|
28
28
|
var OuterInput = function (_a) {
|
|
29
|
-
var hideInput = _a.hideInput, props = __rest(_a, ["hideInput"]);
|
|
29
|
+
var hideInput = _a.hideInput, onChange = _a.onChange, value = _a.value, props = __rest(_a, ["hideInput", "onChange", "value"]);
|
|
30
30
|
if (hideInput) {
|
|
31
31
|
return null;
|
|
32
32
|
}
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)(components_1.TextInput, __assign({ debugName: 'DatePicker - OuterInputComponent',
|
|
34
|
-
type: 'custom',
|
|
35
|
-
options: {
|
|
36
|
-
mask: 'xx/xx/xxxx',
|
|
37
|
-
placeholder: props.placeholder,
|
|
38
|
-
formatChars: {
|
|
39
|
-
x: '[0123456789]',
|
|
40
|
-
},
|
|
41
|
-
maskChar: '',
|
|
42
|
-
},
|
|
43
|
-
} }, props)));
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(components_1.TextInput, __assign({ debugName: 'DatePicker - OuterInputComponent' }, props, { value: value, onChangeText: onChange })));
|
|
44
34
|
};
|
|
45
35
|
exports.OuterInput = OuterInput;
|
|
46
36
|
//# sourceMappingURL=OuterInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OuterInput.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/OuterInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAGrC,IAAM,UAAU,GAA2C,UAAC,
|
|
1
|
+
{"version":3,"file":"OuterInput.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/OuterInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAGrC,IAAM,UAAU,GAA2C,UAAC,EAAwC;IAAtC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IACvG,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,uBAAC,sBAAS,aACR,SAAS,EAAC,kCAAkC,IACxC,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,IACtB,CACH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,UAAU,cAatB"}
|
|
@@ -27,7 +27,7 @@ var YearContent = function (props) {
|
|
|
27
27
|
if (types_1.TypeGuards.isFunction(Component)) {
|
|
28
28
|
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { value: value, selected: isSelected, styles: styles })));
|
|
29
29
|
}
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View,
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(View_1.View, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.yearWrapper, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.year, text: year }) }));
|
|
31
31
|
};
|
|
32
32
|
exports.YearContent = YearContent;
|
|
33
33
|
//# sourceMappingURL=YearContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YearContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/YearContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,yCAA4C;AAC5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAqF;AAO9E,IAAM,WAAW,GAAG,UAAC,KAAY;;IAC9B,IAAA,KAAK,GAAyC,KAAK,MAA9C,EAAE,IAAI,GAAmC,KAAK,KAAxC,EAAE,MAAM,GAA2B,KAAK,OAAhC,EAAa,SAAS,GAAK,KAAK,UAAV,CAAU;IAE3D,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,0CAAE,QAAQ,CAAC,IAAc,CAAC,CAAA;IAE1D,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE;QAC/E,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"YearContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/YearContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,yCAA4C;AAC5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAqF;AAO9E,IAAM,WAAW,GAAG,UAAC,KAAY;;IAC9B,IAAA,KAAK,GAAyC,KAAK,MAA9C,EAAE,IAAI,GAAmC,KAAK,KAAxC,EAAE,MAAM,GAA2B,KAAK,OAAhC,EAAa,SAAS,GAAK,KAAK,UAAV,CAAU;IAE3D,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,0CAAE,QAAQ,CAAC,IAAc,CAAC,CAAA;IAE1D,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE;QAC/E,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACrC,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,IACd,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,YACrC,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,IAAI,EAAE,IAAc,GAAI,GACrD,CACR,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,WAAW,eAyBvB"}
|
|
@@ -8,6 +8,6 @@ export declare namespace DatePicker {
|
|
|
8
8
|
var styleRegistryName: string;
|
|
9
9
|
var elements: string[];
|
|
10
10
|
var rootElement: string;
|
|
11
|
-
var withVariantTypes: <S extends AnyRecord>(styles: S) => (props: StyledComponentProps<DatePickerProps,
|
|
11
|
+
var withVariantTypes: <S extends AnyRecord>(styles: S) => (props: StyledComponentProps<DatePickerProps, typeof styles>) => IJSX;
|
|
12
12
|
var defaultProps: Partial<DatePickerProps>;
|
|
13
13
|
}
|
|
@@ -35,37 +35,37 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
35
35
|
}
|
|
36
36
|
return t;
|
|
37
37
|
};
|
|
38
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
39
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
40
|
-
};
|
|
41
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
|
-
exports.DatePicker =
|
|
39
|
+
exports.DatePicker = DatePicker;
|
|
43
40
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
44
41
|
var hooks_1 = require("@codeleap/hooks");
|
|
45
42
|
var components_1 = require("../components");
|
|
46
|
-
var react_datepicker_1 =
|
|
43
|
+
var react_datepicker_1 = require("react-datepicker");
|
|
47
44
|
var components_2 = require("./components");
|
|
48
45
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
49
46
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
50
47
|
var styles_1 = require("@codeleap/styles");
|
|
48
|
+
var useInputBase_1 = require("../InputBase/useInputBase");
|
|
49
|
+
var form_1 = require("@codeleap/form");
|
|
51
50
|
__exportStar(require("./styles"), exports);
|
|
52
51
|
__exportStar(require("./types"), exports);
|
|
53
52
|
__exportStar(require("./components"), exports);
|
|
54
53
|
function DatePicker(props) {
|
|
55
|
-
var _a = __assign(__assign({}, DatePicker.defaultProps), props), hideInput = _a.hideInput, value = _a.value, onValueChange = _a.onValueChange, style = _a.style, defaultValue = _a.defaultValue, OuterInputComponent = _a.outerInputComponent, HeaderComponent = _a.headerComponent, _headerProps = _a.headerProps, dayComponent = _a.dayComponent, providedDayProps = _a.dayProps, yearComponent = _a.yearComponent, providedYearProps = _a.yearProps, datePickerProps = _a.datePickerProps, minDate = _a.minDate, maxDate = _a.maxDate, startDate = _a.startDate, disabled = _a.disabled, providedVisible = _a.visible, providedToggle = _a.toggle, providedYearShow = _a.yearShow, providedSetYearShow = _a.setYearShow, otherProps = __rest(_a, ["hideInput", "value", "onValueChange", "style", "defaultValue", "outerInputComponent", "headerComponent", "headerProps", "dayComponent", "dayProps", "yearComponent", "yearProps", "datePickerProps", "minDate", "maxDate", "startDate", "disabled", "visible", "toggle", "yearShow", "setYearShow"]);
|
|
54
|
+
var _a = __assign(__assign({}, DatePicker.defaultProps), props), hideInput = _a.hideInput, value = _a.value, onValueChange = _a.onValueChange, field = _a.field, style = _a.style, defaultValue = _a.defaultValue, OuterInputComponent = _a.outerInputComponent, HeaderComponent = _a.headerComponent, _headerProps = _a.headerProps, dayComponent = _a.dayComponent, providedDayProps = _a.dayProps, yearComponent = _a.yearComponent, providedYearProps = _a.yearProps, datePickerProps = _a.datePickerProps, minDate = _a.minDate, maxDate = _a.maxDate, startDate = _a.startDate, disabled = _a.disabled, providedVisible = _a.visible, providedToggle = _a.toggle, providedYearShow = _a.yearShow, providedSetYearShow = _a.setYearShow, otherProps = __rest(_a, ["hideInput", "value", "onValueChange", "field", "style", "defaultValue", "outerInputComponent", "headerComponent", "headerProps", "dayComponent", "dayProps", "yearComponent", "yearProps", "datePickerProps", "minDate", "maxDate", "startDate", "disabled", "visible", "toggle", "yearShow", "setYearShow"]);
|
|
56
55
|
var styles = (0, useStylesFor_1.useStylesFor)(DatePicker.styleRegistryName, style);
|
|
57
56
|
var compositionStyles = (0, styles_1.useCompositionStyles)(['outerInput', 'header'], styles);
|
|
58
57
|
var _b = (0, hooks_1.useConditionalState)(providedVisible, providedToggle, { initialValue: false }), visible = _b[0], toggle = _b[1];
|
|
59
58
|
var _c = (0, hooks_1.useConditionalState)(providedYearShow, providedSetYearShow, { initialValue: false }), yearShow = _c[0], setYearShow = _c[1];
|
|
59
|
+
var _d = (0, useInputBase_1.useInputBase)(field, form_1.fields.date, { value: value, onValueChange: onValueChange }), inputValue = _d.inputValue, onInputValueChange = _d.onInputValueChange;
|
|
60
60
|
var DayContentComponent = (0, hooks_1.useCallback)(function (_a) {
|
|
61
61
|
var day = _a.day, date = _a.date;
|
|
62
|
-
return ((0, jsx_runtime_1.jsx)(components_2.DayContent, __assign({ day: day, date: date }, providedDayProps, { value:
|
|
63
|
-
}, [
|
|
62
|
+
return ((0, jsx_runtime_1.jsx)(components_2.DayContent, __assign({ day: day, date: date }, providedDayProps, { value: inputValue, minDate: minDate, maxDate: maxDate, component: dayComponent, styles: styles })));
|
|
63
|
+
}, [inputValue]);
|
|
64
64
|
var YearContentComponent = (0, hooks_1.useCallback)(function (_a) {
|
|
65
65
|
var year = _a.year;
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)(components_2.YearContent, __assign({ year: year }, providedYearProps, { value:
|
|
67
|
-
}, [
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(components_1.View,
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(components_2.YearContent, __assign({ year: year }, providedYearProps, { value: inputValue, component: yearComponent, styles: styles })));
|
|
67
|
+
}, [inputValue]);
|
|
68
|
+
return ((0, jsx_runtime_1.jsx)(components_1.View, { style: styles.wrapper, children: (0, jsx_runtime_1.jsx)(react_datepicker_1.DatePicker, __assign({ onChange: function (date) { return onInputValueChange(date); }, selected: inputValue, open: visible, todayButton: null, shouldCloseOnSelect: false, openToDate: defaultValue !== null && defaultValue !== void 0 ? defaultValue : inputValue, dateFormat: 'dd/MM/yyyy', formatWeekDay: function (day) { return day.charAt(0); }, calendarStartDay: 1, placeholderText: otherProps === null || otherProps === void 0 ? void 0 : otherProps.placeholder, disabled: disabled, renderDayContents: function (day, date) { return ((0, jsx_runtime_1.jsx)(DayContentComponent, { day: day, date: date })); }, customInput: (0, jsx_runtime_1.jsx)(OuterInputComponent, __assign({ style: compositionStyles.outerInput, focused: visible, hideInput: hideInput }, otherProps)), renderCustomHeader: function (headerProps) { return ((0, jsx_runtime_1.jsx)(HeaderComponent, __assign({ styles: compositionStyles.header, setYearShow: setYearShow, prevYearButtonDisabled: yearShow, nextYearButtonDisabled: yearShow }, headerProps, _headerProps))); }, onFocus: function () { return toggle(true); }, onSelect: function () { return (yearShow ? setYearShow(false) : toggle(false)); }, onClickOutside: function () {
|
|
69
69
|
toggle(false);
|
|
70
70
|
setYearShow(false);
|
|
71
71
|
}, minDate: minDate, maxDate: maxDate, endDate: maxDate, startDate: startDate, onYearChange: function () { return setYearShow(false); }, yearItemNumber: maxDate.getFullYear() - minDate.getFullYear(), showYearPicker: yearShow, renderYearContent: function (year) {
|
|
@@ -76,9 +76,8 @@ function DatePicker(props) {
|
|
|
76
76
|
if (date.getFullYear() < startDate.getFullYear() || date.getFullYear() > maxDate.getFullYear())
|
|
77
77
|
return false;
|
|
78
78
|
return true;
|
|
79
|
-
} }, datePickerProps)) }))
|
|
79
|
+
} }, datePickerProps)) }));
|
|
80
80
|
}
|
|
81
|
-
exports.DatePicker = DatePicker;
|
|
82
81
|
DatePicker.styleRegistryName = 'DatePicker';
|
|
83
82
|
DatePicker.elements = [
|
|
84
83
|
'wrapper',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import { ReactDatePickerCustomHeaderProps, ReactDatePickerProps } from 'react-datepicker';
|
|
1
|
+
import { AnyFunction, StylesOf } from '@codeleap/types';
|
|
2
|
+
import { ReactDatePickerCustomHeaderProps, DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
|
|
4
3
|
import { ActionIconProps, TextInputProps } from '../components';
|
|
5
4
|
import { DatePickerComposition, DatePickerHeaderComposition } from './styles';
|
|
6
5
|
import { StyledProp } from '@codeleap/styles';
|
|
6
|
+
import { DateField } from '@codeleap/form';
|
|
7
7
|
export type DatePickerOuterInputProps = TextInputProps & {
|
|
8
8
|
valueLabel: React.ReactNode;
|
|
9
9
|
hideInput?: boolean;
|
|
@@ -11,6 +11,7 @@ export type DatePickerOuterInputProps = TextInputProps & {
|
|
|
11
11
|
export type DatePickerHeaderComponent = Omit<ReactDatePickerCustomHeaderProps, 'styles'> & {
|
|
12
12
|
styles?: StylesOf<DatePickerHeaderComposition>;
|
|
13
13
|
formatHeaderTitle?: (date: Date) => string;
|
|
14
|
+
setYearShow?: AnyFunction;
|
|
14
15
|
};
|
|
15
16
|
export type DatePickerArrowProps = Partial<ActionIconProps> & {
|
|
16
17
|
direction: 'left' | 'right';
|
|
@@ -30,7 +31,7 @@ export type YearComponentProps = {
|
|
|
30
31
|
styles: DatePickerProps['style'];
|
|
31
32
|
};
|
|
32
33
|
type RootDatePickerProps = 'startDate' | 'minDate' | 'maxDate';
|
|
33
|
-
export type DatePickerProps = Omit<Partial<Pick<Partial<ReactDatePickerProps>, RootDatePickerProps>>, 'style'> & Omit<TextInputProps, 'defaultValue' | 'style'> & {
|
|
34
|
+
export type DatePickerProps = Omit<Partial<Pick<Partial<ReactDatePickerProps>, RootDatePickerProps>>, 'style'> & Omit<TextInputProps, 'defaultValue' | 'style' | 'value' | 'onValueChange'> & {
|
|
34
35
|
style?: StyledProp<DatePickerComposition>;
|
|
35
36
|
hideInput?: boolean;
|
|
36
37
|
outerInputComponent?: React.ComponentType<Partial<DatePickerOuterInputProps>>;
|
|
@@ -47,7 +48,8 @@ export type DatePickerProps = Omit<Partial<Pick<Partial<ReactDatePickerProps>, R
|
|
|
47
48
|
toggle?: () => void;
|
|
48
49
|
yearShow?: boolean;
|
|
49
50
|
setYearShow?: () => void;
|
|
50
|
-
value
|
|
51
|
-
onValueChange
|
|
51
|
+
value?: Date;
|
|
52
|
+
onValueChange?: (value: Date) => void;
|
|
53
|
+
field?: DateField<any>;
|
|
52
54
|
};
|
|
53
55
|
export {};
|
|
@@ -7,6 +7,6 @@ export declare const Drawer: {
|
|
|
7
7
|
styleRegistryName: string;
|
|
8
8
|
elements: string[];
|
|
9
9
|
rootElement: string;
|
|
10
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<DrawerProps,
|
|
10
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<DrawerProps, typeof styles>) => IJSX;
|
|
11
11
|
defaultProps: Partial<DrawerProps>;
|
|
12
12
|
};
|
|
@@ -113,10 +113,10 @@ var Drawer = function (props) {
|
|
|
113
113
|
_a)
|
|
114
114
|
];
|
|
115
115
|
var showHeader = (!types_1.TypeGuards.isNil(title) || showCloseButton);
|
|
116
|
-
var content = ((0, jsx_runtime_1.jsxs)(View_1.View,
|
|
116
|
+
var content = ((0, jsx_runtime_1.jsxs)(View_1.View, { debugName: debugName, animated: true, animatedProps: wrapperAnimatedStyle, style: styles.wrapper, children: [darkenBackground ? ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { debugName: debugName, visible: open, style: [
|
|
117
117
|
styles.overlay,
|
|
118
118
|
open ? styles['overlay:visible'] : styles['overlay:hidden'],
|
|
119
|
-
], onPress: toggle })) : null, (0, jsx_runtime_1.jsxs)(View_1.View,
|
|
119
|
+
], onPress: toggle })) : null, (0, jsx_runtime_1.jsxs)(View_1.View, { animated: true, animatedProps: animatedStyle, style: boxStyles, children: [showHeader ? ((0, jsx_runtime_1.jsxs)(View_1.View, { component: 'header', style: styles.header, children: [types_1.TypeGuards.isString(title) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { style: styles.title, text: title }) : title, showCloseButton ? ((0, jsx_runtime_1.jsx)(ActionIcon_1.ActionIcon, __assign({ debugName: debugName, icon: closeIcon, onPress: toggle, propagate: false }, closeButtonProps, { style: closeButtonStyles }))) : null] })) : null, (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.body, children: children }), footer ? ((0, jsx_runtime_1.jsx)(View_1.View, { component: 'footer', style: styles.footer, children: footer })) : null] })] }));
|
|
120
120
|
if (typeof window === 'undefined')
|
|
121
121
|
return content;
|
|
122
122
|
return react_dom_1.default.createPortal(content, document.body);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,yCAAyC;AACzC,sCAAoC;AACpC,gCAA8B;AAC9B,gCAA8B;AAC9B,4CAA0C;AAC1C,wDAAgC;AAChC,iCAAyD;AACzD,+DAA6D;AAE7D,2CAAuG;AACvG,6DAA2D;AAE3D,2CAAwB;AACxB,0CAAuB;AAEvB,IAAM,OAAO,GAAG;IACd,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;CACtC,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,QAAiC,EAAE,KAAa;IACpE,IAAI,KAAK,GAAG,EAAE,CAAA;IAEd,QAAQ,QAAQ,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import { DropzoneProps } from './types';
|
|
2
|
-
import {
|
|
2
|
+
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
3
|
export * from './styles';
|
|
4
4
|
export * from './types';
|
|
5
|
-
export declare const Dropzone:
|
|
5
|
+
export declare const Dropzone: {
|
|
6
|
+
(props: DropzoneProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
|
+
styleRegistryName: string;
|
|
8
|
+
elements: string[];
|
|
9
|
+
rootElement: string;
|
|
10
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<DropzoneProps, typeof styles>) => IJSX;
|
|
11
|
+
defaultProps: Partial<DropzoneProps>;
|
|
12
|
+
};
|
|
@@ -72,7 +72,7 @@ var DefaultFilePreview = function (props) {
|
|
|
72
72
|
(_a = e === null || e === void 0 ? void 0 : e.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
73
73
|
onRemove === null || onRemove === void 0 ? void 0 : onRemove();
|
|
74
74
|
};
|
|
75
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View,
|
|
75
|
+
return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: [styles.fileWrapper, hasErrors && styles['fileWrapper:error']], children: [isPreview ? ((0, jsx_runtime_1.jsx)("img", { onLoad: revokeImageUrl, src: imageUrl, css: styles.fileImage })) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: 'DropzoneFilePreview:LeftIcon', name: fileLeftIcon, style: styles.fileLeftIcon })), (0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.fileNameWrapper, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { text: file.name, style: styles.fileName }), hasErrors && (errors === null || errors === void 0 ? void 0 : errors.map(function (error) { return (0, jsx_runtime_1.jsx)(Text_1.Text, { text: error.message, style: styles.fileError }); }))] }), (0, jsx_runtime_1.jsx)(ActionIcon_1.ActionIcon, { onPress: handleRemove, propagate: false, debugName: 'DropzoneFilePreview:RightIcon', name: fileRightIcon, style: fileRightIconStyles })] }));
|
|
76
76
|
};
|
|
77
77
|
var FilePreview = function (props) {
|
|
78
78
|
var file = props.file, withImagePreview = props.withImagePreview, _a = props.errors, errors = _a === void 0 ? [] : _a, FilePreviewComponent = props.FilePreviewComponent, rest = __rest(props, ["file", "withImagePreview", "errors", "FilePreviewComponent"]);
|
|
@@ -90,9 +90,9 @@ var FilePreview = function (props) {
|
|
|
90
90
|
var _FilePreview = !types_1.TypeGuards.isNil(FilePreviewComponent) ? FilePreviewComponent : DefaultFilePreview;
|
|
91
91
|
return ((0, jsx_runtime_1.jsx)(_FilePreview, __assign({ file: file, hasErrors: hasErrors, isPreview: isPreview, imageUrl: imageUrl, revokeImageUrl: revokeImageUrl, errors: errors }, rest)));
|
|
92
92
|
};
|
|
93
|
-
|
|
93
|
+
var Dropzone = function (props) {
|
|
94
94
|
var _a, _b;
|
|
95
|
-
var _c = __assign(__assign({}, exports.Dropzone.defaultProps), props), icon = _c.icon, placeholder = _c.placeholder, multiple = _c.multiple, acceptedFiles = _c.acceptedFiles, setAcceptedFiles = _c.setAcceptedFiles, rejectedFilesProps = _c.rejectedFiles, setRejectedFilesProps = _c.setRejectedFiles, fileLeftIcon = _c.fileLeftIcon, fileRightIcon = _c.fileRightIcon, withImagePreview = _c.withImagePreview, onDrop = _c.onDrop, onRemove = _c.onRemove, children = _c.children, FilePreviewComponent = _c.FilePreviewComponent, style = _c.style, rest = __rest(_c, ["icon", "placeholder", "multiple", "acceptedFiles", "setAcceptedFiles", "rejectedFiles", "setRejectedFiles", "fileLeftIcon", "fileRightIcon", "withImagePreview", "onDrop", "onRemove", "children", "FilePreviewComponent", "style"]);
|
|
95
|
+
var _c = __assign(__assign({}, exports.Dropzone.defaultProps), props), icon = _c.icon, placeholder = _c.placeholder, multiple = _c.multiple, acceptedFiles = _c.acceptedFiles, setAcceptedFiles = _c.setAcceptedFiles, rejectedFilesProps = _c.rejectedFiles, setRejectedFilesProps = _c.setRejectedFiles, fileLeftIcon = _c.fileLeftIcon, fileRightIcon = _c.fileRightIcon, withImagePreview = _c.withImagePreview, onDrop = _c.onDrop, onRemove = _c.onRemove, children = _c.children, FilePreviewComponent = _c.FilePreviewComponent, style = _c.style, ref = _c.ref, rest = __rest(_c, ["icon", "placeholder", "multiple", "acceptedFiles", "setAcceptedFiles", "rejectedFiles", "setRejectedFiles", "fileLeftIcon", "fileRightIcon", "withImagePreview", "onDrop", "onRemove", "children", "FilePreviewComponent", "style", "ref"]);
|
|
96
96
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.Dropzone.styleRegistryName, style);
|
|
97
97
|
var _d = (0, react_2.useState)([]), rejectedFilesState = _d[0], setRejectedFilesState = _d[1];
|
|
98
98
|
var _e = [rejectedFilesProps || rejectedFilesState, setRejectedFilesProps || setRejectedFilesState], rejectedFiles = _e[0], setRejectedFiles = _e[1];
|
|
@@ -128,11 +128,12 @@ exports.Dropzone = (0, react_2.forwardRef)(function (props, ref) {
|
|
|
128
128
|
withImagePreview: withImagePreview,
|
|
129
129
|
fileRightIconStyles: fileRightIconStyles,
|
|
130
130
|
};
|
|
131
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View,
|
|
131
|
+
return ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.wrapper, children: (0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, getRootProps(), { style: styles.dropzone, children: [icon && !hasFiles ? ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: 'Dropzone:Icon', name: icon, style: styles.icon }) })) : null, hasFiles ? ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.filesWrapper, children: [(_a = acceptedFiles === null || acceptedFiles === void 0 ? void 0 : acceptedFiles.map) === null || _a === void 0 ? void 0 : _a.call(acceptedFiles, function (file, index) { return ((0, react_1.createElement)(FilePreview, __assign({}, fileProps, { index: index, file: file, key: file.name, onRemove: function () { return handleRemoveFile(file); }, FilePreviewComponent: FilePreviewComponent }))); }), (_b = rejectedFiles === null || rejectedFiles === void 0 ? void 0 : rejectedFiles.map) === null || _b === void 0 ? void 0 : _b.call(rejectedFiles, function (_a, index) {
|
|
132
132
|
var file = _a.file, errors = _a.errors;
|
|
133
133
|
return ((0, react_1.createElement)(FilePreview, __assign({}, fileProps, { index: index, key: file.name, file: file, errors: errors, onRemove: function () { return handleRemoveFile(file, true); }, FilePreviewComponent: FilePreviewComponent })));
|
|
134
|
-
})] }))
|
|
135
|
-
}
|
|
134
|
+
})] })) : null, children, !!placeholder ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholder, style: styles.placeholder }) : null, (0, jsx_runtime_1.jsx)("input", __assign({}, getInputProps()))] })) }));
|
|
135
|
+
};
|
|
136
|
+
exports.Dropzone = Dropzone;
|
|
136
137
|
exports.Dropzone.styleRegistryName = 'Dropzone';
|
|
137
138
|
exports.Dropzone.elements = [
|
|
138
139
|
'wrapper',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yCAAqD;AACrD,yCAAuD;AACvD,iDAA2D;AAC3D,gCAAyC;AACzC,gCAA8B;AAC9B,gCAA8B;AAC9B,+BAA4E;AAC5E,4CAA0C;AAC1C,6DAA2D;AAC3D,+DAA6D;AAC7D,2CAAiI;AAEjI,2CAAwB;AACxB,0CAAuB;AAEvB,SAAS,OAAO,CAAC,IAAI;;IACnB,OAAO,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;AACzC,CAAC;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAoC;IAE5D,IAAA,IAAI,GAWF,KAAK,KAXH,EACJ,MAAM,GAUJ,KAAK,OAVD,EACN,KASE,KAAK,OATI,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,QAAQ,GAQN,KAAK,SARC,EACR,YAAY,GAOV,KAAK,aAPK,EACZ,aAAa,GAMX,KAAK,cANM,EACb,mBAAmB,GAKjB,KAAK,oBALY,EACnB,SAAS,GAIP,KAAK,UAJE,EACT,cAAc,GAGZ,KAAK,eAHO,EACd,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACF;IAET,IAAM,YAAY,GAAG,UAAC,CAAkD;;QACtE,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,eAAe,iDAAI,CAAA;QACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,WAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { StylesOf } from '@codeleap/types';
|
|
3
2
|
import { DropzoneComposition } from './styles';
|
|
4
3
|
import { DropzoneOptions, FileRejection, DropzoneRef as ReactDropzoneRef } from 'react-dropzone';
|
|
5
4
|
import { ActionIconComposition } from '../ActionIcon';
|
|
6
5
|
import { AppIcon, StyledProp } from '@codeleap/styles';
|
|
6
|
+
import { RefObject } from 'react';
|
|
7
7
|
export type DropzoneFile = File;
|
|
8
8
|
export type DropzoneFileRejection = FileRejection;
|
|
9
9
|
export type DropzoneProps = Omit<DropzoneOptions, 'style'> & {
|
|
@@ -19,7 +19,8 @@ export type DropzoneProps = Omit<DropzoneOptions, 'style'> & {
|
|
|
19
19
|
fileRightIcon?: AppIcon;
|
|
20
20
|
fileLeftIcon?: AppIcon;
|
|
21
21
|
withImagePreview?: boolean;
|
|
22
|
-
FilePreviewComponent?: (props: DropzoneInnerFilePreviewProps) =>
|
|
22
|
+
FilePreviewComponent?: (props: DropzoneInnerFilePreviewProps) => React.ReactElement;
|
|
23
|
+
ref?: RefObject<DropzoneRef | null>;
|
|
23
24
|
};
|
|
24
25
|
export type DropzoneFilePreviewProps = Pick<DropzoneProps, 'fileRightIcon' | 'fileLeftIcon' | 'withImagePreview' | 'FilePreviewComponent'> & {
|
|
25
26
|
file: DropzoneFile;
|
|
@@ -8,6 +8,6 @@ export declare const EmptyPlaceholder: {
|
|
|
8
8
|
elements: string[];
|
|
9
9
|
rootElement: string;
|
|
10
10
|
ImageComponent: string;
|
|
11
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<EmptyPlaceholderProps,
|
|
11
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<EmptyPlaceholderProps, typeof styles>) => IJSX;
|
|
12
12
|
defaultProps: Partial<EmptyPlaceholderProps>;
|
|
13
13
|
};
|
|
@@ -62,12 +62,12 @@ var EmptyPlaceholder = function (props) {
|
|
|
62
62
|
}
|
|
63
63
|
}, [IconEmpty, image]);
|
|
64
64
|
if (loading) {
|
|
65
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View,
|
|
65
|
+
return ((0, jsx_runtime_1.jsx)(View_1.View, { style: [styles.wrapper, styles['wrapper:loading']], children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, __assign({ debugName: debugName }, indicatorProps, { style: activityIndicatorStyles })) }));
|
|
66
66
|
}
|
|
67
67
|
if (!types_1.TypeGuards.isNil(RenderEmpty)) {
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, wrapperProps, { style: styles.wrapper
|
|
68
|
+
return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, wrapperProps, { style: styles.wrapper, children: (0, jsx_runtime_1.jsx)(RenderEmpty, { emptyText: emptyText, emptyIconName: IconEmpty, styles: __assign(__assign({}, styles), { activityIndicatorStyles: activityIndicatorStyles }) }) })));
|
|
69
69
|
}
|
|
70
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, wrapperProps, { style: styles.wrapper
|
|
70
|
+
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, wrapperProps, { style: styles.wrapper, children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({}, imageWrapperProps, { style: styles.imageWrapper, children: _Image })), types_1.TypeGuards.isString(emptyText)
|
|
71
71
|
? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: emptyText, style: styles.title })
|
|
72
72
|
: react_1.default.isValidElement(emptyText) ? emptyText : null, types_1.TypeGuards.isString(description)
|
|
73
73
|
? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: description, style: styles.description })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,0DAAwD;AACxD,yCAA4C;AAE5C,6DAA2D;AAC3D,+DAA6D;AAC7D,2CAAuG;AAEvG,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IACrD,IAAA,2BAgBD,wBAAgB,CAAC,YAAY,GAC7B,KAAK,CACT,EAjBC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACC,SAAS,UAAA,EACF,WAAW,iBAAA,EACxB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,cAAc,oBAIf,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,wBAAgB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEtE,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,aAAM,QAAQ,YAAS,CAAC,IAAI,WAAW,CAAA;IAE/E,IAAM,uBAAuB,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAEtE,IAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAAC;QAE3B,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,0DAAwD;AACxD,yCAA4C;AAE5C,6DAA2D;AAC3D,+DAA6D;AAC7D,2CAAuG;AAEvG,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IACrD,IAAA,2BAgBD,wBAAgB,CAAC,YAAY,GAC7B,KAAK,CACT,EAjBC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACC,SAAS,UAAA,EACF,WAAW,iBAAA,EACxB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,cAAc,oBAIf,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,wBAAgB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEtE,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,aAAM,QAAQ,YAAS,CAAC,IAAI,WAAW,CAAA;IAE/E,IAAM,uBAAuB,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAEtE,IAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAAC;QAE3B,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAE7B,OAAO,uBAAC,cAAc,eAChB,UAAU;gBACd,aAAa;gBACb,MAAM,EAAE,KAAgC,EAExC,GAAG,EAAE,MAAM,CAAC,KAAK,IACjB,CAAA;QACJ,CAAC;QAED,IAAI,kBAAU,CAAC,KAAK,CAAC,SAAS,CAAC;YAAE,OAAO,IAAI,CAAA;QAE5C,IAAI,kBAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACnC,OAAO,uBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAoB,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,GAAI,CAAA;QAC5F,CAAC;aAAM,IAAI,eAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3C,OAAO,uBAAC,SAAS,eAAK,KAAK,EAAI,CAAA;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,YACtD,uBAAC,qCAAiB,aAAC,SAAS,EAAE,SAAS,IAAM,cAAc,IAAE,KAAK,EAAE,uBAAuB,IAAI,GAC1F,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;QACnC,OAAO,CACL,uBAAC,WAAI,eAAK,YAAY,IAAE,KAAK,EAAE,MAAM,CAAC,OAAO,YAC3C,uBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,SAAoB,EACnC,MAAM,wBACD,MAAM,KACT,uBAAuB,yBAAA,MAEzB,IACG,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,WAAI,eAAK,YAAY,IAAE,KAAK,EAAE,MAAM,CAAC,OAAO,aAC3C,uBAAC,WAAI,eAAK,iBAAiB,IAAE,KAAK,EAAE,MAAM,CAAC,YAAY,YACpD,MAAM,IACF,EAEN,kBAAU,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAC7B,CAAC,CAAC,uBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI;gBACtE,CAAC,CAAC,eAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAGrD,kBAAU,CAAC,QAAQ,CAAC,WAAW,CAAC;gBAC/B,CAAC,CAAC,uBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI;gBAC9E,CAAC,CAAC,eAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,KAErD,CACR,CAAA;AACH,CAAC,CAAA;AAzFY,QAAA,gBAAgB,oBAyF5B;AAED,wBAAgB,CAAC,iBAAiB,GAAG,kBAAkB,CAAA;AACvD,wBAAgB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,CAAC,CAAA;AAC1G,wBAAgB,CAAC,WAAW,GAAG,SAAS,CAAA;AACxC,wBAAgB,CAAC,cAAc,GAAG,KAAK,CAAA;AACvC,wBAAgB,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACjE,OAAO,wBAA+F,CAAA;AACxG,CAAC,CAAA;AAED,wBAAgB,CAAC,YAAY,GAAG,EAAoC,CAAA;AAEpE,mCAAgB,CAAC,iBAAiB,CAAC,wBAAgB,CAAC,CAAA"}
|
|
@@ -16,12 +16,12 @@ export type EmptyPlaceholderProps = ComponentCommonProps & {
|
|
|
16
16
|
itemName?: string;
|
|
17
17
|
title?: React.ReactElement | string;
|
|
18
18
|
description?: React.ReactElement | string;
|
|
19
|
-
icon?: AppIcon | ((props: EmptyPlaceholderProps) =>
|
|
19
|
+
icon?: AppIcon | ((props: EmptyPlaceholderProps) => React.ReactElement);
|
|
20
20
|
image?: string;
|
|
21
21
|
imageProps?: ImgHTMLAttributes<HTMLImageElement>;
|
|
22
22
|
loading?: boolean;
|
|
23
23
|
style?: StyledProp<EmptyPlaceholderComposition>;
|
|
24
|
-
renderEmpty?: (props: RenderEmptyProps) =>
|
|
24
|
+
renderEmpty?: (props: RenderEmptyProps) => React.ReactElement;
|
|
25
25
|
wrapperProps?: ViewProps;
|
|
26
26
|
imageWrapperProps?: ViewProps;
|
|
27
27
|
indicatorProps?: Partial<ActivityIndicatorProps>;
|