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

package/dist/common/components/Spinner.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+import { iconColors } from '../../components/icon';
 export interface Props {
     className?: string;
+    color?: iconColors;
+    size?: SizeProp;
 }
-declare const Spinner: ({ className }: Props) => JSX.Element;
+declare const Spinner: ({ className, color, size }: Props) => JSX.Element;
 export default Spinner;

package/dist/components/buttons/button/styled.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from './Button';
 import { ButtonStyles, WrapperProps } from './types';
 export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const RightIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const ButtonSpinner: import("styled-components").StyledComponent<({ className }: import("../../../common/components/Spinner").Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonSpinner: import("styled-components").StyledComponent<({ className, color, size }: import("../../../common/components/Spinner").Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isLoading: ButtonProps['isLoading'];

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

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

@@ -22,6 +22,7 @@ export declare type DropdownProps = {
     disableArrowNavigation?: boolean;
     isDisabled?: boolean;
     emptyState?: JSX.Element;
+    onOpen?: (isOpen: boolean) => void;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {

package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    value: string | null;
+    setValue: Dispatch<SetStateAction<string | null>>;
+}
+interface Props {
+    initialDate?: Date | null;
+    initialValue?: string | null;
+}
+declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
+export default useDatePickerValues;

package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CodeInputProps } from '../../types';
+declare const CodeInput: (props: Omit<CodeInputProps, 'helper' | 'className'>) => JSX.Element;
+export default CodeInput;

package/dist/components/form/inputText/components/codeInput/styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../../../icon").IconProps | undefined;
+    placeholder?: import("react").ReactText | undefined;
+    setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { CodeInputProps } from '../../types';
+declare type CodInputHooks = {
+    handleInput: (v: string) => void;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
+    setCurrentIndex: Dispatch<SetStateAction<number>>;
+    values: (string | null)[];
+};
+declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
+export default useCodeInputHooks;

package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TelephoneInputProps } from '../../types';
+declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
+export default TelephoneInput;

package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts

@@ -0,0 +1,7 @@
+declare type CountryPrefix = {
+    country: string;
+    prefix: string;
+    iso: string;
+};
+declare const countriesTelephonePrefixes: CountryPrefix[];
+export default countriesTelephonePrefixes;

package/dist/components/form/inputText/components/telephoneInput/styled.d.ts

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

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;
-declare const TextArea: (props: TextAreaProps) => JSX.Element;
-export default TextArea;
+declare const _default: React.ForwardRefExoticComponent<LabelProps & TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
+declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
 export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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;