@fattureincloud/fic-design-system 0.6.1 → 0.6.2-temp-table-v2

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>;

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

@@ -0,0 +1,10 @@
+import { ColumnPinningPosition } from '@tanstack/react-table';
+import { DefaultTheme } from 'styled-components';
+interface Props {
+    theme: DefaultTheme;
+    isHeader: boolean;
+    isPopoverActive?: boolean;
+    isPinned: ColumnPinningPosition;
+}
+export declare const getFixedColumnsStyles: ({ theme, isHeader, isPopoverActive, isPinned }: Props) => React.CSSProperties;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const HEIGHT_SMALL = 42;
+export declare const HEIGHT_LARGE = 56;

package/dist/components/newTable/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/newTable/hooks/usePagination.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PaginationState } from '@tanstack/react-table';
+interface ReturnType {
+    readonly pageIndex: number;
+    readonly pageSize: number;
+    readonly setPagination: React.Dispatch<React.SetStateAction<PaginationState>>;
+}
+export declare const usePagination: (size: number) => ReturnType;
+export {};

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

@@ -0,0 +1,2 @@
+export { default as NewTable } from './Table';
+export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions, RowAction } from './types';

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TableContextProps, TableProviderProps } from '.';
+export declare const TableContext: React.Context<TableContextProps>;
+declare const TableProvider: ({ children, defaultRowSize }: TableProviderProps) => JSX.Element;
+export default TableProvider;

package/dist/components/newTable/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/newTable/providers/TableProvider/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { RowSize } from '../../types';
+export interface TableContextProps {
+    rowSize: RowSize;
+    setRowSize: (rowHeight: RowSize) => void;
+}
+export interface TableProviderProps {
+    children: React.ReactNode | React.ReactNode[];
+    defaultRowSize?: RowSize;
+}

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

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

package/dist/components/newTable/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/newTable/stories/data.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import { CellProps } from '../types';
+export interface DataType {
+    id: string;
+    supplier: CellProps;
+    description: CellProps;
+    payment: CellProps;
+    amount: CellProps;
+    date: CellProps;
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollableContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableWrapper: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
+export declare const SortIndicator: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    isSorted: boolean;
+    isSortedDesc: boolean;
+}, never>;
+export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/table.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+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/newTable/types.d.ts

@@ -0,0 +1,170 @@
+/// <reference types="react" />
+import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
+import { AvatarProps } from '../avatar';
+import { ButtonProps } from '../buttons';
+import { DropdownItemType } from '../dropdown';
+import { IconProps } from '../icon';
+import { MicroTagProps } from '../microTag';
+import { TagProps } from '../tag';
+import { TooltipProps } from '../tooltip';
+export interface TableProps<T> {
+    uniqueId: keyof T;
+    data: T[];
+    columns: ColumnsType<T>[];
+    isSelectable?: boolean;
+    onRowSelectionChange?: (data: T[]) => void;
+    favorites?: string[];
+    onFavoritesChange?: (favourites: string[]) => void;
+    toggles?: string[];
+    onTogglesChange?: (toggles: string[]) => void;
+    rowSize?: RowSize;
+    headerSize?: RowSize;
+    sortable?: boolean;
+    sortDescFirst?: boolean;
+    onSort?: OnSort<T>;
+    isFavoritesSortable?: boolean;
+    isTogglesSortable?: boolean;
+    rowActions?: RowActions<T>;
+    bulkActions?: BulkAction<T>[];
+    isLoading?: boolean;
+    allSelectedCTA?: AllSelectedCTA;
+    noPagination?: boolean;
+    pageSize?: number;
+    listSize?: number;
+    enableSettings?: boolean;
+    settingsDropdownConfig?: SettingsDropdownConfig;
+    paginationPreviousText?: string;
+    paginationNextText?: string;
+    onPaginationChange?: (pagination: PaginationState) => void;
+}
+interface SettingsDropdownConfig {
+    settingsTooltip?: TooltipProps;
+    displaySettingsLabel?: string;
+    visibleColumnsLabel?: string;
+    rowHeightLabel?: string;
+    unspecifiedRowsLabel?: string;
+    smallRowsLabel?: string;
+    largeRowsLabel?: string;
+}
+export declare enum RowSize {
+    UNSPECIFIED = 0,
+    SMALL,
+    LARGE
+}
+export declare enum ColumnDefType {
+    ACCESSOR = "accessor",
+    DISPLAY = "display",
+    GROUP = "group",
+    ACTION = "action"
+}
+interface ExtraColumnDef<T> extends IdentifiedColumnDef<T, CellProps> {
+    isEditable: boolean;
+    onChange: (text: string, row: Row<T>) => void;
+}
+interface InitalColumnDef<T> extends IdentifiedColumnDef<T, CellProps> {
+    isEditable?: false;
+    onChange?: never;
+}
+export declare type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
+export declare enum ActionType {
+    CHECKBOX = "checkbox",
+    TOGGLE = "toggle",
+    FAVORITE = "favorite",
+    ROW_ACTIONS = "row_actions",
+    SETTINGS = "settings"
+}
+export declare type ActionColumnDef<T> = {
+    onActionChange?: (id: string) => void;
+    actionType: ActionType;
+    favorites?: string[];
+    toggles?: string[];
+    enableSorting?: boolean;
+    enableSettings?: boolean;
+    rowActions?: RowActions<T>;
+    settingsDropdownConfig?: SettingsDropdownConfig;
+} & IdentifiedColumnDef<T, CellProps>;
+export declare type AdditionalColumnDef = {
+    unitSymbol?: string;
+    minWidth?: number;
+    headerTooltip?: TooltipProps;
+};
+export declare type ColumnsType<T> = ({
+    columnDefType: ColumnDefType.ACCESSOR;
+    columnDef: AccessorColumnDef<T> & AdditionalColumnDef;
+} & BaseColumnsType<T>) | ({
+    columnDefType: ColumnDefType.DISPLAY;
+    columnDef: DisplayColumnDef<T, unknown> & AdditionalColumnDef;
+} & BaseColumnsType<T>) | ({
+    columnDefType: ColumnDefType.ACTION;
+    columnDef: ActionColumnDef<T> & AdditionalColumnDef;
+} & BaseColumnsType<T>) | ({
+    columnDefType: ColumnDefType.GROUP;
+    columnDef: GroupColumnDef<T, unknown>;
+} & BaseColumnsType<T>);
+interface BaseColumnsType<T> {
+    key: keyof T | Lowercase<keyof typeof ActionType>;
+}
+interface CustomCellWithAvatar extends BasicCustomCell {
+    avatar?: AvatarProps;
+    leadingIcon?: never;
+}
+interface CustomCellWithIcon extends BasicCustomCell {
+    avatar?: never;
+    leadingIcon?: IconProps;
+}
+export interface BasicCustomCell {
+    unitSymbol?: string;
+    trailingMicroTag?: MicroTagProps;
+    headline?: boolean;
+    content?: string | number;
+    tag?: TagProps;
+    isFavorite?: boolean;
+    isToggled?: boolean;
+}
+export declare type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
+export declare type CellProps = CustomCellProps | string | number;
+export interface RowActions<T> {
+    headerTitle?: string | number;
+    primary?: PrimaryAction<T>;
+    dropdown?: DropdownAction<T>;
+}
+export interface RowAction<T> {
+    text: string;
+    icon?: IconProps;
+    type?: DropdownItemType;
+    onClick: (row: Row<T>) => void;
+}
+declare type BasicPrimaryAction<T> = {
+    tooltip?: TooltipProps;
+    onClick: (row: Row<T>) => void;
+};
+interface PrimaryTextAction<T> extends BasicPrimaryAction<T> {
+    text?: string | number;
+    icon?: never;
+}
+interface PrimaryIconAction<T> extends BasicPrimaryAction<T> {
+    text?: never;
+    icon?: IconProps;
+}
+export declare type PrimaryAction<T> = PrimaryTextAction<T> | PrimaryIconAction<T>;
+export declare type DropdownAction<T> = {
+    items: RowAction<T>[];
+    tooltip?: TooltipProps;
+};
+export interface BulkAction<T> extends Omit<ButtonProps, 'onClick' | 'text'> {
+    onClick: (rows: T[]) => void;
+    text: string | JSX.Element;
+}
+export interface AllSelectedCTA {
+    description?: string;
+    onClick: () => void;
+    text: string;
+}
+export declare type OnSort<T> = (sortParams: {
+    sortBy: keyof T;
+    direction: false | SortDirection;
+}) => void;
+export declare type CustomSorted<T> = {
+    [key in keyof T]: false | SortDirection;
+};
+export {};

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

@@ -0,0 +1,8 @@
+import { ColumnDef, SortDirection } from '@tanstack/react-table';
+import { CellProps } from './types';
+import { TableProps } from './types';
+interface ColumnsHelperProps<T> extends Omit<TableProps<T>, 'data' | 'uniqueId'> {
+}
+export declare const useColumnsHelper: <T>({ columns, isSelectable, favorites, isFavoritesSortable, onFavoritesChange, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
+export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
+export {};

package/dist/components/pagination/Pagination.d.ts

@@ -10,7 +10,6 @@ import { PaginationProps } from './types';
  * @param {number} currentPage Used to set the current page number
  * @param {string} prevText Define previous label text
  * @param {string} nextText Define next label text
- * @param {PaginationType} color Used to set the theme of the component
  */
 declare const Pagination: (props: PaginationProps) => JSX.Element;
 export default Pagination;

package/dist/components/pagination/pagination.stories.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Meta, Story } from '@storybook/react';
 import { PaginationProps } from './types';
 export declare const Template: Story<PaginationProps>;
-export declare const Normal: () => JSX.Element;
+export declare const Normal: Story<PaginationProps>;
 declare const PaginationStories: Meta<PaginationProps>;
 export default PaginationStories;

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

@@ -1,5 +1,4 @@
-import { PaginationType } from './';
 export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    color: PaginationType;
-}, never>;
+export declare const PaginationElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationNumberElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationButtonElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -15,11 +15,21 @@ export declare type PaginationProps = {
     currentPage: number;
     prevText: string;
     nextText: string;
-    color?: PaginationType;
 };
+declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
+declare type PaginationButtonsStatus = 'normal' | 'disabled';
 export declare type PaginationPalette = {
-    [key in PaginationType]: {
-        backgroundColor: paletteColor;
-        color: paletteColor;
+    numbers: {
+        [k in PaginationNumbersStatus]: {
+            backgroundColor: paletteColor;
+            color: paletteColor;
+        };
+    };
+    buttons: {
+        [k in PaginationButtonsStatus]: {
+            backgroundColor: paletteColor;
+            color: paletteColor;
+        };
     };
 };
+export {};

package/dist/components/table/components/ActionsCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+import { RowActions, TableData } from '../types';
+interface Props<T extends TableData> {
+    row: Row<T>;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+}
+declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
+export default ActionsCell;

package/dist/components/table/components/SortIndicator.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    isSorted: boolean;
+    isSortedDesc?: boolean;
+}
+declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
+export default SortIndicator;

package/dist/components/table/components/TableBody.d.ts

@@ -0,0 +1,14 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+    isLoading: boolean;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export default TableBody;

package/dist/components/table/components/TableFoot.d.ts

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

package/dist/components/table/components/TableHeader.d.ts

@@ -0,0 +1,7 @@
+import { HeaderGroup } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    headerGroups: HeaderGroup<T>[];
+}
+declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
+export default TableHeader;

package/dist/components/table/components/tableBody/TableBodyLoader.d.ts

@@ -0,0 +1,7 @@
+import { ColumnInstance } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    allColumns: ColumnInstance<T>[];
+}
+declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
+export default TableBodyLoader;

package/dist/components/table/components/tableBody/styled.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyTrStyles } from '../../utils';
+import { TableBodyTrProps } from '../TableBody';
+export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;

package/dist/components/toast/typings/toast.d.ts

@@ -2,6 +2,8 @@ import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../../icon';
 export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare const typeMap: Record<toastType, toastLibraryType>;
 export interface ToastProps {
     type?: toastType;
     content?: ReactNode;

package/dist/components/tooltip/Tooltip.d.ts

@@ -11,7 +11,9 @@ export interface TooltipProps extends MessageProps {
     onMouseLeave?: MouseEventHandler;
     showAlways?: boolean;
     hideAfterSeconds?: number;
+    showAfterSeconds?: number;
     callbackAfterTimeout?: () => void;
+    onOpen?: (isOpen: boolean) => void;
 }
-declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, hideAfterSeconds, callbackAfterTimeout, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag'
 import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
 import { ModalBody } from './components/modals/modalStyled';
+import { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions } from './components/newTable';
 import { PageEmptySet } from './components/pageEmptySet';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
@@ -45,4 +46,4 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { bwColor } from './styles/types';
 export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
-export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
+export { NewTable, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };