@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/commonjs/components/Repeater/Repeater.js

@@ -1,166 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Repeater = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _index2 = require("../../utils/index.js");
-var _index3 = require("../AppIcon/index.js");
-var _index4 = require("../Button/index.js");
-var _index5 = require("../IconButton/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Row keys have to survive a removal. Keying by index looked safe because
- * reordering is not part of this contract, but `removeAt` IS a reorder: it
- * shifts every later row down one, so React reconciles the mounted rows by
- * position and feeds them the next row's data. Everything React does not own
- * stays behind with the wrong row — the keyboard focus, the text cursor, the
- * IME buffer, and any state a consumer put inside `renderRow`.
- */let rowIdCounter = 0;
-const nextRowId = () => {
-  rowIdCounter += 1;
-  return `row-${rowIdCounter}`;
-};
-/**
- * Add / remove / edit a list of form rows — line items, phone numbers,
- * addresses. Owns the array mechanics (immutably) so each screen stops
- * re-deriving splice/map logic, and keeps the min/max rules in one place where
- * they can't disagree between the add button and the remove button.
- */
-const Repeater = ({
-  value,
-  onChange,
-  createRow,
-  renderRow,
-  addLabel = 'Add another',
-  rowLabel,
-  minRows = 0,
-  maxRows,
-  removable = true,
-  emptyText,
-  disabled = false,
-  haptic,
-  style,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-
-  // `add` and `removeAt` keep this in step themselves, so the only work left
-  // here is a value the PARENT changed behind our back: pad or trim at the end,
-  // which is where an external append or truncate happens.
-  const rowIds = (0, _react.useRef)([]);
-  if (rowIds.current.length < value.length) {
-    while (rowIds.current.length < value.length) {
-      rowIds.current.push(nextRowId());
-    }
-  } else if (rowIds.current.length > value.length) {
-    rowIds.current.length = value.length;
-  }
-  const atMax = typeof maxRows === 'number' && value.length >= maxRows;
-  const canRemove = removable && value.length > minRows;
-  const fire = (0, _react.useCallback)(fallback => {
-    const h = (0, _index2.resolveHaptic)(haptic, fallback);
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-  }, [haptic]);
-  const add = (0, _react.useCallback)(() => {
-    if (disabled || atMax) {
-      return;
-    }
-    onChange([...value, createRow()]);
-    fire('impactLight');
-  }, [atMax, createRow, disabled, fire, onChange, value]);
-  const updateAt = (0, _react.useCallback)((index, next) => {
-    onChange(value.map((row, i) => i === index ? next : row));
-  }, [onChange, value]);
-  const removeAt = (0, _react.useCallback)(index => {
-    if (disabled || !canRemove) {
-      return;
-    }
-    rowIds.current = rowIds.current.filter((_, i) => i !== index);
-    onChange(value.filter((_, i) => i !== index));
-    fire('notificationWarning');
-  }, [canRemove, disabled, fire, onChange, value]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [{
-      gap: theme.spacing.md
-    }, style],
-    testID: testID,
-    children: [value.length === 0 && emptyText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.empty, {
-        color: theme.colors.text.tertiary,
-        fontSize: theme.typography.fontSize.sm
-      }],
-      children: emptyText
-    }) : null, value.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        gap: theme.spacing.xs
-      },
-      children: [rowLabel || canRemove && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.rowHeader,
-        children: [rowLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.rowLabel, {
-            color: theme.colors.text.tertiary,
-            fontSize: theme.typography.fontSize.xs
-          }],
-          children: rowLabel(index)
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), canRemove && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.IconButton, {
-          icon: ({
-            color,
-            size
-          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AppIcon, {
-            name: "x",
-            size: size,
-            color: color
-          }),
-          onPress: () => removeAt(index),
-          accessibilityLabel: `Remove ${rowLabel ? rowLabel(index) : `row ${index + 1}`}`,
-          size: "sm",
-          tone: "error",
-          variant: "ghost",
-          haptic: haptic,
-          testID: testID ? `${testID}-remove-${index}` : undefined
-        }) : null]
-      }) : null, renderRow({
-        item,
-        index,
-        update: next => updateAt(index, next),
-        remove: () => removeAt(index),
-        canRemove
-      })]
-    }, rowIds.current[index])), atMax || disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
-      title: addLabel,
-      onPress: add,
-      variant: "outline",
-      size: "sm",
-      haptic: haptic,
-      testID: testID ? `${testID}-add` : undefined
-    })]
-  });
-};
-exports.Repeater = Repeater;
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  rowHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    minHeight: 24
-  },
-  rowLabel: {
-    ...(0, _index.fontFor)(theme, 'semibold'),
-    fontWeight: '600',
-    letterSpacing: 0.5,
-    textTransform: 'uppercase'
-  },
-  empty: {
-    ...(0, _index.fontFor)(theme, 'normal')
-  }
-});
-var _default = exports.default = Repeater;
-//# sourceMappingURL=Repeater.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Repeater=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_index3=require("../AppIcon/index.js"),_index4=require("../Button/index.js"),_index5=require("../IconButton/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(a,t,o):a[t]=e[t]);return a})(e,t)}let rowIdCounter=0;const nextRowId=()=>(rowIdCounter+=1,`row-${rowIdCounter}`),Repeater=({value:e,onChange:t,createRow:r,renderRow:n,addLabel:i="Add another",rowLabel:o,renderRowHeader:a,onRemove:s,minRows:l=0,maxRows:c,removable:u=!0,emptyText:d,disabled:x=!1,haptic:p,style:_,testID:m})=>{const f=(0,_index.useTheme)(),h=(0,_react.useMemo)(()=>buildStyles(f),[f]),g=(0,_react.useRef)([]);if(g.current.length<e.length)for(;g.current.length<e.length;)g.current.push(nextRowId());else g.current.length>e.length&&(g.current.length=e.length);const j="number"==typeof c&&e.length>=c,R=u&&e.length>l,y=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(p,e);t&&(0,_index2.triggerHaptic)(t)},[p]),v=(0,_react.useCallback)(()=>{x||j||(t([...e,r()]),y("impactLight"))},[j,r,x,y,t,e]),w=(0,_react.useCallback)((r,n)=>{t(e.map((e,t)=>t===r?n:e))},[t,e]),b=(0,_react.useCallback)(r=>{!x&&R&&(g.current=g.current.filter((e,t)=>t!==r),s?.(r,e[r]),t(e.filter((e,t)=>t!==r)),y("notificationWarning"))},[R,x,y,t,s,e]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{gap:f.spacing.md},_],testID:m,children:[0===e.length&&d?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[h.empty,{color:f.colors.text.tertiary,fontSize:f.typography.fontSize.sm}],children:d}):null,e.map((e,t)=>{const r={item:e,index:t,update:e=>w(t,e),remove:()=>b(t),canRemove:R};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{gap:f.spacing.xs},children:[a?a(r):o||R&&!x?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:h.rowHeader,children:[o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[h.rowLabel,{color:f.colors.text.tertiary,fontSize:f.typography.fontSize.xs}],children:o(t)}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),R&&!x?(0,_jsxRuntime.jsx)(_index5.IconButton,{icon:({color:e,size:t})=>(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"x",size:t,color:e}),onPress:()=>b(t),accessibilityLabel:`Remove ${o?o(t):`row ${t+1}`}`,size:"sm",tone:"error",variant:"ghost",haptic:p,testID:m?`${m}-remove-${t}`:void 0}):null]}):null,n(r)]},g.current[t])}),j||x?null:(0,_jsxRuntime.jsx)(_index4.Button,{title:i,onPress:v,variant:"outline",size:"sm",haptic:p,testID:m?`${m}-add`:void 0})]})};exports.Repeater=Repeater;const buildStyles=e=>_reactNative.StyleSheet.create({rowHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",minHeight:24},rowLabel:{...(0,_index.fontFor)(e,"semibold"),fontWeight:"600",letterSpacing:.5,textTransform:"uppercase"},empty:{...(0,_index.fontFor)(e,"normal")}});var _default=exports.default=Repeater;

package/lib/commonjs/components/Repeater/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Repeater", {
-  enumerable: true,
-  get: function () {
-    return _Repeater.Repeater;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Repeater.default;
-  }
-});
-var _Repeater = _interopRequireWildcard(require("./Repeater.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Repeater",{enumerable:!0,get:function(){return _Repeater.Repeater}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Repeater.default}});var _Repeater=_interopRequireWildcard(require("./Repeater.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,u,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=r?n:t){if(o.has(e))return o.get(e);o.set(e,a)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((u=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(u.get||u.set)?o(a,r,u):a[r]=e[r]);return a})(e,r)}

package/lib/commonjs/components/RichTextEditor/RichTextEditor.js

@@ -1,314 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RichTextEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _index2 = require("../../utils/index.js");
-var _corners = require("../../utils/corners.js");
-var _index3 = require("../Skeleton/index.js");
-var _markdownActions = require("./markdownActions.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/** Glyph + spoken name per action. The glyph IS the markdown marker wherever one reads as itself. */
-const ACTION_META = {
-  bold: {
-    glyph: 'B',
-    label: 'Bold'
-  },
-  italic: {
-    glyph: 'I',
-    label: 'Italic'
-  },
-  strikethrough: {
-    glyph: 'S',
-    label: 'Strikethrough'
-  },
-  code: {
-    glyph: '</>',
-    label: 'Inline code'
-  },
-  link: {
-    glyph: 'link',
-    label: 'Link'
-  },
-  heading1: {
-    glyph: 'H1',
-    label: 'Heading 1'
-  },
-  heading2: {
-    glyph: 'H2',
-    label: 'Heading 2'
-  },
-  bulletList: {
-    glyph: '•',
-    label: 'Bulleted list'
-  },
-  numberedList: {
-    glyph: '1.',
-    label: 'Numbered list'
-  },
-  quote: {
-    glyph: '>',
-    label: 'Quote'
-  }
-};
-const DEFAULT_ACTIONS = ['bold', 'italic', 'strikethrough', 'code', 'link', 'heading1', 'heading2', 'bulletList', 'numberedList', 'quote'];
-const DEFAULT_MIN_HEIGHT = 160;
-
-/**
- * A markdown editor: a themed multiline field plus a toolbar that wraps the
- * current selection in the markers our own `<Markdown>` renderer reads back.
- *
- * Deliberately NOT a WYSIWYG surface. Rich-text-on-RN means a WebView, which is
- * exactly what replacing the stale `react-native-pell-rich-editor` was meant to
- * escape: markdown in, markdown out, one plain TextInput, no bridge.
- */
-const RichTextEditor = exports.RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    value,
-    onChangeText,
-    placeholder,
-    actions = DEFAULT_ACTIONS,
-    disabled = false,
-    loading = false,
-    minHeight = DEFAULT_MIN_HEIGHT,
-    autoFocus = false,
-    accessibilityLabel,
-    haptic,
-    style,
-    toolbarStyle,
-    inputStyle,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const text = value ?? '';
-  const [selection, setSelection] = (0, _react.useState)({
-    start: 0,
-    end: 0
-  });
-  const [focused, setFocused] = (0, _react.useState)(false);
-  /**
-   * Only set for the render immediately after a toolbar action. Holding the
-   * TextInput's `selection` permanently fights the platform keyboard on
-   * Android, so it is released as soon as the field reports the caret moved.
-   */
-  const [forcedSelection, setForcedSelection] = (0, _react.useState)(null);
-  const handleSelectionChange = (0, _react.useCallback)(event => {
-    setSelection(event.nativeEvent.selection);
-    setForcedSelection(null);
-  }, []);
-  const handleChangeText = (0, _react.useCallback)(next => {
-    setForcedSelection(null);
-    onChangeText?.(next);
-  }, [onChangeText]);
-  const runAction = (0, _react.useCallback)(action => {
-    if (disabled) {
-      return;
-    }
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    const result = (0, _markdownActions.applyMarkdownAction)({
-      text,
-      selection: (0, _markdownActions.normalizeSelection)(selection, text.length)
-    }, action);
-    setSelection(result.selection);
-    setForcedSelection(result.selection);
-    onChangeText?.(result.text);
-  }, [disabled, haptic, onChangeText, selection, text]);
-  if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RichTextEditorSkeleton, {
-      actionCount: actions.length,
-      minHeight: minHeight,
-      style: style,
-      testID: testID
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    testID: testID,
-    style: [styles.container, {
-      borderColor: focused ? theme.colors.border.focus : theme.colors.border.primary,
-      opacity: disabled ? 0.55 : 1
-    }, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.toolbar, toolbarStyle],
-      children: actions.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarButton, {
-        action: action,
-        disabled: disabled,
-        onPress: runAction,
-        styles: styles,
-        theme: theme,
-        testID: testID ? `${testID}-${action}` : undefined
-      }, action))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      ref: ref,
-      value: text,
-      onChangeText: handleChangeText,
-      onSelectionChange: handleSelectionChange,
-      onFocus: () => setFocused(true),
-      onBlur: () => setFocused(false),
-      selection: forcedSelection ?? undefined,
-      editable: !disabled,
-      autoFocus: autoFocus,
-      multiline: true,
-      textAlignVertical: "top",
-      placeholder: placeholder,
-      placeholderTextColor: theme.colors.text.tertiary,
-      accessibilityLabel: accessibilityLabel,
-      style: [styles.input, {
-        minHeight
-      }, inputStyle],
-      testID: testID ? `${testID}-input` : undefined
-    })]
-  });
-});
-RichTextEditor.displayName = 'RichTextEditor';
-const ToolbarButton = ({
-  action,
-  disabled,
-  onPress,
-  styles,
-  theme,
-  testID
-}) => {
-  const meta = ACTION_META[action];
-  // Each glyph carries its own formatting, so the button reads as what it does.
-  // Built as one object rather than an array entry per rule: a `fontWeight:
-  // undefined` in a style array wipes the family weight `fontFor` just set.
-  const glyphStyle = {
-    color: disabled ? theme.colors.text.disabled : theme.colors.text.primary
-  };
-  if (action === 'bold') {
-    glyphStyle.fontWeight = theme.typography.fontWeight.bold;
-  }
-  if (action === 'italic') {
-    glyphStyle.fontStyle = 'italic';
-  }
-  if (action === 'strikethrough') {
-    glyphStyle.textDecorationLine = 'line-through';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    onPress: () => onPress(action),
-    disabled: disabled,
-    accessibilityRole: "button",
-    accessibilityLabel: meta.label,
-    accessibilityState: {
-      disabled
-    },
-    hitSlop: 4,
-    testID: testID,
-    style: ({
-      pressed
-    }) => [styles.button, {
-      backgroundColor: pressed ? theme.colors.surface.pressed : theme.colors.background.secondary
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      allowFontScaling: false,
-      style: [styles.buttonLabel, glyphStyle],
-      children: meta.glyph
-    })
-  });
-};
-ToolbarButton.displayName = 'RichTextEditorToolbarButton';
-
-/**
- * Placeholder shape for `<RichTextEditor>`: the same bordered box, a row of
- * button-sized blocks where the toolbar sits, and text lines filling the body,
- * so nothing reflows when the draft arrives.
- */
-const RichTextEditorSkeleton = ({
-  actionCount,
-  minHeight,
-  style,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const buttons = Array.from({
-    length: Math.max(1, actionCount)
-  }, (_, index) => index);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    testID: testID,
-    style: [styles.container, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.toolbar,
-      children: buttons.map(index => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Skeleton, {
-        width: 34,
-        height: 30,
-        radius: "sm"
-      }, index))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.skeletonBody, {
-        minHeight
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Skeleton, {
-        shape: "text",
-        width: "94%",
-        height: 14
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Skeleton, {
-        shape: "text",
-        width: "100%",
-        height: 14
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Skeleton, {
-        shape: "text",
-        width: "72%",
-        height: 14
-      })]
-    })]
-  });
-};
-RichTextEditorSkeleton.displayName = 'RichTextEditorSkeleton';
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  container: {
-    borderWidth: theme.colors.border.width,
-    borderColor: theme.colors.border.primary,
-    borderRadius: theme.radius.md,
-    ..._corners.smoothCorners,
-    backgroundColor: theme.colors.background.primary,
-    overflow: 'hidden'
-  },
-  toolbar: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-    gap: theme.spacing.xs,
-    padding: theme.spacing.xs,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: theme.colors.border.secondary,
-    backgroundColor: theme.colors.background.secondary
-  },
-  button: {
-    minWidth: 34,
-    height: 30,
-    paddingHorizontal: theme.spacing.xs,
-    borderRadius: theme.radius.sm,
-    ..._corners.smoothCorners,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  buttonLabel: {
-    ...(0, _index.fontFor)(theme, 'medium'),
-    fontSize: theme.typography.fontSize.sm
-  },
-  input: {
-    ...(0, _index.fontFor)(theme, 'normal'),
-    color: theme.colors.text.primary,
-    fontSize: theme.typography.fontSize.base,
-    lineHeight: theme.typography.fontSize.base * 1.5,
-    paddingHorizontal: theme.spacing.md,
-    paddingVertical: theme.spacing.sm
-  },
-  skeletonBody: {
-    paddingHorizontal: theme.spacing.md,
-    paddingVertical: theme.spacing.sm,
-    gap: theme.spacing.sm
-  }
-});
-var _default = exports.default = RichTextEditor;
-//# sourceMappingURL=RichTextEditor.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RichTextEditor=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_index3=require("../Skeleton/index.js"),_markdownActions=require("./markdownActions.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var i=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(r=t?o:i){if(r.has(e))return r.get(e);r.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(l,t,n):l[t]=e[t]);return l})(e,t)}const ACTION_META={bold:{glyph:"B",label:"Bold"},italic:{glyph:"I",label:"Italic"},strikethrough:{glyph:"S",label:"Strikethrough"},code:{glyph:"</>",label:"Inline code"},link:{glyph:"link",label:"Link"},heading1:{glyph:"H1",label:"Heading 1"},heading2:{glyph:"H2",label:"Heading 2"},bulletList:{glyph:"•",label:"Bulleted list"},numberedList:{glyph:"1.",label:"Numbered list"},quote:{glyph:">",label:"Quote"}},DEFAULT_ACTIONS=["bold","italic","strikethrough","code","link","heading1","heading2","bulletList","numberedList","quote"],DEFAULT_MIN_HEIGHT=160,RichTextEditor=exports.RichTextEditor=(0,_react.forwardRef)((e,t)=>{const{value:i,onChangeText:o,placeholder:r,actions:n=DEFAULT_ACTIONS,disabled:l=!1,loading:a=!1,minHeight:s=DEFAULT_MIN_HEIGHT,autoFocus:c=!1,accessibilityLabel:d,haptic:u,style:h,toolbarStyle:p,inputStyle:x,testID:b}=e,g=(0,_index.useTheme)(),_=(0,_react.useMemo)(()=>buildStyles(g),[g]),y=i??"",[m,f]=(0,_react.useState)({start:0,end:0}),[j,k]=(0,_react.useState)(!1),[S,T]=(0,_react.useState)(null),R=(0,_react.useCallback)(e=>{f(e.nativeEvent.selection),T(null)},[]),v=(0,_react.useCallback)(e=>{T(null),o?.(e)},[o]),w=(0,_react.useCallback)(e=>{if(l)return;const t=(0,_index2.resolveHaptic)(u,"selection");t&&(0,_index2.triggerHaptic)(t);const i=(0,_markdownActions.applyMarkdownAction)({text:y,selection:(0,_markdownActions.normalizeSelection)(m,y.length)},e);f(i.selection),T(i.selection),o?.(i.text)},[l,u,o,m,y]);return a?(0,_jsxRuntime.jsx)(RichTextEditorSkeleton,{actionCount:n.length,minHeight:s,style:h,testID:b}):(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:b,style:[_.container,{borderColor:j?g.colors.border.focus:g.colors.border.primary,opacity:l?.55:1},h],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_.toolbar,p],children:n.map(e=>(0,_jsxRuntime.jsx)(ToolbarButton,{action:e,disabled:l,onPress:w,styles:_,theme:g,testID:b?`${b}-${e}`:void 0},e))}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:t,value:y,onChangeText:v,onSelectionChange:R,onFocus:()=>k(!0),onBlur:()=>k(!1),selection:S??void 0,editable:!l,autoFocus:c,multiline:!0,textAlignVertical:"top",placeholder:r,placeholderTextColor:g.colors.text.tertiary,accessibilityLabel:d,style:[_.input,{minHeight:s},x],testID:b?`${b}-input`:void 0})]})});RichTextEditor.displayName="RichTextEditor";const ToolbarButton=({action:e,disabled:t,onPress:i,styles:o,theme:r,testID:n})=>{const l=ACTION_META[e],a={color:t?r.colors.text.disabled:r.colors.text.primary};return"bold"===e&&(a.fontWeight=r.typography.fontWeight.bold),"italic"===e&&(a.fontStyle="italic"),"strikethrough"===e&&(a.textDecorationLine="line-through"),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i(e),disabled:t,accessibilityRole:"button",accessibilityLabel:l.label,accessibilityState:{disabled:t},hitSlop:4,testID:n,style:({pressed:e})=>[o.button,{backgroundColor:e?r.colors.surface.pressed:r.colors.background.secondary}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{allowFontScaling:!1,style:[o.buttonLabel,a],children:l.glyph})})};ToolbarButton.displayName="RichTextEditorToolbarButton";const RichTextEditorSkeleton=({actionCount:e,minHeight:t,style:i,testID:o})=>{const r=(0,_index.useTheme)(),n=(0,_react.useMemo)(()=>buildStyles(r),[r]),l=Array.from({length:Math.max(1,e)},(e,t)=>t);return(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:o,style:[n.container,i],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:n.toolbar,children:l.map(e=>(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:34,height:30,radius:"sm"},e))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[n.skeletonBody,{minHeight:t}],children:[(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:"text",width:"94%",height:14}),(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:"text",width:"100%",height:14}),(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:"text",width:"72%",height:14})]})]})};RichTextEditorSkeleton.displayName="RichTextEditorSkeleton";const buildStyles=e=>_reactNative.StyleSheet.create({container:{borderWidth:e.colors.border.width,borderColor:e.colors.border.primary,borderRadius:e.radius.md,..._corners.smoothCorners,backgroundColor:e.colors.background.primary,overflow:"hidden"},toolbar:{flexDirection:"row",flexWrap:"wrap",alignItems:"center",gap:e.spacing.xs,padding:e.spacing.xs,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:e.colors.border.secondary,backgroundColor:e.colors.background.secondary},button:{minWidth:34,height:30,paddingHorizontal:e.spacing.xs,borderRadius:e.radius.sm,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},buttonLabel:{...(0,_index.fontFor)(e,"medium"),fontSize:e.typography.fontSize.sm},input:{...(0,_index.fontFor)(e,"normal"),color:e.colors.text.primary,fontSize:e.typography.fontSize.base,lineHeight:1.5*e.typography.fontSize.base,paddingHorizontal:e.spacing.md,paddingVertical:e.spacing.sm},skeletonBody:{paddingHorizontal:e.spacing.md,paddingVertical:e.spacing.sm,gap:e.spacing.sm}});var _default=exports.default=RichTextEditor;

package/lib/commonjs/components/RichTextEditor/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RichTextEditor", {
-  enumerable: true,
-  get: function () {
-    return _RichTextEditor.RichTextEditor;
-  }
-});
-Object.defineProperty(exports, "applyMarkdownAction", {
-  enumerable: true,
-  get: function () {
-    return _markdownActions.applyMarkdownAction;
-  }
-});
-var _markdownActions = require("./markdownActions.js");
-var _RichTextEditor = require("./RichTextEditor.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RichTextEditor",{enumerable:!0,get:function(){return _RichTextEditor.RichTextEditor}}),Object.defineProperty(exports,"applyMarkdownAction",{enumerable:!0,get:function(){return _markdownActions.applyMarkdownAction}});var _markdownActions=require("./markdownActions.js"),_RichTextEditor=require("./RichTextEditor.js");