@codeleap/mobile 2.4.7 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mobile-packages.code-workspace +27 -0
- package/package.json +25 -33
- package/src/components/ActionIcon/index.tsx +16 -6
- package/src/components/ActionIcon/styles.ts +3 -90
- package/src/components/ActivityIndicator/index.tsx +28 -9
- package/src/components/ActivityIndicator/styles.ts +2 -59
- package/src/components/Autocomplete/index.tsx +235 -0
- package/src/components/Autocomplete/styles.ts +18 -0
- package/src/components/Autocomplete/types.ts +75 -0
- package/src/components/Avatar/index.tsx +126 -0
- package/src/components/Avatar/styles.ts +22 -0
- package/src/components/AvatarGroup/index.tsx +76 -0
- package/src/components/AvatarGroup/styles.ts +11 -0
- package/src/components/Backdrop/index.tsx +14 -13
- package/src/components/Backdrop/styles.ts +3 -24
- package/src/components/Badge/index.tsx +134 -0
- package/src/components/Badge/styles.ts +14 -0
- package/src/components/Button/index.tsx +39 -49
- package/src/components/Button/styles.ts +6 -107
- package/src/components/Calendar/index.tsx +3 -3
- package/src/components/Calendar/style.ts +2 -31
- package/src/components/Checkbox/index.tsx +137 -74
- package/src/components/Checkbox/styles.ts +13 -73
- package/src/components/ContentView/index.tsx +2 -2
- package/src/components/ContentView/styles.ts +1 -17
- package/src/components/DatePickerModal/index.tsx +240 -0
- package/src/components/DatePickerModal/styles.ts +15 -0
- package/src/components/DatePickerModal/types.ts +55 -0
- package/src/components/Drawer/index.tsx +2 -2
- package/src/components/Drawer/styles.ts +4 -39
- package/src/components/EmptyPlaceholder/index.tsx +3 -3
- package/src/components/EmptyPlaceholder/styles.ts +2 -47
- package/src/components/FileInput/styles.ts +1 -8
- package/src/components/Grid/index.tsx +76 -72
- package/src/components/Grid/styles.ts +4 -7
- package/src/components/Icon/index.tsx +46 -8
- package/src/components/Icon/styles.ts +3 -51
- package/src/components/Image/index.tsx +18 -22
- package/src/components/Image/styles.ts +1 -14
- package/src/components/ImageView/Spotlight.tsx +4 -2
- package/src/components/ImageView/component.tsx +0 -3
- package/src/components/InputBase/index.tsx +101 -0
- package/src/components/InputBase/styles.ts +135 -0
- package/src/components/InputBase/types.ts +28 -0
- package/src/components/InputBase/utils.ts +42 -0
- package/src/components/InputLabel/index.tsx +3 -3
- package/src/components/InputLabel/styles.ts +2 -14
- package/src/components/List/PaginationIndicator.tsx +4 -21
- package/src/components/List/index.tsx +84 -46
- package/src/components/List/styles.ts +8 -20
- package/src/components/LoadingOverlay/index.tsx +45 -45
- package/src/components/LoadingOverlay/styles.ts +5 -27
- package/src/components/Modal/index.tsx +56 -32
- package/src/components/Modal/styles.ts +3 -114
- package/src/components/NumberIncrement/index.tsx +318 -0
- package/src/components/NumberIncrement/styles.ts +14 -0
- package/src/components/NumberIncrement/types.ts +44 -0
- package/src/components/NumberIncrement/utils.ts +27 -0
- package/src/components/Pager/index.tsx +120 -67
- package/src/components/Pager/styles.ts +2 -69
- package/src/components/RadioInput/index.tsx +145 -68
- package/src/components/RadioInput/styles.ts +8 -61
- package/src/components/RefreshControl/index.tsx +28 -0
- package/src/components/RefreshControl/styles.ts +7 -0
- package/src/components/Scroll/index.tsx +22 -37
- package/src/components/Scroll/styles.ts +2 -16
- package/src/components/Sections/index.tsx +116 -54
- package/src/components/Sections/styles.ts +7 -0
- package/src/components/SegmentedControl/Option.tsx +51 -0
- package/src/components/SegmentedControl/index.tsx +51 -67
- package/src/components/SegmentedControl/styles.ts +7 -63
- package/src/components/Select/index.tsx +268 -95
- package/src/components/Select/styles.ts +11 -131
- package/src/components/Select/types.ts +47 -11
- package/src/components/Slider/index.tsx +151 -94
- package/src/components/Slider/styles.ts +7 -72
- package/src/components/Slider/types.ts +18 -20
- package/src/components/Switch/index.tsx +115 -63
- package/src/components/Switch/styles.ts +13 -30
- package/src/components/Text/index.tsx +14 -31
- package/src/components/Text/styles.ts +2 -41
- package/src/components/TextInput/index.tsx +237 -259
- package/src/components/TextInput/styles.ts +6 -120
- package/src/components/Touchable/index.tsx +74 -27
- package/src/components/Touchable/styles.ts +1 -12
- package/src/components/View/index.tsx +11 -26
- package/src/components/View/styles.ts +1 -17
- package/src/components/components.ts +9 -5
- package/src/components/defaultStyles.ts +74 -61
- package/src/index.ts +0 -1
- package/src/modules/PressableRipple/index.ts +5 -0
- package/src/modules/PressableRipple/ripple.js +258 -0
- package/src/modules/PressableRipple/styles.js +22 -0
- package/src/modules/PressableRipple/type.ts +17 -0
- package/src/modules/textInputMask.tsx +13 -0
- package/src/types/index.ts +5 -0
- package/src/types/utility.ts +2 -2
- package/src/utils/KeyboardAware/index.ts +0 -13
- package/src/utils/KeyboardAware/keyboardHooks.ts +69 -79
- package/src/utils/hooks.ts +63 -36
- package/src/utils/index.ts +1 -0
- package/src/utils/locale.ts +7 -0
- package/src/utils/theme.ts +1 -21
- package/dist/components/ActionIcon/index.d.ts +0 -13
- package/dist/components/ActionIcon/index.js +0 -51
- package/dist/components/ActionIcon/index.js.map +0 -1
- package/dist/components/ActionIcon/styles.d.ts +0 -65
- package/dist/components/ActionIcon/styles.js +0 -61
- package/dist/components/ActionIcon/styles.js.map +0 -1
- package/dist/components/ActivityIndicator/index.d.ts +0 -15
- package/dist/components/ActivityIndicator/index.js +0 -55
- package/dist/components/ActivityIndicator/index.js.map +0 -1
- package/dist/components/ActivityIndicator/styles.d.ts +0 -59
- package/dist/components/ActivityIndicator/styles.js +0 -52
- package/dist/components/ActivityIndicator/styles.js.map +0 -1
- package/dist/components/Animated.d.ts +0 -15
- package/dist/components/Animated.js +0 -55
- package/dist/components/Animated.js.map +0 -1
- package/dist/components/AutoComplete/index.d.ts +0 -34
- package/dist/components/AutoComplete/index.js +0 -126
- package/dist/components/AutoComplete/index.js.map +0 -1
- package/dist/components/AutoComplete/styles.d.ts +0 -57
- package/dist/components/AutoComplete/styles.js +0 -89
- package/dist/components/AutoComplete/styles.js.map +0 -1
- package/dist/components/Backdrop/index.d.ts +0 -14
- package/dist/components/Backdrop/index.js +0 -59
- package/dist/components/Backdrop/index.js.map +0 -1
- package/dist/components/Backdrop/styles.d.ts +0 -53
- package/dist/components/Backdrop/styles.js +0 -28
- package/dist/components/Backdrop/styles.js.map +0 -1
- package/dist/components/Button/index.d.ts +0 -246
- package/dist/components/Button/index.js +0 -115
- package/dist/components/Button/index.js.map +0 -1
- package/dist/components/Button/styles.d.ts +0 -65
- package/dist/components/Button/styles.js +0 -61
- package/dist/components/Button/styles.js.map +0 -1
- package/dist/components/Calendar/index.d.ts +0 -15
- package/dist/components/Calendar/index.js +0 -76
- package/dist/components/Calendar/index.js.map +0 -1
- package/dist/components/Calendar/style.d.ts +0 -4
- package/dist/components/Calendar/style.js +0 -36
- package/dist/components/Calendar/style.js.map +0 -1
- package/dist/components/Calendar/types.d.ts +0 -95
- package/dist/components/Calendar/types.js +0 -3
- package/dist/components/Calendar/types.js.map +0 -1
- package/dist/components/Checkbox/index.d.ts +0 -15
- package/dist/components/Checkbox/index.js +0 -81
- package/dist/components/Checkbox/index.js.map +0 -1
- package/dist/components/Checkbox/styles.d.ts +0 -56
- package/dist/components/Checkbox/styles.js +0 -53
- package/dist/components/Checkbox/styles.js.map +0 -1
- package/dist/components/ContentView/index.d.ts +0 -12
- package/dist/components/ContentView/index.js +0 -62
- package/dist/components/ContentView/index.js.map +0 -1
- package/dist/components/ContentView/styles.d.ts +0 -53
- package/dist/components/ContentView/styles.js +0 -26
- package/dist/components/ContentView/styles.js.map +0 -1
- package/dist/components/Drawer/index.d.ts +0 -7
- package/dist/components/Drawer/index.js +0 -66
- package/dist/components/Drawer/index.js.map +0 -1
- package/dist/components/Drawer/styles.d.ts +0 -56
- package/dist/components/Drawer/styles.js +0 -39
- package/dist/components/Drawer/styles.js.map +0 -1
- package/dist/components/EmptyPlaceholder/index.d.ts +0 -25
- package/dist/components/EmptyPlaceholder/index.js +0 -88
- package/dist/components/EmptyPlaceholder/index.js.map +0 -1
- package/dist/components/EmptyPlaceholder/styles.d.ts +0 -55
- package/dist/components/EmptyPlaceholder/styles.js +0 -30
- package/dist/components/EmptyPlaceholder/styles.js.map +0 -1
- package/dist/components/FileInput/index.d.ts +0 -24
- package/dist/components/FileInput/index.js +0 -179
- package/dist/components/FileInput/index.js.map +0 -1
- package/dist/components/FileInput/styles.d.ts +0 -53
- package/dist/components/FileInput/styles.js +0 -19
- package/dist/components/FileInput/styles.js.map +0 -1
- package/dist/components/Grid/index.d.ts +0 -32
- package/dist/components/Grid/index.js +0 -80
- package/dist/components/Grid/index.js.map +0 -1
- package/dist/components/Grid/styles.d.ts +0 -54
- package/dist/components/Grid/styles.js +0 -19
- package/dist/components/Grid/styles.js.map +0 -1
- package/dist/components/Icon/index.d.ts +0 -14
- package/dist/components/Icon/index.js +0 -75
- package/dist/components/Icon/index.js.map +0 -1
- package/dist/components/Icon/styles.d.ts +0 -61
- package/dist/components/Icon/styles.js +0 -49
- package/dist/components/Icon/styles.js.map +0 -1
- package/dist/components/Image/index.d.ts +0 -25
- package/dist/components/Image/index.js +0 -130
- package/dist/components/Image/index.js.map +0 -1
- package/dist/components/Image/styles.d.ts +0 -55
- package/dist/components/Image/styles.js +0 -25
- package/dist/components/Image/styles.js.map +0 -1
- package/dist/components/ImageView/Spotlight.d.ts +0 -25
- package/dist/components/ImageView/Spotlight.js +0 -150
- package/dist/components/ImageView/Spotlight.js.map +0 -1
- package/dist/components/ImageView/component.d.ts +0 -5
- package/dist/components/ImageView/component.js +0 -50
- package/dist/components/ImageView/component.js.map +0 -1
- package/dist/components/ImageView/index.d.ts +0 -2
- package/dist/components/ImageView/index.js +0 -15
- package/dist/components/ImageView/index.js.map +0 -1
- package/dist/components/InputLabel/index.d.ts +0 -12
- package/dist/components/InputLabel/index.js +0 -58
- package/dist/components/InputLabel/index.js.map +0 -1
- package/dist/components/InputLabel/styles.d.ts +0 -4
- package/dist/components/InputLabel/styles.js +0 -26
- package/dist/components/InputLabel/styles.js.map +0 -1
- package/dist/components/List/PaginationIndicator.d.ts +0 -67
- package/dist/components/List/PaginationIndicator.js +0 -51
- package/dist/components/List/PaginationIndicator.js.map +0 -1
- package/dist/components/List/index.d.ts +0 -31
- package/dist/components/List/index.js +0 -77
- package/dist/components/List/index.js.map +0 -1
- package/dist/components/List/styles.d.ts +0 -54
- package/dist/components/List/styles.js +0 -28
- package/dist/components/List/styles.js.map +0 -1
- package/dist/components/LoadingOverlay/index.d.ts +0 -11
- package/dist/components/LoadingOverlay/index.js +0 -60
- package/dist/components/LoadingOverlay/index.js.map +0 -1
- package/dist/components/LoadingOverlay/styles.d.ts +0 -7
- package/dist/components/LoadingOverlay/styles.js +0 -34
- package/dist/components/LoadingOverlay/styles.js.map +0 -1
- package/dist/components/Modal/index.d.ts +0 -43
- package/dist/components/Modal/index.js +0 -147
- package/dist/components/Modal/index.js.map +0 -1
- package/dist/components/Modal/styles.d.ts +0 -58
- package/dist/components/Modal/styles.js +0 -74
- package/dist/components/Modal/styles.js.map +0 -1
- package/dist/components/MultiSelect/index.d.ts +0 -6
- package/dist/components/MultiSelect/index.js +0 -119
- package/dist/components/MultiSelect/index.js.map +0 -1
- package/dist/components/MultiSelect/styles.d.ts +0 -7
- package/dist/components/MultiSelect/styles.js +0 -84
- package/dist/components/MultiSelect/styles.js.map +0 -1
- package/dist/components/MultiSelect/types.d.ts +0 -43
- package/dist/components/MultiSelect/types.js +0 -3
- package/dist/components/MultiSelect/types.js.map +0 -1
- package/dist/components/Navigation/Navigation.d.ts +0 -3
- package/dist/components/Navigation/Navigation.js +0 -80
- package/dist/components/Navigation/Navigation.js.map +0 -1
- package/dist/components/Navigation/constants.d.ts +0 -5
- package/dist/components/Navigation/constants.js +0 -11
- package/dist/components/Navigation/constants.js.map +0 -1
- package/dist/components/Navigation/index.d.ts +0 -3
- package/dist/components/Navigation/index.js +0 -16
- package/dist/components/Navigation/index.js.map +0 -1
- package/dist/components/Navigation/types.d.ts +0 -26
- package/dist/components/Navigation/types.js +0 -8
- package/dist/components/Navigation/types.js.map +0 -1
- package/dist/components/Navigation/utils.d.ts +0 -3
- package/dist/components/Navigation/utils.js +0 -69
- package/dist/components/Navigation/utils.js.map +0 -1
- package/dist/components/Pager/index.d.ts +0 -26
- package/dist/components/Pager/index.js +0 -84
- package/dist/components/Pager/index.js.map +0 -1
- package/dist/components/Pager/styles.d.ts +0 -87
- package/dist/components/Pager/styles.js +0 -72
- package/dist/components/Pager/styles.js.map +0 -1
- package/dist/components/RadioInput/index.d.ts +0 -27
- package/dist/components/RadioInput/index.js +0 -72
- package/dist/components/RadioInput/index.js.map +0 -1
- package/dist/components/RadioInput/styles.d.ts +0 -58
- package/dist/components/RadioInput/styles.js +0 -50
- package/dist/components/RadioInput/styles.js.map +0 -1
- package/dist/components/Scroll/index.d.ts +0 -124
- package/dist/components/Scroll/index.js +0 -97
- package/dist/components/Scroll/index.js.map +0 -1
- package/dist/components/Scroll/styles.d.ts +0 -53
- package/dist/components/Scroll/styles.js +0 -26
- package/dist/components/Scroll/styles.js.map +0 -1
- package/dist/components/Sections/index.d.ts +0 -115
- package/dist/components/Sections/index.js +0 -76
- package/dist/components/Sections/index.js.map +0 -1
- package/dist/components/SegmentedControl/index.d.ts +0 -52
- package/dist/components/SegmentedControl/index.js +0 -131
- package/dist/components/SegmentedControl/index.js.map +0 -1
- package/dist/components/SegmentedControl/styles.d.ts +0 -60
- package/dist/components/SegmentedControl/styles.js +0 -43
- package/dist/components/SegmentedControl/styles.js.map +0 -1
- package/dist/components/Select/index.d.ts +0 -16
- package/dist/components/Select/index.js +0 -122
- package/dist/components/Select/index.js.map +0 -1
- package/dist/components/Select/styles.d.ts +0 -60
- package/dist/components/Select/styles.js +0 -83
- package/dist/components/Select/styles.js.map +0 -1
- package/dist/components/Select/types.d.ts +0 -43
- package/dist/components/Select/types.js +0 -3
- package/dist/components/Select/types.js.map +0 -1
- package/dist/components/Slider/Mark.d.ts +0 -3
- package/dist/components/Slider/Mark.js +0 -32
- package/dist/components/Slider/Mark.js.map +0 -1
- package/dist/components/Slider/Thumb.d.ts +0 -7
- package/dist/components/Slider/Thumb.js +0 -30
- package/dist/components/Slider/Thumb.js.map +0 -1
- package/dist/components/Slider/index.d.ts +0 -4
- package/dist/components/Slider/index.js +0 -99
- package/dist/components/Slider/index.js.map +0 -1
- package/dist/components/Slider/styles.d.ts +0 -54
- package/dist/components/Slider/styles.js +0 -61
- package/dist/components/Slider/styles.js.map +0 -1
- package/dist/components/Slider/types.d.ts +0 -26
- package/dist/components/Slider/types.js +0 -3
- package/dist/components/Slider/types.js.map +0 -1
- package/dist/components/Switch/index.d.ts +0 -14
- package/dist/components/Switch/index.js +0 -81
- package/dist/components/Switch/index.js.map +0 -1
- package/dist/components/Switch/styles.d.ts +0 -55
- package/dist/components/Switch/styles.js +0 -34
- package/dist/components/Switch/styles.js.map +0 -1
- package/dist/components/Text/index.d.ts +0 -25
- package/dist/components/Text/index.js +0 -121
- package/dist/components/Text/index.js.map +0 -1
- package/dist/components/Text/styles.d.ts +0 -70
- package/dist/components/Text/styles.js +0 -34
- package/dist/components/Text/styles.js.map +0 -1
- package/dist/components/TextInput/index.d.ts +0 -181
- package/dist/components/TextInput/index.js +0 -213
- package/dist/components/TextInput/index.js.map +0 -1
- package/dist/components/TextInput/styles.d.ts +0 -63
- package/dist/components/TextInput/styles.js +0 -65
- package/dist/components/TextInput/styles.js.map +0 -1
- package/dist/components/Touchable/index.d.ts +0 -22
- package/dist/components/Touchable/index.js +0 -165
- package/dist/components/Touchable/index.js.map +0 -1
- package/dist/components/Touchable/styles.d.ts +0 -58
- package/dist/components/Touchable/styles.js +0 -24
- package/dist/components/Touchable/styles.js.map +0 -1
- package/dist/components/View/index.d.ts +0 -25
- package/dist/components/View/index.js +0 -107
- package/dist/components/View/index.js.map +0 -1
- package/dist/components/View/styles.d.ts +0 -54
- package/dist/components/View/styles.js +0 -29
- package/dist/components/View/styles.js.map +0 -1
- package/dist/components/components.d.ts +0 -37
- package/dist/components/components.js +0 -50
- package/dist/components/components.js.map +0 -1
- package/dist/components/defaultStyles.d.ts +0 -1468
- package/dist/components/defaultStyles.js +0 -67
- package/dist/components/defaultStyles.js.map +0 -1
- package/dist/index.d.ts +0 -7
- package/dist/index.js +0 -39
- package/dist/index.js.map +0 -1
- package/dist/modules/documentPicker.d.ts +0 -3
- package/dist/modules/documentPicker.js +0 -12
- package/dist/modules/documentPicker.js.map +0 -1
- package/dist/modules/fastImage.d.ts +0 -1
- package/dist/modules/fastImage.js +0 -10
- package/dist/modules/fastImage.js.map +0 -1
- package/dist/modules/reactNavigation.d.ts +0 -5
- package/dist/modules/reactNavigation.js +0 -26
- package/dist/modules/reactNavigation.js.map +0 -1
- package/dist/modules/rnDeviceInfo.d.ts +0 -2
- package/dist/modules/rnDeviceInfo.js +0 -10
- package/dist/modules/rnDeviceInfo.js.map +0 -1
- package/dist/modules/textInputMask.d.ts +0 -10
- package/dist/modules/textInputMask.js +0 -19
- package/dist/modules/textInputMask.js.map +0 -1
- package/dist/modules/types/fileTypes.d.ts +0 -138
- package/dist/modules/types/fileTypes.js +0 -3
- package/dist/modules/types/fileTypes.js.map +0 -1
- package/dist/modules/types/textInputMask.d.ts +0 -7
- package/dist/modules/types/textInputMask.js +0 -3
- package/dist/modules/types/textInputMask.js.map +0 -1
- package/dist/types/index.d.ts +0 -1
- package/dist/types/index.js +0 -14
- package/dist/types/index.js.map +0 -1
- package/dist/types/utility.d.ts +0 -14
- package/dist/types/utility.js +0 -3
- package/dist/types/utility.js.map +0 -1
- package/dist/utils/KeyboardAware/context.d.ts +0 -13
- package/dist/utils/KeyboardAware/context.js +0 -63
- package/dist/utils/KeyboardAware/context.js.map +0 -1
- package/dist/utils/KeyboardAware/index.d.ts +0 -8
- package/dist/utils/KeyboardAware/index.js +0 -29
- package/dist/utils/KeyboardAware/index.js.map +0 -1
- package/dist/utils/KeyboardAware/keyboardHooks.d.ts +0 -26
- package/dist/utils/KeyboardAware/keyboardHooks.js +0 -87
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +0 -1
- package/dist/utils/KeyboardAware/lib/KeyboardAwareFlatList.d.ts +0 -3
- package/dist/utils/KeyboardAware/lib/KeyboardAwareFlatList.js +0 -9
- package/dist/utils/KeyboardAware/lib/KeyboardAwareFlatList.js.map +0 -1
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.d.ts +0 -67
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js +0 -439
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js.map +0 -1
- package/dist/utils/KeyboardAware/lib/KeyboardAwareInterface.d.ts +0 -7
- package/dist/utils/KeyboardAware/lib/KeyboardAwareInterface.js +0 -4
- package/dist/utils/KeyboardAware/lib/KeyboardAwareInterface.js.map +0 -1
- package/dist/utils/KeyboardAware/lib/KeyboardAwareScrollView.d.ts +0 -3
- package/dist/utils/KeyboardAware/lib/KeyboardAwareScrollView.js +0 -10
- package/dist/utils/KeyboardAware/lib/KeyboardAwareScrollView.js.map +0 -1
- package/dist/utils/KeyboardAware/lib/KeyboardAwareSectionList.d.ts +0 -3
- package/dist/utils/KeyboardAware/lib/KeyboardAwareSectionList.js +0 -10
- package/dist/utils/KeyboardAware/lib/KeyboardAwareSectionList.js.map +0 -1
- package/dist/utils/KeyboardAware/types.d.ts +0 -1
- package/dist/utils/KeyboardAware/types.js +0 -7
- package/dist/utils/KeyboardAware/types.js.map +0 -1
- package/dist/utils/ModalManager/components.d.ts +0 -20
- package/dist/utils/ModalManager/components.js +0 -114
- package/dist/utils/ModalManager/components.js.map +0 -1
- package/dist/utils/ModalManager/context.d.ts +0 -48
- package/dist/utils/ModalManager/context.js +0 -201
- package/dist/utils/ModalManager/context.js.map +0 -1
- package/dist/utils/ModalManager/index.d.ts +0 -11
- package/dist/utils/ModalManager/index.js +0 -13
- package/dist/utils/ModalManager/index.js.map +0 -1
- package/dist/utils/OSAlert.d.ts +0 -32
- package/dist/utils/OSAlert.js +0 -143
- package/dist/utils/OSAlert.js.map +0 -1
- package/dist/utils/PermissionManager/context.d.ts +0 -53
- package/dist/utils/PermissionManager/context.js +0 -320
- package/dist/utils/PermissionManager/context.js.map +0 -1
- package/dist/utils/PermissionManager/index.d.ts +0 -4
- package/dist/utils/PermissionManager/index.js +0 -9
- package/dist/utils/PermissionManager/index.js.map +0 -1
- package/dist/utils/PermissionManager/types.d.ts +0 -13
- package/dist/utils/PermissionManager/types.js +0 -3
- package/dist/utils/PermissionManager/types.js.map +0 -1
- package/dist/utils/hooks.d.ts +0 -61
- package/dist/utils/hooks.js +0 -233
- package/dist/utils/hooks.js.map +0 -1
- package/dist/utils/index.d.ts +0 -10
- package/dist/utils/index.js +0 -36
- package/dist/utils/index.js.map +0 -1
- package/dist/utils/input.d.ts +0 -35
- package/dist/utils/input.js +0 -49
- package/dist/utils/input.js.map +0 -1
- package/dist/utils/misc.d.ts +0 -6
- package/dist/utils/misc.js +0 -87
- package/dist/utils/misc.js.map +0 -1
- package/dist/utils/notifications.d.ts +0 -34
- package/dist/utils/notifications.js +0 -268
- package/dist/utils/notifications.js.map +0 -1
- package/dist/utils/theme.d.ts +0 -42
- package/dist/utils/theme.js +0 -50
- package/dist/utils/theme.js.map +0 -1
- package/src/components/Animated.tsx +0 -34
- package/src/components/AutoComplete/index.tsx +0 -167
- package/src/components/AutoComplete/styles.ts +0 -150
- package/src/components/MultiSelect/index.tsx +0 -148
- package/src/components/MultiSelect/styles.ts +0 -131
- package/src/components/MultiSelect/types.ts +0 -51
- package/src/components/Slider/Mark.tsx +0 -46
- package/src/components/Slider/Thumb.tsx +0 -29
- package/src/modules/textInputMask.ts +0 -11
- package/src/utils/KeyboardAware/lib/KeyboardAwareFlatList.ts +0 -4
- package/src/utils/KeyboardAware/lib/KeyboardAwareHOC.tsx +0 -592
- package/src/utils/KeyboardAware/lib/KeyboardAwareInterface.ts +0 -13
- package/src/utils/KeyboardAware/lib/KeyboardAwareScrollView.ts +0 -6
- package/src/utils/KeyboardAware/lib/KeyboardAwareSectionList.ts +0 -6
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export declare type ActivityIndicatorComposition = 'wrapper' | 'backCircle' | 'frontCircle' | 'circle';
|
|
2
|
-
export declare const getActivityIndicatorBaseStyles: (size: number) => {
|
|
3
|
-
wrapper: any;
|
|
4
|
-
circle: any;
|
|
5
|
-
backCircle: any;
|
|
6
|
-
frontCircle: any;
|
|
7
|
-
};
|
|
8
|
-
export declare const ActivityIndicatorStyles: {
|
|
9
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
10
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
11
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
12
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
13
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
14
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
15
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
16
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
17
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
18
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
19
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
20
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
21
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
22
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
23
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
24
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
25
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
26
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
27
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
28
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
29
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
30
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
31
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
32
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
33
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
34
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
35
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
36
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
37
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
38
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
39
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
40
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
41
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
42
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
43
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
44
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
45
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
46
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
47
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
48
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
49
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
50
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
51
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
52
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
53
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
54
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
55
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
56
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
57
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
58
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
|
|
59
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.ActivityIndicatorStyles = exports.getActivityIndicatorBaseStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createActivityIndicatorStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
var presets = (0, common_1.includePresets)(function (styles) { return createActivityIndicatorStyle(function () { return ({ wrapper: styles }); }); });
|
|
18
|
-
var getActivityIndicatorBaseStyles = function (size) {
|
|
19
|
-
var sizes = {
|
|
20
|
-
height: size,
|
|
21
|
-
width: size,
|
|
22
|
-
borderWidth: size * 0.25,
|
|
23
|
-
};
|
|
24
|
-
return {
|
|
25
|
-
wrapper: __assign({ position: 'relative' }, sizes),
|
|
26
|
-
circle: {
|
|
27
|
-
borderRadius: 100,
|
|
28
|
-
position: 'absolute',
|
|
29
|
-
borderStyle: 'solid',
|
|
30
|
-
top: 0,
|
|
31
|
-
bottom: 0,
|
|
32
|
-
left: 0,
|
|
33
|
-
right: 0,
|
|
34
|
-
},
|
|
35
|
-
backCircle: {
|
|
36
|
-
// borderColor: theme.colors.primary,
|
|
37
|
-
minWidth: '100%',
|
|
38
|
-
opacity: 0.5,
|
|
39
|
-
},
|
|
40
|
-
frontCircle: {
|
|
41
|
-
position: 'absolute',
|
|
42
|
-
borderColor: 'transparent',
|
|
43
|
-
// borderTopColor: theme.colors.primary,
|
|
44
|
-
},
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
exports.getActivityIndicatorBaseStyles = getActivityIndicatorBaseStyles;
|
|
48
|
-
exports.ActivityIndicatorStyles = __assign(__assign({}, presets), { default: createActivityIndicatorStyle(function (theme) {
|
|
49
|
-
var baseStyles = (0, exports.getActivityIndicatorBaseStyles)(35);
|
|
50
|
-
return __assign(__assign({}, baseStyles), { backCircle: __assign(__assign({}, baseStyles.backCircle), { borderColor: theme.colors.primary }), frontCircle: __assign(__assign({}, baseStyles.frontCircle), { borderTopColor: theme.colors.primary }) });
|
|
51
|
-
}) });
|
|
52
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,4BAA4B,GAChC,IAAA,oCAA2B,GAAgC,CAAA;AAE7D,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,4BAA4B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAzD,CAAyD,CACnG,CAAA;AAEM,IAAM,8BAA8B,GAAG,UAAC,IAAW;IACxD,IAAM,KAAK,GAAG;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,IAAI,GAAG,IAAI;KACzB,CAAA;IAED,OAAO;QACL,OAAO,EAAE,WACP,QAAQ,EAAE,UAAU,IACjB,KAAK,CACF;QACR,MAAM,EAAE;YACN,YAAY,EAAE,GAAG;YACjB,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,OAAO;YACpB,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;SACF;QACR,UAAU,EAAE;YAEV,qCAAqC;YACrC,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,GAAG;SACN;QACR,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,aAAa;YAC1B,wCAAwC;SAClC;KACT,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,8BAA8B,kCAiC1C;AAEY,QAAA,uBAAuB,yBAC/B,OAAO,KACV,OAAO,EAAE,4BAA4B,CAAC,UAAC,KAAK;QAC1C,IAAM,UAAU,GAAG,IAAA,sCAA8B,EAAC,EAAE,CAAC,CAAA;QAErD,6BACK,UAAU,KACb,UAAU,wBACL,UAAU,CAAC,UAAU,KACxB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,KAEnC,WAAW,wBACN,UAAU,CAAC,WAAW,KACzB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,OAEvC;IAEH,CAAC,CAAC,IACH"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const Components: {
|
|
3
|
-
Touchable: React.FC<import("./Touchable").TouchableProps>;
|
|
4
|
-
View: React.FC<import("./View").ViewProps>;
|
|
5
|
-
};
|
|
6
|
-
declare type AnimatedComponents = typeof Components;
|
|
7
|
-
declare type CP = keyof AnimatedComponents;
|
|
8
|
-
declare type AnimatedProps<T extends CP, CFG = Record<string, any>> = {
|
|
9
|
-
component: T;
|
|
10
|
-
config: CFG;
|
|
11
|
-
pose: keyof CFG;
|
|
12
|
-
initialPose?: keyof CFG;
|
|
13
|
-
} & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>;
|
|
14
|
-
export declare const Animated: <T extends "View" | "Touchable", CFG = any>({ config, component, ...props }: AnimatedProps<T, CFG>) => JSX.Element;
|
|
15
|
-
export {};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
-
var t = {};
|
|
23
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
-
t[p] = s[p];
|
|
25
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
-
t[p[i]] = s[p[i]];
|
|
29
|
-
}
|
|
30
|
-
return t;
|
|
31
|
-
};
|
|
32
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
-
};
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.Animated = void 0;
|
|
37
|
-
var react_1 = __importStar(require("react"));
|
|
38
|
-
var react_native_pose_1 = __importDefault(require("react-native-pose"));
|
|
39
|
-
var Touchable_1 = require("./Touchable");
|
|
40
|
-
var View_1 = require("./View");
|
|
41
|
-
var Components = {
|
|
42
|
-
Touchable: Touchable_1.Touchable,
|
|
43
|
-
View: View_1.View,
|
|
44
|
-
};
|
|
45
|
-
var PosedComponents = Object.fromEntries(Object.entries(Components).map(function (_a) {
|
|
46
|
-
var key = _a[0], Render = _a[1];
|
|
47
|
-
return [key, (0, react_native_pose_1.default)(Render)];
|
|
48
|
-
}));
|
|
49
|
-
var Animated = function (_a) {
|
|
50
|
-
var config = _a.config, component = _a.component, props = __rest(_a, ["config", "component"]);
|
|
51
|
-
var Component = (0, react_1.useRef)(PosedComponents[component](config)).current;
|
|
52
|
-
return <Component withParent={false} {...props}/>;
|
|
53
|
-
};
|
|
54
|
-
exports.Animated = Animated;
|
|
55
|
-
//# sourceMappingURL=Animated.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Animated.js","sourceRoot":"","sources":["../../src/components/Animated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAAqC;AAErC,wEAAqC;AACrC,yCAAuC;AACvC,+BAA6B;AAC7B,IAAM,UAAU,GAAG;IACjB,SAAS,uBAAA;IACT,IAAI,aAAA;CACL,CAAA;AAED,IAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CACxC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,EAAa;QAAZ,GAAG,QAAA,EAAE,MAAM,QAAA;IAAM,OAAA,CAAC,GAAG,EAAE,IAAA,2BAAK,EAAC,MAAM,CAAC,CAAC;AAApB,CAAoB,CAAC,CACxE,CAAA;AAYM,IAAM,QAAQ,GAAG,UAA0B,EAI1B;IAHtB,IAAA,MAAM,YAAA,EACN,SAAS,eAAA,EACN,KAAK,cAHwC,uBAIjD,CADS;IAER,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,eAAe,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAEpE,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AACpD,CAAC,CAAA;AARY,QAAA,QAAQ,YAQpB"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ComponentVariants, FormTypes, IconPlaceholder, PropsOf, ReactStateProps } from '@codeleap/common';
|
|
3
|
-
import { ModalHeaderProps } from '../Modal';
|
|
4
|
-
import { TextInputProps } from '../TextInput';
|
|
5
|
-
import { View, ViewProps } from '../View';
|
|
6
|
-
import { CustomSelectProps } from '../Select';
|
|
7
|
-
import { AutoCompleteStyles, AutoCompleteComposition } from './styles';
|
|
8
|
-
import { StylesOf } from '../../types';
|
|
9
|
-
export declare type AutoCompleteHeaderProps = ReactStateProps<'search', string> & Omit<PropsOf<typeof View>, 'style' | 'styles' | 'variants'> & {
|
|
10
|
-
label: FormTypes.Label;
|
|
11
|
-
searchInputProps?: Partial<TextInputProps>;
|
|
12
|
-
styles: ModalHeaderProps['styles'] & {
|
|
13
|
-
searchInput?: TextInputProps['styles'];
|
|
14
|
-
titleWrapper?: ViewProps['style'];
|
|
15
|
-
};
|
|
16
|
-
debugName: string;
|
|
17
|
-
icon?: IconPlaceholder;
|
|
18
|
-
toggle: ModalHeaderProps['toggle'];
|
|
19
|
-
description?: React.ReactElement;
|
|
20
|
-
};
|
|
21
|
-
export declare const AutoCompleteHeader: React.FC<AutoCompleteHeaderProps>;
|
|
22
|
-
export declare type AutoCompleteOption<T> = CustomSelectProps<T>['options'][number] & {
|
|
23
|
-
searchTerm?: string;
|
|
24
|
-
};
|
|
25
|
-
export declare type AutoCompleteProps<T, Base extends CustomSelectProps<T> = CustomSelectProps<T>> = Omit<Base, 'options' | 'variants' | 'styles'> & {
|
|
26
|
-
options: AutoCompleteOption<T>[];
|
|
27
|
-
caseSensitive?: boolean;
|
|
28
|
-
debounce?: number;
|
|
29
|
-
headerProps?: Partial<AutoCompleteHeaderProps>;
|
|
30
|
-
styles?: StylesOf<AutoCompleteComposition>;
|
|
31
|
-
filterFn?: (search?: string, option?: AutoCompleteOption<T>) => boolean;
|
|
32
|
-
} & ComponentVariants<typeof AutoCompleteStyles>;
|
|
33
|
-
export declare const AutoComplete: <T extends string | number = string>(props: AutoCompleteProps<T, CustomSelectProps<T>>) => JSX.Element;
|
|
34
|
-
export * from './styles';
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
33
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
34
|
-
};
|
|
35
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
36
|
-
var t = {};
|
|
37
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
38
|
-
t[p] = s[p];
|
|
39
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
40
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
41
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
42
|
-
t[p[i]] = s[p[i]];
|
|
43
|
-
}
|
|
44
|
-
return t;
|
|
45
|
-
};
|
|
46
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
exports.AutoComplete = exports.AutoCompleteHeader = void 0;
|
|
48
|
-
var React = __importStar(require("react"));
|
|
49
|
-
var common_1 = require("@codeleap/common");
|
|
50
|
-
var TextInput_1 = require("../TextInput");
|
|
51
|
-
var View_1 = require("../View");
|
|
52
|
-
var Select_1 = require("../Select");
|
|
53
|
-
var react_native_1 = require("react-native");
|
|
54
|
-
var Text_1 = require("../Text");
|
|
55
|
-
var Button_1 = require("../Button");
|
|
56
|
-
var AutoCompleteHeader = function (props) {
|
|
57
|
-
var search = props.search, setSearch = props.setSearch, _a = props.icon, icon = _a === void 0 ? 'search' : _a, _b = props.description, description = _b === void 0 ? null : _b, debugName = props.debugName, label = props.label, styles = props.styles, toggle = props.toggle, searchInputProps = props.searchInputProps, viewProps = __rest(props, ["search", "setSearch", "icon", "description", "debugName", "label", "styles", "toggle", "searchInputProps"]);
|
|
58
|
-
return <View_1.View style={[styles.wrapper]} {...viewProps}>
|
|
59
|
-
<View_1.View style={styles.titleWrapper}>
|
|
60
|
-
<Text_1.Text style={styles.title} text={label}/>
|
|
61
|
-
<Button_1.Button icon={'close'} debugName={"Close Autocomplete ".concat(debugName, " button")} onPress={toggle} variants={['icon']} styles={styles.closeButton}/>
|
|
62
|
-
</View_1.View>
|
|
63
|
-
{description}
|
|
64
|
-
<TextInput_1.TextInput subtitle={function () { return null; }} leftIcon={{
|
|
65
|
-
icon: icon,
|
|
66
|
-
}} debugName={"AutoComplete ".concat(debugName, " search input")} value={search} onChangeText={setSearch} styles={styles.searchInput} {...searchInputProps}/>
|
|
67
|
-
</View_1.View>;
|
|
68
|
-
};
|
|
69
|
-
exports.AutoCompleteHeader = AutoCompleteHeader;
|
|
70
|
-
var AutoComplete = function (props) {
|
|
71
|
-
var _a;
|
|
72
|
-
var options = props.options, _b = props.caseSensitive, caseSensitive = _b === void 0 ? false : _b, _c = props.debounce, debounce = _c === void 0 ? 200 : _c, filterFn = props.filterFn, _d = props.headerProps, headerProps = _d === void 0 ? {} : _d, variants = props.variants, styles = props.styles, selectProps = __rest(props, ["options", "caseSensitive", "debounce", "filterFn", "headerProps", "variants", "styles"]);
|
|
73
|
-
var _e = (0, common_1.useState)(''), search = _e[0], setSearch = _e[1];
|
|
74
|
-
var _f = (0, common_1.useDebounce)(search, debounce), debouncedSearch = _f[0], resetDebounce = _f[1];
|
|
75
|
-
var _g = (0, common_1.useState)(options), filteredOptions = _g[0], setFilteredOptions = _g[1];
|
|
76
|
-
var _h = (0, common_1.useState)(false), loading = _h[0], setLoading = _h[1];
|
|
77
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:AutoComplete', {
|
|
78
|
-
variants: variants,
|
|
79
|
-
transform: react_native_1.StyleSheet.flatten,
|
|
80
|
-
styles: styles,
|
|
81
|
-
});
|
|
82
|
-
var serialVariants = JSON.stringify(variantStyles);
|
|
83
|
-
var _j = (0, common_1.useMemo)(function () { return ({
|
|
84
|
-
searchInputStyles: (0, common_1.getNestedStylesByKey)('searchInput', variantStyles),
|
|
85
|
-
closeButtonStyles: (0, common_1.getNestedStylesByKey)('closeButton', variantStyles),
|
|
86
|
-
}); }, [serialVariants]), searchInputStyles = _j.searchInputStyles, closeButtonStyles = _j.closeButtonStyles;
|
|
87
|
-
(0, common_1.onUpdate)(function () {
|
|
88
|
-
setLoading(true);
|
|
89
|
-
var persist = true;
|
|
90
|
-
setTimeout(function () {
|
|
91
|
-
var newOpts = options.filter(function (option) {
|
|
92
|
-
if (filterFn) {
|
|
93
|
-
return filterFn(debouncedSearch, option);
|
|
94
|
-
}
|
|
95
|
-
var label = option.label, searchTerm = option.searchTerm, value = option.value;
|
|
96
|
-
var term = searchTerm || (common_1.TypeGuards.isString(label) ? label : value.toString());
|
|
97
|
-
if (!caseSensitive) {
|
|
98
|
-
term = term.toLowerCase();
|
|
99
|
-
}
|
|
100
|
-
return term.includes(debouncedSearch.toLowerCase());
|
|
101
|
-
});
|
|
102
|
-
if (persist) {
|
|
103
|
-
setFilteredOptions(newOpts);
|
|
104
|
-
setTimeout(function () {
|
|
105
|
-
if (persist) {
|
|
106
|
-
setLoading(false);
|
|
107
|
-
}
|
|
108
|
-
}, debounce * 1.5);
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
return function () {
|
|
112
|
-
persist = false;
|
|
113
|
-
resetDebounce();
|
|
114
|
-
};
|
|
115
|
-
}, [debouncedSearch, caseSensitive, options.length, filterFn]);
|
|
116
|
-
return <Select_1.Select styles={variantStyles} options={loading ? [] : filteredOptions} header={<exports.AutoCompleteHeader debugName={selectProps.debugName} label={selectProps.label} search={search} setSearch={setSearch} toggle={selectProps.toggle} styles={{
|
|
117
|
-
wrapper: variantStyles.header,
|
|
118
|
-
closeButton: closeButtonStyles,
|
|
119
|
-
title: variantStyles.title,
|
|
120
|
-
searchInput: searchInputStyles,
|
|
121
|
-
titleWrapper: variantStyles.titleWrapper,
|
|
122
|
-
}} {...headerProps}/>} {...selectProps} listProps={__assign(__assign({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps), { placeholder: __assign({ loading: loading }, (_a = selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps) === null || _a === void 0 ? void 0 : _a.placeholder) })}/>;
|
|
123
|
-
};
|
|
124
|
-
exports.AutoComplete = AutoComplete;
|
|
125
|
-
__exportStar(require("./styles"), exports);
|
|
126
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { SelectComposition } from '../Select';
|
|
2
|
-
import { TextInputComposition } from '../TextInput';
|
|
3
|
-
export declare type AutoCompleteComposition = SelectComposition | `searchInput${Capitalize<TextInputComposition>}` | 'titleWrapper';
|
|
4
|
-
export declare const AutoCompleteStyles: {
|
|
5
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<AutoCompleteComposition, any>>;
|
|
6
|
-
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
7
|
-
fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
8
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
9
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
10
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
11
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
12
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
13
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
14
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
15
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
16
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
17
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
18
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
19
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
20
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
21
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
22
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
23
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
24
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
25
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
26
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
27
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
28
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
29
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
30
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
31
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
32
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
33
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
34
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
35
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
36
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
37
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
38
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
39
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
40
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
41
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
42
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
43
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
44
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
45
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
46
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
47
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
48
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
49
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
50
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
51
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
52
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
53
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
54
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
55
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
56
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
57
|
-
};
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.AutoCompleteStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var Select_1 = require("../Select");
|
|
17
|
-
var createAutoCompleteStyle = (0, common_1.createDefaultVariantFactory)();
|
|
18
|
-
exports.AutoCompleteStyles = __assign(__assign({}, Select_1.SelectStyles), { default: createAutoCompleteStyle(function (theme) {
|
|
19
|
-
return {
|
|
20
|
-
wrapper: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.fullHeight), theme.presets.fullWidth),
|
|
21
|
-
'box:transition': {
|
|
22
|
-
scale: {
|
|
23
|
-
duration: theme.values.transitions.modal.duration,
|
|
24
|
-
type: 'timing',
|
|
25
|
-
},
|
|
26
|
-
opacity: {
|
|
27
|
-
duration: theme.values.transitions.modal.duration,
|
|
28
|
-
type: 'timing',
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
'backdrop:transition': {
|
|
32
|
-
opacity: {
|
|
33
|
-
duration: theme.values.transitions.modal.duration,
|
|
34
|
-
type: 'timing',
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
backdrop: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.whole), { backgroundColor: theme.colors.black }),
|
|
38
|
-
backdropTouchable: __assign(__assign({}, theme.presets.absolute), theme.presets.whole),
|
|
39
|
-
'backdrop:visible': {
|
|
40
|
-
opacity: 0.5,
|
|
41
|
-
},
|
|
42
|
-
'backdrop:hidden': {
|
|
43
|
-
opacity: 0,
|
|
44
|
-
},
|
|
45
|
-
innerWrapper: {},
|
|
46
|
-
scroll: {
|
|
47
|
-
flex: 1,
|
|
48
|
-
// maxHeight: theme.values.height,
|
|
49
|
-
},
|
|
50
|
-
scrollContent: __assign(__assign(__assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), { minHeight: '100%' }), theme.presets.safeAreaTop(theme.values.innerSpacing.Y)), theme.presets.safeAreaBottom(theme.values.innerSpacing.Y)),
|
|
51
|
-
box: __assign(__assign({ backgroundColor: theme.colors.background, width: theme.values.width - theme.spacing.value(theme.values.innerSpacing.X * 2), borderRadius: theme.borderRadius.modalOuter }, theme.spacing.paddingHorizontal(theme.values.innerSpacing.X)), theme.spacing.paddingVertical(theme.values.innerSpacing.Y)),
|
|
52
|
-
'box:hidden': {
|
|
53
|
-
opacity: 0,
|
|
54
|
-
scale: 0.8,
|
|
55
|
-
},
|
|
56
|
-
'box:visible': {
|
|
57
|
-
opacity: 1,
|
|
58
|
-
scale: 1,
|
|
59
|
-
},
|
|
60
|
-
closeButtonTouchableWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
61
|
-
closeButtonIcon: {
|
|
62
|
-
color: theme.colors.text,
|
|
63
|
-
},
|
|
64
|
-
listWrapper: {
|
|
65
|
-
height: 'auto',
|
|
66
|
-
},
|
|
67
|
-
itemWrapper: __assign(__assign(__assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter), { borderRadius: theme.borderRadius.medium }), theme.spacing.padding(1)), { backgroundColor: theme.colors.backgroundSecondary }),
|
|
68
|
-
'itemWrapper:selected': {
|
|
69
|
-
backgroundColor: theme.colors.primary,
|
|
70
|
-
},
|
|
71
|
-
'itemIcon:selected': __assign({ color: theme.colors.backgroundSecondary }, theme.sized(2)),
|
|
72
|
-
'itemText:selected': {
|
|
73
|
-
color: theme.colors.backgroundSecondary,
|
|
74
|
-
},
|
|
75
|
-
itemIcon: {
|
|
76
|
-
height: 0,
|
|
77
|
-
width: 0,
|
|
78
|
-
},
|
|
79
|
-
header: __assign(__assign(__assign(__assign({}, theme.spacing.paddingHorizontal(theme.values.innerSpacing.X)), theme.spacing.paddingVertical(theme.values.innerSpacing.Y)), theme.presets.column), theme.presets.alignStart),
|
|
80
|
-
searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)),
|
|
81
|
-
titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter),
|
|
82
|
-
title: __assign(__assign(__assign({}, theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(theme).text), { flex: 1 }),
|
|
83
|
-
closeButtonWrapper: {
|
|
84
|
-
position: 'absolute',
|
|
85
|
-
right: 0,
|
|
86
|
-
},
|
|
87
|
-
};
|
|
88
|
-
}) });
|
|
89
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentVariants, PropsOf } from '@codeleap/common';
|
|
3
|
-
import { Touchable } from '../Touchable';
|
|
4
|
-
import { View } from '../View';
|
|
5
|
-
import { StylesOf } from '../../types/utility';
|
|
6
|
-
import { BackdropComposition, BackdropStyles } from './styles';
|
|
7
|
-
export * from './styles';
|
|
8
|
-
export declare type BackdropProps = React.PropsWithChildren<PropsOf<typeof Touchable> & {
|
|
9
|
-
visible: boolean;
|
|
10
|
-
wrapperProps?: PropsOf<typeof View>;
|
|
11
|
-
variants?: ComponentVariants<typeof BackdropStyles>['variants'];
|
|
12
|
-
styles?: StylesOf<BackdropComposition>;
|
|
13
|
-
}>;
|
|
14
|
-
export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
24
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
25
|
-
};
|
|
26
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
-
exports.Backdrop = void 0;
|
|
28
|
-
var react_1 = __importDefault(require("react"));
|
|
29
|
-
var common_1 = require("@codeleap/common");
|
|
30
|
-
var moti_1 = require("moti");
|
|
31
|
-
var Touchable_1 = require("../Touchable");
|
|
32
|
-
var View_1 = require("../View");
|
|
33
|
-
var react_native_1 = require("react-native");
|
|
34
|
-
var utils_1 = require("../../utils");
|
|
35
|
-
__exportStar(require("./styles"), exports);
|
|
36
|
-
var Backdrop = function (backdropProps) {
|
|
37
|
-
var _a = backdropProps.variants, variants = _a === void 0 ? [] : _a, _b = backdropProps.styles, styles = _b === void 0 ? {} : _b, visible = backdropProps.visible, children = backdropProps.children, _c = backdropProps.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(backdropProps, ["variants", "styles", "visible", "children", "wrapperProps"]);
|
|
38
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Backdrop', {
|
|
39
|
-
variants: variants,
|
|
40
|
-
rootElement: 'wrapper',
|
|
41
|
-
styles: styles,
|
|
42
|
-
transform: react_native_1.StyleSheet.flatten,
|
|
43
|
-
});
|
|
44
|
-
var animationStates = (0, utils_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
|
|
45
|
-
var animation = (0, moti_1.useDynamicAnimation)(function () {
|
|
46
|
-
return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'];
|
|
47
|
-
});
|
|
48
|
-
(0, common_1.onUpdate)(function () {
|
|
49
|
-
animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']);
|
|
50
|
-
}, [visible, animationStates]);
|
|
51
|
-
return <View_1.View pointerEvents={visible ? 'auto' : 'none'} animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
|
|
52
|
-
{!!(props === null || props === void 0 ? void 0 : props.onPress) ?
|
|
53
|
-
<Touchable_1.Touchable style={variantStyles.touchable} {...props} noFeedback android_ripple={null}/>
|
|
54
|
-
: null}
|
|
55
|
-
{children}
|
|
56
|
-
</View_1.View>;
|
|
57
|
-
};
|
|
58
|
-
exports.Backdrop = Backdrop;
|
|
59
|
-
//# sourceMappingURL=index.js.map
|