twico-ui 1.20.0 → 1.20.1

package/dist/index.d.cts

@@ -2094,7 +2094,9 @@ interface DatatableColumn<T = any> {
    *  Providing it makes the column editable (unless `editable: false`) and takes precedence over the
    *  built-in select/text editor. Call `commit(nextValue)` to save (fires `onRowUpdate`/`onRowsChange`)
    *  or `cancel()` to discard. Twico overlay dropdowns (portaled as `.twc-pop`) are exempt from the
-   *  cell's outside-click auto-cancel, so a Combobox popover works inside the cell. */
+   *  cell's outside-click auto-cancel, so a Combobox popover works inside the cell. **Escape cancels**
+   *  the edit automatically (the wrapper calls `cancel()`), so you needn't wire a keydown — stop
+   *  propagation on Escape only if your control needs it (e.g. to close its own open dropdown). */
   renderEditCell?: (args: { value: any; row: T; field: string; commit: (nextValue: any) => void; cancel: () => void }) => React.ReactNode;
   /** Custom control for this column's clause in the **batch** editor (#247) — the counterpart of
    *  `renderEditCell` for the "Edit N selected rows" popover. Use it when the value is backed by a large,

package/dist/index.d.ts

@@ -2094,7 +2094,9 @@ interface DatatableColumn<T = any> {
    *  Providing it makes the column editable (unless `editable: false`) and takes precedence over the
    *  built-in select/text editor. Call `commit(nextValue)` to save (fires `onRowUpdate`/`onRowsChange`)
    *  or `cancel()` to discard. Twico overlay dropdowns (portaled as `.twc-pop`) are exempt from the
-   *  cell's outside-click auto-cancel, so a Combobox popover works inside the cell. */
+   *  cell's outside-click auto-cancel, so a Combobox popover works inside the cell. **Escape cancels**
+   *  the edit automatically (the wrapper calls `cancel()`), so you needn't wire a keydown — stop
+   *  propagation on Escape only if your control needs it (e.g. to close its own open dropdown). */
   renderEditCell?: (args: { value: any; row: T; field: string; commit: (nextValue: any) => void; cancel: () => void }) => React.ReactNode;
   /** Custom control for this column's clause in the **batch** editor (#247) — the counterpart of
    *  `renderEditCell` for the "Edit N selected rows" popover. Use it when the value is backed by a large,

package/dist/index.mjs

@@ -10477,7 +10477,22 @@ function Datatable({
                     // async Combobox, …) and drives the lifecycle via commit/cancel. Wrapped in
                     // .twc-dt__editor-wrap so inline clicks (and any .twc-pop portal dropdown) don't
                     // trip the outside-click auto-cancel.
-                    /* @__PURE__ */ jsx("div", { className: "twc-dt__editor-wrap", children: c.renderEditCell({ value: editing.value, row, field: c.field, commit: (v) => commitEdit(v), cancel: cancelEdit }) })
+                    // #273: the wrapper handles Escape → cancel so it works for every custom editor without
+                    // each having to wire a keydown (they only get commit/cancel). A custom control that
+                    // wants Escape itself (e.g. to close its own open dropdown) stops propagation first.
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "twc-dt__editor-wrap",
+                        onKeyDown: (e) => {
+                          if (e.key === "Escape") {
+                            e.stopPropagation();
+                            cancelEdit();
+                          }
+                        },
+                        children: c.renderEditCell({ value: editing.value, row, field: c.field, commit: (v) => commitEdit(v), cancel: cancelEdit })
+                      }
+                    )
                   ) : /* @__PURE__ */ jsx(
                     EditCell,
                     {