@apollion-dsi/core 7.8.0 → 7.10.0

package/lib/dataDisplay/Accordion/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-UKMNA2P3.esm.js";import"../../chunks/chunk-TVJXEJLN.esm.js";import"../../chunks/chunk-WLFYIXN6.esm.js";import"../../chunks/chunk-EU4FKCQL.esm.js";import"../../chunks/chunk-HPMNSONF.esm.js";import"../../chunks/chunk-MKGWYKH6.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-TBNQUDOJ.esm.js";import"../../chunks/chunk-RRTLPB5F.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-2BWCWW2Q.esm.js";import"../../chunks/chunk-IQQH6HMG.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-LCCVFIPZ.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-WB5XXCKL.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-O5TS2XER.esm.js";import"../../chunks/chunk-4E3BR56X.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-XUZQE326.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-SEPVF2TL.esm.js";import"../../chunks/chunk-LDOM2UUN.esm.js";import"../../chunks/chunk-L7A7RA56.esm.js";import"../../chunks/chunk-HVFI7FHR.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Accordion};
+import{a}from"../../chunks/chunk-SMHXI7DO.esm.js";import"../../chunks/chunk-OAMAE3G7.esm.js";import"../../chunks/chunk-CLOAQN2O.esm.js";import"../../chunks/chunk-DKSFPJ4D.esm.js";import"../../chunks/chunk-YP7EK4TW.esm.js";import"../../chunks/chunk-JSVL6DGF.esm.js";import"../../chunks/chunk-A5EZKWYC.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-4E3BR56X.esm.js";import"../../chunks/chunk-QHV3TXJB.esm.js";import"../../chunks/chunk-Y43TNRQI.esm.js";import"../../chunks/chunk-ZAOQD7HC.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-NYKFDMIM.esm.js";import"../../chunks/chunk-HAYP3N7C.esm.js";import"../../chunks/chunk-UP5QKYFX.esm.js";import"../../chunks/chunk-FLYTTTRD.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-LCCVFIPZ.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-WB5XXCKL.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-4UQS5RWZ.esm.js";import"../../chunks/chunk-XUZQE326.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-HVFI7FHR.esm.js";import"../../chunks/chunk-UGIYAS67.esm.js";import"../../chunks/chunk-SAPHWVC7.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-I6XZCSTD.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-T3ANVSKR.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ENPBIFMV.esm.js";import"../../chunks/chunk-K6R7CVK4.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-UWH5IBPA.esm.js";import"../../chunks/chunk-IC54RGJD.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-XI4HR75A.esm.js";import"../../chunks/chunk-3BR6IVVX.esm.js";import"../../chunks/chunk-CRSMYEKV.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-ZJET55OZ.esm.js";import"../../chunks/chunk-WKXEPDPZ.esm.js";import"../../chunks/chunk-4JM5PL3S.esm.js";import"../../chunks/chunk-UGA75LGY.esm.js";import"../../chunks/chunk-SF5BK4KT.esm.js";import"../../chunks/chunk-KO5FSKVM.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Accordion};

package/lib/dataDisplay/DataTable/DataTable.d.ts

@@ -3,8 +3,9 @@ import { DataTableProps } from './DataTable.interface';
  * High-performance virtualized table for large volumes of tabular data.
  *
  * Built on `@tanstack/react-table` and `@tanstack/react-virtual`, it
- * supports sorting, search, resizing, row selection, visual pagination, and
- * custom cell rendering. Use it when you need to display hundreds/thousands
+ * supports sorting, search, resizing, row selection, visual pagination, tree
+ * rows, detail panels under expanded rows (`renderExpandedContent`, measured
+ * after render) and custom cell rendering. Use it when you need to display hundreds/thousands
  * of records in a single component; for small, static tables prefer
  * {@link Table}.
  *

package/lib/dataDisplay/DataTable/DataTable.filters.d.ts

@@ -29,7 +29,7 @@ import type { Column as TanstackColumn } from '../../vendors/TanstackReactTable'
 export declare const VARIANT_FILTER_FN: Record<FilterVariant, string>;
 type FilterColumn = TanstackColumn<any, any>;
 /** Filter-facing subset of {@link DataTableLabels}, threaded down by `DataTable`. */
-export type FilterLabels = Pick<DataTableLabels, 'filterNoValues' | 'filterPlaceholder' | 'filterRangeMin' | 'filterRangeMax'>;
+export type FilterLabels = Pick<DataTableLabels, 'filterNoValues' | 'filterPlaceholder' | 'filterRangeMin' | 'filterRangeMax' | 'filterRangeMinLabel' | 'filterRangeMaxLabel' | 'filterTextLabel'>;
 type FilterUIProps = {
     column: FilterColumn;
     onClose: () => void;

package/lib/dataDisplay/DataTable/DataTable.helpers.d.ts

@@ -23,19 +23,20 @@ export declare const getSortIcon: (sortState: "asc" | "desc" | false) => IconDat
  * chevron-down when expanded, chevron-right when collapsed, or `null` when
  * `row.getCanExpand()` is false (leaf row, no sub-rows).
  *
- * The `marginLeft: row.depth * 16` indents the chevron by depth — sub-rows
+ * The inline-start margin (`depth × spacing('medium')`, through the
+ * table's `--datatable-indent`) indents the chevron by depth — sub-rows
  * stay visually aligned with the parent without disturbing the data
  * columns' alignment (which keep a fixed position).
  *
  * Returns `null` when `enabled` is false, allowing conditional spread in
  * the DataTable's `tanstackColumns` memo.
  */
-export declare function buildExpandColumnDef<T extends Record<string, unknown>>(enabled: boolean, width?: number): {
+export declare function buildExpandColumnDef<T extends Record<string, unknown>>(enabled: boolean, width?: number, labels?: Pick<DataTableLabels, 'expandColumn' | 'expandRow' | 'collapseRow'>): {
     id: string;
     size: number;
     enableSorting: boolean;
     enableResizing: boolean;
-    header: () => null;
+    header: () => import("react/jsx-runtime").JSX.Element;
     cell: ({ row }: any) => import("react/jsx-runtime").JSX.Element;
     meta: {
         selectable: false;
@@ -50,7 +51,7 @@ export declare function buildExpandColumnDef<T extends Record<string, unknown>>(
  * can spread `[selectableCol, ...cols]` conditionally with no extra
  * call-site logic.
  */
-export declare function buildSelectableColumnDef<T extends Record<string, unknown>>(selectableColumnTitle?: string | boolean, width?: number): {
+export declare function buildSelectableColumnDef<T extends Record<string, unknown>>(selectableColumnTitle?: string | boolean, width?: number, labels?: Pick<DataTableLabels, 'selectRow' | 'selectAllRows'>): {
     id: string;
     size: number;
     enableSorting: boolean;

package/lib/dataDisplay/DataTable/DataTable.interface.d.ts

@@ -206,6 +206,72 @@ export interface DataTableLabels {
      * @default (max) => `max (${max})`
      */
     filterRangeMax?: (max: number) => string;
+    /**
+     * Accessible name of the range filter's "min" input; receives the column
+     * title. The placeholder is only a hint, not a name.
+     *
+     * @default (column) => `Mínimo de ${column}`
+     */
+    filterRangeMinLabel?: (column: string) => string;
+    /**
+     * Accessible name of the range filter's "max" input; receives the column
+     * title.
+     *
+     * @default (column) => `Máximo de ${column}`
+     */
+    filterRangeMaxLabel?: (column: string) => string;
+    /**
+     * Accessible name of the text filter input; receives the column title.
+     *
+     * @default (column) => `Filtrar ${column}`
+     */
+    filterTextLabel?: (column: string) => string;
+    /**
+     * Accessible name of a column's sort button; receives the column title
+     * (its `Header` when a string, else its `id` / `accessor`). The header cell
+     * carries the current order as `aria-sort`.
+     *
+     * @default (column) => `Ordenar por ${column}`
+     */
+    sortColumn?: (column: string) => string;
+    /**
+     * Accessible name of a column's filter button; receives the column title.
+     *
+     * @default (column) => `Filtrar ${column}`
+     */
+    filterColumn?: (column: string) => string;
+    /**
+     * Accessible name of a row's selection checkbox.
+     *
+     * @default 'Selecionar linha'
+     */
+    selectRow?: string;
+    /**
+     * Accessible name of the "select all" checkbox when `selectableColumn` is
+     * `true` (a string `selectableColumn` is the visible label and names it).
+     *
+     * @default 'Selecionar todas as linhas'
+     */
+    selectAllRows?: string;
+    /**
+     * Accessible name of the expand toggle column's header (tree mode and
+     * detail panels) — screen-reader-only text, so the header is not empty.
+     *
+     * @default 'Expandir'
+     */
+    expandColumn?: string;
+    /**
+     * Accessible name of a collapsed row's expand toggle (tree mode and detail panels).
+     *
+     * @default 'Expandir linha'
+     */
+    expandRow?: string;
+    /**
+     * Accessible name of an expanded row's collapse toggle (tree mode and detail panels).
+     *
+     * @default 'Recolher linha'
+     */
+    collapseRow?: string;
     /**
      * Accessible name of the scroll viewport. The viewport is keyboard-focusable
      * (`tabIndex={0}`, `role="region"`) so keyboard users can scroll a table
@@ -243,7 +309,11 @@ interface ComponentProps<T extends Record<string, unknown>> {
     title?: string;
     /** Placeholder of the global search input. */
     searchPlaceholder?: string;
-    /** Callback fired when the row selection changes. */
+    /**
+     * Callback fired when the row selection changes, with every selected
+     * row's data — across pages, filters and collapsed sub-rows, not only the
+     * rows on screen.
+     */
     onRowSelect?: (d: T[]) => void;
     /** Callback fired when any row is clicked. */
     onRowClick?: (row: T) => void;
@@ -270,7 +340,8 @@ interface ComponentProps<T extends Record<string, unknown>> {
      * Component pinned to the end of the list (e.g. a "load more" button).
      * Rendered by `DataTable` at the last virtual position; the
      * absolute positioning is injected by the internal wrapper (not by
-     * `lastRowComponent` itself).
+     * `lastRowComponent` itself). It is exposed as one table row whose single
+     * cell spans every column.
      */
     lastRowComponent?: React.ReactNode;
     /** Icon shown when `data` is empty. */
@@ -329,6 +400,37 @@ interface ComponentProps<T extends Record<string, unknown>> {
      * ```
      */
     getSubRows?: (row: T, index: number) => T[] | undefined;
+    /**
+     * Renders a detail panel under a row when it is expanded — a full-width
+     * row spanning every column, for content that does not fit the cells
+     * (a description, a nested table, a form). Setting it injects the chevron
+     * toggle column; the expanded state is the same one tree mode uses
+     * (`initialExpanded` / `expanded` / `onExpandedChange`). Panels are measured
+     * after render, so they can be any height and grow with their content.
+     *
+     * With `getSubRows`, expanding a row shows its panel and its sub-rows.
+     *
+     * @example
+     * ```tsx
+     * <DataTable<Order> data={orders} columns={cols} renderExpandedContent={(order) => <OrderLines order={order} />} />
+     * ```
+     */
+    renderExpandedContent?: (row: T) => React.ReactNode;
+    /**
+     * Which rows get a detail panel (and its toggle). Ignored without
+     * `renderExpandedContent`.
+     *
+     * @default every row
+     */
+    getRowCanExpand?: (row: T) => boolean;
+    /**
+     * Estimated height of a detail panel, in pixels, used to lay out the
+     * virtualized body until the panel is measured. A closer estimate means
+     * less scroll correction on long tables.
+     *
+     * @default 160
+     */
+    expandedContentHeight?: number;
     /**
      * Width of the expand toggle column, in pixels. Defaults to
      * `selectableColumnWidth` when both coexist; otherwise `48`.
@@ -371,7 +473,8 @@ export type RegularProps = React.ComponentPropsWithoutRef<'div'>;
  *
  * Combines the table-specific fields with the native props of a `<div>`
  * — so `style`, `className`, `data-*`, etc. can be passed straight to the
- * component.
+ * component. They land on the outermost element: the wrapper with
+ * `hasHeader`, else the table viewport.
  */
 export type DataTableProps<T extends Record<string, unknown>> = ComponentProps<T> & RegularProps;
 /**