@fattureincloud/fic-design-system 0.7.47 → 1.0.2

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
+import { Column, DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
 import { buttonColors } from 'components/buttons/button/types';
 import { AvatarProps } from '../avatar';
 import { ButtonProps } from '../buttons';
@@ -55,7 +55,7 @@ export interface TableProps<T> {
     disableScrollX?: boolean;
     resetPageIndex?: boolean;
 }
-export declare type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
+export type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
 export interface PreSettedTableSettings {
     orderColumns?: string[];
     dimensionRow?: number;
@@ -72,8 +72,8 @@ interface SettingsDropdownConfig {
 }
 export declare enum RowSize {
     UNSPECIFIED = 0,
-    SMALL,
-    LARGE
+    SMALL = 42,
+    LARGE = 56
 }
 export declare enum ColumnDefType {
     ACCESSOR = "accessor",
@@ -93,14 +93,14 @@ interface InitalColumnDef<T> extends Omit<IdentifiedColumnDef<T, CellProps>, 'he
     header?: IdentifiedColumnDef<T, CellProps>['header'] | JSX.Element;
     disableClick?: boolean;
 }
-export declare type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
+export type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
 export declare enum ActionType {
     CHECKBOX = "checkbox",
     TOGGLE = "toggle",
     ROW_ACTIONS = "row_actions",
     SETTINGS = "settings"
 }
-export declare type ActionColumnDef<T> = {
+export type ActionColumnDef<T> = {
     onActionChange?: (id: string) => void;
     actionType: ActionType;
     toggles?: string[];
@@ -109,7 +109,7 @@ export declare type ActionColumnDef<T> = {
     rowActions?: RowActions<T>;
     settingsDropdownConfig?: SettingsDropdownConfig;
 } & IdentifiedColumnDef<T, CellProps>;
-export declare type AdditionalColumnDef<T> = {
+export type AdditionalColumnDef<T> = {
     unitSymbol?: string;
     minWidth?: number;
     maxWidth?: number;
@@ -118,7 +118,7 @@ export declare type AdditionalColumnDef<T> = {
     align?: 'center' | 'left' | 'right';
     headerTitle?: string;
 };
-export declare type ColumnsType<T> = ({
+export type ColumnsType<T> = ({
     columnDefType: ColumnDefType.ACCESSOR;
     columnDef: AccessorColumnDef<T> & AdditionalColumnDef<T>;
 } & BaseColumnsType<T>) | ({
@@ -152,8 +152,8 @@ export interface BasicCustomCell {
     tag?: TagProps;
     isToggled?: boolean;
 }
-export declare type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
-export declare type CellProps = CustomCellProps | string | number;
+export type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
+export type CellProps = CustomCellProps | string | number;
 export interface RowActions<T> {
     headerTitle?: string | number;
     primary?: PrimaryAction<T>[];
@@ -165,7 +165,7 @@ export interface RowAction<T> {
     type?: DropdownItemType;
     onClick: (row: Row<T>) => void;
 }
-declare type BasicPrimaryAction<T> = {
+type BasicPrimaryAction<T> = {
     tooltip?: TooltipProps;
     onClick: (row: Row<T>) => void;
 };
@@ -181,8 +181,8 @@ interface PrimaryIconAction<T> extends BasicPrimaryAction<T> {
     color?: buttonColors;
     className?: string;
 }
-export declare type PrimaryAction<T> = PrimaryTextAction<T> | PrimaryIconAction<T>;
-export declare type DropdownAction<T> = {
+export type PrimaryAction<T> = PrimaryTextAction<T> | PrimaryIconAction<T>;
+export type DropdownAction<T> = {
     items: RowAction<T>[];
     tooltip?: TooltipProps;
 };
@@ -195,11 +195,16 @@ export interface AllSelectedCTA {
     onClick: () => void;
     text: string;
 }
-export declare type OnSort<T> = (sortParams: {
+export type OnSort<T> = (sortParams: {
     sortBy: keyof T;
     direction: false | SortDirection;
 }) => void;
-export declare type CustomSorted<T> = {
+export type CustomSorted<T> = {
     [key in keyof T]: false | SortDirection;
 };
+export type CustomColumn<T> = Column<T, unknown> & {
+    columnDef: Pick<Column<T, unknown>, 'columnDef'> & {
+        headerTitle?: string;
+    };
+};
 export {};

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

@@ -9,5 +9,5 @@ interface ColumnsHelperProps<T> extends Omit<TableProps<T>, 'data' | 'uniqueId'>
     };
 }
 export declare const useColumnsHelper: <T>({ columns, isSelectable, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, preSettedTableSettings, actionColumnWidth, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
-export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
+export declare const getNextSortingDirection: (direction?: false | SortDirection) => false | SortDirection;
 export {};

package/dist/components/oldTable/components/checkboxes/Cell.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CellProps } from 'react-table';
 import { TableData } from '../../types';
-declare const Cell: <T extends TableData>({ row }: CellProps<T, any>) => JSX.Element;
+declare const Cell: <T extends TableData>({ row }: CellProps<T>) => JSX.Element;
 export default Cell;

package/dist/components/oldTable/components/tableParts/TableTd.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type alignType = 'left' | 'center' | 'right';
+type alignType = 'left' | 'center' | 'right';
 interface Props extends React.HTMLAttributes<HTMLTableDataCellElement> {
     align?: alignType;
     isLoading?: boolean;

package/dist/components/oldTable/components/tableParts/TableTh.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare type Props = React.HTMLAttributes<HTMLTableHeaderCellElement>;
+type Props = React.HTMLAttributes<HTMLTableHeaderCellElement>;
 export declare const TableTh: import("styled-components").StyledComponent<({ children, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default TableTh;

package/dist/components/oldTable/hooks/useTableHooks.d.ts

@@ -1,6 +1,6 @@
 import { PluginHook } from 'react-table';
 import { TableProps } from '../Table';
 import { TableData } from '../types';
-declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
+type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
 declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, actionsHeader, }: Props<T>) => PluginHook<T>[];
 export default useTableHooks;

package/dist/components/oldTable/stories/components/Role.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const rolesArray: readonly ["master", "admin", undefined];
-export declare type roleType = typeof rolesArray[number];
+export type roleType = typeof rolesArray[number];
 interface Props {
     role: roleType;
 }

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

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

package/dist/components/oldTable/tablePalette.d.ts

@@ -1,22 +1,22 @@
 import { colorsPalette } from '../../common/types/colorsPalette';
 import { ButtonProps, IconButtonProps } from '../buttons';
 import { DropdownItemType } from '../dropdown';
-declare type TableHeaderPalette = colorsPalette;
-declare type rowStatus = 'normal' | 'hover' | 'selected' | 'disabled';
-declare type TableRowsPalette = {
+type TableHeaderPalette = colorsPalette;
+type rowStatus = 'normal' | 'hover' | 'selected' | 'disabled';
+type TableRowsPalette = {
     [k in rowStatus]: colorsPalette;
 };
 interface SelectedRowsCountPalette extends colorsPalette {
     resetButtonColor: ButtonProps['color'];
 }
-declare type paginationItemStatus = 'normal' | 'hover' | 'active';
-declare type PaginationPalette = {
+type paginationItemStatus = 'normal' | 'hover' | 'active';
+type PaginationPalette = {
     numbers: {
         [k in paginationItemStatus]: colorsPalette;
     };
     buttons: ButtonProps['color'];
 };
-declare type ActionsPalette = {
+type ActionsPalette = {
     colors: {
         [k in DropdownItemType]: ButtonProps['color'];
     };

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

@@ -22,7 +22,7 @@ interface ManualPaginationConfig {
     pageCount: number;
     setCurrentPage: (page: number) => void;
 }
-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 type ManualPagination = ManualPaginationConfig | undefined;
+export type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
+export type OnSelectionChange<T extends TableData> = (rows: Row<T>[], addedRows: Row<T>[], removedRows: Row<T>[]) => void;
 export {};

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

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

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

@@ -6,7 +6,7 @@ export declare enum PaginationType {
     YELLOW = "yellow",
     GREEN = "green"
 }
-export declare type PaginationProps = {
+export type PaginationProps = {
     pageSize: number;
     listSize: number;
     changePageAction: (pageNumber: number) => void;
@@ -17,9 +17,9 @@ export declare type PaginationProps = {
     nextText: string;
     totalPages?: number;
 };
-declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
-declare type PaginationButtonsStatus = 'normal' | 'disabled';
-export declare type PaginationPalette = {
+type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
+type PaginationButtonsStatus = 'normal' | 'disabled';
+export type PaginationPalette = {
     numbers: {
         [k in PaginationNumbersStatus]: {
             backgroundColor: paletteColor;

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

@@ -1,8 +1,8 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import React, { ComponentProps } from 'react';
 import { ProgressBar } from '.';
 import { ProgressBarProps } from './';
-export declare const Template: Story<ProgressBarProps>;
+export declare const Template: StoryFn<ProgressBarProps>;
 export declare const Editable: () => React.JSX.Element;
 export declare const Autocomplete: () => React.JSX.Element;
 export declare const AllColors: () => React.JSX.Element;

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

@@ -10,7 +10,7 @@ export interface ProgressBarProps {
     color?: ProgressBarType;
     percentage: number;
 }
-export declare type ProgressBarPalette = {
+export type ProgressBarPalette = {
     [key in ProgressBarType]: {
         backgroundColor: paletteColor;
     };

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

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

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     active: boolean;
 };
 export declare const SegmentButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
-export declare type SegmentButtonPalette = {
+export type SegmentButtonPalette = {
     selected: {
         background: paletteColor;
         border: paletteColor;
@@ -14,12 +14,12 @@ export declare type SegmentButtonPalette = {
         secondary: paletteColor;
     };
 };
-export declare type Segment = {
+export type Segment = {
     counter?: number;
     icon?: IconProps;
     text?: string;
 };
-export declare type SegmentButtonProps = {
+export type SegmentButtonProps = {
     onChange?: (i: number, s: Segment) => void;
     preselected?: number;
     segments: Segment[];