@k2b/ui 0.1.0-rc.0

package/dist/browser/inputs/Combobox.js

@@ -0,0 +1,274 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<i class="ti ti-loader-2 k2b-spin"aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-combobox><div class=k2b-combobox__input><i class="ti ti-search"aria-hidden=true></i><input type=text role=combobox aria-autocomplete=list><!$><!/></div><div popover=manual class=k2b-choice-popover><div class=k2b-choice-options role=listbox><!$><!/><!$><!/>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down"aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-choice-status data-tone=danger><span></span><button type=button>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-choice-status>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<button type=button class=k2b-choice-option role=option><!$><!/><span><strong></strong><!$><!/>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<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() {
+      var _el$ = _$getNextElement(_tmpl$2),
+        _el$2 = _el$.firstChild,
+        _el$3 = _el$2.firstChild,
+        _el$4 = _el$3.nextSibling,
+        _el$6 = _el$4.nextSibling,
+        [_el$7, _co$] = _$getNextMarker(_el$6.nextSibling),
+        _el$8 = _el$2.nextSibling,
+        _el$9 = _el$8.firstChild,
+        _el$0 = _el$9.firstChild,
+        [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling),
+        _el$10 = _el$1.nextSibling,
+        [_el$11, _co$3] = _$getNextMarker(_el$10.nextSibling);
+      var _ref$ = popover.setTrigger;
+      typeof _ref$ === "function" ? _$use(_ref$, _el$2) : popover.setTrigger = _el$2;
+      _$use(element => {
+        inputRef = element;
+      }, _el$4);
+      _$setAttribute(_el$4, "aria-controls", listboxId);
+      _$spread(_el$4, _$mergeProps({
+        get id() {
+          return meta.controlId;
+        },
+        get value() {
+          return query();
+        },
+        get placeholder() {
+          return props.placeholder ?? messages().search;
+        },
+        get disabled() {
+          return props.disabled;
+        },
+        get ["aria-expanded"]() {
+          return popover.open();
+        },
+        get ["aria-activedescendant"]() {
+          return _$memo(() => !!focusedOption())() ? `${listboxId}-${focusedIndex()}` : undefined;
+        }
+      }, () => fieldControlAria(meta, props), {
+        "onFocus": () => open(),
+        "onClick": () => open(),
+        "onInput": event => {
+          setQuery(event.currentTarget.value);
+          open(false);
+          loader.load(event.currentTarget.value);
+          focus(-1);
+        },
+        "onKeyDown": onKeyDown
+      }), false, false);
+      _$insert(_el$2, _$createComponent(Show, {
+        get when() {
+          return loader.loading();
+        },
+        get fallback() {
+          return _$getNextElement(_tmpl$3);
+        },
+        get children() {
+          return _$getNextElement(_tmpl$);
+        }
+      }), _el$7, _co$);
+      var _ref$2 = popover.setPopover;
+      typeof _ref$2 === "function" ? _$use(_ref$2, _el$8) : popover.setPopover = _el$8;
+      _$setAttribute(_el$9, "id", listboxId);
+      _$insert(_el$9, _$createComponent(Show, {
+        get when() {
+          return loader.error();
+        },
+        children: message => (() => {
+          var _el$13 = _$getNextElement(_tmpl$4),
+            _el$14 = _el$13.firstChild,
+            _el$15 = _el$14.nextSibling;
+          _$insert(_el$14, message);
+          _$addEventListener(_el$15, "click", loader.retry, true);
+          _$insert(_el$15, () => messages().retry);
+          _$runHydrationEvents();
+          return _el$13;
+        })()
+      }), _el$1, _co$2);
+      _$insert(_el$9, _$createComponent(For, {
+        get each() {
+          return _$memo(() => !!loader.error())() ? [] : options();
+        },
+        get fallback() {
+          return (() => {
+            var _el$16 = _$getNextElement(_tmpl$5);
+            _$insert(_el$16, (() => {
+              var _c$ = _$memo(() => query().length >= 2);
+              return () => _c$() ? messages().noResultsFound : messages().typeToSearch;
+            })());
+            return _el$16;
+          })();
+        },
+        children: (option, index) => (() => {
+          var _el$17 = _$getNextElement(_tmpl$6),
+            _el$22 = _el$17.firstChild,
+            [_el$23, _co$5] = _$getNextMarker(_el$22.nextSibling),
+            _el$18 = _el$23.nextSibling,
+            _el$19 = _el$18.firstChild,
+            _el$20 = _el$19.nextSibling,
+            [_el$21, _co$4] = _$getNextMarker(_el$20.nextSibling);
+          _el$17.$$click = () => select(option);
+          _el$17.$$pointerdown = event => event.preventDefault();
+          _el$17.$$pointermove = () => focus(index());
+          _$use(element => optionRefs[index()] = element, _el$17);
+          _$insert(_el$17, _$createComponent(Show, {
+            get when() {
+              return option.icon;
+            },
+            children: icon => (() => {
+              var _el$24 = _$getNextElement(_tmpl$7);
+              _$effect(() => _$className(_el$24, iconClass(icon())));
+              return _el$24;
+            })()
+          }), _el$23, _co$5);
+          _$insert(_el$19, () => option.label);
+          _$insert(_el$18, _$createComponent(Show, {
+            get when() {
+              return option.description;
+            },
+            children: description => (() => {
+              var _el$25 = _$getNextElement(_tmpl$8);
+              _$insert(_el$25, description);
+              return _el$25;
+            })()
+          }), _el$21, _co$4);
+          _$effect(_p$ => {
+            var _v$ = `${listboxId}-${index()}`,
+              _v$2 = index() === focusedIndex(),
+              _v$3 = index() === focusedIndex() ? "true" : undefined;
+            _v$ !== _p$.e && _$setAttribute(_el$17, "id", _p$.e = _v$);
+            _v$2 !== _p$.t && _$setAttribute(_el$17, "aria-selected", _p$.t = _v$2);
+            _v$3 !== _p$.a && _$setAttribute(_el$17, "data-focused", _p$.a = _v$3);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined
+          });
+          _$runHydrationEvents();
+          return _el$17;
+        })()
+      }), _el$11, _co$3);
+      _$effect(() => _$setAttribute(_el$, "data-invalid", error() ? "true" : undefined));
+      _$runHydrationEvents();
+      return _el$;
+    }
+  });
+}
+export default Combobox;
+_$delegateEvents(["click", "pointermove", "pointerdown"]);
+//# sourceMappingURL=Combobox.js.map

package/dist/browser/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","_el$","_$getNextElement","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$6","_el$7","_co$","_$getNextMarker","_el$8","_el$9","_el$0","_el$1","_co$2","_el$10","_el$11","_co$3","_ref$","setTrigger","_$use","element","_$setAttribute","_$spread","_$mergeProps","placeholder","search","aria-expanded","aria-activedescendant","_$memo","undefined","onFocus","onClick","currentTarget","_$insert","when","loading","fallback","_tmpl$3","_tmpl$","_ref$2","setPopover","message","_el$13","_tmpl$4","_el$14","_el$15","_$addEventListener","retry","_$runHydrationEvents","each","_el$16","_tmpl$5","_c$","length","noResultsFound","typeToSearch","_el$17","_tmpl$6","_el$22","_el$23","_co$5","_el$18","_el$19","_el$20","_el$21","_co$4","$$click","$$pointerdown","$$pointermove","_el$24","_tmpl$7","_$effect","_$className","_el$25","_tmpl$8","_p$","_v$","_v$2","_v$3","e","t","a","_$delegateEvents"],"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":[]}