@admin-layout/gluestack-ui-mobile 11.0.4-alpha.4 → 11.2.1-alpha.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/CHANGELOG.md +10 -24
- package/lib/components/ErrorBounday.js.map +1 -1
- package/lib/components/Fallback.js +12 -12
- package/lib/components/Fallback.js.map +1 -1
- package/lib/components/Layout/components/BasicLayout.js +2 -2
- package/lib/components/Layout/components/BasicLayout.js.map +1 -1
- package/lib/components/Layout/components/BottomTabBar.js +6 -6
- package/lib/components/Layout/components/BottomTabBar.js.map +1 -1
- package/lib/components/Layout/components/Drawer.js +17 -16
- package/lib/components/Layout/components/Drawer.js.map +1 -1
- package/lib/components/Layout/components/Header.js +15 -12
- package/lib/components/Layout/components/Header.js.map +1 -1
- package/lib/components/Layout/components/Sample.js +1 -1
- package/lib/components/Layout/components/Sample.js.map +1 -1
- package/lib/components/Layout/components/SettingDrawer/LayoutButton.js +9 -9
- package/lib/components/Layout/components/SettingDrawer/LayoutButton.js.map +1 -1
- package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js +36 -37
- package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js +2 -13
- package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js.map +1 -1
- package/lib/components/Layout/components/SideBar.js +10 -7
- package/lib/components/Layout/components/SideBar.js.map +1 -1
- package/lib/components/NavigationComponent.js.map +1 -1
- package/lib/components/ToastAlert.d.ts +1 -1
- package/lib/components/ToastAlert.js +4 -4
- package/lib/components/ToastAlert.js.map +1 -1
- package/lib/components/UnAuthenticatedComponent.js +9 -9
- package/lib/components/UnAuthenticatedComponent.js.map +1 -1
- package/lib/components/WithConfiguration.d.ts +2 -2
- package/lib/components/WithConfiguration.js +4 -4
- package/lib/components/WithConfiguration.js.map +1 -1
- package/lib/components/WithPermission.js +1 -1
- package/lib/components/WithPermission.js.map +1 -1
- package/lib/components/WithPolicy.d.ts +2 -1
- package/lib/components/WithPolicy.js +1 -1
- package/lib/components/WithPolicy.js.map +1 -1
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.js +0 -1
- package/lib/components/index.js.map +1 -1
- package/lib/components/with-interactions-lifecycle-managed.js +11 -13
- package/lib/components/with-interactions-lifecycle-managed.js.map +1 -1
- package/lib/components/with-interactions-managed.js +5 -4
- package/lib/components/with-interactions-managed.js.map +1 -1
- package/lib/containers/layout/DrawerBottomNavigationConfig.d.ts +53 -47
- package/lib/containers/layout/DrawerConfig.d.ts +35 -31
- package/lib/containers/layout/ProLayout.js +2 -2
- package/lib/containers/layout/ProLayout.js.map +1 -1
- package/lib/index.d.ts +3 -0
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/redux/settings.d.ts +7 -9
- package/lib/utils/generateMobileNavigations.js +10 -34
- package/lib/utils/generateMobileNavigations.js.map +1 -1
- package/package.json +13 -37
- package/src/components/ErrorBounday.tsx +19 -18
- package/src/components/Fallback.tsx +58 -54
- package/src/components/Layout/components/BasicLayout.tsx +2 -2
- package/src/components/Layout/components/BottomTabBar.tsx +101 -92
- package/src/components/Layout/components/Drawer.tsx +28 -31
- package/src/components/Layout/components/Header.tsx +27 -26
- package/src/components/Layout/components/Sample.tsx +1 -1
- package/src/components/Layout/components/SettingDrawer/LayoutButton.tsx +29 -15
- package/src/components/Layout/components/SettingDrawer/SettingDrawer.tsx +57 -49
- package/src/components/Layout/components/SettingDrawer/ThemeColorButton.tsx +5 -14
- package/src/components/Layout/components/SideBar.tsx +17 -12
- package/src/components/NavigationComponent.tsx +1 -1
- package/src/components/ToastAlert.tsx +13 -13
- package/src/components/UnAuthenticatedComponent.tsx +29 -19
- package/src/components/WithConfiguration.tsx +6 -6
- package/src/components/WithPermission.tsx +1 -1
- package/src/components/WithPolicy.tsx +4 -4
- package/src/components/index.ts +0 -1
- package/src/components/with-interactions-lifecycle-managed.tsx +18 -13
- package/src/components/with-interactions-managed.tsx +10 -5
- package/src/containers/layout/ProLayout.tsx +3 -3
- package/src/index.ts +7 -6
- package/src/utils/generateMobileNavigations.ts +24 -52
- package/tsconfig.json +10 -3
- package/lib/components/ui/IconSymbol.d.ts +0 -19
- package/lib/components/ui/IconSymbol.ios.d.ts +0 -10
- package/lib/components/ui/IconSymbol.ios.js +0 -12
- package/lib/components/ui/IconSymbol.ios.js.map +0 -1
- package/lib/components/ui/IconSymbol.js +0 -21
- package/lib/components/ui/IconSymbol.js.map +0 -1
- package/lib/components/ui/TabBarBackground.d.ts +0 -2
- package/lib/components/ui/TabBarBackground.ios.d.ts +0 -3
- package/lib/components/ui/TabBarBackground.ios.js +0 -20
- package/lib/components/ui/TabBarBackground.ios.js.map +0 -1
- package/lib/components/ui/TabBarBackground.js +0 -6
- package/lib/components/ui/TabBarBackground.js.map +0 -1
- package/lib/components/ui/accordion/index.d.ts +0 -193
- package/lib/components/ui/accordion/index.js +0 -177
- package/lib/components/ui/accordion/index.js.map +0 -1
- package/lib/components/ui/actionsheet/index.d.ts +0 -735
- package/lib/components/ui/actionsheet/index.js +0 -274
- package/lib/components/ui/actionsheet/index.js.map +0 -1
- package/lib/components/ui/alert/index.d.ts +0 -479
- package/lib/components/ui/alert/index.js +0 -153
- package/lib/components/ui/alert/index.js.map +0 -1
- package/lib/components/ui/alert-dialog/index.d.ts +0 -59
- package/lib/components/ui/alert-dialog/index.js +0 -137
- package/lib/components/ui/alert-dialog/index.js.map +0 -1
- package/lib/components/ui/avatar/index.d.ts +0 -144
- package/lib/components/ui/avatar/index.js +0 -99
- package/lib/components/ui/avatar/index.js.map +0 -1
- package/lib/components/ui/badge/index.d.ts +0 -386
- package/lib/components/ui/badge/index.js +0 -139
- package/lib/components/ui/badge/index.js.map +0 -1
- package/lib/components/ui/box/index.d.ts +0 -7
- package/lib/components/ui/box/index.js +0 -9
- package/lib/components/ui/box/index.js.map +0 -1
- package/lib/components/ui/box/index.web.d.ts +0 -6
- package/lib/components/ui/box/index.web.js +0 -8
- package/lib/components/ui/box/index.web.js.map +0 -1
- package/lib/components/ui/box/styles.d.ts +0 -1
- package/lib/components/ui/box/styles.js +0 -9
- package/lib/components/ui/box/styles.js.map +0 -1
- package/lib/components/ui/button/index.d.ts +0 -529
- package/lib/components/ui/button/index.js +0 -280
- package/lib/components/ui/button/index.js.map +0 -1
- package/lib/components/ui/card/index.d.ts +0 -129
- package/lib/components/ui/card/index.js +0 -9
- package/lib/components/ui/card/index.js.map +0 -1
- package/lib/components/ui/card/index.web.d.ts +0 -126
- package/lib/components/ui/card/index.web.js +0 -8
- package/lib/components/ui/card/index.web.js.map +0 -1
- package/lib/components/ui/card/styles.d.ts +0 -123
- package/lib/components/ui/card/styles.js +0 -20
- package/lib/components/ui/card/styles.js.map +0 -1
- package/lib/components/ui/center/index.d.ts +0 -5
- package/lib/components/ui/center/index.js +0 -9
- package/lib/components/ui/center/index.js.map +0 -1
- package/lib/components/ui/center/index.web.d.ts +0 -4
- package/lib/components/ui/center/index.web.js +0 -8
- package/lib/components/ui/center/index.web.js.map +0 -1
- package/lib/components/ui/center/styles.d.ts +0 -1
- package/lib/components/ui/center/styles.js +0 -7
- package/lib/components/ui/center/styles.js.map +0 -1
- package/lib/components/ui/checkbox/index.d.ts +0 -115
- package/lib/components/ui/checkbox/index.js +0 -127
- package/lib/components/ui/checkbox/index.js.map +0 -1
- package/lib/components/ui/divider/index.d.ts +0 -54
- package/lib/components/ui/divider/index.js +0 -22
- package/lib/components/ui/divider/index.js.map +0 -1
- package/lib/components/ui/drawer/index.d.ts +0 -207
- package/lib/components/ui/drawer/index.js +0 -198
- package/lib/components/ui/drawer/index.js.map +0 -1
- package/lib/components/ui/fab/index.d.ts +0 -520
- package/lib/components/ui/fab/index.js +0 -142
- package/lib/components/ui/fab/index.js.map +0 -1
- package/lib/components/ui/flat-list/index.d.ts +0 -1
- package/lib/components/ui/flat-list/index.js +0 -3
- package/lib/components/ui/flat-list/index.js.map +0 -1
- package/lib/components/ui/form-control/index.d.ts +0 -2072
- package/lib/components/ui/form-control/index.js +0 -290
- package/lib/components/ui/form-control/index.js.map +0 -1
- package/lib/components/ui/gluestack-ui-provider/config.d.ts +0 -4
- package/lib/components/ui/gluestack-ui-provider/config.js +0 -287
- package/lib/components/ui/gluestack-ui-provider/config.js.map +0 -1
- package/lib/components/ui/gluestack-ui-provider/index.d.ts +0 -8
- package/lib/components/ui/gluestack-ui-provider/index.js +0 -22
- package/lib/components/ui/gluestack-ui-provider/index.js.map +0 -1
- package/lib/components/ui/gluestack-ui-provider/index.web.d.ts +0 -7
- package/lib/components/ui/gluestack-ui-provider/index.web.js +0 -69
- package/lib/components/ui/gluestack-ui-provider/index.web.js.map +0 -1
- package/lib/components/ui/gluestack-ui-provider/script.d.ts +0 -1
- package/lib/components/ui/gluestack-ui-provider/script.js +0 -17
- package/lib/components/ui/gluestack-ui-provider/script.js.map +0 -1
- package/lib/components/ui/gluestack-ui-provider/types.d.ts +0 -1
- package/lib/components/ui/gluestack-ui-provider/types.js +0 -2
- package/lib/components/ui/gluestack-ui-provider/types.js.map +0 -1
- package/lib/components/ui/grid/index.d.ts +0 -27
- package/lib/components/ui/grid/index.js +0 -175
- package/lib/components/ui/grid/index.js.map +0 -1
- package/lib/components/ui/grid/index.web.d.ts +0 -23
- package/lib/components/ui/grid/index.web.js +0 -20
- package/lib/components/ui/grid/index.web.js.map +0 -1
- package/lib/components/ui/grid/styles.d.ts +0 -2
- package/lib/components/ui/grid/styles.js +0 -11
- package/lib/components/ui/grid/styles.js.map +0 -1
- package/lib/components/ui/heading/index.d.ts +0 -335
- package/lib/components/ui/heading/index.js +0 -135
- package/lib/components/ui/heading/index.js.map +0 -1
- package/lib/components/ui/heading/index.web.d.ts +0 -335
- package/lib/components/ui/heading/index.web.js +0 -113
- package/lib/components/ui/heading/index.web.js.map +0 -1
- package/lib/components/ui/heading/styles.d.ts +0 -330
- package/lib/components/ui/heading/styles.js +0 -43
- package/lib/components/ui/heading/styles.js.map +0 -1
- package/lib/components/ui/hstack/index.d.ts +0 -150
- package/lib/components/ui/hstack/index.js +0 -9
- package/lib/components/ui/hstack/index.js.map +0 -1
- package/lib/components/ui/hstack/index.web.d.ts +0 -148
- package/lib/components/ui/hstack/index.web.js +0 -8
- package/lib/components/ui/hstack/index.web.js.map +0 -1
- package/lib/components/ui/hstack/styles.d.ts +0 -145
- package/lib/components/ui/hstack/styles.js +0 -24
- package/lib/components/ui/hstack/styles.js.map +0 -1
- package/lib/components/ui/icon/index.d.ts +0 -364
- package/lib/components/ui/icon/index.js +0 -565
- package/lib/components/ui/icon/index.js.map +0 -1
- package/lib/components/ui/icon/index.web.d.ts +0 -489
- package/lib/components/ui/icon/index.web.js +0 -555
- package/lib/components/ui/icon/index.web.js.map +0 -1
- package/lib/components/ui/image/index.d.ts +0 -132
- package/lib/components/ui/image/index.js +0 -33
- package/lib/components/ui/image/index.js.map +0 -1
- package/lib/components/ui/image-background/index.d.ts +0 -3
- package/lib/components/ui/image-background/index.js +0 -11
- package/lib/components/ui/image-background/index.js.map +0 -1
- package/lib/components/ui/index.d.ts +0 -54
- package/lib/components/ui/index.js +0 -55
- package/lib/components/ui/index.js.map +0 -1
- package/lib/components/ui/input/index.d.ts +0 -262
- package/lib/components/ui/input/index.js +0 -121
- package/lib/components/ui/input/index.js.map +0 -1
- package/lib/components/ui/input-accessory-view/index.d.ts +0 -1
- package/lib/components/ui/input-accessory-view/index.js +0 -3
- package/lib/components/ui/input-accessory-view/index.js.map +0 -1
- package/lib/components/ui/keyboard-avoiding-view/index.d.ts +0 -1
- package/lib/components/ui/keyboard-avoiding-view/index.js +0 -3
- package/lib/components/ui/keyboard-avoiding-view/index.js.map +0 -1
- package/lib/components/ui/link/index.d.ts +0 -369
- package/lib/components/ui/link/index.js +0 -69
- package/lib/components/ui/link/index.js.map +0 -1
- package/lib/components/ui/menu/index.d.ts +0 -376
- package/lib/components/ui/menu/index.js +0 -120
- package/lib/components/ui/menu/index.js.map +0 -1
- package/lib/components/ui/modal/index.d.ts +0 -146
- package/lib/components/ui/modal/index.js +0 -137
- package/lib/components/ui/modal/index.js.map +0 -1
- package/lib/components/ui/popover/index.d.ts +0 -310
- package/lib/components/ui/popover/index.js +0 -172
- package/lib/components/ui/popover/index.js.map +0 -1
- package/lib/components/ui/portal/index.d.ts +0 -2
- package/lib/components/ui/portal/index.js +0 -9
- package/lib/components/ui/portal/index.js.map +0 -1
- package/lib/components/ui/pressable/index.d.ts +0 -13
- package/lib/components/ui/pressable/index.js +0 -20
- package/lib/components/ui/pressable/index.js.map +0 -1
- package/lib/components/ui/progress/index.d.ts +0 -174
- package/lib/components/ui/progress/index.js +0 -127
- package/lib/components/ui/progress/index.js.map +0 -1
- package/lib/components/ui/radio/index.d.ts +0 -160
- package/lib/components/ui/radio/index.js +0 -122
- package/lib/components/ui/radio/index.js.map +0 -1
- package/lib/components/ui/refresh-control/index.d.ts +0 -1
- package/lib/components/ui/refresh-control/index.js +0 -3
- package/lib/components/ui/refresh-control/index.js.map +0 -1
- package/lib/components/ui/safe-area-view/index.d.ts +0 -6
- package/lib/components/ui/safe-area-view/index.js +0 -9
- package/lib/components/ui/safe-area-view/index.js.map +0 -1
- package/lib/components/ui/safe-area-view/styles.d.ts +0 -1
- package/lib/components/ui/safe-area-view/styles.js +0 -9
- package/lib/components/ui/safe-area-view/styles.js.map +0 -1
- package/lib/components/ui/scroll-view/index.d.ts +0 -1
- package/lib/components/ui/scroll-view/index.js +0 -3
- package/lib/components/ui/scroll-view/index.js.map +0 -1
- package/lib/components/ui/section-list/index.d.ts +0 -1
- package/lib/components/ui/section-list/index.js +0 -3
- package/lib/components/ui/section-list/index.js.map +0 -1
- package/lib/components/ui/select/index.d.ts +0 -1708
- package/lib/components/ui/select/index.js +0 -155
- package/lib/components/ui/select/index.js.map +0 -1
- package/lib/components/ui/select/select-actionsheet.d.ts +0 -900
- package/lib/components/ui/select/select-actionsheet.js +0 -275
- package/lib/components/ui/select/select-actionsheet.js.map +0 -1
- package/lib/components/ui/skeleton/index.d.ts +0 -268
- package/lib/components/ui/skeleton/index.js +0 -63
- package/lib/components/ui/skeleton/index.js.map +0 -1
- package/lib/components/ui/skeleton/index.web.d.ts +0 -267
- package/lib/components/ui/skeleton/index.web.js +0 -37
- package/lib/components/ui/skeleton/index.web.js.map +0 -1
- package/lib/components/ui/skeleton/styles.d.ts +0 -257
- package/lib/components/ui/skeleton/styles.js +0 -35
- package/lib/components/ui/skeleton/styles.js.map +0 -1
- package/lib/components/ui/slider/index.d.ts +0 -211
- package/lib/components/ui/slider/index.js +0 -180
- package/lib/components/ui/slider/index.js.map +0 -1
- package/lib/components/ui/spinner/index.d.ts +0 -4
- package/lib/components/ui/spinner/index.js +0 -15
- package/lib/components/ui/spinner/index.js.map +0 -1
- package/lib/components/ui/status-bar/index.d.ts +0 -1
- package/lib/components/ui/status-bar/index.js +0 -3
- package/lib/components/ui/status-bar/index.js.map +0 -1
- package/lib/components/ui/switch/index.d.ts +0 -72
- package/lib/components/ui/switch/index.js +0 -25
- package/lib/components/ui/switch/index.js.map +0 -1
- package/lib/components/ui/table/index.d.ts +0 -17
- package/lib/components/ui/table/index.js +0 -96
- package/lib/components/ui/table/index.js.map +0 -1
- package/lib/components/ui/table/index.web.d.ts +0 -10
- package/lib/components/ui/table/index.web.js +0 -60
- package/lib/components/ui/table/index.web.js.map +0 -1
- package/lib/components/ui/table/styles.d.ts +0 -75
- package/lib/components/ui/table/styles.js +0 -36
- package/lib/components/ui/table/styles.js.map +0 -1
- package/lib/components/ui/text/index.d.ts +0 -358
- package/lib/components/ui/text/index.js +0 -19
- package/lib/components/ui/text/index.js.map +0 -1
- package/lib/components/ui/text/index.web.d.ts +0 -6
- package/lib/components/ui/text/index.web.js +0 -18
- package/lib/components/ui/text/index.web.js.map +0 -1
- package/lib/components/ui/text/styles.d.ts +0 -352
- package/lib/components/ui/text/styles.js +0 -45
- package/lib/components/ui/text/styles.js.map +0 -1
- package/lib/components/ui/textarea/index.d.ts +0 -129
- package/lib/components/ui/textarea/index.js +0 -52
- package/lib/components/ui/textarea/index.js.map +0 -1
- package/lib/components/ui/toast/index.d.ts +0 -527
- package/lib/components/ui/toast/index.js +0 -165
- package/lib/components/ui/toast/index.js.map +0 -1
- package/lib/components/ui/tooltip/index.d.ts +0 -391
- package/lib/components/ui/tooltip/index.js +0 -75
- package/lib/components/ui/tooltip/index.js.map +0 -1
- package/lib/components/ui/utils/use-break-point-value.d.ts +0 -14
- package/lib/components/ui/utils/use-break-point-value.js +0 -54
- package/lib/components/ui/utils/use-break-point-value.js.map +0 -1
- package/lib/components/ui/view/index.d.ts +0 -1
- package/lib/components/ui/view/index.js +0 -3
- package/lib/components/ui/view/index.js.map +0 -1
- package/lib/components/ui/virtualized-list/index.d.ts +0 -1
- package/lib/components/ui/virtualized-list/index.js +0 -3
- package/lib/components/ui/virtualized-list/index.js.map +0 -1
- package/lib/components/ui/vstack/index.d.ts +0 -149
- package/lib/components/ui/vstack/index.js +0 -9
- package/lib/components/ui/vstack/index.js.map +0 -1
- package/lib/components/ui/vstack/index.web.d.ts +0 -6
- package/lib/components/ui/vstack/index.web.js +0 -8
- package/lib/components/ui/vstack/index.web.js.map +0 -1
- package/lib/components/ui/vstack/styles.d.ts +0 -145
- package/lib/components/ui/vstack/styles.js +0 -24
- package/lib/components/ui/vstack/styles.js.map +0 -1
- package/lib/global.css +0 -3
- package/lib/gluestack-ui-base-config.d.ts +0 -8
- package/lib/gluestack-ui-base-config.js +0 -12
- package/lib/gluestack-ui-base-config.js.map +0 -1
- package/lib/nativewind-env.d.ts +0 -1
- package/lib/tailwind-base-config.d.ts +0 -194
- package/lib/tailwind-base-config.js +0 -197
- package/lib/tailwind-base-config.js.map +0 -1
- package/lib/tailwind.config.d.ts +0 -1
- package/lib/tailwind.config.js +0 -197
- package/lib/tailwind.config.js.map +0 -1
- package/src/components/ui/IconSymbol.ios.tsx +0 -33
- package/src/components/ui/IconSymbol.tsx +0 -40
- package/src/components/ui/TabBarBackground.ios.tsx +0 -23
- package/src/components/ui/TabBarBackground.tsx +0 -6
- package/src/components/ui/accordion/index.tsx +0 -304
- package/src/components/ui/actionsheet/index.tsx +0 -499
- package/src/components/ui/alert/index.tsx +0 -205
- package/src/components/ui/alert-dialog/index.tsx +0 -260
- package/src/components/ui/avatar/index.tsx +0 -162
- package/src/components/ui/badge/index.tsx +0 -188
- package/src/components/ui/box/index.tsx +0 -14
- package/src/components/ui/box/index.web.tsx +0 -13
- package/src/components/ui/box/styles.tsx +0 -10
- package/src/components/ui/button/index.tsx +0 -353
- package/src/components/ui/card/index.tsx +0 -16
- package/src/components/ui/card/index.web.tsx +0 -15
- package/src/components/ui/card/styles.tsx +0 -20
- package/src/components/ui/center/index.tsx +0 -14
- package/src/components/ui/center/index.web.tsx +0 -14
- package/src/components/ui/center/styles.tsx +0 -8
- package/src/components/ui/checkbox/index.tsx +0 -192
- package/src/components/ui/divider/index.tsx +0 -38
- package/src/components/ui/drawer/index.tsx +0 -311
- package/src/components/ui/fab/index.tsx +0 -190
- package/src/components/ui/flat-list/index.tsx +0 -2
- package/src/components/ui/form-control/index.tsx +0 -432
- package/src/components/ui/gluestack-ui-provider/config.ts +0 -309
- package/src/components/ui/gluestack-ui-provider/index.tsx +0 -38
- package/src/components/ui/gluestack-ui-provider/index.web.tsx +0 -88
- package/src/components/ui/gluestack-ui-provider/script.ts +0 -17
- package/src/components/ui/gluestack-ui-provider/types.ts +0 -1
- package/src/components/ui/grid/index.tsx +0 -284
- package/src/components/ui/grid/index.web.tsx +0 -61
- package/src/components/ui/grid/styles.tsx +0 -13
- package/src/components/ui/heading/index.tsx +0 -193
- package/src/components/ui/heading/index.web.tsx +0 -177
- package/src/components/ui/heading/styles.tsx +0 -43
- package/src/components/ui/hstack/index.tsx +0 -17
- package/src/components/ui/hstack/index.web.tsx +0 -15
- package/src/components/ui/hstack/styles.tsx +0 -25
- package/src/components/ui/icon/index.tsx +0 -1202
- package/src/components/ui/icon/index.web.tsx +0 -1190
- package/src/components/ui/image/index.tsx +0 -48
- package/src/components/ui/image-background/index.tsx +0 -21
- package/src/components/ui/index.ts +0 -54
- package/src/components/ui/input/index.tsx +0 -191
- package/src/components/ui/input-accessory-view/index.tsx +0 -2
- package/src/components/ui/keyboard-avoiding-view/index.tsx +0 -2
- package/src/components/ui/link/index.tsx +0 -92
- package/src/components/ui/menu/index.tsx +0 -179
- package/src/components/ui/modal/index.tsx +0 -244
- package/src/components/ui/popover/index.tsx +0 -309
- package/src/components/ui/portal/index.tsx +0 -12
- package/src/components/ui/pressable/index.tsx +0 -34
- package/src/components/ui/progress/index.tsx +0 -160
- package/src/components/ui/radio/index.tsx +0 -178
- package/src/components/ui/refresh-control/index.tsx +0 -2
- package/src/components/ui/safe-area-view/index.tsx +0 -22
- package/src/components/ui/safe-area-view/styles.tsx +0 -10
- package/src/components/ui/scroll-view/index.tsx +0 -2
- package/src/components/ui/section-list/index.tsx +0 -2
- package/src/components/ui/select/index.tsx +0 -251
- package/src/components/ui/select/select-actionsheet.tsx +0 -503
- package/src/components/ui/skeleton/index.tsx +0 -113
- package/src/components/ui/skeleton/index.web.tsx +0 -92
- package/src/components/ui/skeleton/styles.tsx +0 -35
- package/src/components/ui/slider/index.tsx +0 -239
- package/src/components/ui/spinner/index.tsx +0 -31
- package/src/components/ui/status-bar/index.tsx +0 -2
- package/src/components/ui/switch/index.tsx +0 -33
- package/src/components/ui/table/index.tsx +0 -171
- package/src/components/ui/table/index.web.tsx +0 -95
- package/src/components/ui/table/styles.tsx +0 -44
- package/src/components/ui/text/index.tsx +0 -53
- package/src/components/ui/text/index.web.tsx +0 -45
- package/src/components/ui/text/styles.tsx +0 -47
- package/src/components/ui/textarea/index.tsx +0 -83
- package/src/components/ui/toast/index.tsx +0 -218
- package/src/components/ui/tooltip/index.tsx +0 -104
- package/src/components/ui/utils/use-break-point-value.ts +0 -79
- package/src/components/ui/view/index.tsx +0 -2
- package/src/components/ui/virtualized-list/index.tsx +0 -2
- package/src/components/ui/vstack/index.tsx +0 -17
- package/src/components/ui/vstack/index.web.tsx +0 -16
- package/src/components/ui/vstack/styles.tsx +0 -25
- package/src/global.css +0 -3
- package/src/gluestack-ui-base-config.js +0 -12
- package/src/gluestack-ui.config.json +0 -10
- package/src/nativewind-env.d.ts +0 -1
- package/src/tailwind-base-config.js +0 -197
- package/src/tailwind.config.js +0 -198
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import type { VariantProps } from '@gluestack-ui/nativewind-utils';
|
|
4
|
-
declare const UIDrawer: import("@gluestack-ui/modal/lib/types").IModalComponentType<import("react-native").ViewProps & {
|
|
5
|
-
context?: any;
|
|
6
|
-
} & React.RefAttributes<typeof View>, import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>, import("react-native").PressableProps & React.RefAttributes<View>, import("react-native").ViewProps, import("react-native").ViewProps, import("react-native").ScrollViewProps, import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
|
|
7
|
-
ref?: React.Ref<View>;
|
|
8
|
-
}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>>;
|
|
9
|
-
declare const drawerStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
|
|
10
|
-
size: {
|
|
11
|
-
sm: string;
|
|
12
|
-
md: string;
|
|
13
|
-
lg: string;
|
|
14
|
-
full: string;
|
|
15
|
-
};
|
|
16
|
-
anchor: {
|
|
17
|
-
left: string;
|
|
18
|
-
right: string;
|
|
19
|
-
top: string;
|
|
20
|
-
bottom: string;
|
|
21
|
-
};
|
|
22
|
-
} | ({
|
|
23
|
-
size: {
|
|
24
|
-
sm: string;
|
|
25
|
-
md: string;
|
|
26
|
-
lg: string;
|
|
27
|
-
full: string;
|
|
28
|
-
};
|
|
29
|
-
anchor: {
|
|
30
|
-
left: string;
|
|
31
|
-
right: string;
|
|
32
|
-
top: string;
|
|
33
|
-
bottom: string;
|
|
34
|
-
};
|
|
35
|
-
} & {
|
|
36
|
-
size: {
|
|
37
|
-
sm: import("tailwind-merge").ClassNameValue | {
|
|
38
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
39
|
-
};
|
|
40
|
-
md: import("tailwind-merge").ClassNameValue | {
|
|
41
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
42
|
-
};
|
|
43
|
-
lg: import("tailwind-merge").ClassNameValue | {
|
|
44
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
45
|
-
};
|
|
46
|
-
full: import("tailwind-merge").ClassNameValue | {
|
|
47
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
anchor: {
|
|
51
|
-
left: import("tailwind-merge").ClassNameValue | {
|
|
52
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
53
|
-
};
|
|
54
|
-
right: import("tailwind-merge").ClassNameValue | {
|
|
55
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
56
|
-
};
|
|
57
|
-
top: import("tailwind-merge").ClassNameValue | {
|
|
58
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
59
|
-
};
|
|
60
|
-
bottom: import("tailwind-merge").ClassNameValue | {
|
|
61
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
}), undefined, "w-full h-full web:pointer-events-none relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
65
|
-
size: {
|
|
66
|
-
sm: string;
|
|
67
|
-
md: string;
|
|
68
|
-
lg: string;
|
|
69
|
-
full: string;
|
|
70
|
-
};
|
|
71
|
-
anchor: {
|
|
72
|
-
left: string;
|
|
73
|
-
right: string;
|
|
74
|
-
top: string;
|
|
75
|
-
bottom: string;
|
|
76
|
-
};
|
|
77
|
-
}, {
|
|
78
|
-
size: {
|
|
79
|
-
sm: string;
|
|
80
|
-
md: string;
|
|
81
|
-
lg: string;
|
|
82
|
-
full: string;
|
|
83
|
-
};
|
|
84
|
-
anchor: {
|
|
85
|
-
left: string;
|
|
86
|
-
right: string;
|
|
87
|
-
top: string;
|
|
88
|
-
bottom: string;
|
|
89
|
-
};
|
|
90
|
-
}>, {
|
|
91
|
-
size: {
|
|
92
|
-
sm: string;
|
|
93
|
-
md: string;
|
|
94
|
-
lg: string;
|
|
95
|
-
full: string;
|
|
96
|
-
};
|
|
97
|
-
anchor: {
|
|
98
|
-
left: string;
|
|
99
|
-
right: string;
|
|
100
|
-
top: string;
|
|
101
|
-
bottom: string;
|
|
102
|
-
};
|
|
103
|
-
}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
|
|
104
|
-
size: {
|
|
105
|
-
sm: string;
|
|
106
|
-
md: string;
|
|
107
|
-
lg: string;
|
|
108
|
-
full: string;
|
|
109
|
-
};
|
|
110
|
-
anchor: {
|
|
111
|
-
left: string;
|
|
112
|
-
right: string;
|
|
113
|
-
top: string;
|
|
114
|
-
bottom: string;
|
|
115
|
-
};
|
|
116
|
-
}, undefined, "w-full h-full web:pointer-events-none relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
117
|
-
size: {
|
|
118
|
-
sm: string;
|
|
119
|
-
md: string;
|
|
120
|
-
lg: string;
|
|
121
|
-
full: string;
|
|
122
|
-
};
|
|
123
|
-
anchor: {
|
|
124
|
-
left: string;
|
|
125
|
-
right: string;
|
|
126
|
-
top: string;
|
|
127
|
-
bottom: string;
|
|
128
|
-
};
|
|
129
|
-
}, {
|
|
130
|
-
size: {
|
|
131
|
-
sm: string;
|
|
132
|
-
md: string;
|
|
133
|
-
lg: string;
|
|
134
|
-
full: string;
|
|
135
|
-
};
|
|
136
|
-
anchor: {
|
|
137
|
-
left: string;
|
|
138
|
-
right: string;
|
|
139
|
-
top: string;
|
|
140
|
-
bottom: string;
|
|
141
|
-
};
|
|
142
|
-
}>, unknown, unknown, undefined>>;
|
|
143
|
-
declare const drawerBackdropStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
|
|
144
|
-
declare const drawerContentStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
|
|
145
|
-
size: {
|
|
146
|
-
sm: string;
|
|
147
|
-
md: string;
|
|
148
|
-
lg: string;
|
|
149
|
-
full: string;
|
|
150
|
-
};
|
|
151
|
-
anchor: {
|
|
152
|
-
left: string;
|
|
153
|
-
right: string;
|
|
154
|
-
top: string;
|
|
155
|
-
bottom: string;
|
|
156
|
-
};
|
|
157
|
-
} | ({} & {
|
|
158
|
-
size: {
|
|
159
|
-
sm: string;
|
|
160
|
-
md: string;
|
|
161
|
-
lg: string;
|
|
162
|
-
full: string;
|
|
163
|
-
};
|
|
164
|
-
anchor: {
|
|
165
|
-
left: string;
|
|
166
|
-
right: string;
|
|
167
|
-
top: string;
|
|
168
|
-
bottom: string;
|
|
169
|
-
};
|
|
170
|
-
}), undefined, "bg-background-0 overflow-scroll border-outline-100 p-6 absolute", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "bg-background-0 overflow-scroll border-outline-100 p-6 absolute", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
|
|
171
|
-
declare const drawerCloseButtonStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "z-10 rounded data-[focus-visible=true]:web:bg-background-100 web:outline-0 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "z-10 rounded data-[focus-visible=true]:web:bg-background-100 web:outline-0 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
|
|
172
|
-
declare const drawerHeaderStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "justify-between items-center flex-row", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "justify-between items-center flex-row", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
|
|
173
|
-
declare const drawerBodyStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "mt-4 mb-6 shrink-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "mt-4 mb-6 shrink-0", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
|
|
174
|
-
declare const drawerFooterStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "flex-row justify-end items-center", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "flex-row justify-end items-center", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
|
|
175
|
-
type IDrawerProps = React.ComponentProps<typeof UIDrawer> & VariantProps<typeof drawerStyle> & {
|
|
176
|
-
className?: string;
|
|
177
|
-
};
|
|
178
|
-
type IDrawerBackdropProps = React.ComponentProps<typeof UIDrawer.Backdrop> & VariantProps<typeof drawerBackdropStyle> & {
|
|
179
|
-
className?: string;
|
|
180
|
-
};
|
|
181
|
-
type IDrawerContentProps = React.ComponentProps<typeof UIDrawer.Content> & VariantProps<typeof drawerContentStyle> & {
|
|
182
|
-
className?: string;
|
|
183
|
-
};
|
|
184
|
-
type IDrawerHeaderProps = React.ComponentProps<typeof UIDrawer.Header> & VariantProps<typeof drawerHeaderStyle> & {
|
|
185
|
-
className?: string;
|
|
186
|
-
};
|
|
187
|
-
type IDrawerBodyProps = React.ComponentProps<typeof UIDrawer.Body> & VariantProps<typeof drawerBodyStyle> & {
|
|
188
|
-
className?: string;
|
|
189
|
-
};
|
|
190
|
-
type IDrawerFooterProps = React.ComponentProps<typeof UIDrawer.Footer> & VariantProps<typeof drawerFooterStyle> & {
|
|
191
|
-
className?: string;
|
|
192
|
-
};
|
|
193
|
-
type IDrawerCloseButtonProps = React.ComponentProps<typeof UIDrawer.CloseButton> & VariantProps<typeof drawerCloseButtonStyle> & {
|
|
194
|
-
className?: string;
|
|
195
|
-
};
|
|
196
|
-
declare const CustomDrawer: React.ForwardRefExoticComponent<Omit<IDrawerProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
|
|
197
|
-
context?: any;
|
|
198
|
-
} & React.RefAttributes<typeof View>>>;
|
|
199
|
-
declare const DrawerBackdrop: React.ForwardRefExoticComponent<Omit<IDrawerBackdropProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
|
|
200
|
-
ref?: React.Ref<View>;
|
|
201
|
-
}> & import("@legendapp/motion").MotionComponentProps<React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<View>>, import("react-native").ViewStyle | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>), unknown, unknown, unknown>>>;
|
|
202
|
-
declare const DrawerContent: React.ForwardRefExoticComponent<Omit<IDrawerContentProps, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>>>;
|
|
203
|
-
declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<IDrawerHeaderProps, "ref"> & React.RefAttributes<import("react-native").ViewProps>>;
|
|
204
|
-
declare const DrawerBody: React.ForwardRefExoticComponent<Omit<IDrawerBodyProps, "ref"> & React.RefAttributes<import("react-native").ScrollViewProps>>;
|
|
205
|
-
declare const DrawerFooter: React.ForwardRefExoticComponent<Omit<IDrawerFooterProps, "ref"> & React.RefAttributes<import("react-native").ViewProps>>;
|
|
206
|
-
declare const DrawerCloseButton: React.ForwardRefExoticComponent<Omit<IDrawerCloseButtonProps, "ref"> & React.RefAttributes<import("react-native").PressableProps & React.RefAttributes<View>>>;
|
|
207
|
-
export { CustomDrawer, DrawerBackdrop, DrawerContent, DrawerCloseButton, DrawerHeader, DrawerBody, DrawerFooter };
|
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { createModal as createDrawer } from '@gluestack-ui/modal';
|
|
4
|
-
import { Pressable, View, ScrollView, Dimensions } from 'react-native';
|
|
5
|
-
import { Motion, AnimatePresence, createMotionAnimatedComponent } from '@legendapp/motion';
|
|
6
|
-
import { tva } from '@gluestack-ui/nativewind-utils/tva';
|
|
7
|
-
import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
|
|
8
|
-
import { cssInterop } from 'nativewind';
|
|
9
|
-
const AnimatedPressable = createMotionAnimatedComponent(Pressable);
|
|
10
|
-
const SCOPE = 'MODAL';
|
|
11
|
-
const screenWidth = Dimensions.get('window').width;
|
|
12
|
-
const screenHeight = Dimensions.get('window').height;
|
|
13
|
-
const sizes = {
|
|
14
|
-
sm: 0.25,
|
|
15
|
-
md: 0.5,
|
|
16
|
-
lg: 0.75,
|
|
17
|
-
full: 1,
|
|
18
|
-
};
|
|
19
|
-
const UIDrawer = createDrawer({
|
|
20
|
-
Root: withStyleContext(View, SCOPE),
|
|
21
|
-
Backdrop: AnimatedPressable,
|
|
22
|
-
Content: Motion.View,
|
|
23
|
-
Body: ScrollView,
|
|
24
|
-
CloseButton: Pressable,
|
|
25
|
-
Footer: View,
|
|
26
|
-
Header: View,
|
|
27
|
-
AnimatePresence: AnimatePresence,
|
|
28
|
-
});
|
|
29
|
-
cssInterop(AnimatedPressable, { className: 'style' });
|
|
30
|
-
cssInterop(Motion.View, { className: 'style' });
|
|
31
|
-
const drawerStyle = tva({
|
|
32
|
-
base: 'w-full h-full web:pointer-events-none relative',
|
|
33
|
-
variants: {
|
|
34
|
-
size: {
|
|
35
|
-
sm: '',
|
|
36
|
-
md: '',
|
|
37
|
-
lg: '',
|
|
38
|
-
full: '',
|
|
39
|
-
},
|
|
40
|
-
anchor: {
|
|
41
|
-
left: 'items-start',
|
|
42
|
-
right: 'items-end',
|
|
43
|
-
top: 'justify-start',
|
|
44
|
-
bottom: 'justify-end',
|
|
45
|
-
},
|
|
46
|
-
},
|
|
47
|
-
});
|
|
48
|
-
const drawerBackdropStyle = tva({
|
|
49
|
-
base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default',
|
|
50
|
-
});
|
|
51
|
-
const drawerContentStyle = tva({
|
|
52
|
-
base: 'bg-background-0 overflow-scroll border-outline-100 p-6 absolute',
|
|
53
|
-
parentVariants: {
|
|
54
|
-
size: {
|
|
55
|
-
sm: 'w-1/4',
|
|
56
|
-
md: 'w-1/2',
|
|
57
|
-
lg: 'w-3/4',
|
|
58
|
-
full: 'w-full',
|
|
59
|
-
},
|
|
60
|
-
anchor: {
|
|
61
|
-
left: 'h-full border-r',
|
|
62
|
-
right: 'h-full border-l',
|
|
63
|
-
top: 'w-full border-b',
|
|
64
|
-
bottom: 'w-full border-t',
|
|
65
|
-
},
|
|
66
|
-
},
|
|
67
|
-
parentCompoundVariants: [
|
|
68
|
-
{
|
|
69
|
-
anchor: 'top',
|
|
70
|
-
size: 'sm',
|
|
71
|
-
class: 'h-1/4',
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
anchor: 'top',
|
|
75
|
-
size: 'md',
|
|
76
|
-
class: 'h-1/2',
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
anchor: 'top',
|
|
80
|
-
size: 'lg',
|
|
81
|
-
class: 'h-3/4',
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
anchor: 'top',
|
|
85
|
-
size: 'full',
|
|
86
|
-
class: 'h-full',
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
anchor: 'bottom',
|
|
90
|
-
size: 'sm',
|
|
91
|
-
class: 'h-1/4',
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
anchor: 'bottom',
|
|
95
|
-
size: 'md',
|
|
96
|
-
class: 'h-1/2',
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
anchor: 'bottom',
|
|
100
|
-
size: 'lg',
|
|
101
|
-
class: 'h-3/4',
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
anchor: 'bottom',
|
|
105
|
-
size: 'full',
|
|
106
|
-
class: 'h-full',
|
|
107
|
-
},
|
|
108
|
-
],
|
|
109
|
-
});
|
|
110
|
-
const drawerCloseButtonStyle = tva({
|
|
111
|
-
base: 'z-10 rounded data-[focus-visible=true]:web:bg-background-100 web:outline-0 cursor-pointer',
|
|
112
|
-
});
|
|
113
|
-
const drawerHeaderStyle = tva({
|
|
114
|
-
base: 'justify-between items-center flex-row',
|
|
115
|
-
});
|
|
116
|
-
const drawerBodyStyle = tva({
|
|
117
|
-
base: 'mt-4 mb-6 shrink-0',
|
|
118
|
-
});
|
|
119
|
-
const drawerFooterStyle = tva({
|
|
120
|
-
base: 'flex-row justify-end items-center',
|
|
121
|
-
});
|
|
122
|
-
const CustomDrawer = React.forwardRef(({ className, size = 'sm', anchor = 'left', ...props }, ref) => {
|
|
123
|
-
return (React.createElement(UIDrawer, { ref: ref, ...props, pointerEvents: "box-none", className: drawerStyle({ size, anchor, class: className }), context: { size, anchor } }));
|
|
124
|
-
});
|
|
125
|
-
const DrawerBackdrop = React.forwardRef(({ className, ...props }, ref) => {
|
|
126
|
-
return (React.createElement(UIDrawer.Backdrop, { ref: ref, initial: {
|
|
127
|
-
opacity: 0,
|
|
128
|
-
}, animate: {
|
|
129
|
-
opacity: 0.5,
|
|
130
|
-
}, exit: {
|
|
131
|
-
opacity: 0,
|
|
132
|
-
}, transition: {
|
|
133
|
-
type: 'spring',
|
|
134
|
-
damping: 18,
|
|
135
|
-
stiffness: 250,
|
|
136
|
-
opacity: {
|
|
137
|
-
type: 'timing',
|
|
138
|
-
duration: 250,
|
|
139
|
-
},
|
|
140
|
-
}, ...props, className: drawerBackdropStyle({
|
|
141
|
-
class: className,
|
|
142
|
-
}) }));
|
|
143
|
-
});
|
|
144
|
-
const DrawerContent = React.forwardRef(({ className, ...props }, ref) => {
|
|
145
|
-
const { size: parentSize, anchor: parentAnchor } = useStyleContext(SCOPE);
|
|
146
|
-
const drawerHeight = screenHeight * (sizes[parentSize] || sizes.md);
|
|
147
|
-
const drawerWidth = screenWidth * (sizes[parentSize] || sizes.md);
|
|
148
|
-
const isHorizontal = parentAnchor === 'left' || parentAnchor === 'right';
|
|
149
|
-
const initialObj = isHorizontal
|
|
150
|
-
? { x: parentAnchor === 'left' ? -drawerWidth : drawerWidth }
|
|
151
|
-
: { y: parentAnchor === 'top' ? -drawerHeight : drawerHeight };
|
|
152
|
-
const animateObj = isHorizontal ? { x: 0 } : { y: 0 };
|
|
153
|
-
const exitObj = isHorizontal
|
|
154
|
-
? { x: parentAnchor === 'left' ? -drawerWidth : drawerWidth }
|
|
155
|
-
: { y: parentAnchor === 'top' ? -drawerHeight : drawerHeight };
|
|
156
|
-
const customClass = isHorizontal
|
|
157
|
-
? `top-0 ${parentAnchor === 'left' ? 'left-0' : 'right-0'}`
|
|
158
|
-
: `left-0 ${parentAnchor === 'top' ? 'top-0' : 'bottom-0'}`;
|
|
159
|
-
return (React.createElement(UIDrawer.Content, { ref: ref, initial: initialObj, animate: animateObj, exit: exitObj, transition: {
|
|
160
|
-
type: 'timing',
|
|
161
|
-
duration: 300,
|
|
162
|
-
}, ...props, className: drawerContentStyle({
|
|
163
|
-
parentVariants: {
|
|
164
|
-
size: parentSize,
|
|
165
|
-
anchor: parentAnchor,
|
|
166
|
-
},
|
|
167
|
-
class: `${className} ${customClass}`,
|
|
168
|
-
}), pointerEvents: "auto" }));
|
|
169
|
-
});
|
|
170
|
-
const DrawerHeader = React.forwardRef(({ className, ...props }, ref) => {
|
|
171
|
-
return (React.createElement(UIDrawer.Header, { ref: ref, ...props, className: drawerHeaderStyle({
|
|
172
|
-
class: className,
|
|
173
|
-
}) }));
|
|
174
|
-
});
|
|
175
|
-
const DrawerBody = React.forwardRef(({ className, ...props }, ref) => {
|
|
176
|
-
return (React.createElement(UIDrawer.Body, { ref: ref, ...props, className: drawerBodyStyle({
|
|
177
|
-
class: className,
|
|
178
|
-
}) }));
|
|
179
|
-
});
|
|
180
|
-
const DrawerFooter = React.forwardRef(({ className, ...props }, ref) => {
|
|
181
|
-
return (React.createElement(UIDrawer.Footer, { ref: ref, ...props, className: drawerFooterStyle({
|
|
182
|
-
class: className,
|
|
183
|
-
}) }));
|
|
184
|
-
});
|
|
185
|
-
const DrawerCloseButton = React.forwardRef(({ className, ...props }, ref) => {
|
|
186
|
-
return (React.createElement(UIDrawer.CloseButton, { ref: ref, ...props, className: drawerCloseButtonStyle({
|
|
187
|
-
class: className,
|
|
188
|
-
}) }));
|
|
189
|
-
});
|
|
190
|
-
CustomDrawer.displayName = 'Drawer';
|
|
191
|
-
DrawerBackdrop.displayName = 'DrawerBackdrop';
|
|
192
|
-
DrawerContent.displayName = 'DrawerContent';
|
|
193
|
-
DrawerHeader.displayName = 'DrawerHeader';
|
|
194
|
-
DrawerBody.displayName = 'DrawerBody';
|
|
195
|
-
DrawerFooter.displayName = 'DrawerFooter';
|
|
196
|
-
DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
197
|
-
export { CustomDrawer, DrawerBackdrop, DrawerContent, DrawerCloseButton, DrawerHeader, DrawerBody, DrawerFooter };
|
|
198
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/index.tsx"],"names":[],"mappings":"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"}
|