@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,34 +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.LoadingOverlayStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createLoadingOverlayStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
exports.LoadingOverlayStyles = {
|
|
18
|
-
default: createLoadingOverlayStyle(function (theme) { return ({
|
|
19
|
-
wrapper: __assign(__assign(__assign(__assign({}, theme.presets.center), theme.presets.whole), theme.presets.absolute), { backgroundColor: theme.colors.background }),
|
|
20
|
-
'wrapper:visible': {
|
|
21
|
-
opacity: 1
|
|
22
|
-
},
|
|
23
|
-
'wrapper:hidden': {
|
|
24
|
-
opacity: 0
|
|
25
|
-
},
|
|
26
|
-
'wrapper:transition': {
|
|
27
|
-
opacity: {
|
|
28
|
-
duration: 900,
|
|
29
|
-
type: 'timing',
|
|
30
|
-
},
|
|
31
|
-
}
|
|
32
|
-
}); })
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA0E;AAO1E,IAAM,yBAAyB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAE7E,QAAA,oBAAoB,GAAG;IAChC,OAAO,EAAE,yBAAyB,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;QACzC,OAAO,0CACA,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,KACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC3C;QACD,iBAAiB,EAAE;YACf,OAAO,EAAE,CAAC;SACb;QACD,gBAAgB,EAAE;YACd,OAAO,EAAE,CAAC;SACb;QACD,oBAAoB,EAAE;YAClB,OAAO,EAAE;gBACL,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,QAAQ;aACjB;SAEJ;KACJ,CAAC,EApB0C,CAoB1C,CAAC;CACN,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ViewProps } from '../View';
|
|
3
|
-
import { ButtonProps } from '../Button';
|
|
4
|
-
import { Scroll } from '../Scroll';
|
|
5
|
-
import { ComponentVariants, IconPlaceholder, PropsOf } from '@codeleap/common';
|
|
6
|
-
import { ModalComposition, ModalStyles } from './styles';
|
|
7
|
-
import { StylesOf } from '../../types/utility';
|
|
8
|
-
import { TextProps } from '../Text';
|
|
9
|
-
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
10
|
-
export * from './styles';
|
|
11
|
-
export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
12
|
-
variants?: ComponentVariants<typeof ModalStyles>['variants'];
|
|
13
|
-
styles?: StylesOf<ModalComposition>;
|
|
14
|
-
dismissOnBackdrop?: boolean;
|
|
15
|
-
buttonProps?: ButtonProps;
|
|
16
|
-
accessible?: boolean;
|
|
17
|
-
showClose?: boolean;
|
|
18
|
-
closable?: boolean;
|
|
19
|
-
footer?: React.ReactNode;
|
|
20
|
-
title?: React.ReactNode;
|
|
21
|
-
debugName: string;
|
|
22
|
-
closeIconName?: IconPlaceholder;
|
|
23
|
-
visible: boolean;
|
|
24
|
-
toggle?: () => void;
|
|
25
|
-
zIndex?: number;
|
|
26
|
-
description?: React.ReactElement;
|
|
27
|
-
scroll?: boolean;
|
|
28
|
-
header?: React.ReactElement;
|
|
29
|
-
closeOnHardwareBackPress?: boolean;
|
|
30
|
-
renderHeader?: (props: ModalHeaderProps) => React.ReactElement;
|
|
31
|
-
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
32
|
-
scrollProps?: PropsOf<typeof Scroll>;
|
|
33
|
-
};
|
|
34
|
-
export declare type ModalHeaderProps = Omit<ModalProps, 'styles' | 'renderHeader'> & {
|
|
35
|
-
styles: {
|
|
36
|
-
wrapper: ViewProps['style'];
|
|
37
|
-
title: TextProps['style'];
|
|
38
|
-
closeButton: ButtonProps['styles'];
|
|
39
|
-
};
|
|
40
|
-
description?: React.ReactElement;
|
|
41
|
-
};
|
|
42
|
-
export declare const Modal: React.FC<ModalProps>;
|
|
43
|
-
export default Modal;
|
|
@@ -1,147 +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.Modal = void 0;
|
|
48
|
-
var React = __importStar(require("react"));
|
|
49
|
-
var View_1 = require("../View");
|
|
50
|
-
var Scroll_1 = require("../Scroll");
|
|
51
|
-
var common_1 = require("@codeleap/common");
|
|
52
|
-
var react_native_1 = require("react-native");
|
|
53
|
-
var Backdrop_1 = require("../Backdrop");
|
|
54
|
-
var hooks_1 = require("../../utils/hooks");
|
|
55
|
-
var Text_1 = require("../Text");
|
|
56
|
-
var Touchable_1 = require("../Touchable");
|
|
57
|
-
var ActionIcon_1 = require("../ActionIcon");
|
|
58
|
-
__exportStar(require("./styles"), exports);
|
|
59
|
-
var DefaultHeader = function (props) {
|
|
60
|
-
var styles = props.styles, _a = props.title, title = _a === void 0 ? null : _a, _b = props.showClose, showClose = _b === void 0 ? false : _b, _c = props.description, description = _c === void 0 ? null : _c, closable = props.closable, debugName = props.debugName, _d = props.closeIconName, closeIconName = _d === void 0 ? 'close' : _d, toggle = props.toggle;
|
|
61
|
-
return <>
|
|
62
|
-
{(title || showClose || description) && (<View_1.View style={styles.wrapper}>
|
|
63
|
-
{typeof title === 'string' ? (<Text_1.Text text={title} style={styles.title}/>) : (title)}
|
|
64
|
-
|
|
65
|
-
{(showClose && closable) && (<ActionIcon_1.ActionIcon debugName={"".concat(debugName, " modal close button")} icon={closeIconName} onPress={toggle} styles={styles.closeButton}/>)}
|
|
66
|
-
</View_1.View>)}</>;
|
|
67
|
-
};
|
|
68
|
-
var Modal = function (modalProps) {
|
|
69
|
-
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, _c = modalProps.closable, closable = _c === void 0 ? true : _c, footer = modalProps.footer, children = modalProps.children, _d = modalProps.toggle, toggle = _d === void 0 ? function () { return null; } : _d, _e = modalProps.dismissOnBackdrop, dismissOnBackdrop = _e === void 0 ? true : _e, _f = modalProps.header, header = _f === void 0 ? null : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, renderHeader = modalProps.renderHeader, _h = modalProps.zIndex, zIndex = _h === void 0 ? null : _h, _j = modalProps.scrollProps, scrollProps = _j === void 0 ? {} : _j, _k = modalProps.closeOnHardwareBackPress, closeOnHardwareBackPress = _k === void 0 ? true : _k, props = __rest(modalProps, ["variants", "styles", "visible", "closable", "footer", "children", "toggle", "dismissOnBackdrop", "header", "debugName", "scroll", "renderHeader", "zIndex", "scrollProps", "closeOnHardwareBackPress"]);
|
|
70
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Modal', {
|
|
71
|
-
variants: variants,
|
|
72
|
-
transform: react_native_1.StyleSheet.flatten,
|
|
73
|
-
styles: styles,
|
|
74
|
-
});
|
|
75
|
-
function getStyles(key) {
|
|
76
|
-
var s = [
|
|
77
|
-
variantStyles[key],
|
|
78
|
-
styles[key],
|
|
79
|
-
];
|
|
80
|
-
return react_native_1.StyleSheet.flatten(s);
|
|
81
|
-
}
|
|
82
|
-
var buttonStyles = React.useMemo(function () { return (0, common_1.getNestedStylesByKey)('closeButton', variantStyles); }, [variantStyles]);
|
|
83
|
-
var boxAnimationStates = (0, hooks_1.useStaticAnimationStyles)(variantStyles, ['box:hidden', 'box:visible']);
|
|
84
|
-
var boxAnimationStyles = (0, hooks_1.useAnimatedVariantStyles)({
|
|
85
|
-
updater: function (states) {
|
|
86
|
-
'worklet';
|
|
87
|
-
return visible ? states['box:visible'] : states['box:hidden'];
|
|
88
|
-
},
|
|
89
|
-
animatedProperties: ['box:hidden', 'box:visible'],
|
|
90
|
-
variantStyles: variantStyles,
|
|
91
|
-
transition: variantStyles['box:transition'],
|
|
92
|
-
dependencies: [visible]
|
|
93
|
-
});
|
|
94
|
-
var wrapperStyle = getStyles('wrapper');
|
|
95
|
-
var ScrollComponent = scroll ? Scroll_1.Scroll : View_1.View;
|
|
96
|
-
var scrollStyle = scroll ? getStyles('scroll') : getStyles('innerWrapper');
|
|
97
|
-
var headerProps = __assign(__assign({}, modalProps), { closable: closable, styles: {
|
|
98
|
-
wrapper: getStyles('header'),
|
|
99
|
-
title: getStyles('title'),
|
|
100
|
-
closeButton: buttonStyles,
|
|
101
|
-
} });
|
|
102
|
-
var Header = renderHeader || DefaultHeader;
|
|
103
|
-
(0, hooks_1.useBackButton)(function () {
|
|
104
|
-
if (visible && closeOnHardwareBackPress) {
|
|
105
|
-
toggle();
|
|
106
|
-
return true;
|
|
107
|
-
}
|
|
108
|
-
}, [visible, toggle, closeOnHardwareBackPress]);
|
|
109
|
-
return (<View_1.View style={[wrapperStyle, { zIndex: common_1.TypeGuards.isNumber(zIndex) ? zIndex : wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.zIndex }]} pointerEvents={visible ? 'auto' : 'none'}>
|
|
110
|
-
|
|
111
|
-
<Backdrop_1.Backdrop visible={visible} debugName={"Modal ".concat(debugName, " backdrop")} styles={{
|
|
112
|
-
'wrapper:hidden': variantStyles['backdrop:hidden'],
|
|
113
|
-
'wrapper:visible': variantStyles['backdrop:visible'],
|
|
114
|
-
wrapper: variantStyles.backdrop,
|
|
115
|
-
}} wrapperProps={{
|
|
116
|
-
transition: __assign({}, variantStyles['backdrop:transition']),
|
|
117
|
-
}}/>
|
|
118
|
-
<ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('scrollContent')} showsVerticalScrollIndicator={false} keyboardAware={{
|
|
119
|
-
adapt: 'maxHeight',
|
|
120
|
-
baseStyleProp: 'style',
|
|
121
|
-
animated: true,
|
|
122
|
-
enabled: visible,
|
|
123
|
-
// enableOnAndroid: true,
|
|
124
|
-
}} animated
|
|
125
|
-
// ref={scrollRef}
|
|
126
|
-
{...scrollProps}>
|
|
127
|
-
{dismissOnBackdrop &&
|
|
128
|
-
<Touchable_1.Touchable onPress={closable ? toggle : (function () { })} debounce={400} debugName={'Modal backdrop touchable'} style={variantStyles.backdropTouchable} android_ripple={null} noFeedback/>}
|
|
129
|
-
|
|
130
|
-
<View_1.AnimatedView style={[getStyles('box'), boxAnimationStyles]}
|
|
131
|
-
// transition={{ ...variantStyles['box:transition'] }}
|
|
132
|
-
{...props}>
|
|
133
|
-
|
|
134
|
-
{header ? header : <Header {...headerProps}/>}
|
|
135
|
-
|
|
136
|
-
<View_1.View style={getStyles('body')}>{children}</View_1.View>
|
|
137
|
-
{footer && (<View_1.View style={getStyles('footer')}>
|
|
138
|
-
{typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
|
|
139
|
-
</View_1.View>)}
|
|
140
|
-
</View_1.AnimatedView>
|
|
141
|
-
|
|
142
|
-
</ScrollComponent>
|
|
143
|
-
</View_1.View>);
|
|
144
|
-
};
|
|
145
|
-
exports.Modal = Modal;
|
|
146
|
-
exports.default = exports.Modal;
|
|
147
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ActionIconComposition } from '../ActionIcon';
|
|
2
|
-
export declare type AnimatableParts = 'box' | 'backdrop';
|
|
3
|
-
export declare type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'scrollContent' | 'scroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | `closeButton${Capitalize<ActionIconComposition>}`;
|
|
4
|
-
export declare type ModalComposition = ModalParts | `${AnimatableParts}:visible` | `${AnimatableParts}:hidden` | `${AnimatableParts}:transition`;
|
|
5
|
-
export declare const ModalStyles: {
|
|
6
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
7
|
-
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
8
|
-
fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
9
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
10
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
11
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
12
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
13
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
14
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
15
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
16
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
17
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
18
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
19
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
20
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
21
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
22
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
23
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
24
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
25
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
26
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
27
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
28
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
29
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
30
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
31
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
32
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
33
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
34
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
35
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
36
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
37
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
38
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
39
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
40
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
41
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
42
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
43
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
44
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
45
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
46
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
47
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
48
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
49
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
50
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
51
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
52
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
53
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
54
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
55
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
56
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
57
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
58
|
-
};
|
|
@@ -1,74 +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.ModalStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
18
|
-
exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyle(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), { flexGrow: 1 }), 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
|
-
header: __assign(__assign(__assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter), theme.presets.alignSelfStretch), theme.spacing.marginBottom(1)),
|
|
61
|
-
closeButtonTouchableWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
62
|
-
closeButtonIcon: {
|
|
63
|
-
color: theme.colors.text,
|
|
64
|
-
},
|
|
65
|
-
title: __assign({}, (0, common_1.assignTextStyle)('h3')(theme).text),
|
|
66
|
-
};
|
|
67
|
-
}), popup: createModalStyle(function () { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
|
|
68
|
-
scrollContent: {
|
|
69
|
-
paddingTop: 0,
|
|
70
|
-
paddingBottom: 0,
|
|
71
|
-
},
|
|
72
|
-
box: __assign(__assign(__assign({ width: '100%', flexGrow: 1, borderRadius: 0 }, theme.presets.center), theme.presets.safeAreaTop(theme.values.innerSpacing.Y)), theme.presets.safeAreaBottom(theme.values.innerSpacing.Y)),
|
|
73
|
-
}); }) });
|
|
74
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { MultiSelectProps } from './types';
|
|
3
|
-
export * from './styles';
|
|
4
|
-
export declare const MultiSelect: <T extends string | number = string>(selectProps: MultiSelectProps<T>) => JSX.Element;
|
|
5
|
-
export * from './styles';
|
|
6
|
-
export * from './types';
|
|
@@ -1,119 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
22
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
23
|
-
};
|
|
24
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
25
|
-
var t = {};
|
|
26
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
27
|
-
t[p] = s[p];
|
|
28
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
29
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
30
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
31
|
-
t[p[i]] = s[p[i]];
|
|
32
|
-
}
|
|
33
|
-
return t;
|
|
34
|
-
};
|
|
35
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
36
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
37
|
-
if (ar || !(i in from)) {
|
|
38
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
39
|
-
ar[i] = from[i];
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
43
|
-
};
|
|
44
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
45
|
-
exports.MultiSelect = void 0;
|
|
46
|
-
var common_1 = require("@codeleap/common");
|
|
47
|
-
var react_1 = __importStar(require("react"));
|
|
48
|
-
var react_native_1 = require("react-native");
|
|
49
|
-
var List_1 = require("../List");
|
|
50
|
-
var TextInput_1 = require("../TextInput");
|
|
51
|
-
var utils_1 = require("../../utils");
|
|
52
|
-
var Select_1 = require("../Select");
|
|
53
|
-
__exportStar(require("./styles"), exports);
|
|
54
|
-
var MultiSelect = function (selectProps) {
|
|
55
|
-
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, _b = selectProps.hideInput, hideInput = _b === void 0 ? false : _b, renderItem = selectProps.renderItem, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.selectedIcon, selectedIcon = _e === void 0 ? 'multiSelectMarker' : _e, _f = selectProps.inputProps, inputProps = _f === void 0 ? {} : _f, _g = selectProps.clearable, clearable = _g === void 0 ? false : _g, _h = selectProps.clearIconName, clearIconName = _h === void 0 ? 'close' : _h, _j = selectProps.limit, limit = _j === void 0 ? null : _j, _k = selectProps.validate, validate = _k === void 0 ? null : _k, _l = selectProps.itemProps, itemProps = _l === void 0 ? {} : _l, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "hideInput", "renderItem", "listProps", "placeholder", "arrowIconName", "selectedIcon", "inputProps", "clearable", "clearIconName", "limit", "validate", "itemProps"]);
|
|
56
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MultiSelect', {
|
|
57
|
-
transform: react_native_1.StyleSheet.flatten,
|
|
58
|
-
rootElement: 'inputWrapper',
|
|
59
|
-
styles: styles,
|
|
60
|
-
variants: variants,
|
|
61
|
-
});
|
|
62
|
-
var inputStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('input', variantStyles); }, [variantStyles]);
|
|
63
|
-
var close = function () { var _a; return (_a = drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.toggle) === null || _a === void 0 ? void 0 : _a.call(drawerProps); };
|
|
64
|
-
var select = function (itemValue) {
|
|
65
|
-
var newVal = __spreadArray([], value, true);
|
|
66
|
-
if (newVal.includes(itemValue)) {
|
|
67
|
-
newVal.splice(newVal.indexOf(itemValue), 1);
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
if (common_1.TypeGuards.isNumber(limit) && newVal.length >= limit) {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
newVal.push(itemValue);
|
|
74
|
-
}
|
|
75
|
-
onValueChange(newVal);
|
|
76
|
-
};
|
|
77
|
-
var selectedLabel = (0, react_1.useMemo)(function () {
|
|
78
|
-
var _a;
|
|
79
|
-
var current = options.filter(function (o) { return value.includes(o.value); }).map(function (o) { return o.label; });
|
|
80
|
-
var display = (_a = current === null || current === void 0 ? void 0 : current.join(', ')) !== null && _a !== void 0 ? _a : placeholder;
|
|
81
|
-
return common_1.TypeGuards.isString(display) ? display : '';
|
|
82
|
-
}, [value, placeholder, options]);
|
|
83
|
-
var Item = renderItem || Select_1.SelectItem;
|
|
84
|
-
var renderListItem = function (_a) {
|
|
85
|
-
var item = _a.item;
|
|
86
|
-
return <Item isSelected={value.includes(item.value)} item={item} onPress={function () { return select(item.value); }} styles={variantStyles} icon={selectedIcon} {...itemProps}/>;
|
|
87
|
-
};
|
|
88
|
-
var isEmpty = value.length === 0;
|
|
89
|
-
var showClearIcon = !isEmpty && clearable;
|
|
90
|
-
var inputIcon = showClearIcon ? clearIconName : arrowIconName;
|
|
91
|
-
var onPressInputIcon = function () {
|
|
92
|
-
if (showClearIcon) {
|
|
93
|
-
onValueChange([]);
|
|
94
|
-
}
|
|
95
|
-
else {
|
|
96
|
-
close === null || close === void 0 ? void 0 : close();
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
return <>
|
|
100
|
-
{!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
|
|
101
|
-
icon: inputIcon,
|
|
102
|
-
onPress: onPressInputIcon,
|
|
103
|
-
}} editable={false} touchableWrapper wrapperProps={{
|
|
104
|
-
debugName: 'Select',
|
|
105
|
-
onPress: close,
|
|
106
|
-
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} validate={validate} {...inputProps}/>)}
|
|
107
|
-
|
|
108
|
-
<utils_1.ModalManager.Modal title={label} {...drawerProps} styles={variantStyles} id={null}>
|
|
109
|
-
<List_1.List data={options} styles={(0, common_1.getNestedStylesByKey)('list', variantStyles)} keyExtractor={function (i) { return i.value; }} separators keyboardAware={{
|
|
110
|
-
enabled: false,
|
|
111
|
-
}} renderItem={renderListItem} {...listProps}/>
|
|
112
|
-
</utils_1.ModalManager.Modal>
|
|
113
|
-
|
|
114
|
-
</>;
|
|
115
|
-
};
|
|
116
|
-
exports.MultiSelect = MultiSelect;
|
|
117
|
-
__exportStar(require("./styles"), exports);
|
|
118
|
-
__exportStar(require("./types"), exports);
|
|
119
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SelectComposition } from '../Select';
|
|
2
|
-
declare type ItemStates = '' | ':selected';
|
|
3
|
-
export declare type MultiSelectComposition = SelectComposition | `itemIcon${ItemStates}`;
|
|
4
|
-
export declare const MultiSelectStyles: {
|
|
5
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MultiSelectComposition, any>>;
|
|
6
|
-
};
|
|
7
|
-
export {};
|
|
@@ -1,84 +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.MultiSelectStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createMultiSelectStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
exports.MultiSelectStyles = {
|
|
18
|
-
default: createMultiSelectStyle(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
|
-
header: __assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter),
|
|
61
|
-
closeButtonTouchableWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
62
|
-
closeButtonIcon: {
|
|
63
|
-
color: theme.colors.text,
|
|
64
|
-
},
|
|
65
|
-
title: __assign({}, (0, common_1.assignTextStyle)('h3')(theme).text),
|
|
66
|
-
listWrapper: {
|
|
67
|
-
height: 'auto',
|
|
68
|
-
},
|
|
69
|
-
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 }),
|
|
70
|
-
'itemWrapper:selected': {
|
|
71
|
-
backgroundColor: theme.colors.primary,
|
|
72
|
-
},
|
|
73
|
-
'itemIcon:selected': __assign({ color: theme.colors.backgroundSecondary }, theme.sized(2)),
|
|
74
|
-
'itemText:selected': {
|
|
75
|
-
color: theme.colors.backgroundSecondary,
|
|
76
|
-
},
|
|
77
|
-
itemIcon: {
|
|
78
|
-
height: 0,
|
|
79
|
-
width: 0,
|
|
80
|
-
},
|
|
81
|
-
};
|
|
82
|
-
}),
|
|
83
|
-
};
|
|
84
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/styles.ts"],"names":[],"mappings":"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"}
|