@viax.io/uxm 4.38.0 → 4.40.0

package/dist/ui/editable-cell/editable-cell-date.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/editable-cell-date.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport { Banner } from '../banner';\nimport { Calendar, type CalendarValue } from '../calendar';\nimport { FORMAT_SPEC, maskDate } from '../date-input';\nimport { HoverTooltip } from '../hover-tooltip';\nimport { Icon } from '../icon';\nimport { Popover } from '../popover';\n\nimport type { EditableCellViewProps } from './use-editable-cell';\n\n/** `type=\"date\"` — click-to-edit with a masked input plus a calendar popover. */\nexport function EditableCellDateView({ props, cell }: EditableCellViewProps) {\n  const {\n    value,\n    format,\n    disabled,\n    placeholder,\n    className,\n    style,\n    'aria-label': ariaLabel,\n    type,\n    dateFormat,\n    clearable,\n    align,\n    size,\n    clearDateLabel,\n    openCalendarLabel,\n    calendarDialogLabel,\n    addDateLabel,\n  } = props;\n  const {\n    setIsEditing,\n    draft,\n    setDraft,\n    submitting,\n    error,\n    setError,\n    open,\n    setOpen,\n    inputRef,\n    wrapRef,\n    parsedValue,\n    displayFormatted,\n    handleCommit,\n    handlePick,\n    handleClearDraft,\n    handleKeyDown,\n    editing,\n    dateHint,\n    isEmpty,\n    display,\n    titleText,\n    shownError,\n  } = cell;\n\n  // Date type — click-to-edit like text/number, but the editing surface is a\n  // DateInput-style masked field: type the date OR pick it from the calendar\n  // that opens on focus. Committed values are ISO; the input shows the mask.\n  if (type === 'date') {\n    // `parsedValue` (memoized above) already parses ISO-first with a mask\n    // fallback, so the calendar highlights the right day for every `dateFormat`.\n    const calendarValue: CalendarValue = { start: parsedValue, end: parsedValue };\n    const spec = FORMAT_SPEC[dateFormat];\n\n    if (!editing) {\n      const displayNode = isEmpty\n        // Fall back to the format hint (MM/DD/YYYY etc.) so an empty date cell\n        // shows the mask as a placeholder — same as the shared `display` and\n        // the edit-mode input, rather than rendering blank.\n        ? placeholder ?? dateHint\n        : format\n          ? format(value)\n          : displayFormatted || value;\n\n      // Single button root — same shape as the text/number display so the\n      // value's left edge and padding match the editing input exactly (no\n      // horizontal jump on enter-edit). A wrapper + inner trigger would\n      // double the padding; the display has no popover to anchor, so the\n      // wrapper span is only needed in edit mode (for the calendar/error\n      // popovers).\n      return (\n        <button\n          type=\"button\"\n          className={cn(\n            'uxm-editable-cell',\n            `uxm-editable-cell--${size}`,\n            `uxm-editable-cell--align-${align}`,\n            `uxm-editable-cell--type-date`,\n            disabled && 'uxm-editable-cell--disabled',\n            isEmpty && 'uxm-editable-cell--empty',\n            className,\n          )}\n          style={style}\n          onClick={() => {\n            if (disabled) return;\n            // Enter edit AND open the calendar in one deterministic step —\n            // mirrors DateInput's \"focus reveals the calendar\". Opening here\n            // (rather than on the input's onFocus) avoids the focus-after-\n            // remount race: the display button and editing input are\n            // different elements, so the auto-focus that mounts the input\n            // doesn't reliably deliver a focus event the calendar can hook.\n            setIsEditing(true);\n            setOpen(true);\n          }}\n          disabled={disabled}\n          // Empty cell has no value to edit — \"Add date\" reads better than the\n          // trailing-space \"Edit date \" and signals the fill affordance.\n          aria-label={ariaLabel ?? (isEmpty ? addDateLabel : `Edit date ${displayFormatted || String(value)}`)}\n        >\n          <HoverTooltip content={titleText} disabled={disabled}>\n            <span className=\"uxm-editable-cell__value\">{displayNode}</span>\n          </HoverTooltip>\n          {!disabled && (\n            <span className=\"uxm-editable-cell__pencil\" aria-hidden=\"true\">\n              <Icon glyph=\"calendar\" size={14} />\n            </span>\n          )}\n        </button>\n      );\n    }\n\n    // Date editing — DateInput-style masked input plus a calendar popover.\n    return (\n      <span\n        ref={wrapRef}\n        className={cn(\n          'uxm-editable-cell uxm-editable-cell--editing',\n          `uxm-editable-cell--${size}`,\n          `uxm-editable-cell--align-${align}`,\n          `uxm-editable-cell--type-date`,\n          clearable && 'uxm-editable-cell--clearable',\n          shownError?.severity === 'error' && 'uxm-editable-cell--error',\n          shownError?.severity === 'warning' && 'uxm-editable-cell--warning',\n          className,\n        )}\n        style={style}\n      >\n        <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n          {display}\n        </span>\n        <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n          {draft || spec.placeholder}\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"numeric\"\n          className=\"uxm-editable-cell__input\"\n          value={draft}\n          placeholder={spec.placeholder}\n          onChange={(e) => {\n            setDraft(maskDate(e.target.value, dateFormat));\n            if (error) setError(null);\n          }}\n          onBlur={() => {\n            if (!submitting) handleCommit();\n          }}\n          onKeyDown={handleKeyDown}\n          disabled={submitting}\n          aria-invalid={Boolean(shownError)}\n          aria-describedby={shownError ? 'uxm-editable-cell__error' : undefined}\n        />\n        {/* ✕ sits inboard of the calendar toggle (mirrors DateInput's layout);\n            hidden while the draft is empty — the reserved gutter stays, so\n            typing never shifts the text. */}\n        {clearable && !submitting && draft !== '' && (\n          <button\n            type=\"button\"\n            className=\"uxm-editable-cell__clear\"\n            // Out of the tab order (the in-field-clear convention). Tab must\n            // keep moving to the next real control: the blur it fires commits\n            // and leaves edit mode, which unmounts this button mid-focus-shift\n            // and would drop focus to <body>. Pointer-only; select-all +\n            // Delete is the keyboard path to the same result.\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClearDraft}\n            aria-label={clearDateLabel}\n          >\n            <Icon glyph=\"close\" size={12} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className=\"uxm-editable-cell__date-icon\"\n          // Out of the tab order for the same reason as the ✕ above — Tab's\n          // blur commits and unmounts this button. Keyboard users never need\n          // it: entering edit mode on a date cell already opens the calendar.\n          tabIndex={-1}\n          // preventDefault keeps focus on the input — toggling the calendar\n          // must not blur the field (a blur commits the in-flight draft).\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (submitting) return;\n            // Clear any shown error as we open, so the calendar and the error\n            // banner (both anchored here) are mutually exclusive — otherwise a\n            // later `setError(null)` from typing would un-hide and reopen the\n            // calendar the user had dismissed.\n            setError(null);\n            setOpen((o) => !o);\n          }}\n          disabled={submitting}\n          aria-label={openCalendarLabel}\n          // Match the popover's effective visibility (hidden while an error\n          // shows) rather than raw `open`, so the two never disagree.\n          aria-expanded={open && !shownError}\n        >\n          <Icon glyph=\"calendar\" size={14} />\n        </button>\n        <Popover\n          open={open && !shownError}\n          onOpenChange={setOpen}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape\n          closeOnOutsideClick\n          restoreFocus={false}\n          role=\"dialog\"\n          // A `role=\"dialog\"` needs an accessible name. Non-modal by design\n          // (no `aria-modal`): focus deliberately stays in the typed input\n          // — `restoreFocus={false}` and the mousedown-preventDefault above\n          // keep the field focused so the calendar augments typing rather\n          // than trapping focus like a true modal.\n          aria-label={calendarDialogLabel}\n        >\n          {/* Swallow mousedown so a calendar click never blurs the input:\n              the pick commits explicitly via handlePick, and a blur-commit of\n              the typed draft would race it. Purely focus management — the\n              wrapper carries no semantics, so it stays a plain element. */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- focus-retention only; the interactive controls are the Calendar's own buttons */}\n          <div onMouseDown={(e) => e.preventDefault()}>\n            <Calendar value={calendarValue} onChange={handlePick} />\n          </div>\n        </Popover>\n        <Popover\n          open={Boolean(shownError)}\n          onOpenChange={(next) => {\n            if (!next) setError(null);\n          }}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape={false}\n          closeOnOutsideClick={false}\n          restoreFocus={false}\n          role=\"presentation\"\n        >\n          {shownError && (\n            <Banner\n              variant={shownError.severity}\n              id=\"uxm-editable-cell__error\"\n              className=\"uxm-editable-cell__error-banner\"\n            >\n              {shownError.message}\n            </Banner>\n          )}\n        </Popover>\n      </span>\n    );\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/ui/editable-cell/editable-cell-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(editable_cell_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 const sectionLabel = {
   fontSize: 11,
   color: "var(--color-text-muted)",

package/dist/ui/editable-cell/editable-cell-preview.d.ts

@@ -1,5 +1,5 @@
 import type { PreviewProps } from '../../previews/types.js';
 export declare function EditableCellPreview({ styles, variants }: PreviewProps & {
     componentId: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=editable-cell-preview.d.ts.map

package/dist/ui/editable-cell/editable-cell-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-cell-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/editable-cell/editable-cell-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAuHrD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,2CAuI/F"}
+{"version":3,"file":"editable-cell-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/editable-cell/editable-cell-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAuHrD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,+BAuI/F"}

package/dist/ui/editable-cell/editable-cell-preview.js

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { cn } from "../../helpers/index.js";
 import {
   EditableCell
-} from "../../ui/index.js";
+} from "../index.js";
 const sectionLabel = {
   fontSize: 11,
   color: "var(--color-text-muted)",

package/dist/ui/editable-cell/editable-cell-select.cjs

@@ -0,0 +1,297 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_cell_select_exports = {};
+__export(editable_cell_select_exports, {
+  EditableCellSelectView: () => EditableCellSelectView
+});
+module.exports = __toCommonJS(editable_cell_select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+var import_banner = require("../banner/index.cjs");
+var import_button = require("../button/index.cjs");
+var import_hover_tooltip = require("../hover-tooltip/index.cjs");
+var import_icon = require("../icon/index.cjs");
+var import_listbox = require("../listbox/index.cjs");
+var import_popover = require("../popover/index.cjs");
+function EditableCellSelectView({ props, cell }) {
+  const {
+    value,
+    options,
+    requiredMessage,
+    disabled,
+    className,
+    style,
+    "aria-label": ariaLabel,
+    type,
+    searchable,
+    clearable,
+    align,
+    size,
+    required,
+    clearSelectionLabel
+  } = props;
+  const {
+    submitting,
+    setError,
+    open,
+    setOpen,
+    wrapRef,
+    commitValue,
+    isEmpty,
+    display,
+    titleText,
+    shownError
+  } = cell;
+  if (type === "select" || type === "multiselect") {
+    const optionItems = options ?? [];
+    const getKey = (o) => o.value;
+    const getLabel = (o) => o.label;
+    if (type === "select") {
+      const selectedItem = Array.isArray(value) ? null : optionItems.find((o) => o.value === String(value ?? "")) ?? null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "span",
+        {
+          ref: wrapRef,
+          className: (0, import_helpers.cn)(
+            "uxm-editable-cell",
+            `uxm-editable-cell--${size}`,
+            `uxm-editable-cell--align-${align}`,
+            `uxm-editable-cell--type-${type}`,
+            clearable && "uxm-editable-cell--clearable",
+            disabled && "uxm-editable-cell--disabled",
+            isEmpty && "uxm-editable-cell--empty",
+            open && "uxm-editable-cell--open",
+            className
+          ),
+          style,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_listbox.Listbox,
+              {
+                items: optionItems,
+                getKey,
+                getLabel,
+                value: selectedItem,
+                onChange: async (next) => {
+                  if (next) await commitValue(next.value);
+                },
+                disabled,
+                searchable,
+                matchAnchorWidth: true,
+                onOpenChange: setOpen,
+                renderTrigger: ({ open: isOpen, triggerProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    ...triggerProps,
+                    className: (0, import_helpers.cn)(
+                      "uxm-editable-cell__select-trigger",
+                      isOpen && "uxm-editable-cell__select-trigger--open"
+                    ),
+                    "aria-label": ariaLabel ?? `Edit ${String(value ?? "")}`,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hover_tooltip.HoverTooltip, { content: titleText, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__value uxm-editable-cell__option-label", children: display }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "chevron-down", size: 12 }) })
+                    ]
+                  }
+                ),
+                renderItem: (o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__option-label", children: o.label }),
+                footer: clearable && selectedItem ? ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_button.ButtonGhost,
+                  {
+                    className: "uxm-listbox__footer-clear-option",
+                    onClick: () => {
+                      commitValue("");
+                      close();
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 12 }),
+                      "Clear"
+                    ]
+                  }
+                ) : void 0
+              }
+            ),
+            clearable && !disabled && !submitting && !isEmpty && /* Trigger ✕ — clear from the field itself (the input-family
+               convention), on every size: commits the empty value directly,
+               complementing the panel-footer Clear. Sibling of the trigger (a
+               button can't nest a button), absolutely positioned into the
+               reserved second gutter slot. Revealed only while the panel is
+               open (see the `--open` gate in the stylesheet) — unlike the
+               chevron, which also shows on hover. */
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "uxm-editable-cell__trigger-clear",
+                tabIndex: -1,
+                onMouseDown: (e) => e.stopPropagation(),
+                onClick: () => void commitValue(""),
+                "aria-label": clearSelectionLabel,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 12 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_popover.Popover,
+              {
+                open: Boolean(shownError),
+                onOpenChange: (next) => {
+                  if (!next) setError(null);
+                },
+                anchor: wrapRef,
+                placement: "bottom-start",
+                closeOnEscape: false,
+                closeOnOutsideClick: false,
+                restoreFocus: false,
+                role: "presentation",
+                children: shownError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_banner.Banner,
+                  {
+                    variant: shownError.severity,
+                    id: "uxm-editable-cell__error",
+                    className: "uxm-editable-cell__error-banner",
+                    children: shownError.message
+                  }
+                )
+              }
+            )
+          ]
+        }
+      );
+    }
+    const selectedItems = Array.isArray(value) ? optionItems.filter((o) => value.includes(o.value)) : [];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        ref: wrapRef,
+        className: (0, import_helpers.cn)(
+          "uxm-editable-cell",
+          `uxm-editable-cell--${size}`,
+          `uxm-editable-cell--align-${align}`,
+          `uxm-editable-cell--type-${type}`,
+          clearable && "uxm-editable-cell--clearable",
+          disabled && "uxm-editable-cell--disabled",
+          isEmpty && "uxm-editable-cell--empty",
+          open && "uxm-editable-cell--open",
+          className
+        ),
+        style,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_listbox.MultiListbox,
+            {
+              items: optionItems,
+              getKey,
+              getLabel,
+              value: selectedItems,
+              onChange: (items) => void commitValue(items.map((o) => o.value)),
+              commitMode: "close",
+              required,
+              requiredMessage,
+              onRequiredViolation: (message) => setError({ message, severity: "warning" }),
+              disabled,
+              searchable,
+              matchAnchorWidth: true,
+              onOpenChange: (next) => {
+                setOpen(next);
+                if (next) setError(null);
+              },
+              renderTrigger: ({ open: isOpen, triggerProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  ...triggerProps,
+                  className: (0, import_helpers.cn)(
+                    "uxm-editable-cell__select-trigger",
+                    isOpen && "uxm-editable-cell__select-trigger--open"
+                  ),
+                  "aria-label": ariaLabel ?? `Edit ${String(value ?? "")}`,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hover_tooltip.HoverTooltip, { content: titleText, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__value uxm-editable-cell__option-label", children: display }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "chevron-down", size: 12 }) })
+                  ]
+                }
+              ),
+              renderItem: (o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__option-label", children: o.label }),
+              footer: clearable ? ({ clear, selected }) => selected.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_button.ButtonGhost,
+                {
+                  className: "uxm-listbox__footer-clear-option",
+                  onClick: clear,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 12 }),
+                    "Clear all"
+                  ]
+                }
+              ) : null : void 0
+            }
+          ),
+          clearable && !disabled && !submitting && !isEmpty && /* Trigger ✕ — clear from the field itself (the input-family
+             convention), on every size: commits the empty value directly,
+             complementing the panel-footer Clear. Sibling of the trigger (a
+             button can't nest a button), absolutely positioned into the
+             reserved second gutter slot. Revealed only while the panel is
+             open (see the `--open` gate in the stylesheet) — unlike the
+             chevron, which also shows on hover. */
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "uxm-editable-cell__trigger-clear",
+              tabIndex: -1,
+              onMouseDown: (e) => e.stopPropagation(),
+              onClick: () => void commitValue([]),
+              "aria-label": clearSelectionLabel,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 12 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_popover.Popover,
+            {
+              open: Boolean(shownError),
+              onOpenChange: (next) => {
+                if (!next) setError(null);
+              },
+              anchor: wrapRef,
+              placement: "bottom-start",
+              closeOnEscape: false,
+              closeOnOutsideClick: false,
+              restoreFocus: false,
+              role: "presentation",
+              children: shownError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_banner.Banner,
+                {
+                  variant: shownError.severity,
+                  id: "uxm-editable-cell__error",
+                  className: "uxm-editable-cell__error-banner",
+                  children: shownError.message
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditableCellSelectView
+});
+//# sourceMappingURL=editable-cell-select.cjs.map

package/dist/ui/editable-cell/editable-cell-select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/editable-cell-select.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport { Banner } from '../banner';\nimport { ButtonGhost } from '../button';\nimport { HoverTooltip } from '../hover-tooltip';\nimport { Icon } from '../icon';\nimport { Listbox, MultiListbox, type ListboxRenderTriggerState } from '../listbox';\nimport { Popover } from '../popover';\n\nimport type { EditableCellOption } from './editable-cell.types';\nimport type { EditableCellViewProps } from './use-editable-cell';\n\n/** `type=\"select\"` / `\"multiselect\"` — a Listbox-driven trigger; no display/edit split. */\nexport function EditableCellSelectView({ props, cell }: EditableCellViewProps) {\n  const {\n    value,\n    options,\n    requiredMessage,\n    disabled,\n    className,\n    style,\n    'aria-label': ariaLabel,\n    type,\n    searchable,\n    clearable,\n    align,\n    size,\n    required,\n    clearSelectionLabel,\n  } = props;\n  const {\n    submitting,\n    setError,\n    open,\n    setOpen,\n    wrapRef,\n    commitValue,\n    isEmpty,\n    display,\n    titleText,\n    shownError,\n  } = cell;\n\n  // For select/multiselect in open state, we render a Listbox-driven UI\n  if (type === 'select' || type === 'multiselect') {\n    const optionItems = options ?? [];\n    const getKey = (o: EditableCellOption) => o.value;\n    const getLabel = (o: EditableCellOption) => o.label;\n\n    if (type === 'select') {\n      const selectedItem = Array.isArray(value)\n        ? null\n        : optionItems.find((o) => o.value === String(value ?? '')) ?? null;\n\n      return (\n        <span\n          ref={wrapRef}\n          className={cn(\n            'uxm-editable-cell',\n            `uxm-editable-cell--${size}`,\n            `uxm-editable-cell--align-${align}`,\n            `uxm-editable-cell--type-${type}`,\n            clearable && 'uxm-editable-cell--clearable',\n            disabled && 'uxm-editable-cell--disabled',\n            isEmpty && 'uxm-editable-cell--empty',\n            open && 'uxm-editable-cell--open',\n            className,\n          )}\n          style={style}\n        >\n          <Listbox<EditableCellOption>\n            items={optionItems}\n            getKey={getKey}\n            getLabel={getLabel}\n            value={selectedItem}\n            onChange={async (next) => {\n              if (next) await commitValue(next.value);\n            }}\n            disabled={disabled}\n            searchable={searchable}\n            matchAnchorWidth\n            onOpenChange={setOpen}\n            renderTrigger={({ open: isOpen, triggerProps }: ListboxRenderTriggerState<EditableCellOption>) => (\n              <button\n                type=\"button\"\n                {...triggerProps}\n                className={cn(\n                  'uxm-editable-cell__select-trigger',\n                  isOpen && 'uxm-editable-cell__select-trigger--open',\n                )}\n                aria-label={ariaLabel ?? `Edit ${String(value ?? '')}`}\n              >\n                <HoverTooltip content={titleText} disabled={disabled}>\n                  <span className=\"uxm-editable-cell__value uxm-editable-cell__option-label\">\n                    {display}\n                  </span>\n                </HoverTooltip>\n                <span className=\"uxm-editable-cell__chevron\" aria-hidden=\"true\">\n                  <Icon glyph=\"chevron-down\" size={12} />\n                </span>\n              </button>\n            )}\n            renderItem={(o) => (\n              <span className=\"uxm-editable-cell__option-label\">{o.label}</span>\n            )}\n            footer={clearable && selectedItem ? ({ close }: { close: () => void }) => (\n              <ButtonGhost\n                className=\"uxm-listbox__footer-clear-option\"\n                onClick={() => {\n                  commitValue('');\n                  close();\n                }}\n              >\n                <Icon glyph=\"close\" size={12} />\n                Clear\n              </ButtonGhost>\n            ) : undefined}\n          />\n          {clearable && !disabled && !submitting && !isEmpty && (\n            /* Trigger ✕ — clear from the field itself (the input-family\n               convention), on every size: commits the empty value directly,\n               complementing the panel-footer Clear. Sibling of the trigger (a\n               button can't nest a button), absolutely positioned into the\n               reserved second gutter slot. Revealed only while the panel is\n               open (see the `--open` gate in the stylesheet) — unlike the\n               chevron, which also shows on hover. */\n            <button\n              type=\"button\"\n              className=\"uxm-editable-cell__trigger-clear\"\n              // Out of the tab order, same as every in-field clear here.\n              tabIndex={-1}\n              // This button is a SIBLING of the Listbox trigger, so it sits\n              // outside the refs `useDismiss` treats as \"inside\" — and dismiss\n              // runs on mousedown, i.e. BEFORE this click. Left alone, pressing\n              // ✕ would first dismiss the panel and only then clear. Stop the\n              // mousedown here so the clear below is the single thing that acts.\n              onMouseDown={(e) => e.stopPropagation()}\n              onClick={() => void commitValue('')}\n              aria-label={clearSelectionLabel}\n            >\n              <Icon glyph=\"close\" size={12} />\n            </button>\n          )}\n          <Popover\n            open={Boolean(shownError)}\n            onOpenChange={(next) => {\n              if (!next) setError(null);\n            }}\n            anchor={wrapRef}\n            placement=\"bottom-start\"\n            closeOnEscape={false}\n            closeOnOutsideClick={false}\n            restoreFocus={false}\n            role=\"presentation\"\n          >\n            {shownError && (\n              <Banner\n                variant={shownError.severity}\n                id=\"uxm-editable-cell__error\"\n                className=\"uxm-editable-cell__error-banner\"\n              >\n                {shownError.message}\n              </Banner>\n            )}\n          </Popover>\n        </span>\n      );\n    }\n\n    // multiselect. A cell is a commit boundary, so this branch opts into\n    // MultiListbox's staged mode (`commitMode=\"close\"`: draft while open, one\n    // commit on close) — a required cell then survives \"clear all → pick one\"\n    // and N picks are one `onCommit`. It just hands over the committed\n    // selection and commits the final array back.\n    const selectedItems = Array.isArray(value)\n      ? optionItems.filter((o) => value.includes(o.value))\n      : [];\n\n    return (\n      <span\n        ref={wrapRef}\n        className={cn(\n          'uxm-editable-cell',\n          `uxm-editable-cell--${size}`,\n          `uxm-editable-cell--align-${align}`,\n          `uxm-editable-cell--type-${type}`,\n          clearable && 'uxm-editable-cell--clearable',\n          disabled && 'uxm-editable-cell--disabled',\n          isEmpty && 'uxm-editable-cell--empty',\n          open && 'uxm-editable-cell--open',\n          className,\n        )}\n        style={style}\n      >\n        <MultiListbox<EditableCellOption>\n          items={optionItems}\n          getKey={getKey}\n          getLabel={getLabel}\n          value={selectedItems}\n          onChange={(items) => void commitValue(items.map((o) => o.value))}\n          // Commit on close, not per toggle — see the note above.\n          commitMode=\"close\"\n          required={required}\n          requiredMessage={requiredMessage}\n          // MultiListbox owns the empty rule for multi (shared with every\n          // picker); route its violation into this cell's error Banner.\n          onRequiredViolation={(message) => setError({ message, severity: 'warning' })}\n          disabled={disabled}\n          searchable={searchable}\n          matchAnchorWidth\n          // Clear a stale required warning when the panel reopens for a fresh edit.\n          onOpenChange={(next) => {\n            setOpen(next);\n            if (next) setError(null);\n          }}\n          renderTrigger={({ open: isOpen, triggerProps }: ListboxRenderTriggerState<EditableCellOption>) => (\n            <button\n              type=\"button\"\n              {...triggerProps}\n              className={cn(\n                'uxm-editable-cell__select-trigger',\n                isOpen && 'uxm-editable-cell__select-trigger--open',\n              )}\n              aria-label={ariaLabel ?? `Edit ${String(value ?? '')}`}\n            >\n              <HoverTooltip content={titleText} disabled={disabled}>\n                <span className=\"uxm-editable-cell__value uxm-editable-cell__option-label\">\n                  {display}\n                </span>\n              </HoverTooltip>\n              <span className=\"uxm-editable-cell__chevron\" aria-hidden=\"true\">\n                <Icon glyph=\"chevron-down\" size={12} />\n              </span>\n            </button>\n          )}\n          renderItem={(o) => (\n            <span className=\"uxm-editable-cell__option-label\">{o.label}</span>\n          )}\n          footer={clearable ? ({ clear, selected }: { clear: () => void; selected: EditableCellOption[] }) =>\n            selected.length > 0 ? (\n              <ButtonGhost\n                className=\"uxm-listbox__footer-clear-option\"\n                // `clear` (from MultiListbox) empties the draft and keeps the\n                // panel open, so \"clear all then pick one\" works even on a\n                // required cell — the empty state is transient and never\n                // reaches `validate` / `onCommit`. `selected` is the live\n                // draft, so the button hides itself once nothing is picked.\n                onClick={clear}\n              >\n                <Icon glyph=\"close\" size={12} />\n                Clear all\n              </ButtonGhost>\n            ) : null\n          : undefined}\n        />\n        {clearable && !disabled && !submitting && !isEmpty && (\n          /* Trigger ✕ — clear from the field itself (the input-family\n             convention), on every size: commits the empty value directly,\n             complementing the panel-footer Clear. Sibling of the trigger (a\n             button can't nest a button), absolutely positioned into the\n             reserved second gutter slot. Revealed only while the panel is\n             open (see the `--open` gate in the stylesheet) — unlike the\n             chevron, which also shows on hover. */\n          <button\n            type=\"button\"\n            className=\"uxm-editable-cell__trigger-clear\"\n            // Out of the tab order, same as every in-field clear here.\n            tabIndex={-1}\n            // Same sibling-of-the-trigger problem as the select ✕ above, but\n            // costlier here: `useDismiss` fires on mousedown, and this panel\n            // runs `commitMode=\"close\"`, so an unswallowed mousedown would\n            // commit the STAGED DRAFT first and only then clear — two commits\n            // for one press, and if the first is still in flight the\n            // re-entrancy guard in `commitValue` drops the clear entirely.\n            // Stopping it leaves the panel open, which is deliberate and\n            // matches the footer's \"Clear all\": clear, then pick afresh.\n            // MultiListbox re-seeds its draft from `value` under an open panel,\n            // so the later close commits the cleared set, not the stale draft.\n            onMouseDown={(e) => e.stopPropagation()}\n            onClick={() => void commitValue([])}\n            aria-label={clearSelectionLabel}\n          >\n            <Icon glyph=\"close\" size={12} />\n          </button>\n        )}\n        <Popover\n          open={Boolean(shownError)}\n          onOpenChange={(next) => {\n            if (!next) setError(null);\n          }}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape={false}\n          closeOnOutsideClick={false}\n          restoreFocus={false}\n          role=\"presentation\"\n        >\n          {shownError && (\n            <Banner\n              variant={shownError.severity}\n              id=\"uxm-editable-cell__error\"\n              className=\"uxm-editable-cell__error-banner\"\n            >\n              {shownError.message}\n            </Banner>\n          )}\n        </Popover>\n      </span>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFc;AAnFd,qBAAmB;AAEnB,oBAAuB;AACvB,oBAA4B;AAC5B,2BAA6B;AAC7B,kBAAqB;AACrB,qBAAsE;AACtE,qBAAwB;AAMjB,SAAS,uBAAuB,EAAE,OAAO,KAAK,GAA0B;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAGJ,MAAI,SAAS,YAAY,SAAS,eAAe;AAC/C,UAAM,cAAc,WAAW,CAAC;AAChC,UAAM,SAAS,CAAC,MAA0B,EAAE;AAC5C,UAAM,WAAW,CAAC,MAA0B,EAAE;AAE9C,QAAI,SAAS,UAAU;AACrB,YAAM,eAAe,MAAM,QAAQ,KAAK,IACpC,OACA,YAAY,KAAK,CAAC,MAAM,EAAE,UAAU,OAAO,SAAS,EAAE,CAAC,KAAK;AAEhE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,eAAW;AAAA,YACT;AAAA,YACA,sBAAsB,IAAI;AAAA,YAC1B,4BAA4B,KAAK;AAAA,YACjC,2BAA2B,IAAI;AAAA,YAC/B,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,QAAQ;AAAA,YACR;AAAA,UACF;AAAA,UACA;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA,OAAO;AAAA,gBACP,UAAU,OAAO,SAAS;AACxB,sBAAI,KAAM,OAAM,YAAY,KAAK,KAAK;AAAA,gBACxC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,kBAAgB;AAAA,gBAChB,cAAc;AAAA,gBACd,eAAe,CAAC,EAAE,MAAM,QAAQ,aAAa,MAC3C;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACJ,GAAG;AAAA,oBACJ,eAAW;AAAA,sBACT;AAAA,sBACA,UAAU;AAAA,oBACZ;AAAA,oBACA,cAAY,aAAa,QAAQ,OAAO,SAAS,EAAE,CAAC;AAAA,oBAEpD;AAAA,kEAAC,qCAAa,SAAS,WAAW,UAChC,sDAAC,UAAK,WAAU,4DACb,mBACH,GACF;AAAA,sBACA,4CAAC,UAAK,WAAU,8BAA6B,eAAY,QACvD,sDAAC,oBAAK,OAAM,gBAAe,MAAM,IAAI,GACvC;AAAA;AAAA;AAAA,gBACF;AAAA,gBAEF,YAAY,CAAC,MACX,4CAAC,UAAK,WAAU,mCAAmC,YAAE,OAAM;AAAA,gBAE7D,QAAQ,aAAa,eAAe,CAAC,EAAE,MAAM,MAC3C;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAS,MAAM;AACb,kCAAY,EAAE;AACd,4BAAM;AAAA,oBACR;AAAA,oBAEA;AAAA,kEAAC,oBAAK,OAAM,SAAQ,MAAM,IAAI;AAAA,sBAAE;AAAA;AAAA;AAAA,gBAElC,IACE;AAAA;AAAA,YACN;AAAA,YACC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQzC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,UAAU;AAAA,gBAMV,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,gBACtC,SAAS,MAAM,KAAK,YAAY,EAAE;AAAA,gBAClC,cAAY;AAAA,gBAEZ,sDAAC,oBAAK,OAAM,SAAQ,MAAM,IAAI;AAAA;AAAA,YAChC;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,QAAQ,UAAU;AAAA,gBACxB,cAAc,CAAC,SAAS;AACtB,sBAAI,CAAC,KAAM,UAAS,IAAI;AAAA,gBAC1B;AAAA,gBACA,QAAQ;AAAA,gBACR,WAAU;AAAA,gBACV,eAAe;AAAA,gBACf,qBAAqB;AAAA,gBACrB,cAAc;AAAA,gBACd,MAAK;AAAA,gBAEJ,wBACC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS,WAAW;AAAA,oBACpB,IAAG;AAAA,oBACH,WAAU;AAAA,oBAET,qBAAW;AAAA;AAAA,gBACd;AAAA;AAAA,YAEJ;AAAA;AAAA;AAAA,MACF;AAAA,IAEJ;AAOA,UAAM,gBAAgB,MAAM,QAAQ,KAAK,IACrC,YAAY,OAAO,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,CAAC,IACjD,CAAC;AAEL,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAW;AAAA,UACT;AAAA,UACA,sBAAsB,IAAI;AAAA,UAC1B,4BAA4B,KAAK;AAAA,UACjC,2BAA2B,IAAI;AAAA,UAC/B,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,QACA;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,KAAK,YAAY,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAAA,cAE/D,YAAW;AAAA,cACX;AAAA,cACA;AAAA,cAGA,qBAAqB,CAAC,YAAY,SAAS,EAAE,SAAS,UAAU,UAAU,CAAC;AAAA,cAC3E;AAAA,cACA;AAAA,cACA,kBAAgB;AAAA,cAEhB,cAAc,CAAC,SAAS;AACtB,wBAAQ,IAAI;AACZ,oBAAI,KAAM,UAAS,IAAI;AAAA,cACzB;AAAA,cACA,eAAe,CAAC,EAAE,MAAM,QAAQ,aAAa,MAC3C;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACJ,GAAG;AAAA,kBACJ,eAAW;AAAA,oBACT;AAAA,oBACA,UAAU;AAAA,kBACZ;AAAA,kBACA,cAAY,aAAa,QAAQ,OAAO,SAAS,EAAE,CAAC;AAAA,kBAEpD;AAAA,gEAAC,qCAAa,SAAS,WAAW,UAChC,sDAAC,UAAK,WAAU,4DACb,mBACH,GACF;AAAA,oBACA,4CAAC,UAAK,WAAU,8BAA6B,eAAY,QACvD,sDAAC,oBAAK,OAAM,gBAAe,MAAM,IAAI,GACvC;AAAA;AAAA;AAAA,cACF;AAAA,cAEF,YAAY,CAAC,MACX,4CAAC,UAAK,WAAU,mCAAmC,YAAE,OAAM;AAAA,cAE7D,QAAQ,YAAY,CAAC,EAAE,OAAO,SAAS,MACrC,SAAS,SAAS,IAChB;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBAMV,SAAS;AAAA,kBAET;AAAA,gEAAC,oBAAK,OAAM,SAAQ,MAAM,IAAI;AAAA,oBAAE;AAAA;AAAA;AAAA,cAElC,IACE,OACJ;AAAA;AAAA,UACJ;AAAA,UACC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQzC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cAEV,UAAU;AAAA,cAWV,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,cACtC,SAAS,MAAM,KAAK,YAAY,CAAC,CAAC;AAAA,cAClC,cAAY;AAAA,cAEZ,sDAAC,oBAAK,OAAM,SAAQ,MAAM,IAAI;AAAA;AAAA,UAChC;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,QAAQ,UAAU;AAAA,cACxB,cAAc,CAAC,SAAS;AACtB,oBAAI,CAAC,KAAM,UAAS,IAAI;AAAA,cAC1B;AAAA,cACA,QAAQ;AAAA,cACR,WAAU;AAAA,cACV,eAAe;AAAA,cACf,qBAAqB;AAAA,cACrB,cAAc;AAAA,cACd,MAAK;AAAA,cAEJ,wBACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,WAAW;AAAA,kBACpB,IAAG;AAAA,kBACH,WAAU;AAAA,kBAET,qBAAW;AAAA;AAAA,cACd;AAAA;AAAA,UAEJ;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/ui/editable-cell/editable-cell-select.d.ts

@@ -0,0 +1,4 @@
+import type { EditableCellViewProps } from './use-editable-cell.js';
+/** `type="select"` / `"multiselect"` — a Listbox-driven trigger; no display/edit split. */
+export declare function EditableCellSelectView({ props, cell }: EditableCellViewProps): import("react").JSX.Element | undefined;
+//# sourceMappingURL=editable-cell-select.d.ts.map

package/dist/ui/editable-cell/editable-cell-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-cell-select.d.ts","sourceRoot":"","sources":["../../../src/ui/editable-cell/editable-cell-select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,2FAA2F;AAC3F,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,qBAAqB,2CAyS5E"}