@webx-ui/core 0.15.0 → 0.16.0

package/dist/components/Table/Table.d.ts

@@ -47,6 +47,11 @@ declare const _default: <T extends TableRow = TableRow>(__VLS_props: NonNullable
             row: T;
             index: number;
         }) => unknown;
+        /** Buttons along the top of a card, where a row has no room for a column of them. */
+        'card-actions'?: (props: {
+            row: T;
+            index: number;
+        }) => unknown;
     }> & {
         [key: `header-${string}`]: ((props: {
             column: TableColumn<T>;
@@ -70,6 +75,11 @@ declare const _default: <T extends TableRow = TableRow>(__VLS_props: NonNullable
             row: T;
             index: number;
         }) => unknown;
+        /** Buttons along the top of a card, where a row has no room for a column of them. */
+        'card-actions'?: (props: {
+            row: T;
+            index: number;
+        }) => unknown;
     };
     emit: (((evt: "search", term: string) => void) & ((evt: "row-click", row: T, index: number, event: MouseEvent) => void) & ((evt: "sort-change", sort: TableSort | null) => void) & ((evt: "selection-change", keys: RowKey[], rows: T[]) => void) & ((evt: "expand-change", keys: RowKey[], rows: T[]) => void) & ((evt: "node-drop", event: import('./types').TableNodeDropEvent<T>) => void) & ((evt: "state-change", state: TableState) => void)) & (((evt: "update:page", value: number) => void) & ((evt: "update:perPage", value: number) => void) & ((evt: "update:selected", value: RowKey[]) => void) & ((evt: "update:expanded", value: RowKey[]) => void) & ((evt: "update:sort", value: TableSort | null) => void) & ((evt: "update:search", value: string) => void));
 }>) => import('vue').VNode & {

package/dist/components/Table/types.d.ts

@@ -50,6 +50,21 @@ export interface TableColumn<T = TableRow> {
     cellClass?: string;
     /** Leaves the column out without changing the array. */
     hidden?: boolean;
+    /**
+     * Drops the column while the table is narrower than this.
+     *
+     * The alternative is a horizontal scrollbar, and a column somebody has to drag sideways to
+     * read is a column they will not read. Say it about the ones that can go — a date, a count —
+     * and the ones that identify the row stay whatever the width.
+     */
+    hideBelow?: number;
+    /**
+     * Leaves the column out of a card, where space is the scarce thing.
+     *
+     * A date somebody scans down a column is worth a line of its own on a wide screen and is the
+     * first thing to go on a narrow one.
+     */
+    hideOnCards?: boolean;
 }
 /**
  * One line of the summary under the table. `label` occupies every column ahead of the
@@ -158,6 +173,21 @@ export interface TableProps<T = TableRow> {
     expandableIf?: (row: T) => boolean;
     /** Lines under the table: totals, discounts, whatever the figures are. */
     summary?: TableSummaryRow[];
+    /**
+     * Below this width — of the table, not the window — each row is drawn as a card instead.
+     *
+     * A table narrower than about forty characters is a row of columns nobody can read, and on a
+     * phone that is every table. `0` turns it off and keeps the columns at any width.
+     */
+    cardsBelow?: number;
+    /**
+     * Drops the table's own margins around the header and the cards.
+     *
+     * On its own the table is a surface, and its search field and cards keep clear of its rounded
+     * edge. Inside a card the card keeps the margins already, and a second set puts the search
+     * field a step in from whatever the card has above it.
+     */
+    flush?: boolean;
     /**
      * Puts the pagination in the footer. On by default as soon as `data` is a paginator,
      * since a paginated response is a promise that there are more pages to reach.