@fattureincloud/fic-design-system 0.6.2-temp-table → 0.6.3

package/dist/components/newTable/components/header/hooks/useActionHeaderValues.d.ts

@@ -1,16 +0,0 @@
-import { Column, Header, Table } from '@tanstack/react-table';
-import { ActionType } from '../../../types';
-interface ActionHeaderValues<T> {
-    actionType: ActionType;
-    canSort: boolean;
-    isSorted: boolean;
-    isSortedDesc: string | null;
-    isSettingsEnabled: boolean;
-    toggleSortable: boolean;
-    favoriteSortable: boolean;
-    table: Table<T>;
-    headerTitle?: string | number;
-    allColumns: Column<T, unknown>[];
-}
-declare const useActionHeaderValues: <T>(header: Header<T, unknown>) => ActionHeaderValues<T>;
-export default useActionHeaderValues;

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

@@ -1,14 +0,0 @@
-import { Column, Header } from '@tanstack/react-table';
-import { TooltipProps } from '../../../../tooltip';
-import { ActionType } from '../../../types';
-interface HeaderValues<T> {
-    column: Column<T, unknown>;
-    actionType: ActionType;
-    canSort: boolean;
-    isSorted: boolean;
-    isSortedDesc: string | null;
-    minWidth?: number;
-    tooltip?: TooltipProps;
-}
-declare const useHeaderValues: <T>(header: Header<T, unknown>) => HeaderValues<T>;
-export default useHeaderValues;

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

@@ -1,10 +0,0 @@
-import { Row } from '@tanstack/react-table';
-import React from 'react';
-import { RowSize } from '../../types';
-interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
-    row: Row<T>;
-    rowSize?: RowSize;
-    isLoading?: boolean;
-}
-declare const Tr: <T>({ row, isLoading }: TrProps<T>) => JSX.Element;
-export default Tr;

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

@@ -1,6 +0,0 @@
-import { RowSize } from '../../types';
-export declare const TRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
-    mouseHover?: boolean | undefined;
-    size?: RowSize | undefined;
-    selected?: boolean | undefined;
-}, never>;

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

@@ -1,10 +0,0 @@
-import { ColumnPinningPosition } from '@tanstack/react-table';
-import { DefaultTheme } from 'styled-components';
-interface Props {
-    theme: DefaultTheme;
-    isHeader: boolean;
-    isPopoverActive?: boolean;
-    isPinned: ColumnPinningPosition;
-}
-export declare const getFixedColumnsStyles: ({ theme, isHeader, isPopoverActive, isPinned }: Props) => React.CSSProperties;
-export {};

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

@@ -1,2 +0,0 @@
-export declare const HEIGHT_SMALL = 42;
-export declare const HEIGHT_LARGE = 56;

package/dist/components/newTable/hooks/useColumnPinning.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ColumnPinningState } from '@tanstack/react-table';
-interface ReturnType {
-    readonly columnPinning: ColumnPinningState;
-    readonly setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
-}
-export declare const useColumnPinning: (defaultValues?: ColumnPinningState | undefined) => ReturnType;
-export {};

package/dist/components/newTable/hooks/usePagination.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { PaginationState } from '@tanstack/react-table';
-interface ReturnType {
-    readonly pageIndex: number;
-    readonly pageSize: number;
-    readonly setPagination: React.Dispatch<React.SetStateAction<PaginationState>>;
-}
-export declare const usePagination: (size: number) => ReturnType;
-export {};

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

@@ -1,2 +0,0 @@
-export { default as NewTable } from './Table';
-export { ColumnDefType, ColumnsType, CellProps } from './types';

package/dist/components/newTable/providers/TableProvider/TableProvider.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TableContextProps, TableProviderProps } from '.';
-export declare const TableContext: React.Context<TableContextProps>;
-declare const TableProvider: ({ children, defaultRowSize }: TableProviderProps) => JSX.Element;
-export default TableProvider;

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

@@ -1,3 +0,0 @@
-export { default as TableProvider } from './TableProvider';
-export { TableContext } from './TableProvider';
-export { TableContextProps, TableProviderProps } from './types';

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { RowSize } from '../../types';
-export interface TableContextProps {
-    rowSize: RowSize;
-    setRowSize: (rowHeight: RowSize) => void;
-}
-export interface TableProviderProps {
-    children: React.ReactNode | React.ReactNode[];
-    defaultRowSize?: RowSize;
-}

package/dist/components/newTable/stories/actions.d.ts

@@ -1,4 +0,0 @@
-import { BulkAction, RowActions } from '../types';
-import { DataType } from './types';
-export declare const rowActions: RowActions<DataType>;
-export declare const bulkActions: BulkAction<DataType>[];

package/dist/components/newTable/stories/columns.d.ts

@@ -1,3 +0,0 @@
-import { ColumnsType } from '../types';
-import { DataType } from './types';
-export declare const columns: ColumnsType<DataType>[];

package/dist/components/newTable/stories/data.d.ts

@@ -1,2 +0,0 @@
-import { DataType } from './types';
-export declare const data: DataType[];

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

@@ -1 +0,0 @@
-export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,9 +0,0 @@
-import { CellProps } from '../types';
-export interface DataType {
-    id: string;
-    supplier: CellProps;
-    description: CellProps;
-    payment: CellProps;
-    amount: CellProps;
-    date: CellProps;
-}

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ScrollableContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const TableWrapper: import("styled-components").StyledComponent<"table", 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, {
-    isSorted: boolean;
-    isSortedDesc: boolean;
-}, never>;
-export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

@@ -1,170 +0,0 @@
-/// <reference types="react" />
-import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
-import { AvatarProps } from '../avatar';
-import { ButtonProps } from '../buttons';
-import { DropdownItemType } from '../dropdown';
-import { IconProps } from '../icon';
-import { MicroTagProps } from '../microTag';
-import { TagProps } from '../tag';
-import { TooltipProps } from '../tooltip';
-export interface TableProps<T> {
-    uniqueId: keyof T;
-    data: T[];
-    columns: ColumnsType<T>[];
-    isSelectable?: boolean;
-    onRowSelectionChange?: (data: T[]) => void;
-    favorites?: string[];
-    onFavoritesChange?: (favourites: string[]) => void;
-    toggles?: string[];
-    onTogglesChange?: (toggles: string[]) => void;
-    rowSize?: RowSize;
-    headerSize?: RowSize;
-    sortable?: boolean;
-    sortDescFirst?: boolean;
-    onSort?: OnSort<T>;
-    isFavoritesSortable?: boolean;
-    isTogglesSortable?: boolean;
-    rowActions?: RowActions<T>;
-    bulkActions?: BulkAction<T>[];
-    isLoading?: boolean;
-    allSelectedCTA?: AllSelectedCTA;
-    noPagination?: boolean;
-    pageSize?: number;
-    listSize?: number;
-    enableSettings?: boolean;
-    settingsDropdownConfig?: SettingsDropdownConfig;
-    paginationPreviousText?: string;
-    paginationNextText?: string;
-    onPaginationChange?: (pagination: PaginationState) => void;
-}
-interface SettingsDropdownConfig {
-    settingsTooltip?: TooltipProps;
-    displaySettingsLabel?: string;
-    visibleColumnsLabel?: string;
-    rowHeightLabel?: string;
-    unspecifiedRowsLabel?: string;
-    smallRowsLabel?: string;
-    largeRowsLabel?: string;
-}
-export declare enum RowSize {
-    UNSPECIFIED = 0,
-    SMALL,
-    LARGE
-}
-export declare enum ColumnDefType {
-    ACCESSOR = "accessor",
-    DISPLAY = "display",
-    GROUP = "group",
-    ACTION = "action"
-}
-interface ExtraColumnDef<T> extends IdentifiedColumnDef<T, CellProps> {
-    isEditable: boolean;
-    onChange: (text: string, row: Row<T>) => void;
-}
-interface InitalColumnDef<T> extends IdentifiedColumnDef<T, CellProps> {
-    isEditable?: false;
-    onChange?: never;
-}
-export declare type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
-export declare enum ActionType {
-    CHECKBOX = "checkbox",
-    TOGGLE = "toggle",
-    FAVORITE = "favorite",
-    ROW_ACTIONS = "row_actions",
-    SETTINGS = "settings"
-}
-export declare type ActionColumnDef<T> = {
-    onActionChange?: (id: string) => void;
-    actionType: ActionType;
-    favorites?: string[];
-    toggles?: string[];
-    enableSorting?: boolean;
-    enableSettings?: boolean;
-    rowActions?: RowActions<T>;
-    settingsDropdownConfig?: SettingsDropdownConfig;
-} & IdentifiedColumnDef<T, CellProps>;
-export declare type AdditionalColumnDef = {
-    unitSymbol?: string;
-    minWidth?: number;
-    headerTooltip?: TooltipProps;
-};
-export declare type ColumnsType<T> = ({
-    columnDefType: ColumnDefType.ACCESSOR;
-    columnDef: AccessorColumnDef<T> & AdditionalColumnDef;
-} & BaseColumnsType<T>) | ({
-    columnDefType: ColumnDefType.DISPLAY;
-    columnDef: DisplayColumnDef<T, unknown> & AdditionalColumnDef;
-} & BaseColumnsType<T>) | ({
-    columnDefType: ColumnDefType.ACTION;
-    columnDef: ActionColumnDef<T> & AdditionalColumnDef;
-} & BaseColumnsType<T>) | ({
-    columnDefType: ColumnDefType.GROUP;
-    columnDef: GroupColumnDef<T, unknown>;
-} & BaseColumnsType<T>);
-interface BaseColumnsType<T> {
-    key: keyof T | Lowercase<keyof typeof ActionType>;
-}
-interface CustomCellWithAvatar extends BasicCustomCell {
-    avatar?: AvatarProps;
-    leadingIcon?: never;
-}
-interface CustomCellWithIcon extends BasicCustomCell {
-    avatar?: never;
-    leadingIcon?: IconProps;
-}
-export interface BasicCustomCell {
-    unitSymbol?: string;
-    trailingMicroTag?: MicroTagProps;
-    headline?: boolean;
-    content?: string | number;
-    tag?: TagProps;
-    isFavorite?: boolean;
-    isToggled?: boolean;
-}
-export declare type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
-export declare type CellProps = CustomCellProps | string | number;
-export interface RowActions<T> {
-    headerTitle?: string | number;
-    primary?: PrimaryAction<T>;
-    dropdown?: DropdownAction<T>;
-}
-export interface RowAction<T> {
-    text: string;
-    icon?: IconProps;
-    type?: DropdownItemType;
-    onClick: (row: Row<T>) => void;
-}
-declare type BasicPrimaryAction<T> = {
-    tooltip?: TooltipProps;
-    onClick: (row: Row<T>) => void;
-};
-interface PrimaryTextAction<T> extends BasicPrimaryAction<T> {
-    text?: string | number;
-    icon?: never;
-}
-interface PrimaryIconAction<T> extends BasicPrimaryAction<T> {
-    text?: never;
-    icon?: IconProps;
-}
-export declare type PrimaryAction<T> = PrimaryTextAction<T> | PrimaryIconAction<T>;
-export declare type DropdownAction<T> = {
-    items: RowAction<T>[];
-    tooltip?: TooltipProps;
-};
-export interface BulkAction<T> extends Omit<ButtonProps, 'onClick' | 'text'> {
-    onClick: (rows: T[]) => void;
-    text: string | JSX.Element;
-}
-export interface AllSelectedCTA {
-    description?: string;
-    onClick: () => void;
-    text: string;
-}
-export declare type OnSort<T> = (sortParams: {
-    sortBy: keyof T;
-    direction: false | SortDirection;
-}) => void;
-export declare type CustomSorted<T> = {
-    [key in keyof T]: false | SortDirection;
-};
-export {};

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

@@ -1,8 +0,0 @@
-import { ColumnDef, SortDirection } from '@tanstack/react-table';
-import { CellProps } from './types';
-import { TableProps } from './types';
-interface ColumnsHelperProps<T> extends Omit<TableProps<T>, 'data' | 'uniqueId'> {
-}
-export declare const useColumnsHelper: <T>({ columns, isSelectable, favorites, isFavoritesSortable, onFavoritesChange, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
-export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
-export {};

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Row } from 'react-table';
-import { RowActions, TableData } from '../types';
-interface Props<T extends TableData> {
-    row: Row<T>;
-    actions?: RowActions<T>;
-    renderActions?: () => JSX.Element;
-}
-declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
-export default ActionsCell;

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

@@ -1,6 +0,0 @@
-interface Props {
-    isSorted: boolean;
-    isSortedDesc?: boolean;
-}
-declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
-export default SortIndicator;

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

@@ -1,14 +0,0 @@
-import { Row, UseTableInstanceProps } from 'react-table';
-import { TableData } from '../types';
-interface Props<T extends TableData> {
-    rows: Row<T>[];
-    prepareRow: UseTableInstanceProps<T>['prepareRow'];
-    selectedRowsIds: string[];
-    isLoading: boolean;
-}
-declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
-export interface TableBodyTrProps {
-    isSelected?: boolean;
-    isDisabled?: boolean;
-}
-export default TableBody;

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

@@ -1,2 +0,0 @@
-declare const TableFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;
-export default TableFoot;

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

@@ -1,7 +0,0 @@
-import { HeaderGroup } from 'react-table';
-import { TableData } from '../types';
-interface Props<T extends TableData> {
-    headerGroups: HeaderGroup<T>[];
-}
-declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
-export default TableHeader;

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

@@ -1,7 +0,0 @@
-import { ColumnInstance } from 'react-table';
-import { TableData } from '../../types';
-interface Props<T extends TableData> {
-    allColumns: ColumnInstance<T>[];
-}
-declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
-export default TableBodyLoader;

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

@@ -1,3 +0,0 @@
-import { TableBodyTrStyles } from '../../utils';
-import { TableBodyTrProps } from '../TableBody';
-export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;