@crispy-seed/data-table 0.12.1 → 0.14.0

package/dist/index.d.ts

@@ -128,6 +128,15 @@ interface DataTableCellContextMenuContext<TRow> {
 }
 
 type DataTableCellType = "text" | "entity" | "url" | "email" | "tags" | "status" | "number" | "currency" | "date" | "datetime" | "rating" | "checkbox" | "chip" | "chip-list";
+/** A `type: "chip-list"` column's selectable tag (`DataTableColumn.chipOptions`) --
+ *  `value` is what the row stores/commits, `label` what the chip reads (default
+ *  `value`), `color` an optional CSS background (default: the value-hashed swatch,
+ *  the same one the closed cell uses). */
+interface DataTableChipOption {
+    value: string;
+    label?: string;
+    color?: string;
+}
 
 /** A `select`/`reference`/`actor` editor's own choice list -- `value`/`label` are
  *  required (the committed string and what the row reads), `avatar` is read only by
@@ -241,6 +250,15 @@ interface DataTableColumn<TRow> {
     editor?: "select" | "switch" | "reference" | "actor";
     /** `editor: "select"`의 선택지입니다. */
     options?: DataTableEditOption[];
+    /** `type: "chip-list"` + `editable`: the selectable tags of the Attio-style
+     *  multi-select popover (search on top, one colored chip per option with a checkbox
+     *  on the right, click toggles, stays open). Tags already on a row but absent here
+     *  are still listed (so they can be unchecked). Omit it and the list falls back to
+     *  the distinct tags present across `data`. */
+    chipOptions?: DataTableChipOption[];
+    /** `chip-list` popover: offer a "Create '<text>'" row for text matching no option
+     *  (default `true` -- freeform tag columns). `false` limits tags to `chipOptions`. */
+    chipCreatable?: boolean;
     /** `editor: "reference"`/`"actor"`의 선택지입니다 (`avatar`가 있으면 아바타로,
      *  없으면 기본 사람 아이콘으로 표시). */
     refOptions?: DataTableEditOption[];
@@ -546,7 +564,7 @@ interface DataTableProps<TRow extends {
     /** `virtualized`일 때 한 행의 높이(px)입니다. 레시피의 행 높이(36px)와 일치해야 합니다.
      *  @default 36 */
     rowHeight?: number;
-    /** `virtualized`일 때 뷰포트 위/아래로 추가 렌더링할 행 수입니다. @default 8 */
+    /** `virtualized`일 때 뷰포트 위/아래로 추가 렌더링할 행 수입니다. @default 16 */
     overscan?: number;
 }
 /**
@@ -602,6 +620,8 @@ declare namespace DataTableViewsControl {
 interface DataTableBulkBarProps {
     /** The clear ("x") button's accessible name. @default "Clear selection" */
     clearLabel?: string;
+    /** Lift the pill above a sticky footer (calc row / add-row) instead of overlapping it. */
+    aboveFooter?: boolean;
     /**
      * The consumer's own bulk-action buttons, as a render prop receiving the current
      * selected row ids -- e.g. `<DataTableBulkBar>{(ids) => <ActionButton
@@ -619,7 +639,7 @@ interface DataTableBulkBarProps {
  * geometry borrows `contextual-floating-button`'s already-measured vars rather than a
  * guessed literal.
  */
-declare function DataTableBulkBar({ clearLabel, children, }: DataTableBulkBarProps): react_jsx_runtime.JSX.Element | null;
+declare function DataTableBulkBar({ clearLabel, aboveFooter, children, }: DataTableBulkBarProps): react_jsx_runtime.JSX.Element | null;
 
 type ResizablePanelSide = "left" | "right";