@purpurds/table 0.0.1

package/dist/test-utils/column-def.d.ts

@@ -0,0 +1,6 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { TableDataLarge, TableDataSmall } from './table-data';
+
+export declare const createColumnDefKitchenSink: (clickCellButton: () => void, clickButtonGroupCellButton: () => void) => ColumnDef<TableDataLarge>[];
+export declare const createColumnDefSmall: () => ColumnDef<TableDataSmall>[];
+//# sourceMappingURL=column-def.d.ts.map

package/dist/test-utils/column-def.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-def.d.ts","sourceRoot":"","sources":["../../src/test-utils/column-def.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,eAAO,MAAM,0BAA0B,oBACpB,MAAM,IAAI,8BACC,MAAM,IAAI,KACrC,SAAS,CAAC,cAAc,CAAC,EAiH3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,SAAS,CAAC,cAAc,CAAC,EA6BhE,CAAC"}

package/dist/test-utils/helpers.d.ts

@@ -0,0 +1,138 @@
+export declare const getTableHead: (table: HTMLElement) => HTMLElement;
+export declare const getTableBody: (table: HTMLElement) => HTMLElement;
+export declare const getTableColumnHeaderByText: (table: HTMLElement, columnHeader: string) => HTMLElement;
+export declare const getCellInRowContent: (table: HTMLTableElement, rowNr: number, columnHeader: string) => HTMLTableCellElement;
+export declare const getTableHeadRow: (table: HTMLTableElement, rowNr?: number) => HTMLTableRowElement;
+export declare const getTableBodyRow: (table: HTMLTableElement, rowNr: number) => HTMLTableRowElement;
+export declare const getCheckBoxForTableBodyRow: (table: HTMLTableElement, rowNr: number) => HTMLButtonElement;
+export declare const getRadioToggleForTableBodyRow: (table: HTMLTableElement, rowNr: number) => HTMLButtonElement;
+export declare const getCheckBoxForTableHeaderRow: (table: HTMLTableElement, rowNr?: number) => HTMLButtonElement;
+export declare const getInputFilterForHeader: (table: HTMLTableElement, column: string) => HTMLElement;
+export declare const filterOnString: (table: HTMLTableElement, column: string, filterValue: string) => Promise<void>;
+export declare const getComboBoxFilterForHeader: (table: HTMLTableElement, column: string) => HTMLElement;
+export declare const filterOnSelect: (table: HTMLTableElement, column: string, filterValue: string) => Promise<void>;
+export declare const Selectors: {
+    ACTION_BAR: {
+        CANCEL_BUTTON: string;
+        PRIMARY_BUTTON: string;
+        ROOT: string;
+        SECONDARY_BUTTON: string;
+        SELECTED_TEXT: string;
+        TOGGLE_SELECTED: string;
+    };
+    COLUMN_HEADER_CELL_TITLE: string;
+    EXPORT_DRAWER: {
+        BODY_TEXT: string;
+        CLOSE_BUTTON: string;
+        CONTENT: string;
+        HEADER_ROW: string;
+        EXPORT_BUTTON: string;
+        TITLE: string;
+    };
+    SETTINGS_DRAWER: {
+        CONTENT: string;
+        FOOTER: string;
+        FOOTER_RESET_SETTINGS_BUTTON: string;
+        GENERAL_SETTINGS: string;
+        HEADER_ROW: string;
+        ROOT: string;
+        TITLE: string;
+        TOGGLE: string;
+        TOGGLE_LABEL: string;
+        VISIBLE_COLUMNS: string;
+    };
+    TOOLBAR: {
+        CLEAR_FILTERS_BUTTON: string;
+        EXPAND_BUTTON: string;
+        EXPORT_BUTTON: string;
+        ROOT: string;
+        SETTINGS_BUTTON: string;
+        TABLE_ROWS_COUNT: string;
+    };
+    EMPTY_TABLE: {
+        TITLE: string;
+        DESCRIPTION: string;
+    };
+    PAGINATION: {
+        ROOT: string;
+        PAGE_SIZE_SELECT: string;
+    };
+    SKELETON: string;
+};
+export declare const copy: {
+    actionBar: {
+        buttons: {
+            cancel: string;
+            primary: string;
+            secondary: string;
+            toggleSelected: string;
+        };
+        selectedRowsCount: {
+            of: string;
+            selected: string;
+        };
+    };
+    exportDrawer: {
+        bodyText: string;
+        closeButtonText: string;
+        link: string;
+        title: string;
+    };
+    pagination: {
+        nextButtonAriaLabel: string;
+        nextButtonText: string;
+        outOfLabel: string;
+        pageSelectorListBoxLabel: string;
+        pageSelectorNoOptionsText: string;
+        previousButtonAriaLabel: string;
+        previousButtonText: string;
+        stepNumberPrefix: string;
+    };
+    settingsDrawer: {
+        buttons: {
+            closeDrawer: string;
+            resetSettings: string;
+        };
+        generalSettings: {
+            header: string;
+            toggles: {
+                lockFirstcolumn: string;
+                showFilters: string;
+                stickyHeader: string;
+            };
+        };
+        title: string;
+        visibleColumns: {
+            header: string;
+        };
+    };
+    sortingAriaLabels: {
+        asc: string;
+        default: string;
+        desc: string;
+    };
+    toolbar: {
+        buttons: {
+            clearFilters: string;
+            expand: string;
+            export: string;
+            settings: string;
+        };
+        ariaLabels: {
+            clearFilters: string;
+            expand: string;
+            export: string;
+            settings: string;
+        };
+        rowCount: {
+            of: string;
+            rows: string;
+            showing: string;
+        };
+    };
+    rowSelectionAriaLabels: {
+        header: string;
+        row: string;
+    };
+};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/test-utils/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/test-utils/helpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,UAAW,WAAW,KAAG,WAIjD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,WAAW,KAAG,WAIjD,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,gBACJ,MAAM,KACnB,WAKF,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,gBAAgB,SAChB,MAAM,gBACC,MAAM,KACnB,oBAQF,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,gBAAgB,qBAAc,mBAEpE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,gBAAgB,SAAS,MAAM,KAAG,mBAExE,CAAC;AAGF,eAAO,MAAM,0BAA0B,UAC9B,gBAAgB,SAChB,MAAM,KACZ,iBAEF,CAAC;AAEF,eAAO,MAAM,6BAA6B,UACjC,gBAAgB,SAChB,MAAM,KACZ,iBAEF,CAAC;AAGF,eAAO,MAAM,4BAA4B,UAChC,gBAAgB,qBAEtB,iBAEF,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAAW,gBAAgB,UAAU,MAAM,gBAG9E,CAAC;AAEF,eAAO,MAAM,cAAc,UAClB,gBAAgB,UACf,MAAM,eACD,MAAM,kBAOpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAW,gBAAgB,UAAU,MAAM,gBAGjF,CAAC;AAEF,eAAO,MAAM,cAAc,UAClB,gBAAgB,UACf,MAAM,eACD,MAAM,kBAIpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EhB,CAAC"}

package/dist/test-utils/table-data.d.ts

@@ -0,0 +1,33 @@
+import { BadgeVariant } from '@purpurds/badge';
+import { ButtonProps } from '@purpurds/button';
+import { ButtonGroupButtonProp } from '../cell-types/button-group-cell';
+
+export type TableDataLarge = {
+    id: number;
+    name: string;
+    link: {
+        href: string;
+        children: string;
+    };
+    badge: {
+        variant: BadgeVariant;
+        children: string;
+    };
+    age: number;
+    position: number;
+    date: string;
+    button: ButtonProps;
+    buttonGroup?: ButtonGroupButtonProp[];
+};
+export declare const tableDataLarge: TableDataLarge[];
+export type TableDataSmall = {
+    id: number;
+    name: string;
+    link: {
+        href: string;
+        children: string;
+    };
+    age: number;
+};
+export declare const tableDataSmall: TableDataSmall[];
+//# sourceMappingURL=table-data.d.ts.map

package/dist/test-utils/table-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-data.d.ts","sourceRoot":"","sources":["../../src/test-utils/table-data.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,KAAK,EAAE;QACL,OAAO,EAAE,YAAY,CAAC;QACtB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACvC,CAAC;AAuBF,eAAO,MAAM,cAAc,EAAE,cAAc,EAoM1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAAc,EAmE1C,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,420 @@
+import { HeadingTagType } from '@purpurds/heading';
+import { SelectProps } from '@purpurds/select';
+import { Cell, FilterFn, Row, RowData, SortingFn } from '@tanstack/react-table';
+import { TableActionBarCopyProps } from './table-action-bar';
+import { FilterVariants, SortingAriaLabels } from './table-column-header-cell';
+import { TableExportDrawerCopyProps } from './table-export-drawer';
+import { TableSettingsDrawerCopyProps } from './table-settings-drawer';
+
+export type CellType = "badge" | "bodyText" | "button" | "buttonGroup" | "ctaLink" | "date" | "empty" | "errorAlertMessage" | "iconText" | "leadText" | "link" | "number" | "rowSelection" | "rowToggle" | "toggle" | "warningAlertMessage";
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * Represents the variant of the filter applied to a column.
+         * - "string": A text-based filter.
+         * - "select": A dropdown-based filter.
+         */
+        filterVariant?: FilterVariants;
+        /**
+         * Placeholder text for the filter input.
+         */
+        filterPlaceholder?: string;
+        /**
+         * ARIA label for the filter input, used for accessibility.
+         */
+        filterAriaLabel?: string;
+        /**
+         * A key used to filter the column data when the data is an object.
+         * This is useful for custom filtering logic on a specific key within the object.
+         * Required when using the `filterOnFilterKey` filterFn.
+         */
+        filterKey?: string;
+        /**
+         * Represents the type of cell in a table row.
+         * This determines the behavior and rendering of the cell.
+         * - "badge": Displays status, category, or label with visual emphasis, allowing users to differentiate data at a glance without cluttering the table.
+         * - "bodyText": Displays all types of textual information.
+         * - "button": A single button for performing row-specific actions directly within a table cell, such as edit, delete, or download. Button can be any variant.
+         * - "buttonGroup": Similar to the standalone button, but used when multiple actions are needed for a row, grouped together for better organization. Typically placed in the last column. Buttons can be any variants.
+         * - "ctaLink": Allowing users to navigate to external or internal resources.
+         * - "date": Displays date and time in a consistent format, with the option to toggle the time visibility on or off. Visibility is controlled through the 'showTime' attribute in the meta. Please provide the date in ISO format.
+         * - "empty": Used when a cell has no data or when the data is not applicable.
+         * - "errorAlertMessage": Displays validation or data-related errors, typically with a brief description to help users identify the issue.
+         * - "iconText": A visual symbol that represents contextual information, enhancing readability by conveying meaning at a glance without the need for text. The ext is optional but recommended to use for further clarity.
+         * - "leadText": Highlights key information, like a primary identifier, to ensure it stands out in the table. Typically used in the first column.
+         * - "link": Enables users to navigate to external or internal resources. It has lower importance and is less intrusive than a CTA link.
+         * - "number": Numeric data that isn't related to size should be left-aligned, such as phone numbers or order numbers. Numeric data related to size should be right-aligned for easier scanning, helping users quickly differentiate between values such as prices. Alignment is controlled through the 'numberCellAlignment' attribute in the meta.
+         * - "rowSelection":
+         * - "toggle": Lets users enable or disable a setting or option directly within a table cell.
+         * - "warningAlertMessage": Highlights a potential issue with the data, often accompanied by a brief description to guide users on the necessary action.
+         *
+         * If you want a custom cell type then leave this undefined and create a custom cell component using the cell attribute in the columnDef.
+         */
+        cellType?: CellType;
+        /**
+         * Alignment for number cells. Defaults to "left" if not specified.
+         */
+        numberCellAlignment?: "left" | "right";
+        /**
+         * Properties for the select dropdown used in the filter.
+         * Required when filterVariant is "select".
+         */
+        selectProps?: SelectProps;
+        /**
+         * Callback function triggered when a button cell is clicked.
+         * Only applicable when cellType is "button".
+         */
+        onClick?: (cell: Cell<TData, unknown> & {
+            buttonId?: string;
+        }) => void;
+        /**
+         * Determines whether to show the time in a date cell.
+         * Enabled by default when cellType is "date".
+         */
+        showTime?: boolean;
+        /**
+         * Aria labels for row selection checkboxes.
+         * Used for accessibility purposes.
+         */
+        rowSelectionAriaLabels?: {
+            header: string;
+            row: string;
+        };
+    }
+    interface FilterFns {
+        /**
+         * A custom filter function that filters data based on a specified key.
+         * Useful for advanced filtering scenarios.
+         * Requires the `filterKey` property in the column's meta.
+         */
+        filterOnFilterKey: FilterFn<unknown>;
+    }
+    interface SortingFns {
+        /**
+         * A custom sorting function that sorts badge column based on the badge variant.
+         */
+        sortOnBadgeVariant: SortingFn<unknown>;
+        /**
+         * A custom sorting function that sorts badge column based on the badge value.
+         */
+        sortOnBadgeValue: SortingFn<unknown>;
+    }
+}
+/**
+ * Props for enabling and configuring the action bar in a data table component.
+ */
+export type WithActionBarProps = {
+    /**
+     * Configuration for the action bar copy, such as labels and messages.
+     */
+    actionbarCopy: TableActionBarCopyProps;
+    /**
+     * Flag to enable the action bar functionality.
+     */
+    enableActionBar: true;
+    /**
+     * The total number of rows in the data table, displayed in the action bar.
+     */
+    actionBarTotalRowCount: number;
+    /**
+     * Callback function triggered when the primary button in the action bar is clicked.
+     */
+    onPrimaryButtonClick: () => void;
+    /**
+     * Optional callback function triggered when the secondary button in the action bar is clicked.
+     */
+    onSecondaryButtonClick?: () => void;
+};
+export type WithoutActionBarProps = {
+    actionbarCopy?: never;
+    enableActionBar?: false | undefined;
+    actionBarTotalRowCount?: never;
+    onPrimaryButtonClick?: never;
+    onSecondaryButtonClick?: never;
+};
+/**
+ * Props for displaying an empty table state in a data table component.
+ */
+export type WithEmptyTableProps = {
+    /**
+     * Copy for the empty table state, such as title and description.
+     */
+    emptyTableCopy: {
+        title: string;
+        description: string;
+    };
+    /**
+     * The heading tag to use for the empty table title.
+     */
+    emptyTableHeadingTag: HeadingTagType;
+    /**
+     * Icon to display in the empty table state.
+     */
+    emptyTableIcon: React.ReactNode;
+};
+export type WithoutEmptyTableProps = {
+    emptyTableCopy?: never;
+    emptyTableHeadingTag?: never;
+    emptyTableIcon?: never;
+};
+/**
+ * Props for enabling a loading state in a data table component.
+ */
+export type WithLoadingProps = {
+    /**
+     * Flag to enable the loading state.
+     */
+    loading: boolean;
+    /**
+     * The number of skeleton rows to display while loading.
+     */
+    skeletonRows: number;
+};
+export type WithoutLoadingProps = {
+    loading?: never;
+    skeletonRows?: never;
+};
+/**
+ * Props for enabling row selection functionality in a data table component.
+ */
+export type WithRowSelectionProps<TData> = {
+    /**
+     * Flag to enable row selection functionality.
+     */
+    enableRowSelection: true | ((row: Row<TData>) => boolean);
+    /**
+     * ARIA labels for row selection checkboxes, used for accessibility.
+     */
+    rowSelectionAriaLabels: {
+        header: string;
+        row: string;
+    };
+    /**
+     * showOnlySelectedRows - Flag to filter the table to show only selected rows.
+     */
+    showOnlySelectedRows: boolean;
+    /**
+     * setShowOnlySelectedRows - Function to update the showOnlySelectedRows state.
+     */
+    setShowOnlySelectedRows: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export type WithoutRowSelectionProps = {
+    enableRowSelection?: false | undefined;
+    rowSelectionAriaLabels?: never;
+    showOnlySelectedRows?: never;
+    setShowOnlySelectedRows?: never;
+};
+/**
+ * Props for enabling sorting functionality in a data table component.
+ */
+export type WithSortingProps = {
+    /**
+     * Flag to enable sorting functionality.
+     */
+    enableSorting: true;
+    /**
+     * ARIA labels for sorting controls, used for accessibility.
+     */
+    sortingAriaLabels: SortingAriaLabels;
+};
+export type WithoutSortingProps = {
+    enableSorting?: false | undefined;
+    sortingAriaLabels?: never;
+};
+/**
+ * Represents the properties for a data table component with a toolbar.
+ * This type is used when the toolbar is enabled and provides additional
+ * functionality such as exporting data, toggling table expansion, and displaying
+ * settings.
+ */
+export type WithToolbarProps = {
+    /**
+     * Indicates whether the toolbar is enabled.
+     */
+    enableToolbar: true;
+    toolbarCopy?: {
+        rowCount?: {
+            showing: string;
+            of: string;
+            rows: string;
+        };
+    };
+    /**
+     * The total number of rows to display in the toolbar.
+     * This is used when handling data on the server side.
+     */
+    toolbarTotalRowCount?: number;
+} & (WithFiltersProps | WithoutFiltersProps) & (WithSettingsDrawerProps | WithoutSettingsDrawerProps) & ((WithExportDrawerProps | WithSingleExportFormatProps) | WithoutExportProps) & (WithExpandButtonProps | WithoutExpandButtonProps);
+export type WithoutToolbarProps = {
+    /**
+     * Indicates whether the toolbar is enabled.
+     */
+    enableToolbar?: false | undefined;
+    exportFormats?: never;
+    onExportData?: never;
+    onToggleExpand?: never;
+    settingsDrawerCopy?: never;
+    toolbarCopy?: never;
+    toolbarTotalRowCount?: never;
+    exportDrawerCopy?: never;
+};
+type WithFiltersProps = {
+    enableFilters: true;
+    /**
+     * Optional properties for customizing the filter copy.
+     */
+    toolbarCopy: {
+        buttons: {
+            clearFilters: string;
+        };
+        ariaLabels: {
+            clearFilters: string;
+        };
+    };
+};
+/**
+ * Props for enabling an expand button in a data table component.
+ */
+type WithExpandButtonProps = {
+    /**
+     * Callback function triggered when toggling the expansion state of rows.
+     */
+    onToggleExpand: () => void;
+    /**
+     * Copy for the toolbar buttons related to expanding rows.
+     */
+    toolbarCopy: {
+        buttons: {
+            expand: string;
+        };
+        ariaLabels: {
+            expand: string;
+        };
+    };
+};
+/**
+ * Props for enabling an export drawer in a data table component.
+ */
+type WithExportDrawerProps = {
+    /**
+     * The formats in which the data can be exported.
+     */
+    exportFormats: string[];
+    /**
+     * Copy for the export drawer, such as labels and messages.
+     */
+    exportDrawerCopy: TableExportDrawerCopyProps;
+    /**
+     * Callback function triggered when exporting data.
+     * @param format - The format in which the data should be exported.
+     */
+    onExportData: (format: string) => void;
+    /**
+     * Copy for the toolbar buttons and ARIA labels related to exporting.
+     */
+    toolbarCopy: {
+        buttons: {
+            export: string;
+        };
+        ariaLabels: {
+            export: string;
+        };
+    };
+};
+type WithoutExportProps = {
+    exportFormats?: never;
+    exportDrawerCopy?: never;
+    onExportData?: never;
+    toolbarCopy?: {
+        buttons: {
+            export?: never;
+        };
+        ariaLabels?: {
+            export?: never;
+        };
+    };
+};
+type WithoutExpandButtonProps = {
+    onToggleExpand?: never;
+    toolbarCopy?: {
+        buttons?: {
+            expand?: never;
+        };
+        ariaLabels?: {
+            expand?: never;
+        };
+    };
+};
+type WithoutFiltersProps = {
+    enableFilters?: false | undefined;
+    /**
+     * Optional properties for customizing the filter copy.
+     */
+    toolbarCopy?: {
+        buttons?: {
+            clearFilters?: never;
+        };
+        ariaLabels?: {
+            clearFilters?: never;
+        };
+    };
+};
+/**
+ * Props for enabling a settings drawer in a data table component.
+ */
+type WithSettingsDrawerProps = {
+    /**
+     * Optional properties for customizing the settings drawer copy.
+     */
+    settingsDrawerCopy: TableSettingsDrawerCopyProps;
+    toolbarCopy: {
+        buttons: {
+            settings: string;
+        };
+        ariaLabels: {
+            settings: string;
+        };
+    };
+};
+/**
+ * Props for enabling a single export format in a data table component.
+ */
+type WithSingleExportFormatProps = {
+    /**
+     * The format in which the data should be exported.
+     */
+    exportFormats: string;
+    /**
+     * Callback function triggered when exporting data.
+     * @param format - The format in which the data should be exported.
+     */
+    onExportData: (format: string) => void;
+    /**
+     * Copy for the toolbar buttons and ARIA labels related to exporting.
+     */
+    toolbarCopy: {
+        buttons: {
+            export: string;
+        };
+        ariaLabels: {
+            export: string;
+        };
+    };
+    exportDrawerCopy?: never;
+};
+type WithoutSettingsDrawerProps = {
+    /**
+     * Optional properties for customizing the settings drawer copy.
+     */
+    settingsDrawerCopy?: undefined;
+    toolbarCopy?: {
+        buttons?: {
+            settings?: undefined;
+        };
+        ariaLabels?: {
+            settings?: undefined;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/use-screen-size.hook.d.ts

@@ -0,0 +1,7 @@
+export declare const SCREEN_MEDIA_QUERY: {
+    readonly MAX_LG: `(max-width: ${string})`;
+};
+export declare const useScreenSize: () => {
+    isLgOrSmaller: boolean;
+};
+//# sourceMappingURL=use-screen-size.hook.d.ts.map

package/dist/use-screen-size.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-screen-size.hook.d.ts","sourceRoot":"","sources":["../src/use-screen-size.hook.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;CAErB,CAAC;AAEX,eAAO,MAAM,aAAa;;CAezB,CAAC"}

package/dist/use-truncated-hook.d.ts

@@ -0,0 +1,10 @@
+import { Cell, RowData } from '@tanstack/react-table';
+
+declare const useTruncatedTooltip: <TData extends RowData>(cell: Cell<TData, unknown> | undefined) => {
+    divRef: import('react').RefObject<HTMLParagraphElement | null>;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    showPopover: boolean;
+};
+export default useTruncatedTooltip;
+//# sourceMappingURL=use-truncated-hook.d.ts.map

package/dist/use-truncated-hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-truncated-hook.d.ts","sourceRoot":"","sources":["../src/use-truncated-hook.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEtD,QAAA,MAAM,mBAAmB,GAAI,KAAK,SAAS,OAAO,QAAQ,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,SAAS;;;;;CAoEzF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/utils/custom-functions.d.ts

@@ -0,0 +1,9 @@
+import { Row } from '@tanstack/react-table';
+
+export declare const filterOnFilterKey: <TData>(row: Row<TData>, columnId: string, filterValue: {
+    filterKey: string;
+    value: string;
+}) => boolean;
+export declare const sortOnBadgeVariant: <TData>(row1: Row<TData>, row0: Row<TData>, columnId: string) => number;
+export declare const sortOnBadgeValue: <TData>(row1: Row<TData>, row0: Row<TData>, columnId: string) => number;
+//# sourceMappingURL=custom-functions.d.ts.map

package/dist/utils/custom-functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-functions.d.ts","sourceRoot":"","sources":["../../src/utils/custom-functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAChC,GAAG,CAAC,KAAK,CAAC,YACL,MAAM,eACH;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,KACA,OAIF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,QAChC,GAAG,CAAC,KAAK,CAAC,QACV,GAAG,CAAC,KAAK,CAAC,YACN,MAAM,KACf,MAWF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,QAC9B,GAAG,CAAC,KAAK,CAAC,QACV,GAAG,CAAC,KAAK,CAAC,YACN,MAAM,KACf,MAcF,CAAC"}