asma-ui-core 3.18.0 → 3.20.0

package/dist/src/datetime/components/time-picker/helpers/getTimeFromValue.d.ts

@@ -0,0 +1 @@
+export declare const getTimeFromValue: (value: string, existingDate?: Date) => Date | null;

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

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

package/dist/src/datetime/components/time-picker/types.d.ts

@@ -0,0 +1,22 @@
+import { default as PopupState } from 'material-ui-popup-state';
+import { ReactNode } from 'react';
+/**
+    * @param notBeforeTime - Start time of the range. Selected time must be after this value.
+*/
+export interface StyledTimePickerProps {
+    value?: Date;
+    onSelect: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    inputClassName?: string;
+    dataTest: string;
+    width?: number;
+    error?: boolean;
+    helperText?: ReactNode;
+    label?: string;
+    locale?: 'no' | 'en';
+    title?: string;
+    notBeforeTime?: Date;
+}
+export type IPopupStateType = ReturnType<typeof PopupState>;

package/dist/src/datetime/helpers/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/datetime/helpers/date.helper.d.ts

@@ -0,0 +1,2 @@
+export declare const setMidnightTime: (date: Date) => Date;
+export declare const setZeroTime: (date: Date) => Date;

package/dist/src/datetime/helpers/index.d.ts

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

package/dist/src/datetime/hooks/useBackNavigationClose.hook.d.ts

@@ -0,0 +1,4 @@
+export declare const useBackNavigationClose: ({ open, onClose }: {
+    open: boolean;
+    onClose: () => void;
+}) => null;

package/dist/src/datetime/hooks/useToggleMenuVisibility.hook.d.ts

@@ -0,0 +1,6 @@
+export declare const useToggleMenuVisibility: () => {
+    open: boolean;
+    handleClose: () => void;
+    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    anchorEl: HTMLElement | SVGSVGElement | null;
+};

package/dist/src/datetime/hooks/useWindowWidthSize.hook.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowWidthSize(): number;
+export declare const mobileView: (windowWidth: number | undefined) => boolean;
+export declare function useIsMobileView(): boolean;
+export declare function useIsTabletView(): boolean;
+export declare const tabletView: (windowWidth: number | undefined) => boolean;

package/dist/src/datetime/shared-components/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function CheckIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/ChevronLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ChevronLeftIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/ChevronRightIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ChevronRightIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/ClockOutlineIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ClockOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/CloseIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function CloseIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/EraserIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function EraserIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/ExpandIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ExpandIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/OutlineCalendarMonth.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function OutlineCalendarMonth(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/OutlineErrorRounded.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function OutlineErrorRounded(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/datetime/shared-components/StyledFormControl.d.ts

@@ -0,0 +1,2 @@
+import { FormControlProps } from '@mui/material';
+export declare const StyledFormControl: (props: FormControlProps) => JSX.Element;

package/dist/src/datetime/shared-components/StyledInputField.d.ts

@@ -0,0 +1,12 @@
+import { 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: React.FC<TextFieldProps & {
+    readOnly?: boolean;
+    dataTest: string;
+}>;

package/dist/src/datetime/shared-components/StyledSelect.d.ts

@@ -0,0 +1,16 @@
+import { 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: React.FC<SelectProps & {
+    dataTest: string;
+}>;

package/dist/src/datetime/shared-components/StyledSelectItem.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemProps } from '@mui/material';
+export declare const StyledSelectItem: (item: MenuItemProps) => JSX.Element;

package/dist/src/datetime/shared-components/StyledTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from '@mui/material';
+export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;

package/dist/src/datetime/shared-components/button/StyledButton.d.ts

@@ -0,0 +1,40 @@
+import { default as React, ReactNode } from 'react';
+export type StyledButtonType = 'contained' | 'outlined' | 'text' | 'textGray';
+interface commonProps {
+    refLink?: React.Ref<HTMLButtonElement>;
+    size?: 'large' | 'small' | 'medium';
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    dataTest: string;
+}
+interface variantTextGrayProps {
+    variant?: 'textGray';
+    error?: never;
+}
+interface variantTextWhiteProps {
+    variant?: 'textWhite';
+    error?: never;
+}
+interface buttonStandartVariantsProps {
+    variant?: 'contained' | 'outlined' | 'text';
+    error?: boolean;
+}
+type conditionalProps = variantTextGrayProps | variantTextWhiteProps | buttonStandartVariantsProps;
+export type StyledButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & commonProps & conditionalProps;
+/**
+ * Developer: daria.bogatiriov@carasent.com
+ *
+ * @remarks for icon button add only startIcon prop
+ * @remarks for error button no textGray variant
+ *
+ * Custom props:
+ * @param variant -  'contained' | 'outlined' | 'text' | 'textGray'
+ * @param size -  'large' | 'small' | 'medium'
+ * @param startIcon - ReactNode
+ * @param endIcon - ReactNode
+ * @param error -  boolean
+ * @param refLink -  ref to component
+ * @param dataTest -  data-test tag
+ */
+export declare const StyledButton: ({ variant, className, size, children, refLink, startIcon, endIcon, dataTest, error, ...otherProps }: StyledButtonProps) => JSX.Element;
+export {};

package/dist/src/datetime/shared-components/button/index.d.ts

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

package/dist/src/helpers/index.d.ts

@@ -1,2 +1,3 @@
 export * from './cn';
+export * from './omit';
 export * from './prepareForSlot';

package/dist/src/helpers/omit.d.ts

@@ -0,0 +1 @@
+export declare const omit: <T extends object, const K extends readonly (keyof T)[]>(source: T, keys: K) => Omit<T, K[number]>;

package/dist/src/index.d.ts

@@ -11,6 +11,8 @@ export * from './components/feedback/dialog';
 export * from './components/feedback/empty-page/StyledEmptyPage';
 export * from './components/feedback/filtered-empty-state';
 export * from './components/feedback/loading/StyledLoading';
+export * from './components/feedback/alert';
+export * from './components/feedback/snack-bar';
 export * from './components/inputs/button';
 export * from './components/inputs/checkbox';
 export * from './components/inputs/input-field';
@@ -23,6 +25,9 @@ export * from './components/inputs/switch';
 export * from './components/inputs/radio-button';
 export * from './components/inputs/label';
 export * from './components/inputs/dynamic-select';
+export * from './datetime/components/date-picker';
+export * from './datetime/components/time-picker';
+export * from './datetime/helpers/date.helper';
 export * from './components/miscellaneous/StyledFormControl';
 export * from './components/miscellaneous/StyledFormControlLabel';
 export * from './components/miscellaneous/StyledFormHelperText';
@@ -33,6 +38,7 @@ export * from './components/navigation/menu';
 export * from './components/navigation/link';
 export * from './components/navigation/tabs';
 export * from './components/utils/accordion';
+export * from './table';
 export * from './components/utils/popover';
 export * from './components/utils/filter-menu';
 export * from './components/utils/copy-wrapper';

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

@@ -0,0 +1,3 @@
+export declare const Fetching: React.FC<{
+    fetching?: boolean;
+}>;

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

@@ -0,0 +1,10 @@
+import { StyledTableProps, TableState, ColumnSizingState } from '../types';
+interface RowWithId {
+    id: string | number;
+}
+export declare const StyledTable: <TData extends RowWithId, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData> & {
+    getColumnSizing?: (column_sizing: ColumnSizingState) => void;
+    getTableState?: (tableState: TableState) => void;
+    setData?: (callback: (data: TData[]) => TData[]) => void;
+}) => JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { Table } from '@tanstack/react-table';
+import { StyledTableProps } from '../types';
+import { ColumnWindow } from '../hooks/useColumnVirtualizer';
+export declare function TableBody<TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>({ table, styledTableProps, columnWindow, }: {
+    table: Table<TData>;
+    styledTableProps: StyledTableProps<TData, TCustomData>;
+    columnWindow: ColumnWindow;
+}): JSX.Element | null;

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

@@ -0,0 +1,12 @@
+import { Row } from '@tanstack/react-table';
+import { StyledTableProps } from '../types';
+import { ColumnWindow } from '../hooks/useColumnVirtualizer';
+export declare function TableRow<TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>({ styledTableProps, row, index, columnWindow: { paddingLeft, paddingRight, indexes }, }: {
+    styledTableProps: StyledTableProps<TData, TCustomData>;
+    row: Row<TData>;
+    columnWindow: ColumnWindow;
+    index: number;
+}): JSX.Element;
+export declare const Checkmark: () => JSX.Element;

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

@@ -0,0 +1,10 @@
+import { Table } from '@tanstack/react-table';
+import { StyledTableProps } from '../types';
+import { ColumnWindow } from '../hooks/useColumnVirtualizer';
+export declare function TableRows<TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>({ styledTableProps, table, columnWindow, }: {
+    styledTableProps: StyledTableProps<TData, TCustomData>;
+    table: Table<TData>;
+    columnWindow: ColumnWindow;
+}): JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const TableSkeleton: ({ colSpan, rowHeight }: {
+    colSpan: number;
+    rowHeight?: number;
+}) => import("node_modules/@types/react").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { CellContext, Row } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { ColumnDef, IAction, ICustomAction, RowActionsState } from '../../../types';
+export declare function generateActionsColumn<TData>(options: {
+    headerPin: boolean;
+    actions?: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
+    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
+    rowHeight?: number;
+    customActionsColumnProps?: Partial<ColumnDef<TData, unknown>>;
+    rowActionsState?: (row: Row<TData>) => RowActionsState | undefined;
+    locale?: 'en' | 'no';
+}): ColumnDef<TData, unknown>;

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

@@ -0,0 +1,5 @@
+import { HeaderContext } from '@tanstack/react-table';
+export declare function HeaderActionMenu<TData>({ headerData, locale, }: {
+    headerData: HeaderContext<TData, TData>;
+    locale?: 'en' | 'no';
+}): JSX.Element;

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

@@ -0,0 +1,7 @@
+import { CellContext, Row } from '@tanstack/react-table';
+import { IAction, ICustomAction, RowActionsState } from '../../../../types';
+export declare function RowActionMenu<TData>({ tableData, actions, rowActionsState, }: {
+    tableData: CellContext<TData, TData>;
+    actions: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
+    rowActionsState?: (row: Row<TData>) => RowActionsState | undefined;
+}): JSX.Element;

package/dist/src/table/components/columns/dndHandleColumn.d.ts

@@ -0,0 +1,8 @@
+import { Arguments } from '@dnd-kit/sortable/dist/hooks/useSortable';
+import { FC } from 'react';
+import { ColumnDef } from '../../types';
+export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<TData, unknown>, rowHeight?: number): ColumnDef<TData, unknown>;
+export declare const RowDragHandleCell: FC<Partial<Omit<Arguments, 'id'>> & {
+    rowId: string;
+    rowHeight?: number;
+}>;

package/dist/src/table/components/columns/expandColumn.d.ts

@@ -0,0 +1,2 @@
+import { ColumnDef } from '../../types';
+export declare function generateExpandColumn<TData>(isFixed: boolean, rowHeight?: number): ColumnDef<TData, unknown>;

package/dist/src/table/components/columns/helpers/useElementHeightPx.d.ts

@@ -0,0 +1,4 @@
+export declare function useElementHeightPx<T extends HTMLElement>(): {
+    ref: import('node_modules/@types/react').RefObject<T>;
+    heightPx: number;
+};

package/dist/src/table/components/columns/helpers/useProxyHorizontalScrollSync.d.ts

@@ -0,0 +1,6 @@
+export declare function useProxyHorizontalScrollSync(enabled: boolean): {
+    tableScrollRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
+    tableXRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
+    hScrollRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
+    hScrollContentRef: import('node_modules/@types/react').MutableRefObject<HTMLDivElement | null>;
+};

package/dist/src/table/components/columns/selectColumn.d.ts

@@ -0,0 +1,2 @@
+import { ColumnDef } from '../../types';
+export declare function selectColumn<TData>(isFixed: boolean, rowHeight?: number): ColumnDef<TData, unknown>;

package/dist/src/table/components/columns/showTextColumn.d.ts

@@ -0,0 +1,2 @@
+import { ColumnDef } from '../../types';
+export declare function generateShowFullTextColumn<TData>(isFixed: boolean, rowHeight?: number): ColumnDef<TData, unknown>;

package/dist/src/table/components/table-footer/TableFooter.d.ts

@@ -0,0 +1,9 @@
+import { Table } from '@tanstack/react-table';
+import { StyledTableProps } from '../../types';
+export declare function TableFooter<TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>({ table, styledTableProps, canShowStickyFooter, }: {
+    table: Table<TData>;
+    styledTableProps: StyledTableProps<TData, TCustomData>;
+    canShowStickyFooter: boolean;
+}): JSX.Element | null;

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

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

package/dist/src/table/components/table-footer/TableRowCountSelect.d.ts

@@ -0,0 +1,5 @@
+import { Table } from '@tanstack/react-table';
+export declare function TableRowCountSelect<TData>({ table, locale, }: {
+    locale: 'en' | 'no';
+    table: Table<TData>;
+}): JSX.Element;

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

@@ -0,0 +1,12 @@
+import { Table } from '@tanstack/react-table';
+import { StyledTableProps } from '../../types';
+import { ColumnWindow } from '../../hooks/useColumnVirtualizer';
+export declare function TableHeader<TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>({ table, styledTableProps, tableCanResize, tableWidth, columnWindow: { paddingLeft, paddingRight, indexes }, }: {
+    table: Table<TData>;
+    styledTableProps: StyledTableProps<TData, TCustomData>;
+    tableCanResize: boolean;
+    tableWidth: number | null;
+    columnWindow: ColumnWindow;
+}): JSX.Element;

package/dist/src/table/components/table-header/TableHeaderCell.d.ts

@@ -0,0 +1,12 @@
+import { Header } from '@tanstack/react-table';
+import { StyledTableProps } from '../../types';
+export declare function TableHeaderCell<TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>({ styledTableProps, header, tableCanResize, left, right, tableWidth, }: {
+    styledTableProps: StyledTableProps<TData, TCustomData>;
+    header: Header<TData, unknown>;
+    tableCanResize: boolean;
+    left: number;
+    right?: number;
+    tableWidth: number | null;
+}): JSX.Element;

package/dist/src/table/context/RootContext.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+interface RootContextType {
+    enableResizingFlag: () => void;
+    disableResizingFlag: () => void;
+    isResizing: boolean;
+}
+export declare const RootContextProvider: FunctionComponent<PropsWithChildren>;
+export declare const useRootContext: () => RootContextType;
+export {};

package/dist/src/table/custom-features/expand-rows/ExpandRowsFeature.d.ts

@@ -0,0 +1,2 @@
+import { TableFeature } from '@tanstack/react-table';
+export declare const ExpandedRowsFeature: TableFeature;

package/dist/src/table/custom-features/expand-rows/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './ExpandRowsFeature';

package/dist/src/table/custom-features/expand-rows/types.d.ts

@@ -0,0 +1,15 @@
+import { OnChangeFn, Updater } from '@tanstack/react-table';
+export interface ExpandedRowsTableState {
+    expandedRows: Set<string>;
+}
+export interface ExpandedRow {
+    toggleExpand: () => void;
+    onChangeExpanded: (newExpanded: boolean) => void;
+    isExpanded: () => boolean;
+}
+export interface ExpandedRowsOptions {
+    onChangeExpandedRows?: OnChangeFn<Set<string>>;
+}
+export interface ExpandedRowsInstance {
+    setExpandedRows: (updater: Updater<Set<string>>) => void;
+}

package/dist/src/table/custom-features/focus-rows/FocusRowsFeature.d.ts

@@ -0,0 +1,2 @@
+import { TableFeature } from '@tanstack/react-table';
+export declare const FocusedRowsFeature: TableFeature;

package/dist/src/table/custom-features/focus-rows/index.d.ts

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

package/dist/src/table/custom-features/focus-rows/types.d.ts

@@ -0,0 +1,18 @@
+import { OnChangeFn, Updater } from '@tanstack/react-table';
+export interface FocusedRowsTableState {
+    focusedRow: string | null;
+}
+export interface FocusedRow {
+    toggleFocused: () => void;
+    onChangeFocused: (newExpanded: boolean, rowId?: string) => void;
+    isFocused: () => boolean;
+    focusNextRow: () => void;
+    focusPrevRow: () => void;
+}
+export interface FocusedRowsOptions {
+    onChangeFocusedRow?: OnChangeFn<string | null>;
+}
+export interface FocusedRowsInstance {
+    setFocusedRow: (updater: Updater<string | null>) => void;
+    focusRowById: (rowId: string) => void;
+}

package/dist/src/table/custom-features/order-columns/OrderColumnsFeature.d.ts

@@ -0,0 +1,2 @@
+import { TableFeature } from '@tanstack/react-table';
+export declare const OrderColumnsFeature: TableFeature;

package/dist/src/table/custom-features/order-columns/index.d.ts

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

package/dist/src/table/custom-features/order-columns/types.d.ts

@@ -0,0 +1,8 @@
+import { ColumnOrderState, OnChangeFn } from '@tanstack/react-table';
+export interface OrderedColumnsTableState {
+    columnOrder: ColumnOrderState;
+}
+export interface OrderedColumnsOptions {
+    onColumnOrderChange?: OnChangeFn<ColumnOrderState>;
+    persistColumnOrderKey?: string;
+}

package/dist/src/table/custom-features/order-columns/usePersistColumnOrder.d.ts

@@ -0,0 +1,2 @@
+import { Table } from '@tanstack/react-table';
+export declare function usePersistColumnOrder<TData = unknown>(table: Table<TData>, key?: string | null): void;

package/dist/src/table/custom-features/order-columns/usePersistedColumnOrder.d.ts

@@ -0,0 +1 @@
+export declare const usePersistedColumnOrder: (persistColumnOrderKey?: string) => string[] | undefined;

package/dist/src/table/custom-features/row-selection-tooltip/RowSelectionTooltipFeature.d.ts

@@ -0,0 +1,2 @@
+import { TableFeature } from '@tanstack/react-table';
+export declare const RowSelectionTooltipFeature: TableFeature;

package/dist/src/table/custom-features/row-selection-tooltip/index.d.ts

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

package/dist/src/table/custom-features/row-selection-tooltip/types.d.ts

@@ -0,0 +1,8 @@
+import { Row, RowData } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+export interface RowSelectionTooltipOptions<TData extends RowData> {
+    getRowSelectionTooltip?: (row: Row<TData>) => ReactNode;
+}
+export interface RowSelectionTooltipRow<TData extends RowData> {
+    getRowSelectionTooltip: () => ReturnType<NonNullable<RowSelectionTooltipOptions<TData>['getRowSelectionTooltip']>>;
+}

package/dist/src/table/helpers/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/table/helpers/getTableHeaderStyle.d.ts

@@ -0,0 +1,10 @@
+import { Header } from '@tanstack/react-table';
+export declare const getTableHeaderStyle: <TData>(props: {
+    enableResizing: boolean;
+    header: Header<TData, unknown>;
+    tableWidth: number | null;
+}) => {
+    width: string | number | undefined;
+    maxWidth: string | number | undefined;
+    minWidth: string | number | undefined;
+};

package/dist/src/table/helpers/injectColumns.d.ts

@@ -0,0 +1,4 @@
+import { StyledTableProps } from '../types';
+export declare const injectColumns: <TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => void;

package/dist/src/table/hooks/useColumnVirtualizer.d.ts

@@ -0,0 +1,20 @@
+import { Table } from '@tanstack/react-table';
+import { MutableRefObject } from 'react';
+export interface ColumnWindow {
+    indexes: number[];
+    paddingLeft: number;
+    paddingRight: number;
+}
+export declare function useColumnVirtualizer<TData extends {
+    id: string | number;
+}>({ table, scrollRef, isMobileView, }: {
+    table: Table<TData>;
+    scrollRef?: MutableRefObject<HTMLDivElement | null>;
+    isMobileView: boolean;
+}): {
+    columnWindow: {
+        indexes: number[];
+        paddingLeft: number;
+        paddingRight: number;
+    };
+};

package/dist/src/table/hooks/usePersistedPageSize.d.ts

@@ -0,0 +1,2 @@
+export declare const getPersistedPageSizeKey: (uniqueKey?: string) => string | undefined;
+export declare const usePersistedPageSize: (uniqueKey?: string) => number | undefined;

package/dist/src/table/hooks/useStyledTable.d.ts

@@ -0,0 +1,7 @@
+import { Table } from '@tanstack/react-table';
+import { StyledTableProps } from '../types';
+export declare const useStyledTable: <TData extends {
+    id: string | number;
+}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => {
+    table: Table<TData>;
+};

package/dist/src/table/hooks/useToggleMenuVisibility.hook.d.ts

@@ -0,0 +1,6 @@
+export declare const useToggleMenuVisibility: () => {
+    open: boolean;
+    handleClose: () => void;
+    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    anchorEl: HTMLElement | SVGSVGElement | null;
+};

package/dist/src/table/hooks/useTranslations.d.ts

@@ -0,0 +1,9 @@
+export declare function useTranslations(locale?: 'no' | 'en'): {
+    column_reorder: string;
+    column_hidden: string;
+    reset_order: string;
+} | {
+    column_reorder: string;
+    column_hidden: string;
+    reset_order: string;
+};

package/dist/src/table/hooks/useWindowWidthSize.hook.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowWidthSize(): number;
+export declare const mobileView: (windowWidth: number | undefined) => boolean;
+export declare function useIsMobileView(): boolean;
+export declare function useIsTabletView(): boolean;
+export declare const tabletView: (windowWidth: number | undefined) => boolean;

package/dist/src/table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './components/StyledTableIndex';
+export { RowDragHandleCell } from './components/columns/dndHandleColumn';
+export { createColumnHelper, type Table, type Row, type ColumnDef, type CellContext } from '@tanstack/react-table';

package/dist/src/table/shared-components/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function CheckIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/table/shared-components/ChevronDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ChevronDownIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/table/shared-components/ChevronLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ChevronLeftIcon(props: SVGProps<SVGSVGElement>): JSX.Element;