asma-core-ui 3.0.71 → 3.0.73

package/package.json

@@ -1,125 +1,125 @@
 {
-  "name": "asma-core-ui",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "3.0.71",
-  "type": "module",
-  "files": [
-    "dist/**/*",
-    "dist/style.css",
-    "tw-configs/**/*"
-  ],
-  "keywords": [],
-  "author": "asma-team",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/asma-core-ui.es.js",
-  "module": "./dist/asma-core-ui.es.js",
-  "license": "UNLICENSED",
-  "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@fontsource/material-icons": "^5.0.4",
-    "@fontsource/roboto": "^5.0.4",
-    "@iconify/react": "^4.1.1",
-    "@mui/material": "^5.13.7",
-    "@tanstack/react-table": "^8.10.0",
-    "clsx": "^1.2.1",
-    "date-fns": "^2.30.0",
-    "lodash-es": "^4.17.21",
-    "material-ui-popup-state": "^5.0.10",
-    "node": "18.17.0",
-    "notistack": "^3.0.1",
-    "react": "^18.2.0",
-    "react-day-picker": "^8.8.2",
-    "react-dom": "^18.2.0",
-    "react-quill": "^2.0.0",
-    "sass": "^1.77.5",
-    "vite-plugin-css-injected-by-js": "^3.5.1"
-  },
-  "devDependencies": {
-    "@changesets/cli": "^2.26.2",
-    "@faker-js/faker": "^8.0.2",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@storybook/addon-a11y": "^7.6.9",
-    "@storybook/addon-essentials": "^7.6.9",
-    "@storybook/addon-interactions": "^7.6.9",
-    "@storybook/addon-links": "^7.6.9",
-    "@storybook/addon-mdx-gfm": "^7.6.9",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addons": "^7.6.9",
-    "@storybook/blocks": "^7.6.9",
-    "@storybook/manager-api": "^7.6.9",
-    "@storybook/preset-create-react-app": "^7.6.9",
-    "@storybook/react": "^7.6.9",
-    "@storybook/react-vite": "^7.6.9",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.9",
-    "@types/lodash-es": "^4.17.7",
-    "@types/node": "^18.0.3",
-    "@types/react": "^18.0.37",
-    "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.59.0",
-    "@typescript-eslint/parser": "^5.59.0",
-    "@vitejs/plugin-react": "^4.0.0",
-    "autoprefixer": "^10.4.14",
-    "axe-playwright": "^1.2.3",
-    "axios": "^1.6.8",
-    "eslint": "^8.38.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.3.4",
-    "eslint-plugin-storybook": "^0.6.15",
-    "postcss": "^8.4.24",
-    "prop-types": "^15.8.1",
-    "rollup-plugin-typescript2": "^0.35.0",
-    "storybook": "^7.6.9",
-    "storybook-addon-themes": "^6.1.0",
-    "tailwind-scrollbar": "^3.1.0",
-    "tailwindcss": "^3.3.2",
-    "typescript": "^5.0.2",
-    "typescript-plugin-css-modules": "^5.0.1",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^3.1.1",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.*",
-    "@emotion/styled": "^11.*",
-    "@mui/material": "^5.*",
-    "immer": "^9.*",
-    "react": "^18.*",
-    "react-dom": "^18.*"
-  },
-  "resolutions": {
-    "@types/node": "18.0.3",
-    "node": "18.17.0"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/asma-core-ui.es.js"
+    "name": "asma-core-ui",
+    "publishConfig": {
+        "access": "public"
     },
-    "./dist/style.css": "./dist/style.css",
-    "./tw-configs/twConfigs.json": "./tw-configs/twConfigs.json"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "npx tsc && rm -rf ./dist && vite build",
-    "preview": "vite preview",
-    "lint": "eslint src/**/*.{js,jsx,ts,tsx}",
-    "version": "echo $npm_package_version",
-    "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
-    "prettier": "prettier --write src//**/*.{ts,tsx,scss} --config ./.prettierrc",
-    "storybook": "storybook dev -p 6006",
-    "storybook:no-browser": "storybook dev -p 6006 --no-open",
-    "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
-    "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
-    "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
-    "test-storybook": "test-storybook",
-    "changeset:pre-beta": "changeset pre enter beta",
-    "changeset:pre-exit": "changeset pre exit",
-    "changeset:version": "changeset version",
-    "changeset:publish": "changeset publish",
-    "changeset:status": "changeset status"
-  }
-}
+    "version": "3.0.73",
+    "type": "module",
+    "files": [
+        "dist/**/*",
+        "dist/style.css",
+        "tw-configs/**/*"
+    ],
+    "keywords": [],
+    "author": "asma-team",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/asma-core-ui.es.js",
+    "module": "./dist/asma-core-ui.es.js",
+    "scripts": {
+        "dev": "vite",
+        "build": "npx tsc && rm -rf ./dist && vite build",
+        "preview": "vite preview",
+        "lint": "eslint src/**/*.{js,jsx,ts,tsx}",
+        "version": "echo $npm_package_version",
+        "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
+        "prettier": "prettier --write src//**/*.{ts,tsx,scss} --config ./.prettierrc",
+        "storybook": "storybook dev -p 6006",
+        "storybook:no-browser": "storybook dev -p 6006 --no-open",
+        "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
+        "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
+        "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
+        "test-storybook": "test-storybook",
+        "changeset:pre-beta": "changeset pre enter beta",
+        "changeset:pre-exit": "changeset pre exit",
+        "changeset:version": "changeset version",
+        "changeset:publish": "changeset publish",
+        "changeset:status": "changeset status"
+    },
+    "license": "UNLICENSED",
+    "dependencies": {
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@fontsource/material-icons": "^5.0.4",
+        "@fontsource/roboto": "^5.0.4",
+        "@iconify/react": "^4.1.1",
+        "@mui/material": "^5.13.7",
+        "@tanstack/react-table": "^8.10.0",
+        "clsx": "^1.2.1",
+        "date-fns": "^2.30.0",
+        "lodash-es": "^4.17.21",
+        "material-ui-popup-state": "^5.0.10",
+        "node": "18.17.0",
+        "notistack": "^3.0.1",
+        "react": "^18.2.0",
+        "react-day-picker": "^8.8.2",
+        "react-dom": "^18.2.0",
+        "react-quill": "^2.0.0",
+        "sass": "^1.77.5",
+        "vite-plugin-css-injected-by-js": "^3.5.1"
+    },
+    "devDependencies": {
+        "@changesets/cli": "^2.26.2",
+        "@faker-js/faker": "^8.0.2",
+        "@rollup/plugin-terser": "^0.4.3",
+        "@storybook/addon-a11y": "^7.6.9",
+        "@storybook/addon-essentials": "^7.6.9",
+        "@storybook/addon-interactions": "^7.6.9",
+        "@storybook/addon-links": "^7.6.9",
+        "@storybook/addon-mdx-gfm": "^7.6.9",
+        "@storybook/addon-styling": "^1.3.7",
+        "@storybook/addons": "^7.6.9",
+        "@storybook/blocks": "^7.6.9",
+        "@storybook/manager-api": "^7.6.9",
+        "@storybook/preset-create-react-app": "^7.6.9",
+        "@storybook/react": "^7.6.9",
+        "@storybook/react-vite": "^7.6.9",
+        "@storybook/test-runner": "^0.16.0",
+        "@storybook/testing-library": "^0.2.2",
+        "@storybook/theming": "^7.6.9",
+        "@types/lodash-es": "^4.17.7",
+        "@types/node": "^18.0.3",
+        "@types/react": "^18.0.37",
+        "@types/react-dom": "^18.0.11",
+        "@typescript-eslint/eslint-plugin": "^5.59.0",
+        "@typescript-eslint/parser": "^5.59.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "autoprefixer": "^10.4.14",
+        "axe-playwright": "^1.2.3",
+        "axios": "^1.6.8",
+        "eslint": "^8.38.0",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.3.4",
+        "eslint-plugin-storybook": "^0.6.15",
+        "postcss": "^8.4.24",
+        "prop-types": "^15.8.1",
+        "rollup-plugin-typescript2": "^0.35.0",
+        "storybook": "^7.6.9",
+        "storybook-addon-themes": "^6.1.0",
+        "tailwind-scrollbar": "^3.1.0",
+        "tailwindcss": "^3.3.2",
+        "typescript": "^5.0.2",
+        "typescript-plugin-css-modules": "^5.0.1",
+        "vite": "^4.3.9",
+        "vite-plugin-dts": "^3.1.1",
+        "vite-tsconfig-paths": "^4.2.0"
+    },
+    "peerDependencies": {
+        "@emotion/react": "^11.*",
+        "@emotion/styled": "^11.*",
+        "@mui/material": "^5.*",
+        "immer": "^9.*",
+        "react": "^18.*",
+        "react-dom": "^18.*"
+    },
+    "resolutions": {
+        "@types/node": "18.0.3",
+        "node": "18.17.0"
+    },
+    "exports": {
+        ".": {
+            "import": "./dist/asma-core-ui.es.js"
+        },
+        "./dist/style.css": "./dist/style.css",
+        "./tw-configs/twConfigs.json": "./tw-configs/twConfigs.json"
+    }
+}

package/dist/src/components/icons/Icons.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const StyledIcons: React.FC<{
-    height?: number;
-    width?: number;
-}>;

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

@@ -1,18 +0,0 @@
-import { type StyledTableProps, type TableState } from './types';
-import { TableBody } from './components/TableBody';
-import type { ColumnSizingState } 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.
- *
- *  @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>>(props: StyledTableProps<TData, TCustomData> & {
-    getColumnSizing?: ((column_sizing: ColumnSizingState) => void) | undefined;
-    getTableState?: ((tableState: TableState) => void) | undefined;
-}) => JSX.Element;
-export declare const MemoizedTableBody: typeof TableBody;

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const TableNoRowsOverlay: React.FC<{
-    colSpan: number;
-    noRowsOverlay?: React.ReactNode;
-}>;

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

@@ -1,6 +0,0 @@
-/// <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/TableRow.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { type Row } from '@tanstack/react-table';
-import type { StyledTableProps } from '../types';
-export declare function TableRow<TData extends {
-    id: string | number;
-}, TCustomData = Record<string, unknown>>({ styledTableProps, row, index, }: {
-    styledTableProps: StyledTableProps<TData, TCustomData>;
-    row: Row<TData>;
-    index: number;
-}): JSX.Element;

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

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const TableSkeleton: React.FC<{
-    colSpan: number;
-}>;

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

@@ -1,21 +0,0 @@
-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: ReactNode;
-        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

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

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

@@ -1,12 +0,0 @@
-import type { CellContext, Row } from '@tanstack/react-table';
-import type { ReactNode } from 'react';
-export declare function RowActionMenu<TData>({ tableData, actions, }: {
-    tableData: CellContext<TData, TData>;
-    actions: (row: Row<TData>) => {
-        label: ReactNode;
-        className?: string;
-        disabled?: boolean;
-        hide?: boolean;
-        onClick?: (row: Row<TData>) => void;
-    }[];
-}): JSX.Element;

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

@@ -1,11 +0,0 @@
-import { type CellContext } from '@tanstack/react-table';
-export declare function generateExpandColumn<TData>(): {
-    id: string;
-    minSize: number;
-    maxSize: number;
-    size: number;
-    enableHiding: boolean;
-    enableSorting: boolean;
-    header: () => null;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element | null;
-};

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

@@ -1,9 +0,0 @@
-import type { CellContext, HeaderContext } from '@tanstack/react-table';
-export declare function selectColumn<TData>(): {
-    id: string;
-    minSize: number;
-    maxSize: number;
-    size: number;
-    header: ({ table }: HeaderContext<TData, TData>) => JSX.Element;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element;
-};

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './StyledTable';
-export { createColumnHelper, type Table, type Row, type ColumnDef } from '@tanstack/react-table';

package/dist/src/components/table/story/components/styled-flex-table/generateActions.d.ts

@@ -1,6 +0,0 @@
-import type { Row } from '@tanstack/react-table';
-import type { ITemplate } from '../../service/types';
-export declare const generateActions: (row: Row<ITemplate>) => {
-    label: string;
-    onClick: () => void;
-}[];

package/dist/src/components/table/story/components/styled-flex-table/useColumns.d.ts

@@ -1,5 +0,0 @@
-import type { ColumnDef } from '@tanstack/react-table';
-import type { ITemplate } from '../../service/types';
-export declare const useColumns: () => {
-    columns: ColumnDef<ITemplate, ITemplate>[];
-};

package/dist/src/components/table/story/components/styled-table/RenderSubRows.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Participant } from '../../helpers/makeData';
-export declare const RenderSubRows: React.FC<{
-    subRows: Participant[];
-}>;

package/dist/src/components/table/story/components/styled-table/getRowActions.d.ts

@@ -1,23 +0,0 @@
-import type { Person } from '../../helpers/makeData';
-import type { Row } from '@tanstack/react-table';
-export declare function getRowActions(row: Row<Person>): ({
-    label: string;
-    hide: boolean;
-    onClick: () => void;
-    className?: undefined;
-} | {
-    label: string;
-    onClick: () => void;
-    hide?: undefined;
-    className?: undefined;
-} | {
-    label: string;
-    className: string;
-    onClick: () => void;
-    hide?: undefined;
-} | {
-    label: string;
-    hide: boolean;
-    className: string;
-    onClick: () => void;
-})[];

package/dist/src/components/table/story/components/styled-table/useTableColumns.d.ts

@@ -1,10 +0,0 @@
-import type { Person } from '../../helpers/makeData';
-import type { ColumnDef } from '@tanstack/react-table';
-/**
- * Custom props:
- * @param size. use NaN (width 100%) only one time for the main column. It will make the column very responsive
- *
- */
-export declare const useStyledTableColumns: () => {
-    columns: ColumnDef<Person, Person>[];
-};

package/dist/src/components/table/story/components/styled-table/useTableSubRowsColumns.d.ts

@@ -1,5 +0,0 @@
-import type { Participant } from '../../helpers/makeData';
-import type { ColumnDef } from '@tanstack/react-table';
-export declare const useTableSubRowsColumns: () => {
-    columns: ColumnDef<Participant, Participant>[];
-};

package/dist/src/components/table/story/service/Templates.query.d.ts

@@ -1,5 +0,0 @@
-export declare const TemplatesQueryString: () => string;
-export declare const TemplatesQuery: {
-    query: string;
-    variables: {};
-};

package/dist/src/components/table/story/service/types.d.ts

@@ -1,9 +0,0 @@
-export type ITemplate = {
-    id: string;
-    context: string;
-    archived: string;
-    title: string;
-    template_uuid: string;
-    valid_days: string;
-    updated_at: string;
-};

package/dist/src/components/table/story/service/useFetchTemplates.d.ts

@@ -1,4 +0,0 @@
-import type { ITemplate } from './types';
-export declare const useFetchTemplates: () => {
-    data: ITemplate[];
-};

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

@@ -1,65 +0,0 @@
-import type { CellContext, ColumnMeta, HeaderContext, Row, TableOptions, Table } from '@tanstack/react-table';
-import type { AccessorFn, ColumnDefTemplate } from '@tanstack/react-table';
-import type { ColumnPinningColumnDef, ColumnSizingColumnDef, FiltersColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef } from '@tanstack/react-table';
-import type { MouseEvent, ReactElement, ReactNode } from 'react';
-declare module '@tanstack/react-table' {
-    interface ColumnDefExtensions<TData extends RowData, TValue = unknown> extends VisibilityColumnDef, ColumnPinningColumnDef, FiltersColumnDef<TData>, SortingColumnDef<TData>, GroupingColumnDef<TData, TValue>, ColumnSizingColumnDef {
-        className?: string;
-        cellAlign?: 'left' | 'center' | 'right';
-        headerAlign?: 'left' | 'center' | 'right';
-    }
-    interface ColumnDefBase<TData extends RowData, TValue = unknown> extends ColumnDefExtensions<TData, TValue> {
-        getUniqueValues?: AccessorFn<TData, unknown[]>;
-        footer?: ColumnDefTemplate<HeaderContext<TData, TValue>>;
-        cell?: ColumnDefTemplate<CellContext<TData, TValue>>;
-        meta?: ColumnMeta<TData, TValue>;
-    }
-}
-export interface IAction<TData> {
-    label: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    hide?: boolean;
-    onClick?: (row: Row<TData>) => void;
-}
-type IFooter<TData> = {
-    footer?: (table: Table<TData>) => ReactNode;
-    hideFooter?: never;
-};
-type IHideFooter = {
-    footer?: never;
-    hideFooter?: boolean;
-};
-type TFooter<TData> = IFooter<TData> | IHideFooter;
-type TTableOptions<TData> = TableOptions<TData>;
-export type * from '@tanstack/react-table';
-export type StyledTableProps<TData, TCustomData> = {
-    locale?: 'no' | 'en';
-    height?: string | number;
-    actions?: (row: Row<TData>) => IAction<TData>[];
-    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
-    customSubRowData?: Map<string, TCustomData[]>;
-    headerPin?: boolean;
-    expandArrow?: boolean;
-    loading?: boolean;
-    noRowsOverlay?: ReactElement;
-    tableInstanceRef?: React.MutableRefObject<Table<TData> | null>;
-    className?: string;
-    rowHeight?: number;
-    tdClassName?: string;
-    focusable?: boolean;
-    stickyHeader?: boolean;
-    getRowClassName?: (row: Row<TData>) => string;
-    onRowClick?: (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
-    renderSubRows?: (props: {
-        rows: TCustomData[];
-        row: TData;
-    }) => ReactElement | null;
-    getRowSelectionIds?: (ids: string[]) => void;
-    hideHeader?: boolean;
-    pageSize?: number;
-    enableResizing?: boolean;
-} & Omit<TTableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> & TFooter<TData>;
-export declare const SELECT_COLUMN_ID = "select";
-export declare const EXPAND_COLUMN_ID = "expand-column-id";
-export declare const ACTIONS_COLUMN_ID = "actions";