@wordpress/components 32.5.0 → 32.6.0

package/build-module/autocomplete/autocompleter-ui.mjs

@@ -41,92 +41,88 @@ function ListBox({
     }, option.key))
   });
 }
-function getAutoCompleterUI(autocompleter) {
+function AutocompleterUI({
+  autocompleter,
+  filterValue,
+  instanceId,
+  listBoxId,
+  className,
+  selectedIndex,
+  onChangeOptions,
+  onSelect,
+  reset,
+  contentRef
+}) {
   const useItems = autocompleter.useItems ?? getDefaultUseItems(autocompleter);
-  function AutocompleterUI({
-    filterValue,
-    instanceId,
-    listBoxId,
-    className,
-    selectedIndex,
-    onChangeOptions,
-    onSelect,
-    onReset,
-    reset,
-    contentRef
-  }) {
-    const [items] = useItems(filterValue);
-    const popoverAnchor = useAnchor({
-      editableContentElement: contentRef.current
-    });
-    const [needsA11yCompat, setNeedsA11yCompat] = useState(false);
-    const popoverRef = useRef(null);
-    const popoverRefs = useMergeRefs([popoverRef, useRefEffect((node) => {
-      if (!contentRef.current) {
-        return;
-      }
-      setNeedsA11yCompat(node.ownerDocument !== contentRef.current.ownerDocument);
-    }, [contentRef])]);
-    useOnClickOutside(popoverRef, reset);
-    const debouncedSpeak = useDebounce(speak, 500);
-    function announce(options) {
-      if (!debouncedSpeak) {
-        return;
-      }
-      if (!!options.length) {
-        if (filterValue) {
-          debouncedSpeak(sprintf(
-            /* translators: %d: number of results. */
-            _n("%d result found, use up and down arrow keys to navigate.", "%d results found, use up and down arrow keys to navigate.", options.length),
-            options.length
-          ), "assertive");
-        } else {
-          debouncedSpeak(sprintf(
-            /* translators: %d: number of results. */
-            _n("Initial %d result loaded. Type to filter all available results. Use up and down arrow keys to navigate.", "Initial %d results loaded. Type to filter all available results. Use up and down arrow keys to navigate.", options.length),
-            options.length
-          ), "assertive");
-        }
+  const [items] = useItems(filterValue);
+  const popoverAnchor = useAnchor({
+    editableContentElement: contentRef.current
+  });
+  const [needsA11yCompat, setNeedsA11yCompat] = useState(false);
+  const popoverRef = useRef(null);
+  const popoverRefs = useMergeRefs([popoverRef, useRefEffect((node) => {
+    if (!contentRef.current) {
+      return;
+    }
+    setNeedsA11yCompat(node.ownerDocument !== contentRef.current.ownerDocument);
+  }, [contentRef])]);
+  useOnClickOutside(popoverRef, reset);
+  const debouncedSpeak = useDebounce(speak, 500);
+  function announce(options) {
+    if (!debouncedSpeak) {
+      return;
+    }
+    if (!!options.length) {
+      if (filterValue) {
+        debouncedSpeak(sprintf(
+          /* translators: %d: number of results. */
+          _n("%d result found, use up and down arrow keys to navigate.", "%d results found, use up and down arrow keys to navigate.", options.length),
+          options.length
+        ), "assertive");
       } else {
-        debouncedSpeak(__("No results."), "assertive");
+        debouncedSpeak(sprintf(
+          /* translators: %d: number of results. */
+          _n("Initial %d result loaded. Type to filter all available results. Use up and down arrow keys to navigate.", "Initial %d results loaded. Type to filter all available results. Use up and down arrow keys to navigate.", options.length),
+          options.length
+        ), "assertive");
       }
+    } else {
+      debouncedSpeak(__("No results."), "assertive");
     }
-    useLayoutEffect(() => {
-      onChangeOptions(items);
-      announce(items);
-    }, [items]);
-    if (items.length === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ _jsxs(_Fragment, {
-      children: [/* @__PURE__ */ _jsx(Popover, {
-        offset: 8,
-        focusOnMount: false,
-        onClose: onReset,
-        placement: "top-start",
-        className: "components-autocomplete__popover",
-        anchor: popoverAnchor,
-        ref: popoverRefs,
-        children: /* @__PURE__ */ _jsx(ListBox, {
-          items,
-          onSelect,
-          selectedIndex,
-          instanceId,
-          listBoxId,
-          className
-        })
-      }), contentRef.current && needsA11yCompat && createPortal(/* @__PURE__ */ _jsx(ListBox, {
+  }
+  useLayoutEffect(() => {
+    onChangeOptions(items);
+    announce(items);
+  }, [items]);
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx(Popover, {
+      offset: 8,
+      focusOnMount: false,
+      placement: "top-start",
+      className: "components-autocomplete__popover",
+      anchor: popoverAnchor,
+      ref: popoverRefs,
+      children: /* @__PURE__ */ _jsx(ListBox, {
         items,
         onSelect,
         selectedIndex,
         instanceId,
         listBoxId,
-        className,
-        Component: VisuallyHidden
-      }), contentRef.current.ownerDocument.body)]
-    });
-  }
-  return AutocompleterUI;
+        className
+      })
+    }), contentRef.current && needsA11yCompat && createPortal(/* @__PURE__ */ _jsx(ListBox, {
+      items,
+      onSelect,
+      selectedIndex,
+      instanceId,
+      listBoxId,
+      className,
+      Component: VisuallyHidden
+    }), contentRef.current.ownerDocument.body)]
+  });
 }
 function useOnClickOutside(ref, handler) {
   useEffect(() => {
@@ -145,6 +141,6 @@ function useOnClickOutside(ref, handler) {
   }, [handler, ref]);
 }
 export {
-  getAutoCompleterUI
+  AutocompleterUI
 };
 //# sourceMappingURL=autocompleter-ui.mjs.map

package/build-module/autocomplete/autocompleter-ui.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/autocomplete/autocompleter-ui.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport { createPortal } from 'react-dom';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useRef, useEffect, useState } from '@wordpress/element';\nimport { useAnchor } from '@wordpress/rich-text';\nimport { useDebounce, useMergeRefs, useRefEffect } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport getDefaultUseItems from './get-default-use-items';\nimport Button from '../button';\nimport Popover from '../popover';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction ListBox({\n  items,\n  onSelect,\n  selectedIndex,\n  instanceId,\n  listBoxId,\n  className,\n  Component = 'div'\n}) {\n  return /*#__PURE__*/_jsx(Component, {\n    id: listBoxId,\n    role: \"listbox\",\n    className: \"components-autocomplete__results\",\n    children: items.map((option, index) => /*#__PURE__*/_jsx(Button, {\n      id: `components-autocomplete-item-${instanceId}-${option.key}`,\n      role: \"option\",\n      __next40pxDefaultSize: true,\n      \"aria-selected\": index === selectedIndex,\n      accessibleWhenDisabled: true,\n      disabled: option.isDisabled,\n      className: clsx('components-autocomplete__result', className, {\n        // Unused, for backwards compatibility.\n        'is-selected': index === selectedIndex\n      }),\n      variant: index === selectedIndex ? 'primary' : undefined,\n      onClick: () => onSelect(option),\n      children: option.label\n    }, option.key))\n  });\n}\nexport function getAutoCompleterUI(autocompleter) {\n  const useItems = autocompleter.useItems ?? getDefaultUseItems(autocompleter);\n  function AutocompleterUI({\n    filterValue,\n    instanceId,\n    listBoxId,\n    className,\n    selectedIndex,\n    onChangeOptions,\n    onSelect,\n    onReset,\n    reset,\n    contentRef\n  }) {\n    const [items] = useItems(filterValue);\n    const popoverAnchor = useAnchor({\n      editableContentElement: contentRef.current\n    });\n    const [needsA11yCompat, setNeedsA11yCompat] = useState(false);\n    const popoverRef = useRef(null);\n    const popoverRefs = useMergeRefs([popoverRef, useRefEffect(node => {\n      if (!contentRef.current) {\n        return;\n      }\n\n      // If the popover is rendered in a different document than\n      // the content, we need to duplicate the options list in the\n      // content document so that it's available to the screen\n      // readers, which check the DOM ID based aria-* attributes.\n      setNeedsA11yCompat(node.ownerDocument !== contentRef.current.ownerDocument);\n    }, [contentRef])]);\n    useOnClickOutside(popoverRef, reset);\n    const debouncedSpeak = useDebounce(speak, 500);\n    function announce(options) {\n      if (!debouncedSpeak) {\n        return;\n      }\n      if (!!options.length) {\n        if (filterValue) {\n          debouncedSpeak(sprintf(/* translators: %d: number of results. */\n          _n('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', options.length), options.length), 'assertive');\n        } else {\n          debouncedSpeak(sprintf(/* translators: %d: number of results. */\n          _n('Initial %d result loaded. Type to filter all available results. Use up and down arrow keys to navigate.', 'Initial %d results loaded. Type to filter all available results. Use up and down arrow keys to navigate.', options.length), options.length), 'assertive');\n        }\n      } else {\n        debouncedSpeak(__('No results.'), 'assertive');\n      }\n    }\n    useLayoutEffect(() => {\n      onChangeOptions(items);\n      announce(items);\n      // We want to avoid introducing unexpected side effects.\n      // See https://github.com/WordPress/gutenberg/pull/41820\n    }, [items]);\n    if (items.length === 0) {\n      return null;\n    }\n    return /*#__PURE__*/_jsxs(_Fragment, {\n      children: [/*#__PURE__*/_jsx(Popover, {\n        offset: 8,\n        focusOnMount: false,\n        onClose: onReset,\n        placement: \"top-start\",\n        className: \"components-autocomplete__popover\",\n        anchor: popoverAnchor,\n        ref: popoverRefs,\n        children: /*#__PURE__*/_jsx(ListBox, {\n          items: items,\n          onSelect: onSelect,\n          selectedIndex: selectedIndex,\n          instanceId: instanceId,\n          listBoxId: listBoxId,\n          className: className\n        })\n      }), contentRef.current && needsA11yCompat && createPortal(/*#__PURE__*/_jsx(ListBox, {\n        items: items,\n        onSelect: onSelect,\n        selectedIndex: selectedIndex,\n        instanceId: instanceId,\n        listBoxId: listBoxId,\n        className: className,\n        Component: VisuallyHidden\n      }), contentRef.current.ownerDocument.body)]\n    });\n  }\n  return AutocompleterUI;\n}\nfunction useOnClickOutside(ref, handler) {\n  useEffect(() => {\n    const listener = event => {\n      // Do nothing if clicking ref's element or descendent elements, or if the ref is not referencing an element\n      if (!ref.current || ref.current.contains(event.target)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [handler, ref]);\n}"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport { createPortal } from 'react-dom';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useRef, useEffect, useState } from '@wordpress/element';\nimport { useAnchor } from '@wordpress/rich-text';\nimport { useDebounce, useMergeRefs, useRefEffect } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport getDefaultUseItems from './get-default-use-items';\nimport Button from '../button';\nimport Popover from '../popover';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction ListBox({\n  items,\n  onSelect,\n  selectedIndex,\n  instanceId,\n  listBoxId,\n  className,\n  Component = 'div'\n}) {\n  return /*#__PURE__*/_jsx(Component, {\n    id: listBoxId,\n    role: \"listbox\",\n    className: \"components-autocomplete__results\",\n    children: items.map((option, index) => /*#__PURE__*/_jsx(Button, {\n      id: `components-autocomplete-item-${instanceId}-${option.key}`,\n      role: \"option\",\n      __next40pxDefaultSize: true,\n      \"aria-selected\": index === selectedIndex,\n      accessibleWhenDisabled: true,\n      disabled: option.isDisabled,\n      className: clsx('components-autocomplete__result', className, {\n        // Unused, for backwards compatibility.\n        'is-selected': index === selectedIndex\n      }),\n      variant: index === selectedIndex ? 'primary' : undefined,\n      onClick: () => onSelect(option),\n      children: option.label\n    }, option.key))\n  });\n}\nexport function AutocompleterUI({\n  autocompleter,\n  filterValue,\n  instanceId,\n  listBoxId,\n  className,\n  selectedIndex,\n  onChangeOptions,\n  onSelect,\n  reset,\n  contentRef\n}) {\n  // The useItems hook is derived from the autocompleter prop. This is safe\n  // because the parent renders this component with key={autocompleter.name},\n  // ensuring a fresh mount (and stable hook identity) when the completer changes.\n  const useItems = autocompleter.useItems ?? getDefaultUseItems(autocompleter);\n  // eslint-disable-next-line react-compiler/react-compiler\n  const [items] = useItems(filterValue);\n  const popoverAnchor = useAnchor({\n    editableContentElement: contentRef.current\n  });\n  const [needsA11yCompat, setNeedsA11yCompat] = useState(false);\n  const popoverRef = useRef(null);\n  const popoverRefs = useMergeRefs([popoverRef, useRefEffect(node => {\n    if (!contentRef.current) {\n      return;\n    }\n\n    // If the popover is rendered in a different document than\n    // the content, we need to duplicate the options list in the\n    // content document so that it's available to the screen\n    // readers, which check the DOM ID based aria-* attributes.\n    setNeedsA11yCompat(node.ownerDocument !== contentRef.current.ownerDocument);\n  }, [contentRef])]);\n  useOnClickOutside(popoverRef, reset);\n  const debouncedSpeak = useDebounce(speak, 500);\n  function announce(options) {\n    if (!debouncedSpeak) {\n      return;\n    }\n    if (!!options.length) {\n      if (filterValue) {\n        debouncedSpeak(sprintf(/* translators: %d: number of results. */\n        _n('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', options.length), options.length), 'assertive');\n      } else {\n        debouncedSpeak(sprintf(/* translators: %d: number of results. */\n        _n('Initial %d result loaded. Type to filter all available results. Use up and down arrow keys to navigate.', 'Initial %d results loaded. Type to filter all available results. Use up and down arrow keys to navigate.', options.length), options.length), 'assertive');\n      }\n    } else {\n      debouncedSpeak(__('No results.'), 'assertive');\n    }\n  }\n  useLayoutEffect(() => {\n    onChangeOptions(items);\n    announce(items);\n    // We want to avoid introducing unexpected side effects.\n    // See https://github.com/WordPress/gutenberg/pull/41820\n  }, [items]);\n  if (items.length === 0) {\n    return null;\n  }\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(Popover, {\n      offset: 8,\n      focusOnMount: false,\n      placement: \"top-start\",\n      className: \"components-autocomplete__popover\",\n      anchor: popoverAnchor,\n      ref: popoverRefs,\n      children: /*#__PURE__*/_jsx(ListBox, {\n        items: items,\n        onSelect: onSelect,\n        selectedIndex: selectedIndex,\n        instanceId: instanceId,\n        listBoxId: listBoxId,\n        className: className\n      })\n    }), contentRef.current && needsA11yCompat && createPortal(/*#__PURE__*/_jsx(ListBox, {\n      items: items,\n      onSelect: onSelect,\n      selectedIndex: selectedIndex,\n      instanceId: instanceId,\n      listBoxId: listBoxId,\n      className: className,\n      Component: VisuallyHidden\n    }), contentRef.current.ownerDocument.body)]\n  });\n}\nfunction useOnClickOutside(ref, handler) {\n  useEffect(() => {\n    const listener = event => {\n      // Do nothing if clicking ref's element or descendent elements, or if the ref is not referencing an element\n      if (!ref.current || ref.current.contains(event.target)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [handler, ref]);\n}"],
+  "mappings": "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",
   "names": []
 }

package/build-module/autocomplete/get-autocomplete-match.mjs

@@ -0,0 +1,56 @@
+// packages/components/src/autocomplete/get-autocomplete-match.ts
+import removeAccents from "remove-accents";
+function getAutocompleteMatch(textContent, completers, filteredOptionsLength, isBackspacing, getTextAfterSelection) {
+  if (!textContent) {
+    return null;
+  }
+  let completer = null;
+  let triggerIndex = -1;
+  let matchedEndIndex = -1;
+  let matchedPrefixLength = 0;
+  for (const currentCompleter of completers) {
+    const currentIndex = textContent.lastIndexOf(currentCompleter.triggerPrefix);
+    if (currentIndex < 0) {
+      continue;
+    }
+    const currentEndIndex = currentIndex + currentCompleter.triggerPrefix.length;
+    if (currentEndIndex > matchedEndIndex || currentEndIndex === matchedEndIndex && currentCompleter.triggerPrefix.length > matchedPrefixLength) {
+      completer = currentCompleter;
+      triggerIndex = currentIndex;
+      matchedEndIndex = currentEndIndex;
+      matchedPrefixLength = currentCompleter.triggerPrefix.length;
+    }
+  }
+  if (!completer) {
+    return null;
+  }
+  const {
+    allowContext,
+    triggerPrefix
+  } = completer;
+  const textWithoutTrigger = textContent.slice(triggerIndex + triggerPrefix.length);
+  if (textWithoutTrigger.length > 50) {
+    return null;
+  }
+  const mismatch = filteredOptionsLength === 0;
+  const wordsFromTrigger = textWithoutTrigger.split(/\s/);
+  const hasOneTriggerWord = wordsFromTrigger.length === 1;
+  const matchingWhileBackspacing = isBackspacing && wordsFromTrigger.length <= 3;
+  if (mismatch && !(matchingWhileBackspacing || hasOneTriggerWord)) {
+    return null;
+  }
+  if (allowContext && !allowContext(textContent.slice(0, triggerIndex), getTextAfterSelection())) {
+    return null;
+  }
+  if (/^\s/.test(textWithoutTrigger) || /\s\s+$/.test(textWithoutTrigger)) {
+    return null;
+  }
+  return {
+    completer,
+    filterValue: removeAccents(textWithoutTrigger)
+  };
+}
+export {
+  getAutocompleteMatch
+};
+//# sourceMappingURL=get-autocomplete-match.mjs.map

package/build-module/autocomplete/get-autocomplete-match.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/autocomplete/get-autocomplete-match.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n/**\n * Internal dependencies\n */\n\nexport function getAutocompleteMatch(textContent, completers, filteredOptionsLength, isBackspacing, getTextAfterSelection) {\n  if (!textContent) {\n    return null;\n  }\n\n  // Find the completer whose trigger prefix ends closest to the cursor\n  // (rightmost end position). Comparing end positions instead of start\n  // positions correctly resolves overlapping prefixes like \"@\" and \"@@\".\n  let completer = null;\n  let triggerIndex = -1;\n  let matchedEndIndex = -1;\n  let matchedPrefixLength = 0;\n  for (const currentCompleter of completers) {\n    const currentIndex = textContent.lastIndexOf(currentCompleter.triggerPrefix);\n    if (currentIndex < 0) {\n      continue;\n    }\n    const currentEndIndex = currentIndex + currentCompleter.triggerPrefix.length;\n    if (currentEndIndex > matchedEndIndex || currentEndIndex === matchedEndIndex && currentCompleter.triggerPrefix.length > matchedPrefixLength) {\n      completer = currentCompleter;\n      triggerIndex = currentIndex;\n      matchedEndIndex = currentEndIndex;\n      matchedPrefixLength = currentCompleter.triggerPrefix.length;\n    }\n  }\n  if (!completer) {\n    return null;\n  }\n  const {\n    allowContext,\n    triggerPrefix\n  } = completer;\n  const textWithoutTrigger = textContent.slice(triggerIndex + triggerPrefix.length);\n\n  // Prevent matching with an extremely long string, which causes\n  // the editor to slow-down significantly. This could happen, for\n  // example, if `matchingWhileBackspacing` is true and one of the\n  // \"words\" ends up being too long. Returning null here intentionally\n  // resets the autocompleter state in the caller.\n  if (textWithoutTrigger.length > 50) {\n    return null;\n  }\n  const mismatch = filteredOptionsLength === 0;\n  const wordsFromTrigger = textWithoutTrigger.split(/\\s/);\n\n  // Allow matching when typing a trigger + the match string or when\n  // clicking in an existing trigger word on the page.\n  // E.g. \"Some text @a\" \u2014 \"@a\" is detected as a trigger word.\n  const hasOneTriggerWord = wordsFromTrigger.length === 1;\n\n  // Allow matching when backspacing near a trigger word (up to 3\n  // words from the trigger character). This lets us recover from a\n  // mismatch when backspacing while still imposing sane limits.\n  // E.g. \"Some text @marcelo sekkkk\" \u2014 backspacing \"kkkk\" re-shows\n  // the popup once the text matches again.\n  const matchingWhileBackspacing = isBackspacing && wordsFromTrigger.length <= 3;\n  if (mismatch && !(matchingWhileBackspacing || hasOneTriggerWord)) {\n    return null;\n  }\n  if (allowContext && !allowContext(textContent.slice(0, triggerIndex), getTextAfterSelection())) {\n    return null;\n  }\n  if (/^\\s/.test(textWithoutTrigger) || /\\s\\s+$/.test(textWithoutTrigger)) {\n    return null;\n  }\n  return {\n    completer,\n    filterValue: removeAccents(textWithoutTrigger)\n  };\n}"],
+  "mappings": ";AAGA,OAAO,mBAAmB;AAMnB,SAAS,qBAAqB,aAAa,YAAY,uBAAuB,eAAe,uBAAuB;AACzH,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAKA,MAAI,YAAY;AAChB,MAAI,eAAe;AACnB,MAAI,kBAAkB;AACtB,MAAI,sBAAsB;AAC1B,aAAW,oBAAoB,YAAY;AACzC,UAAM,eAAe,YAAY,YAAY,iBAAiB,aAAa;AAC3E,QAAI,eAAe,GAAG;AACpB;AAAA,IACF;AACA,UAAM,kBAAkB,eAAe,iBAAiB,cAAc;AACtE,QAAI,kBAAkB,mBAAmB,oBAAoB,mBAAmB,iBAAiB,cAAc,SAAS,qBAAqB;AAC3I,kBAAY;AACZ,qBAAe;AACf,wBAAkB;AAClB,4BAAsB,iBAAiB,cAAc;AAAA,IACvD;AAAA,EACF;AACA,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,qBAAqB,YAAY,MAAM,eAAe,cAAc,MAAM;AAOhF,MAAI,mBAAmB,SAAS,IAAI;AAClC,WAAO;AAAA,EACT;AACA,QAAM,WAAW,0BAA0B;AAC3C,QAAM,mBAAmB,mBAAmB,MAAM,IAAI;AAKtD,QAAM,oBAAoB,iBAAiB,WAAW;AAOtD,QAAM,2BAA2B,iBAAiB,iBAAiB,UAAU;AAC7E,MAAI,YAAY,EAAE,4BAA4B,oBAAoB;AAChE,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,CAAC,aAAa,YAAY,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC,GAAG;AAC9F,WAAO;AAAA,EACT;AACA,MAAI,MAAM,KAAK,kBAAkB,KAAK,SAAS,KAAK,kBAAkB,GAAG;AACvE,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL;AAAA,IACA,aAAa,cAAc,kBAAkB;AAAA,EAC/C;AACF;",
+  "names": []
+}

package/build-module/autocomplete/index.mjs

@@ -1,17 +1,54 @@
 // packages/components/src/autocomplete/index.tsx
-import removeAccents from "remove-accents";
-import { renderToString, useEffect, useState, useRef, useMemo } from "@wordpress/element";
+import { renderToString, useEffect, useMemo, useReducer, useRef } from "@wordpress/element";
 import { useInstanceId, useMergeRefs, useRefEffect } from "@wordpress/compose";
 import { create, slice, insert, isCollapsed, getTextContent } from "@wordpress/rich-text";
 import { speak } from "@wordpress/a11y";
 import { isAppleOS } from "@wordpress/keycodes";
-import { getAutoCompleterUI } from "./autocompleter-ui.mjs";
-import { escapeRegExp } from "../utils/strings.mjs";
+import { AutocompleterUI } from "./autocompleter-ui.mjs";
+import { getAutocompleteMatch } from "./get-autocomplete-match.mjs";
 import { withIgnoreIMEEvents } from "../utils/with-ignore-ime-events.mjs";
 import getNodeText from "../utils/get-node-text.mjs";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var EMPTY_FILTERED_OPTIONS = [];
 var AUTOCOMPLETE_HOOK_REFERENCE = {};
+function getCompletionObject(completion) {
+  if (completion !== null && typeof completion === "object" && "action" in completion && completion.action !== void 0 && "value" in completion && completion.value !== void 0) {
+    return completion;
+  }
+  return {
+    action: "insert-at-caret",
+    value: completion
+  };
+}
+var initialState = {
+  selectedIndex: 0,
+  filteredOptions: EMPTY_FILTERED_OPTIONS,
+  filterValue: "",
+  autocompleter: null
+};
+function autocompleteReducer(state, action) {
+  switch (action.type) {
+    case "RESET":
+      return initialState;
+    case "SELECT":
+      return {
+        ...state,
+        selectedIndex: action.index
+      };
+    case "OPTIONS":
+      return {
+        ...state,
+        filteredOptions: action.options,
+        selectedIndex: action.options.length === state.filteredOptions.length ? state.selectedIndex : 0
+      };
+    case "MATCH":
+      return {
+        ...state,
+        autocompleter: action.completer,
+        filterValue: action.query
+      };
+  }
+}
 function useAutocomplete({
   record,
   onChange,
@@ -20,11 +57,13 @@ function useAutocomplete({
   contentRef
 }) {
   const instanceId = useInstanceId(AUTOCOMPLETE_HOOK_REFERENCE);
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const [filteredOptions, setFilteredOptions] = useState(EMPTY_FILTERED_OPTIONS);
-  const [filterValue, setFilterValue] = useState("");
-  const [autocompleter, setAutocompleter] = useState(null);
-  const [AutocompleterUI, setAutocompleterUI] = useState(null);
+  const [state, dispatch] = useReducer(autocompleteReducer, initialState);
+  const {
+    selectedIndex,
+    filteredOptions,
+    filterValue,
+    autocompleter
+  } = state;
   const backspacingRef = useRef(false);
   function insertCompletion(replacement) {
     if (autocompleter === null) {
@@ -45,14 +84,7 @@ function useAutocomplete({
       return;
     }
     if (getOptionCompletion) {
-      const completion = getOptionCompletion(option.value, filterValue);
-      const isCompletionObject = (obj) => {
-        return obj !== null && typeof obj === "object" && "action" in obj && obj.action !== void 0 && "value" in obj && obj.value !== void 0;
-      };
-      const completionObject = isCompletionObject(completion) ? completion : {
-        action: "insert-at-caret",
-        value: completion
-      };
+      const completionObject = getCompletionObject(getOptionCompletion(option.value, filterValue));
       if ("replace" === completionObject.action) {
         onReplace([completionObject.value]);
         return;
@@ -60,19 +92,16 @@ function useAutocomplete({
         insertCompletion(completionObject.value);
       }
     }
-    reset();
+    dispatch({
+      type: "RESET"
+    });
     contentRef.current?.focus();
   }
-  function reset() {
-    setSelectedIndex(0);
-    setFilteredOptions(EMPTY_FILTERED_OPTIONS);
-    setFilterValue("");
-    setAutocompleter(null);
-    setAutocompleterUI(null);
-  }
   function onChangeOptions(options) {
-    setSelectedIndex(options.length === filteredOptions.length ? selectedIndex : 0);
-    setFilteredOptions(options);
+    dispatch({
+      type: "OPTIONS",
+      options
+    });
   }
   function handleKeyDown(event) {
     backspacingRef.current = event.key === "Backspace";
@@ -86,25 +115,23 @@ function useAutocomplete({
       return;
     }
     switch (event.key) {
-      case "ArrowUp": {
-        const newIndex = (selectedIndex === 0 ? filteredOptions.length : selectedIndex) - 1;
-        setSelectedIndex(newIndex);
-        if (isAppleOS()) {
-          speak(getNodeText(filteredOptions[newIndex].label), "assertive");
-        }
-        break;
-      }
+      case "ArrowUp":
       case "ArrowDown": {
-        const newIndex = (selectedIndex + 1) % filteredOptions.length;
-        setSelectedIndex(newIndex);
+        const offset = event.key === "ArrowUp" ? -1 : 1;
+        const newIndex = (selectedIndex + offset + filteredOptions.length) % filteredOptions.length;
+        dispatch({
+          type: "SELECT",
+          index: newIndex
+        });
         if (isAppleOS()) {
           speak(getNodeText(filteredOptions[newIndex].label), "assertive");
         }
         break;
       }
       case "Escape":
-        setAutocompleter(null);
-        setAutocompleterUI(null);
+        dispatch({
+          type: "RESET"
+        });
         event.preventDefault();
         break;
       case "Enter":
@@ -112,7 +139,9 @@ function useAutocomplete({
         break;
       case "ArrowLeft":
       case "ArrowRight":
-        reset();
+        dispatch({
+          type: "RESET"
+        });
         return;
       default:
         return;
@@ -126,69 +155,27 @@ function useAutocomplete({
     return "";
   }, [record]);
   useEffect(() => {
-    if (!textContent) {
-      if (autocompleter) {
-        reset();
-      }
-      return;
+    function getTextAfterSelection() {
+      return textContent ? getTextContent(slice(record, void 0, getTextContent(record).length)) : "";
     }
-    const completer = completers.reduce((lastTrigger, currentCompleter) => {
-      const triggerIndex2 = textContent.lastIndexOf(currentCompleter.triggerPrefix);
-      const lastTriggerIndex = lastTrigger !== null ? textContent.lastIndexOf(lastTrigger.triggerPrefix) : -1;
-      return triggerIndex2 > lastTriggerIndex ? currentCompleter : lastTrigger;
-    }, null);
-    if (!completer) {
+    const match = getAutocompleteMatch(textContent, completers, filteredOptions.length, backspacingRef.current, getTextAfterSelection);
+    if (!match) {
       if (autocompleter) {
-        reset();
+        dispatch({
+          type: "RESET"
+        });
       }
       return;
     }
     const {
-      allowContext,
-      triggerPrefix
-    } = completer;
-    const triggerIndex = textContent.lastIndexOf(triggerPrefix);
-    const textWithoutTrigger = textContent.slice(triggerIndex + triggerPrefix.length);
-    const tooDistantFromTrigger = textWithoutTrigger.length > 50;
-    if (tooDistantFromTrigger) {
-      return;
-    }
-    const mismatch = filteredOptions.length === 0;
-    const wordsFromTrigger = textWithoutTrigger.split(/\s/);
-    const hasOneTriggerWord = wordsFromTrigger.length === 1;
-    const matchingWhileBackspacing = backspacingRef.current && wordsFromTrigger.length <= 3;
-    if (mismatch && !(matchingWhileBackspacing || hasOneTriggerWord)) {
-      if (autocompleter) {
-        reset();
-      }
-      return;
-    }
-    const textAfterSelection = getTextContent(slice(record, void 0, getTextContent(record).length));
-    if (allowContext && !allowContext(textContent.slice(0, triggerIndex), textAfterSelection)) {
-      if (autocompleter) {
-        reset();
-      }
-      return;
-    }
-    if (/^\s/.test(textWithoutTrigger) || /\s\s+$/.test(textWithoutTrigger)) {
-      if (autocompleter) {
-        reset();
-      }
-      return;
-    }
-    if (!/[\u0000-\uFFFF]*$/.test(textWithoutTrigger)) {
-      if (autocompleter) {
-        reset();
-      }
-      return;
-    }
-    const safeTrigger = escapeRegExp(completer.triggerPrefix);
-    const text = removeAccents(textContent);
-    const match = text.slice(text.lastIndexOf(completer.triggerPrefix)).match(new RegExp(`${safeTrigger}([\0-\uFFFF]*)$`));
-    const query = match && match[1];
-    setAutocompleter(completer);
-    setAutocompleterUI(() => completer !== autocompleter ? getAutoCompleterUI(completer) : AutocompleterUI);
-    setFilterValue(query === null ? "" : query);
+      completer,
+      filterValue: query
+    } = match;
+    dispatch({
+      type: "MATCH",
+      completer,
+      query
+    });
   }, [textContent]);
   const {
     key: selectedKey = ""
@@ -200,12 +187,13 @@ function useAutocomplete({
   const listBoxId = isExpanded ? `components-autocomplete-listbox-${instanceId}` : void 0;
   const activeId = isExpanded ? `components-autocomplete-item-${instanceId}-${selectedKey}` : null;
   const hasSelection = record.start !== void 0;
-  const showPopover = !!textContent && hasSelection && !!AutocompleterUI;
+  const showPopover = !!textContent && hasSelection && !!autocompleter;
   return {
     listBoxId,
     activeId,
     onKeyDown: withIgnoreIMEEvents(handleKeyDown),
     popover: showPopover && /* @__PURE__ */ _jsx(AutocompleterUI, {
+      autocompleter,
       className,
       filterValue,
       instanceId,
@@ -213,19 +201,26 @@ function useAutocomplete({
       selectedIndex,
       onChangeOptions,
       onSelect: select,
-      value: record,
       contentRef,
-      reset
-    })
+      reset: () => dispatch({
+        type: "RESET"
+      })
+    }, autocompleter.name + autocompleter.triggerPrefix)
   };
 }
+function recordValuesMatch(a, b) {
+  return a.text === b.text && a.start === b.start && a.end === b.end;
+}
 function useLastDifferentValue(value) {
-  const history = useRef(/* @__PURE__ */ new Set());
-  history.current.add(value);
-  if (history.current.size > 2) {
-    history.current.delete(Array.from(history.current)[0]);
+  const history = useRef([]);
+  const lastEntry = history.current[history.current.length - 1];
+  if (!lastEntry || !recordValuesMatch(value, lastEntry)) {
+    history.current.push(value);
+  }
+  if (history.current.length > 2) {
+    history.current.shift();
   }
-  return Array.from(history.current)[0];
+  return history.current[0];
 }
 function useAutocompleteProps(options) {
   const ref = useRef(null);
@@ -283,6 +278,7 @@ function Autocomplete({
 export {
   Autocomplete as default,
   useAutocomplete,
-  useAutocompleteProps
+  useAutocompleteProps,
+  useLastDifferentValue
 };
 //# sourceMappingURL=index.mjs.map