@webority/mobile-ui 0.0.39 → 0.2.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
+"use strict";const INLINE_PATTERNS=[{re:/^`([^`]+)`/,build:e=>({type:"code",value:e[1]})},{re:/^\[([^\]]*)\]\(([^)\s]+)\)/,build:(e,t)=>({type:"link",href:e[2],children:t(e[1])})},{re:/^\*\*([\s\S]+?)\*\*/,build:(e,t)=>({type:"strong",children:t(e[1])})},{re:/^__([\s\S]+?)__/,build:(e,t)=>({type:"strong",children:t(e[1])})},{re:/^~~([\s\S]+?)~~/,build:(e,t)=>({type:"strike",children:t(e[1])})},{re:/^\*([^*\n]+)\*/,build:(e,t)=>({type:"em",children:t(e[1])})},{re:/^_([^_\n]+)_/,build:(e,t)=>({type:"em",children:t(e[1])})}];export const parseInline=e=>{const t=[];let n="",s=e;const flush=()=>{n&&(t.push({type:"text",value:n}),n="")};for(;s.length>0;){if(s.startsWith("\\")&&s.length>1){n+=s[1],s=s.slice(2);continue}let e=!1;for(const{re:n,build:r}of INLINE_PATTERNS){const i=n.exec(s);if(i){flush(),t.push(r(i,parseInline)),s=s.slice(i[0].length),e=!0;break}}e||(n+=s[0],s=s.slice(1))}return flush(),t};const MAX_LIST_DEPTH=4,depthOf=e=>{const t=e.replace(/\t/g,"  ").length;return Math.min(Math.floor(t/2),4)},HEADING=/^(#{1,6})\s+(.*)$/,UNORDERED=/^(\s*)[-*+]\s+(.*)$/,ORDERED=/^(\s*)(\d+)[.)]\s+(.*)$/,QUOTE=/^\s*>\s?(.*)$/,RULE=/^\s*([-*_])\s*(?:\1\s*){2,}$/,FENCE=/^\s*```\s*(\S+)?\s*$/;export const parseMarkdown=e=>{const t=[],n=(e??"").replace(/\r\n?/g,"\n").split("\n");let s=[];const flushParagraph=()=>{s.length>0&&(t.push({type:"paragraph",children:parseInline(s.join(" ").trim())}),s=[])};for(let e=0;e<n.length;e++){const r=n[e],i=FENCE.exec(r);if(i){flushParagraph();const s=[];for(e++;e<n.length&&!FENCE.test(n[e]);)s.push(n[e]),e++;t.push({type:"codeBlock",value:s.join("\n"),language:i[1]});continue}if(""===r.trim()){flushParagraph();continue}if(RULE.test(r)){flushParagraph(),t.push({type:"rule"});continue}const l=HEADING.exec(r);if(l){flushParagraph(),t.push({type:"heading",level:l[1].length,children:parseInline(l[2])});continue}const c=ORDERED.exec(r);if(c){flushParagraph(),t.push({type:"listItem",ordered:!0,index:Number(c[2]),depth:depthOf(c[1]),children:parseInline(c[3])});continue}const p=UNORDERED.exec(r);if(p){flushParagraph(),t.push({type:"listItem",ordered:!1,index:0,depth:depthOf(p[1]),children:parseInline(p[2])});continue}const o=QUOTE.exec(r);o?(flushParagraph(),t.push({type:"quote",children:parseInline(o[1])})):s.push(r.trim())}return flushParagraph(),t};

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
+"use strict";import React,{forwardRef,useCallback,useEffect,useMemo,useRef,useState}from"react";import{AccessibilityInfo,Animated,Dimensions,Easing,Platform,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";import{ToastHost}from"../Toast/ToastProvider.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const MODAL_DISMISS_GRACE_MS=300;const Modal=forwardRef((e,t)=>{const{visible:s,onRequestClose:i,presentation:r="centered",backdropOpacity:o,backdropPressClose:n=!0,animationDuration:a,accessibilityLabel:l,hardwareBackPress:c=!0,children:u,contentStyle:d,backdropStyle:m,restoreFocusRef:f,onDismissed:p,haptic:g,testID:b}=e,h=useTheme(),y=useSafeAreaInsets(),S=a??h.motion.duration.normal,v=Dimensions.get("window").height,x=h.components.modal,A=x?.scaleStartValue??.9,R=useRef(createAnimatedValue(A)).current,C=useRef(createAnimatedValue(0)).current,j=useRef(createAnimatedValue(v)).current,w=useRef(null),M=useRef(!1),[T,k]=useState(s),V=useMemo(()=>buildStyles(h),[h]),D=useMemo(()=>{const e=h.colors.background.overlay;if("number"!=typeof o)return e;const t=e.match(/^rgba?\(([^)]+)\)$/);if(!t)return e;const[s,i,r]=t[1].split(",").map(e=>e.trim());return`rgba(${s}, ${i}, ${r}, ${o})`},[h.colors.background.overlay,o]);useEffect(()=>{s&&k(!0)},[s]),useEffect(()=>{const e=[];if(s&&T)if("bottom"===r){const t=Animated.spring(j,{toValue:0,damping:h.motion.spring.gentle.damping,stiffness:h.motion.spring.gentle.stiffness,mass:h.motion.spring.gentle.mass,useNativeDriver:!0});t.start(),e.push(t)}else{const t=Animated.parallel([Animated.spring(R,{toValue:1,damping:h.motion.spring.gentle.damping,stiffness:h.motion.spring.gentle.stiffness,mass:h.motion.spring.gentle.mass,useNativeDriver:!0}),Animated.timing(C,{toValue:1,duration:S,useNativeDriver:!0})]);t.start(),e.push(t)}else if(T){const t=h.motion.duration.fast,s=Easing.bezier(...h.motion.easing.accelerate),i=Animated.parallel(["bottom"===r?Animated.timing(j,{toValue:v,duration:t,easing:s,useNativeDriver:!0}):Animated.parallel([Animated.timing(R,{toValue:A,duration:t,easing:s,useNativeDriver:!0}),Animated.timing(C,{toValue:0,duration:t,easing:s,useNativeDriver:!0})])]);i.start(({finished:e})=>{e&&k(!1)}),e.push(i)}return()=>e.forEach(e=>e.stop())},[s,T,r,S,R,C,j,v,h.motion.spring.gentle.damping,h.motion.spring.gentle.stiffness,h.motion.spring.gentle.mass,h.motion.duration.fast,h.motion.easing.accelerate,A]),useEffect(()=>{if("web"===Platform.OS)return;let e,t;return s?(e=setTimeout(()=>{w.current&&AccessibilityInfo.sendAccessibilityEvent(w.current,"focus")},150),M.current=!0):M.current&&(M.current=!1,f&&f.current&&(t=setTimeout(()=>{const e=f.current;e&&AccessibilityInfo.sendAccessibilityEvent(e,"focus")},S))),()=>{e&&clearTimeout(e),t&&clearTimeout(t)}},[s,S,f]);const E=useRef(!1);useEffect(()=>{if(s)return void(E.current=!0);if(!E.current)return;if(E.current=!1,!p)return;const e=setTimeout(p,300);return()=>clearTimeout(e)},[s,p]);const _=useCallback(()=>{if(!n)return;const e=resolveHaptic(g,"selection");e&&triggerHaptic(e),i()},[n,i,g]),q=useCallback(()=>{c&&i()},[c,i]),I=useSquircle("bottom"!==r&&"fullScreen"!==r,h.radius.xl),z=useMemo(()=>"fullScreen"===r?[V.fullScreenContent,{backgroundColor:h.colors.background.elevated}]:"bottom"===r?[V.bottomContent,{backgroundColor:h.colors.background.elevated,borderTopLeftRadius:h.radius.xl,borderTopRightRadius:h.radius.xl,...smoothCorners,paddingTop:h.spacing.lg,paddingHorizontal:h.spacing.lg,paddingBottom:h.spacing.lg+y.bottom},h.shadows.xl]:[V.centeredContent,{backgroundColor:h.colors.background.elevated,borderRadius:I.active&&I.size?squircleHostRadius(I.size.width,I.size.height,h.radius.xl):h.radius.xl,...smoothCorners,padding:h.spacing.xl},h.shadows.xl],[r,h,V,y.bottom,I.active,I.size]),H=useMemo(()=>"bottom"===r?V.bottomWrapper:"fullScreen"===r?V.fullScreenWrapper:V.centeredWrapper,[r,V]),N=useMemo(()=>"bottom"===r?{transform:[{translateY:j}]}:"fullScreen"===r?{opacity:C}:{opacity:C,transform:[{scale:R}]},[r,R,C,j]);return _jsx(RNModal,{visible:T,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:q,testID:b,children:_jsxs(View,{ref:e=>{w.current=e,"function"==typeof t?t(e):t&&(t.current=e)},style:V.root,accessible:!1,accessibilityViewIsModal:!0,accessibilityRole:"alert",accessibilityLabel:l,children:[_jsxs(View,{collapsable:!1,style:[StyleSheet.absoluteFill,H,{backgroundColor:D},m],children:[_jsx(Pressable,{style:StyleSheet.absoluteFill,onPress:_,accessibilityRole:"button",accessibilityLabel:"Close modal",disabled:!n}),_jsxs(Animated.View,{style:[z,N,d],onLayout:I.onLayout,pointerEvents:"auto",children:[I.active&&I.size?_jsx(SquircleFill,{width:I.size.width,height:I.size.height,radius:h.radius.xl,fill:h.colors.background.elevated}):null,u]})]}),_jsx(ToastHost,{})]})})});Modal.displayName="Modal";const buildStyles=e=>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;

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
+"use strict";export{default,MODAL_DISMISS_GRACE_MS,Modal}from"./Modal.js";

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

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

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

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