@k2b/ui 0.1.0-rc.0

package/dist/ssr/inputs/Combobox.js

@@ -0,0 +1,177 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
+  _tmpl$2 = ["<div class=\"k2b-combobox\"", "><div class=\"k2b-combobox__input\"><i class=\"ti ti-search\" aria-hidden=\"true\"></i>", "", "</div><div popover=\"manual\" class=\"k2b-choice-popover\"><div class=\"k2b-choice-options\" role=\"listbox\"", ">", "", "</div></div></div>"],
+  _tmpl$3 = "<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"></i>",
+  _tmpl$4 = ["<div class=\"k2b-choice-status\" data-tone=\"danger\"><span>", "</span><button type=\"button\">", "</button></div>"],
+  _tmpl$5 = ["<div class=\"k2b-choice-status\">", "</div>"],
+  _tmpl$6 = ["<button type=\"button\" id=\"", "\" class=\"k2b-choice-option\" role=\"option\"", ">", "<span><strong>", "</strong>", "</span></button>"],
+  _tmpl$7 = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$8 = ["<small>", "</small>"];
+import { createSignal, For, Show } from "solid-js";
+import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from "./choice";
+import { resolveMaybeAccessor } from "./field-contract";
+const iconClass = icon => icon.split(/\s+/).includes("ti") ? icon : `ti ${icon}`;
+export function Combobox(props) {
+  const messages = useUiMessages();
+  const meta = createFieldMeta(props.id);
+  const listboxId = `${meta.controlId}-listbox`;
+  const [localQuery, setLocalQuery] = createSignal("");
+  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();
+  const setQuery = value => {
+    setLocalQuery(value);
+    props.onQueryChange?.(value);
+  };
+  const error = () => resolveMaybeAccessor(props.error);
+  const [focusedIndex, setFocusedIndex] = createSignal(-1);
+  let inputRef;
+  let optionRefs = [];
+  const loader = createChoiceLoader(() => async (value, signal) => (await props.fetchData(value, signal)).map(option => ({
+    ...option,
+    value: option.id
+  })),
+  // Cloud debounces at 200ms and then pads the response with a 200ms minimum
+  // load time to stop the spinner flickering. The spinner here sits in the
+  // chevron slot and stale results stay visible, so there is nothing to pad —
+  // 150ms keeps typing responsive without hammering the loader.
+  () => props.debounceMs ?? 150);
+  const popover = createChoicePopover(() => Boolean(props.disabled));
+  const options = loader.options;
+  const focusedOption = () => options()[focusedIndex()];
+  const focus = index => {
+    setFocusedIndex(index);
+    optionRefs[index]?.scrollIntoView({
+      block: "nearest"
+    });
+  };
+  /** `eager` loads the currently controlled query on open; typing supplies its
+   *  own query, so opening from `onInput` skips the duplicate request. */
+  const open = (eager = true) => {
+    if (props.disabled || popover.open()) return;
+    popover.show();
+    if (eager) loader.load(query(), true);
+    focus(-1);
+  };
+  const reset = () => {
+    loader.cancel();
+    setQuery("");
+    focus(-1);
+  };
+  const close = () => {
+    popover.hide();
+    reset();
+  };
+  const select = option => {
+    popover.hide();
+    props.onSelect({
+      id: option.value,
+      label: option.label,
+      description: option.description,
+      icon: option.icon
+    });
+    reset();
+    inputRef?.focus();
+  };
+  const onKeyDown = event => {
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      if (!popover.open()) open();else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === "ArrowDown" ? 1 : -1));
+    } else if (event.key === "Enter" && popover.open() && options()[focusedIndex()]) {
+      event.preventDefault();
+      select(options()[focusedIndex()]);
+    } else if ((event.key === "Escape" || event.key === "Tab") && popover.open()) {
+      // Escape is only ours while the list is open; otherwise it has to reach an
+      // enclosing dialog or drawer.
+      if (event.key === "Escape") event.preventDefault();
+      close();
+    }
+  };
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return error();
+    },
+    meta: meta,
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      return _$ssr(_tmpl$2, _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false), _$ssrElement("input", _$mergeProps({
+        get id() {
+          return meta.controlId;
+        },
+        type: "text",
+        get value() {
+          return query();
+        },
+        get placeholder() {
+          return props.placeholder ?? messages().search;
+        },
+        get disabled() {
+          return props.disabled;
+        },
+        role: "combobox",
+        "aria-autocomplete": "list",
+        get ["aria-expanded"]() {
+          return popover.open();
+        },
+        "aria-controls": listboxId,
+        get ["aria-activedescendant"]() {
+          return focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined;
+        }
+      }, () => fieldControlAria(meta, props)), undefined, false), _$escape(_$createComponent(Show, {
+        get when() {
+          return loader.loading();
+        },
+        get fallback() {
+          return _$ssr(_tmpl$3);
+        },
+        get children() {
+          return _$ssr(_tmpl$);
+        }
+      })), _$ssrAttribute("id", _$escape(listboxId, true), false), _$escape(_$createComponent(Show, {
+        get when() {
+          return loader.error();
+        },
+        children: message => _$ssr(_tmpl$4, _$escape(message()), _$escape(messages().retry))
+      })), _$escape(_$createComponent(For, {
+        get each() {
+          return loader.error() ? [] : options();
+        },
+        get fallback() {
+          return _$ssr(_tmpl$5, query().length >= 2 ? _$escape(messages().noResultsFound) : _$escape(messages().typeToSearch));
+        },
+        children: (option, index) => _$ssr(_tmpl$6, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(focusedIndex(), true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+          get when() {
+            return option.icon;
+          },
+          children: icon => _$ssr(_tmpl$7, _$ssrAttribute("class", _$escape(iconClass(icon()), true), false))
+        })), _$escape(option.label), _$escape(_$createComponent(Show, {
+          get when() {
+            return option.description;
+          },
+          children: description => _$ssr(_tmpl$8, _$escape(description()))
+        })))
+      })));
+    }
+  });
+}
+export default Combobox;
+//# sourceMappingURL=Combobox.js.map

package/dist/ssr/inputs/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSignal","For","Show","createFieldMeta","Field","fieldControlAria","useUiMessages","createChoiceLoader","createChoicePopover","nextEnabledChoiceIndex","resolveMaybeAccessor","iconClass","icon","split","includes","Combobox","props","messages","meta","id","listboxId","controlId","localQuery","setLocalQuery","query","setQuery","value","onQueryChange","error","focusedIndex","setFocusedIndex","inputRef","optionRefs","loader","signal","fetchData","map","option","debounceMs","popover","Boolean","disabled","options","focusedOption","focus","index","scrollIntoView","block","open","eager","show","load","reset","cancel","close","hide","select","onSelect","label","description","onKeyDown","event","key","preventDefault","_$createComponent","class","required","children","_$ssr","_tmpl$2","_$ssrAttribute","_$escape","undefined","_$ssrElement","_$mergeProps","type","placeholder","search","role","aria-expanded","aria-activedescendant","when","loading","fallback","_tmpl$3","_tmpl$","message","_tmpl$4","retry","each","_tmpl$5","length","noResultsFound","typeToSearch","_tmpl$6","_tmpl$7","_tmpl$8"],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type ComboboxOption = { id: string; label: string; description?: string; icon?: string };\nexport type ComboboxProps = FieldProps & {\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const options = loader.options;\n  const focusedOption = () => options()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || popover.open()) return;\n    popover.show();\n    if (eager) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    reset();\n  };\n  const select = (option: ChoiceOption<string>) => {\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open() && options()[focusedIndex()]) {\n      event.preventDefault();\n      select(options()[focusedIndex()]!);\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\">\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onFocus={() => open()}\n            onClick={() => open()}\n            onInput={(event) => {\n              setQuery(event.currentTarget.value);\n              open(false);\n              loader.load(event.currentTarget.value);\n              focus(-1);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <For\n              each={loader.error() ? [] : options()}\n              fallback={<div class=\"k2b-choice-status\">{query().length >= 2 ? messages().noResultsFound : messages().typeToSearch}</div>}\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  onPointerMove={() => focus(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => select(option)}\n                >\n                  <Show when={option.icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Combobox;\n"],"mappings":"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","ignoreList":[]}