@fattureincloud/fic-design-system 0.7.45-tmp-react-18 → 0.7.45

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const GraphTooltip: import("styled-components").StyledComponent<({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,52 @@
+import { DatumValue } from '@nivo/line';
+import { Serie } from '@nivo/line';
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+import { DropdownItemProps, renderContentType } from '../dropdown';
+import { OrdinalColorScaleConfig } from '@nivo/colors/dist/types/scales/ordinalColorScale';
+export declare type OrdinalColorScale = OrdinalColorScaleConfig & {
+    color: string;
+};
+export interface GraphicData extends Serie {
+    prevTooltipLabel?: string;
+    afterTooltipLabel?: string;
+    color?: paletteColor;
+}
+export interface GraphicProps {
+    data: GraphicData[];
+    showIndicators: boolean;
+    graphicSettingsContent?: DropdownItemProps[];
+    periodContent?: DropdownItemProps[];
+    yearContent?: DropdownItemProps[];
+    renderYearDropdownContent?: renderContentType;
+    yearDropdownButtonText?: string;
+    renderEmptyFilters?: () => ReactElement;
+}
+export declare type Legend = {
+    text: string | number;
+    color?: paletteColor;
+};
+export declare type LegendItem = {
+    [index: number]: boolean;
+};
+export interface Point {
+    point: {
+        id: string;
+        index: number;
+        serieId: string | number;
+        serieColor: string;
+        x: number;
+        y: number;
+        color: string;
+        borderColor: string;
+        data: {
+            x: DatumValue;
+            xFormatted: string | number;
+            y: DatumValue;
+            yFormatted: string | number;
+            yStacked?: number;
+            prevTooltipLabel?: string | number;
+            afterTooltipLabel?: string | number;
+        };
+    };
+}

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

@@ -0,0 +1,6 @@
+import { DropdownItemProps } from '../dropdown';
+import { GraphicData, Legend, LegendItem } from './types';
+export declare const getLegendValues: (data: GraphicData[]) => Legend[];
+export declare const getInitialLegendValues: (data: GraphicData[]) => LegendItem;
+export declare const getDropdownLabel: (content: DropdownItemProps[]) => string;
+export declare const getDisabledLegendItem: (elemIndex: number, toggleLegendItem: LegendItem) => boolean;

package/dist/components/icon/Icon.d.ts

@@ -6,5 +6,5 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
     isDisabled?: boolean;
 }
 declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
-export type StyledIconProps = IconProps;
+export declare type StyledIconProps = IconProps;
 export default Icon;

package/dist/components/icon/components/iconBackground/iconBackgroundPalette.d.ts

@@ -1,6 +1,6 @@
 import { paletteColor } from '../../../../styles/types';
 import { iconColors } from '../../iconPalette';
-export type IconBackgroundPalette = {
+export declare type IconBackgroundPalette = {
     [key in iconColors]: paletteColor;
 };
 declare const iconBackgroundPalette: IconBackgroundPalette;

package/dist/components/icon/components/iconBackground/utils.d.ts

@@ -1,5 +1,5 @@
 import { SizeProp } from '@fortawesome/fontawesome-svg-core';
-type iconSizeMapType = {
+declare type iconSizeMapType = {
     [key in SizeProp]: string;
 };
 export declare const iconSizeMap: iconSizeMapType;

package/dist/components/icon/iconPalette.d.ts

@@ -1,10 +1,10 @@
 import { Palette, paletteColor } from '../../index';
-export type iconColors = keyof Palette;
-type iconParts = 'primary' | 'secondary';
-export type IconColorPalette = {
+export declare type iconColors = keyof Palette;
+declare type iconParts = 'primary' | 'secondary';
+export declare type IconColorPalette = {
     [k in iconParts]: paletteColor;
 };
-export type IconPalette = {
+export declare type IconPalette = {
     [k in iconColors]: IconColorPalette;
 };
 declare const iconPalette: IconPalette;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { InlineMessageProps } from './types';
-export declare const Standard: StoryFn<InlineMessageProps>;
+export declare const Standard: Story<InlineMessageProps>;
 declare const InlineMessageStories: Meta<InlineMessageProps>;
 export default InlineMessageStories;

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

@@ -34,12 +34,12 @@ export interface InlineMessageStyle {
 export interface StyledContentProps {
     margin: boolean;
 }
-export type InlineMessageColor = {
+export declare type InlineMessageColor = {
     title: paletteColor;
     content: paletteColor;
     background: paletteColor;
     border?: paletteColor;
 };
-export type InlineMessagePalette = {
+export declare type InlineMessagePalette = {
     [k in InlineMessageType]: InlineMessageColor;
 };

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { SidebarItemProps } from '.';
-export declare const Template: StoryFn<SidebarItemProps>;
-export declare const Normal: StoryFn<SidebarItemProps>;
+export declare const Template: Story<SidebarItemProps>;
+export declare const Normal: Story<SidebarItemProps>;
 declare const SidebarItemStory: Meta<SidebarItemProps>;
 export default SidebarItemStory;

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

@@ -34,7 +34,7 @@ export declare enum SidebarBadgeConfigType {
     ICON = 1,
     DOT = 2
 }
-type BadgeBaseConfig = {
+declare type BadgeBaseConfig = {
     size?: BadgeSize;
     variant?: FloatingBadgeType;
 };
@@ -49,15 +49,15 @@ interface BadgeIconConfig extends BadgeBaseConfig {
 interface BadgeDotConfig extends BadgeBaseConfig {
     type: SidebarBadgeConfigType.DOT;
 }
-export type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
-type StatusType = 'normal' | 'active' | 'disabled';
+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 type SidebarItemPalette = {
+export declare type SidebarItemPalette = {
     [key in StatusType]: SidebarItemStyles;
 };
 export {};

package/dist/components/microTag/microTagPalette.d.ts

@@ -1,10 +1,10 @@
 import { paletteColor } from '../../styles/types';
 import { TagType } from './types';
-type microTagParts = 'color' | 'backgroundColor';
-export type MicroTagParts = {
+declare type microTagParts = 'color' | 'backgroundColor';
+export declare type MicroTagParts = {
     [key in microTagParts]: paletteColor;
 };
-export type MicroTagPalette = {
+export declare type MicroTagPalette = {
     [key in TagType]: MicroTagParts;
 };
 declare const microTagPalette: MicroTagPalette;

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

@@ -1 +1 @@
-export type TagType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type TagType = 'standard' | 'error' | 'info' | 'warning' | 'success';

package/dist/components/modals/components/ModalSearchable.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ModalPropsInterface } from '../types';
-type PropTypes = {
+declare type PropTypes = {
     handleChangeValue: (value: string) => void;
     value: string;
     placeholder: string;
-    children: React.ReactNode;
+    children: React.ReactChild;
 };
-type TModalSearchable = React.FunctionComponent<PropTypes & Omit<ModalPropsInterface, 'header'>>;
+declare type TModalSearchable = React.FunctionComponent<PropTypes & Omit<ModalPropsInterface, 'header'>>;
 declare const ModalSearchable: TModalSearchable;
 export default ModalSearchable;

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

@@ -2,5 +2,3 @@ import ModalSearchable from './components/ModalSearchable';
 import { Modal } from './modals';
 export { Modal, ModalSearchable };
 export * from './stepModal';
-export { ConfirmationModal } from './confirmationModal';
-export { ModalBody } from './modalStyled';

package/dist/components/modals/modalStyled.d.ts

@@ -4,7 +4,7 @@ import { ModalPropsInterface, StyledModalBoxProps } from './types';
 export declare const headerFooterHeight = "80px";
 export declare const animationDuration = 200;
 export declare const StyledReactModalContainer: import("styled-components").StyledComponent<typeof ReactModal, import("styled-components").DefaultTheme, ModalPropsInterface & {
-    children: React.ReactNode;
+    children: React.ReactChild;
 }, never>;
 export declare const StyledModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledModalBoxProps, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;

package/dist/components/modals/stepModal/components/styled.d.ts

@@ -2,7 +2,7 @@ import { MappedHeight } from './utils';
 export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StepModalHeaderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FooterButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export type BodyProps = {
+export declare type BodyProps = {
     height?: number;
     minHeight?: number;
     withoutFooter?: boolean;

package/dist/components/modals/stepModal/components/utils.d.ts

@@ -1,5 +1,5 @@
 import { BodyProps } from './styled';
-export type MappedHeight = {
+export declare type MappedHeight = {
     calcHeight: number;
     calcMinHeight: number;
     height?: number;

package/dist/components/modals/stepModal/types.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonProps } from '../../buttons';
-export type UknObj = Record<string, unknown>;
-export type StepModalCommonProps = {
+export declare type UknObj = Record<string, unknown>;
+export declare type StepModalCommonProps = {
     currentStep: number;
     height?: number;
     isOpen: boolean;
@@ -10,11 +10,11 @@ export type StepModalCommonProps = {
     setStep: (s: number) => void;
     onActionClose?: () => void;
 };
-type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
-type HasChildren = {
+declare type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
+declare type HasChildren = {
     children?: React.ReactNode;
 };
-export type StepModalProps<T extends UknObj> = StepModalCommonProps & {
+export declare type StepModalProps<T extends UknObj> = StepModalCommonProps & {
     allowBackdropClose?: boolean;
     className?: string;
     customProps: T;
@@ -22,7 +22,7 @@ export type StepModalProps<T extends UknObj> = StepModalCommonProps & {
     isSmall?: boolean;
     steps: StepModalComponent<T>[];
 };
-export type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
+export declare type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
     customProps: T;
     direction: 'next' | 'prev';
     isFullscreen?: boolean;
@@ -30,20 +30,20 @@ export type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
     thisStep: number;
     Component: StepModalComponent<T>;
 };
-export type ContentWrapperProps = {
+export declare type ContentWrapperProps = {
     isFullscreen?: boolean;
     isSmall?: boolean;
 };
-export type StepModalFooterProps = HasChildren & {
+export declare type StepModalFooterProps = HasChildren & {
     className?: string;
     buttons?: ButtonProps[];
 };
-export type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
+export declare type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
     className?: string;
     subtitle?: string;
     title?: string;
 };
-export type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
+export declare type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
     className?: string;
     isFullscreen?: boolean;
     withoutFooter?: boolean;

package/dist/components/modals/styleCreators/styledModalBoxWidth.d.ts

@@ -1,3 +1,3 @@
-type TStyledModalBoxWidth = (isSmall?: boolean, isFullscreen?: boolean) => string;
+declare type TStyledModalBoxWidth = (isSmall?: boolean, isFullscreen?: boolean) => string;
 export declare const styledModalBoxWidth: TStyledModalBoxWidth;
 export {};

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

@@ -5,30 +5,29 @@ export interface ModalStateInterface {
     fullScreenHeight: number;
 }
 export interface ModalPropsInterface {
-    allowClose?: boolean;
-    bottomAttachment?: () => ReactNode;
-    children: ReactNode;
-    className?: string;
-    customFooter?: () => JSX.Element;
+    isOpen?: boolean;
+    title?: string;
+    header?: () => JSX.Element;
     customHeader?: () => JSX.Element;
     footer?: () => JSX.Element;
     footerButtons?: ButtonProps[];
-    header?: () => JSX.Element;
-    height?: number;
-    hideOverlay?: boolean;
-    isConfirmModal?: boolean;
+    customFooter?: () => JSX.Element;
+    allowClose?: boolean;
+    onActionClose?: () => void;
     isFullscreen?: boolean;
-    isOpen?: boolean;
     isSmall?: boolean;
     minHeight?: number;
-    onActionClose?: () => void;
+    height?: number;
+    bottomAttachment?: () => ReactNode;
+    topAttachment?: () => ReactNode;
+    portalClassName?: string;
+    hideOverlay?: boolean;
+    className?: string;
     onAfterOpen?: (obj?: {
         overlayEl: Element;
         contentEl: HTMLDivElement;
     }) => void;
-    portalClassName?: string;
-    title?: string;
-    topAttachment?: () => ReactNode;
+    isConfirmModal?: boolean;
 }
 export interface StyledModalBoxProps {
     isFullscreen?: boolean;

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

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import { paletteColor } from '../../styles/types';
-export type MonthAmountData = {
+export declare type MonthAmountData = {
     month: number;
     monthName: string;
 } & MonthDocumentAmount;
-type MonthDocumentAmount = {
+declare type MonthDocumentAmount = {
     documents: number;
     amount: number;
 };
-export type MonthData = {
+export declare type MonthData = {
     months: MonthDocumentAmount[];
 };
 export interface MonthlyTabProps {
@@ -18,7 +18,7 @@ export interface MonthlyTabProps {
     onSelectionChange: (monthsData: MonthAmountData[]) => void;
     monthText?: string;
 }
-export type MonthlyTabPalette = {
+export declare type MonthlyTabPalette = {
     standard: {
         borderBottom: paletteColor;
         headerColor: paletteColor;

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

@@ -28,6 +28,7 @@ import { TableProps } from './types';
  * @param {function} renderEmptyState Render a custom empty state for the table's body
  * @param {function} onRowClick Callback called after a click on a row, returns the row
  * @param {number} rowIdHighlight id of the row that will be highlighted
+ * @param {string | number} actionColumnWidth used to determine the width of the action column
  */
-declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, }: TableProps<T>) => JSX.Element;
+declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, }: TableProps<T>) => JSX.Element;
 export default Table;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface FavoriteProps {
     checked?: boolean;
     disabled?: boolean;

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

@@ -1,3 +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

@@ -1,6 +1,6 @@
 import { Column } from '@tanstack/react-table';
 import React from 'react';
-type ColumnItemProps<T> = {
+declare type ColumnItemProps<T> = {
     column: Column<T, unknown> & {
         columnDef: Pick<Column<T, unknown>, 'columnDef'> & {
             headerTitle?: string;

package/dist/components/newTable/components/body/Body.d.ts

@@ -6,6 +6,8 @@ interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'r
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
     pageIndex: number;
+    actionColumnWidth?: string | number;
+    disableScrollX?: boolean;
 }
-declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowIdHighlight, rowHighlightColor, pageIndex, }: BodyProps<T>) => JSX.Element;
+declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowIdHighlight, rowHighlightColor, pageIndex, actionColumnWidth, disableScrollX, }: BodyProps<T>) => JSX.Element;
 export default Body;

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

@@ -8,6 +8,7 @@ interface Props<T> {
     rowSize?: RowSize;
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
+    actionColumnWidth?: string | number;
 }
-declare const Cell: <T>({ cell, row, hover, rowSize, isLoading, onRowClick }: Props<T>) => JSX.Element;
+declare const Cell: <T>({ cell, row, hover, rowSize, isLoading, onRowClick, actionColumnWidth }: Props<T>) => JSX.Element;
 export default Cell;

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

@@ -8,6 +8,7 @@ interface Props<T> extends ActionColumnDef<T> {
     column: Column<T, unknown>;
     maxWidth?: number;
     minWidth?: number;
+    actionColumnWidth?: string | number;
 }
-declare const CustomActionCell: <T>({ actionType, row, isToggled, onActionChange, rowActions, column, maxWidth, minWidth, }: Props<T>) => JSX.Element;
+declare const CustomActionCell: <T>({ actionType, row, isToggled, onActionChange, rowActions, column, maxWidth, minWidth, actionColumnWidth, }: Props<T>) => JSX.Element;
 export default CustomActionCell;

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../../types';
-type CustomInputProps<CellProps> = {
+declare type CustomInputProps<CellProps> = {
     row: Row<CellProps>;
     hover?: boolean;
 } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef<CellProps>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, CustomCellProps } from '../../../types';
-type TextAreaPopupProps<CellProps> = {
+declare type TextAreaPopupProps<CellProps> = {
     row: Row<CellProps>;
     onBlur: () => void;
 } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'>;

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

@@ -22,4 +22,6 @@ export declare const MicroTagContainer: import("styled-components").StyledCompon
 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>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    unitSymbol?: string | undefined;
+}, never>;

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

@@ -16,6 +16,7 @@ interface HeaderProps<T> {
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
+    actionColumnWidth?: string | number;
 }
-declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, isLoading, }: HeaderProps<T>) => JSX.Element;
+declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, isLoading, actionColumnWidth, }: HeaderProps<T>) => JSX.Element;
 export default Header;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../types';
-interface CustomHeaderCellProps<T> {
+export interface CustomHeaderCellProps<T> {
     header: Header<T, unknown>;
     onOpen?: (isOpen: boolean) => void;
+    onClose?: (isOpen: boolean) => void;
     forceHideSettings: boolean;
     rowSelection?: string[];
     setRowSelection?: (e: string[]) => void;
@@ -11,6 +12,7 @@ interface CustomHeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
+    actionColumnWidth?: number | string;
 }
-declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, }: CustomHeaderCellProps<T>) => JSX.Element;
+declare const ActionHeaderCell: <T>({ header, onOpen, onClose, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, }: CustomHeaderCellProps<T>) => JSX.Element;
 export default ActionHeaderCell;

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

@@ -14,6 +14,7 @@ interface HeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
+    actionColumnWidth?: string | number;
 }
-declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, }: HeaderCellProps<T>) => JSX.Element;
+declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, }: HeaderCellProps<T>) => JSX.Element;
 export default HeaderCell;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ColumnDef } from '@tanstack/react-table';
+import { CellProps } from '../../types';
+interface Props<T> {
+    loadingMode: 'full' | 'cell';
+    columns: ColumnDef<T, CellProps>[];
+}
+declare const LoadingRow: <T>({ columns, loadingMode }: Props<T>) => JSX.Element;
+export default LoadingRow;

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

@@ -8,6 +8,7 @@ interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTa
     onRowClick?: (row: Row<T>) => void;
     isRowHighlighted: boolean;
     rowHighlightColor?: TableProps<T>['rowHighlightColor'];
+    actionColumnWidth?: string | number;
 }
-declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, }: TrProps<T>) => JSX.Element;
+declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, actionColumnWidth, }: TrProps<T>) => JSX.Element;
 export default Tr;

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

@@ -4,5 +4,5 @@ interface ReturnType {
     readonly columnPinning: ColumnPinningState;
     readonly setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
 }
-export declare const useColumnPinning: (defaultValues?: ColumnPinningState) => ReturnType;
+export declare const useColumnPinning: (defaultValues?: ColumnPinningState | undefined) => ReturnType;
 export {};

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

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

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

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