@fattureincloud/fic-design-system 0.7.43 → 0.7.45-tmp-react-18

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

@@ -1,4 +1,9 @@
-export declare const CustomSizeModal: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+import React from 'react';
+import { Modal } from './modals';
+import { ModalPropsInterface } from './types';
+export declare const CustomSizeModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, ModalPropsInterface & {
+    children: React.ReactNode;
+}, never>;
 export declare const TitleContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const BodyContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Question: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -2,3 +2,5 @@ import ModalSearchable from './components/ModalSearchable';
 import { Modal } from './modals';
 export { Modal, ModalSearchable };
 export * from './stepModal';
+export { ConfirmationModal } from './confirmationModal';
+export { ModalBody } from './modalStyled';

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

@@ -4,7 +4,7 @@ import { ModalPropsInterface, StyledModalBoxProps } from './types';
 export declare const headerFooterHeight = "80px";
 export declare const animationDuration = 200;
 export declare const StyledReactModalContainer: import("styled-components").StyledComponent<typeof ReactModal, import("styled-components").DefaultTheme, ModalPropsInterface & {
-    children: React.ReactChild;
+    children: React.ReactNode;
 }, never>;
 export declare const StyledModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledModalBoxProps, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;

package/dist/components/modals/stepModal/StepModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepModalProps, UknObj } from './types';
 declare const StepModal: <T extends UknObj>({ allowBackdropClose, className, steps, ...otherProps }: StepModalProps<T>) => JSX.Element | null;
 export default StepModal;

package/dist/components/modals/stepModal/components/StepModalBody.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepModalBodyProps } from '../types';
 declare const StepModalBody: ({ children, ...otherProps }: StepModalBodyProps) => JSX.Element;
 export default StepModalBody;

package/dist/components/modals/stepModal/components/StepModalFooter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepModalFooterProps } from '../types';
 declare const StepModalFooter: ({ buttons, children, className }: StepModalFooterProps) => JSX.Element;
 export default StepModalFooter;

package/dist/components/modals/stepModal/components/StepModalHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepModalHeaderProps } from '../types';
 declare const StepModalHeader: ({ children, className, currentStep, setIsOpen, setStep, subtitle, title, }: StepModalHeaderProps) => JSX.Element;
 export default StepModalHeader;

package/dist/components/modals/stepModal/components/styled.d.ts

@@ -2,7 +2,7 @@ import { MappedHeight } from './utils';
 export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StepModalHeaderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FooterButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare type BodyProps = {
+export type BodyProps = {
     height?: number;
     minHeight?: number;
     withoutFooter?: boolean;

package/dist/components/modals/stepModal/components/utils.d.ts

@@ -1,5 +1,5 @@
 import { BodyProps } from './styled';
-export declare type MappedHeight = {
+export type MappedHeight = {
     calcHeight: number;
     calcMinHeight: number;
     height?: number;

package/dist/components/modals/stepModal/styled.d.ts

@@ -1,3 +1,4 @@
+import { Modal } from '../modals';
 import { ContentWrapperProps } from './types';
 export declare const ModalBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContentWrapperProps, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonProps } from '../../buttons';
-export declare type UknObj = Record<string, unknown>;
-export declare type StepModalCommonProps = {
+export type UknObj = Record<string, unknown>;
+export type StepModalCommonProps = {
     currentStep: number;
     height?: number;
     isOpen: boolean;
@@ -10,11 +10,11 @@ export declare type StepModalCommonProps = {
     setStep: (s: number) => void;
     onActionClose?: () => void;
 };
-declare type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
-declare type HasChildren = {
+type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
+type HasChildren = {
     children?: React.ReactNode;
 };
-export declare type StepModalProps<T extends UknObj> = StepModalCommonProps & {
+export type StepModalProps<T extends UknObj> = StepModalCommonProps & {
     allowBackdropClose?: boolean;
     className?: string;
     customProps: T;
@@ -22,7 +22,7 @@ export declare type StepModalProps<T extends UknObj> = StepModalCommonProps & {
     isSmall?: boolean;
     steps: StepModalComponent<T>[];
 };
-export declare type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
+export type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
     customProps: T;
     direction: 'next' | 'prev';
     isFullscreen?: boolean;
@@ -30,20 +30,20 @@ export declare type StepModalContentProps<T extends UknObj> = StepModalCommonPro
     thisStep: number;
     Component: StepModalComponent<T>;
 };
-export declare type ContentWrapperProps = {
+export type ContentWrapperProps = {
     isFullscreen?: boolean;
     isSmall?: boolean;
 };
-export declare type StepModalFooterProps = HasChildren & {
+export type StepModalFooterProps = HasChildren & {
     className?: string;
     buttons?: ButtonProps[];
 };
-export declare type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
+export type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
     className?: string;
     subtitle?: string;
     title?: string;
 };
-export declare type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
+export type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
     className?: string;
     isFullscreen?: boolean;
     withoutFooter?: boolean;

package/dist/components/modals/styleCreators/styledModalBoxWidth.d.ts

@@ -1,3 +1,3 @@
-declare type TStyledModalBoxWidth = (isSmall?: boolean, isFullscreen?: boolean) => string;
+type TStyledModalBoxWidth = (isSmall?: boolean, isFullscreen?: boolean) => string;
 export declare const styledModalBoxWidth: TStyledModalBoxWidth;
 export {};

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

@@ -5,29 +5,30 @@ export interface ModalStateInterface {
     fullScreenHeight: number;
 }
 export interface ModalPropsInterface {
-    isOpen?: boolean;
-    title?: string;
-    header?: () => JSX.Element;
+    allowClose?: boolean;
+    bottomAttachment?: () => ReactNode;
+    children: ReactNode;
+    className?: string;
+    customFooter?: () => JSX.Element;
     customHeader?: () => JSX.Element;
     footer?: () => JSX.Element;
     footerButtons?: ButtonProps[];
-    customFooter?: () => JSX.Element;
-    allowClose?: boolean;
-    onActionClose?: () => void;
+    header?: () => JSX.Element;
+    height?: number;
+    hideOverlay?: boolean;
+    isConfirmModal?: boolean;
     isFullscreen?: boolean;
+    isOpen?: boolean;
     isSmall?: boolean;
     minHeight?: number;
-    height?: number;
-    bottomAttachment?: () => ReactNode;
-    topAttachment?: () => ReactNode;
-    portalClassName?: string;
-    hideOverlay?: boolean;
-    className?: string;
+    onActionClose?: () => void;
     onAfterOpen?: (obj?: {
         overlayEl: Element;
         contentEl: HTMLDivElement;
     }) => void;
-    isConfirmModal?: boolean;
+    portalClassName?: string;
+    title?: string;
+    topAttachment?: () => ReactNode;
 }
 export interface StyledModalBoxProps {
     isFullscreen?: boolean;

package/dist/components/monthlyTab/MonthlyTab.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MonthlyTabProps } from './types';
 declare const MonthlyTrend: ({ data, selected, selectedChange, onSelectionChange, monthText, }: MonthlyTabProps) => JSX.Element;
 export default MonthlyTrend;

package/dist/components/monthlyTab/components/month/Month.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface MonthProps {
     monthNumber: number;
     percentage: number;

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

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import { paletteColor } from '../../styles/types';
-export declare type MonthAmountData = {
+export type MonthAmountData = {
     month: number;
     monthName: string;
 } & MonthDocumentAmount;
-declare type MonthDocumentAmount = {
+type MonthDocumentAmount = {
     documents: number;
     amount: number;
 };
-export declare type MonthData = {
+export type MonthData = {
     months: MonthDocumentAmount[];
 };
 export interface MonthlyTabProps {
@@ -18,7 +18,7 @@ export interface MonthlyTabProps {
     onSelectionChange: (monthsData: MonthAmountData[]) => void;
     monthText?: string;
 }
-export declare type MonthlyTabPalette = {
+export type MonthlyTabPalette = {
     standard: {
         borderBottom: paletteColor;
         headerColor: paletteColor;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from './types';
 /**
  * Component Props:

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FavoriteProps {
     checked?: boolean;
     disabled?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
     checked: boolean;
 }, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts

@@ -1,6 +1,6 @@
 import { Column } from '@tanstack/react-table';
 import React from 'react';
-declare type ColumnItemProps<T> = {
+type ColumnItemProps<T> = {
     column: Column<T, unknown> & {
         columnDef: Pick<Column<T, unknown>, 'columnDef'> & {
             headerTitle?: string;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Table } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../../types';
 interface ColumnsSettingsProps<T> {

package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Table } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../../../types';
 interface DraggableContentProps<T> {

package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../../types';
 interface DropdownSettingsProps<T> {

package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { onChangeTableSettings } from '../../../../types';
 interface RowHeightSettingsProps {
     isDisabled?: boolean;

package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Radio: import("styled-components").StyledComponent<({ onChange, helper, initialSelection, options, ...otherProps }: import("../../../../../form/radioGroup").RadioGroupProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/Settings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../types';
 interface SettingsProps<T> {

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/toggle/Toggle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ToggleProps {
     checked?: boolean;
     disabled?: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { TableProps } from '../../types';
 interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'rowIdHighlight' | 'rowHighlightColor'> {

package/dist/components/newTable/components/bulkBar/BulkBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AllSelectedCTA, BulkAction } from '../../types';
 interface BulkBarProps {
     selectedRowData: string[];

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Cell as TCell, Row } from '@tanstack/react-table';
 import { RowSize } from '../../types';
 interface Props<T> {

package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Column, Row } from '@tanstack/react-table';
 import { ActionColumnDef, ActionType } from '../../../types';
 interface Props<T> extends ActionColumnDef<T> {

package/dist/components/newTable/components/cell/customActionCell/DropdownActionCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { RowAction } from '../../../types';
 interface Props<T> {

package/dist/components/newTable/components/cell/customActionCell/PrimaryActionCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { PrimaryAction } from '../../../types';
 interface Props<T> {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextBtn: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../../../../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const IconBtn: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CellContext, Row } from '@tanstack/react-table';
 import { AccessorColumnDef, ActionColumnDef, AdditionalColumnDef, CustomCellProps, RowSize } from '../../../types';
-declare type Props<CellProps> = {
+type Props<CellProps> = {
     row: Row<CellProps>;
     context: CellContext<CellProps, unknown>;
     hover?: boolean;

package/dist/components/newTable/components/cell/customCell/CustomInput.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../../types';
-declare type CustomInputProps<CellProps> = {
+type CustomInputProps<CellProps> = {
     row: Row<CellProps>;
     hover?: boolean;
 } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef<CellProps>;

package/dist/components/newTable/components/cell/customCell/TextAreaPopup.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, CustomCellProps } from '../../../types';
-declare type TextAreaPopupProps<CellProps> = {
+type TextAreaPopupProps<CellProps> = {
     row: Row<CellProps>;
     onBlur: () => void;
 } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const InputsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const IconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/loadingCell/LoadingCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LoadingCellProps {
     isActionCell?: boolean;
     minWidth?: number;

package/dist/components/newTable/components/footer/Footer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderGroup } from '@tanstack/react-table';
 interface FooterProps<T> {
     footerGroup: HeaderGroup<T>[];

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderGroup } from '@tanstack/react-table';
 import { onChangeTableSettings, OnSort, RowSize } from '../../types';
 interface HeaderProps<T> {

package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../types';
 interface CustomHeaderCellProps<T> {

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

@@ -4,5 +4,5 @@ interface ReturnType {
     readonly columnPinning: ColumnPinningState;
     readonly setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
 }
-export declare const useColumnPinning: (defaultValues?: ColumnPinningState | undefined) => ReturnType;
+export declare const useColumnPinning: (defaultValues?: ColumnPinningState) => ReturnType;
 export {};

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <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<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { DataType } from './stories/types';
 import { TableProps } from './types';
-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/newTable/types.d.ts

@@ -1,4 +1,5 @@
-import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
+/// <reference types="react" />
+import { Column, DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
 import { AvatarProps } from '../avatar';
 import { ButtonProps } from '../buttons';
 import { DropdownItemType } from '../dropdown';
@@ -50,7 +51,7 @@ export interface TableProps<T> {
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
 }
-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;
@@ -67,8 +68,8 @@ interface SettingsDropdownConfig {
 }
 export declare enum RowSize {
     UNSPECIFIED = 0,
-    SMALL,
-    LARGE
+    SMALL = 42,
+    LARGE = 56
 }
 export declare enum ColumnDefType {
     ACCESSOR = "accessor",
@@ -88,14 +89,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[];
@@ -104,7 +105,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;
@@ -113,7 +114,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>) | ({
@@ -147,8 +148,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>[];
@@ -160,7 +161,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;
 };
@@ -172,8 +173,8 @@ interface PrimaryIconAction<T> extends BasicPrimaryAction<T> {
     text?: never;
     icon?: IconProps;
 }
-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;
 };
@@ -186,11 +187,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, }: 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/Table.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row, UseTableOptions } from 'react-table';
 import { EmptyTablePageProps } from './components/EmptyState';
 import { ManualPagination, OnSelectionChange, OnSort, RowActions, TableData } from './types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface EmptyTablePageProps {
     columnsCount: number;
     EmptyPage?: JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UsePaginationInstanceProps } from 'react-table';
 import { TableData } from '../types';
 interface Props<T extends TableData> extends Omit<UsePaginationInstanceProps<T>, 'page' | 'pageOptions' | 'setPageSize'> {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     count: number;
     resetSelection: () => void;

package/dist/components/oldTable/components/actions/ActionsCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { RowActions, TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/oldTable/components/actions/DropdownActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { RowAction, TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/oldTable/components/actions/PrimaryAction.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { DropdownItemType } from '../../../dropdown';
 import { RowAction, TableData } from '../../types';