twico-ui 1.22.3 → 1.24.0

package/dist/index.d.cts

@@ -1597,6 +1597,10 @@ interface ComboboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
   virtualized?: boolean;
   /** Extra option rows rendered above/below the viewport when `virtualized`, to smooth fast scrolling. @default 8 */
   overscan?: number;
+  /** Let long option labels/descriptions wrap onto multiple lines instead of truncating to one line with an
+   *  ellipsis — useful when options share a long prefix and differ only in a truncated tail. Takes precedence
+   *  over `virtualized` (wrapped rows aren't a fixed height). @default false */
+  wrapOptions?: boolean;
   /** Composed with the field's open-on-focus behavior — your handler runs first. */
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
   /** Composed with the field's keyboard navigation (Arrows/Enter/Escape) — your handler runs first; call `event.preventDefault()` to suppress it. */
@@ -1819,6 +1823,11 @@ interface DatatableProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivEleme
    *  size persist via `stateKey` and are keyboard-accessible. Set `false` to disable the handles/grip
    *  (fields still auto-fit). @default true */
   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 */
+  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`. */
   filterFieldMaxWidth?: number;
@@ -2007,6 +2016,9 @@ interface DatatableQuery {
    * number columns emit =, !=, >, >=, <, <=. `value` is a `string[]` for `isAnyOf` and omitted for `isEmpty`/`isNotEmpty`.
    */
   filters: DatatableFilter[];
+  /** #303: how the `filters` combine — `"and"` (all must match, default) or `"or"` (any match).
+   *  Omitted is treated as `"and"` for back-compat; group your server-side WHERE accordingly. */
+  filterLogic?: "and" | "or";
   /** Quick-search text. */
   quickFilter: string;
   /** `field`s of the columns currently shown (in column order) — the built-in Columns menu
@@ -2030,6 +2042,8 @@ interface DatatableQuery {
 interface DatatableState {
   /** Active per-column filters (without the internal row id). */
   filters: DatatableFilter[];
+  /** #303: filter connective for the whole set — `"and"` (default) or `"or"`. Absent = `"and"`. */
+  filterLogic?: "and" | "or";
   /** Active sort, or null. */
   sort: { field: string; dir: "asc" | "desc" } | null;
   /** Quick-search text. */
@@ -2052,6 +2066,9 @@ interface DatatableState {
   filterPanelSize?: { w?: number; h?: number };
   /** #292: user-resized Filters field widths (px, panel-global — not per data column). Absent until dragged. */
   filterFieldWidths?: { col?: number; op?: number; val?: number };
+  /** #304: user-resized sizes of the other toolbar popovers (Columns/Aggregation/Pivot/Batch-edit),
+   *  keyed by popover id → `{ w, h }` in px. Absent until a popover is dragged with `resizablePopovers`. */
+  popoverSizes?: Record<string, { w?: number; h?: number }>;
 }
 
 interface DatatableColumn<T = any> {

package/dist/index.d.ts

@@ -1597,6 +1597,10 @@ interface ComboboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
   virtualized?: boolean;
   /** Extra option rows rendered above/below the viewport when `virtualized`, to smooth fast scrolling. @default 8 */
   overscan?: number;
+  /** Let long option labels/descriptions wrap onto multiple lines instead of truncating to one line with an
+   *  ellipsis — useful when options share a long prefix and differ only in a truncated tail. Takes precedence
+   *  over `virtualized` (wrapped rows aren't a fixed height). @default false */
+  wrapOptions?: boolean;
   /** Composed with the field's open-on-focus behavior — your handler runs first. */
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
   /** Composed with the field's keyboard navigation (Arrows/Enter/Escape) — your handler runs first; call `event.preventDefault()` to suppress it. */
@@ -1819,6 +1823,11 @@ interface DatatableProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivEleme
    *  size persist via `stateKey` and are keyboard-accessible. Set `false` to disable the handles/grip
    *  (fields still auto-fit). @default true */
   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 */
+  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`. */
   filterFieldMaxWidth?: number;
@@ -2007,6 +2016,9 @@ interface DatatableQuery {
    * number columns emit =, !=, >, >=, <, <=. `value` is a `string[]` for `isAnyOf` and omitted for `isEmpty`/`isNotEmpty`.
    */
   filters: DatatableFilter[];
+  /** #303: how the `filters` combine — `"and"` (all must match, default) or `"or"` (any match).
+   *  Omitted is treated as `"and"` for back-compat; group your server-side WHERE accordingly. */
+  filterLogic?: "and" | "or";
   /** Quick-search text. */
   quickFilter: string;
   /** `field`s of the columns currently shown (in column order) — the built-in Columns menu
@@ -2030,6 +2042,8 @@ interface DatatableQuery {
 interface DatatableState {
   /** Active per-column filters (without the internal row id). */
   filters: DatatableFilter[];
+  /** #303: filter connective for the whole set — `"and"` (default) or `"or"`. Absent = `"and"`. */
+  filterLogic?: "and" | "or";
   /** Active sort, or null. */
   sort: { field: string; dir: "asc" | "desc" } | null;
   /** Quick-search text. */
@@ -2052,6 +2066,9 @@ interface DatatableState {
   filterPanelSize?: { w?: number; h?: number };
   /** #292: user-resized Filters field widths (px, panel-global — not per data column). Absent until dragged. */
   filterFieldWidths?: { col?: number; op?: number; val?: number };
+  /** #304: user-resized sizes of the other toolbar popovers (Columns/Aggregation/Pivot/Batch-edit),
+   *  keyed by popover id → `{ w, h }` in px. Absent until a popover is dragged with `resizablePopovers`. */
+  popoverSizes?: Record<string, { w?: number; h?: number }>;
 }
 
 interface DatatableColumn<T = any> {