twico-ui 1.32.0 → 1.32.1

package/dist/index.mjs

@@ -5867,6 +5867,7 @@ function Combobox({
     setQuery("");
   }
   function commit(v) {
+    if (disabled) return;
     const o = flat.find((x) => x.value === v);
     if (o && o.disabled) return;
     if (value === void 0) setInternal(v);
@@ -6043,7 +6044,7 @@ function Combobox({
                 ...rest
               }
             ),
-            clearable && selected && !open ? /* @__PURE__ */ jsx("button", { type: "button", className: "twc-cb__clear", "aria-label": "Clear", onClick: (e) => {
+            clearable && selected && !open && !disabled ? /* @__PURE__ */ jsx("button", { type: "button", className: "twc-cb__clear", "aria-label": "Clear", onClick: (e) => {
               e.stopPropagation();
               commit(null);
             }, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) }) : null,
@@ -7333,6 +7334,7 @@ var MULTI_CSS = `
   background: var(--_accent-subtle); color: var(--_accent-subtle-fg);
   border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: var(--font-semibold);
 }
+.twc-ms__control[data-disabled="true"] .twc-ms__chip { padding-inline-end: 9px; } /* #342: no \u2715 \u2192 symmetric pad */
 .twc-ms__chip-x { display: inline-grid; place-items: center; width: 16px; height: 16px; border: none; padding: 0; background: transparent; color: inherit; cursor: pointer; border-radius: var(--radius-full); opacity: 0.7; }
 .twc-ms__chip-x:hover { opacity: 1; background: color-mix(in srgb, currentColor 18%, transparent); }
 .twc-ms__chip-x svg { width: 12px; height: 12px; }
@@ -7575,6 +7577,7 @@ function MultiSelect({
     setScrollTop(next);
   }, [active, open, virtualized, rows, listH]);
   function commit(next) {
+    if (disabled) return;
     if (value === void 0) setInternal(next);
     onChange?.(next);
   }
@@ -7731,10 +7734,10 @@ function MultiSelect({
           children: [
             (maxTagCount != null ? selectedOpts.slice(0, maxTagCount) : selectedOpts).map((o) => /* @__PURE__ */ jsxs("span", { className: "twc-ms__chip", children: [
               o.label,
-              /* @__PURE__ */ jsx("button", { type: "button", tabIndex: -1, className: "twc-ms__chip-x", "aria-label": `Remove ${o.label}`, onClick: (e) => {
+              !disabled ? /* @__PURE__ */ jsx("button", { type: "button", tabIndex: -1, className: "twc-ms__chip-x", "aria-label": `Remove ${o.label}`, onClick: (e) => {
                 e.stopPropagation();
                 toggle(o.value);
-              }, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+              }, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
             ] }, o.value)),
             maxTagCount != null && selectedOpts.length > maxTagCount ? /* @__PURE__ */ jsxs("span", { className: "twc-ms__more", title: selectedOpts.slice(maxTagCount).map((o) => o.label).join(", "), children: [
               "+",
@@ -7787,8 +7790,10 @@ function MultiSelect({
                 tabIndex: -1,
                 onClick: (e) => {
                   e.stopPropagation();
-                  setOpen((o) => !o);
-                  inputRef.current?.focus();
+                  if (!disabled) {
+                    setOpen((o) => !o);
+                    inputRef.current?.focus();
+                  }
                 },
                 children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
               }
@@ -10533,6 +10538,7 @@ function Datatable({
     if (el) el.focus();
   }
   function onGridKeyDown(e) {
+    if (e.target.closest("input, textarea, select, [contenteditable='true']")) return;
     if (editing) return;
     const td = e.target.closest(".twc-dt__td[data-r]");
     if (!td) return;
@@ -15728,6 +15734,7 @@ function FileUpload({
     } else if (accepted.length) set(accepted.slice(0, 1));
   }
   function remove(i) {
+    if (disabled) return;
     set(files.filter((_, idx) => idx !== i));
   }
   return /* @__PURE__ */ jsxs("div", { className: `twc-upload ${className}`, "data-size": size, ...rest, children: [
@@ -15798,7 +15805,7 @@ function FileUpload({
         /* @__PURE__ */ jsx("span", { className: "twc-upload__file-name", children: f.name }),
         /* @__PURE__ */ jsx("span", { className: "twc-upload__file-size", children: fmtSize(f.size) })
       ] }),
-      /* @__PURE__ */ jsx("button", { className: "twc-upload__file-x", "aria-label": `Remove ${f.name}`, onClick: () => remove(i), type: "button", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+      !disabled ? /* @__PURE__ */ jsx("button", { className: "twc-upload__file-x", "aria-label": `Remove ${f.name}`, onClick: () => remove(i), type: "button", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
     ] }, fileKey(f))) }) : null,
     error ? /* @__PURE__ */ jsx("span", { id: descId, className: "twc-field__error", children: error }) : null
   ] });