asma-core-ui 2.19.67 → 2.19.69

package/dist/src/components/data-display/badge/StyledBadge.d.ts

@@ -1,2 +1,5 @@
+/// <reference types="react" />
 import { type BadgeProps } from '@mui/material';
-export declare const StyledBadge: ({ color, ...props }: BadgeProps) => JSX.Element;
+export declare const StyledBadge: React.FC<BadgeProps & {
+    dataTest: string;
+}>;

package/dist/src/components/data-display/chip/StyledChip.d.ts

@@ -1,2 +1,5 @@
+/// <reference types="react" />
 import { type ChipProps } from '@mui/material';
-export declare const StyledChip: (props: ChipProps) => JSX.Element;
+export declare const StyledChip: React.FC<ChipProps & {
+    dataTest: string;
+}>;

package/dist/src/components/data-display/icons/delete-outline-icon/DeleteOutlineIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IIcon } from '../Icons.types';
+export declare const DeleteOutlineIcon: React.FC<IIcon>;

package/dist/src/components/data-display/icons/delete-outline-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './DeleteOutlineIcon';

package/dist/src/components/data-display/icons/drag-horizontal-icon/DragHorizontalIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IIcon } from '../Icons.types';
+export declare const DragHorizontalIcon: React.FC<IIcon>;

package/dist/src/components/data-display/icons/drag-horizontal-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './DragHorizontalIcon';

package/dist/src/components/data-display/icons/file-pdf-icon/FilePdfIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IIcon } from '../Icons.types';
+export declare const FilePdfIcon: React.FC<IIcon>;

package/dist/src/components/data-display/icons/file-pdf-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './FilePdfIcon';

package/dist/src/components/data-display/icons/filter-icon/FilterIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IIcon } from '../Icons.types';
+export declare const FilterIcon: React.FC<IIcon>;

package/dist/src/components/data-display/icons/filter-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './FilterIcon';

package/dist/src/components/data-display/icons/index.d.ts

@@ -46,3 +46,8 @@ export * from './inbox-outbox-icon';
 export * from './inbox-outbox-outline-icon';
 export * from './topic-icon';
 export * from './empty-page-icon';
+export * from './drag-horizontal-icon';
+export * from './file-pdf-icon';
+export * from './delete-outline-icon';
+export * from './filter-icon';
+export * from './lock-icon';

package/dist/src/components/data-display/icons/lock-icon/LockIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IIcon } from '../Icons.types';
+export declare const LockIcon: React.FC<IIcon>;

package/dist/src/components/data-display/icons/lock-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './LockIcon';

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -3,5 +3,6 @@ import type { ReactNode } from 'react';
 export interface IStyledDialogProps extends DialogProps {
     onCloseText?: ReactNode;
     showCloseIcon?: boolean;
+    dataTest: string;
 }
-export declare const StyledDialog: ({ onCloseText, children, onClose, showCloseIcon, ...rest }: IStyledDialogProps) => JSX.Element;
+export declare const StyledDialog: React.FC<IStyledDialogProps>;

package/dist/src/components/feedback/snack-bar/components/StyledInfoSnackbar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { AlertColor } from '@mui/material';
+import { type CustomContentProps } from 'notistack';
+interface StyledInfoSnackbarProps extends CustomContentProps {
+    severity?: AlertColor;
+    alertClassName?: string;
+    alertVariant?: 'standard' | 'filled' | 'outlined';
+    closeButton?: boolean;
+    type?: 'loading';
+}
+export declare const StyledInfoSnackbar: import("react").ForwardRefExoticComponent<StyledInfoSnackbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/feedback/snack-bar/components/processMessageError.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { MessageProps } from './types';
+export declare function processMessageError(messageInfo: string | ReactNode, options?: MessageProps): () => void;

package/dist/src/components/feedback/snack-bar/components/processMessageInfo.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { MessageProps } from './types';
+export declare function processMessageInfo(messageInfo: string | ReactNode, options?: MessageProps): () => void;

package/dist/src/components/feedback/snack-bar/components/types.d.ts

@@ -0,0 +1,10 @@
+import type { AlertColor } from '@mui/material';
+import type { SnackbarProviderProps } from 'notistack';
+export type MessageProps = SnackbarProviderProps & {
+    severity?: AlertColor;
+    persist?: boolean;
+    closeButton?: boolean;
+    className?: string;
+    id?: string;
+    type?: 'loading';
+};

package/dist/src/components/feedback/snack-bar/components-styled/InfoMessages.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InfoMessages: React.FC;

package/dist/src/components/feedback/snack-bar/index.d.ts

@@ -2,3 +2,5 @@ export * from './SnackbarProvider';
 export { enqueueSnackbar, closeSnackbar, useSnackbar } from 'notistack';
 export * from './StyledSnackbar';
 export * from './processAlertSnackBar';
+export * from './processInfoSnackbar';
+export * from './message';

package/dist/src/components/feedback/snack-bar/message.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { MessageProps } from './components/types';
+/**
+ * Important props:
+ * @param id - string. To control the message
+ * @remarks use callBack function to close the message manually. Providing ID as a param is important in this case.
+ * Without ID, callback fil force close all active notifications
+ * @param closeButton -  true | false
+ * @param persist -  true | false
+ * @param autoHideDuration -  number
+ * @moreProps https://notistack.com/api-reference#mutual-props
+ */
+export declare const message: {
+    info: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
+    error: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
+    loading: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
+};

package/dist/src/components/feedback/snack-bar/processInfoSnackbar.d.ts

@@ -0,0 +1 @@
+export declare function processInfoSnackbar(message: string): void;

package/dist/src/components/filter-menu/StyledFilterMenu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * Custom props:
+ * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
+ * @param popoverContent
+ */
+type StyledFilterMenuProps = {
+    dataTest: string;
+    filterIsActive: boolean;
+    popoverContent: React.ReactNode;
+};
+export declare const StyledFilterMenu: React.FC<StyledFilterMenuProps>;
+export {};

package/dist/src/components/inputs/button/StyledButton.d.ts

@@ -2,20 +2,24 @@ import React, { type ReactNode } from 'react';
 export type StyledButtonType = 'contained' | 'outlined' | 'text' | 'textGray';
 type commonProps = {
     refLink?: React.Ref<HTMLButtonElement>;
-    size?: 'large' | 'small';
+    size?: 'large' | 'small' | 'medium';
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-    dataTest?: string;
+    dataTest: string;
 };
 type variantTextGrayProps = {
     variant?: 'textGray';
     error?: never;
 };
+type variantTextWhiteProps = {
+    variant?: 'textWhite';
+    error?: never;
+};
 type buttonStandartVariantsProps = {
     variant?: 'contained' | 'outlined' | 'text';
     error?: boolean;
 };
-type conditionalProps = variantTextGrayProps | buttonStandartVariantsProps;
+type conditionalProps = variantTextGrayProps | variantTextWhiteProps | buttonStandartVariantsProps;
 export type StyledButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & commonProps & conditionalProps;
 /**
  * Developer: daria.bogatiriov@carasent.com
@@ -25,7 +29,7 @@ export type StyledButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
  *
  * Custom props:
  * @param variant -  'contained' | 'outlined' | 'text' | 'textGray'
- * @param size -  'large' | 'small'
+ * @param size -  'large' | 'small' | 'medium'
  * @param startIcon - ReactNode
  * @param endIcon - ReactNode
  * @param error -  boolean

package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts

@@ -1,2 +1,5 @@
+/// <reference types="react" />
 import { type CheckboxProps } from '@mui/material';
-export declare const StyledCheckbox: (props: CheckboxProps) => JSX.Element;
+export declare const StyledCheckbox: React.FC<CheckboxProps & {
+    dataTest: string;
+}>;

package/dist/src/components/inputs/input/StyledInput.d.ts

@@ -1,15 +1,6 @@
 import { type FC, type ReactNode } from 'react';
 /**
- * Developer: bragari.andrei@carasent.com
- * Custom props:
- * @param description - message under input (string)
- * @param startIcon - icon before input (JSX.Element)
- * @param endIcon - icon after input (JSX.Element)
- * @param dataTest - data-test tag (string)
- * @param label - string
- * @param refLink -  ref to component
- * @param size -  'large' | 'small'
- * @param className - for styles (width)
+ * @deprecated The input should not be used, use ->> StyledInputField
  */
 type ConditionalProps = {
     disabled?: boolean;
@@ -41,5 +32,10 @@ export type StyledInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
     label?: ReactNode;
     refLink?: React.Ref<HTMLInputElement>;
 } & ConditionalProps;
+/**
+ * @deprecated The input should not be used, use ->> StyledInputField
+ *
+ * USE @@@@ StyledInputField @@@
+ */
 export declare const StyledInput: FC<StyledInputProps>;
 export {};

package/dist/src/components/inputs/input-field/StyledInputField.d.ts

@@ -1,8 +1,14 @@
+/// <reference types="react" />
 import { type TextFieldProps } from '@mui/material';
 /**
  *
  * @inputRef
  * inputRef to get Node of Input Element inside
  *
+ * type='mui-input' is temporary, remove it after deleting antd from all projects. Antd lib overwrites styles for type[text]
  */
-export declare const StyledInputField: (props: TextFieldProps) => JSX.Element;
+export declare const StyledInputField: React.FC<TextFieldProps & {
+    allowClear?: boolean;
+    onClear?: () => void;
+    dataTest: string;
+}>;

package/dist/src/components/inputs/input-field/index.d.ts

@@ -1 +1,2 @@
 export * from './StyledInputField';
+export { type TextFieldProps } from '@mui/material';

package/dist/src/components/inputs/input-field/story/components/StyledInputFieldExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledInputFieldExample: React.FC;

package/dist/src/components/inputs/radio-button/StyledRadio.d.ts

@@ -0,0 +1,4 @@
+import { type RadioProps } from '@mui/material';
+export declare const StyledRadio: ({ dataTest, ...props }: RadioProps & {
+    dataTest: string;
+}) => JSX.Element;

package/dist/src/components/inputs/radio-button/StyledRadioGroup.d.ts

@@ -0,0 +1,4 @@
+import { type RadioGroupProps } from '@mui/material';
+export declare const StyledRadioGroup: ({ dataTest, ...props }: RadioGroupProps & {
+    dataTest: string;
+}) => JSX.Element;

package/dist/src/components/inputs/radio-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StyledRadio';
+export * from './StyledRadioGroup';

package/dist/src/components/inputs/rich-input/RichInput.d.ts

@@ -7,6 +7,7 @@ export interface IRichInput extends ReactQuill.ReactQuillProps {
     error?: string;
     is_error?: boolean;
     is_warning?: boolean;
+    dataTest?: string;
 }
 declare const RichInput: FC<IRichInput>;
 export { RichInput };

package/dist/src/components/inputs/select/StyledSelect.d.ts

@@ -1,11 +1,18 @@
 /// <reference types="react" />
 import { type SelectProps } from '@mui/material';
 /**
+ *
+ * @usage
+ * use StyleSelect only inside StyledFormControl
+ *
+ * @size
+ * control the size through StyledFormControl
  *
  * @inputRef
  * inputRef to get Node of Input Element inside
  *
  */
-export declare const StyledSelect: (props: SelectProps<unknown> & {
-    reflink?: import("react").RefObject<unknown> | ((instance: unknown) => void) | null | undefined;
-}) => JSX.Element;
+export declare const StyledSelect: React.FC<SelectProps & {
+    allowClear?: boolean;
+    dataTest: string;
+}>;

package/dist/src/components/inputs/select/index.d.ts

@@ -1,2 +1,3 @@
 export * from './StyledSelect';
 export * from './StyledSelectItem';
+export { type SelectChangeEvent } from '@mui/material';

package/dist/src/components/inputs/select/story/components/StyledSelectExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSelectExample: React.FC;

package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type AutocompleteProps, type ChipTypeMap } from '@mui/material';
+/**
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ */
+export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ dataTest, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
+    dataTest: string;
+}): JSX.Element;

package/dist/src/components/inputs/select-autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledSelectAutocomplete';

package/dist/src/components/inputs/select-autocomplete/story/components/StyledSelectAutocompleteExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSelectAutocompleteExample: React.FC;

package/dist/src/components/inputs/slider/StyledSlider.d.ts

@@ -1,2 +1,5 @@
 import { type SliderProps } from '@mui/material';
-export declare const StyledSlider: (props: SliderProps) => JSX.Element;
+export interface StyledSliderProps extends SliderProps {
+    dataTest: string;
+}
+export declare const StyledSlider: ({ dataTest, ...props }: StyledSliderProps) => JSX.Element;

package/dist/src/components/inputs/switch/StyledSwitch.d.ts

@@ -1,3 +1,5 @@
 import { type SwitchProps as _SwitchProps } from '@mui/material';
 export type SwitchProps = _SwitchProps;
-export declare const StyledSwitch: (props: SwitchProps) => JSX.Element;
+export declare const StyledSwitch: ({ dataTest, ...props }: _SwitchProps & {
+    dataTest: string;
+}) => JSX.Element;

package/dist/src/components/navigation/menu/index.d.ts

@@ -1,3 +1,4 @@
 export * from './StyledMenu';
 export * from './StyledMenuItem';
 export * from './StyledMenuList';
+export { type MenuProps } from '@mui/material';

package/dist/src/components/pickers/date-picker/StyledDatePicker.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerProps } from './types';
+export declare const StyledDatePicker: (props: DatePickerProps) => JSX.Element;

package/dist/src/components/pickers/date-picker/components/DefaultInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DatePickerProps } from '../types';
+export declare const DefaultInput: React.FC<DatePickerProps & {
+    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+}>;

package/dist/src/components/pickers/date-picker/components/RangeInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DatePickerProps } from '../types';
+export declare const RangeInput: React.FC<DatePickerProps & {
+    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+}>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPicker.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DatePickerProps } from '../types';
+import { type PopoverProps } from '@mui/material';
+export declare const StyledCalendarPicker: React.FC<{
+    datePickerProps: DatePickerProps;
+    popoverProps: PopoverProps;
+    positionAbove: boolean;
+}>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerCaption.d.ts

@@ -0,0 +1,7 @@
+import { type CaptionProps } from 'react-day-picker';
+import { type Dispatch, type SetStateAction } from 'react';
+export declare function CustomCaption(props: CaptionProps & {
+    month: Date | undefined;
+    setMonth: Dispatch<SetStateAction<Date | undefined>>;
+    isNb: boolean;
+}): JSX.Element;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerFooter.d.ts

@@ -0,0 +1,10 @@
+import { type Matcher } from 'react-day-picker';
+import type { Dispatch, SetStateAction } from 'react';
+export declare const StyledCalendarPickerFooter: React.FC<{
+    onClose: ((event: object, reason: 'backdropClick' | 'escapeKeyDown') => void) | undefined;
+    isNb: boolean;
+    selected: Matcher | Matcher[] | undefined;
+    removeSelection: (e: React.MouseEvent) => void;
+    month: Date | undefined;
+    setMonth: Dispatch<SetStateAction<Date | undefined>>;
+}>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerSelectMonth.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type DropdownProps } from 'react-day-picker';
+export declare const StyledCalendarPickerSelectMonth: React.FC<DropdownProps>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerSelectYear.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type DropdownProps } from 'react-day-picker';
+export declare const StyledCalendarPickerSelectYear: React.FC<DropdownProps>;

package/dist/src/components/pickers/date-picker/helpers.d.ts

@@ -0,0 +1,3 @@
+import type { Dispatch, SetStateAction } from 'react';
+export declare const getValue: (date?: Date, dateFormat?: string) => string;
+export declare const setPickerPosition: (e: React.MouseEvent<HTMLDivElement>, setPositionAbove: Dispatch<SetStateAction<boolean>>) => void;

package/dist/src/components/pickers/date-picker/story/components/DatePickerContainer.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export declare const DatePickerContainer: React.FC<{
+    title: string;
+    node: ReactNode;
+}>;

package/dist/src/components/pickers/date-picker/story/components/DefaultPickerExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DefaultPickerExample: React.FC;

package/dist/src/components/pickers/date-picker/story/components/NestedRangePickerExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NestedRangePickerExample: React.FC;

package/dist/src/components/pickers/date-picker/story/components/RangePickerExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const RangePickerExample: React.FC;

package/dist/src/components/{inputs/date-picker/StyledDatePicker.d.ts → pickers/date-picker/types.d.ts}

@@ -1,14 +1,21 @@
-import { type CalendarProps } from './StyledCalendarPicker';
+/// <reference types="react" />
+import type { DayPicker, Matcher } from 'react-day-picker';
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 type CommonDatePickerProps = {
     dateFormat?: string;
     className?: string;
     inputClassName?: string;
+    onClear?: () => void;
+    allowClear?: boolean;
+    disabledDays?: Matcher | Matcher[];
+    dataTest: string;
 } & CalendarProps;
 type CompactRangeProps = {
     mode: 'range';
     compact: true;
     placeholderFrom?: string;
     placeholderTo?: string;
+    allowClear?: never;
     placeholder?: never;
 };
 type DefaultRangeProps = {
@@ -17,6 +24,8 @@ type DefaultRangeProps = {
     placeholder?: string;
     placeholderFrom?: never;
     placeholderTo?: never;
+    onClearFrom?: () => void;
+    onClearTo?: () => void;
 };
 type DefaultSingleProps = {
     mode: 'single';
@@ -26,5 +35,4 @@ type DefaultSingleProps = {
     placeholderTo?: never;
 };
 export type DatePickerProps = CommonDatePickerProps & (CompactRangeProps | DefaultRangeProps | DefaultSingleProps);
-export declare const StyledDatePicker: ({ placeholder, placeholderFrom, placeholderTo, compact, dateFormat, className, inputClassName, disabled, ...props }: DatePickerProps) => JSX.Element;
 export {};

package/dist/src/components/pickers/time-picker/StyledTimePicker.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { type PopoverOrigin } from '@mui/material';
+export type StyledTimePickerProps = {
+    placeholder?: string;
+    disabled?: boolean;
+    inputClassName?: string;
+    value?: Date;
+    onSelect: (date: Date | undefined) => void;
+    dataTest: string;
+    width?: number;
+    anchorOrigin?: PopoverOrigin;
+    transformOrigin?: PopoverOrigin;
+    error?: boolean;
+    helperText?: string;
+};
+export declare const StyledTimePicker: React.FC<StyledTimePickerProps>;

package/dist/src/components/pickers/time-picker/components/TimePickerBody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { StyledTimePickerProps } from '../StyledTimePicker';
+type TimePickerBodyProps = Omit<StyledTimePickerProps, 'placeholder' | 'disabled' | 'inputClassName'>;
+export declare const TimePickerBody: React.FC<Omit<TimePickerBodyProps, 'anchorOrigin' | 'anchorPosition'>>;
+export {};

package/dist/src/components/pickers/time-picker/components/TimePickerColumn.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { StyledTimePickerProps } from '../StyledTimePicker';
+export type TimePickerColumnProps = Omit<StyledTimePickerProps, 'placeholder' | 'disabled' | 'inputClassName' | 'dataTest'> & {
+    type: 'hours' | 'minutes';
+};
+export declare const TimePickerColumn: React.FC<TimePickerColumnProps>;

package/dist/src/components/pickers/time-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledTimePicker';

package/dist/src/components/table/StyledTable.d.ts

@@ -1,29 +1,14 @@
-import { type TableOptions, type Table, type Row } from '@tanstack/react-table';
-import { type ReactElement, type MouseEvent } from 'react';
-export interface StyledTableProps<TData, TCustomData> extends Omit<TableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> {
-    actions?: (row: Row<TData>) => {
-        label: string;
-        className?: string;
-        disabled?: boolean;
-        hide?: boolean;
-        onClick?: (row: Row<TData>) => void;
-    }[];
-    autoSize?: boolean;
-    customSubRowData?: Map<string, TCustomData[]>;
-    disableHeaderPin?: boolean;
-    loading?: boolean;
-    noRowsOverlay?: ReactElement;
-    tableInstanceRef?: React.MutableRefObject<Table<TData> | null>;
-    className?: string;
-    rowHeight?: number;
-    tdClassName?: string;
-    thClassName?: string;
-    getRowClassName?: (row: Row<TData>) => string;
-    onRowClick?: (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
-    renderSubRows?: (props: {
-        rows: TCustomData[];
-    }) => ReactElement;
-}
+import { type StyledTableProps } from './types';
+/**
+ *
+ * Custom props:
+ * @param size: Column sizing. use NaN (width 100%) -  only one time for the main column. It will make the column very responsive.. Example is in Storybook.
+ *
+ * If you have a very long data, like descriptions. use input to render long strings instead of div. Example is in Storybook.
+ *
+ *  @param focusable: Used for controlling the focus of rows. If set to true, the tabIndex={0} attribute will be added to each table row. Used, for example, when adding a new item to scroll to it and focus it
+ *
+ */
 export declare const StyledTable: <TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ actions, autoSize, columns, data, customSubRowData, initialState, enableRowSelection, disableHeaderPin, loading, noRowsOverlay, tableInstanceRef, className, rowHeight, tdClassName, thClassName, getRowClassName, onRowClick, renderSubRows, ...rest }: StyledTableProps<TData, TCustomData>) => JSX.Element;
+}, TCustomData = Record<string, unknown>>({ actions, columns, data, customSubRowData, initialState, enableRowSelection, headerPin, loading, noRowsOverlay, tableInstanceRef, className, rowHeight, tdClassName, getRowClassName, onRowClick, renderSubRows, customActionsNode, focusable, stickyHeader, expandArrow, height, locale, ...rest }: StyledTableProps<TData, TCustomData>) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type Table } from '@tanstack/react-table';
+export declare function TableHeader<TData>({ table, stickyHeader }: {
+    table: Table<TData>;
+    stickyHeader?: boolean;
+}): JSX.Element;

package/dist/src/components/table/components/TablePagination.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { Table } from '@tanstack/react-table';
+export declare function TablePagination<TData>({ table, locale }: {
+    locale: 'en' | 'no';
+    table: Table<TData>;
+}): JSX.Element | null;

package/dist/src/components/table/components/columns/action-column/actionColumn.d.ts

@@ -0,0 +1,21 @@
+import { type CellContext, type HeaderContext, type Row } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export declare function generateActionsColumn<TData>(options: {
+    headerPin: boolean;
+    actions?: (row: Row<TData>) => {
+        label: string;
+        className?: string;
+        disabled?: boolean;
+        hide?: boolean;
+        onClick?: (row: Row<TData>) => void;
+    }[];
+    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
+}): {
+    id: string;
+    enableHiding: boolean;
+    enableSorting: boolean;
+    accessorFn: (row: TData) => TData;
+    header: (props: HeaderContext<TData, TData>) => JSX.Element | null;
+    cell: (cell: CellContext<TData, TData>) => JSX.Element | null;
+    size: number;
+};

package/dist/src/components/table/components/columns/action-column/components/HeaderActionMenu.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { HeaderContext } from '@tanstack/react-table';
+export declare function HeaderActionMenu<TData>({ headerData }: {
+    headerData: HeaderContext<TData, TData>;
+}): JSX.Element;