@app-studio/components 0.10.17

package/dist/native/components/Drawer/Drawer/Drawer.store.d.ts

@@ -0,0 +1,19 @@
+export interface DrawerItem {
+    name: string;
+    props: any & {
+        isOpen: boolean;
+    };
+    overlayProps: any;
+}
+export interface DrawerState {
+    drawers: DrawerItem[];
+    show: (name: string, drawerProps?: any, overlayProps?: any) => void;
+    hide: (name?: string) => void;
+    onShow: (name: string, props?: any) => void;
+    onHide: (name?: string) => void;
+    setOnShow: (onShow: (name: string, props?: any) => void) => void;
+    setOnHide: (onHide: (name?: string) => void) => void;
+}
+export declare const useDrawerStore: import("zustand").UseBoundStore<import("zustand").StoreApi<DrawerState>>;
+export declare const showDrawer: (name: string, drawerProps?: any, overlayProps?: any) => void;
+export declare const hideDrawer: (name?: string) => void;

package/dist/native/components/Drawer/Drawer/Drawer.store.js

@@ -0,0 +1,64 @@
+import { create } from 'zustand';
+// Initializes the Zustand store for managing global drawer state and actions.
+export const useDrawerStore = create((set) => ({
+    // Initial state where no drawers are registered.
+    drawers: [],
+    // Default `onHide` callback handler, which simply returns the name if provided.
+    onHide: (name) => name,
+    // Default `onShow` callback handler, which returns an object containing the drawer name and props.
+    onShow: (name, props) => ({ name, props }),
+    // Action to add a new drawer to the state or update an existing one. It sets the 'isOpen' prop to false initially.
+    show: (name, drawerProps = {}, overlayProps = {}) => {
+        set((state) => ({
+            ...state,
+            drawers: [
+                ...state.drawers,
+                {
+                    name,
+                    props: { ...drawerProps, isOpen: false },
+                    overlayProps,
+                },
+            ],
+        }));
+    },
+    // Action to remove a specific drawer by name or clear all drawers from the state.
+    hide: (name) => {
+        set((state) => {
+            if (!name) {
+                return { drawers: [] };
+            }
+            return {
+                ...state,
+                drawers: state.drawers.filter((drawer) => drawer.name !== name),
+            };
+        });
+    },
+    // Action to update the 'onHide' callback handler in the store.
+    setOnHide: (onHide) => {
+        set((state) => ({ ...state, onHide }));
+    },
+    // Action to update the 'onShow' callback handler in the store.
+    setOnShow: (onShow) => {
+        set((state) => ({ ...state, onShow }));
+    },
+}));
+// Utility function to imperatively display a drawer by managing its state in the store, including hiding any existing instance and setting 'isOpen' to true after a microtask.
+export const showDrawer = (name, drawerProps = {}, overlayProps = {}) => {
+    const state = useDrawerStore.getState();
+    state.hide(name);
+    state.show(name, drawerProps, overlayProps);
+    state.onShow(name, drawerProps);
+    queueMicrotask(() => {
+        useDrawerStore.setState((s) => ({
+            drawers: s.drawers.map((drawer) => drawer.name === name
+                ? { ...drawer, props: { ...drawer.props, isOpen: true } }
+                : drawer),
+        }));
+    });
+};
+// Utility function to imperatively hide a drawer, triggering the 'onHide' callback and removing it from the store.
+export const hideDrawer = (name) => {
+    useDrawerStore.getState().onHide(name);
+    useDrawerStore.getState().hide(typeof name === 'string' ? name : undefined);
+};
+//# sourceMappingURL=Drawer.store.js.map

package/dist/native/components/Drawer/Drawer/Drawer.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.store.js","sourceRoot":"","sources":["../../../../../src/components/Drawer/Drawer/Drawer.store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA2BjC,8EAA8E;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAc,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC1D,iDAAiD;IACjD,OAAO,EAAE,EAAE;IACX,gFAAgF;IAChF,MAAM,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI;IAC/B,mGAAmG;IACnG,MAAM,EAAE,CAAC,IAAY,EAAE,KAAW,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACxD,mHAAmH;IACnH,IAAI,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,EAAE;QAClD,GAAG,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,CAAC;YAC3B,GAAG,KAAK;YACR,OAAO,EAAE;gBACP,GAAG,KAAK,CAAC,OAAO;gBAChB;oBACE,IAAI;oBACJ,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;oBACxC,YAAY;iBACb;aACF;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IACD,kFAAkF;IAClF,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,GAAG,CAAC,CAAC,KAAkB,EAAE,EAAE;YACzB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACzB,CAAC;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC;aAChE,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IACD,+DAA+D;IAC/D,SAAS,EAAE,CAAC,MAA+B,EAAE,EAAE;QAC7C,GAAG,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,+DAA+D;IAC/D,SAAS,EAAE,CAAC,MAA2C,EAAE,EAAE;QACzD,GAAG,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;CACF,CAAC,CAAC,CAAC;AACJ,+KAA+K;AAC/K,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAY,EACZ,cAAmB,EAAE,EACrB,eAAoB,EAAE,EACtB,EAAE;IACF,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;IACxC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjB,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;IAC5C,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAChC,cAAc,CAAC,GAAG,EAAE;QAClB,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC9B,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,MAAM,CAAC,IAAI,KAAK,IAAI;gBAClB,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;gBACzD,CAAC,CAAC,MAAM,CACX;SACF,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AACF,mHAAmH;AACnH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;IAC1C,cAAc,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,cAAc,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAC9E,CAAC,CAAC"}

package/dist/native/components/Drawer/Drawer/Drawer.style.d.ts

@@ -0,0 +1,4 @@
+import { ViewProps } from 'app-studio';
+import { Placement, Size } from './Drawer.type';
+export declare const DrawerSizes: Record<Size, string>;
+export declare const DrawerPlacements: Record<Placement, ViewProps>;

package/dist/native/components/Drawer/Drawer/Drawer.style.js

@@ -0,0 +1,49 @@
+// Defines a mapping of predefined sizes (e.g., xs, sm, md) to their corresponding string values, typically used for setting the width or height of the Drawer component.
+export const DrawerSizes = {
+    xs: '320px',
+    sm: '380px',
+    md: '480px',
+    lg: '640px',
+    xl: '768px',
+    full: '100%',
+};
+// Defines styling configurations for each possible Drawer placement (e.g., left, right, top, bottom), specifying its position, dimensions, and border styles.
+export const DrawerPlacements = {
+    left: {
+        top: 0,
+        left: 0,
+        bottom: 0,
+        height: '100vh',
+        borderRightWidth: '1px',
+        borderRightStyle: 'solid',
+        borderRightColor: 'color-gray-200',
+    },
+    right: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        height: '100vh',
+        borderLeftWidth: '1px',
+        borderLeftStyle: 'solid',
+        borderLeftColor: 'color-gray-200',
+    },
+    top: {
+        top: 0,
+        left: 0,
+        right: 0,
+        width: '100vw',
+        borderBottomWidth: '1px',
+        borderBottomStyle: 'solid',
+        borderBottomColor: 'color-gray-200',
+    },
+    bottom: {
+        bottom: 0,
+        left: 0,
+        right: 0,
+        width: '100vw',
+        borderTopWidth: '1px',
+        borderTopStyle: 'solid',
+        borderTopColor: 'color-gray-200',
+    },
+};
+//# sourceMappingURL=Drawer.style.js.map

package/dist/native/components/Drawer/Drawer/Drawer.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.style.js","sourceRoot":"","sources":["../../../../../src/components/Drawer/Drawer/Drawer.style.ts"],"names":[],"mappings":"AAEA,yKAAyK;AACzK,MAAM,CAAC,MAAM,WAAW,GAAyB;IAC/C,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,MAAM;CACb,CAAC;AACF,8JAA8J;AAC9J,MAAM,CAAC,MAAM,gBAAgB,GAAiC;IAC5D,IAAI,EAAE;QACJ,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,OAAO;QACf,gBAAgB,EAAE,KAAK;QACvB,gBAAgB,EAAE,OAAO;QACzB,gBAAgB,EAAE,gBAAgB;KACnC;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,OAAO;QACf,eAAe,EAAE,KAAK;QACtB,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,gBAAgB;KAClC;IACD,GAAG,EAAE;QACH,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,OAAO;QACd,iBAAiB,EAAE,KAAK;QACxB,iBAAiB,EAAE,OAAO;QAC1B,iBAAiB,EAAE,gBAAgB;KACpC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,OAAO;QACd,cAAc,EAAE,KAAK;QACrB,cAAc,EAAE,OAAO;QACvB,cAAc,EAAE,gBAAgB;KACjC;CACF,CAAC"}

package/dist/native/components/Drawer/Drawer/Drawer.view.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DrawerOverlayProps, DrawerContainerProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps } from './Drawer.props';
+export declare const DrawerOverlay: React.FC<DrawerOverlayProps>;
+export declare const DrawerContainer: React.FC<DrawerContainerProps>;
+export declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+export declare const DrawerBody: React.FC<DrawerBodyProps>;
+export declare const DrawerFooter: React.FC<DrawerFooterProps>;

package/dist/native/components/Drawer/Drawer/Drawer.view.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import { View, Horizontal, Vertical } from 'app-studio';
+import { CloseIcon } from '../../Icon/Icon';
+import { DrawerPlacements, DrawerSizes } from './Drawer.style';
+// Renders a semi-transparent overlay that covers the screen when the drawer is open, handling background interaction and closing behavior.
+export const DrawerOverlay = ({ 
+// Indicates whether the drawer overlay is currently visible.
+isOpen, 
+// Callback function executed when the overlay or the Escape key is used to close the drawer.
+onClose, 
+// Boolean flag to prevent the drawer from closing when the overlay is clicked or the Escape key is pressed.
+isClosePrevented, 
+// Applies a CSS blur effect to the background content behind the overlay.
+blur, 
+// The content to be rendered within the DrawerOverlay, typically the DrawerContainer itself.
+children, ...props }) => {
+    // Handles clicks on the overlay to close the drawer, unless closing is explicitly prevented.
+    const handleClick = () => {
+        if (!isClosePrevented)
+            onClose();
+    };
+    // A React hook to add and remove an event listener for keyboard input, specifically handling the 'Escape' key to close the drawer.
+    React.useEffect(() => {
+        // Callback function that checks if the 'Escape' key was pressed while the drawer is open and closes it if not prevented.
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape' && isOpen && !isClosePrevented) {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen, isClosePrevented, onClose]);
+    return (<View data-testid="drawer-overlay" role="dialog" aria-modal="true" position="fixed" top={0} left={0} right={0} bottom={0} zIndex={1000} visibility={isOpen ? 'visible' : 'hidden'} onClick={handleClick} opacity={isOpen ? 1 : 0} transition="opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease" backgroundColor={isOpen ? 'color-blackAlpha-500' : 'transparent'} backdropFilter={blur ? `blur(${blur}px)` : undefined} pointerEvents={isOpen ? 'auto' : 'none'} {...props}>
+      {children}
+    </View>);
+};
+export const DrawerContainer = ({ placement = 'right', size = 'md', isOpen = false, children, ...props }) => {
+    const handleClick = (e) => {
+        e.stopPropagation();
+    };
+    const isVertical = placement === 'top' || placement === 'bottom';
+    const dimensionProps = isVertical
+        ? {
+            height: size === 'full' ? '100vh' : DrawerSizes[size] || size,
+            maxHeight: '100vh',
+        }
+        : {
+            width: size === 'full' ? '100vw' : DrawerSizes[size] || size,
+            maxWidth: '100vw',
+        };
+    const borderRadius = placement === 'left'
+        ? '0 12px 12px 0'
+        : placement === 'right'
+            ? '12px 0 0 12px'
+            : placement === 'top'
+                ? '0 0 12px 12px'
+                : '12px 12px 0 0';
+    const transform = isOpen
+        ? 'translate3d(0, 0, 0)'
+        : placement === 'left'
+            ? 'translate3d(-100%, 0, 0)'
+            : placement === 'right'
+                ? 'translate3d(100%, 0, 0)'
+                : placement === 'top'
+                    ? 'translate3d(0, -100%, 0)'
+                    : 'translate3d(0, 100%, 0)';
+    return (<Vertical position="absolute" backgroundColor="color-white" borderRadius={borderRadius} {...DrawerPlacements[placement]} {...dimensionProps} onClick={handleClick} transform={transform} willChange="transform" transition="transform 0.24s ease, box-shadow 0.2s ease" boxShadow="0 12px 32px rgba(15, 23, 42, 0.12)" {...props}>
+      {children}
+    </Vertical>);
+};
+export const DrawerHeader = ({ children, onClose, buttonPosition = 'right', ...props }) => {
+    const closeButton = onClose && (<View onClick={onClose} cursor="pointer" padding={8}>
+      <CloseIcon widthHeight={20} color="color-gray-500"/>
+    </View>);
+    return (<Horizontal paddingHorizontal={24} paddingVertical={16} borderBottomWidth="1px" borderBottomColor="color-gray-200" alignItems="center" justifyContent={buttonPosition === 'none' ? 'center' : 'space-between'} {...props}>
+      {buttonPosition === 'left' && closeButton}
+      {children}
+      {buttonPosition === 'right' && closeButton}
+    </Horizontal>);
+};
+export const DrawerBody = ({ children, ...props }) => {
+    return (<Vertical padding={24} flex={1} overflowY="auto" {...props}>
+      {children}
+    </Vertical>);
+};
+export const DrawerFooter = ({ children, ...props }) => {
+    return (<Horizontal paddingHorizontal={24} paddingVertical={16} borderTopWidth="1px" borderTopColor="color-gray-200" alignItems="center" justifyContent="flex-end" gap={12} {...props}>
+      {children}
+    </Horizontal>);
+};
+//# sourceMappingURL=Drawer.view.js.map

package/dist/native/components/Drawer/Drawer/Drawer.view.js.map

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

package/dist/native/components/Drawer/Drawer/Drawer.view.native.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DrawerView (React Native) – uses RN's <Modal/> as the overlay container.
+ * - Drops: keyboard Escape listener (RN's Modal honours back-button on Android),
+ *   `position: fixed`, viewport units, backdropFilter, transitions, willChange.
+ * - Public API: DrawerOverlay / DrawerContainer / DrawerHeader / DrawerBody /
+ *   DrawerFooter — unchanged.
+ */
+import React from 'react';
+import { DrawerOverlayProps, DrawerContainerProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps } from './Drawer.props';
+export declare const DrawerOverlay: React.FC<DrawerOverlayProps>;
+export declare const DrawerContainer: React.FC<DrawerContainerProps>;
+export declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+export declare const DrawerBody: React.FC<DrawerBodyProps>;
+export declare const DrawerFooter: React.FC<DrawerFooterProps>;

package/dist/native/components/Drawer/Drawer/Drawer.view.native.js

@@ -0,0 +1,73 @@
+/**
+ * DrawerView (React Native) – uses RN's <Modal/> as the overlay container.
+ * - Drops: keyboard Escape listener (RN's Modal honours back-button on Android),
+ *   `position: fixed`, viewport units, backdropFilter, transitions, willChange.
+ * - Public API: DrawerOverlay / DrawerContainer / DrawerHeader / DrawerBody /
+ *   DrawerFooter — unchanged.
+ */
+import React from 'react';
+import { Modal as RNModal, Dimensions } from 'react-native';
+import { View, Horizontal, Vertical } from 'app-studio';
+import { CloseIcon } from '../../Icon/Icon';
+import { DrawerPlacements, DrawerSizes } from './Drawer.style';
+export const DrawerOverlay = ({ isOpen, onClose, isClosePrevented, children, ...props }) => {
+    const handleClose = () => {
+        if (!isClosePrevented)
+            onClose?.();
+    };
+    return (<RNModal visible={!!isOpen} transparent animationType="fade" onRequestClose={handleClose}>
+      <View flex={1} backgroundColor="color-blackAlpha-500" onPress={handleClose} {...props}>
+        {children}
+      </View>
+    </RNModal>);
+};
+export const DrawerContainer = ({ placement = 'right', size = 'md', isOpen = true, children, ...props }) => {
+    const isVertical = placement === 'top' || placement === 'bottom';
+    const dims = Dimensions.get('window');
+    const dimensionProps = isVertical
+        ? {
+            height: size === 'full' ? dims.height : DrawerSizes[size] || size,
+            width: '100%',
+        }
+        : {
+            width: size === 'full' ? dims.width : DrawerSizes[size] || size,
+            height: '100%',
+        };
+    const radius = placement === 'left'
+        ? { borderTopRightRadius: 12, borderBottomRightRadius: 12 }
+        : placement === 'right'
+            ? { borderTopLeftRadius: 12, borderBottomLeftRadius: 12 }
+            : placement === 'top'
+                ? { borderBottomLeftRadius: 12, borderBottomRightRadius: 12 }
+                : { borderTopLeftRadius: 12, borderTopRightRadius: 12 };
+    return (<Vertical position="absolute" backgroundColor="color-white" {...radius} {...DrawerPlacements[placement]} {...dimensionProps} style={{
+            elevation: 8,
+            shadowColor: '#0F172A',
+            shadowOpacity: 0.12,
+            shadowOffset: { width: 0, height: 12 },
+            shadowRadius: 32,
+        }} {...props}>
+      {children}
+    </Vertical>);
+};
+export const DrawerHeader = ({ children, onClose, buttonPosition = 'right', ...props }) => {
+    const closeButton = onClose && (<View onPress={onClose} padding={8}>
+      <CloseIcon widthHeight={20} color="color-gray-500"/>
+    </View>);
+    return (<Horizontal paddingHorizontal={24} paddingVertical={16} borderBottomWidth={1} borderBottomColor="color-gray-200" alignItems="center" justifyContent={buttonPosition === 'none' ? 'center' : 'space-between'} {...props}>
+      {buttonPosition === 'left' && closeButton}
+      {children}
+      {buttonPosition === 'right' && closeButton}
+    </Horizontal>);
+};
+export const DrawerBody = ({ children, ...props }) => {
+    return (<Vertical padding={24} flex={1} {...props}>
+      {children}
+    </Vertical>);
+};
+export const DrawerFooter = ({ children, ...props }) => {
+    return (<Horizontal paddingHorizontal={24} paddingVertical={16} borderTopWidth={1} borderTopColor="color-gray-200" alignItems="center" justifyContent="flex-end" gap={12} {...props}>
+      {children}
+    </Horizontal>);
+};
+//# sourceMappingURL=Drawer.view.native.js.map

package/dist/native/components/Drawer/Drawer/Drawer.view.native.js.map

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

package/dist/native/components/Drawer/Drawer.d.ts

@@ -0,0 +1,3 @@
+import { DrawerType } from './Drawer/Drawer.props';
+export declare const Drawer: DrawerType;
+export * from './Drawer/Drawer.store';

package/dist/native/components/Drawer/Drawer.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DrawerOverlay, DrawerContainer, DrawerHeader, DrawerBody, DrawerFooter, } from './Drawer/Drawer.view';
+import { DrawerLayout } from './Drawer/Drawer.layout';
+// This file defines the main Drawer component, orchestrating various sub-components (Overlay, Container, Header, Body, Footer, Layout) to create a complete and functional drawer UI. It handles core properties like visibility, close actions, placement, and size.
+const DrawerComponent = ({ isOpen, onClose, placement = 'right', size = 'md', isClosePrevented, children, ...props }) => {
+    return (<DrawerOverlay isOpen={isOpen} onClose={onClose} isClosePrevented={isClosePrevented} {...props}>
+      <DrawerContainer placement={placement} size={size} isOpen={isOpen}>
+        {children}
+      </DrawerContainer>
+    </DrawerOverlay>);
+};
+export const Drawer = DrawerComponent;
+Drawer.Overlay = DrawerOverlay;
+Drawer.Container = DrawerContainer;
+Drawer.Header = DrawerHeader;
+Drawer.Body = DrawerBody;
+Drawer.Footer = DrawerFooter;
+Drawer.Layout = DrawerLayout;
+export * from './Drawer/Drawer.store';
+//# sourceMappingURL=Drawer.js.map

package/dist/native/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,sQAAsQ;AACtQ,MAAM,eAAe,GAA0B,CAAC,EAC9C,MAAM,EACN,OAAO,EACP,SAAS,GAAG,OAAO,EACnB,IAAI,GAAG,IAAI,EACX,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,aAAa,CACZ,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAChE;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,eAAe,CACnB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,eAA6B,CAAC;AACpD,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC;AAC/B,MAAM,CAAC,SAAS,GAAG,eAAe,CAAC;AACnC,MAAM,CAAC,MAAM,GAAG,YAAY,CAAC;AAC7B,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;AACzB,MAAM,CAAC,MAAM,GAAG,YAAY,CAAC;AAC7B,MAAM,CAAC,MAAM,GAAG,YAAY,CAAC;AAC7B,cAAc,uBAAuB,CAAC"}

package/dist/native/components/DropZone/DropZone/DropZone.props.d.ts

@@ -0,0 +1,25 @@
+import type { ViewProps, TextProps, ImageProps } from 'app-studio';
+import { UseUploadProps } from '../../Uploader/Uploader/Uploader.props';
+export interface DropZoneProps extends UseUploadProps {
+    children?: React.ReactNode;
+    containerProps?: ViewProps;
+    text?: string;
+    textProps?: TextProps;
+    className?: string;
+    disabled?: boolean;
+    imageProps?: ImageProps;
+    previewUrl?: string | null;
+    selectedFiles?: File[];
+    onRemove?: (index: number) => void;
+}
+export interface DropZoneStateProps {
+    isDragActive: boolean;
+    handleDragEnter: (e: React.DragEvent<HTMLDivElement>) => void;
+    handleDragLeave: (e: React.DragEvent<HTMLDivElement>) => void;
+    handleDragOver: (e: React.DragEvent<HTMLDivElement>) => void;
+    handleDrop: (e: React.DragEvent<HTMLDivElement>) => void;
+    handleClick: () => void;
+    handleFileChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    preview: string | null;
+}

package/dist/native/components/DropZone/DropZone/DropZone.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DropZone.props.js.map

package/dist/native/components/DropZone/DropZone/DropZone.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.props.js","sourceRoot":"","sources":["../../../../../src/components/DropZone/DropZone/DropZone.props.ts"],"names":[],"mappings":""}

package/dist/native/components/DropZone/DropZone/DropZone.state.d.ts

@@ -0,0 +1,2 @@
+import { DropZoneProps, DropZoneStateProps } from './DropZone.props';
+export declare const useDropZone: ({ onFileSelect, onMultipleFileSelect, validateFile, accept, multiple, disabled, previewUrl: externalPreviewUrl, }: DropZoneProps) => DropZoneStateProps;

package/dist/native/components/DropZone/DropZone/DropZone.state.js

@@ -0,0 +1,99 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+// This file defines the `useDropZone` custom React hook, which encapsulates all the state management and event-handling logic for the DropZone component. It manages drag-and-drop states, processes selected files, generates image previews, and provides event handlers for user interactions.
+export const useDropZone = ({ onFileSelect, onMultipleFileSelect, validateFile, accept, multiple, disabled, previewUrl: externalPreviewUrl, }) => {
+    const [isDragActive, setIsDragActive] = useState(false);
+    const [internalPreview, setInternalPreview] = useState(null);
+    const inputRef = useRef(null);
+    const preview = externalPreviewUrl !== undefined ? externalPreviewUrl : internalPreview;
+    useEffect(() => {
+        return () => {
+            if (internalPreview) {
+                URL.revokeObjectURL(internalPreview);
+            }
+        };
+    }, [internalPreview]);
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled)
+            return;
+        setIsDragActive(true);
+    }, [disabled]);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled)
+            return;
+        setIsDragActive(false);
+    }, [disabled]);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled)
+            return;
+        setIsDragActive(true);
+    }, [disabled]);
+    const processFiles = useCallback((files) => {
+        if (!files || files.length === 0)
+            return;
+        const fileArray = Array.from(files);
+        if (!multiple && fileArray.length > 0) {
+            const file = fileArray[0];
+            if (file.type.startsWith('image/')) {
+                const newPreview = URL.createObjectURL(file);
+                setInternalPreview((prev) => {
+                    if (prev)
+                        URL.revokeObjectURL(prev);
+                    return newPreview;
+                });
+            }
+            else {
+                setInternalPreview(null);
+            }
+        }
+        if (multiple) {
+            if (onMultipleFileSelect) {
+                onMultipleFileSelect(fileArray);
+            }
+        }
+        else {
+            if (fileArray.length > 0 && onFileSelect) {
+                onFileSelect(fileArray[0]);
+            }
+        }
+    }, [multiple, onMultipleFileSelect, onFileSelect]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+        if (disabled)
+            return;
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            processFiles(e.dataTransfer.files);
+            e.dataTransfer.clearData();
+        }
+    }, [disabled, processFiles]);
+    const handleClick = useCallback(() => {
+        if (disabled)
+            return;
+        inputRef.current?.click();
+    }, [disabled]);
+    const handleFileChange = useCallback((e) => {
+        processFiles(e.target.files);
+        if (e.target.value) {
+            e.target.value = '';
+        }
+    }, [processFiles]);
+    return {
+        isDragActive,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleDrop,
+        handleClick,
+        handleFileChange,
+        inputRef,
+        preview,
+    };
+};
+//# sourceMappingURL=DropZone.state.js.map

package/dist/native/components/DropZone/DropZone/DropZone.state.js.map

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

package/dist/native/components/DropZone/DropZone/DropZone.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropZoneProps, DropZoneStateProps } from './DropZone.props';
+export declare const DropZoneView: React.FC<DropZoneProps & DropZoneStateProps>;

package/dist/native/components/DropZone/DropZone/DropZone.view.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Text, Center, Image, View } from 'app-studio';
+import { UploadIcon } from '../../Icon/Icon';
+import { AttachmentGroup } from '../../AttachmentGroup/AttachmentGroup';
+// Renders the visual representation of the DropZone component, handling file drag-and-drop and click-to-upload interactions. It displays different UI states based on drag activity, file selections, and preview modes.
+// Parameters:
+// - `children`: Custom content to render inside the drop zone.
+// - `text`: The default instructional text for the drop zone.
+// - `textProps`: Props to apply to the instructional text component.
+// - `containerProps`: Props to apply to the main container component.
+// - `disabled`: Boolean to disable interactions with the drop zone.
+// - `accept`: String specifying allowed file types (e.g., 'image/*').
+// - `multiple`: Boolean indicating if multiple files can be selected.
+// - `isDragActive`: Boolean reflecting if a file is currently being dragged over the zone.
+// - `handleDragEnter`, `handleDragLeave`, `handleDragOver`, `handleDrop`, `handleClick`, `handleFileChange`: Event handler functions for various user interactions (dragging, dropping, clicking, file selection).
+// - `inputRef`: A ref object linked to the hidden file input element.
+// - `preview`: A URL string for displaying a single file preview (e.g., an image thumbnail).
+// - `imageProps`: Props to apply to the image preview component.
+// - `selectedFiles`: An array of currently selected files, used for displaying multiple attachments.
+// - `onRemove`: A callback function triggered when a file is to be removed from the selected files list.
+export const DropZoneView = ({ children, text = 'Drop files here or click to upload', textProps, containerProps, disabled, accept, multiple, isDragActive, handleDragEnter, handleDragLeave, handleDragOver, handleDrop, handleClick, handleFileChange, inputRef, preview, imageProps, selectedFiles, onRemove, }) => {
+    return (<Center width="100%" minHeight="200px" height={selectedFiles && selectedFiles.length > 0 ? 'auto' : '200px'} borderWidth={2} borderStyle="dashed" borderColor={isDragActive ? 'theme-primary' : 'rgba(203, 213, 225, 0.95)'} borderRadius={12} backgroundColor={isDragActive ? '#EFF6FF' : '#F8FAFC'} flexDirection="column" cursor={disabled ? 'not-allowed' : 'pointer'} opacity={disabled ? 0.6 : 1} onClick={handleClick} onDragEnter={handleDragEnter} onDragLeave={handleDragLeave} onDragOver={handleDragOver} onDrop={handleDrop} transition="background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease" overflow="hidden" position="relative" padding={16} {...containerProps}>
+      <input type="file" ref={inputRef} onChange={handleFileChange} accept={accept} multiple={multiple} style={{ display: 'none' }} disabled={disabled}/>
+      
+      {preview && !multiple ? (<View width="100%" height="200px" position="relative">
+          <Image src={preview} alt="Preview" width="100%" height="100%" objectFit="contain" {...imageProps}/>
+          
+          <Center position="absolute" top={0} left={0} right={0} bottom={0} backgroundColor="rgba(0,0,0,0.3)" opacity={0} _hover={{ opacity: 1 }} transition="opacity 0.2s">
+            <Text color="white" fontWeight={600}>
+              Click to replace
+            </Text>
+          </Center>
+        </View>) : (<View flexDirection="column" alignItems="center" width="100%">
+          {children ? (children) : (<View flexDirection="column" alignItems="center" width="100%">
+              <UploadIcon widthHeight={40} color={isDragActive ? 'theme-primary' : 'rgba(100, 116, 139, 0.9)'}/>
+              <Text marginTop={16} color={isDragActive ? 'theme-primary' : 'rgba(71, 85, 105, 0.95)'} fontWeight={500} textAlign="center" {...textProps}>
+                {text}
+              </Text>
+            </View>)}
+          
+          {multiple && selectedFiles && selectedFiles.length > 0 && (<View marginTop={16} width="100%">
+              <AttachmentGroup files={selectedFiles} onRemove={onRemove || (() => { })} showPreviews={true} layout="inline" maxHeight="160px"/>
+            </View>)}
+        </View>)}
+    </Center>);
+};
+//# sourceMappingURL=DropZone.view.js.map

package/dist/native/components/DropZone/DropZone/DropZone.view.js.map

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

package/dist/native/components/DropZone/DropZone.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropZoneProps } from './DropZone/DropZone.props';
+export declare const DropZone: React.FC<DropZoneProps>;

package/dist/native/components/DropZone/DropZone.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { useDropZone } from './DropZone/DropZone.state';
+import { DropZoneView } from './DropZone/DropZone.view';
+// This file defines the main DropZone React functional component, which orchestrates the integration of its properties with state management from 'useDropZone' and renders the final presentation layer using 'DropZoneView'.
+export const DropZone = (props) => {
+    const state = useDropZone(props);
+    return <DropZoneView {...props} {...state}/>;
+};
+//# sourceMappingURL=DropZone.js.map

package/dist/native/components/DropZone/DropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,+NAA+N;AAC/N,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAChD,CAAC,CAAC"}