@fattureincloud/fic-design-system 0.17.0 → 0.17.2

package/dist/components/tableV3/components/row/styled.d.ts

@@ -0,0 +1,14 @@
+import { RowSize } from '../../types';
+import { MappedProps } from '../../utils';
+declare type TRowProps = {
+    hasClick: boolean;
+    isDisabled: boolean;
+    isRowHighlighted?: boolean;
+    mouseHover: boolean;
+    rowHighlightColor?: string;
+    rowSize: RowSize;
+    selected: boolean;
+};
+export declare const DSTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, MappedProps & TRowProps, keyof MappedProps>;
+export declare const TooltipTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/components/tableV3/components/settings/Settings.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+declare type Props<T> = {
+    table: Table<T>;
+    visible: boolean;
+};
+declare const Settings: <T>({ table, visible }: Props<T>) => JSX.Element | null;
+export default Settings;

package/dist/components/tableV3/components/settings/settingsDropdownContent/DraggableColumn.d.ts

@@ -0,0 +1,11 @@
+import { Column } from '@tanstack/react-table';
+import React from 'react';
+declare type Props<T> = {
+    column: Column<T, unknown>;
+    dragging: boolean;
+    onDragEnd: React.HTMLProps<HTMLDivElement>['onDragEnd'];
+    onDragOver: React.HTMLProps<HTMLDivElement>['onDragOver'];
+    onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
+};
+declare const DraggableColumn: <T>({ column, dragging, onDragEnd, onDragOver, onDragStart }: Props<T>) => JSX.Element;
+export default DraggableColumn;

package/dist/components/tableV3/components/settings/settingsDropdownContent/SettingsDropdownContent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+declare type Props<T> = {
+    table: Table<T>;
+};
+declare const SettingsDropdownContent: <T>({ table }: Props<T>) => JSX.Element;
+export default SettingsDropdownContent;

package/dist/components/tableV3/components/settings/settingsDropdownContent/styled.d.ts

@@ -0,0 +1,9 @@
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Details: import("styled-components").StyledComponent<"details", import("styled-components").DefaultTheme, {}, never>;
+export declare const RadioWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DraggableContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DraggableOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DragIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    dragging: boolean;
+    draggable: boolean;
+}, never>;

package/dist/components/tableV3/components/settings/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const SettingsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TriggerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tableV3/components/toggle/Toggle.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface ToggleProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * Component Props:
+ * @param {boolean} checked Used to set toggle status
+ * @param {boolean} disabled Disable the toggle
+ * @param {function} onChange Callback on toggle click
+ */
+declare const Toggle: ({ checked, disabled, onChange }: ToggleProps) => JSX.Element;
+export default Toggle;

package/dist/components/tableV3/components/toggle/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const SLIDER_HEIGHT = 12;
+export declare const SLIDER_WIDTH = 12;
+export declare const SLIDER_MARGIN = 2;

package/dist/components/tableV3/components/toggle/index.d.ts

@@ -0,0 +1 @@
+export { default as Toggle } from './Toggle';

package/dist/components/tableV3/components/toggle/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Slider: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    disabled: boolean;
+}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tableV3/constants.d.ts

@@ -0,0 +1,9 @@
+import { SettingsLabels, TableComponent } from './types';
+export declare const HEIGHT_SMALL = 42;
+export declare const HEIGHT_LARGE = 56;
+export declare const TEXTAREA_HEIGHT = 100;
+export declare const CHECKBOX_WIDTH = 18;
+export declare const CLASS_PREFIX = "DS-table";
+export declare const DS_PREFIX = "dstbl";
+export declare const COMPONENTS: Record<TableComponent, string[]>;
+export declare const defaultLabels: Required<SettingsLabels>;

package/dist/components/tableV3/customCells/BooleanCell.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type BooleanCellProps = {
+    value: boolean;
+};
+declare const BooleanCell: ({ value }: BooleanCellProps) => JSX.Element;
+export default BooleanCell;

package/dist/components/tableV3/customCells/DateCell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ParsableDateTime, ValidFormat } from '@fattureincloud/madbit-js-dates';
+declare type Props = {
+    date: ParsableDateTime;
+    format: ValidFormat;
+    locale: 'en' | 'es' | 'it';
+};
+declare const DateCell: (props: Props) => JSX.Element;
+export default DateCell;

package/dist/components/tableV3/customCells/MicroTagCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { MicroTagProps } from '../../microTag';
+declare type ConversionFnProps<T> = {
+    row: Row<T>;
+    convertToProps: (row: Row<T>) => MicroTagProps;
+};
+declare type Props<T> = MicroTagProps | ConversionFnProps<T>;
+declare const MicroTagCell: <T>(props: Props<T>) => JSX.Element;
+export default MicroTagCell;

package/dist/components/tableV3/customCells/TagCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { TagProps } from '../../tag';
+declare type ConversionFnProps<T> = {
+    row: Row<T>;
+    convertToProps: (row: Row<T>) => TagProps;
+};
+declare type Props<T> = TagProps | ConversionFnProps<T>;
+declare const TagCell: <T>(props: Props<T>) => JSX.Element;
+export default TagCell;

package/dist/components/tableV3/customCells/TwoRowsCell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IconProps } from '../../icon';
+declare type Props = {
+    icon?: IconProps;
+    mainText?: string;
+    subText?: string;
+};
+declare const NameVatTableCell: ({ icon, mainText, subText }: Props) => JSX.Element;
+export default NameVatTableCell;

package/dist/components/tableV3/customCells/ValueWithUnitCell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { UnitConfig } from '../../../common/utils/stringUtils';
+import { CellValue } from '../types';
+declare type Props = {
+    value: CellValue;
+    unit: UnitConfig;
+};
+declare const ValueWithUnitCell: ({ unit, value }: Props) => JSX.Element;
+export default ValueWithUnitCell;

package/dist/components/tableV3/customCells/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DateCell } from './DateCell';
+export { default as MicroTagCell } from './MicroTagCell';
+export { default as TagCell } from './TagCell';
+export { default as ValueWithUnitCell } from './ValueWithUnitCell';

package/dist/components/tableV3/hooks/useClassNames.d.ts

@@ -0,0 +1,6 @@
+import { TableComponent } from '../types';
+declare type ClassNames<K extends TableComponent> = {
+    [P in K as `${P}ClassName`]: string;
+};
+declare const useClassNames: <K extends TableComponent>(...components: K[]) => ClassNames<K>;
+export default useClassNames;

package/dist/components/tableV3/hooks/useColumnHelper.d.ts

@@ -0,0 +1,7 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { CellValue, ColumnsType } from '../types';
+declare type ColumnsHelperProps<T> = {
+    columns: ColumnsType<T>[];
+};
+declare const useColumnsHelper: <T>({ columns }: ColumnsHelperProps<T>) => ColumnDef<T, CellValue>[];
+export default useColumnsHelper;

package/dist/components/tableV3/hooks/useColumnPinning.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ColumnPinningState } from '@tanstack/react-table';
+interface ReturnType {
+    readonly columnPinning: ColumnPinningState;
+    readonly setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
+}
+export declare const useColumnPinning: (defaultValues?: ColumnPinningState | undefined) => ReturnType;
+export {};

package/dist/components/tableV3/hooks/usePagination.d.ts

@@ -0,0 +1,8 @@
+import { PaginationState } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    pagination: PaginationState;
+    setPagination: Dispatch<SetStateAction<PaginationState>>;
+}
+export declare const usePagination: (size: number | undefined) => ReturnType;
+export {};

package/dist/components/tableV3/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TableV3 } from './TableV3';
+export { CellValue as CellValueV3, BaseColumnsType as BaseColumnsTypeV3, BaseColumnDef as BaseColumnDefV3, EditableCellsColumn as EditableCellsColumnV3, AccessorColumnDef as AccessorColumnDefV3, AccessorColumn as AccessorColumnV3, DisplayColumnDef as DisplayColumnDefV3, DisplayColumn as DisplayColumnV3, GroupColumnDef as GroupColumnDefV3, GroupColumn as GroupColumnV3, ColumnDef as ColumnDefV3, ColumnsType as ColumnsTypeV3, RowSize as RowSizeV3, ColumnDefType as ColumnDefTypeV3, ActionType as ActionTypeV3, TableProps as TablePropsV3, LoadingStyle as LoadingStyleV3, TableComponent as TableComponentV3, TableActions as TableActionsV3, RowActions as RowActionsV3, PrimaryAction as PrimaryActionV3, TableActionsDropdowItem as TableActionsDropdowItemV3, DropdownActions as DropdownActionsV3, BulkAction as BulkActionV3, AllSelectedCTA as AllSelectedCTAV3, ColumnsSettings as ColumnsSettingsV3, SettingsLabels as SettingsLabelsV3, SettingsEvent as SettingsEventV3, TableSettings as TableSettingsV3, OnSort as OnSortV3, CustomSorted as CustomSortedV3, } from './types';
+export * from './customCells';

package/dist/components/tableV3/providers/TableProvider/TableProvider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TableContextProps, TableProviderProps } from './types';
+export declare const TableContext: React.Context<TableContextProps>;
+declare const TableProvider: <T>({ absoluteElementsPortal, actionColumnWidth, children, columns, columnsSettings: initialColumnsSettings, enableSettings, hideableColumns, isLoading, isSelectable, loadingStyle, onSettingsChange, rowActions, rowSize: initialRowSize, settingsLabels, settingsTooltip, sortableColumns, }: TableProviderProps<T>) => JSX.Element;
+export default TableProvider;

package/dist/components/tableV3/providers/TableProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TableProvider } from './TableProvider';
+export { TableContext } from './TableProvider';
+export { TableContextProps, TableProviderProps } from './types';

package/dist/components/tableV3/providers/TableProvider/types.d.ts

@@ -0,0 +1,27 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { TooltipProps } from '../../../tooltip';
+import { ColumnsSettings, LoadingStyle, RowSize, SettingsLabels, TableProps, TableSettings } from '../../types';
+export declare type ImmutableContext = {
+    absoluteElementsPortal?: HTMLElement;
+    loadingStyle?: LoadingStyle;
+    tableID: string;
+    enableSettings: boolean;
+    hideableColumns: string[];
+    settingsLabels: Required<SettingsLabels>;
+    settingsTooltip: TooltipProps;
+    sortableColumns: string[];
+};
+export declare type TableContextProps = ImmutableContext & {
+    actionColumnWidth: number;
+    hasActions: boolean;
+    hasCheckbox: boolean;
+    isLoading: boolean;
+    rowSize: RowSize;
+    setRowSize: Dispatch<SetStateAction<RowSize>>;
+    columnsSettings: Required<ColumnsSettings>;
+    setColumnsSettings: Dispatch<SetStateAction<Required<ColumnsSettings>>>;
+    onSettingsChange?: TableSettings['onSettingsChange'];
+};
+export declare type TableProviderProps<T> = TableProps<T> & {
+    children: ReactNode | ReactNode[];
+};

package/dist/components/tableV3/stories/actions.d.ts

@@ -0,0 +1,5 @@
+import { BulkAction, RowActions } from '../types';
+import { DataType } from './types';
+export declare const rowActions: RowActions<DataType>;
+export declare const rowActionsAlternative: RowActions<DataType>;
+export declare const bulkActions: BulkAction[];

package/dist/components/tableV3/stories/columns.d.ts

@@ -0,0 +1,3 @@
+import { ColumnsType } from '../types';
+import { DataType } from './types';
+export declare const columns: ColumnsType<DataType>[];

package/dist/components/tableV3/stories/data.d.ts

@@ -0,0 +1,2 @@
+import { DataType } from './types';
+export declare const data: DataType[];

package/dist/components/tableV3/stories/styled.d.ts

@@ -0,0 +1 @@
+export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tableV3/stories/types.d.ts

@@ -0,0 +1,10 @@
+import { CellValue } from '../types';
+export interface DataType {
+    id: string;
+    rowStatus?: 'highlighted';
+    supplier: CellValue;
+    description: CellValue;
+    payment: CellValue;
+    amount: CellValue;
+    date: CellValue;
+}

package/dist/components/tableV3/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    maxHeight?: number | undefined;
+}, never>;
+export declare const DSTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
+export declare const SortIndicator: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/{table → tableV3}/table.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/react';
-import { DataType } from './stories/components/types';
-import { TableProps } from './Table';
+import { DataType } from './stories/types';
+import { TableProps } from './types';
 export declare const Template: Story<TableProps<DataType>>;
 declare const TableStories: Meta<TableProps<DataType>>;
 export default TableStories;

package/dist/components/tableV3/types/cellsTypes.d.ts

@@ -0,0 +1 @@
+export declare type CellValue = Record<string, unknown> | boolean | string | number | null | undefined;

package/dist/components/tableV3/types/columnsTypes.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { DisplayColumnDef as RTDisplayColumnDef, GroupColumnDef as RTGroupColumnDef, IdentifiedColumnDef, Row } from '@tanstack/react-table';
+import { InputTextProps } from '../../form/inputText';
+import { TooltipProps } from '../../tooltip';
+import { CellValue } from './cellsTypes';
+import { ColumnDefType } from './enums';
+export declare type BaseColumnsType<T> = {
+    columnDef: BaseColumnDef<T>;
+    columnDefType: ColumnDefType;
+    key: keyof T & string;
+};
+export declare type BaseColumnDef<T> = IdentifiedColumnDef<T> & {
+    align?: 'center' | 'left' | 'right';
+    customCell?: (row: Row<T>, hasHover: boolean) => JSX.Element;
+    disableClick?: boolean;
+    header?: IdentifiedColumnDef<T, CellValue>['header'] | JSX.Element;
+    headerTooltip?: TooltipProps;
+    id?: string;
+    maxWidth?: number;
+    minWidth?: number;
+    fixedWidth?: number;
+    multiline?: boolean;
+};
+export declare type EditableCellsColumn<T> = {
+    inputProps?: Omit<InputTextProps, 'value' | 'setValue'>;
+    onChange: (text: string, row: Row<T>) => void;
+};
+declare type StandardCellsColumn = {
+    inputProps?: never;
+    onChange?: never;
+};
+export declare type AccessorColumnDef<T> = IdentifiedColumnDef<T, CellValue> & BaseColumnDef<T> & (EditableCellsColumn<T> | StandardCellsColumn);
+export declare type AccessorColumn<T> = BaseColumnsType<T> & {
+    columnDefType: ColumnDefType.ACCESSOR;
+    columnDef: AccessorColumnDef<T>;
+};
+export declare type DisplayColumnDef<T> = RTDisplayColumnDef<T, CellValue> & BaseColumnDef<T>;
+export declare type DisplayColumn<T> = BaseColumnsType<T> & {
+    columnDefType: ColumnDefType.DISPLAY;
+    columnDef: DisplayColumnDef<T> & BaseColumnDef<T>;
+};
+export declare type GroupColumnDef<T> = RTGroupColumnDef<T, CellValue>;
+export declare type GroupColumn<T> = BaseColumnsType<T> & {
+    columnDefType: ColumnDefType.GROUP;
+    columnDef: GroupColumnDef<T>;
+};
+export declare type ColumnDef<T> = AccessorColumnDef<T> | DisplayColumnDef<T> | GroupColumnDef<T>;
+export declare type ColumnsType<T> = AccessorColumn<T> | DisplayColumn<T> | GroupColumn<T>;
+export {};

package/dist/components/tableV3/types/enums.d.ts

@@ -0,0 +1,16 @@
+export declare enum RowSize {
+    SMALL,
+    LARGE
+}
+export declare enum ColumnDefType {
+    ACCESSOR = "accessor",
+    DISPLAY = "display",
+    GROUP = "group",
+    ACTION = "action"
+}
+export declare enum ActionType {
+    CHECKBOX = "checkbox",
+    TOGGLE = "toggle",
+    ROW_ACTIONS = "row_actions",
+    SETTINGS = "settings"
+}

package/dist/components/tableV3/types/features/actions.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { RequireAtLeastOne } from '../../../../common/types';
+import { ButtonProps } from '../../../buttons';
+import { buttonColors } from '../../../buttons/button/types';
+import { DropdownItemProps } from '../../../dropdown';
+import { IconProps } from '../../../icon';
+import { TooltipProps } from '../../../tooltip';
+export declare type TableActions<T> = {
+    actionsHeader?: string | JSX.Element;
+    rowActions?: RowActions<T> | ((row: Row<T>) => RowActions<T>);
+    bulkActions?: BulkAction[];
+    renderBulkActions?: (rows: string[]) => JSX.Element;
+};
+export interface RowActions<T> {
+    primary?: PrimaryAction<T>[];
+    dropdown?: DropdownActions<T>;
+}
+declare type BaseAction = {
+    icon?: IconProps;
+    text?: string;
+};
+export declare type PrimaryAction<T> = RequireAtLeastOne<BaseAction> & {
+    className?: string;
+    color?: buttonColors;
+    onClick: (row: Row<T>) => void;
+    tooltip?: TooltipProps;
+};
+export declare type TableActionsDropdowItem<T> = Omit<DropdownItemProps, 'onClick'> & {
+    onClick: (row: Row<T>) => void;
+};
+export declare type DropdownActions<T> = {
+    items: TableActionsDropdowItem<T>[];
+    tooltip?: TooltipProps;
+};
+export interface BulkAction extends Omit<ButtonProps, 'onClick' | 'text'> {
+    onClick: (rows: string[]) => void;
+    text: string | JSX.Element;
+}
+export {};

package/dist/components/tableV3/types/features/highlight.d.ts

@@ -0,0 +1,5 @@
+import { Row } from '@tanstack/react-table';
+export declare type HighlightRow<T> = {
+    isRowHighlighted?: (row: Row<T>) => boolean;
+    rowHighlightColor?: string;
+};

package/dist/components/tableV3/types/features/pagination.d.ts

@@ -0,0 +1,20 @@
+import { PaginationState } from '@tanstack/react-table';
+export declare type PaginatedTable = {
+    noPagination?: false;
+    pageSize: number;
+    listSize: number;
+    paginationPreviousText?: string;
+    paginationNextText?: string;
+    onPaginationChange: (pagination: PaginationState) => void;
+    totalPages: number;
+    resetPageIndex?: boolean;
+} | {
+    noPagination: true;
+    pageSize?: never;
+    listSize?: never;
+    paginationPreviousText?: never;
+    paginationNextText?: never;
+    onPaginationChange?: never;
+    totalPages?: never;
+    resetPageIndex?: never;
+};

package/dist/components/tableV3/types/features/selectRow.d.ts

@@ -0,0 +1,16 @@
+export declare type AllSelectedCTA = {
+    description?: string;
+    onClick: () => void;
+    text: string;
+};
+export declare type SelectableTable = {
+    isSelectable: true;
+    rowSelection: string[];
+    onRowSelection: (e: string[]) => void;
+    allSelectedCTA?: AllSelectedCTA;
+} | {
+    isSelectable?: false;
+    rowSelection?: never;
+    onRowSelection?: never;
+    allSelectedCTA?: never;
+};

package/dist/components/tableV3/types/features/settings.d.ts

@@ -0,0 +1,27 @@
+import { VisibilityState } from '@tanstack/react-table';
+import { TooltipProps } from '../../../tooltip';
+import { RowSize } from '../enums';
+export declare type ColumnsSettings = {
+    order?: string[];
+    visible?: VisibilityState;
+};
+export declare type VariableSettings = {
+    rowSize?: RowSize;
+    columnsSettings?: ColumnsSettings;
+};
+export declare type SettingsLabels = {
+    main?: string;
+    rowSizeLabel?: string;
+    rowSizeSmallLabel?: string;
+    rowSizeLargeLabel?: string;
+    columnsLabel?: string;
+};
+export declare type SettingsEvent = 'resizeRow' | 'hideColumn' | 'showColumn' | 'moveColumn';
+export declare type TableSettings = VariableSettings & {
+    enableSettings?: boolean;
+    settingsLabels?: SettingsLabels;
+    settingsTooltip?: TooltipProps;
+    onSettingsChange?: (event: SettingsEvent, settings: VariableSettings) => void;
+    hideableColumns?: string[];
+    sortableColumns?: string[];
+};

package/dist/components/tableV3/types/features/sort.d.ts

@@ -0,0 +1,15 @@
+import { SortDirection } from '@tanstack/react-table';
+export declare type OnSort<T> = (sortParams: {
+    sortBy: keyof T;
+    direction: false | SortDirection;
+}) => void;
+export declare type SortableTable<T> = {
+    sortable: true;
+    sortDescFirst?: boolean;
+    onSort?: OnSort<T>;
+} | {
+    sortable?: false;
+    sortDescFirst?: never;
+    onSort?: never;
+};
+export declare type CustomSorted = Record<string, false | SortDirection>;

package/dist/components/tableV3/types/index.d.ts

@@ -0,0 +1,10 @@
+export * from './cellsTypes';
+export * from './columnsTypes';
+export * from './enums';
+export * from './tableTypes';
+export * from './features/actions';
+export * from './features/highlight';
+export * from './features/pagination';
+export * from './features/selectRow';
+export * from './features/settings';
+export * from './features/sort';

package/dist/components/tableV3/types/tableTypes.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { ColumnsType } from './columnsTypes';
+import { RowSize } from './enums';
+import { TableActions } from './features/actions';
+import { HighlightRow } from './features/highlight';
+import { PaginatedTable } from './features/pagination';
+import { SelectableTable } from './features/selectRow';
+import { TableSettings } from './features/settings';
+import { SortableTable } from './features/sort';
+export declare type TableProps<T> = SelectableTable & PaginatedTable & SortableTable<T> & TableSettings & HighlightRow<T> & TableActions<T> & {
+    absoluteElementsPortal?: HTMLElement;
+    actionColumnWidth?: number;
+    columns: ColumnsType<T>[];
+    data: T[];
+    headerSize?: RowSize;
+    isLoading?: boolean;
+    isRowDisabled?: (row: Row<T>) => boolean;
+    loadingStyle?: LoadingStyle;
+    maxHeight?: number;
+    onRowClick?: (row: Row<T>) => void;
+    renderEmptyState?: () => JSX.Element;
+    rowTooltip?: (row: Row<T>) => string;
+    showFooter?: boolean;
+    uniqueId: keyof T;
+};
+export declare type LoadingStyle = {
+    backgroundColor?: string;
+    foregroundColor?: string;
+    height?: number | string;
+    width?: number | string;
+};
+export declare type TableComponent = 'tableContainer' | 'table' | 'paginator' | 'tableBody' | 'tableRow' | 'bulkBar' | 'bulkBarContent' | 'bulkBarActions' | 'tableFooter' | 'tableFooterRow' | 'tableFooterCell' | 'tableHeader' | 'tableHeaderRow' | 'tableHeaderCell';

package/dist/components/tableV3/utils.d.ts

@@ -0,0 +1,29 @@
+import { SortDirection } from '@tanstack/react-table';
+import { DefaultTheme } from 'styled-components';
+import { ColumnsType } from './types';
+export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
+declare type MapBackgrounProps = {
+    isDisabled: boolean;
+    isRowHighlighted?: boolean;
+    rowHighlightColor?: string;
+    selected: boolean;
+    theme: DefaultTheme;
+};
+export declare type MappedProps = {
+    backgroundColor: string;
+    backgroundHover: string;
+};
+export declare const mapBackground: ({ isDisabled, isRowHighlighted, rowHighlightColor, selected, theme, }: MapBackgrounProps) => MappedProps;
+export declare const getColumnId: <T>(column: ColumnsType<T>) => string;
+declare type MapColumnWidthParams = {
+    minWidth?: number;
+    maxWidth?: number;
+    fixedWidth?: number;
+};
+declare type MappedColumnWidth = {
+    width: string;
+    minWidth: string;
+    maxWidth: string;
+};
+export declare const mapColumnWidth: ({ fixedWidth, maxWidth, minWidth }: MapColumnWidthParams) => MappedColumnWidth;
+export {};

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
 export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
 export { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps, } from './components/buttons';
 export * from './components/card';
+export { Carousel } from './components/carousel';
 export { Chart, ChartProps } from './components/chart';
 export { Chip, ChipType, ChipPalette, ChipProps } from './components/chip';
 export { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType, } from './components/circularProgressBar';
@@ -38,7 +39,6 @@ export { ConfirmationModal } from './components/modals/confirmationModal';
 export * from './components/modals/stepModal';
 export { MonthlyTab, MonthlyTabPalette, MonthData, MonthAmountData, MonthDocumentAmount, MonthlyTabProps, MonthDocument, } from './components/monthlyTab';
 export { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions, } from './components/newTable';
-export * from './components/newTable_v2';
 export { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues, } from './components/oldTable';
 export { PageEmptySet } from './components/pageEmptySet';
 export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
@@ -47,12 +47,12 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
 export { Stepper, StepperPalette, StepperProps } from './components/stepper';
 export { Switch } from './components/switch';
 export { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
+export * from './components/tableV3';
 export { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
 export { ThemeProvider } from './components/themeProvider';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 export { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
-export { Carousel } from './components/carousel';
 export * from './components/verticalTabs';
 export { autocompleteYellow } from './styles/defaultPalette/colors/others';
 export { Theme } from './styles/theme';