@webority/mobile-ui 0.0.39 → 0.1.0

package/lib/module/components/Markdown/parse.js

@@ -1,223 +1 @@
-"use strict";
-
-/**
- * A deliberately small CommonMark subset, parsed without a dependency.
- *
- * The scope is what our own content actually contains — release notes, help
- * text, descriptions written by people in a web editor — not a spec-complete
- * renderer. Nested lists, tables, footnotes, HTML blocks and reference links
- * are out of scope on purpose: supporting them means a parser nobody here can
- * maintain, and content that needs them is a sign it should not be markdown.
- *
- * Kept separate from the component so the grammar can be tested as data, with
- * no rendering involved.
- */
-
-/**
- * Inline parsing is a single left-to-right scan rather than nested regex
- * replacement: replacement cannot express "a `code` span suppresses every other
- * marker inside it", which is the one rule that makes documentation readable.
- */
-const INLINE_PATTERNS = [
-// Code first: everything inside a span is literal.
-{
-  re: /^`([^`]+)`/,
-  build: m => ({
-    type: 'code',
-    value: m[1]
-  })
-}, {
-  re: /^\[([^\]]*)\]\(([^)\s]+)\)/,
-  build: (m, parse) => ({
-    type: 'link',
-    href: m[2],
-    children: parse(m[1])
-  })
-},
-// Non-greedy across ANY character, not "everything except the delimiter":
-// the excluding form cannot match `**bold with *italic* inside**`, because
-// the content legitimately contains the single-character marker. `**` is
-// listed before `*` so the longer delimiter always wins.
-{
-  re: /^\*\*([\s\S]+?)\*\*/,
-  build: (m, parse) => ({
-    type: 'strong',
-    children: parse(m[1])
-  })
-}, {
-  re: /^__([\s\S]+?)__/,
-  build: (m, parse) => ({
-    type: 'strong',
-    children: parse(m[1])
-  })
-}, {
-  re: /^~~([\s\S]+?)~~/,
-  build: (m, parse) => ({
-    type: 'strike',
-    children: parse(m[1])
-  })
-}, {
-  re: /^\*([^*\n]+)\*/,
-  build: (m, parse) => ({
-    type: 'em',
-    children: parse(m[1])
-  })
-}, {
-  re: /^_([^_\n]+)_/,
-  build: (m, parse) => ({
-    type: 'em',
-    children: parse(m[1])
-  })
-}];
-export const parseInline = input => {
-  const out = [];
-  let buffer = '';
-  let rest = input;
-  const flush = () => {
-    if (buffer) {
-      out.push({
-        type: 'text',
-        value: buffer
-      });
-      buffer = '';
-    }
-  };
-  while (rest.length > 0) {
-    // A backslash escapes the next character, so a literal asterisk is writable.
-    if (rest.startsWith('\\') && rest.length > 1) {
-      buffer += rest[1];
-      rest = rest.slice(2);
-      continue;
-    }
-    let matched = false;
-    for (const {
-      re,
-      build
-    } of INLINE_PATTERNS) {
-      const m = re.exec(rest);
-      if (m) {
-        flush();
-        out.push(build(m, parseInline));
-        rest = rest.slice(m[0].length);
-        matched = true;
-        break;
-      }
-    }
-    if (!matched) {
-      buffer += rest[0];
-      rest = rest.slice(1);
-    }
-  }
-  flush();
-  return out;
-};
-
-/**
- * Indent to nesting depth. Two spaces per level is the CommonMark-ish
- * convention people actually type; a tab counts as one level. Depth is capped
- * because the renderer indents by depth and a runaway indent would push the
- * text off screen rather than fail visibly.
- */
-const MAX_LIST_DEPTH = 4;
-const depthOf = indent => {
-  const spaces = indent.replace(/\t/g, '  ').length;
-  return Math.min(Math.floor(spaces / 2), MAX_LIST_DEPTH);
-};
-const HEADING = /^(#{1,6})\s+(.*)$/;
-const UNORDERED = /^(\s*)[-*+]\s+(.*)$/;
-const ORDERED = /^(\s*)(\d+)[.)]\s+(.*)$/;
-const QUOTE = /^\s*>\s?(.*)$/;
-const RULE = /^\s*([-*_])\s*(?:\1\s*){2,}$/;
-const FENCE = /^\s*```\s*(\S+)?\s*$/;
-export const parseMarkdown = source => {
-  const blocks = [];
-  const lines = (source ?? '').replace(/\r\n?/g, '\n').split('\n');
-  let paragraph = [];
-  const flushParagraph = () => {
-    if (paragraph.length > 0) {
-      blocks.push({
-        type: 'paragraph',
-        children: parseInline(paragraph.join(' ').trim())
-      });
-      paragraph = [];
-    }
-  };
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    const fence = FENCE.exec(line);
-    if (fence) {
-      flushParagraph();
-      const body = [];
-      i++;
-      while (i < lines.length && !FENCE.test(lines[i])) {
-        body.push(lines[i]);
-        i++;
-      }
-      blocks.push({
-        type: 'codeBlock',
-        value: body.join('\n'),
-        language: fence[1]
-      });
-      continue;
-    }
-    if (line.trim() === '') {
-      flushParagraph();
-      continue;
-    }
-    // Checked before the list patterns: `---` is also a valid bullet to them.
-    if (RULE.test(line)) {
-      flushParagraph();
-      blocks.push({
-        type: 'rule'
-      });
-      continue;
-    }
-    const heading = HEADING.exec(line);
-    if (heading) {
-      flushParagraph();
-      blocks.push({
-        type: 'heading',
-        level: heading[1].length,
-        children: parseInline(heading[2])
-      });
-      continue;
-    }
-    const ordered = ORDERED.exec(line);
-    if (ordered) {
-      flushParagraph();
-      blocks.push({
-        type: 'listItem',
-        ordered: true,
-        index: Number(ordered[2]),
-        depth: depthOf(ordered[1]),
-        children: parseInline(ordered[3])
-      });
-      continue;
-    }
-    const unordered = UNORDERED.exec(line);
-    if (unordered) {
-      flushParagraph();
-      blocks.push({
-        type: 'listItem',
-        ordered: false,
-        index: 0,
-        depth: depthOf(unordered[1]),
-        children: parseInline(unordered[2])
-      });
-      continue;
-    }
-    const quote = QUOTE.exec(line);
-    if (quote) {
-      flushParagraph();
-      blocks.push({
-        type: 'quote',
-        children: parseInline(quote[1])
-      });
-      continue;
-    }
-    paragraph.push(line.trim());
-  }
-  flushParagraph();
-  return blocks;
-};
-//# sourceMappingURL=parse.js.map
+const e=[{re:/^`([^`]+)`/,build:e=>({type:"code",value:e[1]})},{re:/^\[([^\]]*)\]\(([^)\s]+)\)/,build:(e,n)=>({type:"link",href:e[2],children:n(e[1])})},{re:/^\*\*([\s\S]+?)\*\*/,build:(e,n)=>({type:"strong",children:n(e[1])})},{re:/^__([\s\S]+?)__/,build:(e,n)=>({type:"strong",children:n(e[1])})},{re:/^~~([\s\S]+?)~~/,build:(e,n)=>({type:"strike",children:n(e[1])})},{re:/^\*([^*\n]+)\*/,build:(e,n)=>({type:"em",children:n(e[1])})},{re:/^_([^_\n]+)_/,build:(e,n)=>({type:"em",children:n(e[1])})}];export const parseInline=n=>{const t=[];let s="",r=n;const flush=()=>{s&&(t.push({type:"text",value:s}),s="")};for(;r.length>0;){if(r.startsWith("\\")&&r.length>1){s+=r[1],r=r.slice(2);continue}let n=!1;for(const{re:s,build:i}of e){const e=s.exec(r);if(e){flush(),t.push(i(e,parseInline)),r=r.slice(e[0].length),n=!0;break}}n||(s+=r[0],r=r.slice(1))}return flush(),t};const depthOf=e=>{const n=e.replace(/\t/g,"  ").length;return Math.min(Math.floor(n/2),4)},n=/^(#{1,6})\s+(.*)$/,t=/^(\s*)[-*+]\s+(.*)$/,s=/^(\s*)(\d+)[.)]\s+(.*)$/,r=/^\s*>\s?(.*)$/,i=/^\s*([-*_])\s*(?:\1\s*){2,}$/,l=/^\s*```\s*(\S+)?\s*$/;export const parseMarkdown=e=>{const c=[],o=(e??"").replace(/\r\n?/g,"\n").split("\n");let p=[];const flushParagraph=()=>{p.length>0&&(c.push({type:"paragraph",children:parseInline(p.join(" ").trim())}),p=[])};for(let e=0;e<o.length;e++){const h=o[e],u=l.exec(h);if(u){flushParagraph();const n=[];for(e++;e<o.length&&!l.test(o[e]);)n.push(o[e]),e++;c.push({type:"codeBlock",value:n.join("\n"),language:u[1]});continue}if(""===h.trim()){flushParagraph();continue}if(i.test(h)){flushParagraph(),c.push({type:"rule"});continue}const d=n.exec(h);if(d){flushParagraph(),c.push({type:"heading",level:d[1].length,children:parseInline(d[2])});continue}const a=s.exec(h);if(a){flushParagraph(),c.push({type:"listItem",ordered:!0,index:Number(a[2]),depth:depthOf(a[1]),children:parseInline(a[3])});continue}const g=t.exec(h);if(g){flushParagraph(),c.push({type:"listItem",ordered:!1,index:0,depth:depthOf(g[1]),children:parseInline(g[2])});continue}const f=r.exec(h);f?(flushParagraph(),c.push({type:"quote",children:parseInline(f[1])})):p.push(h.trim())}return flushParagraph(),c};

package/lib/module/components/Modal/Modal.js

@@ -1,372 +1 @@
-"use strict";
-
-import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { AccessibilityInfo, Animated, Dimensions, Easing, Pressable, Modal as RNModal, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { createAnimatedValue, useTheme } from "../../theme/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
-import { squircleHostRadius } from "../../utils/squircle.js";
-import { SquircleFill, useSquircle } from "../SquircleFill/SquircleFill.js";
-
-// Local shape mirror — see types.ts ModalTokens for the canonical definition.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Grace period between `visible` flipping false and the native modal being
- * safely gone. Unmounting the tree (navigation reset, auth flip) before this
- * elapses races Android's ReactModalHostView dismiss and NPE-crashes.
- */
-export const MODAL_DISMISS_GRACE_MS = 300;
-const Modal = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    visible,
-    onRequestClose,
-    presentation = 'centered',
-    backdropOpacity,
-    backdropPressClose = true,
-    animationDuration,
-    accessibilityLabel,
-    hardwareBackPress = true,
-    children,
-    contentStyle,
-    backdropStyle,
-    restoreFocusRef,
-    onDismissed,
-    haptic,
-    testID
-  } = props;
-  const theme = useTheme();
-  const insets = useSafeAreaInsets();
-  const duration = animationDuration ?? theme.motion.duration.normal;
-  const screenHeight = Dimensions.get('window').height;
-  const modalTokens = theme.components.modal;
-  const scaleStartValue = modalTokens?.scaleStartValue ?? 0.9;
-  const scaleAnim = useRef(createAnimatedValue(scaleStartValue)).current;
-  const opacityAnim = useRef(createAnimatedValue(0)).current;
-  const translateYAnim = useRef(createAnimatedValue(screenHeight)).current;
-  const containerRef = useRef(null);
-  const wasVisibleRef = useRef(false);
-  // The native modal must stay mounted while the exit plays; unmounting on the
-  // `visible` flip is what made the modal snap away after springing in. Exit
-  // finishes well inside MODAL_DISMISS_GRACE_MS, so `onDismissed` still lands
-  // after the content is actually gone.
-  const [rendered, setRendered] = useState(visible);
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-
-  // The backdrop is a pre-baked colour, not an animated opacity (see the render
-  // comment for the Fabric reason), so `backdropOpacity` has to override the
-  // token's alpha channel rather than drive an Animated value.
-  const backdropColor = useMemo(() => {
-    const token = theme.colors.background.overlay;
-    if (typeof backdropOpacity !== 'number') {
-      return token;
-    }
-    const rgba = token.match(/^rgba?\(([^)]+)\)$/);
-    if (!rgba) {
-      return token;
-    }
-    const [r, g, b] = rgba[1].split(',').map(part => part.trim());
-    return `rgba(${r}, ${g}, ${b}, ${backdropOpacity})`;
-  }, [theme.colors.background.overlay, backdropOpacity]);
-
-  // Mounting is its own effect: folding it into the animation effect below
-  // would make `rendered` flipping true re-run that effect and replay the
-  // enter animation.
-  useEffect(() => {
-    if (visible) {
-      setRendered(true);
-    }
-  }, [visible]);
-  useEffect(() => {
-    const running = [];
-    if (visible && rendered) {
-      // The backdrop is NOT animated: it is a pre-baked colour, because on
-      // RN 0.85 / Fabric / iOS an animated opacity on a View that also sets
-      // backgroundColor renders as 0 and the dim layer never appears (see the
-      // render comment). It used to be tweened here and in the exit below, but
-      // nothing consumed the value — a dead animation on every open and close.
-
-      if (presentation === 'bottom') {
-        const slide = Animated.spring(translateYAnim, {
-          toValue: 0,
-          damping: theme.motion.spring.gentle.damping,
-          stiffness: theme.motion.spring.gentle.stiffness,
-          mass: theme.motion.spring.gentle.mass,
-          useNativeDriver: true
-        });
-        slide.start();
-        running.push(slide);
-      } else {
-        const enter = Animated.parallel([Animated.spring(scaleAnim, {
-          toValue: 1,
-          damping: theme.motion.spring.gentle.damping,
-          stiffness: theme.motion.spring.gentle.stiffness,
-          mass: theme.motion.spring.gentle.mass,
-          useNativeDriver: true
-        }), Animated.timing(opacityAnim, {
-          toValue: 1,
-          duration,
-          useNativeDriver: true
-        })]);
-        enter.start();
-        running.push(enter);
-      }
-    } else if (rendered) {
-      // Leave decisively: timing + accelerate, never a spring on the way out
-      // (theme.motion.spring documents the rule).
-      const exitDuration = theme.motion.duration.fast;
-      const accelerate = Easing.bezier(...theme.motion.easing.accelerate);
-      const exit = Animated.parallel([presentation === 'bottom' ? Animated.timing(translateYAnim, {
-        toValue: screenHeight,
-        duration: exitDuration,
-        easing: accelerate,
-        useNativeDriver: true
-      }) : Animated.parallel([Animated.timing(scaleAnim, {
-        toValue: scaleStartValue,
-        duration: exitDuration,
-        easing: accelerate,
-        useNativeDriver: true
-      }), Animated.timing(opacityAnim, {
-        toValue: 0,
-        duration: exitDuration,
-        easing: accelerate,
-        useNativeDriver: true
-      })])]);
-      exit.start(({
-        finished
-      }) => {
-        if (finished) {
-          setRendered(false);
-        }
-      });
-      running.push(exit);
-    }
-    // Stop in-flight tweens on unmount / visibility flip so an enter animation
-    // never resolves against a torn-down tree (fixes the jest async leak and
-    // the equivalent post-unmount work in the real app).
-    return () => running.forEach(animation => animation.stop());
-  }, [visible, rendered, presentation, duration, scaleAnim, opacityAnim, translateYAnim, screenHeight, theme.motion.spring.gentle.damping, theme.motion.spring.gentle.stiffness, theme.motion.spring.gentle.mass, theme.motion.duration.fast, theme.motion.easing.accelerate, scaleStartValue]);
-
-  // Accessibility focus trap: when the modal opens, push screen-reader focus
-  // into the dialog container after the mount animation; when it closes,
-  // restore focus to the trigger element if the consumer provided a ref.
-  useEffect(() => {
-    let openTimer;
-    let closeTimer;
-    if (visible) {
-      openTimer = setTimeout(() => {
-        // sendAccessibilityEvent takes the host instance directly; the older
-        // setAccessibilityFocus needs a react tag via the deprecated findNodeHandle.
-        if (containerRef.current) {
-          AccessibilityInfo.sendAccessibilityEvent(containerRef.current, 'focus');
-        }
-      }, 150);
-      wasVisibleRef.current = true;
-    } else if (wasVisibleRef.current) {
-      wasVisibleRef.current = false;
-      if (restoreFocusRef && restoreFocusRef.current) {
-        closeTimer = setTimeout(() => {
-          const target = restoreFocusRef.current;
-          if (target) {
-            AccessibilityInfo.sendAccessibilityEvent(target, 'focus');
-          }
-        }, duration);
-      }
-    }
-    return () => {
-      if (openTimer) {
-        clearTimeout(openTimer);
-      }
-      if (closeTimer) {
-        clearTimeout(closeTimer);
-      }
-    };
-  }, [visible, duration, restoreFocusRef]);
-  const wasOpenRef = useRef(false);
-  useEffect(() => {
-    if (visible) {
-      wasOpenRef.current = true;
-      return;
-    }
-    if (!wasOpenRef.current) {
-      return;
-    }
-    wasOpenRef.current = false;
-    if (!onDismissed) {
-      return;
-    }
-    const timer = setTimeout(onDismissed, MODAL_DISMISS_GRACE_MS);
-    return () => clearTimeout(timer);
-  }, [visible, onDismissed]);
-  const handleBackdropPress = useCallback(() => {
-    if (!backdropPressClose) {
-      return;
-    }
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    onRequestClose();
-  }, [backdropPressClose, onRequestClose, haptic]);
-  const handleHardwareBack = useCallback(() => {
-    if (hardwareBackPress) {
-      onRequestClose();
-    }
-  }, [hardwareBackPress, onRequestClose]);
-
-  // Android smooth corners for the centered card. The host keeps its opaque
-  // background (its elevation shadow is cast from the view's own outline)
-  // with a deeper native radius, and the squircle is drawn over it. The
-  // bottom sheet rounds only its top corners, a shape the path does not
-  // draw, and the full-screen presentation has no corner.
-  const squircle = useSquircle(presentation !== 'bottom' && presentation !== 'fullScreen', theme.radius.xl);
-  const containerStyle = useMemo(() => {
-    if (presentation === 'fullScreen') {
-      return [styles.fullScreenContent, {
-        backgroundColor: theme.colors.background.elevated
-      }];
-    }
-    if (presentation === 'bottom') {
-      // paddingBottom includes the Android navigation-bar / iOS home-indicator
-      // inset so sheet content never lands behind the system chrome.
-      return [styles.bottomContent, {
-        backgroundColor: theme.colors.background.elevated,
-        borderTopLeftRadius: theme.radius.xl,
-        borderTopRightRadius: theme.radius.xl,
-        ...smoothCorners,
-        paddingTop: theme.spacing.lg,
-        paddingHorizontal: theme.spacing.lg,
-        paddingBottom: theme.spacing.lg + insets.bottom
-      }, theme.shadows.xl];
-    }
-    return [styles.centeredContent, {
-      backgroundColor: theme.colors.background.elevated,
-      // Under the Android squircle the opaque host's own corner is pushed
-      // deeper so it hides under the shape (see squircleHostRadius).
-      borderRadius: squircle.active && squircle.size ? squircleHostRadius(squircle.size.width, squircle.size.height, theme.radius.xl) : theme.radius.xl,
-      ...smoothCorners,
-      padding: theme.spacing.xl
-    }, theme.shadows.xl];
-  }, [presentation, theme, styles, insets.bottom, squircle.active, squircle.size]);
-  const wrapperStyle = useMemo(() => {
-    if (presentation === 'bottom') {
-      return styles.bottomWrapper;
-    }
-    if (presentation === 'fullScreen') {
-      return styles.fullScreenWrapper;
-    }
-    return styles.centeredWrapper;
-  }, [presentation, styles]);
-  const animatedTransform = useMemo(() => {
-    if (presentation === 'bottom') {
-      return {
-        transform: [{
-          translateY: translateYAnim
-        }]
-      };
-    }
-    if (presentation === 'fullScreen') {
-      return {
-        opacity: opacityAnim
-      };
-    }
-    return {
-      opacity: opacityAnim,
-      transform: [{
-        scale: scaleAnim
-      }]
-    };
-  }, [presentation, scaleAnim, opacityAnim, translateYAnim]);
-  return /*#__PURE__*/_jsx(RNModal, {
-    visible: rendered,
-    transparent: true,
-    statusBarTranslucent: true
-    // Android-only API (RN 0.71+). On iOS the prop is harmless / ignored.
-    // Lets the backdrop and sheet extend behind the system navigation bar
-    // so the dim layer covers the entire screen and gesture-nav devices
-    // don't show a gap under the sheet.
-    ,
-    navigationBarTranslucent: true,
-    animationType: "none",
-    onRequestClose: handleHardwareBack,
-    testID: testID,
-    children: /*#__PURE__*/_jsx(View, {
-      ref: node => {
-        containerRef.current = node;
-        if (typeof ref === 'function') {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      style: styles.root,
-      accessible: false,
-      accessibilityViewIsModal: true,
-      accessibilityRole: "alert",
-      accessibilityLabel: accessibilityLabel,
-      children: /*#__PURE__*/_jsxs(View
-      // Backdrop wraps the dialog content (not sibling) — empirically,
-      // on RN 0.85 / Fabric / iOS a sibling backdrop is occluded by the
-      // wrapper View regardless of render order or pointerEvents.
-      // collapsable={false} prevents the backdrop View from being
-      // flattened out of the native tree. The backdrop uses a pre-baked
-      // rgba colour (no animated opacity) because Animated.View opacity
-      // on a coloured View doesn't update visibly on Fabric.
-      , {
-        collapsable: false,
-        style: [StyleSheet.absoluteFill, wrapperStyle, {
-          backgroundColor: backdropColor
-        }, backdropStyle],
-        children: [/*#__PURE__*/_jsx(Pressable, {
-          style: StyleSheet.absoluteFill,
-          onPress: handleBackdropPress,
-          accessibilityRole: "button",
-          accessibilityLabel: "Close modal",
-          disabled: !backdropPressClose
-        }), /*#__PURE__*/_jsxs(Animated.View, {
-          style: [containerStyle, animatedTransform, contentStyle],
-          onLayout: squircle.onLayout,
-          pointerEvents: "auto",
-          children: [squircle.active && squircle.size ? /*#__PURE__*/_jsx(SquircleFill, {
-            width: squircle.size.width,
-            height: squircle.size.height,
-            radius: theme.radius.xl,
-            fill: theme.colors.background.elevated
-          }) : null, children]
-        })]
-      })
-    })
-  });
-});
-Modal.displayName = 'Modal';
-const buildStyles = _theme => StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  centeredWrapper: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: 16
-  },
-  centeredContent: {
-    maxWidth: '90%',
-    width: '90%'
-  },
-  bottomWrapper: {
-    flex: 1,
-    justifyContent: 'flex-end'
-  },
-  bottomContent: {
-    width: '100%'
-  },
-  fullScreenWrapper: {
-    flex: 1
-  },
-  fullScreenContent: {
-    flex: 1
-  }
-});
-export { Modal };
-export default Modal;
-//# sourceMappingURL=Modal.js.map
+import e,{forwardRef as t,useCallback as r,useEffect as o,useMemo as i,useRef as n,useState as s}from"react";import{AccessibilityInfo as a,Animated as l,Dimensions as c,Easing as u,Platform as d,Pressable as m,Modal as p,StyleSheet as g,View as f}from"react-native";import{useSafeAreaInsets as b}from"react-native-safe-area-context";import{createAnimatedValue as h,useTheme as v}from"../../theme/index.js";import{smoothCorners as y}from"../../utils/corners.js";import{resolveHaptic as x,triggerHaptic as S}from"../../utils/hapticUtils.js";import{squircleHostRadius as C}from"../../utils/squircle.js";import{SquircleFill as k,useSquircle as T}from"../SquircleFill/SquircleFill.js";import{ToastHost as w}from"../Toast/ToastProvider.js";import{jsx as D,jsxs as j}from"react/jsx-runtime";export const MODAL_DISMISS_GRACE_MS=300;const z=t((e,t)=>{const{visible:z,onRequestClose:R,presentation:V="centered",backdropOpacity:L,backdropPressClose:N=!0,animationDuration:W,accessibilityLabel:I,hardwareBackPress:M=!0,children:q,contentStyle:E,backdropStyle:F,restoreFocusRef:$,onDismissed:A,haptic:B,testID:P}=e,O=v(),_=b(),H=W??O.motion.duration.normal,G=c.get("window").height,U=O.components.modal,Y=U?.scaleStartValue??.9,J=n(h(Y)).current,K=n(h(0)).current,Q=n(h(G)).current,X=n(null),Z=n(!1),[ee,te]=s(z),re=i(()=>buildStyles(O),[O]),oe=i(()=>{const e=O.colors.background.overlay;if("number"!=typeof L)return e;const t=e.match(/^rgba?\(([^)]+)\)$/);if(!t)return e;const[r,o,i]=t[1].split(",").map(e=>e.trim());return`rgba(${r}, ${o}, ${i}, ${L})`},[O.colors.background.overlay,L]);o(()=>{z&&te(!0)},[z]),o(()=>{const e=[];if(z&&ee)if("bottom"===V){const t=l.spring(Q,{toValue:0,damping:O.motion.spring.gentle.damping,stiffness:O.motion.spring.gentle.stiffness,mass:O.motion.spring.gentle.mass,useNativeDriver:!0});t.start(),e.push(t)}else{const t=l.parallel([l.spring(J,{toValue:1,damping:O.motion.spring.gentle.damping,stiffness:O.motion.spring.gentle.stiffness,mass:O.motion.spring.gentle.mass,useNativeDriver:!0}),l.timing(K,{toValue:1,duration:H,useNativeDriver:!0})]);t.start(),e.push(t)}else if(ee){const t=O.motion.duration.fast,r=u.bezier(...O.motion.easing.accelerate),o=l.parallel(["bottom"===V?l.timing(Q,{toValue:G,duration:t,easing:r,useNativeDriver:!0}):l.parallel([l.timing(J,{toValue:Y,duration:t,easing:r,useNativeDriver:!0}),l.timing(K,{toValue:0,duration:t,easing:r,useNativeDriver:!0})])]);o.start(({finished:e})=>{e&&te(!1)}),e.push(o)}return()=>e.forEach(e=>e.stop())},[z,ee,V,H,J,K,Q,G,O.motion.spring.gentle.damping,O.motion.spring.gentle.stiffness,O.motion.spring.gentle.mass,O.motion.duration.fast,O.motion.easing.accelerate,Y]),o(()=>{if("web"===d.OS)return;let e,t;return z?(e=setTimeout(()=>{X.current&&a.sendAccessibilityEvent(X.current,"focus")},150),Z.current=!0):Z.current&&(Z.current=!1,$&&$.current&&(t=setTimeout(()=>{const e=$.current;e&&a.sendAccessibilityEvent(e,"focus")},H))),()=>{e&&clearTimeout(e),t&&clearTimeout(t)}},[z,H,$]);const ie=n(!1);o(()=>{if(z)return void(ie.current=!0);if(!ie.current)return;if(ie.current=!1,!A)return;const e=setTimeout(A,300);return()=>clearTimeout(e)},[z,A]);const ne=r(()=>{if(!N)return;const e=x(B,"selection");e&&S(e),R()},[N,R,B]),se=r(()=>{M&&R()},[M,R]),ae=T("bottom"!==V&&"fullScreen"!==V,O.radius.xl),le=i(()=>"fullScreen"===V?[re.fullScreenContent,{backgroundColor:O.colors.background.elevated}]:"bottom"===V?[re.bottomContent,{backgroundColor:O.colors.background.elevated,borderTopLeftRadius:O.radius.xl,borderTopRightRadius:O.radius.xl,...y,paddingTop:O.spacing.lg,paddingHorizontal:O.spacing.lg,paddingBottom:O.spacing.lg+_.bottom},O.shadows.xl]:[re.centeredContent,{backgroundColor:O.colors.background.elevated,borderRadius:ae.active&&ae.size?C(ae.size.width,ae.size.height,O.radius.xl):O.radius.xl,...y,padding:O.spacing.xl},O.shadows.xl],[V,O,re,_.bottom,ae.active,ae.size]),ce=i(()=>"bottom"===V?re.bottomWrapper:"fullScreen"===V?re.fullScreenWrapper:re.centeredWrapper,[V,re]),ue=i(()=>"bottom"===V?{transform:[{translateY:Q}]}:"fullScreen"===V?{opacity:K}:{opacity:K,transform:[{scale:J}]},[V,J,K,Q]);return D(p,{visible:ee,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:se,testID:P,children:j(f,{ref:e=>{X.current=e,"function"==typeof t?t(e):t&&(t.current=e)},style:re.root,accessible:!1,accessibilityViewIsModal:!0,accessibilityRole:"alert",accessibilityLabel:I,children:[j(f,{collapsable:!1,style:[g.absoluteFill,ce,{backgroundColor:oe},F],children:[D(m,{style:g.absoluteFill,onPress:ne,accessibilityRole:"button",accessibilityLabel:"Close modal",disabled:!N}),j(l.View,{style:[le,ue,E],onLayout:ae.onLayout,pointerEvents:"auto",children:[ae.active&&ae.size?D(k,{width:ae.size.width,height:ae.size.height,radius:O.radius.xl,fill:O.colors.background.elevated}):null,q]})]}),D(w,{})]})})});z.displayName="Modal";const buildStyles=e=>g.create({root:{flex:1},centeredWrapper:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:16},centeredContent:{maxWidth:"90%",width:"90%"},bottomWrapper:{flex:1,justifyContent:"flex-end"},bottomContent:{width:"100%"},fullScreenWrapper:{flex:1},fullScreenContent:{flex:1}});export{z as Modal};export default z;

package/lib/module/components/Modal/index.js

@@ -1,4 +1 @@
-"use strict";
-
-export { default, MODAL_DISMISS_GRACE_MS, Modal } from "./Modal.js";
-//# sourceMappingURL=index.js.map
+export{default,MODAL_DISMISS_GRACE_MS,Modal}from"./Modal.js";

package/lib/module/components/Notation/Notation.js

@@ -0,0 +1 @@
+import t,{Fragment as e}from"react";import{Text as o}from"react-native";import{useTheme as s}from"../../theme/index.js";import{Text as n}from"../Text/Text.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=/(?<![A-Za-z0-9_])([A-Za-z])_([A-Za-z0-9]+)(?![A-Za-z0-9_])/g;export const parseNotation=t=>{const e=String(t??""),o=[];let s=0;for(const t of e.matchAll(a)){const n=t.index??0;n>s&&o.push({text:e.slice(s,n)}),o.push({text:t[1],sub:t[2]}),s=n+t[0].length}return s<e.length&&o.push({text:e.slice(s)}),o};export const Notation=({text:t,base:a,sub:l,desc:c,testID:p})=>{const h=s(),x={fontSize:Math.round(.75*h.typography.fontSize.sm),lineHeight:Math.round(.9*h.typography.fontSize.sm)};return null!=a?i(n,{testID:p,children:[a,l?r(o,{style:x,children:l}):null,c?` ${c}`:null]}):r(o,{testID:p,children:parseNotation(t).map((t,s)=>t.sub?i(e,{children:[t.text,r(o,{style:x,children:t.sub})]},s):r(e,{children:t.text},s))})};export const sym=(t,e,o)=>r(Notation,{base:t,sub:e,desc:o});export default Notation;

package/lib/module/components/Notation/index.js

@@ -0,0 +1 @@
+export{default,Notation,parseNotation,sym}from"./Notation.js";