@fattureincloud/fic-design-system 0.4.9-expenses.1.4 → 0.4.10

package/dist/components/form/datepicker/DatePickerImpl.d.ts

@@ -6,7 +6,7 @@ export declare type CustomButtonProps = {
     text: string;
     onClick: (props: RenderCustomFooterProps) => void;
 };
-export interface DatePickerImplProps extends ReactDatePickerProps, CommonFormTypes {
+export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
     date: Date | null;
     setDate: Dispatch<SetStateAction<Date | null>>;
     allowMonthView?: boolean;

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

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DateFormats } from '../types';
+declare type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
+/**
+ * Hook to manage a date in string format
+ * @param {string|null} initialValue Initial string value representing a date
+ * @param {DateFormats} allowedFormats Array of allowed formats, the hook will try to parse the initial value using this formats
+ * @param {dateFormat} outputFormat The string value returned by the hook will be formatted with this format
+ * @returns {[Date|null, function, string|null, string]} Returns an array with a Date object, the function to update it, a string representation of the date (formatted using the third parameter of the hook) and the currently used format
+ */
+declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
+export default useFormattedDate;

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

@@ -1,5 +1,5 @@
 import DatePicker, { DatePickerProps } from './DatePicker';
 import datePickerPalette, { DatePickerPalette } from './datePickerPalette';
-import useDatePickerValues from './hooks/useDatePickerValues';
+import useFormattedDate from './hooks/useFormattedDate';
 import { timeConversionOptions } from './utils';
-export { datePickerPalette, DatePickerProps, DatePickerPalette, DatePicker, useDatePickerValues, timeConversionOptions };
+export { datePickerPalette, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions };

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

@@ -1 +1,4 @@
 export declare type datePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
+export declare const dateFormatsArray: [string, ...string[]];
+export declare type dateFormat = typeof dateFormatsArray[number];
+export declare type DateFormats = [dateFormat, ...dateFormat[]];

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

@@ -1 +1,3 @@
+import { DateFormats } from './types';
 export declare const timeConversionOptions: Intl.DateTimeFormatOptions;
+export declare const findFormat: (value: string | null | undefined, formats: DateFormats) => string;

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

@@ -1,7 +1,9 @@
+import { paletteColor } from '../../../styles/types';
 import { FileUploaderSize, statuses } from './types';
 interface ContainerProps {
     status: statuses;
     size: FileUploaderSize;
+    backgroundColor: paletteColor;
 }
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
 export declare const OnDraggingOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;

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

@@ -4,14 +4,14 @@ export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
 export declare type statuses = FileUploaderStatus | 'dragging';
 export declare const uploaderSize: readonly ["small", "normal"];
 export declare type FileUploaderSize = typeof uploaderSize[number];
-export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "csv"];
+export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "p7m", "csv"];
 export declare type FileType = typeof typesArray[number];
 declare type TypeDefinition = {
     mimeTypes: string[];
     extensions: string[];
 };
 export declare type FileTypesMap = Record<FileType, TypeDefinition>;
-export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon'>;
+export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
 export declare type CustomPalette = {
     [key in statuses]?: Partial<CustomPaletteParts>;
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Row, UseTableOptions } from 'react-table';
 import { EmptyTablePageProps } from './components/EmptyState';
-import { ManualPagination, OnSort, RowActions, TableData } from './types';
+import { ManualPagination, OnSelectionChange, OnSort, RowActions, TableData } from './types';
 export interface TableProps<T extends TableData> extends UseTableOptions<T> {
     sortable?: boolean;
     onSort?: OnSort<T>;
@@ -10,7 +10,7 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
     onScroll?: () => void;
     selectableRows?: boolean;
     preSelectAllRows?: boolean;
-    onSelectionChange?: (rows: Array<Row<T>>) => void;
+    onSelectionChange?: OnSelectionChange<T>;
     onRowClick?: (row: Row<T>) => void;
     globalFilter?: string;
     hideHeader?: boolean;

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

@@ -7,6 +7,7 @@ interface Props<T extends TableData> {
     isLoading: boolean;
     onRowClick?: (row: Row<T>) => void;
     rowHeight?: number | string;
+    selectableRows?: boolean;
 }
-declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds, onRowClick, rowHeight, }: Props<T>) => JSX.Element;
+declare const TableBody: <T extends TableData>({ isLoading, onRowClick, prepareRow, rowHeight, rows, selectableRows, selectedRowsIds, }: Props<T>) => JSX.Element;
 export default TableBody;

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

@@ -3,5 +3,5 @@ import useTableValues from './hooks/useTableValues';
 import Table from './Table';
 import { TableProps } from './Table';
 import tablePalette, { TablePalette } from './tablePalette';
-import { ManualPagination, OnSort, RowActions, TableData } from './types';
-export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, Row, Column, };
+import { ManualPagination, OnSelectionChange, OnSort, RowActions, TableData } from './types';
+export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Row, Column, };

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

@@ -24,4 +24,5 @@ interface ManualPaginationConfig {
 }
 export declare type ManualPagination = ManualPaginationConfig | undefined;
 export declare type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
+export declare type OnSelectionChange<T extends TableData> = (rows: Row<T>[], addedRows: Row<T>[], removedRows: Row<T>[]) => void;
 export {};

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

@@ -1,3 +1,4 @@
+import { Row, TableData } from 'index';
 import { DefaultTheme } from 'styled-components';
 import { paletteColor } from '../../styles/types';
 import { TableBodyTrProps } from './components/tableBody/TableBodyTr';
@@ -12,4 +13,5 @@ export interface TableBodyTrStyles {
 }
 export declare const getTableBodyTrStyles: ({ theme, isDisabled, isSelected, }: GetTableBodyTrStylesParams) => TableBodyTrStyles;
 export declare const isNumber: (n: number | string | undefined) => boolean;
+export declare const getIdsFromRows: <T extends TableData>(rows: Row<T>[] | undefined) => string[];
 export {};

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { Drawer } from './components/drawer';
 import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, renderContentType } from './components/dropdown';
 import { WithBadge } from './components/floatingBadge';
 import { Checkbox, CheckboxPalette, CheckboxProps, checkboxStatus, useCheckboxValue } from './components/form/checkbox';
-import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useDatePickerValues } from './components/form/datepicker';
+import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
 import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
 import { InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
@@ -29,7 +29,7 @@ import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
-import { Column, ManualPagination, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
+import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag, TagPalette, TagProps } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
@@ -39,4 +39,4 @@ import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useDatePickerValues, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };