@admin-layout/gluestack-ui-mobile 11.0.1-alpha.0 → 11.0.3-alpha.0

package/lib/components/ui/select/select-actionsheet.js

@@ -0,0 +1,275 @@
+'use client';
+import { H4 } from '@expo/html-elements';
+import { createActionsheet } from '@gluestack-ui/actionsheet';
+import { Pressable, View, Text, ScrollView, VirtualizedList, FlatList, SectionList } from 'react-native';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { cssInterop } from 'nativewind';
+import { Motion, AnimatePresence, createMotionAnimatedComponent } from '@legendapp/motion';
+import React from 'react';
+const AnimatedPressable = createMotionAnimatedComponent(Pressable);
+export const UIActionsheet = createActionsheet({
+    Root: View,
+    Content: withStyleContext(Motion.View),
+    Item: withStyleContext(Pressable),
+    ItemText: Text,
+    DragIndicator: View,
+    IndicatorWrapper: View,
+    Backdrop: AnimatedPressable,
+    ScrollView: ScrollView,
+    VirtualizedList: VirtualizedList,
+    FlatList: FlatList,
+    SectionList: SectionList,
+    SectionHeaderText: H4,
+    Icon: UIIcon,
+    AnimatePresence: AnimatePresence,
+});
+cssInterop(UIActionsheet, { className: 'style' });
+cssInterop(UIActionsheet.Content, { className: 'style' });
+cssInterop(UIActionsheet.Item, { className: 'style' });
+cssInterop(UIActionsheet.ItemText, { className: 'style' });
+cssInterop(UIActionsheet.DragIndicator, { className: 'style' });
+cssInterop(UIActionsheet.DragIndicatorWrapper, { className: 'style' });
+cssInterop(UIActionsheet.Backdrop, { className: 'style' });
+cssInterop(UIActionsheet.ScrollView, {
+    className: 'style',
+    contentContainerClassName: 'contentContainerStyle',
+    indicatorClassName: 'indicatorStyle',
+});
+cssInterop(UIActionsheet.VirtualizedList, {
+    className: 'style',
+    ListFooterComponentClassName: 'ListFooterComponentStyle',
+    ListHeaderComponentClassName: 'ListHeaderComponentStyle',
+    contentContainerClassName: 'contentContainerStyle',
+    indicatorClassName: 'indicatorStyle',
+});
+cssInterop(UIActionsheet.FlatList, {
+    className: 'style',
+    ListFooterComponentClassName: 'ListFooterComponentStyle',
+    ListHeaderComponentClassName: 'ListHeaderComponentStyle',
+    columnWrapperClassName: 'columnWrapperStyle',
+    contentContainerClassName: 'contentContainerStyle',
+    indicatorClassName: 'indicatorStyle',
+});
+cssInterop(UIActionsheet.SectionList, { className: 'style' });
+cssInterop(UIActionsheet.SectionHeaderText, { className: 'style' });
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const actionsheetStyle = tva({ base: 'w-full h-full web:pointer-events-none' });
+const actionsheetContentStyle = tva({
+    base: 'items-center rounded-tl-3xl rounded-tr-3xl p-2 bg-background-0 web:pointer-events-auto web:select-none shadow-lg',
+});
+const actionsheetItemStyle = tva({
+    base: 'w-full flex-row items-center p-3 rounded-sm data-[disabled=true]:opacity-40 data-[disabled=true]:web:pointer-events-auto data-[disabled=true]:web:cursor-not-allowed hover:bg-background-50 active:bg-background-100 data-[focus=true]:bg-background-100 web:data-[focus-visible=true]:bg-background-100 data-[checked=true]:bg-background-100',
+});
+const actionsheetItemTextStyle = tva({
+    base: 'text-typography-700 font-normal font-body tracking-md text-left mx-2',
+    variants: {
+        isTruncated: {
+            true: '',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '2xs': 'text-2xs',
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl',
+            '4xl': 'text-4xl',
+            '5xl': 'text-5xl',
+            '6xl': 'text-6xl',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const actionsheetDragIndicatorStyle = tva({
+    base: 'w-16 h-1 bg-background-400 rounded-full',
+});
+const actionsheetDragIndicatorWrapperStyle = tva({
+    base: 'w-full py-1 items-center',
+});
+const actionsheetBackdropStyle = tva({
+    base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default web:pointer-events-auto',
+});
+const actionsheetScrollViewStyle = tva({
+    base: 'w-full h-auto',
+});
+const actionsheetVirtualizedListStyle = tva({
+    base: 'w-full h-auto',
+});
+const actionsheetFlatListStyle = tva({
+    base: 'w-full h-auto',
+});
+const actionsheetSectionListStyle = tva({
+    base: 'w-full h-auto',
+});
+const actionsheetSectionHeaderTextStyle = tva({
+    base: 'leading-5 font-bold font-heading my-0 text-typography-500 p-3 uppercase',
+    variants: {
+        isTruncated: {
+            true: '',
+        },
+        bold: {
+            true: 'font-bold',
+        },
+        underline: {
+            true: 'underline',
+        },
+        strikeThrough: {
+            true: 'line-through',
+        },
+        size: {
+            '5xl': 'text-5xl',
+            '4xl': 'text-4xl',
+            '3xl': 'text-3xl',
+            '2xl': 'text-2xl',
+            xl: 'text-xl',
+            lg: 'text-lg',
+            md: 'text-base',
+            sm: 'text-sm',
+            xs: 'text-xs',
+        },
+        sub: {
+            true: 'text-xs',
+        },
+        italic: {
+            true: 'italic',
+        },
+        highlight: {
+            true: 'bg-yellow500',
+        },
+    },
+    defaultVariants: {
+        size: 'xs',
+    },
+});
+const actionsheetIconStyle = tva({
+    base: 'text-typography-900',
+    variants: {
+        size: {
+            '2xs': 'h-3 w-3',
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'w-4 h-4',
+            lg: 'h-5 w-5',
+            xl: 'h-6 w-6',
+        },
+    },
+});
+const Actionsheet = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet, { className: actionsheetStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.Content, { className: actionsheetContentStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.Item, { className: actionsheetItemStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetItemText = React.forwardRef(({ isTruncated, bold, underline, strikeThrough, size, className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.ItemText, { className: actionsheetItemTextStyle({
+            class: className,
+            isTruncated,
+            bold,
+            underline,
+            strikeThrough,
+            size,
+        }), ref: ref, ...props }));
+});
+const ActionsheetDragIndicator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.DragIndicator, { className: actionsheetDragIndicatorStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetDragIndicatorWrapper = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.DragIndicatorWrapper, { className: actionsheetDragIndicatorWrapperStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetBackdrop = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.Backdrop, { initial: {
+            opacity: 0,
+        }, animate: {
+            opacity: 0.5,
+        }, exit: {
+            opacity: 0,
+        }, ...props, className: actionsheetBackdropStyle({
+            class: className,
+        }), ref: ref }));
+});
+const ActionsheetScrollView = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.ScrollView, { className: actionsheetScrollViewStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetVirtualizedList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.VirtualizedList, { className: actionsheetVirtualizedListStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetFlatList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.FlatList, { className: actionsheetFlatListStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetSectionList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.SectionList, { className: actionsheetSectionListStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const ActionsheetSectionHeaderText = React.forwardRef(({ className, isTruncated, bold, underline, strikeThrough, size, sub, italic, highlight, ...props }, ref) => {
+    return (React.createElement(UIActionsheet.SectionHeaderText, { className: actionsheetSectionHeaderTextStyle({
+            class: className,
+            isTruncated,
+            bold,
+            underline,
+            strikeThrough,
+            size,
+            sub,
+            italic,
+            highlight,
+        }), ref: ref, ...props }));
+});
+const ActionsheetIcon = React.forwardRef(({ className, as: AsComp, size = 'sm', ...props }, ref) => {
+    if (AsComp) {
+        return (React.createElement(AsComp, { className: actionsheetIconStyle({
+                class: className,
+                size,
+            }), ref: ref, ...props }));
+    }
+    return (React.createElement(UIActionsheet.Icon, { className: actionsheetIconStyle({
+            class: className,
+            size,
+        }), ref: ref, ...props }));
+});
+export { Actionsheet, ActionsheetContent, ActionsheetItem, ActionsheetItemText, ActionsheetDragIndicator, ActionsheetDragIndicatorWrapper, ActionsheetBackdrop, ActionsheetScrollView, ActionsheetVirtualizedList, ActionsheetFlatList, ActionsheetSectionList, ActionsheetSectionHeaderText, ActionsheetIcon, };
+//# sourceMappingURL=select-actionsheet.js.map

package/lib/components/ui/select/select-actionsheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-actionsheet.js","sourceRoot":"","sources":["../../../../src/components/ui/select/select-actionsheet.tsx"],"names":[],"mappings":"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"}

package/lib/components/ui/skeleton/index.d.ts

@@ -0,0 +1,268 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import { Animated, View } from 'react-native';
+declare const Skeleton: React.ForwardRefExoticComponent<import("react-native").ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} | ({
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} & {
+    variant: {
+        sharp: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        circular: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        rounded: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    speed: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "w-full h-full", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, "w-full h-full", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    variant: {
+        sharp: string;
+        circular: string;
+        rounded: string;
+    };
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    isLoaded?: boolean;
+    startColor?: string;
+} & React.RefAttributes<View | Animated.LegacyRef<View>>>;
+declare const SkeletonText: React.ForwardRefExoticComponent<import("react-native").ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} | ({
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+} & {
+    speed: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    gap: {
+        1: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        2: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        3: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        4: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "rounded-sm w-full", import("tailwind-variants/dist/config").TVConfig<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, undefined, "rounded-sm w-full", import("tailwind-variants/dist/config").TVConfig<{
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}, {
+    speed: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    gap: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    _lines?: number;
+    isLoaded?: boolean;
+    startColor?: string;
+} & React.RefAttributes<View>>;
+export { Skeleton, SkeletonText };

package/lib/components/ui/skeleton/index.js

@@ -0,0 +1,63 @@
+import React, { forwardRef } from 'react';
+import { Animated, Easing, Platform, View } from 'react-native';
+import { skeletonStyle, skeletonTextStyle } from './styles';
+const Skeleton = forwardRef(({ className, variant, children, startColor = 'bg-background-200', isLoaded = false, speed = 2, ...props }, ref) => {
+    const pulseAnim = new Animated.Value(1);
+    const customTimingFunction = Easing.bezier(0.4, 0, 0.6, 1);
+    const fadeDuration = 0.6;
+    const animationDuration = (fadeDuration * 10000) / speed; // Convert seconds to milliseconds
+    const pulse = Animated.sequence([
+        Animated.timing(pulseAnim, {
+            toValue: 1, // Start with opacity 1
+            duration: animationDuration / 2, // Third of the animation duration
+            easing: customTimingFunction,
+            useNativeDriver: Platform.OS !== 'web',
+        }),
+        Animated.timing(pulseAnim, {
+            toValue: 0.75,
+            duration: animationDuration / 2, // Third of the animation duration
+            easing: customTimingFunction,
+            useNativeDriver: Platform.OS !== 'web',
+        }),
+        Animated.timing(pulseAnim, {
+            toValue: 1,
+            duration: animationDuration / 2, // Third of the animation duration
+            easing: customTimingFunction,
+            useNativeDriver: Platform.OS !== 'web',
+        }),
+    ]);
+    if (!isLoaded) {
+        Animated.loop(pulse).start();
+        return (React.createElement(Animated.View, { style: { opacity: pulseAnim }, className: `${startColor} ${skeletonStyle({
+                variant,
+                class: className,
+            })}`, ...props, ref: ref }));
+    }
+    else {
+        Animated.loop(pulse).stop();
+        return children;
+    }
+});
+const SkeletonText = forwardRef(({ className, _lines, isLoaded = false, startColor = 'bg-background-200', gap = 2, children, ...props }, ref) => {
+    if (!isLoaded) {
+        if (_lines) {
+            return (React.createElement(View, { className: `${skeletonTextStyle({
+                    gap,
+                })}`, ref: ref }, Array.from({ length: _lines }).map((_, index) => (React.createElement(Skeleton, { key: index, className: `${startColor} ${skeletonTextStyle({
+                    class: className,
+                })}`, ...props })))));
+        }
+        else {
+            return (React.createElement(Skeleton, { className: `${startColor} ${skeletonTextStyle({
+                    class: className,
+                })}`, ...props, ref: ref }));
+        }
+    }
+    else {
+        return children;
+    }
+});
+Skeleton.displayName = 'Skeleton';
+SkeletonText.displayName = 'SkeletonText';
+export { Skeleton, SkeletonText };
+//# sourceMappingURL=index.js.map

package/lib/components/ui/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/skeleton/index.tsx"],"names":[],"mappings":"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"}