@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAA4C;AAC5C,yCAAiD;AACjD,gCAA8B;AAC9B,0CAA8D;AAC9D,gCAA8B;AAC9B,uDAM+B;AAE/B,6DAA2D;AAC3D,2CAAqF;AACrF,+DAA6D;AAC7D,0DAAwD;AACxD,uCAAuC;AACvC,oFAAkF;AAElF,2CAAwB;AACxB,0CAAuB;AAEvB,IAAM,sBAAsB,GAAG,UAAC,KAAqB;IAC3C,IAAA,KAAK,GAAK,KAAK,MAAV,CAAU;IAEvB,IAAI,CAAC,kBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAA4C;AAC5C,yCAAiD;AACjD,gCAA8B;AAC9B,0CAA8D;AAC9D,gCAA8B;AAC9B,uDAM+B;AAE/B,6DAA2D;AAC3D,2CAAqF;AACrF,+DAA6D;AAC7D,0DAAwD;AACxD,uCAAuC;AACvC,oFAAkF;AAElF,2CAAwB;AACxB,0CAAuB;AAEvB,IAAM,sBAAsB,GAAG,UAAC,KAAqB;IAC3C,IAAA,KAAK,GAAK,KAAK,MAAV,CAAU;IAEvB,IAAI,CAAC,kBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;QACxC,OAAO,uBAAC,eAAK,CAAC,QAAQ,cACnB,KAAK,CAAC,OAAO,GACC,CAAA;IACnB,CAAC;IAED,OAAO,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;AACpD,CAAC,CAAA;AAEM,IAAM,MAAM,GAAG,UAAC,KAAkB;IACjC,IAAA,KAGF,IAAA,gCAAoB,wBACnB,cAAM,CAAC,YAAY,GACnB,KAAK,EACR,EALA,cAAc,oBAAA,EACd,MAAM,YAIN,CAAA;IAGA,IAAA,aAAa,GAoBX,MAAM,cApBK,EACb,aAAa,GAmBX,MAAM,cAnBK,EACN,MAAM,GAkBX,MAAM,MAlBK,EACb,KAAK,GAiBH,MAAM,MAjBH,EACL,KAAK,GAgBH,MAAM,MAhBH,EACL,SAAS,GAeP,MAAM,UAfC,EACT,KAAK,GAcH,MAAM,MAdH,EACL,QAAQ,GAaN,MAAM,SAbA,EACR,UAAU,GAYR,MAAM,WAZE,EACV,KAWE,MAAM,mBAXoD,EAAxC,eAAe,mBAAG,sBAAsB,KAAA,EAC5D,GAAG,GAUD,MAAM,IAVL,EACH,GAAG,GASD,MAAM,IATL,EACW,kBAAkB,GAQ9B,MAAM,aARwB,EAChC,cAAc,GAOZ,MAAM,eAPM,EACd,WAAW,GAMT,MAAM,YANG,EACX,qBAAqB,GAKnB,MAAM,sBALa,EACrB,IAAI,GAIF,MAAM,KAJJ,EACJ,oBAAoB,GAGlB,MAAM,qBAHY,EACpB,YAAY,GAEV,MAAM,aAFI,EACT,WAAW,UACZ,MAAM,EArBJ,2QAqBL,CADe,CACN;IAEV,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,cAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEtD,IAAA,KAIF,IAAA,2BAAY,EAAC,KAAK,EAAE,aAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,eAAA,EAAE,CAAC,EAHtE,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,kBAAkB,wBACoD,CAAA;IAExE,IAAM,aAAa,GAAG,CAAC,kBAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IACrD,IAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;IAEvD,IAAM,aAAa,GAAG,kBAAU,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAA;IAExG,IAAM,eAAe,GAAG,IAAA,cAAM,EAAuC,aAAa,CAAC,CAAA;IACnF,IAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAA;IAE5C,IAAA,eAAO,EAAC;QACN,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,CAAC,EAAE,CAAC;YAC/B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAA;QACjC,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAM,YAAY,GAAiC,UAAC,QAAuB;QACzE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAChE,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAC,QAAuB;QAChD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,QAAQ,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,qBAAqB,GAAG,CAAC,CAAC,kBAAU,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,kBAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAA;IAE/F,IAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC3B,OAAO,UAAU,CAAA;QACnB,CAAC;QACD,OAAO,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,CAAC,EAAX,CAAW,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAE3B,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAC7C,MAAM,EACN,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,kBAAkB,CAAC,EAC1G,EAAE,QAAQ,UAAA,EAAE,CACb,CAAA;IAED,IAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC;QAC/B,OAAO,IAAA,oBAAW,EAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;IAC3E,CAAC,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;IAEzD,IAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC;;QAChC,IAAI,kBAAU,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAA,IAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,CAAA,EAAE,CAAC;YAC/F,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,IAAI,kBAAU,CAAC,UAAU,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,CAAC,EAAE,CAAC;YACvD,IAAM,GAAG,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;YAC5D,OAAO,GAAG,CAAA;QACZ,CAAC;aAAM,IAAI,kBAAU,CAAC,OAAO,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAC,EAAE,CAAC;YACrD,IAAI,KAAG,GAAG,EAAE,CAAA;YAEZ,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,OAAO,CAAC,UAAC,GAAG,EAAE,CAAC;;gBACpC,IAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;gBAE7B,IAAI,kBAAU,CAAC,KAAK,CAAC,UAAU,CAAC;oBAAE,OAAM;gBAExC,KAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAG,KAAG,SAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,mCAAI,KAAK,SAAG,UAAU,CAAE,CAAA;YACjG,CAAC,CAAC,CAAA;YAEF,OAAO,KAAG,CAAA;QACZ,CAAC;aAAM,CAAC;YACN,OAAO,WAAW,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,wBAAC,qBAAS,eACJ,cAAc,IAClB,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,UAAU,QACV,WAAW,EAAE,WAAW,aAExB,wBAAC,mBAAe,eACV,WAAW,IACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,EACrC,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,aAE5C,uBAAC,oBAAW,IAAC,KAAK,EAAE,UAAU,YAC5B,uBAAC,oBAAW,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,GAAI,GACxC,EAEb,YAAY,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC1B,uBAAC,oBAAW,IAEV,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAC3B,OAAO,EAAE;4BACP,IAAI,oBAAoB;gCAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,KAAK,CAAC,CAAA;4BACrD,IAAI,kBAAU,CAAC,UAAU,CAAC,YAAY,CAAC;gCAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,EAAE,CAAC,CAAC,CAAA;wBACnE,CAAC,IALI,CAAC,CAMN,CACH,EAT2B,CAS3B,CAAC,KACc,EAEjB,cAAc,CAAC,CAAC;gBACf,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,YAExC,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG;wBACxB,IAAI,QAAQ,GAAG,EAAE,CAAA;wBAEjB,IAAM,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAA;wBAEjD,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;4BACd,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAA;wBAClC,CAAC;6BAAM,IAAI,GAAG,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;4BAC7C,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAA;wBACjC,CAAC;6BAAM,CAAC;4BACN,IAAM,cAAc,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;4BAElD,QAAQ,GAAG;gCACT,QAAQ,EAAE,UAAU;gCACpB,IAAI,EAAE,UAAG,cAAc,MAAG;gCAC1B,GAAG,EAAE,KAAK;gCACV,SAAS,EAAE,uBAAuB;6BACnC,CAAA;wBACH,CAAC;wBAED,IAAM,KAAK,GAAG,IAAA,oBAAW,EAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;wBAE/D,IAAI,CAAC,qBAAqB,EAAE,CAAC;4BAC3B,OAAO,uBAAC,eAAe,IACrB,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,KAAK,IACP,GAAG,CACR,CAAA;wBACJ,CAAC;wBAED,IAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;wBAEzC,OAAO,CACL,uBAAC,eAAe,IACd,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IACP,GAAG,CACR,CACH,CAAA;oBACH,CAAC,CAAC,GAEC;gBACP,CAAC,CAAC,IAAI,KACE,CACb,CAAA;AACH,CAAC,CAAA;AAjMY,QAAA,MAAM,UAiMlB;AAED,cAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAA;AAEnC,cAAM,CAAC,QAAQ,mCACV,qBAAS,CAAC,QAAQ;IACrB,OAAO;IACP,OAAO;IACP,eAAe;IACf,iBAAiB;IACjB,WAAW;IACX,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,iBAAiB;SAClB,CAAA;AAED,cAAM,CAAC,WAAW,GAAG,SAAS,CAAA;AAE9B,cAAM,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACvD,OAAO,cAA2E,CAAA;AACpF,CAAC,CAAA;AAED,cAAM,CAAC,YAAY,GAAG;IACpB,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,qBAAqB,EAAE,CAAC;IACxB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,IAAI;IACpB,WAAW,EAAE,IAAI;IACjB,IAAI,EAAE,CAAC;IACP,oBAAoB,EAAE,KAAK;IAC3B,YAAY,EAAE,IAAI;CACK,CAAA;AAEzB,mCAAgB,CAAC,iBAAiB,CAAC,cAAM,CAAC,CAAA"}
|
|
@@ -7,6 +7,6 @@ export declare const Switch: {
|
|
|
7
7
|
styleRegistryName: string;
|
|
8
8
|
elements: string[];
|
|
9
9
|
rootElement: string;
|
|
10
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<SwitchProps,
|
|
10
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<SwitchProps, typeof styles>) => IJSX;
|
|
11
11
|
defaultProps: Partial<SwitchProps>;
|
|
12
12
|
};
|
|
@@ -39,7 +39,7 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
39
39
|
var InputBase_1 = require("../InputBase");
|
|
40
40
|
var lib_1 = require("../../lib");
|
|
41
41
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
42
|
-
var
|
|
42
|
+
var react_1 = require("motion/react");
|
|
43
43
|
var styles_1 = require("@codeleap/styles");
|
|
44
44
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
45
45
|
var useInputBase_1 = require("../InputBase/useInputBase");
|
|
@@ -94,7 +94,7 @@ var Switch = function (props) {
|
|
|
94
94
|
onChange === null || onChange === void 0 ? void 0 : onChange(!inputValue);
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
|
-
return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { ref: wrapperRef, debugName: debugName, style: styles, order: _switchOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder, disabled: disabled, noError: true
|
|
97
|
+
return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { ref: wrapperRef, debugName: debugName, style: styles, order: _switchOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder, disabled: disabled, noError: true, children: (0, jsx_runtime_1.jsx)(react_1.motion.div, { style: trackStyles, initial: false, animate: trackAnimation, transition: styles['track:transition'], onClick: handleChange, onKeyDown: handleChange, tabIndex: 0, children: (0, jsx_runtime_1.jsx)(react_1.motion.div, { style: thumbStyles, initial: false, animate: thumbAnimation, transition: styles['thumb:transition'] }) }) })));
|
|
98
98
|
};
|
|
99
99
|
exports.Switch = Switch;
|
|
100
100
|
exports.Switch.styleRegistryName = 'Switch';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAAqF;AACrF,iCAAoD;AACpD,+DAA6D;AAC7D
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,6 @@ export declare const Tag: {
|
|
|
7
7
|
styleRegistryName: string;
|
|
8
8
|
elements: string[];
|
|
9
9
|
rootElement: string;
|
|
10
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TagProps,
|
|
10
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TagProps, typeof styles>) => IJSX;
|
|
11
11
|
defaultProps: Partial<TagProps>;
|
|
12
12
|
};
|
|
@@ -69,7 +69,7 @@ var Tag = function (props) {
|
|
|
69
69
|
var textStyles = react_1.default.useMemo(function () { return getStylesByKey('text'); }, [styles, disabled, isPressable]);
|
|
70
70
|
var leftIconStyles = react_1.default.useMemo(function () { return getStylesByKey('leftIcon'); }, [styles, disabled, isPressable]);
|
|
71
71
|
var rightIconStyles = react_1.default.useMemo(function () { return getStylesByKey('rightIcon'); }, [styles, disabled, isPressable]);
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ disabled: disabled }, wrapperProps, { style: wrapperStyles
|
|
72
|
+
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ disabled: disabled }, wrapperProps, { style: wrapperStyles, children: [leftComponent, leftBadge && ((0, jsx_runtime_1.jsx)(Badge_1.Badge, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":leftBadge"), style: compositionStyles.leftBadge, badge: leftBadge, disabled: disabled }, leftBadgeProps))), !types_1.TypeGuards.isNil(leftIcon) && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":leftIcon"), style: leftIconStyles, name: leftIcon }, leftIconProps))), types_1.TypeGuards.isString(text) ? (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: text, style: textStyles }, textProps)) : text, children, !types_1.TypeGuards.isNil(rightIcon) && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":rightIcon"), style: rightIconStyles, name: rightIcon }, rightIconProps))), rightBadge && ((0, jsx_runtime_1.jsx)(Badge_1.Badge, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":rightBadge"), style: compositionStyles.rightBadge, badge: rightBadge, disabled: disabled }, rightBadgeProps))), rightComponent] })));
|
|
73
73
|
};
|
|
74
74
|
exports.Tag = Tag;
|
|
75
75
|
exports.Tag.styleRegistryName = 'Tag';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAA4C;AAG5C,gCAA8B;AAC9B,gCAA8B;AAC9B,0CAAwC;AACxC,gCAA8B;AAC9B,kCAAgC;AAChC,6DAA2D;AAC3D,+DAA6D;AAC7D,2CAA2G;AAE3G,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,GAAG,GAAG,UAAC,KAAe;IACjC,IAAM,2BAmBD,WAAG,CAAC,YAAY,GAChB,KAAK,CACT,EApBC,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,cAAc,cAjBb,gOAkBL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,WAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzD,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,CAAA;IAEnF,IAAM,WAAW,GAAG,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAElD,IAAM,OAAO,GAAQ,WAAW,CAAC,CAAC,CAAC,qBAAS,CAAC,CAAC,CAAC,WAAI,CAAA;IAEnD,IAAM,YAAY,GAAG,WAAW,CAAC,CAAC,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC,CAAC,cAAc,CAAA;IAElF,IAAM,cAAc,GAAG,UAAC,QAAkB,IAAK,OAAA,IAAA,oBAAW,EAAC;QACzD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,QAAQ,CAAC;QAClB,WAAW,IAAI,MAAM,CAAC,UAAG,QAAQ,eAAY,CAAC;QAC9C,QAAQ,IAAI,MAAM,CAAC,UAAG,QAAQ,cAAW,CAAC;KAC3C,CAAC,EAJ6C,CAI7C,CAAA;IAEF,IAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,SAAS,CAAC,EAAzB,CAAyB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAC5G,IAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAC/F,IAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,UAAU,CAAC,EAA1B,CAA0B,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IACvG,IAAM,eAAe,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,WAAW,CAAC,EAA3B,CAA2B,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEzG,OAAO,CACL,wBAAC,OAAO,aAAC,QAAQ,EAAE,QAAQ,IAAM,YAAY,IAAE,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
1
2
|
import { TextProps } 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 Text:
|
|
6
|
+
export declare const Text: {
|
|
7
|
+
(textProps: TextProps): 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 = "p">(props: StyledComponentProps<TextProps<T>, typeof styles>) => IJSX;
|
|
12
|
+
defaultProps: Partial<TextProps>;
|
|
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,21 +35,24 @@ 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.Text = void 0;
|
|
52
43
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
53
44
|
var types_1 = require("@codeleap/types");
|
|
54
|
-
var
|
|
55
|
-
var
|
|
45
|
+
var react_1 = require("motion/react");
|
|
46
|
+
var react_2 = __importDefault(require("react"));
|
|
56
47
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
57
48
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
58
49
|
__exportStar(require("./styles"), exports);
|
|
59
50
|
__exportStar(require("./types"), exports);
|
|
60
|
-
|
|
61
|
-
var _a = __assign(__assign({}, exports.Text.defaultProps), textProps), style = _a.style, text = _a.text, children = _a.children, component = _a.component, debugName = _a.debugName, onPress = _a.onPress, debounce = _a.debounce, pressDisabled = _a.pressDisabled, onClick = _a.onClick, animated = _a.animated, animatedProps = _a.animatedProps, props = __rest(_a, ["style", "text", "children", "component", "debugName", "onPress", "debounce", "pressDisabled", "onClick", "animated", "animatedProps"]);
|
|
51
|
+
var Text = function (textProps) {
|
|
52
|
+
var _a = __assign(__assign({}, exports.Text.defaultProps), textProps), style = _a.style, text = _a.text, children = _a.children, component = _a.component, debugName = _a.debugName, onPress = _a.onPress, debounce = _a.debounce, pressDisabled = _a.pressDisabled, onClick = _a.onClick, animated = _a.animated, animatedProps = _a.animatedProps, ref = _a.ref, props = __rest(_a, ["style", "text", "children", "component", "debugName", "onPress", "debounce", "pressDisabled", "onClick", "animated", "animatedProps", "ref"]);
|
|
62
53
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.Text.styleRegistryName, style);
|
|
63
|
-
var Component = animated ? ((
|
|
64
|
-
var pressedRef =
|
|
54
|
+
var Component = animated ? ((react_1.motion === null || react_1.motion === void 0 ? void 0 : react_1.motion[component]) || react_1.motion.p) : (component || 'p');
|
|
55
|
+
var pressedRef = react_2.default.useRef(false);
|
|
65
56
|
var isPressable = (types_1.TypeGuards.isFunction(onPress) || types_1.TypeGuards.isFunction(onClick)) && !pressDisabled;
|
|
66
57
|
var disabled = isPressable === false;
|
|
67
58
|
var _onPress = function (e) {
|
|
@@ -89,8 +80,9 @@ exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
|
|
|
89
80
|
onClick: disabled ? null : _onPress,
|
|
90
81
|
} : {};
|
|
91
82
|
var componentProps = __assign(__assign(__assign({}, props), pressProps), animatedProps);
|
|
92
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { ref: ref, css: [styles.text, disabled && styles['text:disabled']]
|
|
93
|
-
}
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { ref: ref, css: [styles.text, disabled && styles['text:disabled']], children: text || children })));
|
|
84
|
+
};
|
|
85
|
+
exports.Text = Text;
|
|
94
86
|
exports.Text.styleRegistryName = 'Text';
|
|
95
87
|
exports.Text.elements = ['text'];
|
|
96
88
|
exports.Text.rootElement = 'text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,sCAAqC;AACrC,gDAAsD;AAEtD,6DAA2D;AAC3D,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,IAAI,GAAG,UAAC,SAAoB;IACvC,IAAM,2BAeD,YAAI,CAAC,YAAY,GACjB,SAAS,CACb,EAhBC,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,GAAG,SAAA,EACA,KAAK,cAbJ,8IAcL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAgB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA,cAAM,aAAN,cAAM,uBAAN,cAAM,CAAG,SAAmB,CAAC,KAAI,cAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,CAAA;IAE1G,IAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEtC,IAAM,WAAW,GAAG,CAAC,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAA;IAExG,IAAM,QAAQ,GAAG,WAAW,KAAK,KAAK,CAAA;IAEtC,IAAM,QAAQ,GAAG,UAAC,CAAC;QACjB,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAM,WAAW,GAAG;YAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;QACd,CAAC,CAAA;QAED,IAAI,kBAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,OAAM;YACR,CAAC;YAED,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;YACzB,WAAW,EAAE,CAAA;YACb,UAAU,CAAC;gBACT,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;YAC5B,CAAC,EAAE,QAAQ,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,WAAW,EAAE,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC;QAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;KACpC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEN,IAAM,cAAc,kCACf,KAAK,GACL,UAAU,GACV,aAAa,CACjB,CAAA;IAED,OAAO,CACL,uBAAC,SAAS,eAAK,cAAc,IAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,YAC7F,IAAI,IAAI,QAAQ,IACP,CACb,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,IAAI,QAoEhB;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAAuG,CAAA;AAChH,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,gBAAgB;IAC3B,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,EAAE;CACI,CAAA;AAEvB,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, ElementType } from 'react';
|
|
1
|
+
import { ComponentPropsWithoutRef, ElementType, RefObject } from 'react';
|
|
2
2
|
import { TextComposition } from './styles';
|
|
3
3
|
import { AnyRecord, StyledProp } from '@codeleap/styles';
|
|
4
|
-
import { MotionProps } from '
|
|
4
|
+
import { MotionProps } from 'motion/react';
|
|
5
5
|
export type TextProps<T extends ElementType = 'p'> = Omit<ComponentPropsWithoutRef<T>, 'style'> & {
|
|
6
6
|
component?: ElementType<AnyRecord>;
|
|
7
7
|
text?: string;
|
|
@@ -12,4 +12,5 @@ export type TextProps<T extends ElementType = 'p'> = Omit<ComponentPropsWithoutR
|
|
|
12
12
|
onPress?: (event: React.MouseEventHandler<T>) => void;
|
|
13
13
|
animated?: boolean;
|
|
14
14
|
animatedProps?: Partial<MotionProps>;
|
|
15
|
+
ref?: RefObject<HTMLParagraphElement | null>;
|
|
15
16
|
};
|
|
@@ -7,6 +7,6 @@ export declare const TextEditor: {
|
|
|
7
7
|
styleRegistryName: string;
|
|
8
8
|
elements: string[];
|
|
9
9
|
rootElement: string;
|
|
10
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TextEditorProps,
|
|
10
|
+
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TextEditorProps, typeof styles>) => IJSX;
|
|
11
11
|
defaultProps: Partial<TextEditorProps>;
|
|
12
12
|
};
|
|
@@ -32,7 +32,7 @@ exports.TextEditor = void 0;
|
|
|
32
32
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
33
33
|
var react_1 = __importDefault(require("react"));
|
|
34
34
|
var hooks_1 = require("@codeleap/hooks");
|
|
35
|
-
|
|
35
|
+
// import { BubbleMenu, FloatingMenu, EditorContent } from '@tiptap/react'
|
|
36
36
|
var components_1 = require("../components");
|
|
37
37
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
38
38
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
@@ -58,14 +58,26 @@ var TextEditor = function (props) {
|
|
|
58
58
|
};
|
|
59
59
|
}, [editor, handleBlur, handleFocus]);
|
|
60
60
|
var _BubbleMenu = (0, hooks_1.useCallback)(function () {
|
|
61
|
-
return
|
|
62
|
-
//
|
|
63
|
-
|
|
61
|
+
return null;
|
|
62
|
+
// return (
|
|
63
|
+
// // @ts-expect-error icss type
|
|
64
|
+
// <BubbleMenu css={[styles.bubbleMenu]} {...bubbleMenuProps} editor={editor}>
|
|
65
|
+
// <View style={styles.bubbleMenuInnerWrapper}>
|
|
66
|
+
// {bubbleMenuProps?.renderContent}
|
|
67
|
+
// </View>
|
|
68
|
+
// </BubbleMenu>
|
|
69
|
+
// )
|
|
64
70
|
}, [editor]);
|
|
65
71
|
var _FloatingMenu = (0, hooks_1.useCallback)(function () {
|
|
66
|
-
return
|
|
67
|
-
//
|
|
68
|
-
|
|
72
|
+
return null;
|
|
73
|
+
// return (
|
|
74
|
+
// // @ts-expect-error icss type
|
|
75
|
+
// <FloatingMenu css={[styles.floatingMenu]} {...floatingMenuProps} editor={editor}>
|
|
76
|
+
// <View style={styles.floatingMenuInnerWrapper}>
|
|
77
|
+
// {floatingMenuProps?.renderContent}
|
|
78
|
+
// </View>
|
|
79
|
+
// </FloatingMenu>
|
|
80
|
+
// )
|
|
69
81
|
}, [editor]);
|
|
70
82
|
var editorStyles = [
|
|
71
83
|
styles.editor,
|
|
@@ -74,13 +86,13 @@ var TextEditor = function (props) {
|
|
|
74
86
|
];
|
|
75
87
|
if (!editor)
|
|
76
88
|
return null;
|
|
77
|
-
return ((0, jsx_runtime_1.jsxs)(components_1.View,
|
|
89
|
+
return ((0, jsx_runtime_1.jsxs)(components_1.View, { style: [
|
|
78
90
|
styles.wrapper,
|
|
79
91
|
(validation === null || validation === void 0 ? void 0 : validation.showError) && styles['wrapper:error'],
|
|
80
92
|
{
|
|
81
93
|
'.tiptap': editorStyles,
|
|
82
94
|
},
|
|
83
|
-
]
|
|
95
|
+
], children: [toolbarComponent, children, (0, jsx_runtime_1.jsx)(_BubbleMenu, {}), (0, jsx_runtime_1.jsx)(_FloatingMenu, {}), (validation === null || validation === void 0 ? void 0 : validation.showError) ? (0, jsx_runtime_1.jsx)(components_1.Text, { text: validation === null || validation === void 0 ? void 0 : validation.message, style: styles['errorMessage:error'] }) : null, (0, jsx_runtime_1.jsx)(components_1.FileInput, { ref: fileInputRef })] }));
|
|
84
96
|
};
|
|
85
97
|
exports.TextEditor = TextEditor;
|
|
86
98
|
exports.TextEditor.styleRegistryName = 'TextEditor';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextEditor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextEditor/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,24 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
2
|
import { AnyFunction } from '@codeleap/types';
|
|
3
3
|
import { StyledProp } from '@codeleap/styles';
|
|
4
|
-
import { BubbleMenuProps, Editor, FloatingMenuProps } from '@tiptap/react';
|
|
5
4
|
import { FileInputRef } from '../FileInput';
|
|
6
5
|
import { TextEditorComposition } from './styles';
|
|
7
6
|
import { Validator } from '@codeleap/form';
|
|
8
7
|
export type TextEditorProps = React.PropsWithChildren<{
|
|
9
|
-
editor:
|
|
8
|
+
editor: any & {
|
|
10
9
|
getText: AnyFunction;
|
|
11
10
|
isEditable: boolean;
|
|
12
11
|
on: AnyFunction;
|
|
13
12
|
off: AnyFunction;
|
|
14
13
|
};
|
|
15
14
|
style?: StyledProp<TextEditorComposition>;
|
|
16
|
-
bubbleMenuProps?:
|
|
15
|
+
bubbleMenuProps?: any & {
|
|
17
16
|
renderContent: React.ReactNode;
|
|
18
17
|
};
|
|
19
|
-
floatingMenuProps?:
|
|
18
|
+
floatingMenuProps?: any & {
|
|
20
19
|
renderContent: React.ReactNode;
|
|
21
20
|
};
|
|
22
|
-
toolbarComponent?:
|
|
21
|
+
toolbarComponent?: React.ReactElement;
|
|
23
22
|
fileInputRef?: RefObject<FileInputRef>;
|
|
24
23
|
validate?: Validator<string, any, any>;
|
|
25
24
|
}>;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { TextInputProps } from './types';
|
|
2
|
-
import {
|
|
2
|
+
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
3
|
export * from './types';
|
|
4
4
|
export * from './styles';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export declare const TextInput: {
|
|
6
|
+
(props: TextInputProps): 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<TextInputProps, typeof styles>) => IJSX;
|
|
11
|
+
defaultProps: TextInputProps;
|
|
12
|
+
};
|
|
@@ -52,8 +52,7 @@ exports.TextInput = void 0;
|
|
|
52
52
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
53
53
|
var types_1 = require("@codeleap/types");
|
|
54
54
|
var react_1 = require("react");
|
|
55
|
-
var
|
|
56
|
-
var react_input_mask_1 = __importDefault(require("react-input-mask"));
|
|
55
|
+
var react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
|
|
57
56
|
var Touchable_1 = require("../Touchable");
|
|
58
57
|
var InputBase_1 = require("../InputBase");
|
|
59
58
|
var test_1 = require("../../lib/utils/test");
|
|
@@ -63,15 +62,14 @@ var useTextInput_1 = require("./useTextInput");
|
|
|
63
62
|
var useInputBasePartialStyles_1 = require("../InputBase/useInputBasePartialStyles");
|
|
64
63
|
__exportStar(require("./types"), exports);
|
|
65
64
|
__exportStar(require("./styles"), exports);
|
|
66
|
-
|
|
67
|
-
exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
65
|
+
var TextInput = function (props) {
|
|
68
66
|
var _a;
|
|
69
|
-
var _b
|
|
67
|
+
var _b;
|
|
70
68
|
var allProps = __assign(__assign({}, exports.TextInput.defaultProps), props);
|
|
71
|
-
var
|
|
72
|
-
var
|
|
69
|
+
var _c = (0, InputBase_1.selectInputBaseProps)(allProps), inputBaseProps = _c.inputBaseProps, others = _c.others;
|
|
70
|
+
var _d = others, style = _d.style, debugName = _d.debugName, visibilityToggle = _d.visibilityToggle, password = _d.password, onPress = _d.onPress, caretColor = _d.caretColor, visibleIcon = _d.visibleIcon, hiddenIcon = _d.hiddenIcon, focused = _d.focused, inputRef = _d.ref, textInputProps = __rest(_d, ["style", "debugName", "visibilityToggle", "password", "onPress", "caretColor", "visibleIcon", "hiddenIcon", "focused", "ref"]);
|
|
73
71
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.TextInput.styleRegistryName, style);
|
|
74
|
-
var
|
|
72
|
+
var _e = (0, useTextInput_1.useTextInput)(allProps), isMultiline = _e.isMultiline, isInputFocused = _e.isFocused, secureTextEntry = _e.secureTextEntry, handleBlur = _e.handleBlur, handleFocus = _e.handleFocus, handleChange = _e.handleChange, innerInputRef = _e.innerInputRef, wrapperRef = _e.wrapperRef, errorMessage = _e.errorMessage, toggleSecureTextEntry = _e.toggleSecureTextEntry, hasMultipleLines = _e.hasMultipleLines, hasError = _e.hasError, inputValue = _e.inputValue;
|
|
75
73
|
var isFocused = isInputFocused || focused;
|
|
76
74
|
var isDisabled = !!inputBaseProps.disabled;
|
|
77
75
|
var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['placeholder', 'selection'], {
|
|
@@ -79,31 +77,17 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
79
77
|
error: !!hasError,
|
|
80
78
|
focus: isFocused,
|
|
81
79
|
});
|
|
82
|
-
var InputElement =
|
|
80
|
+
var InputElement = isMultiline ? react_textarea_autosize_1.default : 'input';
|
|
83
81
|
var isPressable = types_1.TypeGuards.isFunction(onPress);
|
|
84
|
-
var focus = function () {
|
|
85
|
-
var _a, _b, _c, _d;
|
|
86
|
-
if (isMasked) {
|
|
87
|
-
// @ts-expect-error
|
|
88
|
-
(_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.getInputDOMNode()) === null || _b === void 0 ? void 0 : _b.focus();
|
|
89
|
-
}
|
|
90
|
-
(_d = (_c = innerInputRef.current) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
91
|
-
};
|
|
92
82
|
(0, react_1.useImperativeHandle)(inputRef, function () {
|
|
93
|
-
return
|
|
94
|
-
|
|
95
|
-
isTextInput: true,
|
|
96
|
-
getInputRef: function () {
|
|
97
|
-
return innerInputRef.current;
|
|
98
|
-
},
|
|
99
|
-
};
|
|
100
|
-
}, [!!((_b = innerInputRef === null || innerInputRef === void 0 ? void 0 : innerInputRef.current) === null || _b === void 0 ? void 0 : _b.focus)]);
|
|
83
|
+
return innerInputRef === null || innerInputRef === void 0 ? void 0 : innerInputRef.current;
|
|
84
|
+
}, []);
|
|
101
85
|
var visibilityToggleProps = visibilityToggle ? {
|
|
102
86
|
onPress: toggleSecureTextEntry,
|
|
103
87
|
icon: (secureTextEntry ? hiddenIcon : visibleIcon),
|
|
104
88
|
debugName: "".concat(debugName, " toggle visibility"),
|
|
105
89
|
} : null;
|
|
106
|
-
var rightIcon = (
|
|
90
|
+
var rightIcon = (_b = inputBaseProps === null || inputBaseProps === void 0 ? void 0 : inputBaseProps.rightIcon) !== null && _b !== void 0 ? _b : visibilityToggleProps;
|
|
107
91
|
var buttonModeProps = isPressable ? {
|
|
108
92
|
editable: false,
|
|
109
93
|
caretHidden: true,
|
|
@@ -120,7 +104,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
120
104
|
focus();
|
|
121
105
|
if (isPressable)
|
|
122
106
|
onPress === null || onPress === void 0 ? void 0 : onPress();
|
|
123
|
-
}, _a.debugName = debugName, _a)), rightIcon: rightIcon, focused: isFocused
|
|
107
|
+
}, _a.debugName = debugName, _a)), rightIcon: rightIcon, focused: isFocused, children: (0, jsx_runtime_1.jsx)(InputElement, __assign({ editable: "".concat(!isPressable && !isDisabled) }, buttonModeProps, secureTextProps, textInputProps, { onBlur: handleBlur, onFocus: handleFocus, css: [
|
|
124
108
|
styles.input,
|
|
125
109
|
isMultiline && styles['input:multiline'],
|
|
126
110
|
isFocused && styles['input:focus'],
|
|
@@ -140,8 +124,9 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
140
124
|
caretColorStyle,
|
|
141
125
|
],
|
|
142
126
|
},
|
|
143
|
-
]
|
|
144
|
-
}
|
|
127
|
+
], onChange: handleChange, ref: innerInputRef, value: inputValue, "data-testid": testId })) })));
|
|
128
|
+
};
|
|
129
|
+
exports.TextInput = TextInput;
|
|
145
130
|
exports.TextInput.styleRegistryName = 'TextInput';
|
|
146
131
|
exports.TextInput.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['input', 'placeholder', 'selection'], false);
|
|
147
132
|
exports.TextInput.rootElement = 'wrapper';
|
|
@@ -151,7 +136,6 @@ exports.TextInput.withVariantTypes = function (styles) {
|
|
|
151
136
|
exports.TextInput.defaultProps = {
|
|
152
137
|
hiddenIcon: 'input-visiblity:hidden',
|
|
153
138
|
visibleIcon: 'input-visiblity:visible',
|
|
154
|
-
masking: null,
|
|
155
139
|
};
|
|
156
140
|
WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.TextInput);
|
|
157
141
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,9 @@ import { InputBaseProps } from '../InputBase';
|
|
|
4
4
|
import { HTMLProps } from '../../types';
|
|
5
5
|
import { TextInputComposition } from './styles';
|
|
6
6
|
import { Field } from '@codeleap/form';
|
|
7
|
-
import {
|
|
7
|
+
import { RefObject } from 'react';
|
|
8
8
|
type NativeTextInputProps = HTMLProps<'input'>;
|
|
9
|
+
export type InputRef = HTMLInputElement;
|
|
9
10
|
export type TextInputProps = Omit<InputBaseProps, 'style' | 'ref'> & Omit<NativeTextInputProps, 'value' | 'crossOrigin' | 'ref' | 'style'> & {
|
|
10
11
|
style?: StyledProp<TextInputComposition>;
|
|
11
12
|
password?: boolean;
|
|
@@ -17,49 +18,12 @@ export type TextInputProps = Omit<InputBaseProps, 'style' | 'ref'> & Omit<Native
|
|
|
17
18
|
focused?: boolean;
|
|
18
19
|
forceError?: string;
|
|
19
20
|
rows?: number;
|
|
20
|
-
masking?: TextInputMaskingProps;
|
|
21
21
|
visibleIcon?: AppIcon;
|
|
22
22
|
hiddenIcon?: AppIcon;
|
|
23
23
|
field?: Field<string, any, any>;
|
|
24
24
|
value?: string;
|
|
25
25
|
onValueChange?: (value: string) => void;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
isTextInput?: boolean;
|
|
29
|
-
focus: () => void;
|
|
30
|
-
getInputRef: () => HTMLInputElement;
|
|
31
|
-
};
|
|
32
|
-
type beforeMaskedValueChangeArgs = {
|
|
33
|
-
state: {
|
|
34
|
-
value: string | undefined;
|
|
35
|
-
selection: {
|
|
36
|
-
start: number;
|
|
37
|
-
end: number;
|
|
38
|
-
length?: number;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
userInput: null | string;
|
|
42
|
-
};
|
|
43
|
-
export type FormatChar = `[${string}]`;
|
|
44
|
-
export type MaskProps = {
|
|
45
|
-
obfuscated?: boolean;
|
|
46
|
-
mask?: string;
|
|
47
|
-
placeholder?: string;
|
|
48
|
-
maskChar?: string;
|
|
49
|
-
formatChars?: Record<string, FormatChar>;
|
|
50
|
-
alwaysShowMask?: boolean;
|
|
51
|
-
validator?: AnyFunction;
|
|
52
|
-
maskType?: 'BRL' | 'INTERNATIONAL';
|
|
53
|
-
getRawValue?: (value: any) => string;
|
|
54
|
-
};
|
|
55
|
-
export type TextInputMaskTypeProp = 'credit-card' | 'cpf' | 'cnpj' | 'zip-code' | 'cel-phone' | 'custom';
|
|
56
|
-
export interface TextInputMaskingProps {
|
|
57
|
-
type: TextInputMaskTypeProp;
|
|
58
|
-
options?: MaskProps;
|
|
59
|
-
onChangeMask?: (newState: beforeMaskedValueChangeArgs['state'], oldState: beforeMaskedValueChangeArgs['state'], userInput: beforeMaskedValueChangeArgs['userInput']) => beforeMaskedValueChangeArgs['state'];
|
|
60
|
-
saveFormatted?: boolean;
|
|
61
|
-
}
|
|
62
|
-
export type InputMaskProps = {
|
|
63
|
-
masking: TextInputMaskingProps;
|
|
26
|
+
onChangeText?: NativeTextInputProps['onChange'];
|
|
27
|
+
ref?: RefObject<InputRef | null>;
|
|
64
28
|
};
|
|
65
29
|
export {};
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextInputProps } from './types';
|
|
3
3
|
export declare function useTextInput(props: Partial<TextInputProps>): {
|
|
4
|
-
maskProps: import("./types").MaskProps & {
|
|
5
|
-
notSaveFormatted: boolean;
|
|
6
|
-
};
|
|
7
4
|
isMultiline: boolean;
|
|
8
|
-
isMasked: boolean;
|
|
9
5
|
isFocused: boolean;
|
|
10
6
|
secureTextEntry: boolean;
|
|
11
7
|
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
@@ -79,8 +75,8 @@ export declare function useTextInput(props: Partial<TextInputProps>): {
|
|
|
79
75
|
validation: import("@codeleap/form").ValidationResult<any, unknown>;
|
|
80
76
|
value: string;
|
|
81
77
|
};
|
|
82
|
-
innerInputRef: React.
|
|
83
|
-
wrapperRef: React.
|
|
78
|
+
innerInputRef: React.RefObject<HTMLInputElement>;
|
|
79
|
+
wrapperRef: React.RefObject<HTMLDivElement>;
|
|
84
80
|
errorMessage: any;
|
|
85
81
|
toggleSecureTextEntry: () => void;
|
|
86
82
|
hasMultipleLines: boolean;
|