@smwb/ui-solid 0.11.1 → 0.12.0

package/dist/headless/components/inputs/selectField/selectField.js

@@ -1,42 +1,42 @@
-import { createComponent as i, addEventListener as Y, use as S, insert as f, effect as k, memo as V, setAttribute as v, className as Z, template as M, delegateEvents as ee } from "solid-js/web";
-import { splitProps as te, createSignal as A, createMemo as re, createEffect as H, Show as x, For as ne } from "solid-js";
-import $ from "clsx";
+import { createComponent as i, addEventListener as Y, use as A, insert as m, effect as L, memo as k, setAttribute as v, className as Z, template as M, delegateEvents as ee } from "solid-js/web";
+import { splitProps as te, createSignal as $, createMemo as re, createEffect as V, Show as x, For as ne } from "solid-js";
+import y from "clsx";
 import { DropdownMenu as le } from "./dropdownMenu.js";
-import { mergeRefs as ae } from "../../../primitives/mergeRefs.js";
-import { TextFieldWrapper as se } from "../textField/textFieldWrapper.js";
+import { mergeRefs as se } from "../../../primitives/mergeRefs.js";
+import { TextFieldWrapper as ae } from "../textField/textFieldWrapper.js";
 import { Chip as ie } from "../../dataDisplay/chip/chip.js";
-import { Icon as R } from "../../base/icon/icon.js";
-var W = /* @__PURE__ */ M("<span class=smwb-select-field__values>"), oe = /* @__PURE__ */ M("<span class=smwb-select-field__search><span class=smwb-select-field__search-text></span><input class=smwb-select-field__search-input type=text data-testid=search-input>"), ue = /* @__PURE__ */ M("<span role=button aria-haspopup=listbox data-testid=select-field><span class=smwb-select-field__search-wrapper></span><span class=smwb-select-field__actions>");
-function T(g) {
+import { Icon as H } from "../../base/icon/icon.js";
+var R = /* @__PURE__ */ M("<span class=smwb-select-field__values>"), oe = /* @__PURE__ */ M("<span class=smwb-select-field__search><span class=smwb-select-field__search-text></span><input class=smwb-select-field__search-input type=text data-testid=search-input>"), ue = /* @__PURE__ */ M("<span role=button aria-haspopup=listbox data-testid=select-field><span class=smwb-select-field__search-wrapper></span><span class=smwb-select-field__actions>");
+function W(g) {
   g.preventDefault(), g.stopPropagation();
 }
 function be(g) {
-  const [e] = te(g, ["class", "value", "defaultValue", "onChange", "disabled", "readOnly", "name", "multiple", "menuMaxHeight", "menuMiddleware", "menuNoItemsMessage", "menuContainer", "search", "chips", "isFocused", "error", "items", "label", "variant", "fullWidth", "helperText", "onSearch", "resetSearch", "isLoading", "inline", "endAdornment", "hideSelectArrowIcon", "optionRenderer", "clearable", "creatable", "onCreate", "virtualized", "itemHeight", "aria-label", "id", "ref"]), I = () => e.variant ?? "outlined", [o, m] = A(!1), [z, N] = A(e.defaultValue), [h, b] = A(""), P = e.value != null;
+  const [e] = te(g, ["class", "value", "defaultValue", "onChange", "disabled", "readOnly", "name", "multiple", "menuMaxHeight", "menuMiddleware", "menuNoItemsMessage", "menuContainer", "search", "chips", "isFocused", "error", "items", "label", "variant", "size", "fullWidth", "helperText", "onSearch", "resetSearch", "isLoading", "inline", "endAdornment", "hideSelectArrowIcon", "optionRenderer", "clearable", "creatable", "onCreate", "virtualized", "itemHeight", "aria-label", "id", "ref"]), I = () => e.variant ?? "outlined", [o, f] = $(!1), [T, N] = $(e.defaultValue), [h, b] = $(""), P = e.value != null;
   let p, w, D;
-  const u = () => P ? e.value : z(), y = () => !!e.isFocused || o(), _ = re(() => {
+  const u = () => P ? e.value : T(), C = () => !!e.isFocused || o(), _ = re(() => {
     const t = u();
     if (Array.isArray(t)) return e.items.filter((l) => t.includes(l.value));
     if (t == null || t === "") return [];
     const n = e.items.find((l) => l.value === t);
     return n ? [n] : [];
-  }), C = (t, n) => {
+  }), S = (t, n) => {
     e.onChange?.(t, {
       ...g,
       value: n,
       name: e.name || void 0
     }), N(n);
   }, j = (t) => {
-    t.button === 0 && (t.preventDefault(), p?.focus(), m(!o()));
+    t.button === 0 && (t.preventDefault(), p?.focus(), f(!o()));
   }, B = () => {
-    m(!1), p?.focus();
+    f(!1), p?.focus();
   }, K = () => {
     e.search === !0 && D?.focus();
   }, U = (t) => {
-    !e.readOnly && [" ", "ArrowUp", "ArrowDown", "Enter"].includes(t.key) && (t.preventDefault(), m(!o()));
+    !e.readOnly && [" ", "ArrowUp", "ArrowDown", "Enter"].includes(t.key) && (t.preventDefault(), f(!o()));
   };
-  H(() => {
-    (!y() || e.search === "menu" && !o()) && (b(""), e.resetSearch?.());
-  }), H(() => {
+  V(() => {
+    (!C() || e.search === "menu" && !o()) && (b(""), e.resetSearch?.());
+  }), V(() => {
     u(), w && (w.scrollLeft = w.scrollWidth);
   });
   const q = (t, n) => {
@@ -44,18 +44,18 @@ function be(g) {
     if (e.multiple) {
       const c = u();
       l = (Array.isArray(c) ? c : [c].filter(Boolean)).slice();
-      const a = l.findIndex((s) => s === n.value);
-      a === -1 ? l.push(n.value) : l.splice(a, 1);
+      const s = l.findIndex((a) => a === n.value);
+      s === -1 ? l.push(n.value) : l.splice(s, 1);
     } else
       l = u() === n.value ? "" : n.value;
-    h() && b(""), e.multiple || (m(!1), p?.focus()), C(t, l);
-  }, E = (t) => {
-    b(t.currentTarget.value), e.onSearch?.(t), o() || m(!0);
+    h() && b(""), e.multiple || (f(!1), p?.focus()), S(t, l);
+  }, z = (t) => {
+    b(t.currentTarget.value), e.onSearch?.(t), o() || f(!0);
   }, G = (t) => (n) => {
     const l = u();
-    Array.isArray(l) && C(n, l.filter((c) => t !== c));
+    Array.isArray(l) && S(n, l.filter((c) => t !== c));
   }, J = (t) => {
-    C(t, []);
+    S(t, []);
   }, Q = () => {
     if (e.onSearch) return e.items;
     const t = h();
@@ -66,11 +66,11 @@ function be(g) {
       return {
         text: `Создать "${t}"`,
         onCreate: (n) => {
-          e.onCreate?.(t, n), b(""), m(!1);
+          e.onCreate?.(t, n), b(""), f(!1);
         }
       };
   };
-  return [i(se, {
+  return [i(ae, {
     get label() {
       return e.label;
     },
@@ -84,7 +84,7 @@ function be(g) {
       return e.disabled;
     },
     get class() {
-      return e.class;
+      return y(e.class, e.size && e.size !== "medium" && `smwb-text-field_size-${e.size}`);
     },
     get error() {
       return e.error;
@@ -96,7 +96,7 @@ function be(g) {
       return !!_().length || !!h();
     },
     get isFocused() {
-      return y();
+      return C();
     },
     get inline() {
       return e.inline;
@@ -104,85 +104,88 @@ function be(g) {
     get children() {
       var t = ue(), n = t.firstChild, l = n.nextSibling;
       t.$$keydown = U, t.addEventListener("focus", K), Y(t, "mousedown", e.disabled || e.readOnly ? void 0 : j, !0);
-      var c = ae(e.ref, (r) => p = r);
-      return typeof c == "function" && S(c, t), S((r) => w = r, n), f(n, i(x, {
+      var c = se(e.ref, (r) => p = r);
+      return typeof c == "function" && A(c, t), A((r) => w = r, n), m(n, i(x, {
         get when() {
           return e.chips;
         },
         get fallback() {
           return (() => {
-            var r = W();
-            return f(r, () => _().map((a) => a.text).join(", ")), r;
+            var r = R();
+            return m(r, () => _().map((s) => s.text).join(", ")), r;
           })();
         },
         get children() {
-          var r = W();
-          return f(r, i(ne, {
+          var r = R();
+          return m(r, i(ne, {
             get each() {
               return _();
             },
-            children: (a) => i(ie, {
+            children: (s) => i(ie, {
               get label() {
-                return a.text;
+                return s.text;
+              },
+              get size() {
+                return e.size === "small" ? "small" : "medium";
               },
               get onDelete() {
-                return G(a.value);
+                return G(s.value);
               },
-              onDeleteMouseDown: T
+              onDeleteMouseDown: W
             })
           })), r;
         }
-      }), null), f(n, i(x, {
+      }), null), m(n, i(x, {
         get when() {
-          return V(() => !!(e.search && typeof e.search == "boolean"))() && !e.readOnly;
+          return k(() => !!(e.search && typeof e.search == "boolean"))() && !e.readOnly;
         },
         get children() {
-          var r = oe(), a = r.firstChild, s = a.nextSibling;
-          return f(a, h), s.$$keydown = (d) => d.stopPropagation(), s.$$mousedown = (d) => {
-            d.stopPropagation(), m(!0);
-          }, s.$$input = E, S((d) => D = d, s), k(() => s.value = h()), r;
+          var r = oe(), s = r.firstChild, a = s.nextSibling;
+          return m(s, h), a.$$keydown = (d) => d.stopPropagation(), a.$$mousedown = (d) => {
+            d.stopPropagation(), f(!0);
+          }, a.$$input = z, A((d) => D = d, a), L(() => a.value = h()), r;
         }
-      }), null), f(l, i(x, {
+      }), null), m(l, i(x, {
         get when() {
-          return V(() => !!(Array.isArray(u()) && u().length > 0 || e.clearable && _().length > 0))() && !e.disabled;
+          return k(() => !!(Array.isArray(u()) && u().length > 0 || e.clearable && _().length > 0))() && !e.disabled;
         },
         get children() {
-          return i(R, {
+          return i(H, {
             name: "close",
             size: 20,
             onClick: J,
-            onMouseDown: T,
+            onMouseDown: W,
             get class() {
-              return $("smwb-select-field__icon", "smwb-select-field__icon--close");
+              return y("smwb-select-field__icon", "smwb-select-field__icon--close");
             },
             "aria-label": "Clear selection",
             role: "button"
           });
         }
-      }), null), f(l, () => e.endAdornment, null), f(l, i(x, {
+      }), null), m(l, () => e.endAdornment, null), m(l, i(x, {
         get when() {
           return !e.hideSelectArrowIcon;
         },
         get children() {
-          return i(R, {
+          return i(H, {
             name: "arrow_drop_down",
             get class() {
-              return $("smwb-select-field__icon", "smwb-select-field__icon--arrow", {
+              return y("smwb-select-field__icon", "smwb-select-field__icon--arrow", {
                 "smwb-select-field__icon--opened": o(),
-                "smwb-select-field__icon--focused": y(),
+                "smwb-select-field__icon--focused": C(),
                 "smwb-select-field__icon--error": e.error
               });
             }
           });
         }
-      }), null), k((r) => {
-        var a = e.id, s = $("smwb-select-field", e.class, {
+      }), null), L((r) => {
+        var s = e.id, a = y("smwb-select-field", e.class, {
           "smwb-select-field--filled": I() === "filled" && e.label,
           "smwb-select-field--disabled": e.disabled,
           "smwb-select-field--search": e.search,
           "smwb-select-field--inline": e.inline
-        }), d = e.disabled ? void 0 : 0, F = o(), O = e.disabled || void 0, L = e["aria-label"];
-        return a !== r.e && v(t, "id", r.e = a), s !== r.t && Z(t, r.t = s), d !== r.a && v(t, "tabindex", r.a = d), F !== r.o && v(t, "aria-expanded", r.o = F), O !== r.i && v(t, "aria-disabled", r.i = O), L !== r.n && v(t, "aria-label", r.n = L), r;
+        }), d = e.disabled ? void 0 : 0, E = o(), F = e.disabled || void 0, O = e["aria-label"];
+        return s !== r.e && v(t, "id", r.e = s), a !== r.t && Z(t, r.t = a), d !== r.a && v(t, "tabindex", r.a = d), E !== r.o && v(t, "aria-expanded", r.o = E), F !== r.i && v(t, "aria-disabled", r.i = F), O !== r.n && v(t, "aria-label", r.n = O), r;
       }, {
         e: void 0,
         t: void 0,
@@ -203,7 +206,7 @@ function be(g) {
     get search() {
       return e.search === "menu";
     },
-    onSearchInputChange: E,
+    onSearchInputChange: z,
     get optionRenderer() {
       return e.optionRenderer;
     },

package/dist/headless/components/inputs/selectField/selectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectField.js","sources":["../../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import { type JSX, For, Show, createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps } from \"./dropdownMenu\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n\n  const isControlled = local.value != null;\n  let anchorEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    setValueState(next);\n  };\n\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    anchorEl?.focus();\n    setIsOpen(!isOpen());\n  };\n\n  const onClose = (): void => {\n    setIsOpen(false);\n    anchorEl?.focus();\n  };\n\n  const onFocus = (): void => {\n    if (local.search === true) searchInputEl?.focus();\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.readOnly && [\" \", \"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n      event.preventDefault();\n      setIsOpen(!isOpen());\n    }\n  };\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    if (!local.multiple) {\n      setIsOpen(false);\n      anchorEl?.focus();\n    }\n    updateValue(event, next);\n  };\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    setSearchValue(event.currentTarget.value);\n    local.onSearch?.(event);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      updateValue(event, current.filter((v) => currentValue !== v));\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    updateValue(event, []);\n  };\n\n  const filteredItems = (): DropdownItem[] => {\n    if (local.onSearch) return local.items;\n    const sv = searchValue();\n    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, \"i\")) !== -1);\n    return local.items;\n  };\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          setIsOpen(false);\n        },\n      };\n    }\n    return undefined;\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        label={local.label}\n        helperText={local.helperText}\n        variant={variant()}\n        disabled={local.disabled}\n        class={local.class}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        <span\n          ref={mergeRefs(local.ref, (el) => (anchorEl = el as HTMLSpanElement))}\n          id={local.id}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          tabindex={local.disabled ? undefined : 0}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen()}\n          aria-disabled={local.disabled || undefined}\n          aria-label={local[\"aria-label\"]}\n          onMouseDown={local.disabled || local.readOnly ? undefined : onMouseDown}\n          onFocus={onFocus}\n          onKeyDown={onKeyDown}\n          data-testid=\"select-field\"\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show\n              when={local.chips}\n              fallback={<span class=\"smwb-select-field__values\">{selectedItems().map((el) => el.text).join(\", \")}</span>}\n            >\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item) => (\n                    <Chip label={item.text} onDelete={onDeleteChip(item.value)} onDeleteMouseDown={stopEvent} />\n                  )}\n                </For>\n              </span>\n            </Show>\n            <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n              <span class=\"smwb-select-field__search\">\n                <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                <input\n                  class=\"smwb-select-field__search-input\"\n                  ref={(el) => (searchInputEl = el)}\n                  type=\"text\"\n                  value={searchValue()}\n                  onInput={onSearchInputChange}\n                  onMouseDown={(event) => {\n                    event.stopPropagation();\n                    setIsOpen(true);\n                  }}\n                  onKeyDown={(event) => event.stopPropagation()}\n                  data-testid=\"search-input\"\n                />\n              </span>\n            </Show>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled\n              }\n            >\n              <Icon\n                name=\"close\"\n                size={20}\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")}\n                aria-label=\"Clear selection\"\n                role=\"button\"\n              />\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        optionRenderer={local.optionRenderer}\n        items={filteredItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={onClose}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"names":["stopEvent","event","preventDefault","stopPropagation","SelectField","props","local","splitProps","variant","isOpen","setIsOpen","createSignal","valueState","setValueState","defaultValue","searchValue","setSearchValue","isControlled","value","anchorEl","searchWrapperEl","searchInputEl","isFocused","selectedItems","createMemo","v","Array","isArray","items","filter","item","includes","find","i","updateValue","next","onChange","name","undefined","onMouseDown","button","focus","onClose","onFocus","search","onKeyDown","readOnly","key","createEffect","resetSearch","scrollLeft","scrollWidth","onItemClick","multiple","current","Boolean","slice","idx","findIndex","el","push","splice","onSearchInputChange","currentTarget","onSearch","onDeleteChip","currentValue","onResetSelected","filteredItems","sv","text","RegExp","createOption","creatable","some","toLowerCase","onCreate","_$createComponent","TextFieldWrapper","label","helperText","disabled","class","error","fullWidth","isFilledState","length","inline","children","_el$","_tmpl$3","_el$2","firstChild","_el$7","nextSibling","$$keydown","addEventListener","_$addEventListener","_ref$","mergeRefs","ref","_$use","_$insert","Show","when","chips","fallback","_el$8","_tmpl$","map","join","_el$3","For","each","Chip","onDelete","onDeleteMouseDown","_$memo","_el$4","_tmpl$2","_el$5","_el$6","$$mousedown","$$input","_$effect","clearable","Icon","size","onClick","cn","role","endAdornment","hideSelectArrowIcon","_p$","_v$","id","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","_$className","a","o","n","DropdownMenu","anchorElement","menuMaxHeight","menuMiddleware","optionRenderer","isLoading","menuNoItemsMessage","container","menuContainer","virtualized","itemHeight","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"selectField.js","sources":["../../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import { type JSX, For, Show, createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps } from \"./dropdownMenu\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  /** Height of the field, as for TextField: `small` (40px, for toolbars), `medium` (default) or `large`. */\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"size\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n\n  const isControlled = local.value != null;\n  let anchorEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    setValueState(next);\n  };\n\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    anchorEl?.focus();\n    setIsOpen(!isOpen());\n  };\n\n  const onClose = (): void => {\n    setIsOpen(false);\n    anchorEl?.focus();\n  };\n\n  const onFocus = (): void => {\n    if (local.search === true) searchInputEl?.focus();\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.readOnly && [\" \", \"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n      event.preventDefault();\n      setIsOpen(!isOpen());\n    }\n  };\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    if (!local.multiple) {\n      setIsOpen(false);\n      anchorEl?.focus();\n    }\n    updateValue(event, next);\n  };\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    setSearchValue(event.currentTarget.value);\n    local.onSearch?.(event);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      updateValue(event, current.filter((v) => currentValue !== v));\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    updateValue(event, []);\n  };\n\n  const filteredItems = (): DropdownItem[] => {\n    if (local.onSearch) return local.items;\n    const sv = searchValue();\n    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, \"i\")) !== -1);\n    return local.items;\n  };\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          setIsOpen(false);\n        },\n      };\n    }\n    return undefined;\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        label={local.label}\n        helperText={local.helperText}\n        variant={variant()}\n        disabled={local.disabled}\n        class={cn(local.class, local.size && local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        <span\n          ref={mergeRefs(local.ref, (el) => (anchorEl = el as HTMLSpanElement))}\n          id={local.id}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          tabindex={local.disabled ? undefined : 0}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen()}\n          aria-disabled={local.disabled || undefined}\n          aria-label={local[\"aria-label\"]}\n          onMouseDown={local.disabled || local.readOnly ? undefined : onMouseDown}\n          onFocus={onFocus}\n          onKeyDown={onKeyDown}\n          data-testid=\"select-field\"\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show\n              when={local.chips}\n              fallback={<span class=\"smwb-select-field__values\">{selectedItems().map((el) => el.text).join(\", \")}</span>}\n            >\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item) => (\n                    <Chip\n                      label={item.text}\n                      size={local.size === \"small\" ? \"small\" : \"medium\"}\n                      onDelete={onDeleteChip(item.value)}\n                      onDeleteMouseDown={stopEvent}\n                    />\n                  )}\n                </For>\n              </span>\n            </Show>\n            <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n              <span class=\"smwb-select-field__search\">\n                <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                <input\n                  class=\"smwb-select-field__search-input\"\n                  ref={(el) => (searchInputEl = el)}\n                  type=\"text\"\n                  value={searchValue()}\n                  onInput={onSearchInputChange}\n                  onMouseDown={(event) => {\n                    event.stopPropagation();\n                    setIsOpen(true);\n                  }}\n                  onKeyDown={(event) => event.stopPropagation()}\n                  data-testid=\"search-input\"\n                />\n              </span>\n            </Show>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled\n              }\n            >\n              <Icon\n                name=\"close\"\n                size={20}\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")}\n                aria-label=\"Clear selection\"\n                role=\"button\"\n              />\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        optionRenderer={local.optionRenderer}\n        items={filteredItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={onClose}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"names":["stopEvent","event","preventDefault","stopPropagation","SelectField","props","local","splitProps","variant","isOpen","setIsOpen","createSignal","valueState","setValueState","defaultValue","searchValue","setSearchValue","isControlled","value","anchorEl","searchWrapperEl","searchInputEl","isFocused","selectedItems","createMemo","v","Array","isArray","items","filter","item","includes","find","i","updateValue","next","onChange","name","undefined","onMouseDown","button","focus","onClose","onFocus","search","onKeyDown","readOnly","key","createEffect","resetSearch","scrollLeft","scrollWidth","onItemClick","multiple","current","Boolean","slice","idx","findIndex","el","push","splice","onSearchInputChange","currentTarget","onSearch","onDeleteChip","currentValue","onResetSelected","filteredItems","sv","text","RegExp","createOption","creatable","some","toLowerCase","onCreate","_$createComponent","TextFieldWrapper","label","helperText","disabled","cn","class","size","error","fullWidth","isFilledState","length","inline","children","_el$","_tmpl$3","_el$2","firstChild","_el$7","nextSibling","$$keydown","addEventListener","_$addEventListener","_ref$","mergeRefs","ref","_$use","_$insert","Show","when","chips","fallback","_el$8","_tmpl$","map","join","_el$3","For","each","Chip","onDelete","onDeleteMouseDown","_$memo","_el$4","_tmpl$2","_el$5","_el$6","$$mousedown","$$input","_$effect","clearable","Icon","onClick","role","endAdornment","hideSelectArrowIcon","_p$","_v$","id","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","_$className","a","o","n","DropdownMenu","anchorElement","menuMaxHeight","menuMiddleware","optionRenderer","isLoading","menuNoItemsMessage","container","menuContainer","virtualized","itemHeight","_$delegateEvents"],"mappings":"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"}

package/dist/headless/components/inputs/textField/textField.js

@@ -1,49 +1,49 @@
-import { createComponent as y, use as A, spread as w, mergeProps as T, template as q } from "solid-js/web";
-import { mergeProps as z, splitProps as B, createSignal as d, createEffect as m, onMount as C } from "solid-js";
-import c from "clsx";
-import { isFilled as P } from "./utils.js";
-import { TextFieldWrapper as $ } from "./textFieldWrapper.js";
-import { mergeRefs as I } from "../../../primitives/mergeRefs.js";
-var S = /* @__PURE__ */ q("<input>");
-function V(a) {
-  const f = z({
+import { createComponent as T, use as q, spread as z, mergeProps as B, template as C } from "solid-js/web";
+import { mergeProps as P, splitProps as $, createSignal as m, createEffect as f, onMount as I, children as p } from "solid-js";
+import g from "clsx";
+import { isFilled as S } from "./utils.js";
+import { TextFieldWrapper as W } from "./textFieldWrapper.js";
+import { mergeRefs as D } from "../../../primitives/mergeRefs.js";
+var k = /* @__PURE__ */ C("<input>");
+function j(a) {
+  const h = P({
     variant: "outlined",
     size: "medium",
     type: "text"
-  }, a), [e, p] = B(f, ["label", "helperText", "variant", "size", "required", "class", "disabled", "value", "defaultValue", "onChange", "onFocus", "onBlur", "error", "name", "type", "readOnly", "placeholder", "fullWidth", "id", "startAdornment", "endAdornment", "inline", "autocomplete", "inputmode", "ref"]), [s, u] = d(!1), [g, b] = d(!1), l = e.value != null;
+  }, a), [e, b] = $(h, ["label", "helperText", "variant", "size", "required", "class", "disabled", "value", "defaultValue", "onChange", "onFocus", "onBlur", "error", "name", "type", "readOnly", "placeholder", "fullWidth", "id", "startAdornment", "endAdornment", "inline", "autocomplete", "inputmode", "ref"]), [d, u] = m(!1), [v, _] = m(!1), l = e.value != null;
   let n;
   const i = (t) => {
-    const r = P(t);
-    b((o) => o === r ? o : r);
-  }, h = (t) => {
+    const r = S(t);
+    _((o) => o === r ? o : r);
+  }, x = (t) => {
     if (e.disabled) {
       t.stopPropagation();
       return;
     }
     const r = e.onFocus;
     typeof r == "function" ? r(t) : Array.isArray(r) && r[0](r[1], t), u(!0);
-  }, v = (t) => {
+  }, F = (t) => {
     l || i({
       value: t.currentTarget.value
     }), e.onBlur?.(t, a), u(!1);
-  }, _ = (t) => {
+  }, y = (t) => {
     l || i({
       value: t.currentTarget.value
     }), e.onChange?.(t, a);
-  }, x = (t) => {
+  }, A = (t) => {
     n && t.currentTarget === t.target && (t.preventDefault(), n.focus());
   };
-  m(() => {
-    e.disabled && s() && u(!1);
-  }), C(() => i(n ? {
+  f(() => {
+    e.disabled && d() && u(!1);
+  }), I(() => i(n ? {
     value: n.value
-  } : null)), m(() => {
+  } : null)), f(() => {
     l && i({
       value: e.value
     });
   });
-  const F = () => c("smwb-text-field__input", (!e.label || e.inline) && "smwb-text-field__input--show-placeholder", e.startAdornment && "smwb-text-field__input--adornment-start", e.endAdornment && "smwb-text-field__input--adornment-end", e.inline && "smwb-text-field__input--inline");
-  return y($, {
+  const s = p(() => e.startAdornment), c = p(() => e.endAdornment), w = () => g("smwb-text-field__input", (!e.label || e.inline) && "smwb-text-field__input--show-placeholder", s() && "smwb-text-field__input--adornment-start", c() && "smwb-text-field__input--adornment-end", e.inline && "smwb-text-field__input--inline");
+  return T(W, {
     get label() {
       return e.label;
     },
@@ -57,7 +57,7 @@ function V(a) {
       return e.disabled;
     },
     get class() {
-      return c(e.class, e.size !== "medium" && `smwb-text-field_size-${e.size}`);
+      return g(e.class, e.size !== "medium" && `smwb-text-field_size-${e.size}`);
     },
     get error() {
       return e.error;
@@ -66,30 +66,30 @@ function V(a) {
       return e.fullWidth;
     },
     get isFilledState() {
-      return g();
+      return v();
     },
     get isFocused() {
-      return s();
+      return d();
     },
     get for() {
       return e.id;
     },
     get shrink() {
-      return !!e.startAdornment;
+      return !!s();
     },
-    onHolderMouseDown: x,
+    onHolderMouseDown: A,
     get startAdornment() {
-      return e.startAdornment;
+      return s();
     },
     get endAdornment() {
-      return e.endAdornment;
+      return c();
     },
     get inline() {
       return e.inline;
     },
     get children() {
-      var t = S(), r = I(e.ref, (o) => n = o);
-      return typeof r == "function" && A(r, t), w(t, T(p, {
+      var t = k(), r = D(e.ref, (o) => n = o);
+      return typeof r == "function" && q(r, t), z(t, B(b, {
         get type() {
           return e.type;
         },
@@ -118,11 +118,11 @@ function V(a) {
           return l ? e.value : e.defaultValue ?? "";
         },
         get class() {
-          return F();
+          return w();
         },
-        onInput: _,
-        onFocus: h,
-        onBlur: v,
+        onInput: y,
+        onFocus: x,
+        onBlur: F,
         get id() {
           return e.id;
         },
@@ -137,6 +137,6 @@ function V(a) {
   });
 }
 export {
-  V as TextField
+  j as TextField
 };
 //# sourceMappingURL=textField.js.map

package/dist/headless/components/inputs/textField/textField.js.map

@@ -1 +1 @@
-{"version":3,"file":"textField.js","sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import { type JSX, createEffect, createSignal, mergeProps, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype FocusEvt = FocusEvent & { currentTarget: HTMLInputElement; target: Element };\ntype InputEvt = InputEvent & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface TextFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onBlur\" | \"size\"> {\n  label?: string | undefined;\n  helperText?: JSX.Element;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean | undefined;\n  value?: string | number | undefined;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: FocusEvt, data: TextFieldProps) => void;\n  onChange?: (event: InputEvt, data: TextFieldProps) => void;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  id?: string;\n  inline?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const merged = mergeProps({ variant: \"outlined\" as const, size: \"medium\" as const, type: \"text\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"helperText\",\n    \"variant\",\n    \"size\",\n    \"required\",\n    \"class\",\n    \"disabled\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"onFocus\",\n    \"onBlur\",\n    \"error\",\n    \"name\",\n    \"type\",\n    \"readOnly\",\n    \"placeholder\",\n    \"fullWidth\",\n    \"id\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"inline\",\n    \"autocomplete\",\n    \"inputmode\",\n    \"ref\",\n  ]);\n\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [isFilledState, setIsFilledState] = createSignal(false);\n\n  // One-time snapshot of controlled-ness, matching the React useRef behaviour.\n  const isControlled = local.value != null;\n  let inputEl: HTMLInputElement | undefined;\n\n  const checkDirty = (obj: Parameters<typeof isFilled>[0]): void => {\n    const filled = isFilled(obj);\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  };\n\n  const onFocus = (event: FocusEvent & { currentTarget: HTMLInputElement; target: HTMLInputElement }): void => {\n    if (local.disabled) {\n      event.stopPropagation();\n      return;\n    }\n    // local.onFocus is Solid's FocusEventHandlerUnion (function or [handler, data]).\n    const handler = local.onFocus as unknown;\n    if (typeof handler === \"function\") {\n      (handler as (e: typeof event) => void)(event);\n    } else if (Array.isArray(handler)) {\n      (handler[0] as (data: unknown, e: typeof event) => void)(handler[1], event);\n    }\n    setIsFocused(true);\n  };\n\n  const onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onBlur?.(event as FocusEvt, props);\n    setIsFocused(false);\n  };\n\n  const onInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onChange?.(event as InputEvt, props);\n  };\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (inputEl && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputEl.focus();\n    }\n  };\n\n  createEffect(() => {\n    if (local.disabled && isFocused()) {\n      setIsFocused(false);\n    }\n  });\n\n  onMount(() => checkDirty(inputEl ? { value: inputEl.value } : null));\n\n  createEffect(() => {\n    if (isControlled) {\n      checkDirty({ value: local.value });\n    }\n  });\n\n  const inputClasses = (): string =>\n    cn(\n      \"smwb-text-field__input\",\n      (!local.label || local.inline) && \"smwb-text-field__input--show-placeholder\",\n      local.startAdornment && \"smwb-text-field__input--adornment-start\",\n      local.endAdornment && \"smwb-text-field__input--adornment-end\",\n      local.inline && \"smwb-text-field__input--inline\"\n    );\n\n  return (\n    <TextFieldWrapper\n      label={local.label}\n      helperText={local.helperText}\n      variant={local.variant}\n      disabled={local.disabled}\n      class={cn(local.class, local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n      error={local.error}\n      fullWidth={local.fullWidth}\n      isFilledState={isFilledState()}\n      isFocused={isFocused()}\n      for={local.id}\n      shrink={Boolean(local.startAdornment)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={local.startAdornment}\n      endAdornment={local.endAdornment}\n      inline={local.inline}\n    >\n      <input\n        {...rest}\n        type={local.type}\n        name={local.name}\n        readonly={local.readOnly}\n        required={local.required}\n        aria-invalid={local.error || undefined}\n        aria-required={local.required || undefined}\n        placeholder={local.placeholder}\n        disabled={local.disabled}\n        value={isControlled ? local.value : (local.defaultValue ?? \"\")}\n        class={inputClasses()}\n        ref={mergeRefs(local.ref, (el) => (inputEl = el))}\n        onInput={onInput}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={local.id}\n        autocomplete={local.autocomplete}\n        inputmode={local.inputmode}\n      />\n    </TextFieldWrapper>\n  );\n}\n\nexport default TextField;\n"],"names":["TextField","props","merged","mergeProps","variant","size","type","local","rest","splitProps","isFocused","setIsFocused","createSignal","isFilledState","setIsFilledState","isControlled","value","inputEl","checkDirty","obj","filled","isFilled","prev","onFocus","event","disabled","stopPropagation","handler","Array","isArray","onBlur","currentTarget","onInput","onChange","onHolderMouseDown","target","preventDefault","focus","createEffect","onMount","inputClasses","cn","label","inline","startAdornment","endAdornment","_$createComponent","TextFieldWrapper","helperText","class","error","fullWidth","id","shrink","Boolean","children","_el$","_tmpl$","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","name","readonly","readOnly","required","undefined","placeholder","defaultValue","autocomplete","inputmode"],"mappings":"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"}
+{"version":3,"file":"textField.js","sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import { type JSX, children, createEffect, createSignal, mergeProps, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype FocusEvt = FocusEvent & { currentTarget: HTMLInputElement; target: Element };\ntype InputEvt = InputEvent & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface TextFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onBlur\" | \"size\"> {\n  label?: string | undefined;\n  helperText?: JSX.Element;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean | undefined;\n  value?: string | number | undefined;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: FocusEvt, data: TextFieldProps) => void;\n  onChange?: (event: InputEvt, data: TextFieldProps) => void;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  id?: string;\n  inline?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const merged = mergeProps({ variant: \"outlined\" as const, size: \"medium\" as const, type: \"text\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"helperText\",\n    \"variant\",\n    \"size\",\n    \"required\",\n    \"class\",\n    \"disabled\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"onFocus\",\n    \"onBlur\",\n    \"error\",\n    \"name\",\n    \"type\",\n    \"readOnly\",\n    \"placeholder\",\n    \"fullWidth\",\n    \"id\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"inline\",\n    \"autocomplete\",\n    \"inputmode\",\n    \"ref\",\n  ]);\n\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [isFilledState, setIsFilledState] = createSignal(false);\n\n  // One-time snapshot of controlled-ness, matching the React useRef behaviour.\n  const isControlled = local.value != null;\n  let inputEl: HTMLInputElement | undefined;\n\n  const checkDirty = (obj: Parameters<typeof isFilled>[0]): void => {\n    const filled = isFilled(obj);\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  };\n\n  const onFocus = (event: FocusEvent & { currentTarget: HTMLInputElement; target: HTMLInputElement }): void => {\n    if (local.disabled) {\n      event.stopPropagation();\n      return;\n    }\n    // local.onFocus is Solid's FocusEventHandlerUnion (function or [handler, data]).\n    const handler = local.onFocus as unknown;\n    if (typeof handler === \"function\") {\n      (handler as (e: typeof event) => void)(event);\n    } else if (Array.isArray(handler)) {\n      (handler[0] as (data: unknown, e: typeof event) => void)(handler[1], event);\n    }\n    setIsFocused(true);\n  };\n\n  const onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onBlur?.(event as FocusEvt, props);\n    setIsFocused(false);\n  };\n\n  const onInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onChange?.(event as InputEvt, props);\n  };\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (inputEl && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputEl.focus();\n    }\n  };\n\n  createEffect(() => {\n    if (local.disabled && isFocused()) {\n      setIsFocused(false);\n    }\n  });\n\n  onMount(() => checkDirty(inputEl ? { value: inputEl.value } : null));\n\n  createEffect(() => {\n    if (isControlled) {\n      checkDirty({ value: local.value });\n    }\n  });\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const startAdornment = children(() => local.startAdornment);\n  const endAdornment = children(() => local.endAdornment);\n\n  const inputClasses = (): string =>\n    cn(\n      \"smwb-text-field__input\",\n      (!local.label || local.inline) && \"smwb-text-field__input--show-placeholder\",\n      startAdornment() && \"smwb-text-field__input--adornment-start\",\n      endAdornment() && \"smwb-text-field__input--adornment-end\",\n      local.inline && \"smwb-text-field__input--inline\"\n    );\n\n  return (\n    <TextFieldWrapper\n      label={local.label}\n      helperText={local.helperText}\n      variant={local.variant}\n      disabled={local.disabled}\n      class={cn(local.class, local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n      error={local.error}\n      fullWidth={local.fullWidth}\n      isFilledState={isFilledState()}\n      isFocused={isFocused()}\n      for={local.id}\n      shrink={Boolean(startAdornment())}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={startAdornment()}\n      endAdornment={endAdornment()}\n      inline={local.inline}\n    >\n      <input\n        {...rest}\n        type={local.type}\n        name={local.name}\n        readonly={local.readOnly}\n        required={local.required}\n        aria-invalid={local.error || undefined}\n        aria-required={local.required || undefined}\n        placeholder={local.placeholder}\n        disabled={local.disabled}\n        value={isControlled ? local.value : (local.defaultValue ?? \"\")}\n        class={inputClasses()}\n        ref={mergeRefs(local.ref, (el) => (inputEl = el))}\n        onInput={onInput}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={local.id}\n        autocomplete={local.autocomplete}\n        inputmode={local.inputmode}\n      />\n    </TextFieldWrapper>\n  );\n}\n\nexport default TextField;\n"],"names":["TextField","props","merged","mergeProps","variant","size","type","local","rest","splitProps","isFocused","setIsFocused","createSignal","isFilledState","setIsFilledState","isControlled","value","inputEl","checkDirty","obj","filled","isFilled","prev","onFocus","event","disabled","stopPropagation","handler","Array","isArray","onBlur","currentTarget","onInput","onChange","onHolderMouseDown","target","preventDefault","focus","createEffect","onMount","startAdornment","children","endAdornment","inputClasses","cn","label","inline","_$createComponent","TextFieldWrapper","helperText","class","error","fullWidth","id","shrink","Boolean","_el$","_tmpl$","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","name","readonly","readOnly","required","undefined","placeholder","defaultValue","autocomplete","inputmode"],"mappings":"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"}

package/dist/headless/components/inputs/textField/textFieldAdornment.js

@@ -1,15 +1,15 @@
-import { insert as i, effect as r, className as l, template as o } from "solid-js/web";
-import { splitProps as s } from "solid-js";
-import a from "clsx";
-var d = /* @__PURE__ */ o("<span>");
-function _(n) {
-  const [t] = s(n, ["position", "variant", "children", "class", "disablePointerEvents", "inline"]);
+import { insert as r, effect as o, className as s, template as l } from "solid-js/web";
+import { splitProps as a, children as d } from "solid-js";
+import m from "clsx";
+var f = /* @__PURE__ */ l("<span>");
+function b(i) {
+  const [t] = a(i, ["position", "variant", "children", "class", "disablePointerEvents", "inline"]), n = d(() => t.children);
   return (() => {
-    var e = d();
-    return i(e, () => t.children), r(() => l(e, a("smwb-text-field__adornment", t.class, t.position === "start" && "smwb-text-field__adornment--start", t.position === "end" && "smwb-text-field__adornment--end", t.disablePointerEvents && "smwb-text-field__adornment--disable-pointer", !t.inline && t.variant === "filled" && "smwb-text-field__adornment--filled", typeof t.children == "string" && "smwb-text-field__adornment--text"))), e;
+    var e = f();
+    return r(e, n), o(() => s(e, m("smwb-text-field__adornment", t.class, t.position === "start" && "smwb-text-field__adornment--start", t.position === "end" && "smwb-text-field__adornment--end", t.disablePointerEvents && "smwb-text-field__adornment--disable-pointer", !t.inline && t.variant === "filled" && "smwb-text-field__adornment--filled", typeof n() == "string" && "smwb-text-field__adornment--text"))), e;
   })();
 }
 export {
-  _ as TextFieldAdornment
+  b as TextFieldAdornment
 };
 //# sourceMappingURL=textFieldAdornment.js.map

package/dist/headless/components/inputs/textField/textFieldAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldAdornment.js","sources":["../../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldAdornmentProps {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldVariant | undefined;\n  inline?: boolean;\n  class?: string;\n  children?: JSX.Element;\n}\n\nexport function TextFieldAdornment(props: TextFieldAdornmentProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"position\",\n    \"variant\",\n    \"children\",\n    \"class\",\n    \"disablePointerEvents\",\n    \"inline\",\n  ]);\n\n  return (\n    <span\n      class={cn(\n        \"smwb-text-field__adornment\",\n        local.class,\n        local.position === \"start\" && \"smwb-text-field__adornment--start\",\n        local.position === \"end\" && \"smwb-text-field__adornment--end\",\n        local.disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n        !local.inline && local.variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n        typeof local.children === \"string\" && \"smwb-text-field__adornment--text\"\n      )}\n    >\n      {local.children}\n    </span>\n  );\n}\n\nexport default TextFieldAdornment;\n"],"names":["TextFieldAdornment","props","local","splitProps","_el$","_tmpl$","_$insert","children","_$effect","_$className","cn","class","position","disablePointerEvents","inline","variant"],"mappings":";;;;AAaO,SAASA,EAAmBC,GAA6C;AAC9E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,YACA,WACA,YACA,SACA,wBACA,QAAQ,CACT;AAED,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAA,MAYKF,EAAMK,QAAQ,GAAAC,EAAA,MAAAC,EAAAL,GAVRM,EACL,8BACAR,EAAMS,OACNT,EAAMU,aAAa,WAAW,qCAC9BV,EAAMU,aAAa,SAAS,mCAC5BV,EAAMW,wBAAwB,+CAC9B,CAACX,EAAMY,UAAUZ,EAAMa,YAAY,YAAY,sCAC/C,OAAOb,EAAMK,YAAa,YAAY,kCACxC,CAAC,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAKP;"}
+{"version":3,"file":"textFieldAdornment.js","sources":["../../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import { type JSX, children, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldAdornmentProps {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldVariant | undefined;\n  inline?: boolean;\n  class?: string;\n  children?: JSX.Element;\n}\n\nexport function TextFieldAdornment(props: TextFieldAdornmentProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"position\",\n    \"variant\",\n    \"children\",\n    \"class\",\n    \"disablePointerEvents\",\n    \"inline\",\n  ]);\n\n  // Read once: markup passed as children is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const content = children(() => local.children);\n\n  return (\n    <span\n      class={cn(\n        \"smwb-text-field__adornment\",\n        local.class,\n        local.position === \"start\" && \"smwb-text-field__adornment--start\",\n        local.position === \"end\" && \"smwb-text-field__adornment--end\",\n        local.disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n        !local.inline && local.variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n        typeof content() === \"string\" && \"smwb-text-field__adornment--text\"\n      )}\n    >\n      {content()}\n    </span>\n  );\n}\n\nexport default TextFieldAdornment;\n"],"names":["TextFieldAdornment","props","local","splitProps","content","children","_el$","_tmpl$","_$insert","_$effect","_$className","cn","class","position","disablePointerEvents","inline","variant"],"mappings":";;;;AAaO,SAASA,EAAmBC,GAA6C;AAC9E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,YACA,WACA,YACA,SACA,wBACA,QAAQ,CACT,GAIKG,IAAUC,EAAS,MAAMH,EAAMG,QAAQ;AAE7C,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAYKF,CAAO,GAAAK,EAAA,MAAAC,EAAAJ,GAVDK,EACL,8BACAT,EAAMU,OACNV,EAAMW,aAAa,WAAW,qCAC9BX,EAAMW,aAAa,SAAS,mCAC5BX,EAAMY,wBAAwB,+CAC9B,CAACZ,EAAMa,UAAUb,EAAMc,YAAY,YAAY,sCAC/C,OAAOZ,EAAAA,KAAc,YAAY,kCACnC,CAAC,CAAA,GAAAE;AAAAA,EAAA,GAAA;AAKP;"}