@fattureincloud/fic-design-system 0.4.28 → 0.4.29-new-table

package/dist/components/layout/sidebarItem/types.d.ts

@@ -1,7 +1,63 @@
-import React from 'react';
+import React, { MouseEventHandler } from 'react';
+import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
-import { SidebarItemProps } from './SidebarItem';
+import { DropdownItemProps } from '../../dropdown/types';
+import { FloatingBadgeType } from '../../floatingBadge/types';
+import { IconProps } from '../../icon';
+export interface SidebarItemProps {
+    icon?: IconProps;
+    title: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    onClick?: MouseEventHandler;
+    isOpen?: boolean;
+    caretVisible?: boolean;
+    dropdownContent?: DropdownItemProps[];
+    className?: string;
+    isActive?: boolean;
+    forceOpenDropdown?: boolean;
+    customProps?: CustomSidebarItemProps;
+    href?: string;
+    badgeConfig?: SidebarBadgeConfigProps;
+}
 export interface CustomSidebarItemProps {
     color?: paletteColor;
     renderContent?: React.FC<SidebarItemProps>;
 }
+export interface SidebarItemDropdownProps {
+    content: DropdownItemProps[];
+    className?: string;
+    forceOpen?: boolean;
+}
+export declare enum SidebarBadgeConfigType {
+    COUNTER = 0,
+    ICON = 1,
+    DOT = 2
+}
+declare type BadgeBaseConfig = {
+    size?: 'small' | 'medium' | 'large';
+    variant?: FloatingBadgeType;
+};
+interface BadgeCounterConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.COUNTER;
+    counter: number | string;
+}
+interface BadgeIconConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.ICON;
+    icon: IconProps;
+}
+interface BadgeDotConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.DOT;
+}
+export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
+declare type StatusType = 'normal' | 'active' | 'disabled';
+export interface SidebarItemStyles extends colorsPalette {
+    hoverColor: paletteColor;
+    hoverBackground: paletteColor;
+    dropdownHover: paletteColor;
+    dropdownActive: paletteColor;
+}
+export declare type SidebarItemPalette = {
+    [key in StatusType]: SidebarItemStyles;
+};
+export {};

package/dist/components/layout/sidebarItem/utils.d.ts

@@ -1,6 +1,6 @@
 import { DefaultTheme } from 'styled-components';
-import { WrapperProps } from './SidebarItem';
-import { SidebarItemStyles } from './sidebarItemPalette';
+import { WrapperProps } from './styled';
+import { SidebarItemStyles } from './types';
 interface GetSidebarItemStylesParams extends WrapperProps {
     theme: DefaultTheme;
 }

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { TableProps } from './types';
+/**
+ * Component Props:
+ * @param {T[]} data Array of data to display
+ * @param {ColumnsType<T>[]} columns Columns configurations
+ * @param {boolean} isSelectable Allow to select rows
+ * @param {function} onRowSelectionChange Callback called when rows selection changes
+ * @param {function} onSort Callback called on column sort change
+ * @param {number[]} favorites Array of favorites
+ * @param {function} onFavoritesChange Callback called on favorite change
+ * @param {number[]} toggles Array of toggles index
+ * @param {function} onTogglesChange Callback called on toggles change
+ * @param {RowSize} headerSize Set header height
+ * @param {RowSize} rowSize Set row height
+ * @param {boolean} sortable Makes all columns sortable, sort can be disabled for a single column inside columns definition
+ * @param {boolean} sortDescFirst If true, all sorts will default to descending as their first toggle state.
+ * @param {boolean} enableSettings Used to enable table settings
+ * @param {SettingsDropdownConfig} settingsDropdownConfig Define dropdown settings configuration
+ * @param {RowActions<T>} rowActions Used to define primary and dropdown actions
+ * @param {BulkAction<T>} bulkActions Used to define bulk bar actions
+ * @param {boolean} isLoading Loading table state
+ * @param {AllSelectedCTA} allSelectedCTA clickable text that appears when all rows are selected
+ * @param {boolean} noPagination Flag used to disable pagination
+ * @param {number} pageSize Define the page size to use in every page
+ * @param {number} listSize Total data row counter
+ * @param {string} paginationPreviousText Pagination previous button text
+ * @param {string} paginationNextText Pagination next button text
+ * @param {function} onPaginationChange Callback to handle server side pagination
+ */
+declare const Table: <T>({ data, columns, isSelectable, onRowSelectionChange, favorites, onFavoritesChange, toggles, onTogglesChange, rowSize, headerSize, isFavoritesSortable, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, }: TableProps<T>) => JSX.Element;
+export default Table;

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

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

package/dist/components/newTable/components/action/favorite/index.d.ts

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

package/dist/components/newTable/components/action/favorite/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    checked: boolean;
+}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts

@@ -0,0 +1,8 @@
+import { Column } from '@tanstack/react-table';
+import React from 'react';
+declare type ColumnItemProps<T> = {
+    column: Column<T, unknown>;
+    onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
+} & Omit<React.HTMLProps<HTMLDivElement>, 'onDragStart'>;
+declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd }: ColumnItemProps<T>) => JSX.Element;
+export default ColumnItem;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+interface ColumnsSettingsProps<T> {
+    table: Table<T>;
+    visibleColumnsLabel: string;
+}
+declare const ColumnsSettings: <T>({ table, visibleColumnsLabel }: ColumnsSettingsProps<T>) => JSX.Element;
+export default ColumnsSettings;

package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts

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

package/dist/components/newTable/components/action/settings/ColumnsSettings/index.d.ts

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

package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const CustomAccordion: import("styled-components").StyledComponent<import("../../../../../accordions/types").TAccordion, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h6", import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Header } from '@tanstack/react-table';
+interface DropdownSettingsProps<T> {
+    header: Header<T, unknown>;
+}
+declare const DropdownSettings: <T>({ header }: DropdownSettingsProps<T>) => JSX.Element;
+export default DropdownSettings;

package/dist/components/newTable/components/action/settings/DropdownSettings/index.d.ts

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

package/dist/components/newTable/components/action/settings/DropdownSettings/styled.d.ts

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

package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface RowHeightSettingsProps {
+    isDisabled?: boolean;
+    rowHeightLabel: string;
+    unspecifiedRowsLabel: string;
+    smallRowsLabel: string;
+    largeRowsLabel: string;
+}
+declare const RowHeightSettings: ({ rowHeightLabel, unspecifiedRowsLabel, smallRowsLabel, largeRowsLabel, isDisabled, }: RowHeightSettingsProps) => JSX.Element;
+export default RowHeightSettings;

package/dist/components/newTable/components/action/settings/RowHeightSettings/index.d.ts

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

package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Radio: import("styled-components").StyledComponent<({ onChange, helper, initialSelection, options, ...otherProps }: import("../../../../../form/radioGroup").RadioGroupProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/Settings.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Header } from '@tanstack/react-table';
+interface SettingsProps<T> {
+    header: Header<T, unknown>;
+    onOpen?: (isOpen: boolean) => void;
+}
+declare const Settings: <T>({ header, onOpen }: SettingsProps<T>) => JSX.Element;
+export default Settings;

package/dist/components/newTable/components/action/settings/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useColumnValues } from './useColumnValues';
+export { useDropdownSettingsValues } from './useDropdownSettingsValues';

package/dist/components/newTable/components/action/settings/hooks/useColumnValues.d.ts

@@ -0,0 +1,8 @@
+import { Column } from '@tanstack/react-table';
+interface ReturnType<T> {
+    rightActions: Column<T, unknown>[];
+    leftActions: Column<T, unknown>[];
+    accessorColumns: Column<T, unknown>[];
+}
+export declare const useColumnValues: <T>(allColumns: Column<T, unknown>[]) => ReturnType<T>;
+export {};

package/dist/components/newTable/components/action/settings/hooks/useDropdownSettingsValues.d.ts

@@ -0,0 +1,13 @@
+import { Header, Table } from '@tanstack/react-table';
+interface ReturnType<T> {
+    table: Table<T>;
+    isTableEmpty: boolean;
+    displaySettingsLabel: string;
+    visibleColumnsLabel: string;
+    rowHeightLabel: string;
+    smallRowsLabel: string;
+    largeRowsLabel: string;
+    unspecifiedRowsLabel: string;
+}
+export declare const useDropdownSettingsValues: <T>(header: Header<T, unknown>) => ReturnType<T>;
+export {};

package/dist/components/newTable/components/action/settings/index.d.ts

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

package/dist/components/newTable/components/action/settings/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/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/newTable/components/action/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/newTable/components/action/toggle/index.d.ts

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

package/dist/components/newTable/components/action/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/newTable/components/body/Body.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { TableProps } from '../../types';
+interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize'> {
+    rows: Row<T>[];
+    isLoading?: boolean;
+}
+declare const Body: <T>({ rows, rowSize, isLoading }: BodyProps<T>) => JSX.Element;
+export default Body;

package/dist/components/newTable/components/bulkBar/BulkBar.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AllSelectedCTA, BulkAction } from '../../types';
+interface BulkBarProps<T> {
+    selectedRowData: T[];
+    bulkBarActions?: BulkAction<T>[];
+    allSelectedCTA?: AllSelectedCTA;
+}
+declare const BulkBar: <T>({ selectedRowData, bulkBarActions, allSelectedCTA }: BulkBarProps<T>) => JSX.Element;
+export default BulkBar;

package/dist/components/newTable/components/bulkBar/styled.d.ts

@@ -0,0 +1,10 @@
+export declare const BulkBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    shown?: boolean | undefined;
+    allSelectedShown?: boolean | undefined;
+}, never>;
+export declare const BulkBarContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AllSelectedCTAContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    shown?: boolean | undefined;
+}, never>;
+export declare const BulkActionsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectionCounter: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/Cell.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Cell as TCell, Row } from '@tanstack/react-table';
+import { RowSize } from '../../types';
+interface Props<T> {
+    cell: TCell<T, unknown>;
+    row: Row<T>;
+    hover?: boolean;
+    rowSize?: RowSize;
+    isLoading?: boolean;
+}
+declare const Cell: <T>({ cell, row, hover, rowSize, isLoading }: Props<T>) => JSX.Element;
+export default Cell;

package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Column, Row } from '@tanstack/react-table';
+import { ActionColumnDef, ActionType } from '../../../types';
+interface Props<T> extends ActionColumnDef<T> {
+    row: Row<T>;
+    actionType: ActionType;
+    isFavorite?: boolean;
+    isToggled?: boolean;
+    column: Column<T, unknown>;
+}
+declare const CustomActionCell: <T>({ actionType, row, isFavorite, isToggled, onActionChange, rowActions, column, }: Props<T>) => JSX.Element;
+export default CustomActionCell;

package/dist/components/newTable/components/cell/customActionCell/DropdownActionCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { RowAction } from '../../../types';
+interface Props<T> {
+    row: Row<T>;
+    dropdown: RowAction<T>[];
+    onOpen?: (isOpen: boolean) => void;
+}
+declare const DropdownActionCell: <T>({ dropdown, row, onOpen }: Props<T>) => JSX.Element;
+export default DropdownActionCell;

package/dist/components/newTable/components/cell/customActionCell/PrimaryActionCell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { PrimaryAction } from '../../../types';
+interface Props<T> {
+    row: Row<T>;
+    primary: PrimaryAction<T>;
+}
+declare const PrimaryActionCell: <T>({ primary, row }: Props<T>) => JSX.Element;
+export default PrimaryActionCell;

package/dist/components/newTable/components/cell/customActionCell/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CustomActionCell } from './CustomActionCell';
+export { default as PrimaryActionCell } from './PrimaryActionCell';
+export { default as DropdownActionCell } from './DropdownActionCell';

package/dist/components/newTable/components/cell/customActionCell/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TextBtn: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../../../../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const IconBtn: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CellContext, Row } from '@tanstack/react-table';
+import { AccessorColumnDef, ActionColumnDef, AdditionalColumnDef, CustomCellProps, RowSize } from '../../../types';
+declare type Props<CellProps> = {
+    row: Row<CellProps>;
+    context: CellContext<CellProps, unknown>;
+    hover?: boolean;
+    rowSize?: RowSize;
+} & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef;
+declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange, isFavorite, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, }: Props<CellProps>) => JSX.Element;
+export default CustomCell;

package/dist/components/newTable/components/cell/customCell/CustomInput.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../../types';
+declare type CustomInputProps<CellProps> = {
+    row: Row<CellProps>;
+    hover?: boolean;
+} & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef;
+declare const CustomInput: <CellProps>({ hover, onChange, row, unitSymbol, content, }: CustomInputProps<CellProps>) => JSX.Element;
+export default CustomInput;

package/dist/components/newTable/components/cell/customCell/TextAreaPopup.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Row } from '@tanstack/react-table';
+import { AccessorColumnDef, CustomCellProps } from '../../../types';
+declare type TextAreaPopupProps<CellProps> = {
+    row: Row<CellProps>;
+    onBlur: () => void;
+} & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'>;
+declare const TextAreaPopup: <CellProps>({ onChange, row, content, onBlur }: TextAreaPopupProps<CellProps>) => JSX.Element;
+export default TextAreaPopup;

package/dist/components/newTable/components/cell/customCell/constants.d.ts

@@ -0,0 +1 @@
+export declare const TEXTAREA_HEIGHT = 100;

package/dist/components/newTable/components/cell/customCell/index.d.ts

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

package/dist/components/newTable/components/cell/customCell/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const InputsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    confirm?: boolean | undefined;
+}, never>;

package/dist/components/newTable/components/cell/hooks/index.d.ts

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

package/dist/components/newTable/components/cell/hooks/useCellValues.d.ts

@@ -0,0 +1,16 @@
+import { Cell as TCell, Row } from '@tanstack/react-table';
+import { ActionType, CustomCellProps, RowActions } from '../../../types';
+interface CellValues<T> {
+    isFavorite: boolean;
+    isToggled: boolean;
+    isEditable: boolean;
+    content?: string | number;
+    unitSymbol?: string;
+    actionType: ActionType;
+    values: CustomCellProps;
+    onActionChange?: (id: string) => void;
+    minWidth?: number;
+    rowActions?: RowActions<T>;
+}
+declare const useCellValues: <T>(cell: TCell<T, unknown>, row: Row<T>) => CellValues<T>;
+export default useCellValues;

package/dist/components/newTable/components/cell/loadingCell/LoadingCell.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface LoadingCellProps {
+    isActionCell?: boolean;
+    minWidth?: number;
+}
+declare const LoadingCell: ({ isActionCell, minWidth }: LoadingCellProps) => JSX.Element;
+export default LoadingCell;

package/dist/components/newTable/components/cell/loadingCell/index.d.ts

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

package/dist/components/newTable/components/cell/styled.d.ts

@@ -0,0 +1,20 @@
+export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AvatarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hasMeasureUnit?: boolean | undefined;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hasMeasureUnit?: boolean | undefined;
+    headline?: boolean | undefined;
+    truncate?: boolean | undefined;
+}, never>;
+export declare const UnitContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    headline?: boolean | undefined;
+}, never>;
+export declare const MicroTagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputTextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hasMeasureUnit?: boolean | undefined;
+}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/footer/Footer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { HeaderGroup } from '@tanstack/react-table';
+interface FooterProps<T> {
+    footerGroup: HeaderGroup<T>[];
+}
+declare const Footer: <T>({ footerGroup }: FooterProps<T>) => JSX.Element;
+export default Footer;

package/dist/components/newTable/components/header/Header.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { HeaderGroup } from '@tanstack/react-table';
+import { OnSort, RowSize } from '../../types';
+interface HeaderProps<T> {
+    headerGroup: HeaderGroup<T>[];
+    headerSize?: RowSize;
+    onSort?: OnSort<T>;
+}
+declare const Header: <T>({ headerGroup, headerSize, onSort }: HeaderProps<T>) => JSX.Element;
+export default Header;

package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Header } from '@tanstack/react-table';
+interface CustomHeaderCellProps<T> {
+    header: Header<T, unknown>;
+    onOpen?: (isOpen: boolean) => void;
+}
+declare const ActionHeaderCell: <T>({ header, onOpen }: CustomHeaderCellProps<T>) => JSX.Element;
+export default ActionHeaderCell;

package/dist/components/newTable/components/header/headerCell/HeaderCell.d.ts

@@ -0,0 +1,12 @@
+import { Header, SortDirection } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { CustomSorted, OnSort, RowSize } from '../../../types';
+interface HeaderCellProps<T> {
+    header: Header<T, unknown>;
+    headerSize?: RowSize;
+    onSort?: OnSort<T>;
+    customSorted?: false | SortDirection;
+    setCustomSorted?: React.Dispatch<React.SetStateAction<CustomSorted<T> | undefined>>;
+}
+declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, }: HeaderCellProps<T>) => JSX.Element;
+export default HeaderCell;

package/dist/components/newTable/components/header/headerCell/styled.d.ts

@@ -0,0 +1,9 @@
+import { RowSize } from '../../../types';
+export declare const TextHeaderCell: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const Th: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {
+    size?: RowSize | undefined;
+    minWidth?: number | undefined;
+    sortable: boolean;
+}, never>;
+export declare const TextHeaderCellWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/header/hooks/index.d.ts

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

package/dist/components/newTable/components/header/hooks/useActionHeaderValues.d.ts

@@ -0,0 +1,16 @@
+import { Column, Header, Table } from '@tanstack/react-table';
+import { ActionType } from '../../../types';
+interface ActionHeaderValues<T> {
+    actionType: ActionType;
+    canSort: boolean;
+    isSorted: boolean;
+    isSortedDesc: string | null;
+    isSettingsEnabled: boolean;
+    toggleSortable: boolean;
+    favoriteSortable: boolean;
+    table: Table<T>;
+    headerTitle?: string | number;
+    allColumns: Column<T, unknown>[];
+}
+declare const useActionHeaderValues: <T>(header: Header<T, unknown>) => ActionHeaderValues<T>;
+export default useActionHeaderValues;

package/dist/components/newTable/components/header/hooks/useHeaderValues.d.ts

@@ -0,0 +1,14 @@
+import { Column, Header } from '@tanstack/react-table';
+import { TooltipProps } from '../../../../tooltip';
+import { ActionType } from '../../../types';
+interface HeaderValues<T> {
+    column: Column<T, unknown>;
+    actionType: ActionType;
+    canSort: boolean;
+    isSorted: boolean;
+    isSortedDesc: string | null;
+    minWidth?: number;
+    tooltip?: TooltipProps;
+}
+declare const useHeaderValues: <T>(header: Header<T, unknown>) => HeaderValues<T>;
+export default useHeaderValues;

package/dist/components/newTable/components/row/Row.d.ts

@@ -0,0 +1,10 @@
+import { Row } from '@tanstack/react-table';
+import React from 'react';
+import { RowSize } from '../../types';
+interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
+    row: Row<T>;
+    rowSize?: RowSize;
+    isLoading?: boolean;
+}
+declare const Tr: <T>({ row, isLoading }: TrProps<T>) => JSX.Element;
+export default Tr;

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

@@ -0,0 +1,6 @@
+import { RowSize } from '../../types';
+export declare const TRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
+    mouseHover?: boolean | undefined;
+    size?: RowSize | undefined;
+    selected?: boolean | undefined;
+}, never>;