@multiplatform.one/forms 6.7.0 → 7.1.0

package/dist/cjs/fields/Input/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Input_exports","__export","Input","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_Skeleton","import_fieldDefaults","import_fieldLayout","import_utils","import_InputParts","import_LinkCell","suppressBoxFocusRing","focused","setFocused","_val","param","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","size","id","idProp","defaultValue","onChange","onChangeText","onBlur","secureTextEntry","placeholder","multiline","maxLength","keyboardType","textContentType","autoComplete","purpose","readOnly","linkResolver","leftIcon","rightIcon","rightIconInteractive","inputProps","children","skeleton","compact","chromeless","resolvedForm","knobProps","control","useFormField","inputRef","useRef","focusTrigger","useForwardFocus","areaFocusRing","ensureFocusVisibleRing","focusVisibleKnobProps","outlineOffset","resolvedValidators","useResolvedValidators","purposeInputProps","resolveFieldInputProps","jsxs","sizeToken","jsx","Skeleton","variant","width","height","theme","chromelessProps","borderWidth","backgroundColor","hoverStyle","borderColor","focusStyle","focusVisibleStyle","renderInputBox","renderInputBox2","inputValue","handleChange","handleBlur","hasError","Box","Icon","adornment","LinkCell","Text","color","FocusContext","Provider","Area","ref","inputMode","onChangeText1","text","FieldLayout","Field","children2","field","resolvedError","getFieldError","mergeFieldHandler","state"],"sources":["../../../../src/fields/Input/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Input_exports","__export","Input","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_Skeleton","import_fieldDefaults","import_fieldLayout","import_colorRamps","import_utils","import_InputParts","import_LinkCell","param","name","form","formProp","validators","label","labelProps","labelHidden","ariaLabel","helperText","error","required","disabled","size","id","idProp","defaultValue","onChange","onChangeText","onBlur","secureTextEntry","placeholder","multiline","maxLength","keyboardType","textContentType","autoComplete","purpose","readOnly","linkResolver","leftIcon","rightIcon","rightIconInteractive","inputProps","children","skeleton","compact","chromeless","resolvedForm","knobProps","control","useFormField","inputRef","useRef","focusTrigger","useForwardFocus","resolvedValidators","useResolvedValidators","purposeInputProps","resolveFieldInputProps","resolvedSize","sizeToken","visualHeight","getFieldHeight","belowFloor","MIN_PRESS_TARGET","visibleLabel","resolvedAriaLabel","boxContract","density","String","hitSlop","pressTargetHitSlop","chromelessProps","borderWidth","backgroundColor","hoverStyle","borderColor","hoverKnobProps","focusStyle","focusKnobProps","layoutBind","areaName","jsx","FieldLayout","Skeleton","variant","width","height","theme","renderInputBox","renderInputBox2","inputValue","handleChange","handleBlur","hasError","jsxs","Box","Icon","adornment","LinkCell","Text","color","Area","ref","inputMode","onChangeText1","text","formCommonColors","WarningCircleIcon","Field","children2","field","resolvedError","getFieldError","mergeFieldHandler","state"],"sources":["../../../../src/fields/Input/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/MentionInput/index.cjs

@@ -57,6 +57,12 @@ const MentionSuggestionItem = (0, import_tamagui2.styled)(import_tamagui2.XStack
   hoverStyle: {
     backgroundColor: import_colorRamps.formInputColors.background.focus
   },
+  // Rows are not tab stops (aria-activedescendant). focusVisibleStyle is the
+  // LC-71 belt if a row ever takes real focus; the keyboard-active row paints
+  // keyboardFocusRingProps below (fill and ring stay orthogonal).
+  focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)({
+    outlineOffset: -2
+  }),
   variants: {
     selected: {
       true: {
@@ -69,6 +75,48 @@ const MentionSuggestionItem = (0, import_tamagui2.styled)(import_tamagui2.XStack
   }
 });
 const MEDIA_SLOT = 28;
+const SLUG_ID = /^[A-Za-z][\w.-]*$/;
+function MentionMatchText({
+  text,
+  query,
+  ...rest
+}) {
+  const needle = query.trim();
+  if (!needle) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      ...rest,
+      children: text
+    });
+  }
+  const idx = text.toLowerCase().indexOf(needle.toLowerCase());
+  if (idx < 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      ...rest,
+      children: text
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.Text, {
+    ...rest,
+    children: [text.slice(0, idx), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      ...rest,
+      fontWeight: "700",
+      children: text.slice(idx, idx + needle.length)
+    }), text.slice(idx + needle.length)]
+  });
+}
+function mentionSecondary(item, trigger) {
+  if (item.description) return item.description;
+  if (item.id && item.id !== item.display && SLUG_ID.test(item.id)) {
+    return `${trigger}${item.id}`;
+  }
+  return void 0;
+}
+function mentionForDelete(mentions, cursor, key) {
+  if (key === "Backspace") {
+    return mentions.find(m => cursor > m.position && cursor <= m.position + m.length);
+  }
+  return mentions.find(m => cursor >= m.position && cursor < m.position + m.length);
+}
 function MentionInput(props) {
   const {
     defaultValue,
@@ -121,6 +169,7 @@ function MentionInput(props) {
   const [searchQuery, setSearchQuery] = (0, import_react.useState)("");
   const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
   const [cursorPosition, setCursorPosition] = (0, import_react.useState)(0);
+  const [keyboardHighlight, setKeyboardHighlight] = (0, import_react.useState)(false);
   const textAreaRef = (0, import_react.useRef)(null);
   const prevCursorRef = (0, import_react.useRef)(0);
   const prevQueryRef = (0, import_react.useRef)("");
@@ -161,10 +210,11 @@ function MentionInput(props) {
     return config.data.filter(item => item.display.toLowerCase().includes(query.toLowerCase()) || item.id.toLowerCase().includes(query.toLowerCase()));
   }, [triggerMap]);
   const suggestions = (0, import_react.useMemo)(() => showSuggestions && currentTrigger ? getFilteredSuggestions(currentTrigger, searchQuery) : [], [showSuggestions, currentTrigger, searchQuery, getFilteredSuggestions]);
-  const hasSuggestions = suggestions.length > 0;
+  const triggerActive = Boolean(!disabled && !readOnly && showSuggestions && currentTrigger);
+  const hasSuggestions = triggerActive && suggestions.length > 0;
   const suggestionsHaveMedia = (0, import_react.useMemo)(() => suggestions.some(item => Boolean(item.avatar)), [suggestions]);
   const panel = (0, import_FloatingPanel.useFloatingPanel)({
-    open: hasSuggestions,
+    open: triggerActive,
     onOpenChange: nextOpen => {
       if (!nextOpen) {
         setShowSuggestions(false);
@@ -172,6 +222,7 @@ function MentionInput(props) {
         prevQueryRef.current = "";
       }
     },
+    disabled: disabled || readOnly,
     fitContent: true
   });
   const dismiss = (0, import_react2.useDismiss)(panel.context, {
@@ -198,6 +249,7 @@ function MentionInput(props) {
       setCurrentTrigger(triggerInfo.trigger);
       setSearchQuery(triggerInfo.query);
       setShowSuggestions(true);
+      setKeyboardHighlight(true);
       if (triggerInfo.query !== prevQueryRef.current) {
         setSelectedIndex(0);
       }
@@ -306,6 +358,8 @@ function MentionInput(props) {
     setCurrentTrigger(null);
     prevQueryRef.current = "";
     onMentionSelect?.(item, currentTrigger);
+    onChange?.(newText);
+    onTextChange?.(newText);
     setTimeout(() => {
       const el = getWebTextAreaElement();
       if (el) {
@@ -315,20 +369,64 @@ function MentionInput(props) {
         textAreaRef.current?.focus();
       }
     }, 0);
-  }, [text, cursorPosition, currentTrigger, checkForTrigger, triggerMap, mentionList, onMentionSelect, getWebTextAreaElement]);
+  }, [text, cursorPosition, currentTrigger, checkForTrigger, triggerMap, mentionList, onMentionSelect, onChange, onTextChange, getWebTextAreaElement]);
+  const removeMention = (0, import_react.useCallback)(mention => {
+    const before = text.slice(0, mention.position);
+    const after = text.slice(mention.position + mention.length);
+    const newText = before + after;
+    const removedLen = mention.length;
+    setText(newText);
+    setMentionList(prev => prev.filter(m => !(m.position === mention.position && m.id === mention.id)).map(m => m.position > mention.position ? {
+      ...m,
+      position: m.position - removedLen
+    } : m));
+    const newCursor = mention.position;
+    setCursorPosition(newCursor);
+    prevCursorRef.current = newCursor;
+    onChange?.(newText);
+    onTextChange?.(newText);
+    updateTriggerState(newText, newCursor);
+    setTimeout(() => {
+      const el = getWebTextAreaElement();
+      if (el) {
+        el.focus();
+        el.setSelectionRange(newCursor, newCursor);
+      }
+    }, 0);
+  }, [text, onChange, onTextChange, updateTriggerState, getWebTextAreaElement]);
   const handleKeyDown = (0, import_react.useCallback)(event => {
-    if (!showSuggestions || !currentTrigger || suggestions.length === 0) return;
     const key = event.key || event.nativeEvent?.key;
+    const webElement = getWebTextAreaElement();
+    const caret = webElement && typeof webElement.selectionStart === "number" ? webElement.selectionStart : cursorPosition;
+    if (key === "Backspace" || key === "Delete") {
+      const mention = mentionForDelete(mentionList, caret, key);
+      if (mention) {
+        event.preventDefault?.();
+        removeMention(mention);
+        return;
+      }
+    }
+    if (!showSuggestions || !currentTrigger) return;
+    if (suggestions.length === 0) {
+      if (key === "Escape") {
+        event.preventDefault?.();
+        setShowSuggestions(false);
+      }
+      return;
+    }
     switch (key) {
       case "ArrowDown":
         event.preventDefault?.();
+        setKeyboardHighlight(true);
         setSelectedIndex(prev => prev < suggestions.length - 1 ? prev + 1 : 0);
         break;
       case "ArrowUp":
         event.preventDefault?.();
+        setKeyboardHighlight(true);
         setSelectedIndex(prev => prev > 0 ? prev - 1 : suggestions.length - 1);
         break;
       case "Enter":
+      case "Tab":
         event.preventDefault?.();
         if (suggestions[selectedIndex]) {
           insertMention(suggestions[selectedIndex]);
@@ -339,7 +437,7 @@ function MentionInput(props) {
         setShowSuggestions(false);
         break;
     }
-  }, [showSuggestions, currentTrigger, suggestions, selectedIndex, insertMention]);
+  }, [showSuggestions, currentTrigger, suggestions, selectedIndex, insertMention, mentionList, cursorPosition, removeMention, getWebTextAreaElement]);
   const itemRefs = (0, import_react.useRef)([]);
   (0, import_react.useEffect)(() => {
     if (!hasSuggestions) return;
@@ -433,13 +531,13 @@ function MentionInput(props) {
     if (el) panel.triggerRef.current = el;
   });
   (0, import_react.useLayoutEffect)(() => {
-    if (!hasSuggestions) return;
+    if (!triggerActive) return;
     const rect = getCaretClientRect();
     panel.refs.setReference({
       getBoundingClientRect: () => rect
     });
     panel.update();
-  }, [hasSuggestions, cursorPosition, text]);
+  }, [triggerActive, cursorPosition, text]);
   const suggestionListId = `${id}-suggestions`;
   const selectedOptionId = hasSuggestions && suggestions[selectedIndex] ? `${id}-option-${suggestions[selectedIndex].id}` : void 0;
   const floatingDropdown = panel.mounted ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
@@ -452,20 +550,17 @@ function MentionInput(props) {
         scrollbarWidth: "none",
         zIndex: import_zIndex.zIndex.dropdown,
         overflow: "auto",
-        boxShadow: "0px 8px 28px rgba(0,0,0,0.12), 0px 2px 6px rgba(0,0,0,0.04)",
         opacity: panel.visible ? 1 : 0,
         transform: panel.visible ? "scale(1)" : "scale(0.96)",
-        transition: import_FloatingPanel.panelTransition,
+        transition: panel.knobProps.transition ? import_FloatingPanel.panelTransition : "none",
         transformOrigin: panel.placement.startsWith("top") ? "bottom left" : "top left"
       },
       onScroll: e => panel.updateArrows(e.target)
     }),
     outlineWidth: 0,
     pointerEvents: panel.visible ? "auto" : "none",
-    backgroundColor: "$background",
+    ...panel.knobProps.elevatedSurface,
     borderRadius: panel.dropdownRadius,
-    borderWidth: panel.hasBorder ? panel.knobProps.borderRadius.borderWidth : 0,
-    borderColor: panel.hasBorder ? import_colorRamps.formInputColors.border.focus : "transparent",
     padding: 0,
     maxHeight: suggestionsMaxHeight,
     minWidth: suggestionsMinWidth,
@@ -477,18 +572,26 @@ function MentionInput(props) {
       scrollRef: panel.refs.floating,
       visible: panel.arrowUp,
       arrowScrollDirRef: panel.arrowScrollDirRef
-    }), suggestions.map((item, index) => {
+    }), hasSuggestions ? suggestions.map((item, index) => {
       const optionId = `${id}-option-${item.id}`;
+      const active = index === selectedIndex;
+      const keyboardRing = active && keyboardHighlight;
+      const secondary = mentionSecondary(item, currentTrigger ?? "");
       return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(MentionSuggestionItem, {
         ref: node => {
           itemRefs.current[index] = node;
         },
-        selected: index === selectedIndex,
+        selected: active,
         onPress: () => handleSuggestionPress(item),
-        onMouseEnter: () => setSelectedIndex(index),
+        onMouseEnter: () => {
+          setKeyboardHighlight(false);
+          setSelectedIndex(index);
+        },
         role: "option",
         id: optionId,
-        "aria-selected": index === selectedIndex,
+        "aria-selected": active,
+        "data-keyboard-ring": keyboardRing ? "true" : void 0,
+        ...(keyboardRing ? import_theme.keyboardFocusRingProps : void 0),
         children: [suggestionsHaveMedia && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
           width: MEDIA_SLOT,
           height: MEDIA_SLOT,
@@ -513,19 +616,30 @@ function MentionInput(props) {
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
           flex: 1,
           minWidth: 0,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
-            fontSize: knobProps.sizeToken,
-            ...knobProps.body,
-            fontWeight: "600",
-            children: item.display
-          }), item.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(MentionMatchText, {
+            text: item.display,
+            query: searchQuery,
+            ...knobProps.label
+          }), secondary ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(MentionMatchText, {
+            text: secondary,
+            query: searchQuery,
             fontSize: helperFontSizeMap[knobProps.sizeToken] ?? "$2",
             color: import_colorRamps.formCommonColors.muted,
-            ...knobProps.body,
-            children: item.description
-          })]
+            ...knobProps.body
+          }) : null]
         })]
       }, item.id);
+    }) : triggerActive && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
+      paddingHorizontal: "$3",
+      paddingVertical: "$2",
+      role: "status",
+      "aria-live": "polite",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+        fontSize: helperFontSizeMap[knobProps.sizeToken] ?? "$2",
+        color: import_colorRamps.formCommonColors.muted,
+        ...knobProps.body,
+        children: (0, import_t.t)("No matches")
+      })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floatingList.ScrollArrow, {
       direction: "down",
       scrollRef: panel.refs.floating,
@@ -563,9 +677,10 @@ function MentionInput(props) {
         onSelect: handleWebSelect
       } : {}),
       onKeyDown: handleKeyDown,
+      "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-expanded": hasSuggestions,
-      "aria-controls": hasSuggestions ? suggestionListId : void 0,
+      "aria-expanded": triggerActive,
+      "aria-controls": triggerActive ? suggestionListId : void 0,
       "aria-activedescendant": selectedOptionId,
       ...textAreaProps
     }