expo-router 6.1.0-canary-20251008-6acbc1c → 6.1.0-canary-20251008-f2d1b4a

package/build/modal/Modal.js

@@ -1,116 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = Modal;
-const non_secure_1 = require("nanoid/non-secure");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const ModalContext_1 = require("./ModalContext");
-const useNavigation_1 = require("../useNavigation");
-const utils_1 = require("./utils");
-/**
- * A standalone modal component that can be used in Expo Router apps.
- * It always renders on top of the application's content.
- * Internally, the modal is rendered as a `Stack.Screen`, with the presentation style determined by the `presentationStyle` prop.
- *
- * **Props should be set before the modal is opened. Changes to the props will take effect after the modal is reopened.**
- *
- * This component is not linkable. If you need to link to a modal, use `<Stack.Screen options={{ presentationStyle: "modal" }} />` instead.
- *
- * @example
- * ```tsx
- * import { Modal } from 'expo-router';
- *
- * function Page() {
- *  const [modalVisible, setModalVisible] = useState(false);
- *  return (
- *    <Modal
- *      visible={modalVisible}
- *      onClose={() => setModalVisible(false)}
- *    >
- *      <Text>Hello World</Text>
- *    </Modal>
- *  );
- * }
- */
-function Modal(props) {
-    const { children, visible, onClose, onShow, animationType, presentationStyle, transparent, detents, closeOnNavigation, ...viewProps } = props;
-    const { openModal, updateModal, closeModal, addEventListener } = (0, ModalContext_1.useModalContext)();
-    const [currentModalId, setCurrentModalId] = (0, react_1.useState)();
-    const navigation = (0, useNavigation_1.useNavigation)();
-    (0, react_1.useEffect)(() => {
-        if (!(0, utils_1.areDetentsValid)(detents)) {
-            throw new Error(`Invalid detents provided to Modal: ${JSON.stringify(detents)}`);
-        }
-    }, [detents]);
-    (0, react_1.useEffect)(() => {
-        if (__DEV__ &&
-            presentationStyle === 'formSheet' &&
-            detents !== 'fitToContents' &&
-            process.env.EXPO_OS === 'ios' &&
-            react_native_1.StyleSheet.flatten(props.style)?.flex) {
-            console.warn(
-            // TODO: ENG-16230: Add warning link to documentation
-            'The `formSheet` presentation style does not support flex styles on iOS. Consider using a fixed height view or scroll view with `fitToContents` detent instead. See ');
-        }
-    }, [props.style, presentationStyle, detents]);
-    (0, react_1.useEffect)(() => {
-        if (visible) {
-            const newId = (0, non_secure_1.nanoid)();
-            openModal({
-                animationType,
-                presentationStyle,
-                transparent,
-                viewProps,
-                component: children,
-                uniqueId: newId,
-                parentNavigationProp: navigation,
-                detents: detents ?? (presentationStyle === 'formSheet' ? 'fitToContents' : undefined),
-            });
-            setCurrentModalId(newId);
-            return () => {
-                closeModal(newId);
-            };
-        }
-        return () => { };
-    }, [visible]);
-    (0, react_1.useEffect)(() => {
-        if (navigation.isFocused()) {
-            return navigation.addListener('blur', () => {
-                if (currentModalId && closeOnNavigation) {
-                    closeModal(currentModalId);
-                }
-            });
-        }
-        return () => { };
-    }, [navigation, closeModal, currentModalId, closeOnNavigation]);
-    (0, react_1.useEffect)(() => {
-        if (currentModalId && visible) {
-            updateModal(currentModalId, {
-                component: children,
-            });
-        }
-    }, [children]);
-    (0, react_1.useEffect)(() => {
-        if (currentModalId) {
-            const unsubscribeShow = addEventListener('show', (id) => {
-                if (id === currentModalId) {
-                    onShow?.();
-                }
-            });
-            const unsubscribeClose = addEventListener('close', (id) => {
-                if (id === currentModalId) {
-                    onClose?.();
-                    setCurrentModalId(undefined);
-                }
-            });
-            return () => {
-                unsubscribeShow();
-                unsubscribeClose();
-            };
-        }
-        return () => { };
-    }, [currentModalId, addEventListener, onClose, onShow]);
-    return null;
-}
-//# sourceMappingURL=Modal.js.map

package/build/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { type NavigationProp, type ParamListBase } from '@react-navigation/native';\nimport { nanoid } from 'nanoid/non-secure';\nimport { useEffect, useState } from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport { type ScreenProps } from 'react-native-screens';\n\nimport { useModalContext, type ModalConfig } from './ModalContext';\nimport { useNavigation } from '../useNavigation';\nimport { areDetentsValid } from './utils';\n\nexport interface ModalProps extends ViewProps {\n  /**\n   * The content of the modal.\n   */\n  children?: React.ReactNode;\n  /**\n   * Whether the modal is visible or not.\n   * When set to `true`, the modal will be opened.\n   * When set to `false`, the modal will be closed.\n   */\n  visible: boolean;\n  /**\n   * Callback that is called after modal is closed.\n   * This is called when the modal is closed programmatically or when the user dismisses it.\n   */\n  onClose?: () => void;\n  /**\n   * Callback that is called after modal is shown.\n   */\n  onShow?: () => void;\n  /**\n   * The animation type for the modal.\n   * This can be one of 'none', 'slide', or 'fade'.\n   */\n  animationType?: ModalConfig['animationType'];\n  /**\n   * The presentation style for the modal.\n   * This can be one of 'fullScreen', 'pageSheet', 'formSheet', or 'overFullScreen'.\n   * - `fullScreen`: The modal covers the entire screen. When `transparent` is set to `true`, it will fallback to `overFullScreen`.\n   * - `pageSheet`: The modal is presented as a page sheet on iOS. Defaults to `fullScreen` on Android.\n   * - `formSheet`: The modal is presented as a form sheet.\n   * - `overFullScreen`: The modal is presented over the full screen, allowing interaction with the underlying content.\n   *\n   * @default 'fullScreen'\n   */\n  presentationStyle?: ModalConfig['presentationStyle'];\n  /**\n   * Whether the modal should be rendered as a transparent overlay.\n   * This will render the modal without a background, allowing the content behind it to be visible.\n   *\n   * On Android, this will fallback to `overFullScreen` presentation style.\n   */\n  transparent?: boolean;\n  /**\n   * See {@link ScreenProps[\"sheetAllowedDetents\"]}.\n   *\n   * Describes heights where a sheet can rest.\n   * Works only when `presentation` is set to `formSheet`.\n   *\n   * Heights should be described as fraction (a number from `[0, 1]` interval) of screen height / maximum detent height.\n   * You can pass an array of ascending values each defining allowed sheet detent. iOS accepts any number of detents,\n   * while **Android is limited to three**.\n   *\n   * @default 'fitToContents'\n   */\n  detents?: ModalConfig['detents'];\n  /**\n   * Determines whether the modal should close when navigating away from the screen that opened it.\n   *\n   * If set to `true`, the modal will close when the user navigates to a different screen.\n   *\n   * If set to `false`, the modal will remain open when pushing a new screen.\n   * However, it will still close when navigating back or replacing the current screen.\n   */\n  closeOnNavigation?: boolean;\n}\n\n/**\n * A standalone modal component that can be used in Expo Router apps.\n * It always renders on top of the application's content.\n * Internally, the modal is rendered as a `Stack.Screen`, with the presentation style determined by the `presentationStyle` prop.\n *\n * **Props should be set before the modal is opened. Changes to the props will take effect after the modal is reopened.**\n *\n * This component is not linkable. If you need to link to a modal, use `<Stack.Screen options={{ presentationStyle: \"modal\" }} />` instead.\n *\n * @example\n * ```tsx\n * import { Modal } from 'expo-router';\n *\n * function Page() {\n *  const [modalVisible, setModalVisible] = useState(false);\n *  return (\n *    <Modal\n *      visible={modalVisible}\n *      onClose={() => setModalVisible(false)}\n *    >\n *      <Text>Hello World</Text>\n *    </Modal>\n *  );\n * }\n */\nexport function Modal(props: ModalProps) {\n  const {\n    children,\n    visible,\n    onClose,\n    onShow,\n    animationType,\n    presentationStyle,\n    transparent,\n    detents,\n    closeOnNavigation,\n    ...viewProps\n  } = props;\n  const { openModal, updateModal, closeModal, addEventListener } = useModalContext();\n  const [currentModalId, setCurrentModalId] = useState<string | undefined>();\n  const navigation = useNavigation<NavigationProp<ParamListBase>>();\n  useEffect(() => {\n    if (!areDetentsValid(detents)) {\n      throw new Error(`Invalid detents provided to Modal: ${JSON.stringify(detents)}`);\n    }\n  }, [detents]);\n  useEffect(() => {\n    if (\n      __DEV__ &&\n      presentationStyle === 'formSheet' &&\n      detents !== 'fitToContents' &&\n      process.env.EXPO_OS === 'ios' &&\n      StyleSheet.flatten(props.style)?.flex\n    ) {\n      console.warn(\n        // TODO: ENG-16230: Add warning link to documentation\n        'The `formSheet` presentation style does not support flex styles on iOS. Consider using a fixed height view or scroll view with `fitToContents` detent instead. See '\n      );\n    }\n  }, [props.style, presentationStyle, detents]);\n  useEffect(() => {\n    if (visible) {\n      const newId = nanoid();\n      openModal({\n        animationType,\n        presentationStyle,\n        transparent,\n        viewProps,\n        component: children,\n        uniqueId: newId,\n        parentNavigationProp: navigation,\n        detents: detents ?? (presentationStyle === 'formSheet' ? 'fitToContents' : undefined),\n      });\n      setCurrentModalId(newId);\n      return () => {\n        closeModal(newId);\n      };\n    }\n    return () => {};\n  }, [visible]);\n\n  useEffect(() => {\n    if (navigation.isFocused()) {\n      return navigation.addListener('blur', () => {\n        if (currentModalId && closeOnNavigation) {\n          closeModal(currentModalId);\n        }\n      });\n    }\n    return () => {};\n  }, [navigation, closeModal, currentModalId, closeOnNavigation]);\n\n  useEffect(() => {\n    if (currentModalId && visible) {\n      updateModal(currentModalId, {\n        component: children,\n      });\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (currentModalId) {\n      const unsubscribeShow = addEventListener('show', (id) => {\n        if (id === currentModalId) {\n          onShow?.();\n        }\n      });\n      const unsubscribeClose = addEventListener('close', (id) => {\n        if (id === currentModalId) {\n          onClose?.();\n          setCurrentModalId(undefined);\n        }\n      });\n      return () => {\n        unsubscribeShow();\n        unsubscribeClose();\n      };\n    }\n    return () => {};\n  }, [currentModalId, addEventListener, onClose, onShow]);\n  return null;\n}\n"]}

package/build/modal/ModalComponent.d.ts

@@ -1,7 +0,0 @@
-import { type ModalConfig } from './ModalContext';
-interface ModalComponentProps {
-    modalConfig: ModalConfig;
-}
-export declare function ModalComponent({ modalConfig }: ModalComponentProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=ModalComponent.d.ts.map

package/build/modal/ModalComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalComponent.d.ts","sourceRoot":"","sources":["../../src/modal/ModalComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAKlE"}

package/build/modal/ModalComponent.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalComponent = ModalComponent;
-const native_1 = require("@react-navigation/native");
-function ModalComponent({ modalConfig }) {
-    const component = modalConfig.component;
-    const navigationProp = modalConfig.parentNavigationProp;
-    return <native_1.NavigationContext value={navigationProp}>{component}</native_1.NavigationContext>;
-}
-//# sourceMappingURL=ModalComponent.js.map

package/build/modal/ModalComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalComponent.js","sourceRoot":"","sources":["../../src/modal/ModalComponent.tsx"],"names":[],"mappings":";;AAQA,wCAKC;AAbD,qDAA6D;AAQ7D,SAAgB,cAAc,CAAC,EAAE,WAAW,EAAuB;IACjE,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;IACxC,MAAM,cAAc,GAAG,WAAW,CAAC,oBAAoB,CAAC;IAExD,OAAO,CAAC,0BAAiB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,0BAAiB,CAAC,CAAC;AACnF,CAAC","sourcesContent":["import { NavigationContext } from '@react-navigation/native';\n\nimport { type ModalConfig } from './ModalContext';\n\ninterface ModalComponentProps {\n  modalConfig: ModalConfig;\n}\n\nexport function ModalComponent({ modalConfig }: ModalComponentProps) {\n  const component = modalConfig.component;\n  const navigationProp = modalConfig.parentNavigationProp;\n\n  return <NavigationContext value={navigationProp}>{component}</NavigationContext>;\n}\n"]}

package/build/modal/ModalContext.d.ts

@@ -1,15 +0,0 @@
-import { type PropsWithChildren } from 'react';
-import { type ModalConfig } from './types';
-export { type ModalConfig };
-declare const ALLOWED_EVENT_TYPE_LISTENERS: readonly ["close", "show"];
-type AllowedEventTypeListeners = (typeof ALLOWED_EVENT_TYPE_LISTENERS)[number];
-export interface ModalContextType {
-    modalConfigs: ModalConfig[];
-    openModal: (config: ModalConfig) => void;
-    updateModal: (id: string, config: Omit<Partial<ModalConfig>, 'uniqueId'>) => void;
-    closeModal: (id: string) => void;
-    addEventListener: (type: AllowedEventTypeListeners, callback: (id: string) => void) => () => void;
-}
-export declare const ModalContextProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
-export declare const useModalContext: () => ModalContextType;
-//# sourceMappingURL=ModalContext.d.ts.map

package/build/modal/ModalContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../src/modal/ModalContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,KAAK,WAAW,EAAE,CAAC;AAE5B,QAAA,MAAM,4BAA4B,4BAA6B,CAAC;AAChE,KAAK,yBAAyB,GAAG,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClF,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,EAAE,CAAC,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CACnG;AAID,eAAO,MAAM,oBAAoB,GAAI,cAAc,iBAAiB,gCA0FnE,CAAC;AAEF,eAAO,MAAM,eAAe,wBAM3B,CAAC"}

package/build/modal/ModalContext.js

@@ -1,90 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModalContext = exports.ModalContextProvider = void 0;
-const react_1 = require("react");
-const ModalsRenderer_1 = require("./ModalsRenderer");
-const ALLOWED_EVENT_TYPE_LISTENERS = ['close', 'show'];
-const ModalContext = (0, react_1.createContext)(undefined);
-const ModalContextProvider = ({ children }) => {
-    const [modalConfigs, setModalConfigs] = (0, react_1.useState)([]);
-    const eventListeners = (0, react_1.useRef)({
-        close: new Set(),
-        show: new Set(),
-    });
-    const prevModalConfigs = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(() => {
-        if (prevModalConfigs.current !== modalConfigs) {
-            prevModalConfigs.current.forEach((config) => {
-                if (!modalConfigs.find((c) => c.uniqueId === config.uniqueId)) {
-                    emitCloseEvent(config.uniqueId);
-                }
-            });
-            prevModalConfigs.current = modalConfigs;
-        }
-    }, [modalConfigs]);
-    const openModal = (0, react_1.useCallback)((config) => {
-        setModalConfigs((prev) => [...prev, config]);
-    }, []);
-    const updateModal = (0, react_1.useCallback)((id, config) => {
-        setModalConfigs((prev) => {
-            const index = prev.findIndex((c) => c.uniqueId === id);
-            if (index >= 0) {
-                const updatedConfigs = [...prev];
-                updatedConfigs[index] = { ...updatedConfigs[index], ...config };
-                return updatedConfigs;
-            }
-            return prev;
-        });
-    }, []);
-    const emitCloseEvent = (0, react_1.useCallback)((id) => {
-        eventListeners.current.close.forEach((callback) => callback(id));
-    }, []);
-    const emitShowEvent = (0, react_1.useCallback)((id) => {
-        eventListeners.current.show.forEach((callback) => callback(id));
-    }, []);
-    const closeModal = (0, react_1.useCallback)((id) => {
-        setModalConfigs((prev) => {
-            const modalIndex = prev.findIndex((config) => config.uniqueId === id);
-            if (modalIndex >= 0) {
-                return prev.filter((_, index) => index < modalIndex);
-            }
-            return prev;
-        });
-    }, []);
-    const addEventListener = (0, react_1.useCallback)((type, callback) => {
-        if (!ALLOWED_EVENT_TYPE_LISTENERS.includes(type))
-            return () => { };
-        if (!callback) {
-            console.warn('Passing undefined as a callback to addEventListener is forbidden');
-            return () => { };
-        }
-        eventListeners.current[type].add(callback);
-        return () => {
-            eventListeners.current[type].delete(callback);
-        };
-    }, []);
-    return (<ModalContext.Provider value={{
-            modalConfigs,
-            openModal,
-            closeModal,
-            updateModal,
-            addEventListener,
-        }}>
-      <ModalsRenderer_1.ModalsRenderer modalConfigs={modalConfigs} onDismissed={(id) => {
-            closeModal(id);
-        }} onShow={emitShowEvent}>
-        {children}
-      </ModalsRenderer_1.ModalsRenderer>
-    </ModalContext.Provider>);
-};
-exports.ModalContextProvider = ModalContextProvider;
-const useModalContext = () => {
-    const context = (0, react_1.use)(ModalContext);
-    if (!context) {
-        throw new Error('useModalContext must be used within a ModalContextProvider');
-    }
-    return context;
-};
-exports.useModalContext = useModalContext;
-//# sourceMappingURL=ModalContext.js.map

package/build/modal/ModalContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContext.js","sourceRoot":"","sources":["../../src/modal/ModalContext.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type PropsWithChildren,\n} from 'react';\n\nimport { ModalsRenderer } from './ModalsRenderer';\nimport { type ModalConfig } from './types';\n\nexport { type ModalConfig };\n\nconst ALLOWED_EVENT_TYPE_LISTENERS = ['close', 'show'] as const;\ntype AllowedEventTypeListeners = (typeof ALLOWED_EVENT_TYPE_LISTENERS)[number];\n\nexport interface ModalContextType {\n  modalConfigs: ModalConfig[];\n  openModal: (config: ModalConfig) => void;\n  updateModal: (id: string, config: Omit<Partial<ModalConfig>, 'uniqueId'>) => void;\n  closeModal: (id: string) => void;\n  addEventListener: (type: AllowedEventTypeListeners, callback: (id: string) => void) => () => void;\n}\n\nconst ModalContext = createContext<ModalContextType | undefined>(undefined);\n\nexport const ModalContextProvider = ({ children }: PropsWithChildren) => {\n  const [modalConfigs, setModalConfigs] = useState<ModalConfig[]>([]);\n  const eventListeners = useRef<Record<AllowedEventTypeListeners, Set<(id: string) => void>>>({\n    close: new Set(),\n    show: new Set(),\n  });\n  const prevModalConfigs = useRef<ModalConfig[]>([]);\n\n  useEffect(() => {\n    if (prevModalConfigs.current !== modalConfigs) {\n      prevModalConfigs.current.forEach((config) => {\n        if (!modalConfigs.find((c) => c.uniqueId === config.uniqueId)) {\n          emitCloseEvent(config.uniqueId);\n        }\n      });\n      prevModalConfigs.current = modalConfigs;\n    }\n  }, [modalConfigs]);\n\n  const openModal = useCallback((config: ModalConfig) => {\n    setModalConfigs((prev) => [...prev, config]);\n  }, []);\n\n  const updateModal = useCallback((id: string, config: Omit<Partial<ModalConfig>, 'uniqueId'>) => {\n    setModalConfigs((prev) => {\n      const index = prev.findIndex((c) => c.uniqueId === id);\n      if (index >= 0) {\n        const updatedConfigs = [...prev];\n        updatedConfigs[index] = { ...updatedConfigs[index], ...config };\n        return updatedConfigs;\n      }\n      return prev;\n    });\n  }, []);\n\n  const emitCloseEvent = useCallback((id: string) => {\n    eventListeners.current.close.forEach((callback) => callback(id));\n  }, []);\n\n  const emitShowEvent = useCallback((id: string) => {\n    eventListeners.current.show.forEach((callback) => callback(id));\n  }, []);\n\n  const closeModal = useCallback((id: string) => {\n    setModalConfigs((prev) => {\n      const modalIndex = prev.findIndex((config) => config.uniqueId === id);\n      if (modalIndex >= 0) {\n        return prev.filter((_, index) => index < modalIndex);\n      }\n      return prev;\n    });\n  }, []);\n\n  const addEventListener = useCallback(\n    (type: AllowedEventTypeListeners, callback: (id: string) => void) => {\n      if (!ALLOWED_EVENT_TYPE_LISTENERS.includes(type)) return () => {};\n\n      if (!callback) {\n        console.warn('Passing undefined as a callback to addEventListener is forbidden');\n        return () => {};\n      }\n\n      eventListeners.current[type].add(callback);\n\n      return () => {\n        eventListeners.current[type].delete(callback);\n      };\n    },\n    []\n  );\n\n  return (\n    <ModalContext.Provider\n      value={{\n        modalConfigs,\n        openModal,\n        closeModal,\n        updateModal,\n        addEventListener,\n      }}>\n      <ModalsRenderer\n        modalConfigs={modalConfigs}\n        onDismissed={(id) => {\n          closeModal(id);\n        }}\n        onShow={emitShowEvent}>\n        {children}\n      </ModalsRenderer>\n    </ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = () => {\n  const context = use(ModalContext);\n  if (!context) {\n    throw new Error('useModalContext must be used within a ModalContextProvider');\n  }\n  return context;\n};\n"]}

package/build/modal/ModalsRenderer.d.ts

@@ -1,3 +0,0 @@
-import type { ModalsRendererProps } from './types';
-export declare const ModalsRenderer: ({ children, modalConfigs, onDismissed, onShow, }: ModalsRendererProps) => import("react").JSX.Element;
-//# sourceMappingURL=ModalsRenderer.d.ts.map

package/build/modal/ModalsRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalsRenderer.d.ts","sourceRoot":"","sources":["../../src/modal/ModalsRenderer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,gCAmDrB,CAAC"}

package/build/modal/ModalsRenderer.js

@@ -1,47 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalsRenderer = void 0;
-const non_secure_1 = require("nanoid/non-secure");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_screens_1 = require("react-native-screens");
-const ModalComponent_1 = require("./ModalComponent");
-const utils_1 = require("./utils");
-const ModalsRenderer = ({ children, modalConfigs, onDismissed, onShow, }) => {
-    const rootId = (0, react_1.useRef)((0, non_secure_1.nanoid)());
-    return (<react_native_screens_1.ScreenStack style={styles.stackContainer}>
-      <react_native_screens_1.ScreenStackItem screenId={rootId.current} activityState={2} style={react_native_1.StyleSheet.absoluteFill} headerConfig={{
-            hidden: true,
-        }}>
-        {children}
-      </react_native_screens_1.ScreenStackItem>
-      {modalConfigs.map((config) => (<react_native_screens_1.ScreenStackItem key={config.uniqueId} {...config.viewProps} screenId={`${rootId.current}${config.uniqueId}`} activityState={2} stackPresentation={(0, utils_1.getStackPresentationType)(config)} stackAnimation={(0, utils_1.getStackAnimationType)(config)} nativeBackButtonDismissalEnabled headerConfig={{
-                hidden: true,
-            }} contentStyle={[
-                {
-                    flex: config.presentationStyle !== 'formSheet' ? 1 : undefined,
-                    backgroundColor: config.transparent ? 'transparent' : 'white',
-                },
-                config.viewProps?.style,
-            ]} sheetAllowedDetents={config.detents} style={[
-                react_native_1.StyleSheet.absoluteFill,
-                {
-                    backgroundColor: config.transparent ? 'transparent' : 'white',
-                },
-            ]} onDismissed={() => {
-                onDismissed?.(config.uniqueId);
-            }} onAppear={() => {
-                onShow?.(config.uniqueId);
-            }}>
-          <ModalComponent_1.ModalComponent modalConfig={config}/>
-        </react_native_screens_1.ScreenStackItem>))}
-    </react_native_screens_1.ScreenStack>);
-};
-exports.ModalsRenderer = ModalsRenderer;
-const styles = react_native_1.StyleSheet.create({
-    stackContainer: {
-        flex: 1,
-    },
-});
-//# sourceMappingURL=ModalsRenderer.js.map

package/build/modal/ModalsRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalsRenderer.js","sourceRoot":"","sources":["../../src/modal/ModalsRenderer.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,kDAA2C;AAC3C,iCAA+B;AAC/B,+CAA0C;AAC1C,+DAAoE;AAEpE,qDAAkD;AAElD,mCAA0E;AAEnE,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,MAAM,GACc,EAAE,EAAE;IACxB,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,IAAA,mBAAM,GAAE,CAAC,CAAC;IAEhC,OAAO,CACL,CAAC,kCAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACxC;MAAA,CAAC,sCAAe,CACd,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACzB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,CAAC,yBAAU,CAAC,YAAY,CAAC,CAC/B,YAAY,CAAC,CAAC;YACZ,MAAM,EAAE,IAAI;SACb,CAAC,CACF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,sCAAe,CACjB;MAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,CAAC,sCAAe,CACd,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACrB,IAAI,MAAM,CAAC,SAAS,CAAC,CACrB,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,CAChD,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,iBAAiB,CAAC,CAAC,IAAA,gCAAwB,EAAC,MAAM,CAAC,CAAC,CACpD,cAAc,CAAC,CAAC,IAAA,6BAAqB,EAAC,MAAM,CAAC,CAAC,CAC9C,gCAAgC,CAChC,YAAY,CAAC,CAAC;gBACZ,MAAM,EAAE,IAAI;aACb,CAAC,CACF,YAAY,CAAC,CAAC;gBACZ;oBACE,IAAI,EAAE,MAAM,CAAC,iBAAiB,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;oBAC9D,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;iBAC9D;gBACD,MAAM,CAAC,SAAS,EAAE,KAAK;aACxB,CAAC,CACF,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACpC,KAAK,CAAC,CAAC;gBACL,yBAAU,CAAC,YAAY;gBACvB;oBACE,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;iBAC9D;aACF,CAAC,CACF,WAAW,CAAC,CAAC,GAAG,EAAE;gBAChB,WAAW,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACjC,CAAC,CAAC,CACF,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,MAAM,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC,CAAC,CACF;UAAA,CAAC,+BAAc,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EACtC;QAAA,EAAE,sCAAe,CAAC,CACnB,CAAC,CACJ;IAAA,EAAE,kCAAW,CAAC,CACf,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,cAAc,kBAwDzB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC","sourcesContent":["'use client';\n\nimport { nanoid } from 'nanoid/non-secure';\nimport { useRef } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { ScreenStack, ScreenStackItem } from 'react-native-screens';\n\nimport { ModalComponent } from './ModalComponent';\nimport type { ModalsRendererProps } from './types';\nimport { getStackAnimationType, getStackPresentationType } from './utils';\n\nexport const ModalsRenderer = ({\n  children,\n  modalConfigs,\n  onDismissed,\n  onShow,\n}: ModalsRendererProps) => {\n  const rootId = useRef(nanoid());\n\n  return (\n    <ScreenStack style={styles.stackContainer}>\n      <ScreenStackItem\n        screenId={rootId.current}\n        activityState={2}\n        style={StyleSheet.absoluteFill}\n        headerConfig={{\n          hidden: true,\n        }}>\n        {children}\n      </ScreenStackItem>\n      {modalConfigs.map((config) => (\n        <ScreenStackItem\n          key={config.uniqueId}\n          {...config.viewProps}\n          screenId={`${rootId.current}${config.uniqueId}`}\n          activityState={2}\n          stackPresentation={getStackPresentationType(config)}\n          stackAnimation={getStackAnimationType(config)}\n          nativeBackButtonDismissalEnabled\n          headerConfig={{\n            hidden: true,\n          }}\n          contentStyle={[\n            {\n              flex: config.presentationStyle !== 'formSheet' ? 1 : undefined,\n              backgroundColor: config.transparent ? 'transparent' : 'white',\n            },\n            config.viewProps?.style,\n          ]}\n          sheetAllowedDetents={config.detents}\n          style={[\n            StyleSheet.absoluteFill,\n            {\n              backgroundColor: config.transparent ? 'transparent' : 'white',\n            },\n          ]}\n          onDismissed={() => {\n            onDismissed?.(config.uniqueId);\n          }}\n          onAppear={() => {\n            onShow?.(config.uniqueId);\n          }}>\n          <ModalComponent modalConfig={config} />\n        </ScreenStackItem>\n      ))}\n    </ScreenStack>\n  );\n};\n\nconst styles = StyleSheet.create({\n  stackContainer: {\n    flex: 1,\n  },\n});\n"]}

package/build/modal/ModalsRenderer.web.d.ts

@@ -1,3 +0,0 @@
-import type { ModalsRendererProps } from './types';
-export declare const ModalsRenderer: ({ children, modalConfigs, onDismissed, onShow, }: ModalsRendererProps) => import("react").JSX.Element;
-//# sourceMappingURL=ModalsRenderer.web.d.ts.map

package/build/modal/ModalsRenderer.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalsRenderer.web.d.ts","sourceRoot":"","sources":["../../src/modal/ModalsRenderer.web.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAMhE,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,gCAarB,CAAC"}

package/build/modal/ModalsRenderer.web.js

@@ -1,37 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalsRenderer = void 0;
-const native_1 = require("@react-navigation/native");
-const react_native_1 = require("react-native");
-const ModalComponent_1 = require("./ModalComponent");
-const utils_1 = require("./utils");
-const ModalStackRouteDrawer_1 = require("./web/ModalStackRouteDrawer");
-const TransparentModalStackRouteDrawer_1 = require("./web/TransparentModalStackRouteDrawer");
-const utils_2 = require("./web/utils");
-const ModalsRenderer = ({ children, modalConfigs, onDismissed, onShow, }) => {
-    return (<div style={{ flex: 1, display: 'flex' }}>
-      {children}
-      {modalConfigs.map((config) => (<Modal key={config.uniqueId} config={config} onDismissed={() => onDismissed?.(config.uniqueId)}/>))}
-    </div>);
-};
-exports.ModalsRenderer = ModalsRenderer;
-function Modal({ config, onDismissed }) {
-    const { colors } = (0, native_1.useTheme)();
-    const presentation = (0, utils_1.getStackPresentationType)(config);
-    const isTransparentModal = (0, utils_2.isTransparentModalPresentation)({ presentation });
-    const SelectedModalComponent = isTransparentModal
-        ? TransparentModalStackRouteDrawer_1.TransparentModalStackRouteDrawer
-        : ModalStackRouteDrawer_1.ModalStackRouteDrawer;
-    return (<SelectedModalComponent routeKey={config.uniqueId} onDismiss={onDismissed} themeColors={colors} key={config.uniqueId} options={{
-            presentation,
-            animation: (0, utils_1.getStackAnimationType)(config),
-            headerShown: false,
-            sheetAllowedDetents: config.detents,
-        }} renderScreen={() => (<react_native_1.View style={{ flex: 1 }}>
-          <react_native_1.View {...config.viewProps} style={[{ flex: 1 }, config.viewProps?.style]}>
-            <ModalComponent_1.ModalComponent modalConfig={config}/>
-          </react_native_1.View>
-        </react_native_1.View>)}/>);
-}
-//# sourceMappingURL=ModalsRenderer.web.js.map

package/build/modal/ModalsRenderer.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalsRenderer.web.js","sourceRoot":"","sources":["../../src/modal/ModalsRenderer.web.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,qDAAoD;AACpD,+CAAoC;AAEpC,qDAAkD;AAElD,mCAA0E;AAC1E,uEAAoE;AACpE,6FAA0F;AAC1F,uCAA6D;AAEtD,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,MAAM,GACc,EAAE,EAAE;IACxB,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CACvC;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAClD,CACH,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB;AAOF,SAAS,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,EAAc;IAChD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAQ,GAAE,CAAC;IAE9B,MAAM,YAAY,GAAG,IAAA,gCAAwB,EAAC,MAAM,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG,IAAA,sCAA8B,EAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IAE5E,MAAM,sBAAsB,GAAG,kBAAkB;QAC/C,CAAC,CAAC,mEAAgC;QAClC,CAAC,CAAC,6CAAqB,CAAC;IAE1B,OAAO,CACL,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,SAAS,CAAC,CAAC,WAAW,CAAC,CACvB,WAAW,CAAC,CAAC,MAAM,CAAC,CACpB,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACrB,OAAO,CAAC,CAAC;YACP,YAAY;YACZ,SAAS,EAAE,IAAA,6BAAqB,EAAC,MAAM,CAAC;YACxC,WAAW,EAAE,KAAK;YAClB,mBAAmB,EAAE,MAAM,CAAC,OAAO;SACpC,CAAC,CACF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,CAClB,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACvB;UAAA,CAAC,mBAAI,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACxE;YAAA,CAAC,+BAAc,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EACtC;UAAA,EAAE,mBAAI,CACR;QAAA,EAAE,mBAAI,CAAC,CACR,CAAC,EACF,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useTheme } from '@react-navigation/native';\nimport { View } from 'react-native';\n\nimport { ModalComponent } from './ModalComponent';\nimport type { ModalConfig, ModalsRendererProps } from './types';\nimport { getStackAnimationType, getStackPresentationType } from './utils';\nimport { ModalStackRouteDrawer } from './web/ModalStackRouteDrawer';\nimport { TransparentModalStackRouteDrawer } from './web/TransparentModalStackRouteDrawer';\nimport { isTransparentModalPresentation } from './web/utils';\n\nexport const ModalsRenderer = ({\n  children,\n  modalConfigs,\n  onDismissed,\n  onShow,\n}: ModalsRendererProps) => {\n  return (\n    <div style={{ flex: 1, display: 'flex' }}>\n      {children}\n      {modalConfigs.map((config) => (\n        <Modal\n          key={config.uniqueId}\n          config={config}\n          onDismissed={() => onDismissed?.(config.uniqueId)}\n        />\n      ))}\n    </div>\n  );\n};\n\ninterface ModalProps {\n  config: ModalConfig;\n  onDismissed: () => void;\n}\n\nfunction Modal({ config, onDismissed }: ModalProps) {\n  const { colors } = useTheme();\n\n  const presentation = getStackPresentationType(config);\n  const isTransparentModal = isTransparentModalPresentation({ presentation });\n\n  const SelectedModalComponent = isTransparentModal\n    ? TransparentModalStackRouteDrawer\n    : ModalStackRouteDrawer;\n\n  return (\n    <SelectedModalComponent\n      routeKey={config.uniqueId}\n      onDismiss={onDismissed}\n      themeColors={colors}\n      key={config.uniqueId}\n      options={{\n        presentation,\n        animation: getStackAnimationType(config),\n        headerShown: false,\n        sheetAllowedDetents: config.detents,\n      }}\n      renderScreen={() => (\n        <View style={{ flex: 1 }}>\n          <View {...config.viewProps} style={[{ flex: 1 }, config.viewProps?.style]}>\n            <ModalComponent modalConfig={config} />\n          </View>\n        </View>\n      )}\n    />\n  );\n}\n"]}

package/build/modal/types.d.ts

@@ -1,19 +0,0 @@
-import type { NavigationProp, ParamListBase } from '@react-navigation/native';
-import { type ViewProps } from 'react-native';
-export interface ModalConfig {
-    component: React.ReactNode;
-    parentNavigationProp: NavigationProp<ParamListBase>;
-    uniqueId: string;
-    animationType?: 'slide' | 'fade' | 'none';
-    presentationStyle?: 'fullScreen' | 'overFullScreen' | 'pageSheet' | 'formSheet';
-    transparent?: boolean;
-    viewProps?: ViewProps;
-    detents?: number[] | 'fitToContents';
-}
-export interface ModalsRendererProps {
-    children?: React.ReactNode;
-    modalConfigs: ModalConfig[];
-    onDismissed?: (id: string) => void;
-    onShow?: (id: string) => void;
-}
-//# sourceMappingURL=types.d.ts.map

package/build/modal/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,iBAAiB,CAAC,EAAE,YAAY,GAAG,gBAAgB,GAAG,WAAW,GAAG,WAAW,CAAC;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B"}

package/build/modal/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/build/modal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { NavigationProp, ParamListBase } from '@react-navigation/native';\nimport { type ViewProps } from 'react-native';\n\nexport interface ModalConfig {\n  component: React.ReactNode;\n  parentNavigationProp: NavigationProp<ParamListBase>;\n  uniqueId: string;\n  animationType?: 'slide' | 'fade' | 'none';\n  presentationStyle?: 'fullScreen' | 'overFullScreen' | 'pageSheet' | 'formSheet';\n  transparent?: boolean;\n  viewProps?: ViewProps;\n  detents?: number[] | 'fitToContents';\n}\n\nexport interface ModalsRendererProps {\n  children?: React.ReactNode;\n  modalConfigs: ModalConfig[];\n  onDismissed?: (id: string) => void;\n  onShow?: (id: string) => void;\n}\n"]}

package/build/modal/utils.d.ts

@@ -1,7 +0,0 @@
-import type { StackAnimationTypes } from 'react-native-screens';
-import type { ModalProps } from './Modal';
-import type { ModalConfig } from './types';
-export declare function areDetentsValid(detents: ModalProps['detents']): boolean;
-export declare function getStackAnimationType(config: ModalConfig): StackAnimationTypes | undefined;
-export declare function getStackPresentationType(config: ModalConfig): "transparentModal" | "fullScreenModal" | "formSheet" | "pageSheet";
-//# sourceMappingURL=utils.d.ts.map

package/build/modal/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,OAAO,CAcvE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,mBAAmB,GAAG,SAAS,CAU1F;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,sEAgC3D"}

package/build/modal/utils.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.areDetentsValid = areDetentsValid;
-exports.getStackAnimationType = getStackAnimationType;
-exports.getStackPresentationType = getStackPresentationType;
-function areDetentsValid(detents) {
-    if (Array.isArray(detents)) {
-        return (!!detents.length &&
-            detents.every((detent, index, arr) => typeof detent === 'number' &&
-                detent >= 0 &&
-                detent <= 1 &&
-                detent >= (arr[index - 1] ?? 0)));
-    }
-    return detents === 'fitToContents' || detents === undefined || detents === null;
-}
-function getStackAnimationType(config) {
-    switch (config.animationType) {
-        case 'fade':
-            return 'fade';
-        case 'none':
-            return 'none';
-        case 'slide':
-        default:
-            return 'slide_from_bottom';
-    }
-}
-function getStackPresentationType(config) {
-    if (process.env.EXPO_OS === 'android') {
-        if (config.transparent) {
-            return 'transparentModal';
-        }
-        switch (config.presentationStyle) {
-            case 'fullScreen':
-                return 'fullScreenModal';
-            case 'overFullScreen':
-                return 'transparentModal';
-            case 'pageSheet':
-                return 'pageSheet';
-            case 'formSheet':
-                return 'formSheet';
-            default:
-                return 'fullScreenModal';
-        }
-    }
-    switch (config.presentationStyle) {
-        case 'overFullScreen':
-            return 'transparentModal';
-        case 'pageSheet':
-            return 'pageSheet';
-        case 'formSheet':
-            return 'formSheet';
-        case 'fullScreen':
-        default:
-            if (config.transparent) {
-                return 'transparentModal';
-            }
-            return 'fullScreenModal';
-    }
-}
-//# sourceMappingURL=utils.js.map

package/build/modal/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":";;AAKA,0CAcC;AAED,sDAUC;AAED,4DAgCC;AA5DD,SAAgB,eAAe,CAAC,OAA8B;IAC5D,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,OAAO,CACL,CAAC,CAAC,OAAO,CAAC,MAAM;YAChB,OAAO,CAAC,KAAK,CACX,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CACrB,OAAO,MAAM,KAAK,QAAQ;gBAC1B,MAAM,IAAI,CAAC;gBACX,MAAM,IAAI,CAAC;gBACX,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAClC,CACF,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,KAAK,eAAe,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC;AAClF,CAAC;AAED,SAAgB,qBAAqB,CAAC,MAAmB;IACvD,QAAQ,MAAM,CAAC,aAAa,EAAE,CAAC;QAC7B,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO,CAAC;QACb;YACE,OAAO,mBAAmB,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,SAAgB,wBAAwB,CAAC,MAAmB;IAC1D,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACtC,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACvB,OAAO,kBAAkB,CAAC;QAC5B,CAAC;QACD,QAAQ,MAAM,CAAC,iBAAiB,EAAE,CAAC;YACjC,KAAK,YAAY;gBACf,OAAO,iBAAiB,CAAC;YAC3B,KAAK,gBAAgB;gBACnB,OAAO,kBAAkB,CAAC;YAC5B,KAAK,WAAW;gBACd,OAAO,WAAW,CAAC;YACrB,KAAK,WAAW;gBACd,OAAO,WAAW,CAAC;YACrB;gBACE,OAAO,iBAAiB,CAAC;QAC7B,CAAC;IACH,CAAC;IACD,QAAQ,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACjC,KAAK,gBAAgB;YACnB,OAAO,kBAAkB,CAAC;QAC5B,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QACrB,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QACrB,KAAK,YAAY,CAAC;QAClB;YACE,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;gBACvB,OAAO,kBAAkB,CAAC;YAC5B,CAAC;YACD,OAAO,iBAAiB,CAAC;IAC7B,CAAC;AACH,CAAC","sourcesContent":["import type { StackAnimationTypes } from 'react-native-screens';\n\nimport type { ModalProps } from './Modal';\nimport type { ModalConfig } from './types';\n\nexport function areDetentsValid(detents: ModalProps['detents']): boolean {\n  if (Array.isArray(detents)) {\n    return (\n      !!detents.length &&\n      detents.every(\n        (detent, index, arr) =>\n          typeof detent === 'number' &&\n          detent >= 0 &&\n          detent <= 1 &&\n          detent >= (arr[index - 1] ?? 0)\n      )\n    );\n  }\n  return detents === 'fitToContents' || detents === undefined || detents === null;\n}\n\nexport function getStackAnimationType(config: ModalConfig): StackAnimationTypes | undefined {\n  switch (config.animationType) {\n    case 'fade':\n      return 'fade';\n    case 'none':\n      return 'none';\n    case 'slide':\n    default:\n      return 'slide_from_bottom';\n  }\n}\n\nexport function getStackPresentationType(config: ModalConfig) {\n  if (process.env.EXPO_OS === 'android') {\n    if (config.transparent) {\n      return 'transparentModal';\n    }\n    switch (config.presentationStyle) {\n      case 'fullScreen':\n        return 'fullScreenModal';\n      case 'overFullScreen':\n        return 'transparentModal';\n      case 'pageSheet':\n        return 'pageSheet';\n      case 'formSheet':\n        return 'formSheet';\n      default:\n        return 'fullScreenModal';\n    }\n  }\n  switch (config.presentationStyle) {\n    case 'overFullScreen':\n      return 'transparentModal';\n    case 'pageSheet':\n      return 'pageSheet';\n    case 'formSheet':\n      return 'formSheet';\n    case 'fullScreen':\n    default:\n      if (config.transparent) {\n        return 'transparentModal';\n      }\n      return 'fullScreenModal';\n  }\n}\n"]}