@fattureincloud/fic-design-system 0.15.7 → 0.15.9

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Row as RowType } from '@tanstack/react-table';
 import { TableProps } from '../../types';
-interface BodyProps<T> extends Pick<TableProps<T>, 'bodyHeight' | 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
+interface BodyProps<T> extends Pick<TableProps<T>, 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
     pageIndex: number;
     rows: RowType<T>[];
 }
-declare const Body: <T>({ bodyHeight, isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
+declare const Body: <T>({ isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
 export default Body;

package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts

@@ -3,6 +3,7 @@ import { CellValue } from '../../../types';
 interface CellValues {
     align: 'center' | 'left' | 'right';
     content?: Exclude<CellValue, Record<string, unknown>>;
+    fixedWidth?: number;
     isEditable: boolean;
     maxWidth?: number;
     minWidth?: number;

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

@@ -1,9 +1,19 @@
+/// <reference types="react" />
 declare type DSTdProps = {
+    fixedWidth?: number;
     justifyContent: 'center' | 'left' | 'right';
     maxWidth?: number;
     minWidth?: number;
 };
 export declare const BaseTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
-export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, DSTdProps, never>;
+export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
+} & {
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fixedWidth?: number | undefined;
+}> & {
+    [others: string]: any;
+} & DSTdProps, string | number>;
 export declare const CutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/components/newTable_v2/components/footer/footerCell/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColumnPinningPosition } from '@tanstack/react-table';
 import { RowSize } from '../../../types';
 declare type DSThProps = {
@@ -6,5 +7,13 @@ declare type DSThProps = {
     minWidth?: number;
     maxWidth?: number;
 };
-export declare const DSThFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, DSThProps, never>;
+export declare const DSThFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
+    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
+} & {
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fixedWidth?: number | undefined;
+}> & {
+    [others: string]: any;
+} & DSThProps, string | number>;
 export {};

package/dist/components/newTable_v2/components/footer/styled.d.ts

@@ -4,4 +4,9 @@ declare type DSTHeadProps = {
     footerSize?: RowSize;
 };
 export declare const DSTrFooter: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, DSTHeadProps, never>;
+export declare const CheckboxFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {}, never>;
+declare type ActionsFooterProps = {
+    actionColumnWidth: number;
+};
+export declare const ActionsFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, ActionsFooterProps, never>;
 export {};

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

@@ -4,10 +4,9 @@ import { TableProps } from '../../types';
 declare type HeaderProps<T> = Pick<TableProps<T>, 'headerSize' | 'onSort'> & {
     actionsHeader?: string | JSX.Element;
     headerGroups: HeaderGroup<T>[];
-    isSelectable?: boolean;
     onRowSelection?: (e: string[]) => void;
     rowSelection?: string[];
     table: Table<T>;
 };
-declare const Header: <T>({ actionsHeader, headerGroups, headerSize, isSelectable, onRowSelection, onSort, rowSelection, table, }: HeaderProps<T>) => JSX.Element;
+declare const Header: <T>({ actionsHeader, headerGroups, headerSize, onRowSelection, onSort, rowSelection, table, }: HeaderProps<T>) => JSX.Element;
 export default Header;

package/dist/components/newTable_v2/components/header/actionsHeader/styled.d.ts

@@ -1,5 +1,4 @@
 declare type ActionsThHeaderProps = {
-    hasContent: boolean;
     actionColumnWidth: number;
 };
 export declare const ActionsThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, ActionsThHeaderProps, never>;

package/dist/components/newTable_v2/components/header/headerCell/styled.d.ts

@@ -1,9 +1,19 @@
+/// <reference types="react" />
 import { ColumnPinningPosition } from '@tanstack/react-table';
 declare type DSThProps = {
+    fixedWidth?: number;
     isPinned: ColumnPinningPosition;
     minWidth?: number;
     maxWidth?: number;
     sortable: boolean;
 };
-export declare const DSThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, DSThProps, never>;
+export declare const DSThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
+    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
+} & {
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fixedWidth?: number | undefined;
+}> & {
+    [others: string]: any;
+} & DSThProps, string | number>;
 export {};

package/dist/components/newTable_v2/components/header/hooks/useHeaderValues.d.ts

@@ -3,6 +3,7 @@ import { TooltipProps } from '../../../../tooltip';
 interface HeaderValues<T> {
     canSort: boolean;
     column: Column<T, unknown>;
+    fixedWidth?: number;
     isSorted: boolean;
     isSortedDesc: string | null;
     maxWidth?: number;

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

@@ -1,8 +1,5 @@
 import { RowSize } from '../../types';
-declare type DSTHeadProps = {
-    scrollbarPadding: number;
-};
-export declare const DSTHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, DSTHeadProps, never>;
+export declare const DSTHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
 declare type DSTrHeaderProps = {
     headerSize?: RowSize;
 };

package/dist/components/newTable_v2/constants.d.ts

@@ -2,7 +2,7 @@ import { SettingsLabels, TableComponent } from './types';
 export declare const HEIGHT_SMALL = 42;
 export declare const HEIGHT_LARGE = 56;
 export declare const TEXTAREA_HEIGHT = 100;
-export declare const CHECKBOX_WIDTH = 35;
+export declare const CHECKBOX_WIDTH = 18;
 export declare const CLASS_PREFIX = "DS-table";
 export declare const DS_PREFIX = "dstbl";
 export declare const COMPONENTS: Record<TableComponent, string[]>;

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    maxHeight?: number | undefined;
+}, never>;
 export declare const DSTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
 export declare const SortIndicator: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -18,6 +18,7 @@ export declare type BaseColumnDef<T> = IdentifiedColumnDef<T> & {
     id?: string;
     maxWidth?: number;
     minWidth?: number;
+    fixedWidth?: number;
     multiline?: boolean;
 };
 export declare type EditableCellsColumn<T> = {

package/dist/components/newTable_v2/types/tableTypes.d.ts

@@ -11,13 +11,13 @@ import { SortableTable } from './features/sort';
 export declare type TableProps<T> = SelectableTable & PaginatedTable & SortableTable<T> & TableSettings & HighlightRow<T> & TableActions<T> & {
     absoluteElementsPortal?: HTMLElement;
     actionColumnWidth?: number;
-    bodyHeight?: number;
     columns: ColumnsType<T>[];
     data: T[];
     headerSize?: RowSize;
     isLoading?: boolean;
     isRowDisabled?: (row: Row<T>) => boolean;
     loadingStyle?: LoadingStyle;
+    maxHeight?: number;
     onRowClick?: (row: Row<T>) => void;
     renderEmptyState?: () => JSX.Element;
     rowTooltip?: (row: Row<T>) => string;

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

@@ -15,4 +15,15 @@ export declare type MappedProps = {
 };
 export declare const mapBackground: ({ isDisabled, isRowHighlighted, rowHighlightColor, selected, theme, }: MapBackgrounProps) => MappedProps;
 export declare const getColumnId: <T>(column: ColumnsType<T>) => string;
+declare type MapColumnWidthParams = {
+    minWidth?: number;
+    maxWidth?: number;
+    fixedWidth?: number;
+};
+declare type MappedColumnWidth = {
+    width: string;
+    minWidth: string;
+    maxWidth: string;
+};
+export declare const mapColumnWidth: ({ fixedWidth, maxWidth, minWidth }: MapColumnWidthParams) => MappedColumnWidth;
 export {};