@godxjp/ui 9.2.0 → 11.0.0

package/dist/chunk-KDBGFJJI.js

@@ -1,220 +0,0 @@
-import { Command, CommandList, CommandItem, CommandGroup } from './chunk-HTEL5DQI.js';
-import { Input } from './chunk-VOHTRR5X.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation } from './chunk-RLGHEV4A.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { ChevronsUpDown, Check, Loader2 } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DEBOUNCE_MS = 250;
-function SearchSelect({
-  value = "",
-  onValueChange,
-  options: staticOptions,
-  loadOptions,
-  renderOption,
-  selectedLabel,
-  placeholder,
-  searchPlaceholder,
-  emptyMessage,
-  loadingMessage,
-  clearLabel,
-  clearable = true,
-  disabled = false,
-  name,
-  id,
-  className,
-  "data-testid": dataTestId
-}) {
-  const { t } = useTranslation();
-  const [open, setOpen] = React.useState(false);
-  const [query, setQuery] = React.useState("");
-  const [debouncedQuery, setDebouncedQuery] = React.useState("");
-  const [loaded, setLoaded] = React.useState([]);
-  const [page, setPage] = React.useState(1);
-  const [hasMore, setHasMore] = React.useState(false);
-  const [loading, setLoading] = React.useState(false);
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  const [picked, setPicked] = React.useState(null);
-  const reqId = React.useRef(0);
-  const resolvedLoad = React.useMemo(
-    () => loadOptions ?? (async ({ query: search }) => {
-      const needle = search.trim().toLowerCase();
-      const list = staticOptions ?? [];
-      return {
-        options: needle ? list.filter(
-          (option) => option.label.toLowerCase().includes(needle) || option.value.toLowerCase().includes(needle)
-        ) : list,
-        hasMore: false
-      };
-    }),
-    [loadOptions, staticOptions]
-  );
-  React.useEffect(() => {
-    const handle = window.setTimeout(() => setDebouncedQuery(query.trim()), DEBOUNCE_MS);
-    return () => window.clearTimeout(handle);
-  }, [query]);
-  const fetchPage = React.useCallback(
-    async (nextPage, search, append) => {
-      const ticket = ++reqId.current;
-      setLoading(true);
-      try {
-        const result = await resolvedLoad({ query: search, page: nextPage });
-        if (ticket !== reqId.current) return;
-        setLoaded((prev) => append ? [...prev, ...result.options] : result.options);
-        setHasMore(Boolean(result.hasMore));
-        setPage(nextPage);
-      } finally {
-        if (ticket === reqId.current) setLoading(false);
-      }
-    },
-    [resolvedLoad]
-  );
-  React.useEffect(() => {
-    if (!open) return;
-    setActiveIndex(0);
-    void fetchPage(1, debouncedQuery, false);
-  }, [open, debouncedQuery, fetchPage]);
-  const grouped = React.useMemo(() => {
-    const order = [];
-    const buckets = /* @__PURE__ */ new Map();
-    for (const option of loaded) {
-      const key = option.group ?? "";
-      if (!buckets.has(key)) {
-        buckets.set(key, []);
-        order.push(key);
-      }
-      buckets.get(key).push(option);
-    }
-    let flatIndex = 0;
-    return order.map((key) => ({
-      heading: key || void 0,
-      items: (buckets.get(key) ?? []).map((option) => ({ option, index: flatIndex++ }))
-    }));
-  }, [loaded]);
-  const flatOrdered = React.useMemo(
-    () => grouped.flatMap((group) => group.items.map((entry) => entry.option)),
-    [grouped]
-  );
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.searchSelect.placeholder");
-  const currentLabel = value ? picked?.label ?? selectedLabel ?? resolvedPlaceholder : resolvedPlaceholder;
-  const select = (option) => {
-    if (option.disabled) return;
-    setPicked(option);
-    onValueChange?.(option.value, option);
-    setOpen(false);
-  };
-  const clear = () => {
-    setPicked(null);
-    onValueChange?.("", void 0);
-    setOpen(false);
-  };
-  const onScroll = (event) => {
-    const el = event.currentTarget;
-    if (el.scrollHeight - el.scrollTop - el.clientHeight < 48 && hasMore && !loading) {
-      void fetchPage(page + 1, debouncedQuery, true);
-    }
-  };
-  const onKeyDown = (event) => {
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      setActiveIndex((i) => Math.min(i + 1, Math.max(flatOrdered.length - 1, 0)));
-    } else if (event.key === "ArrowUp") {
-      event.preventDefault();
-      setActiveIndex((i) => Math.max(i - 1, 0));
-    } else if (event.key === "Enter" && flatOrdered[activeIndex]) {
-      event.preventDefault();
-      select(flatOrdered[activeIndex]);
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      setOpen(false);
-    }
-  };
-  const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : void 0;
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      open,
-      onOpenChange: (next) => {
-        setOpen(next);
-        if (!next) setQuery("");
-      },
-      children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            id,
-            type: "button",
-            variant: "outline",
-            role: "combobox",
-            "aria-expanded": open,
-            disabled,
-            "data-testid": dataTestId,
-            className: cn("w-full justify-between font-normal", className),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: cn("truncate text-left", !value && "text-muted-foreground"), children: currentLabel }),
-              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })
-            ]
-          }
-        ) }),
-        name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value }) : null,
-        /* @__PURE__ */ jsx(
-          PopoverContent,
-          {
-            align: "start",
-            sideOffset: 4,
-            collisionPadding: 12,
-            className: "flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-max max-w-[min(32rem,calc(100vw-1.5rem))] min-w-[var(--radix-popover-trigger-width)] flex-col p-0",
-            children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "flex min-h-0 flex-col", children: [
-              /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  autoFocus: true,
-                  value: query,
-                  onChange: (event) => setQuery(event.target.value),
-                  onKeyDown,
-                  placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search")
-                }
-              ) }),
-              /* @__PURE__ */ jsxs(CommandList, { className: "min-h-0 flex-1 overflow-y-auto p-1", onScroll, children: [
-                clearable && value ? /* @__PURE__ */ jsx(CommandItem, { value: "", "data-testid": optionTestId("none"), onSelect: clear, children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: clearLabel ?? t("dataEntry.searchSelect.clear") }) }) : null,
-                grouped.map((group) => {
-                  const rows = group.items.map(({ option, index }) => /* @__PURE__ */ jsxs(
-                    CommandItem,
-                    {
-                      value: option.value,
-                      "data-testid": optionTestId(option.value),
-                      "aria-selected": activeIndex === index,
-                      disabled: option.disabled,
-                      className: activeIndex === index ? "bg-accent text-accent-foreground" : void 0,
-                      onMouseEnter: () => setActiveIndex(index),
-                      onSelect: () => select(option),
-                      children: [
-                        renderOption ? /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: renderOption(option) }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-                          /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: option.label }),
-                          option.sublabel ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: option.sublabel }) : null
-                        ] }),
-                        value === option.value ? /* @__PURE__ */ jsx(Check, { className: "text-primary size-4 shrink-0", "aria-hidden": "true" }) : null
-                      ]
-                    },
-                    option.value
-                  ));
-                  return group.heading ? /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: rows }, group.heading) : /* @__PURE__ */ jsx(React.Fragment, { children: rows }, "__ungrouped");
-                }),
-                loading ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-2 py-3 text-sm", children: [
-                  /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
-                  loadingMessage ?? t("dataEntry.searchSelect.loading")
-                ] }) : null,
-                !loading && loaded.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-2 py-6 text-center text-sm", children: emptyMessage ?? t("dataEntry.searchSelect.empty") }) : null
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-
-export { SearchSelect };

package/dist/components/data-entry/autocomplete.d.ts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as AutocompleteProp } from '../../data-entry.prop-CDkOajPj.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import 'react';
-import '../../shared.prop-BsNSXeqD.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../data.prop-DMYMNl6L.js';
-import '../../interaction.prop-DSFizzP6.js';
-import '../../layout.prop-CXvl2rVR.js';
-
-/**
- * Searchable combobox over a static list.
- *
- * @deprecated Prefer {@link SearchSelect} with a static `options` array — it is a strict superset
- * (optgroup grouping, sublabels, async `loadOptions`, custom `renderOption`). `Autocomplete` is
- * now a thin wrapper kept for backward compatibility.
- */
-declare function Autocomplete({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, id, }: AutocompleteProp): react_jsx_runtime.JSX.Element;
-
-export { Autocomplete, AutocompleteProp, AutocompleteProp as AutocompleteProps };

package/dist/components/data-entry/autocomplete.js

@@ -1,10 +0,0 @@
-export { Autocomplete } from '../../chunk-GKXPALFT.js';
-import '../../chunk-KDBGFJJI.js';
-import '../../chunk-HTEL5DQI.js';
-import '../../chunk-VOHTRR5X.js';
-import '../../chunk-M4PZNAMV.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-IBK5D2Q6.js';
-import '../../chunk-RLGHEV4A.js';
-import '../../chunk-FXFJF4YA.js';
-import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/combobox.d.ts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type ComboboxOption = {
-    value: string;
-    label: string;
-};
-type ComboboxProps = {
-    options: ComboboxOption[];
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    emptyText?: string;
-    disabled?: boolean;
-    name?: string;
-    id?: string;
-    className?: string;
-};
-declare const Combobox: ({ options, value: controlledValue, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, name, id, className, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
-
-export { Combobox, type ComboboxOption, type ComboboxProps };

package/dist/components/data-entry/combobox.js

@@ -1,6 +0,0 @@
-export { Combobox } from '../../chunk-JKHWLPM5.js';
-import '../../chunk-HTEL5DQI.js';
-import '../../chunk-M4PZNAMV.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-IBK5D2Q6.js';
-import '../../chunk-U7N2A7A3.js';

package/dist/filter-bar-B5TPUqEO.d.ts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d as PageHeaderProp } from './layout.prop-JE2TcRyL.js';
-import { f as ToolbarProp, e as ToolbarGroupProp } from './navigation.prop-8DgElO0c.js';
-
-declare function PageHeader({ title, description, breadcrumb, actions, linkComponent: LinkComponent, className, }: PageHeaderProp): react_jsx_runtime.JSX.Element;
-
-declare function Toolbar({ onClear, hasActiveFilters, className, children }: ToolbarProp): react_jsx_runtime.JSX.Element;
-declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): react_jsx_runtime.JSX.Element;
-/** @deprecated Use Toolbar. */
-declare const FilterBar: typeof Toolbar;
-/** @deprecated Use ToolbarGroup. */
-declare const FilterGroup: typeof ToolbarGroup;
-
-export { FilterBar as F, PageHeader as P, Toolbar as T, FilterGroup as a, ToolbarGroup as b };