@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

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

@@ -1,25 +1,14 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useLayoutEffect, useRef, useEffect, useState } from '@wordpress/element';
-import { useAnchor } from '@wordpress/rich-text';
-import { useDebounce, useMergeRefs, useRefEffect } from '@wordpress/compose';
-import { speak } from '@wordpress/a11y';
-import { __, _n, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import getDefaultUseItems from './get-default-use-items';
-import Button from '../button';
-import Popover from '../popover';
-import { VisuallyHidden } from '../visually-hidden';
-import { createPortal } from 'react-dom';
+import clsx from "clsx";
+import { useLayoutEffect, useRef, useEffect, useState } from "@wordpress/element";
+import { useAnchor } from "@wordpress/rich-text";
+import { useDebounce, useMergeRefs, useRefEffect } from "@wordpress/compose";
+import { speak } from "@wordpress/a11y";
+import { __, _n, sprintf } from "@wordpress/i18n";
+import getDefaultUseItems from "./get-default-use-items";
+import Button from "../button";
+import Popover from "../popover";
+import { VisuallyHidden } from "../visually-hidden";
+import { createPortal } from "react-dom";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function ListBox({
   items,
@@ -28,30 +17,30 @@ function ListBox({
   instanceId,
   listBoxId,
   className,
-  Component = 'div'
+  Component = "div"
 }) {
-  return /*#__PURE__*/_jsx(Component, {
+  return /* @__PURE__ */ _jsx(Component, {
     id: listBoxId,
     role: "listbox",
     className: "components-autocomplete__results",
-    children: items.map((option, index) => /*#__PURE__*/_jsx(Button, {
+    children: items.map((option, index) => /* @__PURE__ */ _jsx(Button, {
       id: `components-autocomplete-item-${instanceId}-${option.key}`,
       role: "option",
       __next40pxDefaultSize: true,
       "aria-selected": index === selectedIndex,
       accessibleWhenDisabled: true,
       disabled: option.isDisabled,
-      className: clsx('components-autocomplete__result', className, {
+      className: clsx("components-autocomplete__result", className, {
         // Unused, for backwards compatibility.
-        'is-selected': index === selectedIndex
+        "is-selected": index === selectedIndex
       }),
-      variant: index === selectedIndex ? 'primary' : undefined,
+      variant: index === selectedIndex ? "primary" : void 0,
       onClick: () => onSelect(option),
       children: option.label
     }, option.key))
   });
 }
-export function getAutoCompleterUI(autocompleter) {
+function getAutoCompleterUI(autocompleter) {
   var _autocompleter$useIte;
   const useItems = (_autocompleter$useIte = autocompleter.useItems) !== null && _autocompleter$useIte !== void 0 ? _autocompleter$useIte : getDefaultUseItems(autocompleter);
   function AutocompleterUI({
@@ -72,15 +61,10 @@ export function getAutoCompleterUI(autocompleter) {
     });
     const [needsA11yCompat, setNeedsA11yCompat] = useState(false);
     const popoverRef = useRef(null);
-    const popoverRefs = useMergeRefs([popoverRef, useRefEffect(node => {
+    const popoverRefs = useMergeRefs([popoverRef, useRefEffect((node) => {
       if (!contentRef.current) {
         return;
       }
-
-      // If the popover is rendered in a different document than
-      // the content, we need to duplicate the options list in the
-      // content document so that it's available to the screen
-      // readers, which check the DOM ID based aria-* attributes.
       setNeedsA11yCompat(node.ownerDocument !== contentRef.current.ownerDocument);
     }, [contentRef])]);
     useOnClickOutside(popoverRef, reset);
@@ -91,48 +75,52 @@ export function getAutoCompleterUI(autocompleter) {
       }
       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');
+          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');
+          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');
+        debouncedSpeak(__("No results."), "assertive");
       }
     }
     useLayoutEffect(() => {
       onChangeOptions(items);
       announce(items);
-      // We want to avoid introducing unexpected side effects.
-      // See https://github.com/WordPress/gutenberg/pull/41820
     }, [items]);
     if (items.length === 0) {
       return null;
     }
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Popover, {
+    return /* @__PURE__ */ _jsxs(_Fragment, {
+      children: [/* @__PURE__ */ _jsx(Popover, {
         focusOnMount: false,
         onClose: onReset,
         placement: "top-start",
         className: "components-autocomplete__popover",
         anchor: popoverAnchor,
         ref: popoverRefs,
-        children: /*#__PURE__*/_jsx(ListBox, {
-          items: items,
-          onSelect: onSelect,
-          selectedIndex: selectedIndex,
-          instanceId: instanceId,
-          listBoxId: listBoxId,
-          className: className
+        children: /* @__PURE__ */ _jsx(ListBox, {
+          items,
+          onSelect,
+          selectedIndex,
+          instanceId,
+          listBoxId,
+          className
         })
-      }), contentRef.current && needsA11yCompat && createPortal(/*#__PURE__*/_jsx(ListBox, {
-        items: items,
-        onSelect: onSelect,
-        selectedIndex: selectedIndex,
-        instanceId: instanceId,
-        listBoxId: listBoxId,
-        className: className,
+      }), contentRef.current && needsA11yCompat && createPortal(/* @__PURE__ */ _jsx(ListBox, {
+        items,
+        onSelect,
+        selectedIndex,
+        instanceId,
+        listBoxId,
+        className,
         Component: VisuallyHidden
       }), contentRef.current.ownerDocument.body)]
     });
@@ -141,19 +129,21 @@ export function getAutoCompleterUI(autocompleter) {
 }
 function useOnClickOutside(ref, handler) {
   useEffect(() => {
-    const listener = event => {
-      // Do nothing if clicking ref's element or descendent elements, or if the ref is not referencing an element
+    const listener = (event) => {
       if (!ref.current || ref.current.contains(event.target)) {
         return;
       }
       handler(event);
     };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
     return () => {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
     };
   }, [handler, ref]);
 }
-//# sourceMappingURL=autocompleter-ui.js.map
+export {
+  getAutoCompleterUI
+};
+//# sourceMappingURL=autocompleter-ui.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useLayoutEffect","useRef","useEffect","useState","useAnchor","useDebounce","useMergeRefs","useRefEffect","speak","__","_n","sprintf","getDefaultUseItems","Button","Popover","VisuallyHidden","createPortal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ListBox","items","onSelect","selectedIndex","instanceId","listBoxId","className","Component","id","role","children","map","option","index","key","__next40pxDefaultSize","accessibleWhenDisabled","disabled","isDisabled","variant","undefined","onClick","label","getAutoCompleterUI","autocompleter","_autocompleter$useIte","useItems","AutocompleterUI","filterValue","onChangeOptions","onReset","reset","contentRef","popoverAnchor","editableContentElement","current","needsA11yCompat","setNeedsA11yCompat","popoverRef","popoverRefs","node","ownerDocument","useOnClickOutside","debouncedSpeak","announce","options","length","focusOnMount","onClose","placement","anchor","ref","body","handler","listener","event","contains","target","document","addEventListener","removeEventListener"],"sources":["@wordpress/components/src/autocomplete/autocompleter-ui.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseLayoutEffect,\n\tuseRef,\n\tuseEffect,\n\tuseState,\n} 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 { createPortal } from 'react-dom';\nimport type { AutocompleterUIProps, KeyedOption, WPCompleter } from './types';\n\ntype ListBoxProps = {\n\titems: KeyedOption[];\n\tonSelect: ( option: KeyedOption ) => void;\n\tselectedIndex: number;\n\tinstanceId: number;\n\tlistBoxId: string | undefined;\n\tclassName?: string;\n\tComponent?: React.ElementType;\n};\n\nfunction ListBox( {\n\titems,\n\tonSelect,\n\tselectedIndex,\n\tinstanceId,\n\tlistBoxId,\n\tclassName,\n\tComponent = 'div',\n}: ListBoxProps ) {\n\treturn (\n\t\t<Component\n\t\t\tid={ listBoxId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"components-autocomplete__results\"\n\t\t>\n\t\t\t{ items.map( ( option, index ) => (\n\t\t\t\t<Button\n\t\t\t\t\tkey={ option.key }\n\t\t\t\t\tid={ `components-autocomplete-item-${ instanceId }-${ option.key }` }\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\taria-selected={ index === selectedIndex }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tdisabled={ option.isDisabled }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'components-autocomplete__result',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// Unused, for backwards compatibility.\n\t\t\t\t\t\t\t'is-selected': index === selectedIndex,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tvariant={ index === selectedIndex ? 'primary' : undefined }\n\t\t\t\t\tonClick={ () => onSelect( option ) }\n\t\t\t\t>\n\t\t\t\t\t{ option.label }\n\t\t\t\t</Button>\n\t\t\t) ) }\n\t\t</Component>\n\t);\n}\n\nexport function getAutoCompleterUI( autocompleter: WPCompleter ) {\n\tconst useItems =\n\t\tautocompleter.useItems ?? getDefaultUseItems( autocompleter );\n\n\tfunction AutocompleterUI( {\n\t\tfilterValue,\n\t\tinstanceId,\n\t\tlistBoxId,\n\t\tclassName,\n\t\tselectedIndex,\n\t\tonChangeOptions,\n\t\tonSelect,\n\t\tonReset,\n\t\treset,\n\t\tcontentRef,\n\t}: AutocompleterUIProps ) {\n\t\tconst [ items ] = useItems( filterValue );\n\t\tconst popoverAnchor = useAnchor( {\n\t\t\teditableContentElement: contentRef.current,\n\t\t} );\n\n\t\tconst [ needsA11yCompat, setNeedsA11yCompat ] = useState( false );\n\t\tconst popoverRef = useRef< HTMLElement >( null );\n\t\tconst popoverRefs = useMergeRefs( [\n\t\t\tpopoverRef,\n\t\t\tuseRefEffect(\n\t\t\t\t( node ) => {\n\t\t\t\t\tif ( ! contentRef.current ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// If the popover is rendered in a different document than\n\t\t\t\t\t// the content, we need to duplicate the options list in the\n\t\t\t\t\t// content document so that it's available to the screen\n\t\t\t\t\t// readers, which check the DOM ID based aria-* attributes.\n\t\t\t\t\tsetNeedsA11yCompat(\n\t\t\t\t\t\tnode.ownerDocument !== contentRef.current.ownerDocument\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\t[ contentRef ]\n\t\t\t),\n\t\t] );\n\n\t\tuseOnClickOutside( popoverRef, reset );\n\n\t\tconst debouncedSpeak = useDebounce( speak, 500 );\n\n\t\tfunction announce( options: Array< KeyedOption > ) {\n\t\t\tif ( ! debouncedSpeak ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( !! options.length ) {\n\t\t\t\tif ( filterValue ) {\n\t\t\t\t\tdebouncedSpeak(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %d: number of results. */\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'%d result found, use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\t'%d results found, use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\toptions.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\toptions.length\n\t\t\t\t\t\t),\n\t\t\t\t\t\t'assertive'\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tdebouncedSpeak(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %d: number of results. */\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'Initial %d result loaded. Type to filter all available results. Use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\t'Initial %d results loaded. Type to filter all available results. Use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\toptions.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\toptions.length\n\t\t\t\t\t\t),\n\t\t\t\t\t\t'assertive'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdebouncedSpeak( __( 'No results.' ), 'assertive' );\n\t\t\t}\n\t\t}\n\n\t\tuseLayoutEffect( () => {\n\t\t\tonChangeOptions( items );\n\t\t\tannounce( items );\n\t\t\t// We want to avoid introducing unexpected side effects.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/41820\n\t\t}, [ items ] );\n\n\t\tif ( items.length === 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Popover\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tonClose={ onReset }\n\t\t\t\t\tplacement=\"top-start\"\n\t\t\t\t\tclassName=\"components-autocomplete__popover\"\n\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\tref={ popoverRefs }\n\t\t\t\t>\n\t\t\t\t\t<ListBox\n\t\t\t\t\t\titems={ items }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tselectedIndex={ selectedIndex }\n\t\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\t\tlistBoxId={ listBoxId }\n\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t/>\n\t\t\t\t</Popover>\n\t\t\t\t{ contentRef.current &&\n\t\t\t\t\tneedsA11yCompat &&\n\t\t\t\t\tcreatePortal(\n\t\t\t\t\t\t<ListBox\n\t\t\t\t\t\t\titems={ items }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tselectedIndex={ selectedIndex }\n\t\t\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\t\t\tlistBoxId={ listBoxId }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tComponent={ VisuallyHidden }\n\t\t\t\t\t\t/>,\n\t\t\t\t\t\tcontentRef.current.ownerDocument.body\n\t\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn AutocompleterUI;\n}\n\nfunction useOnClickOutside(\n\tref: React.RefObject< HTMLElement >,\n\thandler: AutocompleterUIProps[ 'reset' ]\n) {\n\tuseEffect( () => {\n\t\tconst listener = ( event: MouseEvent | TouchEvent ) => {\n\t\t\t// Do nothing if clicking ref's element or descendent elements, or if the ref is not referencing an element\n\t\t\tif (\n\t\t\t\t! ref.current ||\n\t\t\t\tref.current.contains( event.target as Node )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\thandler( event );\n\t\t};\n\t\tdocument.addEventListener( 'mousedown', listener );\n\t\tdocument.addEventListener( 'touchstart', listener );\n\t\treturn () => {\n\t\t\tdocument.removeEventListener( 'mousedown', listener );\n\t\t\tdocument.removeEventListener( 'touchstart', listener );\n\t\t};\n\t}, [ handler, ref ] );\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/autocomplete/autocompleter-ui.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 { createPortal } from 'react-dom';\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  var _autocompleter$useIte;\n  const useItems = (_autocompleter$useIte = autocompleter.useItems) !== null && _autocompleter$useIte !== void 0 ? _autocompleter$useIte : 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        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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",
+  "names": []
+}

package/build-module/autocomplete/background-view.android.js

@@ -1,26 +1,18 @@
-/**
- * External dependencies
- */
-import { View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
+import { View } from "react-native";
+import { usePreferredColorSchemeStyle } from "@wordpress/compose";
+import styles from "./style.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 const BackgroundView = ({
   children
 }) => {
-  const backgroundStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__background'], styles['components-autocomplete__background-dark']);
-  return /*#__PURE__*/_jsx(View, {
+  const backgroundStyles = usePreferredColorSchemeStyle(styles["components-autocomplete__background"], styles["components-autocomplete__background-dark"]);
+  return /* @__PURE__ */ _jsx(View, {
     style: backgroundStyles,
-    children: children
+    children
   });
 };
-export default BackgroundView;
-//# sourceMappingURL=background-view.android.js.map
+var background_view_android_default = BackgroundView;
+export {
+  background_view_android_default as default
+};
+//# sourceMappingURL=background-view.android.js.map

package/build-module/autocomplete/background-view.android.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["View","usePreferredColorSchemeStyle","styles","jsx","_jsx","BackgroundView","children","backgroundStyles","style"],"sources":["@wordpress/components/src/autocomplete/background-view.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BackgroundView = ( { children } ) => {\n\tconst backgroundStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'components-autocomplete__background' ],\n\t\tstyles[ 'components-autocomplete__background-dark' ]\n\t);\n\n\treturn <View style={ backgroundStyles }>{ children }</View>;\n};\n\nexport default BackgroundView;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC1C,MAAMC,gBAAgB,GAAGN,4BAA4B,CACpDC,MAAM,CAAE,qCAAqC,CAAE,EAC/CA,MAAM,CAAE,0CAA0C,CACnD,CAAC;EAED,oBAAOE,IAAA,CAACJ,IAAI;IAACQ,KAAK,EAAGD,gBAAkB;IAAAD,QAAA,EAAGA;EAAQ,CAAQ,CAAC;AAC5D,CAAC;AAED,eAAeD,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/autocomplete/background-view.android.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst BackgroundView = ({\n  children\n}) => {\n  const backgroundStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__background'], styles['components-autocomplete__background-dark']);\n  return /*#__PURE__*/_jsx(View, {\n    style: backgroundStyles,\n    children: children\n  });\n};\nexport default BackgroundView;"],
+  "mappings": "AAGA,SAAS,YAAY;AAKrB,SAAS,oCAAoC;AAK7C,OAAO,YAAY;AACnB,SAAS,OAAO,YAAY;AAC5B,MAAM,iBAAiB,CAAC;AAAA,EACtB;AACF,MAAM;AACJ,QAAM,mBAAmB,6BAA6B,OAAO,qCAAqC,GAAG,OAAO,0CAA0C,CAAC;AACvJ,SAAoB,qBAAK,MAAM;AAAA,IAC7B,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;AACA,IAAO,kCAAQ;",
+  "names": []
+}

package/build-module/autocomplete/background-view.ios.js

@@ -1,22 +1,18 @@
-/**
- * External dependencies
- */
-import { BlurView } from '@react-native-community/blur';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
+import { BlurView } from "@react-native-community/blur";
+import styles from "./style.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 const BackgroundView = ({
   children
 }) => {
-  return /*#__PURE__*/_jsx(BlurView, {
-    style: styles['components-autocomplete__background-blur'],
+  return /* @__PURE__ */ _jsx(BlurView, {
+    style: styles["components-autocomplete__background-blur"],
     blurType: "prominent",
     blurAmount: 10,
-    children: children
+    children
   });
 };
-export default BackgroundView;
-//# sourceMappingURL=background-view.ios.js.map
+var background_view_ios_default = BackgroundView;
+export {
+  background_view_ios_default as default
+};
+//# sourceMappingURL=background-view.ios.js.map

package/build-module/autocomplete/background-view.ios.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["BlurView","styles","jsx","_jsx","BackgroundView","children","style","blurType","blurAmount"],"sources":["@wordpress/components/src/autocomplete/background-view.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { BlurView } from '@react-native-community/blur';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BackgroundView = ( { children } ) => {\n\treturn (\n\t\t<BlurView\n\t\t\tstyle={ styles[ 'components-autocomplete__background-blur' ] }\n\t\t\tblurType=\"prominent\"\n\t\t\tblurAmount={ 10 }\n\t\t>\n\t\t\t{ children }\n\t\t</BlurView>\n\t);\n};\n\nexport default BackgroundView;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,8BAA8B;;AAEvD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC1C,oBACCF,IAAA,CAACH,QAAQ;IACRM,KAAK,EAAGL,MAAM,CAAE,0CAA0C,CAAI;IAC9DM,QAAQ,EAAC,WAAW;IACpBC,UAAU,EAAG,EAAI;IAAAH,QAAA,EAEfA;EAAQ,CACD,CAAC;AAEb,CAAC;AAED,eAAeD,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/autocomplete/background-view.ios.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { BlurView } from '@react-native-community/blur';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst BackgroundView = ({\n  children\n}) => {\n  return /*#__PURE__*/_jsx(BlurView, {\n    style: styles['components-autocomplete__background-blur'],\n    blurType: \"prominent\",\n    blurAmount: 10,\n    children: children\n  });\n};\nexport default BackgroundView;"],
+  "mappings": "AAGA,SAAS,gBAAgB;AAKzB,OAAO,YAAY;AACnB,SAAS,OAAO,YAAY;AAC5B,MAAM,iBAAiB,CAAC;AAAA,EACtB;AACF,MAAM;AACJ,SAAoB,qBAAK,UAAU;AAAA,IACjC,OAAO,OAAO,0CAA0C;AAAA,IACxD,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,EACF,CAAC;AACH;AACA,IAAO,8BAAQ;",
+  "names": []
+}

package/build-module/autocomplete/get-default-use-items.js

@@ -1,65 +1,39 @@
-/**
- * External dependencies
- */
-import removeAccents from 'remove-accents';
-
-/**
- * WordPress dependencies
- */
-import { debounce } from '@wordpress/compose';
-import { useLayoutEffect, useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { escapeRegExp } from '../utils/strings';
+import removeAccents from "remove-accents";
+import { debounce } from "@wordpress/compose";
+import { useLayoutEffect, useState } from "@wordpress/element";
+import { escapeRegExp } from "../utils/strings";
 function filterOptions(search, options = [], maxResults = 10) {
   const filtered = [];
   for (let i = 0; i < options.length; i++) {
     const option = options[i];
-
-    // Merge label into keywords.
     let {
       keywords = []
     } = option;
-    if ('string' === typeof option.label) {
+    if ("string" === typeof option.label) {
       keywords = [...keywords, option.label];
     }
-    const isMatch = keywords.some(keyword => search.test(removeAccents(keyword)));
+    const isMatch = keywords.some((keyword) => search.test(removeAccents(keyword)));
     if (!isMatch) {
       continue;
     }
     filtered.push(option);
-
-    // Abort early if max reached.
     if (filtered.length === maxResults) {
       break;
     }
   }
   return filtered;
 }
-export default function getDefaultUseItems(autocompleter) {
-  return filterValue => {
+function getDefaultUseItems(autocompleter) {
+  return (filterValue) => {
     const [items, setItems] = useState([]);
-    /*
-     * We support both synchronous and asynchronous retrieval of completer options
-     * but internally treat all as async so we maintain a single, consistent code path.
-     *
-     * Because networks can be slow, and the internet is wonderfully unpredictable,
-     * we don't want two promises updating the state at once. This ensures that only
-     * the most recent promise will act on `optionsData`. This doesn't use the state
-     * because `setState` is batched, and so there's no guarantee that setting
-     * `activePromise` in the state would result in it actually being in `this.state`
-     * before the promise resolves and we check to see if this is the active promise or not.
-     */
     useLayoutEffect(() => {
       const {
         options,
         isDebounced
       } = autocompleter;
       const loadOptions = debounce(() => {
-        const promise = Promise.resolve(typeof options === 'function' ? options(filterValue) : options).then(optionsData => {
-          if (promise.canceled) {
+        const promise2 = Promise.resolve(typeof options === "function" ? options(filterValue) : options).then((optionsData) => {
+          if (promise2.canceled) {
             return;
           }
           const keyedOptions = optionsData.map((optionData, optionIndex) => ({
@@ -69,12 +43,10 @@ export default function getDefaultUseItems(autocompleter) {
             keywords: autocompleter.getOptionKeywords ? autocompleter.getOptionKeywords(optionData) : [],
             isDisabled: autocompleter.isOptionDisabled ? autocompleter.isOptionDisabled(optionData) : false
           }));
-
-          // Create a regular expression to filter the options.
-          const search = new RegExp('(?:\\b|\\s|^)' + escapeRegExp(filterValue), 'i');
+          const search = new RegExp("(?:\\b|\\s|^)" + escapeRegExp(filterValue), "i");
           setItems(filterOptions(search, keyedOptions));
         });
-        return promise;
+        return promise2;
       }, isDebounced ? 250 : 0);
       const promise = loadOptions();
       return () => {
@@ -87,4 +59,7 @@ export default function getDefaultUseItems(autocompleter) {
     return [items];
   };
 }
-//# sourceMappingURL=get-default-use-items.js.map
+export {
+  getDefaultUseItems as default
+};
+//# sourceMappingURL=get-default-use-items.js.map

package/build-module/autocomplete/get-default-use-items.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["removeAccents","debounce","useLayoutEffect","useState","escapeRegExp","filterOptions","search","options","maxResults","filtered","i","length","option","keywords","label","isMatch","some","keyword","test","push","getDefaultUseItems","autocompleter","filterValue","items","setItems","isDebounced","loadOptions","promise","Promise","resolve","then","optionsData","canceled","keyedOptions","map","optionData","optionIndex","key","name","value","getOptionLabel","getOptionKeywords","isDisabled","isOptionDisabled","RegExp","cancel"],"sources":["@wordpress/components/src/autocomplete/get-default-use-items.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport { debounce } from '@wordpress/compose';\nimport { useLayoutEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { escapeRegExp } from '../utils/strings';\nimport type { CancelablePromise, KeyedOption, WPCompleter } from './types';\n\nfunction filterOptions(\n\tsearch: RegExp,\n\toptions: Array< KeyedOption > = [],\n\tmaxResults = 10\n) {\n\tconst filtered = [];\n\tfor ( let i = 0; i < options.length; i++ ) {\n\t\tconst option = options[ i ];\n\n\t\t// Merge label into keywords.\n\t\tlet { keywords = [] } = option;\n\t\tif ( 'string' === typeof option.label ) {\n\t\t\tkeywords = [ ...keywords, option.label ];\n\t\t}\n\n\t\tconst isMatch = keywords.some( ( keyword ) =>\n\t\t\tsearch.test( removeAccents( keyword ) )\n\t\t);\n\t\tif ( ! isMatch ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tfiltered.push( option );\n\n\t\t// Abort early if max reached.\n\t\tif ( filtered.length === maxResults ) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn filtered;\n}\n\nexport default function getDefaultUseItems( autocompleter: WPCompleter ) {\n\treturn ( filterValue: string ) => {\n\t\tconst [ items, setItems ] = useState< Array< KeyedOption > >( [] );\n\t\t/*\n\t\t * We support both synchronous and asynchronous retrieval of completer options\n\t\t * but internally treat all as async so we maintain a single, consistent code path.\n\t\t *\n\t\t * Because networks can be slow, and the internet is wonderfully unpredictable,\n\t\t * we don't want two promises updating the state at once. This ensures that only\n\t\t * the most recent promise will act on `optionsData`. This doesn't use the state\n\t\t * because `setState` is batched, and so there's no guarantee that setting\n\t\t * `activePromise` in the state would result in it actually being in `this.state`\n\t\t * before the promise resolves and we check to see if this is the active promise or not.\n\t\t */\n\t\tuseLayoutEffect( () => {\n\t\t\tconst { options, isDebounced } = autocompleter;\n\t\t\tconst loadOptions = debounce(\n\t\t\t\t() => {\n\t\t\t\t\tconst promise: CancelablePromise = Promise.resolve(\n\t\t\t\t\t\ttypeof options === 'function'\n\t\t\t\t\t\t\t? options( filterValue )\n\t\t\t\t\t\t\t: options\n\t\t\t\t\t).then( ( optionsData ) => {\n\t\t\t\t\t\tif ( promise.canceled ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst keyedOptions = optionsData.map(\n\t\t\t\t\t\t\t( optionData, optionIndex ) => ( {\n\t\t\t\t\t\t\t\tkey: `${ autocompleter.name }-${ optionIndex }`,\n\t\t\t\t\t\t\t\tvalue: optionData,\n\t\t\t\t\t\t\t\tlabel: autocompleter.getOptionLabel(\n\t\t\t\t\t\t\t\t\toptionData\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tkeywords: autocompleter.getOptionKeywords\n\t\t\t\t\t\t\t\t\t? autocompleter.getOptionKeywords(\n\t\t\t\t\t\t\t\t\t\t\toptionData\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: [],\n\t\t\t\t\t\t\t\tisDisabled: autocompleter.isOptionDisabled\n\t\t\t\t\t\t\t\t\t? autocompleter.isOptionDisabled(\n\t\t\t\t\t\t\t\t\t\t\toptionData\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: false,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// Create a regular expression to filter the options.\n\t\t\t\t\t\tconst search = new RegExp(\n\t\t\t\t\t\t\t'(?:\\\\b|\\\\s|^)' + escapeRegExp( filterValue ),\n\t\t\t\t\t\t\t'i'\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetItems( filterOptions( search, keyedOptions ) );\n\t\t\t\t\t} );\n\n\t\t\t\t\treturn promise;\n\t\t\t\t},\n\t\t\t\tisDebounced ? 250 : 0\n\t\t\t);\n\n\t\t\tconst promise = loadOptions();\n\n\t\t\treturn () => {\n\t\t\t\tloadOptions.cancel();\n\t\t\t\tif ( promise ) {\n\t\t\t\t\tpromise.canceled = true;\n\t\t\t\t}\n\t\t\t};\n\t\t}, [ filterValue ] );\n\n\t\treturn [ items ] as const;\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/autocomplete/get-default-use-items.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport { debounce } from '@wordpress/compose';\nimport { useLayoutEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { escapeRegExp } from '../utils/strings';\nfunction filterOptions(search, options = [], maxResults = 10) {\n  const filtered = [];\n  for (let i = 0; i < options.length; i++) {\n    const option = options[i];\n\n    // Merge label into keywords.\n    let {\n      keywords = []\n    } = option;\n    if ('string' === typeof option.label) {\n      keywords = [...keywords, option.label];\n    }\n    const isMatch = keywords.some(keyword => search.test(removeAccents(keyword)));\n    if (!isMatch) {\n      continue;\n    }\n    filtered.push(option);\n\n    // Abort early if max reached.\n    if (filtered.length === maxResults) {\n      break;\n    }\n  }\n  return filtered;\n}\nexport default function getDefaultUseItems(autocompleter) {\n  return filterValue => {\n    const [items, setItems] = useState([]);\n    /*\n     * We support both synchronous and asynchronous retrieval of completer options\n     * but internally treat all as async so we maintain a single, consistent code path.\n     *\n     * Because networks can be slow, and the internet is wonderfully unpredictable,\n     * we don't want two promises updating the state at once. This ensures that only\n     * the most recent promise will act on `optionsData`. This doesn't use the state\n     * because `setState` is batched, and so there's no guarantee that setting\n     * `activePromise` in the state would result in it actually being in `this.state`\n     * before the promise resolves and we check to see if this is the active promise or not.\n     */\n    useLayoutEffect(() => {\n      const {\n        options,\n        isDebounced\n      } = autocompleter;\n      const loadOptions = debounce(() => {\n        const promise = Promise.resolve(typeof options === 'function' ? options(filterValue) : options).then(optionsData => {\n          if (promise.canceled) {\n            return;\n          }\n          const keyedOptions = optionsData.map((optionData, optionIndex) => ({\n            key: `${autocompleter.name}-${optionIndex}`,\n            value: optionData,\n            label: autocompleter.getOptionLabel(optionData),\n            keywords: autocompleter.getOptionKeywords ? autocompleter.getOptionKeywords(optionData) : [],\n            isDisabled: autocompleter.isOptionDisabled ? autocompleter.isOptionDisabled(optionData) : false\n          }));\n\n          // Create a regular expression to filter the options.\n          const search = new RegExp('(?:\\\\b|\\\\s|^)' + escapeRegExp(filterValue), 'i');\n          setItems(filterOptions(search, keyedOptions));\n        });\n        return promise;\n      }, isDebounced ? 250 : 0);\n      const promise = loadOptions();\n      return () => {\n        loadOptions.cancel();\n        if (promise) {\n          promise.canceled = true;\n        }\n      };\n    }, [filterValue]);\n    return [items];\n  };\n}"],
+  "mappings": "AAGA,OAAO,mBAAmB;AAK1B,SAAS,gBAAgB;AACzB,SAAS,iBAAiB,gBAAgB;AAK1C,SAAS,oBAAoB;AAC7B,SAAS,cAAc,QAAQ,UAAU,CAAC,GAAG,aAAa,IAAI;AAC5D,QAAM,WAAW,CAAC;AAClB,WAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,UAAM,SAAS,QAAQ,CAAC;AAGxB,QAAI;AAAA,MACF,WAAW,CAAC;AAAA,IACd,IAAI;AACJ,QAAI,aAAa,OAAO,OAAO,OAAO;AACpC,iBAAW,CAAC,GAAG,UAAU,OAAO,KAAK;AAAA,IACvC;AACA,UAAM,UAAU,SAAS,KAAK,aAAW,OAAO,KAAK,cAAc,OAAO,CAAC,CAAC;AAC5E,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AACA,aAAS,KAAK,MAAM;AAGpB,QAAI,SAAS,WAAW,YAAY;AAClC;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AACe,SAAR,mBAAoC,eAAe;AACxD,SAAO,iBAAe;AACpB,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC,CAAC;AAYrC,oBAAgB,MAAM;AACpB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI;AACJ,YAAM,cAAc,SAAS,MAAM;AACjC,cAAMA,WAAU,QAAQ,QAAQ,OAAO,YAAY,aAAa,QAAQ,WAAW,IAAI,OAAO,EAAE,KAAK,iBAAe;AAClH,cAAIA,SAAQ,UAAU;AACpB;AAAA,UACF;AACA,gBAAM,eAAe,YAAY,IAAI,CAAC,YAAY,iBAAiB;AAAA,YACjE,KAAK,GAAG,cAAc,IAAI,IAAI,WAAW;AAAA,YACzC,OAAO;AAAA,YACP,OAAO,cAAc,eAAe,UAAU;AAAA,YAC9C,UAAU,cAAc,oBAAoB,cAAc,kBAAkB,UAAU,IAAI,CAAC;AAAA,YAC3F,YAAY,cAAc,mBAAmB,cAAc,iBAAiB,UAAU,IAAI;AAAA,UAC5F,EAAE;AAGF,gBAAM,SAAS,IAAI,OAAO,kBAAkB,aAAa,WAAW,GAAG,GAAG;AAC1E,mBAAS,cAAc,QAAQ,YAAY,CAAC;AAAA,QAC9C,CAAC;AACD,eAAOA;AAAA,MACT,GAAG,cAAc,MAAM,CAAC;AACxB,YAAM,UAAU,YAAY;AAC5B,aAAO,MAAM;AACX,oBAAY,OAAO;AACnB,YAAI,SAAS;AACX,kBAAQ,WAAW;AAAA,QACrB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,CAAC;AAChB,WAAO,CAAC,KAAK;AAAA,EACf;AACF;",
+  "names": ["promise"]
+}