@xleddyl/443-components-native 0.0.0-stage → 0.0.0

package/lib/module/components/overlays/Overlay.js

@@ -0,0 +1,160 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { scheduleOnRN } from 'react-native-worklets';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { absoluteFill } from "../../utils/styles.js";
+import { Backdrop } from "./Backdrop.js";
+import { useDismissHandler, useOverlayFocus, useWebFocusTrap } from "./overlayA11y.js";
+import { Portal } from "./Portal.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Overlay = ({
+  ref,
+  children,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  onDismiss,
+  placement = 'center',
+  transition = 'scale',
+  dismissible = true,
+  backdrop = true,
+  dimmed = true,
+  modal = true,
+  portal = true,
+  role,
+  accessibilityLabel,
+  closeLabel = 'Close',
+  returnFocusRef,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const reducedMotion = useReducedMotion();
+  const insets = useSafeAreaInsets();
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [mounted, setMounted] = useState(open);
+  const progress = useSharedValue(0);
+  const contentRef = useRef(null);
+  if (open && !mounted) {
+    setMounted(true);
+  }
+  const handleClosed = () => {
+    setMounted(false);
+    onDismiss?.();
+  };
+  useEffect(() => {
+    if (!mounted) {
+      return;
+    }
+    if (open) {
+      progress.value = withTiming(1, {
+        duration: reducedMotion ? theme.motion.duration.fast : theme.motion.duration.normal
+      });
+      return;
+    }
+    progress.value = withTiming(0, {
+      duration: theme.motion.duration.fast
+    }, finished => {
+      if (finished) {
+        scheduleOnRN(handleClosed);
+      }
+    });
+  }, [open, mounted, reducedMotion, progress, theme.motion.duration]);
+  const requestClose = () => {
+    if (dismissible) {
+      setOpen(false);
+    }
+  };
+  useDismissHandler(open && mounted, requestClose);
+  useWebFocusTrap(open && mounted && modal, contentRef);
+  useOverlayFocus({
+    visible: open && mounted,
+    targetRef: contentRef,
+    returnFocusRef
+  });
+  const contentStyle = useAnimatedStyle(() => {
+    const value = progress.value;
+    if (reducedMotion || transition === 'fade') {
+      return {
+        opacity: value
+      };
+    }
+    if (transition === 'slide') {
+      const distance = placement === 'top' ? -24 : 24;
+      return {
+        opacity: value,
+        transform: [{
+          translateY: (1 - value) * distance
+        }]
+      };
+    }
+    return {
+      opacity: value,
+      transform: [{
+        scale: 0.94 + value * 0.06
+      }]
+    };
+  });
+  if (!mounted) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    modal: modal,
+    disabled: !portal,
+    children: /*#__PURE__*/_jsxs(View, {
+      ref: ref,
+      style: [stylesheet.root(placement, insets), style, styles?.root],
+      children: [backdrop ? /*#__PURE__*/_jsx(Backdrop, {
+        progress: progress,
+        dimmed: dimmed,
+        onPress: dismissible ? requestClose : undefined,
+        accessibilityLabel: closeLabel,
+        style: styles?.backdrop
+      }) : null, /*#__PURE__*/_jsx(Animated.View, {
+        ref: contentRef,
+        role: role,
+        "aria-modal": modal,
+        accessibilityViewIsModal: modal,
+        accessibilityLabel: accessibilityLabel,
+        onAccessibilityEscape: requestClose,
+        tabIndex: -1,
+        style: [stylesheet.content(placement), contentStyle, styles?.content],
+        children: children
+      })]
+    })
+  });
+};
+const justifyFor = placement => {
+  if (placement === 'top') {
+    return 'flex-start';
+  }
+  return placement === 'bottom' ? 'flex-end' : 'center';
+};
+const stylesheet = StyleSheet.create(theme => ({
+  root: (placement, insets) => ({
+    ...absoluteFill,
+    justifyContent: justifyFor(placement),
+    alignItems: placement === 'fill' ? 'stretch' : 'center',
+    paddingTop: placement === 'fill' ? 0 : insets.top + theme.space(2),
+    paddingBottom: placement === 'fill' ? 0 : insets.bottom + theme.space(2),
+    paddingLeft: placement === 'fill' ? 0 : insets.left + theme.space(2),
+    paddingRight: placement === 'fill' ? 0 : insets.right + theme.space(2)
+  }),
+  content: placement => ({
+    flex: placement === 'fill' ? 1 : undefined,
+    maxWidth: '100%',
+    outlineWidth: 0
+  })
+}));
+//# sourceMappingURL=Overlay.js.map

package/lib/module/components/overlays/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","useSafeAreaInsets","StyleSheet","useUnistyles","scheduleOnRN","useControllableState","absoluteFill","Backdrop","useDismissHandler","useOverlayFocus","useWebFocusTrap","Portal","jsx","_jsx","jsxs","_jsxs","Overlay","ref","children","open","openProp","defaultOpen","onOpenChange","onDismiss","placement","transition","dismissible","backdrop","dimmed","modal","portal","role","accessibilityLabel","closeLabel","returnFocusRef","style","styles","theme","reducedMotion","insets","setOpen","value","defaultValue","onChange","mounted","setMounted","progress","contentRef","handleClosed","duration","motion","fast","normal","finished","requestClose","visible","targetRef","contentStyle","opacity","distance","transform","translateY","scale","disabled","stylesheet","root","onPress","undefined","accessibilityViewIsModal","onAccessibilityEscape","tabIndex","content","justifyFor","create","justifyContent","alignItems","paddingTop","top","space","paddingBottom","bottom","paddingLeft","left","paddingRight","right","flex","maxWidth","outlineWidth"],"sourceRoot":"../../../../src","sources":["components/overlays/Overlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/OverlayHeader.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { IconButton } from "../core/IconButton.js";
+import { Text } from "../core/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const OverlayHeader = ({
+  title,
+  description,
+  right,
+  showClose = false,
+  closeLabel,
+  closeVariant = 'soft',
+  onClose,
+  titleGap = 0.5,
+  style,
+  titleStyle,
+  descriptionStyle
+}) => /*#__PURE__*/_jsxs(View, {
+  style: [stylesheet.row, style],
+  children: [/*#__PURE__*/_jsxs(View, {
+    style: stylesheet.titles(titleGap),
+    children: [title ? /*#__PURE__*/_jsx(Text, {
+      variant: "heading",
+      accessibilityRole: "header",
+      style: titleStyle,
+      children: title
+    }) : null, description ? /*#__PURE__*/_jsx(Text, {
+      tone: "muted",
+      style: descriptionStyle,
+      children: description
+    }) : null]
+  }), right, showClose ? /*#__PURE__*/_jsx(IconButton, {
+    icon: "close",
+    size: "sm",
+    variant: closeVariant,
+    tone: "neutral",
+    shape: "circle",
+    accessibilityLabel: closeLabel,
+    onPress: onClose
+  }) : null]
+});
+const stylesheet = StyleSheet.create(theme => ({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: theme.space(1.5)
+  },
+  titles: gap => ({
+    flex: 1,
+    gap: theme.space(gap)
+  })
+}));
+//# sourceMappingURL=OverlayHeader.js.map

package/lib/module/components/overlays/OverlayHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","IconButton","Text","jsx","_jsx","jsxs","_jsxs","OverlayHeader","title","description","right","showClose","closeLabel","closeVariant","onClose","titleGap","style","titleStyle","descriptionStyle","stylesheet","row","children","titles","variant","accessibilityRole","tone","icon","size","shape","accessibilityLabel","onPress","create","theme","flexDirection","alignItems","gap","space","flex"],"sourceRoot":"../../../../src","sources":["components/overlays/OverlayHeader.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,UAAU,QAAQ,uBAAoB;AAC/C,SAASC,IAAI,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBnC,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,UAAU;EACVC,YAAY,GAAG,MAAM;EACrBC,OAAO;EACPC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,UAAU;EACVC;AACiB,CAAC,kBAClBZ,KAAA,CAACP,IAAI;EAACiB,KAAK,EAAE,CAACG,UAAU,CAACC,GAAG,EAAEJ,KAAK,CAAE;EAAAK,QAAA,gBAClCf,KAAA,CAACP,IAAI;IAACiB,KAAK,EAAEG,UAAU,CAACG,MAAM,CAACP,QAAQ,CAAE;IAAAM,QAAA,GACrCb,KAAK,gBACHJ,IAAA,CAACF,IAAI;MAACqB,OAAO,EAAC,SAAS;MAACC,iBAAiB,EAAC,QAAQ;MAACR,KAAK,EAAEC,UAAW;MAAAI,QAAA,EACjEb;IAAK,CACH,CAAC,GACN,IAAI,EACPC,WAAW,gBACTL,IAAA,CAACF,IAAI;MAACuB,IAAI,EAAC,OAAO;MAACT,KAAK,EAAEE,gBAAiB;MAAAG,QAAA,EACvCZ;IAAW,CACT,CAAC,GACN,IAAI;EAAA,CACL,CAAC,EACNC,KAAK,EACLC,SAAS,gBACPP,IAAA,CAACH,UAAU;IACRyB,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,IAAI;IACTJ,OAAO,EAAEV,YAAa;IACtBY,IAAI,EAAC,SAAS;IACdG,KAAK,EAAC,QAAQ;IACdC,kBAAkB,EAAEjB,UAAW;IAC/BkB,OAAO,EAAEhB;EAAQ,CACnB,CAAC,GACD,IAAI;AAAA,CACL,CACR;AAED,MAAMK,UAAU,GAAGnB,UAAU,CAAC+B,MAAM,CAAEC,KAAK,KAAM;EAC9CZ,GAAG,EAAE;IACFa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAG;EACvB,CAAC;EACDd,MAAM,EAAGa,GAAW,KAAM;IACvBE,IAAI,EAAE,CAAC;IACPF,GAAG,EAAEH,KAAK,CAACI,KAAK,CAACD,GAAG;EACvB,CAAC;AACJ,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/overlays/OverlayHost.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { Dialog } from "./Dialog.js";
+import { OverlayContext, removeOverlayEntry, useOverlayEntries } from "./overlayStore.js";
+import { Sheet } from "./Sheet.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const OverlayHost = () => {
+  const entries = useOverlayEntries();
+  return entries.map(entry => /*#__PURE__*/_jsx(OverlayEntryView, {
+    entry: entry
+  }, entry.id));
+};
+const OverlayEntryView = ({
+  entry
+}) => {
+  const [open, setOpen] = useState(true);
+  const resultRef = useRef(null);
+  const {
+    Component,
+    props,
+    options
+  } = entry;
+  const controls = {
+    resolve: result => {
+      resultRef.current = result;
+      setOpen(false);
+    },
+    close: () => setOpen(false)
+  };
+  const handleDismiss = () => {
+    entry.settle(resultRef.current);
+    removeOverlayEntry(entry.id);
+  };
+  const content = /*#__PURE__*/_jsx(OverlayContext, {
+    value: controls,
+    children: /*#__PURE__*/_jsx(Component, {
+      ...props,
+      overlay: controls
+    })
+  });
+  if (entry.kind === 'dialog') {
+    return /*#__PURE__*/_jsx(Dialog, {
+      open: open,
+      onOpenChange: setOpen,
+      onDismiss: handleDismiss,
+      title: options.title,
+      description: options.description,
+      dismissible: options.dismissible,
+      showClose: options.showClose,
+      accessibilityLabel: options.accessibilityLabel,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Sheet, {
+    open: open,
+    onOpenChange: setOpen,
+    onDismiss: handleDismiss,
+    title: options.title,
+    description: options.description,
+    dismissible: options.dismissible,
+    showClose: options.showClose,
+    snapPoints: options.snapPoints,
+    scrollable: options.scrollable,
+    accessibilityLabel: options.accessibilityLabel,
+    children: content
+  });
+};
+//# sourceMappingURL=OverlayHost.js.map

package/lib/module/components/overlays/OverlayHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Dialog","OverlayContext","removeOverlayEntry","useOverlayEntries","Sheet","jsx","_jsx","OverlayHost","entries","map","entry","OverlayEntryView","id","open","setOpen","resultRef","Component","props","options","controls","resolve","result","current","close","handleDismiss","settle","content","value","children","overlay","kind","onOpenChange","onDismiss","title","description","dismissible","showClose","accessibilityLabel","snapPoints","scrollable"],"sourceRoot":"../../../../src","sources":["components/overlays/OverlayHost.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,cAAc,EAAEC,kBAAkB,EAAEC,iBAAiB,QAAQ,mBAAgB;AAEtF,SAASC,KAAK,QAAQ,YAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/B,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC9B,MAAMC,OAAO,GAAGL,iBAAiB,CAAC,CAAC;EACnC,OAAOK,OAAO,CAACC,GAAG,CAAEC,KAAK,iBAAKJ,IAAA,CAACK,gBAAgB;IAAgBD,KAAK,EAAEA;EAAM,GAAvBA,KAAK,CAACE,EAAmB,CAAC,CAAC;AACnF,CAAC;AAED,MAAMD,gBAAgB,GAAGA,CAAC;EAAED;AAA+B,CAAC,KAAK;EAC9D,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGf,QAAQ,CAAC,IAAI,CAAC;EACtC,MAAMgB,SAAS,GAAGjB,MAAM,CAAU,IAAI,CAAC;EACvC,MAAM;IAAEkB,SAAS;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGR,KAAK;EAE3C,MAAMS,QAAkC,GAAG;IACxCC,OAAO,EAAGC,MAAM,IAAK;MAClBN,SAAS,CAACO,OAAO,GAAGD,MAAM;MAC1BP,OAAO,CAAC,KAAK,CAAC;IACjB,CAAC;IACDS,KAAK,EAAEA,CAAA,KAAMT,OAAO,CAAC,KAAK;EAC7B,CAAC;EAED,MAAMU,aAAa,GAAGA,CAAA,KAAM;IACzBd,KAAK,CAACe,MAAM,CAACV,SAAS,CAACO,OAAO,CAAC;IAC/BpB,kBAAkB,CAACQ,KAAK,CAACE,EAAE,CAAC;EAC/B,CAAC;EAED,MAAMc,OAAO,gBACVpB,IAAA,CAACL,cAAc;IAAC0B,KAAK,EAAER,QAAmC;IAAAS,QAAA,eACvDtB,IAAA,CAACU,SAAS;MAAA,GAAKC,KAAK;MAAEY,OAAO,EAAEV;IAAS,CAAE;EAAC,CAC9B,CAClB;EAED,IAAIT,KAAK,CAACoB,IAAI,KAAK,QAAQ,EAAE;IAC1B,oBACGxB,IAAA,CAACN,MAAM;MACJa,IAAI,EAAEA,IAAK;MACXkB,YAAY,EAAEjB,OAAQ;MACtBkB,SAAS,EAAER,aAAc;MACzBS,KAAK,EAAEf,OAAO,CAACe,KAAM;MACrBC,WAAW,EAAEhB,OAAO,CAACgB,WAAY;MACjCC,WAAW,EAAEjB,OAAO,CAACiB,WAAY;MACjCC,SAAS,EAAElB,OAAO,CAACkB,SAAU;MAC7BC,kBAAkB,EAAEnB,OAAO,CAACmB,kBAAmB;MAAAT,QAAA,EAE9CF;IAAO,CACH,CAAC;EAEf;EAEA,oBACGpB,IAAA,CAACF,KAAK;IACHS,IAAI,EAAEA,IAAK;IACXkB,YAAY,EAAEjB,OAAQ;IACtBkB,SAAS,EAAER,aAAc;IACzBS,KAAK,EAAEf,OAAO,CAACe,KAAM;IACrBC,WAAW,EAAEhB,OAAO,CAACgB,WAAY;IACjCC,WAAW,EAAEjB,OAAO,CAACiB,WAAY;IACjCC,SAAS,EAAElB,OAAO,CAACkB,SAAU;IAC7BE,UAAU,EAAEpB,OAAO,CAACoB,UAAW;IAC/BC,UAAU,EAAErB,OAAO,CAACqB,UAAW;IAC/BF,kBAAkB,EAAEnB,OAAO,CAACmB,kBAAmB;IAAAT,QAAA,EAE9CF;EAAO,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/lib/module/components/overlays/Popover.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { View, useWindowDimensions } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { absoluteFill, floatingShadow } from "../../utils/styles.js";
+import { anchoredPosition, measureInWindow } from "./anchorPosition.js";
+import { Overlay } from "./Overlay.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const Popover = ({
+  ref,
+  trigger,
+  children,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  placement = 'bottom',
+  align = 'start',
+  offset,
+  matchTriggerWidth = false,
+  portal = true,
+  role,
+  accessibilityLabel,
+  closeLabel,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const window = useWindowDimensions();
+  const insets = useSafeAreaInsets();
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const anchorRef = useRef(null);
+  const layerRef = useRef(null);
+  const [anchor, setAnchor] = useState(null);
+  const [origin, setOrigin] = useState(null);
+  const [size, setSize] = useState(null);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    measureInWindow(anchorRef.current, setAnchor);
+  }, [open, window.width, window.height]);
+  const close = () => setOpen(false);
+  const position = anchor && size && origin ? anchoredPosition({
+    anchor,
+    size,
+    origin,
+    window,
+    insets,
+    placement,
+    align,
+    gap: offset ?? theme.space(0.75),
+    margin: theme.space(1)
+  }) : null;
+  const handleLayerLayout = () => measureInWindow(layerRef.current, rect => setOrigin({
+    x: rect.x,
+    y: rect.y
+  }));
+  const handleContentLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setSize({
+      width,
+      height
+    });
+  };
+  const handleDismiss = () => {
+    setSize(null);
+    setAnchor(null);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      ref: anchorRef,
+      collapsable: false,
+      style: [stylesheet.anchor, style, styles?.anchor],
+      children: trigger({
+        open,
+        toggle: () => setOpen(!open),
+        accessibilityState: {
+          expanded: open
+        }
+      })
+    }), /*#__PURE__*/_jsx(Overlay, {
+      open: open,
+      onOpenChange: setOpen,
+      onDismiss: handleDismiss,
+      placement: "fill",
+      transition: "fade",
+      dimmed: false,
+      portal: portal,
+      role: role,
+      accessibilityLabel: accessibilityLabel,
+      closeLabel: closeLabel,
+      returnFocusRef: anchorRef,
+      styles: {
+        content: stylesheet.passThrough
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        ref: layerRef,
+        onLayout: handleLayerLayout,
+        style: stylesheet.layer,
+        children: /*#__PURE__*/_jsx(View, {
+          ref: ref,
+          onLayout: handleContentLayout,
+          style: [stylesheet.content(position?.top ?? 0, position?.left ?? 0, position !== null, matchTriggerWidth ? anchor?.width ?? undefined : undefined), styles?.content],
+          children: typeof children === 'function' ? children(close) : children
+        })
+      })
+    })]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  anchor: {
+    alignSelf: 'flex-start'
+  },
+  passThrough: {
+    pointerEvents: 'box-none'
+  },
+  layer: {
+    ...absoluteFill,
+    pointerEvents: 'box-none'
+  },
+  content: (top, left, positioned, width) => ({
+    position: 'absolute',
+    top,
+    left,
+    width,
+    opacity: positioned ? 1 : 0,
+    minWidth: theme.components.popover?.minWidth ?? 200,
+    maxWidth: 360,
+    padding: theme.space(0.5),
+    borderRadius: theme.components.popover?.radius ?? theme.radius.lg,
+    borderWidth: theme.sizes.borderWidth,
+    borderColor: theme.colors.border,
+    backgroundColor: theme.components.popover?.background ?? theme.colors.surfaceRaised,
+    boxShadow: floatingShadow(theme, 'overlay')
+  })
+}));
+//# sourceMappingURL=Popover.js.map

package/lib/module/components/overlays/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","View","useWindowDimensions","useSafeAreaInsets","StyleSheet","useUnistyles","useControllableState","absoluteFill","floatingShadow","anchoredPosition","measureInWindow","Overlay","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Popover","ref","trigger","children","open","openProp","defaultOpen","onOpenChange","placement","align","offset","matchTriggerWidth","portal","role","accessibilityLabel","closeLabel","style","styles","theme","window","insets","setOpen","value","defaultValue","onChange","anchorRef","layerRef","anchor","setAnchor","origin","setOrigin","size","setSize","current","width","height","close","position","gap","space","margin","handleLayerLayout","rect","x","y","handleContentLayout","event","nativeEvent","layout","handleDismiss","collapsable","stylesheet","toggle","accessibilityState","expanded","onDismiss","transition","dimmed","returnFocusRef","content","passThrough","onLayout","layer","top","left","undefined","create","alignSelf","pointerEvents","positioned","opacity","minWidth","components","popover","maxWidth","padding","borderRadius","radius","lg","borderWidth","sizes","borderColor","colors","border","backgroundColor","background","surfaceRaised","boxShadow"],"sourceRoot":"../../../../src","sources":["components/overlays/Popover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/Portal.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import { use, useEffect, useId, useSyncExternalStore } from 'react';
+import { Modal, View } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { StyleSheet } from 'react-native-unistyles';
+import { hiddenFromAccessibility } from "../../utils/a11y.js";
+import { absoluteFill } from "../../utils/styles.js";
+import { dismissTopOverlay } from "./overlayA11y.js";
+import { PortalContext } from "./portalStore.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const emptyEntries = [];
+const noopSubscribe = () => () => undefined;
+const emptySnapshot = () => emptyEntries;
+const gestureRootStyle = {
+  flex: 1
+};
+const supportedOrientations = ['portrait', 'portrait-upside-down', 'landscape'];
+const InPlaceLayer = ({
+  children
+}) => /*#__PURE__*/_jsx(Modal, {
+  transparent: true,
+  visible: true,
+  animationType: "none",
+  statusBarTranslucent: true,
+  navigationBarTranslucent: true,
+  supportedOrientations: [...supportedOrientations],
+  onRequestClose: dismissTopOverlay,
+  children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
+    style: gestureRootStyle,
+    children: children
+  })
+});
+export const Portal = ({
+  children,
+  hostName = 'root',
+  modal = false,
+  disabled = false
+}) => {
+  const store = use(PortalContext);
+  const key = useId();
+  useEffect(() => {
+    if (disabled) {
+      store?.unmount(key);
+      return;
+    }
+    store?.mount({
+      key,
+      host: hostName,
+      node: children,
+      modal
+    });
+  });
+  useEffect(() => () => store?.unmount(key), [store, key]);
+  if (disabled) {
+    return /*#__PURE__*/_jsx(InPlaceLayer, {
+      children: children
+    });
+  }
+  if (!store) {
+    return /*#__PURE__*/_jsx(View, {
+      style: stylesheet.layer,
+      children: children
+    });
+  }
+  return null;
+};
+const topModalIndex = entries => {
+  for (let index = entries.length - 1; index >= 0; index -= 1) {
+    if (entries[index]?.modal) {
+      return index;
+    }
+  }
+  return -1;
+};
+const usePortalEntries = store => useSyncExternalStore(store?.subscribe ?? noopSubscribe, store?.getEntries ?? emptySnapshot, store?.getEntries ?? emptySnapshot);
+export const PortalHost = ({
+  name = 'root'
+}) => {
+  const store = use(PortalContext);
+  const entries = usePortalEntries(store).filter(entry => entry.host === name);
+  const modalIndex = topModalIndex(entries);
+  if (entries.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: stylesheet.layer,
+    children: entries.map((entry, index) => /*#__PURE__*/_jsx(View, {
+      style: stylesheet.layer,
+      ...hiddenFromAccessibility(index < modalIndex),
+      children: entry.node
+    }, entry.key))
+  });
+};
+const stylesheet = StyleSheet.create({
+  layer: {
+    ...absoluteFill,
+    pointerEvents: 'box-none'
+  }
+});
+//# sourceMappingURL=Portal.js.map

package/lib/module/components/overlays/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["use","useEffect","useId","useSyncExternalStore","Modal","View","GestureHandlerRootView","StyleSheet","hiddenFromAccessibility","absoluteFill","dismissTopOverlay","PortalContext","jsx","_jsx","emptyEntries","noopSubscribe","undefined","emptySnapshot","gestureRootStyle","flex","supportedOrientations","InPlaceLayer","children","transparent","visible","animationType","statusBarTranslucent","navigationBarTranslucent","onRequestClose","style","Portal","hostName","modal","disabled","store","key","unmount","mount","host","node","stylesheet","layer","topModalIndex","entries","index","length","usePortalEntries","subscribe","getEntries","PortalHost","name","filter","entry","modalIndex","map","create","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/overlays/Portal.tsx"],"mappings":"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","ignoreList":[]}