twico-ui 1.24.0 → 1.25.0

package/dist/index.d.cts

@@ -1825,8 +1825,9 @@ interface DatatableProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivEleme
   resizableFilters?: boolean;
   /** #304: extend the drag-resize grip to the other toolbar popovers too — Columns, Aggregation, Pivot,
    *  and Batch-edit — each with a corner grip + keyboard resize (Arrows, Home/End, Enter/double-click to
-   *  reset). Implies `resizableFilters`. Each popover's size persists independently via `stateKey`
-   *  (`popoverSizes`). Great for a wide grid whose Columns list is otherwise capped. @default false */
+   *  reset). Independent of `resizableFilters` (which controls the Filters panel): each defaults `true` and
+   *  can be turned off on its own. Each popover's size persists independently via `stateKey` (`popoverSizes`).
+   *  Great for a wide grid whose Columns list is otherwise capped. Set `false` to opt a grid out. @default true */
   resizablePopovers?: boolean;
   /** Raise the drag cap for the filter panel's column/operator fields, in px (default col 360 / op 260) —
    *  the #289-deferred "optional prop to raise the cap". Only affects `resizableFilters`. */

package/dist/index.d.ts

@@ -1825,8 +1825,9 @@ interface DatatableProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivEleme
   resizableFilters?: boolean;
   /** #304: extend the drag-resize grip to the other toolbar popovers too — Columns, Aggregation, Pivot,
    *  and Batch-edit — each with a corner grip + keyboard resize (Arrows, Home/End, Enter/double-click to
-   *  reset). Implies `resizableFilters`. Each popover's size persists independently via `stateKey`
-   *  (`popoverSizes`). Great for a wide grid whose Columns list is otherwise capped. @default false */
+   *  reset). Independent of `resizableFilters` (which controls the Filters panel): each defaults `true` and
+   *  can be turned off on its own. Each popover's size persists independently via `stateKey` (`popoverSizes`).
+   *  Great for a wide grid whose Columns list is otherwise capped. Set `false` to opt a grid out. @default true */
   resizablePopovers?: boolean;
   /** Raise the drag cap for the filter panel's column/operator fields, in px (default col 360 / op 260) —
    *  the #289-deferred "optional prop to raise the cap". Only affects `resizableFilters`. */

package/dist/index.mjs

@@ -9159,7 +9159,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,
@@ -10422,7 +10423,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);
@@ -10756,7 +10759,7 @@ function Datatable({
       }
     }
   ) : null;
-  const fieldHandle = (field, rowIdx) => (resizableFilters || resizablePopovers) && rowIdx === 0 ? /* @__PURE__ */ jsx(
+  const fieldHandle = (field, rowIdx) => resizableFilters && rowIdx === 0 ? /* @__PURE__ */ jsx(
     "span",
     {
       className: "twc-dt__f-rz",
@@ -12170,7 +12173,7 @@ function Datatable({
                 /* @__PURE__ */ 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__ */ 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__ */ jsx("button", { type: "button", className: "twc-dt__link", onClick: resetFilterSizes, children: "Reset sizes" }) : null,
+              resizableFilters && hasFilterSizeOverride ? /* @__PURE__ */ jsx("button", { type: "button", className: "twc-dt__link", onClick: resetFilterSizes, children: "Reset sizes" }) : null,
               filters.length ? /* @__PURE__ */ jsx("button", { type: "button", className: "twc-dt__link", onClick: () => setFilters([]), children: "Clear all" }) : null
             ] })
           ] }),
@@ -12250,7 +12253,7 @@ function Datatable({
             /* @__PURE__ */ jsx(Svg, { d: I.plus, style: { color: "var(--color-primary)" } }),
             " Add filter"
           ] }) }),
-          resizableFilters || resizablePopovers ? /* @__PURE__ */ jsx(
+          resizableFilters ? /* @__PURE__ */ jsx(
             "span",
             {
               className: "twc-dt__pop-grip",