twico-ui 1.24.0 → 1.25.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to Twico UI are documented here (newest first). This file is generated automatically on each release by [semantic-release](https://semantic-release.gitbook.io/) from [Conventional Commits](https://www.conventionalcommits.org/) — do not edit it by hand. The same notes appear on each [GitHub Release](https://github.com/EncryptionL/twico-ui/releases).
 
+# [1.25.0](https://github.com/EncryptionL/twico-ui/compare/v1.24.0...v1.25.0) (2026-08-03)
+
+
+### Bug Fixes
+
+* **datatable:** commit the default cell editor value on click-away instead of discarding ([#313](https://github.com/EncryptionL/twico-ui/issues/313)) ([08c0050](https://github.com/EncryptionL/twico-ui/commit/08c00501fc20a4deb5e0bf35be0ab9aa46a7c477))
+
+
+### Features
+
+* **datatable:** default resizablePopovers to true; decouple it from resizableFilters ([#314](https://github.com/EncryptionL/twico-ui/issues/314)) ([c509956](https://github.com/EncryptionL/twico-ui/commit/c509956b11648e6d138777843514ff9a5ec09e85)), closes [#304](https://github.com/EncryptionL/twico-ui/issues/304) [#292](https://github.com/EncryptionL/twico-ui/issues/292)
+
 # [1.24.0](https://github.com/EncryptionL/twico-ui/compare/v1.23.0...v1.24.0) (2026-07-31)
 
 

package/dist/index.cjs

@@ -9180,7 +9180,8 @@ function Datatable({
   onQuickFilterChange,
   toolbarActions,
   resizableFilters = true,
-  resizablePopovers = false,
+  resizablePopovers = true,
+  // #314: default-on (matches resizableFilters) — set false to opt a grid out
   filterFieldMaxWidth,
   rowPinning = false,
   rowReorder = false,
@@ -10443,7 +10444,9 @@ function Datatable({
     if (!editing) return;
     const onDown = (e) => {
       if (e.target.closest(".twc-dt__editor-wrap") || e.target.closest(".twc-pop")) return;
-      setEditing(null);
+      const col = colByField[editing.field];
+      if (col && col.renderEditCell) setEditing(null);
+      else commitEdit();
     };
     document.addEventListener("mousedown", onDown, true);
     return () => document.removeEventListener("mousedown", onDown, true);
@@ -10777,7 +10780,7 @@ function Datatable({
       }
     }
   ) : null;
-  const fieldHandle = (field, rowIdx) => (resizableFilters || resizablePopovers) && rowIdx === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+  const fieldHandle = (field, rowIdx) => resizableFilters && rowIdx === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: "twc-dt__f-rz",
@@ -12191,7 +12194,7 @@ function Datatable({
                 /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "twc-dt__flogic-btn", "data-active": filterLogic === "and" || void 0, "aria-pressed": filterLogic === "and", onClick: () => setFilterLogic("and"), children: "AND" }),
                 /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "twc-dt__flogic-btn", "data-active": filterLogic === "or" || void 0, "aria-pressed": filterLogic === "or", onClick: () => setFilterLogic("or"), children: "OR" })
               ] }) : null,
-              (resizableFilters || resizablePopovers) && hasFilterSizeOverride ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "twc-dt__link", onClick: resetFilterSizes, children: "Reset sizes" }) : null,
+              resizableFilters && hasFilterSizeOverride ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "twc-dt__link", onClick: resetFilterSizes, children: "Reset sizes" }) : null,
               filters.length ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "twc-dt__link", onClick: () => setFilters([]), children: "Clear all" }) : null
             ] })
           ] }),
@@ -12271,7 +12274,7 @@ function Datatable({
             /* @__PURE__ */ jsxRuntime.jsx(Svg, { d: I.plus, style: { color: "var(--color-primary)" } }),
             " Add filter"
           ] }) }),
-          resizableFilters || resizablePopovers ? /* @__PURE__ */ jsxRuntime.jsx(
+          resizableFilters ? /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               className: "twc-dt__pop-grip",