@fattureincloud/fic-design-system 0.10.2-tmp-4 → 0.11.0

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

@@ -1,5 +1,6 @@
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { ReactNode } from 'react';
-import { ButtonProps } from '../buttons/button/Button';
+import { ButtonProps } from '../buttons';
 export interface ModalStateInterface {
     topAttachmentHeight: number;
     fullScreenHeight: number;
@@ -28,6 +29,8 @@ export interface ModalPropsInterface {
         contentEl: HTMLDivElement;
     }) => void;
     isConfirmModal?: boolean;
+    sizeCloseX?: SizeProp;
+    zIndex?: number;
 }
 export interface StyledModalBoxProps {
     isFullscreen?: boolean;

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

@@ -29,8 +29,6 @@ import { TableProps } from './types';
  * @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 {number} actionColumnWidth used to determine the width of the action column
- * @param {string} columnsBreakpointWidth fixed length that columns get below the breakpoint set with {tableBreakpoint} prop
- * @param {string} tableBreakpoint table breakpoint below which the columns of the table get a fixed length
  */
-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, resetPageIndex, columnsBreakpointWidth, tableBreakpoint, }: 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, resetPageIndex, }: TableProps<T>) => JSX.Element;
 export default Table;

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

@@ -7,8 +7,7 @@ interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'r
     onRowClick?: (row: Row<T>) => void;
     pageIndex: number;
     actionColumnWidth: number;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
+    disableScrollX?: boolean;
 }
-declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowIdHighlight, rowHighlightColor, pageIndex, actionColumnWidth, fixedWidthCells, columnsBreakpointWidth, }: 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

@@ -9,8 +9,6 @@ interface Props<T> {
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
     actionColumnWidth: number;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 }
-declare const Cell: <T>({ cell, row, hover, rowSize, isLoading, onRowClick, actionColumnWidth, fixedWidthCells, columnsBreakpointWidth, }: 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/customCell/CustomCell.d.ts

@@ -8,8 +8,6 @@ declare type Props<CellProps> = {
     rowSize?: RowSize;
     actionColumnWidth: number;
     onRowClick?: (row: Row<CellProps>) => void;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 } & 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, actionColumnWidth, fixedWidthCells, columnsBreakpointWidth, }: 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/loadingCell/LoadingCell.d.ts

@@ -4,10 +4,6 @@ interface LoadingCellProps {
     minWidth?: number;
     maxWidth?: number;
     align: 'center' | 'right' | 'left';
-    isRowActionCell?: boolean;
-    columnsBreakpointWidth: number;
-    fixedWidthCells: boolean;
-    isCheckboxCell: boolean;
 }
-declare const LoadingCell: ({ isActionCell, minWidth, maxWidth, align, isRowActionCell, columnsBreakpointWidth, fixedWidthCells, isCheckboxCell, }: LoadingCellProps) => JSX.Element;
+declare const LoadingCell: ({ isActionCell, minWidth, maxWidth, align }: LoadingCellProps) => JSX.Element;
 export default LoadingCell;

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

@@ -3,8 +3,6 @@ export declare const Td: import("styled-components").StyledComponent<"div", impo
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
     align?: "center" | "left" | "right" | undefined;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 }, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -17,8 +17,6 @@ interface HeaderProps<T> {
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
     actionColumnWidth: number;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 }
-declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, isLoading, actionColumnWidth, fixedWidthCells, columnsBreakpointWidth, }: 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/HeaderCell.d.ts

@@ -15,8 +15,6 @@ interface HeaderCellProps<T> {
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
     actionColumnWidth: number;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 }
-declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, fixedWidthCells, columnsBreakpointWidth, }: 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/headerCell/styled.d.ts

@@ -6,9 +6,6 @@ export declare const Th: import("styled-components").StyledComponent<"div", impo
     maxWidth?: number | undefined;
     sortable: boolean;
     isActionColumn: boolean;
-    isCheckboxColumn: boolean;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 }, never>;
 export declare const TextHeaderCellWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -9,8 +9,6 @@ interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTa
     isRowHighlighted: boolean;
     rowHighlightColor?: TableProps<T>['rowHighlightColor'];
     actionColumnWidth: number;
-    fixedWidthCells: boolean;
-    columnsBreakpointWidth: number;
 }
-declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, actionColumnWidth, fixedWidthCells, columnsBreakpointWidth, }: 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/styled.d.ts

@@ -4,8 +4,3 @@ export declare const ScrollableContent: import("styled-components").StyledCompon
 export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SortIndicator: import("styled-components").StyledComponent<({ onClick, isDisabled, ...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>;
-export declare const HeaderBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isLoading: boolean;
-    fixedWidthCells: boolean;
-    isTableEmpty?: boolean | undefined;
-}, never>;

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

@@ -52,9 +52,8 @@ export interface TableProps<T> {
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
     actionColumnWidth?: number;
+    disableScrollX?: boolean;
     resetPageIndex?: boolean;
-    columnsBreakpointWidth?: number;
-    tableBreakpoint?: number;
 }
 export declare type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
 export interface PreSettedTableSettings {

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { SwitchProps } from '.';
-declare const Switch: ({ checked, onChange, color }: SwitchProps) => JSX.Element;
+declare const Switch: ({ checked, color, onChange }: SwitchProps) => JSX.Element;
 export default Switch;

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

@@ -1,5 +1,4 @@
 import { colors } from '../../styles/types';
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const SwitchButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     color: colors;

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

@@ -1,7 +1,6 @@
-import { InputHTMLAttributes } from 'react';
 export declare type switchColors = 'blue' | 'green';
 export interface SwitchProps {
     checked: boolean;
-    onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];
+    onChange: (e: boolean) => void;
     color?: switchColors;
 }