@fattureincloud/fic-design-system 0.17.7 → 0.18.1

package/dist/common/utils/stringUtils.d.ts

@@ -1,6 +1,6 @@
 export declare type UnitConfig = {
     side?: 'left' | 'right';
     symbol?: string;
-    locale?: Intl.LocalesArgument;
+    locale?: string;
 };
-export declare const withUnit: (number: number | string, { locale, side, symbol }: UnitConfig) => string;
+export declare const withUnit: (number: number | string, unit?: UnitConfig | undefined) => string;

package/dist/components/banner/Banner.d.ts

@@ -8,5 +8,5 @@ import { BannerProps } from './types';
  * @param {IconProps} icon Configuration of the left icon
  * @param {string} className To support styled-components customization
  */
-declare const Banner: ({ type, content, icon, onClose, className }: BannerProps) => JSX.Element;
+declare const Banner: ({ className, content, icon, onClose, type }: BannerProps) => JSX.Element;
 export default Banner;

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

@@ -1,5 +1,5 @@
-import Button, { ButtonProps } from './button/Button';
-import buttonPalette, { ButtonPalette } from './button/buttonPalette';
-import IconButton, { IconButtonProps } from './iconButton/IconButton';
-import iconButtonPalette, { IconButtonPalette } from './iconButton/iconButtonPalette';
-export { Button, IconButton, ButtonProps, IconButtonProps, buttonPalette, ButtonPalette, iconButtonPalette, IconButtonPalette, };
+export { default as Button, ButtonProps } from './button/Button';
+export { ButtonPalette, default as buttonPalette } from './button/buttonPalette';
+export { default as IconButton, IconButtonProps } from './iconButton/IconButton';
+export { IconButtonPalette, default as iconButtonPalette } from './iconButton/iconButtonPalette';
+export { buttonColors, buttonTypes, buttonDisableColor, ButtonStyles, buttonParts, buttonSizes, buttonColorsArray, buttonSizesArray, buttonPartsArray, buttonTypesArray, buttonDisableColorArray, } from './button/types';

package/dist/components/chart/areaChart/AreaChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from '../common/types';
+declare const AreaChart: ({ data, emptyStateMessage, formatTooltipLabel, formatTooltipValues, height, renderEmptyState, renderXAxis, showLegend, showTooltip, width, }: ChartProps) => JSX.Element;
+export default AreaChart;

package/dist/components/chart/barChart/BarChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from '../common/types';
+declare const BarChart: ({ data, emptyStateMessage, formatTooltipLabel, formatTooltipValues, height, renderEmptyState, renderXAxis, showLegend, showTooltip, width, }: ChartProps) => JSX.Element;
+export default BarChart;

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

@@ -1,7 +1,8 @@
 import { Meta, Story } from '@storybook/react';
-import { ComponentProps } from 'react';
-import { Chart, ChartProps } from './index';
-export declare const Template: Story<ChartProps>;
-export declare const EmptyFilters: Story<ChartProps>;
-declare const ChartStories: Meta<ComponentProps<typeof Chart>>;
+import { ChartProps } from './common/types';
+export declare const AreaChart: Story<ChartProps>;
+export declare const BarChart: Story<ChartProps>;
+export declare const LineChart: Story<ChartProps>;
+export declare const PieChart: Story<ChartProps>;
+declare const ChartStories: Meta<ChartProps>;
 export default ChartStories;

package/dist/components/chart/common/components/ChartEmptyState.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CommonChartProps } from '../types';
+declare const ChartEmptyState: ({ emptyStateMessage, height, renderEmptyState, width }: CommonChartProps) => JSX.Element;
+export declare const EmptyStateWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default ChartEmptyState;

package/dist/components/chart/common/components/Legend.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Legend: (params_0: boolean | undefined) => JSX.Element | null;
+export default Legend;

package/dist/components/chart/common/components/Tooltip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Tooltip: (params_0: boolean | undefined, params_1: ((value: number, name: string | number) => [string, string]) | undefined, params_2: ((value: string | number) => string) | undefined) => JSX.Element | null;
+export default Tooltip;

package/dist/components/chart/common/types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare type ChartData = {
+    x: string | number;
+    y: number;
+};
+export declare type CommonChartProps = {
+    height?: number;
+    width?: number;
+    emptyStateMessage?: string;
+    renderEmptyState?: () => JSX.Element;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+};
+declare type RenderAxisProps = [string | number, number];
+export declare type ChartProps = CommonChartProps & {
+    data: {
+        name: string;
+        color?: string;
+        points: ChartData[];
+    }[];
+    formatTooltipLabel?: (value: string | number) => string;
+    formatTooltipValues?: (value: number, name: string | number) => [string, string];
+    renderXAxis?: (...params: RenderAxisProps) => string;
+};
+export {};

package/dist/components/chart/common/useChartData.d.ts

@@ -0,0 +1,6 @@
+import { ChartProps } from './types';
+/**
+ * This hook can be used to transform data into a suitable dataset array for AreaChart, LineChart and BarChart components
+ */
+declare const useChartData: (data: ChartProps['data'], type: 'line' | 'bar') => Record<string, string | number>[];
+export default useChartData;

package/dist/components/chart/common/utils.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../../../styles/theme';
+export declare const getLinesArray: (length: number) => string[];
+export declare const getBarsArray: (length: number) => string[];
+export declare const getRandomColors: (theme: Theme) => string[];

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

@@ -1,2 +1,6 @@
-export { default as Chart } from './Chart';
-export { ChartProps, Legend, ChartData, LegendItem } from './types';
+export { default as AreaChart } from './areaChart/AreaChart';
+export { default as BarChart } from './barChart/BarChart';
+export { default as LineChart } from './lineChart/LineChart';
+export { default as PieChart } from './pieChart/PieChart';
+export { ChartProps } from './common/types';
+export { PieChartProps } from './pieChart/types';

package/dist/components/chart/lineChart/LineChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from '../common/types';
+declare const LineChart: ({ data, emptyStateMessage, formatTooltipLabel, formatTooltipValues, height, renderEmptyState, renderXAxis, showLegend, showTooltip, width, }: ChartProps) => JSX.Element;
+export default LineChart;

package/dist/components/chart/pieChart/PieChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PieChartProps } from './types';
+declare const PieChart: ({ color, data, emptyStateMessage, formatLabel, gap, height, innerRadius, monochrome, outerRadius, renderEmptyState, showLabels, showLegend, showTooltip, width, }: PieChartProps) => JSX.Element;
+export default PieChart;

package/dist/components/chart/pieChart/types.d.ts

@@ -0,0 +1,27 @@
+import { CommonChartProps } from '../common/types';
+export declare type PieChartData = {
+    name: string;
+    value: number;
+    color?: string;
+};
+declare type FormatLabelProps = {
+    cx: number;
+    cy: number;
+    index: number;
+    innerRadius: number;
+    midAngle: number;
+    outerRadius: number;
+    percent: number;
+    value: number;
+};
+export declare type PieChartProps = CommonChartProps & {
+    color?: string;
+    data: PieChartData[];
+    formatLabel?: (props: FormatLabelProps) => string;
+    gap?: number;
+    innerRadius?: number;
+    monochrome?: boolean;
+    outerRadius?: number;
+    showLabels?: boolean;
+};
+export {};

package/dist/components/circularProgressBar/CircularProgressBar.d.ts

@@ -6,5 +6,5 @@ import { CircularProgressBarProps } from './index';
  * @param {CircularProgressBarType} type Type that define the color
  * @param {string} subtitle Define the text below the percentage (string or custom)
  */
-declare const CircularProgressBar: ({ percentage, type, subtitle }: CircularProgressBarProps) => JSX.Element;
+declare const CircularProgressBar: ({ percentage, subtitle, type }: CircularProgressBarProps) => JSX.Element;
 export default CircularProgressBar;

package/dist/components/closableCard/ClosableCard.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ClosableCardProps } from './types';
-declare const ClosableCard: ({ title, subtitle, renderSubtitleElement, onClose, className, }: ClosableCardProps) => ReactElement;
+declare const ClosableCard: ({ className, onClose, renderSubtitleElement, subtitle, title, }: ClosableCardProps) => ReactElement;
 export default ClosableCard;

package/dist/components/drawer/drawer.d.ts

@@ -1,15 +1,15 @@
 import React, { ReactNode } from 'react';
 export interface DrawerProps {
-    show: boolean;
-    title?: string;
-    renderHeader?: () => JSX.Element;
-    renderFooter?: () => JSX.Element;
     actionClose: () => void;
     allowOutsideClickClose?: boolean;
     children?: ReactNode;
     fullscreen?: boolean;
     onFullscreen?: (fullscreen: boolean) => void;
+    renderFooter?: () => JSX.Element;
+    renderHeader?: () => JSX.Element;
+    show: boolean;
     showTooltip?: boolean;
+    title?: string;
 }
 declare const Drawer: React.FC<DrawerProps>;
 export default Drawer;

package/dist/components/editableInput/EditableInput.d.ts

@@ -9,5 +9,5 @@ export interface EditableInputProps {
     onClose?: () => void;
     maxContentLength?: number;
 }
-declare const EditableInput: ({ hover, content, unitSymbol, onChange, rowId, onOpen, onClose, maxContentLength, }: EditableInputProps) => JSX.Element;
+declare const EditableInput: ({ content, hover, maxContentLength, onChange, onClose, onOpen, rowId, unitSymbol, }: EditableInputProps) => JSX.Element;
 export default EditableInput;

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

@@ -1,2 +1 @@
-import EditableInput from './EditableInput';
-export { EditableInput };
+export { default as EditableInput } from './EditableInput';

package/dist/components/form/common/styles.d.ts

@@ -1,4 +1,4 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
+import { colorsPalette } from '../../../common/types';
 import { paletteColor } from '../../../styles/types';
 import { CommonInputParts, statusType } from './types';
 export interface BoxedInputWrapperProps extends colorsPalette {

package/dist/components/form/common/types.d.ts

@@ -1,4 +1,4 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
+import { colorsPalette } from '../../../common/types';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 export declare const inputSizeArray: readonly ["large", "medium"];

package/dist/components/form/fileUploader/FileUploader.d.ts

@@ -5,13 +5,13 @@ export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles:
 export interface FileUploaderProps {
     allowedTypes: FileType[];
     className?: string;
+    customPalette?: CustomPalette;
+    fixedHeight?: boolean;
     maxFileSize?: number;
     multiple?: boolean;
     onDrop: fileUploaderOnDrop;
     size?: FileUploaderSize;
     status?: FileUploaderStatus;
-    customPalette?: CustomPalette;
-    fixedHeight?: boolean;
 }
-declare const FileUploader: ({ allowedTypes, customPalette, className, maxFileSize, multiple, onDrop, size, status, fixedHeight, }: FileUploaderProps) => JSX.Element;
+declare const FileUploader: ({ allowedTypes, className, customPalette, fixedHeight, maxFileSize, multiple, onDrop, size, status, }: FileUploaderProps) => JSX.Element;
 export default FileUploader;

package/dist/components/form/fileUploader/index.d.ts

@@ -1,4 +1,4 @@
-import { FileRejection } from 'react-dropzone';
-import FileUploader, { fileUploaderOnDrop, FileUploaderProps } from './FileUploader';
-import fileUploaderPalette, { FileUploaderPalette } from './fileUploaderPalette';
-export { FileUploader, FileUploaderProps, fileUploaderPalette, FileUploaderPalette, FileRejection, fileUploaderOnDrop };
+export { default as FileUploader, fileUploaderOnDrop, FileUploaderProps } from './FileUploader';
+export { default as fileUploaderPalette, FileUploaderPalette } from './fileUploaderPalette';
+export { CustomPalette, CustomPaletteParts, FileType, FileTypesMap, FileUploaderSize, FileUploaderStatus, } from './types';
+export { FileRejection } from 'react-dropzone';

package/dist/components/form/inputHelper/index.d.ts

@@ -1,3 +1,2 @@
-import InputHelper, { InputHelperProps } from './InputHelper';
-import inputHelperPalette, { InputHelperPalette } from './inputHelperPalette';
-export { InputHelper, InputHelperProps, inputHelperPalette, InputHelperPalette };
+export { default as InputHelper, InputHelperProps } from './InputHelper';
+export { default as inputHelperPalette, InputHelperPalette } from './inputHelperPalette';

package/dist/components/form/inputText/InputTelephone.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputTelephoneProps } from './types';
-declare const InputTelephone: ({ className, disabled, helper, required, label, phoneNumberLabel, value, setValue, placeholder, }: InputTelephoneProps) => JSX.Element;
+declare const InputTelephone: ({ className, disabled, helper, label, phoneNumberLabel, placeholder, required, setValue, value, }: InputTelephoneProps) => JSX.Element;
 export default InputTelephone;

package/dist/components/form/inputText/components/utils.d.ts

@@ -3,6 +3,6 @@ import { InputTextStyles, InputTextWrapperProps } from './InputElement';
 interface GetInputTextParams extends InputTextWrapperProps {
     theme: DefaultTheme;
 }
-export declare const getInputTextStyles: ({ theme, disabled, status }: GetInputTextParams) => InputTextStyles;
+export declare const getInputTextStyles: ({ disabled, status, theme }: GetInputTextParams) => InputTextStyles;
 export declare const clearNumber: (s: string) => string;
 export {};

package/dist/components/form/inputText/index.d.ts

@@ -1,7 +1,7 @@
-import { UnitDropdownProps } from './components/UnitDropdown';
-import InputCode from './InputCode';
-import InputTelephone from './InputTelephone';
-import InputText from './InputText';
-import inputTextPalette, { InputTextPalette } from './inputTextPalette';
-import { InputCodeProps, InputTelephoneProps, InputTextProps } from './types';
-export { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, inputTextPalette, InputTextPalette, InputTextProps, UnitDropdownProps, };
+export { UnitDropdownProps } from './components/UnitDropdown';
+export { default as InputCode } from './InputCode';
+export { default as InputTelephone } from './InputTelephone';
+export { default as InputText } from './InputText';
+export { default as inputTextPalette, InputTextPalette } from './inputTextPalette';
+export { InputCodeProps, InputTelephoneProps, InputTextProps } from './types';
+export { Unit } from './components/unitDropdown/UnitDropdownTrigger';

package/dist/components/form/inputText/types.d.ts

@@ -5,7 +5,6 @@ import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
-export declare type inputTypes = (typeof inputTypesArray)[number];
 declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required' | 'style' | 'readOnly'>;
 export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;

package/dist/components/form/radio/utils.d.ts

@@ -3,6 +3,6 @@ import { RadioInputProps, RadioStatus, RadioStyles } from './types';
 interface InputMapParams extends RadioInputProps {
     theme: DefaultTheme;
 }
-export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => RadioStyles;
+export declare const getInputStyle: ({ disabled, hasError, large, theme, value }: InputMapParams) => RadioStyles;
 export declare const convertToStatus: (value: boolean | RadioStatus) => RadioStatus;
 export {};

package/dist/components/form/select/index.d.ts

@@ -1,10 +1,8 @@
-import { SelectActionsType } from './components/FooterActions';
-import { OptionType } from './components/Option';
-import useSelectSimpleValue from './hooks/useSelectSimpleValue';
-import { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
-import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
-import selectPalette, { SelectPalette } from './selectPalette';
-import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue } from './types';
-import { isSimpleValue } from './utils';
-declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
-export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, useSelectSimpleValue, simpleValue, isSimpleValue, };
+export { SelectActionsType } from './components/FooterActions';
+export { OptionType } from './components/Option';
+export { default as useSelectSimpleValue } from './hooks/useSelectSimpleValue';
+export { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
+export { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
+export { default as selectPalette, SelectPalette } from './selectPalette';
+export { isSimpleValue } from './utils';
+export { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue, SelectComponentsType, } from './types';

package/dist/components/form/select/types.d.ts

@@ -16,3 +16,4 @@ export declare type CreatableSelectProps<O extends OptionType = OptionType, IsMu
 export declare type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
 export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
 export declare type simpleValue = string | number | null | undefined;
+export declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;

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

@@ -1,3 +1,2 @@
-import TextArea, { TextAreaProps } from './TextArea';
-import textAreaPalette, { TextAreaPalette } from './textAreaPalette';
-export { TextArea, TextAreaProps, TextAreaPalette, textAreaPalette };
+export { default as TextArea, TextAreaProps } from './TextArea';
+export { default as textAreaPalette, TextAreaPalette } from './textAreaPalette';

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

@@ -1,3 +1,2 @@
-import GroupedList from './groupedList';
-import { GroupType, ItemType } from './types';
-export { GroupedList, ItemType, GroupType };
+export { default as GroupedList } from './groupedList';
+export { GroupType, ItemType, MouseBlockedProps } from './types';

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

@@ -1,4 +1,3 @@
-import { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/iconBackground';
-import Icon, { IconProps } from './Icon';
-import iconPalette, { iconColors, IconPalette } from './iconPalette';
-export { Icon, IconProps, IconPalette, iconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette, iconColors, };
+export { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/iconBackground';
+export { default as Icon, IconProps } from './Icon';
+export { iconColors, IconPalette, default as iconPalette } from './iconPalette';

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

@@ -5,5 +5,5 @@ interface GetIconStylesParams extends IconProps {
     theme: DefaultTheme;
 }
 export declare const isIconPaletteKey: (key: string, theme: DefaultTheme) => key is "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary";
-export declare const getIconStyles: ({ theme, color }: GetIconStylesParams) => IconColorPalette;
+export declare const getIconStyles: ({ color, theme }: GetIconStylesParams) => IconColorPalette;
 export {};

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

@@ -0,0 +1,2 @@
+import { TypeToCardMap } from './types';
+export declare const TYPE_TO_CARD_MAP: TypeToCardMap;

package/dist/components/inlineMessageV2/InlineMessageV2.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { InlineMessageV2Props } from './types';
+/**
+ * Component Props:
+ * @param actionText optional, button text
+ * @param {Exclude<CardColor, CardColor.TRANSPARENT>} color optional, card color
+ * @param {IconProps} icon optional, configuration of the left icon
+ * @param {() => void} onAction action on button click
+ * @param {() => void} onClose action on close icon click
+ * @param {string} text inline message text
+ * @param {string} title inline message title
+ * @param other other card props
+ */
+declare const InlineMessageV2: ({ actionText, color, icon, onAction, onClose, text, title, ...other }: InlineMessageV2Props) => JSX.Element;
+export default InlineMessageV2;

package/dist/components/inlineMessageV2/const.d.ts

@@ -0,0 +1,7 @@
+export declare const INLINE_MESSAGE_V2_DEFAULT_ICONS: {
+    grey: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    red: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    yellow: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    green: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    blue: import("@fortawesome/fontawesome-common-types").IconDefinition;
+};

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

@@ -0,0 +1,2 @@
+export { default as InlineMessageV2 } from './InlineMessageV2';
+export * from './types';

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { CardColor } from '../card';
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CustomFlexColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color: Exclude<CardColor, CardColor.TRANSPARENT>;
+}, never>;
+export declare const CustomButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../buttons").ButtonProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const CustomHeadLine: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: import("react").ReactNode | import("react").ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,11 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { CardColor, CardProps } from '../card';
+export interface InlineMessageV2Props extends Omit<CardProps, 'children' | 'type'> {
+    actionText?: string;
+    color?: Exclude<CardColor, CardColor.TRANSPARENT>;
+    icon?: IconProp;
+    onAction?: () => void;
+    onClose?: () => void;
+    text: string;
+    title: string;
+}

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

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

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

@@ -30,5 +30,5 @@ import { TableProps } from './types';
  * @param {number} actionColumnWidth used to determine the width of the action column
  * @param {function} isRowHighlighted used to underline table rows
  */
-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, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, resetPageIndex, isRowHighlighted, isRowDisabled, rowHighlightHideBorderBottom, }: TableProps<T>) => JSX.Element;
+declare const Table: <T>({ actionColumnWidth, allSelectedCTA, bodyHeight, bulkActions, columns, data, disableScrollX, enableSettings, forceHideSettings, headerSize, isLoading, isRowDisabled, isRowHighlighted, isSelectable, isTogglesSortable, listSize, noPagination, notRemovableColumns, onChangeTableSettings, onPaginationChange, onRowClick, onRowSelection, onSort, onTogglesChange, pageSize: pageLength, paginationNextText, paginationPreviousText, preSettedTableSettings, renderBulkActions, renderEmptyState, resetPageIndex, rowActions, rowHighlightColor, rowHighlightHideBorderBottom, rowSelection, rowSize, settingsDropdownConfig, sortDescFirst, sortable, toggles, totalPages, uniqueId, }: TableProps<T>) => JSX.Element;
 export default Table;

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

@@ -1,2 +1,2 @@
 export { default as NewTable } from './Table';
-export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions, RowAction } from './types';
+export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions as NewRowActions, RowAction, RowSize, OnSort as NewTableOnSort, AllSelectedCTA, SettingsDropdownConfig, onChangeTableSettings, ActionType, CustomSorted, TableProps as NewTableProps, PreSettedTableSettings, ActionColumnDef, AccessorColumnDef, AdditionalColumnDef, DropdownAction, PrimaryAction, BasicCustomCell, CustomCellProps, } from './types';

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

@@ -62,7 +62,7 @@ export interface PreSettedTableSettings {
     dimensionRow?: number;
     notVisibleColumns?: string[];
 }
-interface SettingsDropdownConfig {
+export interface SettingsDropdownConfig {
     settingsTooltip?: TooltipProps;
     displaySettingsLabel?: string;
     visibleColumnsLabel?: string;

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

@@ -1,2 +1 @@
-import { PageEmptySet } from './pageEmptySet';
-export { PageEmptySet };
+export { default as PageEmptySet } from './pageEmptySet';

package/dist/components/pageEmptySet/pageEmptySet.d.ts

@@ -10,5 +10,5 @@ interface Props {
         action: () => void;
     };
 }
-export declare const PageEmptySet: ({ action, icon, text, title }: Props) => React.JSX.Element;
-export {};
+declare const PageEmptySet: ({ action, icon, text, title }: Props) => React.JSX.Element;
+export default PageEmptySet;

package/dist/components/stepper/Stepper.d.ts

@@ -3,5 +3,5 @@ export interface StepperProps {
     steps: string[];
     currentStep: number;
 }
-declare const Stepper: ({ steps, currentStep }: StepperProps) => JSX.Element;
+declare const Stepper: ({ currentStep, steps }: StepperProps) => JSX.Element;
 export default Stepper;

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

@@ -1,4 +1,2 @@
-import Stepper, { StepperProps } from './Stepper';
-import { StepperPalette } from './stepperPalette';
-import stepperPalette from './stepperPalette';
-export { Stepper, StepperProps, stepperPalette, StepperPalette };
+export { default as Stepper, StepperProps } from './Stepper';
+export { default as stepperPalette, StepperPalette } from './stepperPalette';

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

@@ -1,3 +1,2 @@
-import Switch from './Switch';
-import { SwitchProps } from './types';
-export { Switch, SwitchProps };
+export { default as Switch } from './Switch';
+export { SwitchProps } from './types';

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

@@ -1,7 +1,8 @@
-export declare type switchColors = 'blue' | 'green';
+declare type SwitchColors = 'blue' | 'green';
 export interface SwitchProps {
     checked: boolean;
     onChange: (e: boolean) => void;
-    color?: switchColors;
+    color?: SwitchColors;
     disabled?: boolean;
 }
+export {};

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

@@ -3,7 +3,7 @@ import { ParsableDateTime, ValidFormat } from '@fattureincloud/madbit-js-dates';
 declare type Props = {
     date: ParsableDateTime;
     format: ValidFormat;
-    locale: 'en' | 'es' | 'it';
+    locale?: 'en' | 'es' | 'it';
 };
 declare const DateCell: (props: Props) => JSX.Element;
 export default DateCell;

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

@@ -3,7 +3,7 @@ import { UnitConfig } from '../../../common/utils/stringUtils';
 import { CellValue } from '../types';
 declare type Props = {
     value: CellValue;
-    unit: UnitConfig;
+    unit?: UnitConfig;
 };
 declare const ValueWithUnitCell: ({ unit, value }: Props) => JSX.Element;
 export default ValueWithUnitCell;

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

@@ -20,6 +20,7 @@ export declare type BaseColumnDef<T> = IdentifiedColumnDef<T> & {
     minWidth?: number;
     fixedWidth?: number;
     multiline?: boolean;
+    customSortKey?: string;
 };
 export declare type EditableCellsColumn<T> = {
     inputProps?: Omit<InputTextProps, 'value' | 'setValue'>;

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

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

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

@@ -26,4 +26,5 @@ declare type MappedColumnWidth = {
     maxWidth: string;
 };
 export declare const mapColumnWidth: ({ fixedWidth, maxWidth, minWidth }: MapColumnWidthParams) => MappedColumnWidth;
+export declare const fillRows: <T>(columns: ColumnsType<T>[], size: number, uniqueId: keyof T) => T[];
 export {};