@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/headless/source/components/navigation/commandPalette/commandPalette.jsx

@@ -0,0 +1,506 @@
+import {
+  For,
+  Show,
+  children,
+  createEffect,
+  createMemo,
+  createSignal,
+  mergeProps,
+  on,
+  onCleanup,
+  onMount,
+  untrack
+} from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../base/icon";
+import { Kbd } from "../../dataDisplay/kbd";
+import { Modal } from "../../feedBack/modal";
+import { Skeleton } from "../../feedBack/skeleton";
+import { createControllableState } from "../../../primitives/createControllableState";
+import { createId } from "../../../primitives/createId";
+import { commandPaletteFilter } from "./commandPaletteFilter";
+import { firstOption, keepInView, moveOption } from "./commandPaletteNavigation";
+const PAGE_STEP = 10;
+const ANNOUNCE_DELAY = 500;
+const LOADING_BAR_WIDTHS = ["60%", "40%", "60%"];
+const defaultResultsAnnouncement = (count) => count === 1 ? "1 result" : `${count} results`;
+const isAbortError = (error) => typeof error === "object" && error !== null && error.name === "AbortError";
+const optionDescribedBy = (option) => {
+  const ids = [];
+  if (option.item.subtitle !== void 0) ids.push(`${option.id}-subtitle`);
+  if (option.item.shortcut !== void 0) ids.push(`${option.id}-shortcut`);
+  return ids.length > 0 ? ids.join(" ") : void 0;
+};
+const optionIcon = (icon) => {
+  if (icon === void 0) return void 0;
+  return typeof icon === "string" ? <Icon name={icon} size={20} /> : icon;
+};
+function CommandPalettePanel(props) {
+  let inputEl;
+  const atStart = props.value;
+  createEffect((previous) => {
+    const next = props.value;
+    if (inputEl && next !== previous) inputEl.value = next;
+    return next;
+  }, atStart);
+  const footer = children(() => props.footer);
+  const onPanelMouseDown = (event) => {
+    if (event.target === inputEl) return;
+    event.preventDefault();
+  };
+  onMount(() => inputEl?.focus({ preventScroll: true }));
+  return <div class="smwb-command-palette__panel" onMouseDown={onPanelMouseDown}>
+      <div class="smwb-command-palette__search">
+        <span class="smwb-command-palette__search-icon" aria-hidden="true">
+          <Icon name="search" size={20} />
+        </span>
+        <input
+    ref={(element) => inputEl = element}
+    class="smwb-command-palette__input"
+    id={props.inputId}
+    type="text"
+    role="combobox"
+    value={atStart}
+    placeholder={props.placeholder}
+    aria-label={props.searchLabel}
+    aria-autocomplete="list"
+    aria-expanded={props.hasListbox}
+    aria-controls={props.hasListbox ? props.listboxId : void 0}
+    aria-activedescendant={props.activeDescendant}
+    autocomplete="off"
+    spellcheck="false"
+    autocapitalize="off"
+    enterkeyhint="go"
+    data-testid="command-palette-input"
+    onInput={(event) => props.onQueryInput(event)}
+    onKeyDown={(event) => props.onKeyDown(event)}
+  />
+      </div>
+      <div
+    class="smwb-command-palette__results"
+    tabindex={-1}
+    data-testid="command-palette-results"
+    ref={props.resultsRef}
+  >
+        {
+    /* The listbox exists only with at least one option: an empty one has no required
+       children, and a collapsed combobox may point nowhere. */
+  }
+        <Show when={props.hasListbox}>
+          <ul
+    class="smwb-command-palette__listbox"
+    id={props.listboxId}
+    role="listbox"
+    aria-labelledby={props.inputId}
+    aria-busy={props.pending ? true : void 0}
+    data-testid="command-palette-listbox"
+  >
+            <For each={props.groups}>
+              {(group) => <li class="smwb-command-palette__group" role="group" aria-labelledby={group.labelId}>
+                  <div class="smwb-command-palette__group-label" id={group.labelId}>
+                    {group.label}
+                  </div>
+                  <ul class="smwb-command-palette__group-options" role="presentation">
+                    <For each={group.options}>
+                      {(option) => <li
+    class={cn("smwb-command-palette__item", {
+      "smwb-command-palette__item_active": props.activeKey === option.key,
+      "smwb-command-palette__item_disabled": option.item.disabled
+    })}
+    id={option.id}
+    role="option"
+    aria-selected={props.activeKey === option.key ? true : void 0}
+    aria-disabled={option.item.disabled ? true : void 0}
+    aria-labelledby={`${option.id}-label`}
+    aria-describedby={optionDescribedBy(option)}
+    data-item-id={option.item.id}
+    data-testid="command-palette-option"
+    onClick={() => props.onChoose(option)}
+    onPointerMove={(event) => props.onHover(event, option)}
+  >
+                          <Show when={option.item.icon !== void 0}>
+                            <span class="smwb-command-palette__item-icon" aria-hidden="true">
+                              {optionIcon(option.item.icon)}
+                            </span>
+                          </Show>
+                          <span class="smwb-command-palette__item-text">
+                            <span class="smwb-command-palette__item-label" id={`${option.id}-label`}>
+                              {option.item.label}
+                            </span>
+                            <Show when={option.item.subtitle !== void 0}>
+                              <span class="smwb-command-palette__item-subtitle" id={`${option.id}-subtitle`}>
+                                {option.item.subtitle}
+                              </span>
+                            </Show>
+                          </span>
+                          <Show when={option.item.shortcut !== void 0}>
+                            <Kbd
+    keys={option.item.shortcut ?? []}
+    id={`${option.id}-shortcut`}
+    class="smwb-command-palette__item-shortcut"
+  />
+                          </Show>
+                        </li>}
+                    </For>
+                  </ul>
+                </li>}
+            </For>
+          </ul>
+        </Show>
+        <Show when={props.pending}>
+          <div class="smwb-command-palette__loading" aria-hidden="true" data-testid="command-palette-loading">
+            <For each={LOADING_BAR_WIDTHS}>
+              {(width) => <div class="smwb-command-palette__loading-row">
+                  <Skeleton variant="circular" width={20} height={20} component="div" />
+                  <Skeleton variant="text" width={width} component="div" />
+                </div>}
+            </For>
+          </div>
+        </Show>
+        <Show when={props.showError}>
+          <div
+    class={cn("smwb-command-palette__message", "smwb-command-palette__message_error")}
+    data-testid="command-palette-error"
+  >
+            {props.errorText}
+          </div>
+        </Show>
+        <Show when={props.showEmpty}>
+          <div class="smwb-command-palette__message" data-testid="command-palette-empty">
+            {props.noResultsText}
+          </div>
+        </Show>
+      </div>
+      <Show when={footer()}>
+        <div class="smwb-command-palette__footer" data-testid="command-palette-footer">
+          {footer()}
+        </div>
+      </Show>
+      {
+    /* Inside the dialog: a live region outside an aria-modal one is ignored. */
+  }
+      <div class="smwb-command-palette__status" role="status" data-testid="command-palette-status">
+        {props.status}
+      </div>
+    </div>;
+}
+function CommandPalette(props) {
+  const local = mergeProps(
+    {
+      defaultOpen: false,
+      groups: [],
+      recentLabel: "Recent",
+      defaultQuery: "",
+      filter: commandPaletteFilter,
+      debounce: 200,
+      minQueryLength: 1,
+      loading: false,
+      closeOnSelect: true,
+      placeholder: "Type a command or search\u2026",
+      searchLabel: "Search commands",
+      noResultsText: "No results",
+      errorText: "Couldn't load results",
+      resultsAnnouncement: defaultResultsAnnouncement,
+      "aria-label": "Command palette",
+      "data-testid": "command-palette"
+    },
+    props
+  );
+  const paletteId = createId(void 0, "smwb-command-palette");
+  const inputId = `${paletteId}-input`;
+  const listboxId = `${paletteId}-listbox`;
+  const [open, setOpen] = createControllableState({
+    value: () => local.open,
+    defaultValue: local.defaultOpen,
+    onChange: (next) => local.onOpenChange?.(next)
+  });
+  const [query, setQuery] = createControllableState({
+    value: () => local.query,
+    defaultValue: local.defaultQuery,
+    onChange: (next) => local.onQueryChange?.(next)
+  });
+  const trimmedQuery = createMemo(() => query().trim());
+  const [asyncAnswer, setAsyncAnswer] = createSignal(null);
+  const [failed, setFailed] = createSignal(false);
+  const [debouncing, setDebouncing] = createSignal(false);
+  const [inFlight, setInFlight] = createSignal(false);
+  const pending = () => debouncing() || inFlight() || local.loading;
+  const paletteGroups = createMemo(() => {
+    const text = query();
+    const trimmed = trimmedQuery();
+    const drawn = [];
+    let optionIndex = 0;
+    const push = (key, label, group, items) => {
+      if (items.length === 0) return;
+      const options = items.map((item) => {
+        const option = {
+          id: `${listboxId}-option-${optionIndex}`,
+          key: `${key}\0${item.id}`,
+          item,
+          group
+        };
+        optionIndex++;
+        return option;
+      });
+      drawn.push({ key, label, labelId: `${listboxId}-group-${drawn.length}`, options });
+    };
+    const recent = local.recent;
+    if (recent && trimmed === "") {
+      push("recent", local.recentLabel, { id: "recent", label: local.recentLabel, items: recent }, recent);
+    }
+    const filter = local.filter;
+    for (const group of local.groups) {
+      const items = filter === false ? group.items : group.items.filter((item) => filter(item, text));
+      push(group.id ?? group.label, group.label, group, items);
+    }
+    const answer = asyncAnswer();
+    if (answer !== null && answer.query === trimmed) {
+      for (const group of answer.groups) {
+        push(group.id ?? group.label, group.label, group, group.items);
+      }
+    }
+    return drawn;
+  });
+  const flatOptions = createMemo(() => {
+    const options = [];
+    for (const group of paletteGroups()) {
+      for (const option of group.options) options.push(option);
+    }
+    return options;
+  });
+  const isOptionEnabled = (index) => {
+    const option = flatOptions()[index];
+    return option !== void 0 && !option.item.disabled;
+  };
+  const [activeKey, setActiveKey] = createSignal(null);
+  createEffect(() => {
+    const options = flatOptions();
+    const current = activeKey();
+    if (current !== null && options.some((option) => option.key === current && !option.item.disabled)) return;
+    const next = options[firstOption(options.length, isOptionEnabled)];
+    setActiveKey(next ? next.key : null);
+  });
+  const activeIndex = createMemo(() => {
+    const key = activeKey();
+    if (key === null) return -1;
+    const options = flatOptions();
+    for (let index = 0; index < options.length; index++) {
+      const option = options[index];
+      if (option && option.key === key) return option.item.disabled ? -1 : index;
+    }
+    return -1;
+  });
+  const activeDescendant = () => {
+    const index = activeIndex();
+    return index >= 0 ? flatOptions()[index]?.id : void 0;
+  };
+  let timer;
+  let controller;
+  let resultsEl;
+  let scrollAfterMove = false;
+  let lastPointer;
+  let announceTimer;
+  const cancelRequest = () => {
+    if (timer !== void 0) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+    if (controller !== void 0) {
+      controller.abort();
+      controller = void 0;
+    }
+  };
+  const request = (source, trimmed) => {
+    const current = new AbortController();
+    controller = current;
+    setInFlight(true);
+    void source(trimmed, { signal: current.signal }).then(
+      (groups) => {
+        if (controller !== current || current.signal.aborted) return;
+        controller = void 0;
+        setInFlight(false);
+        setAsyncAnswer({ query: trimmed, groups });
+      },
+      (error) => {
+        if (controller !== current || current.signal.aborted) return;
+        controller = void 0;
+        setInFlight(false);
+        if (!isAbortError(error)) setFailed(true);
+      }
+    );
+  };
+  createEffect(() => {
+    const isOpen = open();
+    const trimmed = trimmedQuery();
+    untrack(() => {
+      cancelRequest();
+      setDebouncing(false);
+      setInFlight(false);
+      setAsyncAnswer(null);
+      setFailed(false);
+      if (!isOpen) return;
+      const source = local.source;
+      if (!source || trimmed.length < local.minQueryLength) return;
+      setDebouncing(true);
+      timer = setTimeout(() => {
+        timer = void 0;
+        setDebouncing(false);
+        request(source, trimmed);
+      }, Math.max(0, local.debounce));
+    });
+  });
+  createEffect(
+    on(
+      open,
+      (isOpen) => {
+        if (isOpen) {
+          if (local.query === void 0) setQuery(local.defaultQuery);
+          setActiveKey(null);
+        }
+      },
+      { defer: true }
+    )
+  );
+  const [status, setStatus] = createSignal("");
+  createEffect(() => {
+    const isOpen = open();
+    const trimmed = trimmedQuery();
+    const isPending = pending();
+    const count = flatOptions().length;
+    const didFail = failed();
+    untrack(() => {
+      if (announceTimer !== void 0) {
+        clearTimeout(announceTimer);
+        announceTimer = void 0;
+      }
+      if (!isOpen || trimmed === "") {
+        setStatus("");
+        return;
+      }
+      if (isPending) return;
+      const text = didFail ? local.errorText : count === 0 ? local.noResultsText : local.resultsAnnouncement(count);
+      announceTimer = setTimeout(() => {
+        announceTimer = void 0;
+        setStatus(text);
+      }, ANNOUNCE_DELAY);
+    });
+  });
+  createEffect(() => {
+    const index = activeIndex();
+    if (!scrollAfterMove) return;
+    scrollAfterMove = false;
+    const option = flatOptions()[index];
+    if (!option || !resultsEl) return;
+    const element = resultsEl.querySelector(`[id="${option.id}"]`);
+    if (element) keepInView(element, resultsEl);
+  });
+  onCleanup(() => {
+    cancelRequest();
+    if (announceTimer !== void 0) {
+      clearTimeout(announceTimer);
+      announceTimer = void 0;
+    }
+  });
+  const choose = (item, group) => {
+    if (item.disabled) return;
+    if (local.closeOnSelect) setOpen(false);
+    item.onSelect?.();
+    local.onSelect?.(item, group);
+  };
+  const moveActive = (event, steps) => {
+    event.preventDefault();
+    const options = flatOptions();
+    const next = options[moveOption(options.length, isOptionEnabled, activeIndex(), steps)];
+    if (!next || next.key === activeKey()) return;
+    setActiveKey(next.key);
+    scrollAfterMove = true;
+  };
+  const onKeyDown = (event) => {
+    if (event.isComposing || event.keyCode === 229) {
+      if (event.key === "Escape") event.preventDefault();
+      return;
+    }
+    if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey) return;
+    switch (event.key) {
+      case "ArrowDown":
+        moveActive(event, 1);
+        break;
+      case "ArrowUp":
+        moveActive(event, -1);
+        break;
+      case "PageDown":
+        moveActive(event, PAGE_STEP);
+        break;
+      case "PageUp":
+        moveActive(event, -PAGE_STEP);
+        break;
+      case "Enter": {
+        event.preventDefault();
+        const option = flatOptions()[activeIndex()];
+        if (option) choose(option.item, option.group);
+        break;
+      }
+    }
+  };
+  const onQueryInput = (event) => {
+    const text = event.currentTarget.value;
+    setQuery(text);
+    const shown = query();
+    if (shown !== text) event.currentTarget.value = shown;
+  };
+  const onHover = (event, option) => {
+    if (option.item.disabled) return;
+    if (lastPointer && lastPointer.x === event.clientX && lastPointer.y === event.clientY) return;
+    lastPointer = { x: event.clientX, y: event.clientY };
+    setActiveKey(option.key);
+  };
+  const dialogAttributes = () => {
+    const attributes = { "data-testid": local["data-testid"] };
+    if (local["aria-labelledby"] !== void 0) attributes["aria-labelledby"] = local["aria-labelledby"];
+    else attributes["aria-label"] = local["aria-label"];
+    if (local["aria-describedby"] !== void 0) attributes["aria-describedby"] = local["aria-describedby"];
+    return attributes;
+  };
+  return <Modal
+    open={open()}
+    onClose={() => setOpen(false)}
+    size="medium"
+    animation="fade"
+    backdrop="dark"
+    closeOnEsc
+    closeOnOutsideClick
+    class={cn("smwb-command-palette", local.class)}
+    ref={local.ref}
+    {...dialogAttributes()}
+  >
+      <CommandPalettePanel
+    inputId={inputId}
+    listboxId={listboxId}
+    value={query()}
+    placeholder={local.placeholder}
+    searchLabel={local.searchLabel}
+    groups={paletteGroups()}
+    activeKey={activeKey()}
+    activeDescendant={activeDescendant()}
+    hasListbox={flatOptions().length > 0}
+    pending={pending()}
+    showEmpty={!pending() && !failed() && flatOptions().length === 0}
+    showError={failed()}
+    noResultsText={local.noResultsText}
+    errorText={local.errorText}
+    status={status()}
+    footer={local.footer}
+    resultsRef={(element) => resultsEl = element}
+    onQueryInput={onQueryInput}
+    onKeyDown={onKeyDown}
+    onChoose={(option) => choose(option.item, option.group)}
+    onHover={onHover}
+  />
+    </Modal>;
+}
+var commandPalette_default = CommandPalette;
+export {
+  CommandPalette,
+  commandPalette_default as default
+};
+//# sourceMappingURL=commandPalette.jsx.map

package/dist/headless/source/components/navigation/commandPalette/commandPalette.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/navigation/commandPalette/commandPalette.tsx"],"sourcesContent":["import {\n  type JSX,\n  For,\n  Show,\n  children,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  on,\n  onCleanup,\n  onMount,\n  untrack,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Kbd } from \"../../dataDisplay/kbd\";\nimport { Modal } from \"../../feedBack/modal\";\nimport { Skeleton } from \"../../feedBack/skeleton\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport type { Ref } from \"../../../primitives/mergeRefs\";\nimport { commandPaletteFilter } from \"./commandPaletteFilter\";\nimport { firstOption, keepInView, moveOption } from \"./commandPaletteNavigation\";\nimport type {\n  CommandPaletteFilter,\n  CommandPaletteGroup,\n  CommandPaletteItem,\n  CommandPaletteSource,\n} from \"./commandPaletteTypes\";\n\ntype QueryInputEvent = Event & { currentTarget: HTMLInputElement };\n\n/** How far PageDown and PageUp move, as in the select field's listbox. */\nconst PAGE_STEP = 10;\n/** Quiet time after the results settle before the count is announced. */\nconst ANNOUNCE_DELAY = 500;\n/** Widths of the skeleton rows' text bars, cycling over the three rows. */\nconst LOADING_BAR_WIDTHS = [\"60%\", \"40%\", \"60%\"];\n\n/** One option as drawn: its id, the key that keeps it active, and what choosing it runs. */\ninterface PaletteOption {\n  /** The option's id, `${listboxId}-option-${index}` in the order the options are drawn. */\n  id: string;\n  /** The group's key and the item's id, so the option stays active while the results change. */\n  key: string;\n  item: CommandPaletteItem;\n  /** The group the option is handed to `onSelect` with. */\n  group: CommandPaletteGroup;\n}\n\n/** One group as drawn: its heading and its options. */\ninterface PaletteGroup {\n  key: string;\n  label: string;\n  /** The heading's id, which names the group through `aria-labelledby`. */\n  labelId: string;\n  options: PaletteOption[];\n}\n\n/** The dialog's own attributes, which Modal's props type has no `data-testid` for. */\ninterface DialogAttributes {\n  \"data-testid\": string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n}\n\n/** An answer of `source`, kept with the query it belongs to. */\ninterface AsyncAnswer {\n  query: string;\n  groups: CommandPaletteGroup[];\n}\n\nconst defaultResultsAnnouncement = (count: number): string => (count === 1 ? \"1 result\" : `${count} results`);\n\n// A rejection of an aborted request is the abort itself, whatever the source threw it as.\nconst isAbortError = (error: unknown): boolean =>\n  typeof error === \"object\" && error !== null && (error as { name?: unknown }).name === \"AbortError\";\n\n// The label alone names the option; the subtitle and the shortcut describe it, so a screen\n// reader reads \"New worktree, acme/web, Ctrl+Shift+N\" and not one long name.\nconst optionDescribedBy = (option: PaletteOption): string | undefined => {\n  const ids: string[] = [];\n  if (option.item.subtitle !== undefined) ids.push(`${option.id}-subtitle`);\n  if (option.item.shortcut !== undefined) ids.push(`${option.id}-shortcut`);\n  return ids.length > 0 ? ids.join(\" \") : undefined;\n};\n\nconst optionIcon = (icon: string | JSX.Element | undefined): JSX.Element | undefined => {\n  if (icon === undefined) return undefined;\n  return typeof icon === \"string\" ? <Icon name={icon} size={20} /> : icon;\n};\n\ninterface CommandPalettePanelProps {\n  inputId: string;\n  listboxId: string;\n  /** The text to start with; later changes of `value` are written to the field by an effect. */\n  value: string;\n  placeholder: string;\n  searchLabel: string;\n  groups: PaletteGroup[];\n  activeKey: string | null;\n  activeDescendant: string | undefined;\n  hasListbox: boolean;\n  pending: boolean;\n  showEmpty: boolean;\n  showError: boolean;\n  noResultsText: string;\n  errorText: string;\n  status: string;\n  footer?: JSX.Element | undefined;\n  resultsRef: (element: HTMLDivElement) => void;\n  onQueryInput: (event: QueryInputEvent) => void;\n  onKeyDown: (event: KeyboardEvent) => void;\n  onChoose: (option: PaletteOption) => void;\n  onHover: (event: PointerEvent, option: PaletteOption) => void;\n}\n\n/**\n * The palette's contents, in a component of their own. Modal draws its content inside the portal's\n * tracked scope, so reading reactive state while these elements are created would rebuild them —\n * and with them the field, losing what was typed and the focus. Everything here is either static or\n * read by an attribute effect, a `Show` or a `For` of its own.\n */\nfunction CommandPalettePanel(props: CommandPalettePanelProps): JSX.Element {\n  let inputEl: HTMLInputElement | undefined;\n\n  // Read once, in the body, which is untracked: the panel is created when the palette opens, so\n  // this is the query to start with. A `value={expr}` binding is not enough on its own — it\n  // compares the expression with its own last write and never with the field's text, so it skips a\n  // value that takes over and wipes text a caller leaves. Later changes are written here instead.\n  const atStart = props.value;\n  createEffect((previous: string) => {\n    const next = props.value;\n    if (inputEl && next !== previous) inputEl.value = next;\n    return next;\n  }, atStart);\n\n  // Read the slot once, here, where it is drawn: markup passed as a prop is created anew on\n  // every read.\n  const footer = children(() => props.footer);\n\n  // A press on an option, a heading, the footer or the scrollbar must not take the focus from the\n  // field: it is the palette's only tab stop, and the options are reached with the arrow keys.\n  const onPanelMouseDown = (event: MouseEvent): void => {\n    if (event.target === inputEl) return;\n    event.preventDefault();\n  };\n\n  // The palette moves the focus itself rather than leaving it to Modal's trap, whose list of\n  // focusable elements is empty in jsdom, where nothing has an offsetParent.\n  onMount(() => inputEl?.focus({ preventScroll: true }));\n\n  return (\n    <div class=\"smwb-command-palette__panel\" onMouseDown={onPanelMouseDown}>\n      <div class=\"smwb-command-palette__search\">\n        <span class=\"smwb-command-palette__search-icon\" aria-hidden=\"true\">\n          <Icon name=\"search\" size={20} />\n        </span>\n        <input\n          ref={(element) => (inputEl = element)}\n          class=\"smwb-command-palette__input\"\n          id={props.inputId}\n          type=\"text\"\n          role=\"combobox\"\n          value={atStart}\n          placeholder={props.placeholder}\n          aria-label={props.searchLabel}\n          aria-autocomplete=\"list\"\n          aria-expanded={props.hasListbox}\n          aria-controls={props.hasListbox ? props.listboxId : undefined}\n          aria-activedescendant={props.activeDescendant}\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          enterkeyhint=\"go\"\n          data-testid=\"command-palette-input\"\n          onInput={(event) => props.onQueryInput(event)}\n          onKeyDown={(event) => props.onKeyDown(event)}\n        />\n      </div>\n      <div\n        class=\"smwb-command-palette__results\"\n        tabindex={-1}\n        data-testid=\"command-palette-results\"\n        ref={props.resultsRef}\n      >\n        {/* The listbox exists only with at least one option: an empty one has no required\n            children, and a collapsed combobox may point nowhere. */}\n        <Show when={props.hasListbox}>\n          <ul\n            class=\"smwb-command-palette__listbox\"\n            id={props.listboxId}\n            role=\"listbox\"\n            aria-labelledby={props.inputId}\n            aria-busy={props.pending ? true : undefined}\n            data-testid=\"command-palette-listbox\"\n          >\n            <For each={props.groups}>\n              {(group) => (\n                <li class=\"smwb-command-palette__group\" role=\"group\" aria-labelledby={group.labelId}>\n                  <div class=\"smwb-command-palette__group-label\" id={group.labelId}>\n                    {group.label}\n                  </div>\n                  <ul class=\"smwb-command-palette__group-options\" role=\"presentation\">\n                    <For each={group.options}>\n                      {(option) => (\n                        <li\n                          class={cn(\"smwb-command-palette__item\", {\n                            \"smwb-command-palette__item_active\": props.activeKey === option.key,\n                            \"smwb-command-palette__item_disabled\": option.item.disabled,\n                          })}\n                          id={option.id}\n                          role=\"option\"\n                          aria-selected={props.activeKey === option.key ? true : undefined}\n                          aria-disabled={option.item.disabled ? true : undefined}\n                          aria-labelledby={`${option.id}-label`}\n                          aria-describedby={optionDescribedBy(option)}\n                          data-item-id={option.item.id}\n                          data-testid=\"command-palette-option\"\n                          onClick={() => props.onChoose(option)}\n                          onPointerMove={(event) => props.onHover(event, option)}\n                        >\n                          <Show when={option.item.icon !== undefined}>\n                            <span class=\"smwb-command-palette__item-icon\" aria-hidden=\"true\">\n                              {optionIcon(option.item.icon)}\n                            </span>\n                          </Show>\n                          <span class=\"smwb-command-palette__item-text\">\n                            <span class=\"smwb-command-palette__item-label\" id={`${option.id}-label`}>\n                              {option.item.label}\n                            </span>\n                            <Show when={option.item.subtitle !== undefined}>\n                              <span class=\"smwb-command-palette__item-subtitle\" id={`${option.id}-subtitle`}>\n                                {option.item.subtitle}\n                              </span>\n                            </Show>\n                          </span>\n                          <Show when={option.item.shortcut !== undefined}>\n                            <Kbd\n                              keys={option.item.shortcut ?? []}\n                              id={`${option.id}-shortcut`}\n                              class=\"smwb-command-palette__item-shortcut\"\n                            />\n                          </Show>\n                        </li>\n                      )}\n                    </For>\n                  </ul>\n                </li>\n              )}\n            </For>\n          </ul>\n        </Show>\n        <Show when={props.pending}>\n          <div class=\"smwb-command-palette__loading\" aria-hidden=\"true\" data-testid=\"command-palette-loading\">\n            <For each={LOADING_BAR_WIDTHS}>\n              {(width) => (\n                <div class=\"smwb-command-palette__loading-row\">\n                  <Skeleton variant=\"circular\" width={20} height={20} component=\"div\" />\n                  <Skeleton variant=\"text\" width={width} component=\"div\" />\n                </div>\n              )}\n            </For>\n          </div>\n        </Show>\n        <Show when={props.showError}>\n          <div\n            class={cn(\"smwb-command-palette__message\", \"smwb-command-palette__message_error\")}\n            data-testid=\"command-palette-error\"\n          >\n            {props.errorText}\n          </div>\n        </Show>\n        <Show when={props.showEmpty}>\n          <div class=\"smwb-command-palette__message\" data-testid=\"command-palette-empty\">\n            {props.noResultsText}\n          </div>\n        </Show>\n      </div>\n      <Show when={footer()}>\n        <div class=\"smwb-command-palette__footer\" data-testid=\"command-palette-footer\">\n          {footer()}\n        </div>\n      </Show>\n      {/* Inside the dialog: a live region outside an aria-modal one is ignored. */}\n      <div class=\"smwb-command-palette__status\" role=\"status\" data-testid=\"command-palette-status\">\n        {props.status}\n      </div>\n    </div>\n  );\n}\n\nexport interface CommandPaletteProps {\n  /**\n   * Whether the palette is open. Any value but `undefined` makes it controlled: the palette then\n   * shows this and only asks to change it through `onOpenChange`. While it is `undefined`, the\n   * palette keeps its own state, starting from `defaultOpen`.\n   */\n  open?: boolean | undefined;\n  /** Open state to start from while uncontrolled; `false` by default. */\n  defaultOpen?: boolean | undefined;\n  /**\n   * Called for every request to open or close: Escape, a backdrop click, and choosing an item while\n   * `closeOnSelect`. Called in both the controlled and the uncontrolled mode.\n   */\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  /** The groups to search in, filtered locally by `filter`; empty by default. */\n  groups?: CommandPaletteGroup[] | undefined;\n  /**\n   * Recently used items, kept by the app (its local storage, its server, per user) and updated from\n   * `onSelect`. Shown as the first group while the query is empty, unfiltered, and hidden while\n   * the user searches.\n   */\n  recent?: CommandPaletteItem[] | undefined;\n  /** Heading of the recent group; `\"Recent\"` by default. */\n  recentLabel?: string | undefined;\n  /**\n   * The text in the search field. Any value but `undefined` makes it controlled: the field shows\n   * this and only reports edits through `onQueryChange`.\n   */\n  query?: string | undefined;\n  /** Text to start from while uncontrolled, and to reset to each time the palette opens; `\"\"`. */\n  defaultQuery?: string | undefined;\n  /** Called for every edit of the field, in both the controlled and the uncontrolled mode. */\n  onQueryChange?: ((query: string) => void) | undefined;\n  /**\n   * Decides which of `groups` an edit keeps; {@link commandPaletteFilter} by default. `false` shows\n   * `groups` as given, for an app that filters them itself or gets them filtered from a server.\n   * Never applied to `recent` or to the results of `source`.\n   */\n  filter?: CommandPaletteFilter | false | undefined;\n  /**\n   * Loads results for the trimmed query, after `debounce` ms of quiet typing. Its `signal` is\n   * aborted when a newer query, a close or an unmount makes the answer useless, and an answer that\n   * arrives for an older query is dropped. Appended after `groups`.\n   */\n  source?: CommandPaletteSource | undefined;\n  /** Milliseconds of quiet typing before `source` is called; `200` by default. */\n  debounce?: number | undefined;\n  /**\n   * `source` is called only when the trimmed query has at least this many characters; `1` by\n   * default. `0` also loads for the empty query.\n   */\n  minQueryLength?: number | undefined;\n  /**\n   * App-driven loading: shows the skeleton like a pending `source` does, for an app that loads\n   * itself with a controlled `query`; `false` by default.\n   */\n  loading?: boolean | undefined;\n  /**\n   * Called for every chosen item, after the item's own `onSelect`. The place for the app to move the\n   * item to the top of its `recent` list.\n   */\n  onSelect?: ((item: CommandPaletteItem, group: CommandPaletteGroup) => void) | undefined;\n  /** Ask to close when an item is chosen; `true` by default. */\n  closeOnSelect?: boolean | undefined;\n  /** Placeholder of the field; `\"Type a command or search…\"` by default. It is not its name. */\n  placeholder?: string | undefined;\n  /** Accessible name of the field and, through `aria-labelledby`, of the listbox; `\"Search commands\"`. */\n  searchLabel?: string | undefined;\n  /** Shown and announced when nothing matches; `\"No results\"` by default. */\n  noResultsText?: string | undefined;\n  /** Shown and announced when `source` rejects; `\"Couldn't load results\"` by default. */\n  errorText?: string | undefined;\n  /**\n   * Text of the polite announcement after a search settles; `\"1 result\"` or `\"N results\"` by\n   * default. Not used for zero results, which announce `noResultsText`.\n   */\n  resultsAnnouncement?: ((count: number) => string) | undefined;\n  /**\n   * Slot under the results, for key hints built with `Kbd`. Drawn only when given:\n   * `<>Press <Kbd keys={[\"Enter\"]} /> to run</>`.\n   */\n  footer?: JSX.Element | undefined;\n  /** Added to the dialog element, after `smwb-command-palette`. */\n  class?: string | undefined;\n  /** Name of the dialog; `\"Command palette\"` by default. Not set when `aria-labelledby` is given. */\n  \"aria-label\"?: string | undefined;\n  /** Id of the element that names the dialog; replaces the default `aria-label`. */\n  \"aria-labelledby\"?: string | undefined;\n  /** Ids of the elements that describe the dialog. */\n  \"aria-describedby\"?: string | undefined;\n  /** Test id of the dialog element; `\"command-palette\"` unless given. */\n  \"data-testid\"?: string | undefined;\n  /** Ref of the dialog element. */\n  ref?: Ref<HTMLDivElement> | undefined;\n}\n\n/**\n * Search and actions on ⌘K: a modal dialog with one search field and grouped results, for reaching\n * pages and running commands from the keyboard alone. Built on {@link Modal}, so it portals into the\n * body, traps the focus, closes on Escape only when it is the topmost overlay, and renders nothing on\n * the server.\n *\n * Results come from three places, drawn in this order: `recent` while the query is empty, `groups`\n * filtered locally by `filter`, and the answer of `source` for the current query. ArrowUp, ArrowDown,\n * PageUp and PageDown move the active option, Enter runs it, and Escape closes the palette. The first\n * enabled option is active as soon as the palette opens, so Enter runs the top hit.\n *\n * The palette does not bind Mod+K itself: the app does, with {@link createKeyboardShortcut}, so one\n * binding serves any opener and the same key list draws the hint.\n *\n * ```tsx\n * const [open, setOpen] = createSignal(false);\n * createKeyboardShortcut({ keys: [\"Mod\", \"K\"], onTrigger: () => setOpen(!open()) });\n * <Button onClick={() => setOpen(true)}>\n *   Search <Kbd keys={[\"Mod\", \"K\"]} />\n * </Button>\n * <CommandPalette open={open()} onOpenChange={setOpen} groups={groups} recent={recent()} onSelect={pick} />\n * ```\n *\n * Filtering is linear and the results are not virtualized, so an app that expects thousands of items\n * should cap each group (50 is a good start) or search on a server through `source`.\n */\nexport function CommandPalette(props: CommandPaletteProps): JSX.Element {\n  const local = mergeProps(\n    {\n      defaultOpen: false,\n      groups: [] as CommandPaletteGroup[],\n      recentLabel: \"Recent\",\n      defaultQuery: \"\",\n      filter: commandPaletteFilter as CommandPaletteFilter | false,\n      debounce: 200,\n      minQueryLength: 1,\n      loading: false,\n      closeOnSelect: true,\n      placeholder: \"Type a command or search…\",\n      searchLabel: \"Search commands\",\n      noResultsText: \"No results\",\n      errorText: \"Couldn't load results\",\n      resultsAnnouncement: defaultResultsAnnouncement,\n      \"aria-label\": \"Command palette\",\n      \"data-testid\": \"command-palette\",\n    },\n    props\n  );\n\n  // One call, in the palette's body and not in the portaled panel, so the server and the client\n  // consume ids in the same order.\n  const paletteId = createId(undefined, \"smwb-command-palette\");\n  const inputId = `${paletteId}-input`;\n  const listboxId = `${paletteId}-listbox`;\n\n  const [open, setOpen] = createControllableState<boolean>({\n    value: () => local.open,\n    defaultValue: local.defaultOpen,\n    onChange: (next) => local.onOpenChange?.(next),\n  });\n  const [query, setQuery] = createControllableState<string>({\n    value: () => local.query,\n    defaultValue: local.defaultQuery,\n    onChange: (next) => local.onQueryChange?.(next),\n  });\n  const trimmedQuery = createMemo(() => query().trim());\n\n  const [asyncAnswer, setAsyncAnswer] = createSignal<AsyncAnswer | null>(null);\n  const [failed, setFailed] = createSignal(false);\n  const [debouncing, setDebouncing] = createSignal(false);\n  const [inFlight, setInFlight] = createSignal(false);\n  /** A debounce timer waiting, a request in flight, or the app's own `loading`. */\n  const pending = (): boolean => debouncing() || inFlight() || local.loading;\n\n  // The rows in draw order: the recent group while the query is empty, the static groups the\n  // filter keeps, then the answer that belongs to the current query. A group left with no items\n  // is dropped, heading included.\n  const paletteGroups = createMemo<PaletteGroup[]>(() => {\n    const text = query();\n    const trimmed = trimmedQuery();\n    const drawn: PaletteGroup[] = [];\n    let optionIndex = 0;\n\n    const push = (key: string, label: string, group: CommandPaletteGroup, items: CommandPaletteItem[]): void => {\n      if (items.length === 0) return;\n      const options = items.map((item) => {\n        const option: PaletteOption = {\n          id: `${listboxId}-option-${optionIndex}`,\n          key: `${key}\\u0000${item.id}`,\n          item,\n          group,\n        };\n        optionIndex++;\n        return option;\n      });\n      drawn.push({ key, label, labelId: `${listboxId}-group-${drawn.length}`, options });\n    };\n\n    const recent = local.recent;\n    if (recent && trimmed === \"\") {\n      push(\"recent\", local.recentLabel, { id: \"recent\", label: local.recentLabel, items: recent }, recent);\n    }\n\n    const filter = local.filter;\n    for (const group of local.groups) {\n      const items = filter === false ? group.items : group.items.filter((item) => filter(item, text));\n      push(group.id ?? group.label, group.label, group, items);\n    }\n\n    const answer = asyncAnswer();\n    if (answer !== null && answer.query === trimmed) {\n      for (const group of answer.groups) {\n        push(group.id ?? group.label, group.label, group, group.items);\n      }\n    }\n\n    return drawn;\n  });\n\n  const flatOptions = createMemo<PaletteOption[]>(() => {\n    const options: PaletteOption[] = [];\n    for (const group of paletteGroups()) {\n      for (const option of group.options) options.push(option);\n    }\n    return options;\n  });\n\n  const isOptionEnabled = (index: number): boolean => {\n    const option = flatOptions()[index];\n    return option !== undefined && !option.item.disabled;\n  };\n\n  // The active option is kept by key, not by index: results that still hold it keep it active, and\n  // results that lost it move the active option to the first enabled one, or to none.\n  const [activeKey, setActiveKey] = createSignal<string | null>(null);\n  createEffect(() => {\n    const options = flatOptions();\n    const current = activeKey();\n    if (current !== null && options.some((option) => option.key === current && !option.item.disabled)) return;\n    const next = options[firstOption(options.length, isOptionEnabled)];\n    setActiveKey(next ? next.key : null);\n  });\n\n  const activeIndex = createMemo<number>(() => {\n    const key = activeKey();\n    if (key === null) return -1;\n    const options = flatOptions();\n    for (let index = 0; index < options.length; index++) {\n      const option = options[index];\n      if (option && option.key === key) return option.item.disabled ? -1 : index;\n    }\n    return -1;\n  });\n  const activeDescendant = (): string | undefined => {\n    const index = activeIndex();\n    return index >= 0 ? flatOptions()[index]?.id : undefined;\n  };\n\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let controller: AbortController | undefined;\n  let resultsEl: HTMLDivElement | undefined;\n  let scrollAfterMove = false;\n  let lastPointer: { x: number; y: number } | undefined;\n  let announceTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const cancelRequest = (): void => {\n    if (timer !== undefined) {\n      clearTimeout(timer);\n      timer = undefined;\n    }\n    if (controller !== undefined) {\n      controller.abort();\n      controller = undefined;\n    }\n  };\n\n  const request = (source: CommandPaletteSource, trimmed: string): void => {\n    const current = new AbortController();\n    controller = current;\n    setInFlight(true);\n    void source(trimmed, { signal: current.signal }).then(\n      (groups) => {\n        // An answer is applied only while its request is still the current one, so a source that\n        // ignores `signal` cannot show results for another query.\n        if (controller !== current || current.signal.aborted) return;\n        controller = undefined;\n        setInFlight(false);\n        setAsyncAnswer({ query: trimmed, groups });\n      },\n      (error: unknown) => {\n        if (controller !== current || current.signal.aborted) return;\n        controller = undefined;\n        setInFlight(false);\n        if (!isAbortError(error)) setFailed(true);\n      }\n    );\n  };\n\n  // A new query, or a close, leaves the previous answer behind: it belongs to another query.\n  createEffect(() => {\n    const isOpen = open();\n    const trimmed = trimmedQuery();\n    // Untracked: a caller's inline `source` is a new function on every read, and neither it nor a\n    // changed `debounce` may start a request of its own.\n    untrack(() => {\n      cancelRequest();\n      setDebouncing(false);\n      setInFlight(false);\n      setAsyncAnswer(null);\n      setFailed(false);\n      if (!isOpen) return;\n      const source = local.source;\n      if (!source || trimmed.length < local.minQueryLength) return;\n      setDebouncing(true);\n      timer = setTimeout(() => {\n        timer = undefined;\n        setDebouncing(false);\n        request(source, trimmed);\n      }, Math.max(0, local.debounce));\n    });\n  });\n\n  // Each open starts again from `defaultQuery`, while uncontrolled, and on the first enabled\n  // option, so Enter runs the top hit. The focus trap and the focus return are Modal's: it captures\n  // the opener itself when the dialog opens and returns to it only if nothing else took the focus.\n  createEffect(\n    on(\n      open,\n      (isOpen) => {\n        if (isOpen) {\n          if (local.query === undefined) setQuery(local.defaultQuery);\n          setActiveKey(null);\n        }\n      },\n      { defer: true }\n    )\n  );\n\n  // The results are announced once they settle, and a newer edit restarts the wait, so fast typing\n  // makes no chatter. Loading itself is not announced: `aria-busy` covers it and the count follows.\n  const [status, setStatus] = createSignal(\"\");\n  createEffect(() => {\n    const isOpen = open();\n    const trimmed = trimmedQuery();\n    const isPending = pending();\n    const count = flatOptions().length;\n    const didFail = failed();\n    untrack(() => {\n      if (announceTimer !== undefined) {\n        clearTimeout(announceTimer);\n        announceTimer = undefined;\n      }\n      if (!isOpen || trimmed === \"\") {\n        setStatus(\"\");\n        return;\n      }\n      if (isPending) return;\n      const text = didFail ? local.errorText : count === 0 ? local.noResultsText : local.resultsAnnouncement(count);\n      announceTimer = setTimeout(() => {\n        announceTimer = undefined;\n        setStatus(text);\n      }, ANNOUNCE_DELAY);\n    });\n  });\n\n  // Only a key scrolls the option into view: a pointer resting on a row while the results move\n  // under it must not.\n  createEffect(() => {\n    const index = activeIndex();\n    if (!scrollAfterMove) return;\n    scrollAfterMove = false;\n    const option = flatOptions()[index];\n    if (!option || !resultsEl) return;\n    const element = resultsEl.querySelector<HTMLElement>(`[id=\"${option.id}\"]`);\n    if (element) keepInView(element, resultsEl);\n  });\n\n  onCleanup(() => {\n    cancelRequest();\n    if (announceTimer !== undefined) {\n      clearTimeout(announceTimer);\n      announceTimer = undefined;\n    }\n  });\n\n  const choose = (item: CommandPaletteItem, group: CommandPaletteGroup): void => {\n    if (item.disabled) return;\n    // Closing first lets focus that a handler moves win over the trap handing it back to the opener.\n    if (local.closeOnSelect) setOpen(false);\n    item.onSelect?.();\n    local.onSelect?.(item, group);\n  };\n\n  const moveActive = (event: KeyboardEvent, steps: number): void => {\n    event.preventDefault();\n    const options = flatOptions();\n    const next = options[moveOption(options.length, isOptionEnabled, activeIndex(), steps)];\n    if (!next || next.key === activeKey()) return;\n    setActiveKey(next.key);\n    scrollAfterMove = true;\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    // While an IME composition is open the keys belong to it. Escape then cancels the composition,\n    // so it is marked handled and Modal leaves the palette open.\n    if (event.isComposing || event.keyCode === 229) {\n      if (event.key === \"Escape\") event.preventDefault();\n      return;\n    }\n    // Modified keys stay with the field and the browser: Shift+ArrowDown selects text, Ctrl+Enter\n    // belongs to the app. Nothing here stops propagation — Modal's Escape listener and the app's\n    // Mod+K hook are on the document, and a stopped key never reaches them.\n    if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey) return;\n    switch (event.key) {\n      case \"ArrowDown\":\n        moveActive(event, 1);\n        break;\n      case \"ArrowUp\":\n        moveActive(event, -1);\n        break;\n      case \"PageDown\":\n        moveActive(event, PAGE_STEP);\n        break;\n      case \"PageUp\":\n        moveActive(event, -PAGE_STEP);\n        break;\n      case \"Enter\": {\n        // Always prevented: the field must not submit a form around it.\n        event.preventDefault();\n        const option = flatOptions()[activeIndex()];\n        if (option) choose(option.item, option.group);\n        break;\n      }\n    }\n  };\n\n  const onQueryInput = (event: QueryInputEvent): void => {\n    const text = event.currentTarget.value;\n    setQuery(text);\n    // A controlled caller that ignores the edit gets its own text back, as React DOM does.\n    const shown = query();\n    if (shown !== text) event.currentTarget.value = shown;\n  };\n\n  const onHover = (event: PointerEvent, option: PaletteOption): void => {\n    if (option.item.disabled) return;\n    // Only a real move counts: results scrolling under a resting pointer would otherwise keep\n    // taking the active option.\n    if (lastPointer && lastPointer.x === event.clientX && lastPointer.y === event.clientY) return;\n    lastPointer = { x: event.clientX, y: event.clientY };\n    setActiveKey(option.key);\n  };\n\n  // Modal's props type has no `data-testid`, and its optional aria props take no explicit\n  // `undefined`, so the dialog's own attributes go in as one precisely-typed spread.\n  const dialogAttributes = (): DialogAttributes => {\n    const attributes: DialogAttributes = { \"data-testid\": local[\"data-testid\"] };\n    if (local[\"aria-labelledby\"] !== undefined) attributes[\"aria-labelledby\"] = local[\"aria-labelledby\"];\n    else attributes[\"aria-label\"] = local[\"aria-label\"];\n    if (local[\"aria-describedby\"] !== undefined) attributes[\"aria-describedby\"] = local[\"aria-describedby\"];\n    return attributes;\n  };\n\n  return (\n    <Modal\n      open={open()}\n      onClose={() => setOpen(false)}\n      size=\"medium\"\n      animation=\"fade\"\n      backdrop=\"dark\"\n      closeOnEsc\n      closeOnOutsideClick\n      class={cn(\"smwb-command-palette\", local.class)}\n      ref={local.ref}\n      {...dialogAttributes()}\n    >\n      <CommandPalettePanel\n        inputId={inputId}\n        listboxId={listboxId}\n        value={query()}\n        placeholder={local.placeholder}\n        searchLabel={local.searchLabel}\n        groups={paletteGroups()}\n        activeKey={activeKey()}\n        activeDescendant={activeDescendant()}\n        hasListbox={flatOptions().length > 0}\n        pending={pending()}\n        showEmpty={!pending() && !failed() && flatOptions().length === 0}\n        showError={failed()}\n        noResultsText={local.noResultsText}\n        errorText={local.errorText}\n        status={status()}\n        footer={local.footer}\n        resultsRef={(element) => (resultsEl = element)}\n        onQueryInput={onQueryInput}\n        onKeyDown={onKeyDown}\n        onChoose={(option) => choose(option.item, option.group)}\n        onHover={onHover}\n      />\n    </Modal>\n  );\n}\n\nexport default CommandPalette;\n"],"mappings":"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","names":[],"file":"commandPalette.jsx"}

package/dist/headless/source/components/navigation/commandPalette/commandPaletteFilter.js

@@ -0,0 +1,16 @@
+function normalizeSearchText(text) {
+  return text.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+const commandPaletteFilter = (item, query) => {
+  const words = normalizeSearchText(query).split(/\s+/).filter(Boolean);
+  if (words.length === 0) {
+    return true;
+  }
+  const text = normalizeSearchText([item.label, item.subtitle ?? "", ...item.keywords ?? []].join(" "));
+  return words.every((word) => text.includes(word));
+};
+export {
+  commandPaletteFilter,
+  normalizeSearchText
+};
+//# sourceMappingURL=commandPaletteFilter.js.map

package/dist/headless/source/components/navigation/commandPalette/commandPaletteFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/commandPalette/commandPaletteFilter.ts"],
+  "sourcesContent": ["import type { CommandPaletteFilter } from \"./commandPaletteTypes\";\n\n/**\n * Lower case, without combining marks: \"Caf\u00E9\" \u2192 \"cafe\", \"\u0401\u0436\u0438\u043A\" \u2192 \"\u0435\u0436\u0438\u043A\". A side effect of dropping the marks\n * is that \"\u0439\" reads as \"\u0438\", so a query with \"\u0438\" also finds words with \"\u0439\".\n */\nexport function normalizeSearchText(text: string): string {\n  return text.normalize(\"NFD\").replace(/[\u0300-\u036F]/g, \"\").toLowerCase();\n}\n\n/**\n * The palette's default filter: every word of the query occurs in the label, the subtitle or a keyword,\n * ignoring case and accents. An empty query matches everything. It never reorders items.\n */\nexport const commandPaletteFilter: CommandPaletteFilter = (item, query) => {\n  const words = normalizeSearchText(query).split(/\\s+/).filter(Boolean);\n  if (words.length === 0) {\n    return true;\n  }\n  const text = normalizeSearchText([item.label, item.subtitle ?? \"\", ...(item.keywords ?? [])].join(\" \"));\n  return words.every((word) => text.includes(word));\n};\n"],
+  "mappings": "AAMO,SAAS,oBAAoB,MAAsB;AACxD,SAAO,KAAK,UAAU,KAAK,EAAE,QAAQ,UAAU,EAAE,EAAE,YAAY;AACjE;AAMO,MAAM,uBAA6C,CAAC,MAAM,UAAU;AACzE,QAAM,QAAQ,oBAAoB,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AACpE,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AACA,QAAM,OAAO,oBAAoB,CAAC,KAAK,OAAO,KAAK,YAAY,IAAI,GAAI,KAAK,YAAY,CAAC,CAAE,EAAE,KAAK,GAAG,CAAC;AACtG,SAAO,MAAM,MAAM,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC;AAClD;",
+  "names": []
+}