asma-ui-table 1.4.2 → 1.4.3

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StyledTableProps, TableState, ColumnSizingState } from '../types';
 type RowWithId = {
     id: string | number;
@@ -6,5 +7,5 @@ export declare const StyledTable: <TData extends RowWithId, TCustomData = Record
     getColumnSizing?: ((column_sizing: ColumnSizingState) => void) | undefined;
     getTableState?: ((tableState: TableState) => void) | undefined;
     setData?: ((callback: (data: TData[]) => TData[]) => void) | undefined;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export {};

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

@@ -8,4 +8,4 @@ export declare function TableBody<TData extends {
     table: Table<TData>;
     styledTableProps: StyledTableProps<TData, TCustomData>;
     columnWindow: ColumnWindow;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -9,5 +9,5 @@ export declare function TableRow<TData extends {
     row: Row<TData>;
     columnWindow: ColumnWindow;
     index: number;
-}): JSX.Element;
-export declare const Checkmark: () => JSX.Element;
+}): import("react").JSX.Element;
+export declare const Checkmark: () => import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export declare function TableRows<TData extends {
     styledTableProps: StyledTableProps<TData, TCustomData>;
     table: Table<TData>;
     columnWindow: ColumnWindow;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

@@ -14,8 +14,8 @@ export declare function generateActionsColumn<TData>(options: {
     enableHiding: boolean;
     enableSorting: boolean;
     accessorFn: (row: TData) => TData;
-    header: (props: HeaderContext<TData, TData>) => JSX.Element | null;
-    cell: (cell: CellContext<TData, TData>) => JSX.Element | null;
+    header: (props: HeaderContext<TData, TData>) => import("react").JSX.Element | null;
+    cell: (cell: CellContext<TData, TData>) => import("react").JSX.Element | null;
     size: number;
 } | {
     getUniqueValues?: import("@tanstack/react-table").AccessorFn<TData, unknown[]> | undefined;
@@ -46,7 +46,7 @@ export declare function generateActionsColumn<TData>(options: {
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
     pinnedHeaderText?: string | undefined;
-    header: string | ((props: HeaderContext<TData, TData>) => JSX.Element | null);
+    header: string | ((props: HeaderContext<TData, TData>) => import("react").JSX.Element | null);
     id: string;
     accessorFn: (row: TData) => TData;
 } | {
@@ -111,7 +111,7 @@ export declare function generateActionsColumn<TData>(options: {
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
     pinnedHeaderText?: string | undefined;
-    header: string | ((props: HeaderContext<TData, TData>) => JSX.Element | null);
+    header: string | ((props: HeaderContext<TData, TData>) => import("react").JSX.Element | null);
     id: string;
     accessorFn: (row: TData) => TData;
 } | {
@@ -178,7 +178,7 @@ export declare function generateActionsColumn<TData>(options: {
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
     pinnedHeaderText?: string | undefined;
-    header: string | ((props: HeaderContext<TData, TData>) => JSX.Element | null);
+    header: string | ((props: HeaderContext<TData, TData>) => import("react").JSX.Element | null);
     accessorFn: (row: TData) => TData;
 } | {
     id: string;
@@ -243,7 +243,7 @@ export declare function generateActionsColumn<TData>(options: {
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
     pinnedHeaderText?: string | undefined;
-    header: string | ((props: HeaderContext<TData, TData>) => JSX.Element | null);
+    header: string | ((props: HeaderContext<TData, TData>) => import("react").JSX.Element | null);
     id: string;
 } | {
     accessorFn: import("@tanstack/react-table").AccessorFn<TData, unknown>;

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

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import type { CellContext, Row } from '@tanstack/react-table';
 import { type IAction, type ICustomAction, type RowActionsState } from 'src/types';
+import React from 'react';
 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;
+}): React.JSX.Element;

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

@@ -6,7 +6,7 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     enableHiding: boolean;
     enableSorting: boolean;
     header: () => null;
-    cell: ({ row }: CellContext<TData, TData>) => JSX.Element;
+    cell: ({ row }: CellContext<TData, TData>) => import("react").JSX.Element;
 } | {
     id: string;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type CellContext } from '@tanstack/react-table';
 export declare function generateExpandColumn<TData>(isFixed: boolean, rowHeight?: number): {
     id: string;
@@ -7,6 +8,6 @@ export declare function generateExpandColumn<TData>(isFixed: boolean, rowHeight?
     enableHiding: boolean;
     enableSorting: boolean;
     header: () => null;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element | null;
+    cell: ({ cell }: CellContext<TData, TData>) => import("react").JSX.Element | null;
     fixedLeft: boolean;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare function useElementHeightPx<T extends HTMLElement>(): {
-    ref: import("react").RefObject<T>;
+    ref: import("react").RefObject<T | null>;
     heightPx: number;
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare function useProxyHorizontalScrollSync(enabled: boolean): {
-    tableScrollRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    tableXRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    hScrollRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    hScrollContentRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    tableScrollRef: import("react").RefObject<HTMLDivElement | null>;
+    tableXRef: import("react").RefObject<HTMLDivElement | null>;
+    hScrollRef: import("react").RefObject<HTMLDivElement | null>;
+    hScrollContentRef: import("react").RefObject<HTMLDivElement | null>;
 };

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

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 import type { CellContext, HeaderContext } from '@tanstack/react-table';
 export declare function selectColumn<TData>(isFixed: boolean, rowHeight?: number): {
     id: string;
     minSize: number;
     maxSize: number;
     size: number;
-    header: ({ table }: HeaderContext<TData, TData>) => JSX.Element;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element;
+    header: ({ table }: HeaderContext<TData, TData>) => import("react").JSX.Element;
+    cell: ({ cell }: CellContext<TData, TData>) => import("react").JSX.Element;
     fixedLeft: boolean;
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type CellContext } from 'src/types';
 export declare function generateShowFullTextColumn<TData>(isFixed: boolean, rowHeight?: number): {
     id: string;
@@ -7,6 +8,6 @@ export declare function generateShowFullTextColumn<TData>(isFixed: boolean, rowH
     enableHiding: boolean;
     enableSorting: boolean;
     header: () => null;
-    cell: (info: CellContext<TData, TData>) => JSX.Element;
+    cell: (info: CellContext<TData, TData>) => import("react").JSX.Element;
     fixedLeft: boolean;
 };

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

@@ -7,4 +7,4 @@ export declare function TableFooter<TData extends {
     table: Table<TData>;
     styledTableProps: StyledTableProps<TData, TCustomData>;
     canShowStickyFooter: boolean;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

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

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

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

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

@@ -10,4 +10,4 @@ export declare function TableHeader<TData extends {
     tableCanResize: boolean;
     tableWidth: number | null;
     columnWindow: ColumnWindow;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -9,4 +9,4 @@ export declare function TableHeaderCell<TData extends {
     tableCanResize: boolean;
     left: number;
     tableWidth: number | null;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

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

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

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

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

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

package/dist/src/shared-components/ChevronUpIcon.d.ts

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

package/dist/src/shared-components/CircleWarningOutlineIcon.d.ts

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

package/dist/src/shared-components/DotsHorizontalIcon.d.ts

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

package/dist/src/shared-components/DotsVerticalIcon.d.ts

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

package/dist/src/shared-components/DropDownIcon.d.ts

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

package/dist/src/shared-components/DropUpIcon.d.ts

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

package/dist/src/shared-components/FilterIcon.d.ts

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

package/dist/src/shared-components/LoadingIcon.d.ts

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

package/dist/src/shared-components/PinIcon.d.ts

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

package/dist/src/shared-components/StyledCheckbox.d.ts

@@ -10,7 +10,7 @@ type StyledCheckboxProps = {
     className?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
 } & Omit<React.ComponentProps<typeof Checkbox.Root>, 'children'>;
-export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export declare const StyledCheckbox: React.FC<StyledCheckboxProps>;
 export {};

package/dist/src/shared-components/StyledMenuItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { type MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+export declare const StyledMenuItem: (props: MenuItemProps) => import("react").JSX.Element;

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

@@ -36,5 +36,5 @@ export type StyledButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
  * @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 declare const StyledButton: ({ variant, className, size, children, refLink, startIcon, endIcon, dataTest, error, ...otherProps }: StyledButtonProps) => React.JSX.Element;
 export {};

package/dist/src/shared-components/menu-item/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { MenuItemProps } from '@mui/material';
-export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+export declare const StyledMenuItem: (props: MenuItemProps) => import("react").JSX.Element;

package/dist/src/shared-components/tooltip/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { type TooltipProps } from '@mui/material';
-export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;
+export declare const StyledTooltip: (props: TooltipProps) => import("react").JSX.Element;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "1.4.2",
+    "version": "1.4.3",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -56,18 +56,18 @@
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@emotion/react": "^11.11.1",
-        "@emotion/styled": "^11.11.0",
         "@fontsource/roboto": "^5.0.4",
-        "@mui/material": "^5.13.7",
         "@tanstack/react-table": "^8.21.3",
         "@tanstack/react-virtual": "^3.13.21",
         "clsx": "^1.2.1",
-        "lodash-es": "^4.17.21",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "lodash-es": "^4.17.21"
     },
     "devDependencies": {
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@mui/material": "^5.18.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "@changesets/cli": "^2.26.2",
         "@faker-js/faker": "^8.0.2",
         "@rollup/plugin-terser": "^0.4.3",
@@ -88,8 +88,8 @@
         "@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",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
         "@typescript-eslint/eslint-plugin": "^5.59.0",
         "@typescript-eslint/parser": "^5.59.0",
         "@vitejs/plugin-react": "^4.0.0",
@@ -118,10 +118,10 @@
     "peerDependencies": {
         "@emotion/react": "^11.*",
         "@emotion/styled": "^11.*",
-        "@mui/material": "^5.*",
+        "@mui/material": "^5.18.0",
         "immer": "^9.*",
-        "react": "^18.*",
-        "react-dom": "^18.*"
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
     },
     "resolutions": {
         "@types/node": "18.0.3"