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

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

@@ -0,0 +1,155 @@
+'use client';
+import React from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { createSelect } from '@gluestack-ui/select';
+import { cssInterop } from 'nativewind';
+import { Actionsheet, ActionsheetContent, ActionsheetItem, ActionsheetItemText, ActionsheetDragIndicator, ActionsheetDragIndicatorWrapper, ActionsheetBackdrop, ActionsheetScrollView, ActionsheetVirtualizedList, ActionsheetFlatList, ActionsheetSectionList, ActionsheetSectionHeaderText, } from './select-actionsheet';
+import { Pressable, View, TextInput } from 'react-native';
+const SelectTriggerWrapper = React.forwardRef(({ ...props }, ref) => {
+    return React.createElement(Pressable, { ...props, ref: ref });
+});
+const selectIconStyle = tva({
+    base: 'text-background-500 fill-none',
+    parentVariants: {
+        size: {
+            '2xs': 'h-3 w-3',
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'h-[18px] w-[18px]',
+            lg: 'h-5 w-5',
+            xl: 'h-6 w-6',
+        },
+    },
+});
+const selectStyle = tva({
+    base: '',
+});
+const selectTriggerStyle = tva({
+    base: 'border border-background-300 rounded flex-row items-center justify-between overflow-hidden data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[hover=true]:border-background-300',
+    variants: {
+        size: {
+            xl: 'h-12',
+            lg: 'h-11',
+            md: 'h-10',
+            sm: 'h-9',
+        },
+        variant: {
+            underlined: 'border-0 border-b rounded-none data-[hover=true]:border-primary-700 data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_-1px_0_0] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700',
+            outline: 'data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:data-[hover=true]:web:shadow-primary-600 data-[invalid=true]:web:shadow-[inset_0_0_0_1px] data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700 data-[invalid=true]:data-[hover=true]:border-error-700',
+            rounded: 'rounded-full data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700',
+        },
+    },
+});
+const selectInputStyle = tva({
+    base: 'py-auto px-3 placeholder:text-typography-500 web:w-full h-full text-typography-900 pointer-events-none web:outline-none ios:leading-[0px]',
+    parentVariants: {
+        size: {
+            xl: 'text-xl',
+            lg: 'text-lg',
+            md: 'text-base',
+            sm: 'text-sm',
+        },
+        variant: {
+            underlined: 'px-0',
+            outline: '',
+            rounded: 'px-4',
+        },
+    },
+});
+const UISelect = createSelect({
+    Root: View,
+    Trigger: withStyleContext(SelectTriggerWrapper),
+    Input: TextInput,
+    Icon: UIIcon,
+}, {
+    Portal: Actionsheet,
+    Backdrop: ActionsheetBackdrop,
+    Content: ActionsheetContent,
+    DragIndicator: ActionsheetDragIndicator,
+    DragIndicatorWrapper: ActionsheetDragIndicatorWrapper,
+    Item: ActionsheetItem,
+    ItemText: ActionsheetItemText,
+    ScrollView: ActionsheetScrollView,
+    VirtualizedList: ActionsheetVirtualizedList,
+    FlatList: ActionsheetFlatList,
+    SectionList: ActionsheetSectionList,
+    SectionHeaderText: ActionsheetSectionHeaderText,
+});
+cssInterop(UISelect, { className: 'style' });
+cssInterop(UISelect.Input, {
+    className: { target: 'style', nativeStyleToProp: { textAlign: true } },
+});
+cssInterop(SelectTriggerWrapper, { className: 'style' });
+cssInterop(PrimitiveIcon, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            height: true,
+            width: true,
+            fill: true,
+            color: 'classNameColor',
+            stroke: true,
+        },
+    },
+});
+const Select = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UISelect, { className: selectStyle({
+            class: className,
+        }), ref: ref, ...props }));
+});
+const SelectTrigger = React.forwardRef(({ className, size = 'md', variant = 'outline', ...props }, ref) => {
+    return (React.createElement(UISelect.Trigger, { className: selectTriggerStyle({
+            class: className,
+            size,
+            variant,
+        }), ref: ref, context: { size, variant }, ...props }));
+});
+const SelectInput = React.forwardRef(({ className, ...props }, ref) => {
+    const { size: parentSize, variant: parentVariant } = useStyleContext();
+    return (React.createElement(UISelect.Input, { className: selectInputStyle({
+            class: className,
+            parentVariants: {
+                size: parentSize,
+                variant: parentVariant,
+            },
+        }), ref: ref, ...props }));
+});
+const SelectIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext();
+    if (typeof size === 'number') {
+        return React.createElement(UISelect.Icon, { ref: ref, ...props, className: selectIconStyle({ class: className }), size: size });
+    }
+    else if (
+    //@ts-expect-error
+    (props?.height !== undefined || props?.width !== undefined) &&
+        size === undefined) {
+        return React.createElement(UISelect.Icon, { ref: ref, ...props, className: selectIconStyle({ class: className }) });
+    }
+    return (React.createElement(UISelect.Icon, { className: selectIconStyle({
+            class: className,
+            size,
+            parentVariants: {
+                size: parentSize,
+            },
+        }), ref: ref, ...props }));
+});
+Select.displayName = 'Select';
+SelectTrigger.displayName = 'SelectTrigger';
+SelectInput.displayName = 'SelectInput';
+SelectIcon.displayName = 'SelectIcon';
+// Actionsheet Components
+const SelectPortal = UISelect.Portal;
+const SelectBackdrop = UISelect.Backdrop;
+const SelectContent = UISelect.Content;
+const SelectDragIndicator = UISelect.DragIndicator;
+const SelectDragIndicatorWrapper = UISelect.DragIndicatorWrapper;
+const SelectItem = UISelect.Item;
+const SelectScrollView = UISelect.ScrollView;
+const SelectVirtualizedList = UISelect.VirtualizedList;
+const SelectFlatList = UISelect.FlatList;
+const SelectSectionList = UISelect.SectionList;
+const SelectSectionHeaderText = UISelect.SectionHeaderText;
+export { Select, SelectTrigger, SelectInput, SelectIcon, SelectPortal, SelectBackdrop, SelectContent, SelectDragIndicator, SelectDragIndicatorWrapper, SelectItem, SelectScrollView, SelectVirtualizedList, SelectFlatList, SelectSectionList, SelectSectionHeaderText, };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACH,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,mBAAmB,EACnB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,4BAA4B,GAC/B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpB,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,+BAA+B;IACrC,cAAc,EAAE;QACZ,IAAI,EAAE;YACF,KAAK,EAAE,SAAS;YAChB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SAChB;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,CAAC;IACpB,IAAI,EAAE,EAAE;CACX,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC3B,IAAI,EAAE,mQAAmQ;IACzQ,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,KAAK;SACZ;QACD,OAAO,EAAE;YACL,UAAU,EACN,iRAAiR;YACrR,OAAO,EACH,sUAAsU;YAC1U,OAAO,EACH,yNAAyN;SAChO;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,2IAA2I;IACjJ,cAAc,EAAE;QACZ,IAAI,EAAE;YACF,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,SAAS;SAChB;QACD,OAAO,EAAE;YACL,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,MAAM;SAClB;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,YAAY,CACzB;IACI,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,gBAAgB,CAAC,oBAAoB,CAAC;IAC/C,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,MAAM;CACf,EACD;IACI,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,kBAAkB;IAC3B,aAAa,EAAE,wBAAwB;IACvC,oBAAoB,EAAE,+BAA+B;IACrD,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,mBAAmB;IAC7B,UAAU,EAAE,qBAAqB;IACjC,eAAe,EAAE,0BAA0B;IAC3C,QAAQ,EAAE,mBAAmB;IAC7B,WAAW,EAAE,sBAAsB;IACnC,iBAAiB,EAAE,4BAA4B;CAClD,CACJ,CAAC;AAEF,UAAU,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7C,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;IACvB,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;CACzE,CAAC,CAAC;AACH,UAAU,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAEzD,UAAU,CAAC,aAAa,EAAE;IACtB,SAAS,EAAE;QACP,MAAM,EAAE,OAAO;QACf,iBAAiB,EAAE;YACf,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,gBAAgB;YACvB,MAAM,EAAE,IAAI;SACf;KACJ;CACJ,CAAC,CAAC;AAIH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9G,OAAO,CACH,oBAAC,QAAQ,IACL,SAAS,EAAE,WAAW,CAAC;YACnB,KAAK,EAAE,SAAS;SACnB,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAKH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,OAAO,CACH,oBAAC,QAAQ,CAAC,OAAO,IACb,SAAS,EAAE,kBAAkB,CAAC;YAC1B,KAAK,EAAE,SAAS;YAChB,IAAI;YACJ,OAAO;SACV,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KACtB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAKF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IACvE,OAAO,CACH,oBAAC,QAAQ,CAAC,KAAK,IACX,SAAS,EAAE,gBAAgB,CAAC;YACxB,KAAK,EAAE,SAAS;YAChB,cAAc,EAAE;gBACZ,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,aAAa;aACzB;SACJ,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,GACX,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAKF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,oBAAC,QAAQ,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAChH,CAAC;SAAM;IACH,kBAAkB;IAClB,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,IAAI,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;QAC3D,IAAI,KAAK,SAAS,EACpB,CAAC;QACC,OAAO,oBAAC,QAAQ,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAAC;IACpG,CAAC;IACD,OAAO,CACH,oBAAC,QAAQ,CAAC,IAAI,IACV,SAAS,EAAE,eAAe,CAAC;YACvB,KAAK,EAAE,SAAS;YAChB,IAAI;YACJ,cAAc,EAAE;gBACZ,IAAI,EAAE,UAAU;aACnB;SACJ,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,GACX,CACL,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,yBAAyB;AACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC;AACrC,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC;AACzC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC;AACvC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC;AACnD,MAAM,0BAA0B,GAAG,QAAQ,CAAC,oBAAoB,CAAC;AACjE,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;AACjC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,UAAU,CAAC;AAC7C,MAAM,qBAAqB,GAAG,QAAQ,CAAC,eAAe,CAAC;AACvD,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC;AACzC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,WAAW,CAAC;AAC/C,MAAM,uBAAuB,GAAG,QAAQ,CAAC,iBAAiB,CAAC;AAE3D,OAAO,EACH,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,0BAA0B,EAC1B,UAAU,EACV,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,uBAAuB,GAC1B,CAAC"}