@smwb/ui-solid 0.2.2 → 0.4.0

package/dist/headless/source/components/inputs/selectField/selectField.jsx

@@ -0,0 +1,272 @@
+import { For, Show, createEffect, createMemo, createSignal, splitProps } from "solid-js";
+import cn from "clsx";
+import { DropdownMenu } from "./dropdownMenu";
+import { Chip } from "../../dataDisplay/chip";
+import { TextFieldWrapper } from "../textField";
+import { Icon } from "../../base/icon";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function stopEvent(event) {
+  event.preventDefault();
+  event.stopPropagation();
+}
+function SelectField(props) {
+  const [local] = splitProps(props, [
+    "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"
+  ]);
+  const variant = () => local.variant ?? "outlined";
+  const [isOpen, setIsOpen] = createSignal(false);
+  const [valueState, setValueState] = createSignal(local.defaultValue);
+  const [searchValue, setSearchValue] = createSignal("");
+  const isControlled = local.value != null;
+  let anchorEl;
+  let searchWrapperEl;
+  let searchInputEl;
+  const value = () => isControlled ? local.value : valueState();
+  const isFocused = () => !!local.isFocused || isOpen();
+  const selectedItems = createMemo(() => {
+    const v = value();
+    if (Array.isArray(v)) return local.items.filter((item2) => v.includes(item2.value));
+    if (v === void 0 || v === null || v === "") return [];
+    const item = local.items.find((i) => i.value === v);
+    return item ? [item] : [];
+  });
+  const updateValue = (event, next) => {
+    local.onChange?.(event, { ...props, value: next, name: local.name || void 0 });
+    setValueState(next);
+  };
+  const onMouseDown = (event) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    anchorEl?.focus();
+    setIsOpen(!isOpen());
+  };
+  const onClose = () => {
+    setIsOpen(false);
+    anchorEl?.focus();
+  };
+  const onFocus = () => {
+    if (local.search === true) searchInputEl?.focus();
+  };
+  const onKeyDown = (event) => {
+    if (!local.readOnly && [" ", "ArrowUp", "ArrowDown", "Enter"].includes(event.key)) {
+      event.preventDefault();
+      setIsOpen(!isOpen());
+    }
+  };
+  createEffect(() => {
+    if (!isFocused() || local.search === "menu" && !isOpen()) {
+      setSearchValue("");
+      local.resetSearch?.();
+    }
+  });
+  createEffect(() => {
+    value();
+    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;
+  });
+  const onItemClick = (event, item) => {
+    let next;
+    if (local.multiple) {
+      const current = value();
+      const valueArray = Array.isArray(current) ? current : [current].filter(Boolean);
+      next = valueArray.slice();
+      const idx = next.findIndex((el) => el === item.value);
+      if (idx === -1) next.push(item.value);
+      else next.splice(idx, 1);
+    } else {
+      next = value() === item.value ? "" : item.value;
+    }
+    if (searchValue()) setSearchValue("");
+    if (!local.multiple) {
+      setIsOpen(false);
+      anchorEl?.focus();
+    }
+    updateValue(event, next);
+  };
+  const onSearchInputChange = (event) => {
+    setSearchValue(event.currentTarget.value);
+    local.onSearch?.(event);
+    if (!isOpen()) setIsOpen(true);
+  };
+  const onDeleteChip = (currentValue) => (event) => {
+    const current = value();
+    if (Array.isArray(current)) {
+      updateValue(event, current.filter((v) => currentValue !== v));
+    }
+  };
+  const onResetSelected = (event) => {
+    updateValue(event, []);
+  };
+  const filteredItems = () => {
+    if (local.onSearch) return local.items;
+    const sv = searchValue();
+    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, "i")) !== -1);
+    return local.items;
+  };
+  const createOption = () => {
+    const sv = searchValue();
+    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {
+      return {
+        text: `\u0421\u043E\u0437\u0434\u0430\u0442\u044C "${sv}"`,
+        onCreate: (event) => {
+          local.onCreate?.(sv, event);
+          setSearchValue("");
+          setIsOpen(false);
+        }
+      };
+    }
+    return void 0;
+  };
+  return <>
+      <TextFieldWrapper
+    label={local.label}
+    helperText={local.helperText}
+    variant={variant()}
+    disabled={local.disabled}
+    class={local.class}
+    error={local.error}
+    fullWidth={local.fullWidth}
+    isFilledState={!!selectedItems().length || !!searchValue()}
+    isFocused={isFocused()}
+    inline={local.inline}
+  >
+        <span
+    ref={mergeRefs(local.ref, (el) => anchorEl = el)}
+    id={local.id}
+    class={cn("smwb-select-field", local.class, {
+      "smwb-select-field--filled": variant() === "filled" && local.label,
+      "smwb-select-field--disabled": local.disabled,
+      "smwb-select-field--search": local.search,
+      "smwb-select-field--inline": local.inline
+    })}
+    tabindex={local.disabled ? void 0 : 0}
+    role="button"
+    aria-haspopup="listbox"
+    aria-expanded={isOpen()}
+    aria-disabled={local.disabled || void 0}
+    aria-label={local["aria-label"]}
+    onMouseDown={local.disabled || local.readOnly ? void 0 : onMouseDown}
+    onFocus={onFocus}
+    onKeyDown={onKeyDown}
+    data-testid="select-field"
+  >
+          <span class="smwb-select-field__search-wrapper" ref={(el) => searchWrapperEl = el}>
+            <Show
+    when={local.chips}
+    fallback={<span class="smwb-select-field__values">{selectedItems().map((el) => el.text).join(", ")}</span>}
+  >
+              <span class="smwb-select-field__values">
+                <For each={selectedItems()}>
+                  {(item) => <Chip label={item.text} onDelete={onDeleteChip(item.value)} onDeleteMouseDown={stopEvent} />}
+                </For>
+              </span>
+            </Show>
+            <Show when={local.search && typeof local.search === "boolean" && !local.readOnly}>
+              <span class="smwb-select-field__search">
+                <span class="smwb-select-field__search-text">{searchValue()}</span>
+                <input
+    class="smwb-select-field__search-input"
+    ref={(el) => searchInputEl = el}
+    type="text"
+    value={searchValue()}
+    onInput={onSearchInputChange}
+    onMouseDown={(event) => {
+      event.stopPropagation();
+      setIsOpen(true);
+    }}
+    onKeyDown={(event) => event.stopPropagation()}
+    data-testid="search-input"
+  />
+              </span>
+            </Show>
+          </span>
+          <span class="smwb-select-field__actions">
+            <Show
+    when={(Array.isArray(value()) && value().length > 0 || local.clearable && selectedItems().length > 0) && !local.disabled}
+  >
+              <Icon
+    name="close"
+    size={20}
+    onClick={onResetSelected}
+    onMouseDown={stopEvent}
+    class={cn("smwb-select-field__icon", "smwb-select-field__icon--close")}
+    aria-label="Clear selection"
+    role="button"
+  />
+            </Show>
+            {local.endAdornment}
+            <Show when={!local.hideSelectArrowIcon}>
+              <Icon
+    name="arrow_drop_down"
+    class={cn("smwb-select-field__icon", "smwb-select-field__icon--arrow", {
+      "smwb-select-field__icon--opened": isOpen(),
+      "smwb-select-field__icon--focused": isFocused(),
+      "smwb-select-field__icon--error": local.error
+    })}
+  />
+            </Show>
+          </span>
+        </span>
+      </TextFieldWrapper>
+      <DropdownMenu
+    anchorElement={() => anchorEl ?? null}
+    menuMaxHeight={local.menuMaxHeight}
+    menuMiddleware={local.menuMiddleware}
+    search={local.search === "menu"}
+    onSearchInputChange={onSearchInputChange}
+    optionRenderer={local.optionRenderer}
+    items={filteredItems()}
+    searchValue={searchValue()}
+    isOpen={isOpen()}
+    onClose={onClose}
+    onItemClick={onItemClick}
+    value={value()}
+    isLoading={local.isLoading}
+    menuNoItemsMessage={local.menuNoItemsMessage}
+    container={local.menuContainer}
+    virtualized={local.virtualized}
+    itemHeight={local.itemHeight}
+    createOption={createOption()}
+  />
+    </>;
+}
+var selectField_default = SelectField;
+export {
+  SelectField,
+  selectField_default as default
+};
+//# sourceMappingURL=selectField.js.map

package/dist/headless/source/components/inputs/selectField/selectField.jsx.map

@@ -0,0 +1 @@
+{"version":3,"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"],"mappings":"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","names":["item"],"file":"selectField.jsx"}

package/dist/headless/source/components/inputs/slider/index.js

@@ -0,0 +1,6 @@
+import { Slider, default as default2 } from "./slider";
+export {
+  Slider,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/inputs/slider/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/slider/index.ts"],
+  "sourcesContent": ["export { Slider, default } from \"./slider\";\nexport type { SliderProps, SliderValue, SliderMark } from \"./slider\";\n"],
+  "mappings": "AAAA,SAAS,QAAQ,WAAAA,gBAAe;",
+  "names": ["default"]
+}