asma-ui-table 1.0.17 → 1.0.19

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

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

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

@@ -5,6 +5,7 @@ export declare function generateActionsColumn<TData>(options: {
     headerPin: boolean;
     actions?: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
     customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
+    rowHeight?: number;
 }): {
     id: string;
     enableHiding: boolean;

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

@@ -1,5 +1,5 @@
 import { type CellContext, type ColumnDef } from 'src/types';
-export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<TData, unknown>): {
+export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<TData, unknown>, rowHeight?: number): {
     id: string;
     enableHiding: boolean;
     enableSorting: boolean;
@@ -9,7 +9,7 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     id: string;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -34,12 +34,13 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: string;
 } | {
     id: string;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -64,13 +65,14 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
 } | {
     id: string;
     columns?: ColumnDef<TData, any>[] | undefined;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -95,13 +97,14 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: string;
 } | {
     id: string;
     columns?: ColumnDef<TData, any>[] | undefined;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -126,13 +129,14 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
 } | {
     id: string;
     accessorKey: (string & {}) | keyof TData;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -157,13 +161,14 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: string | (() => null);
 } | {
     id: string;
     accessorKey: (string & {}) | keyof TData;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -188,13 +193,14 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
 } | {
     id: string;
     accessorFn: import("src/types").AccessorFn<TData, unknown>;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -219,13 +225,14 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: string;
 } | {
     id: string;
     accessorFn: import("src/types").AccessorFn<TData, unknown>;
     getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
     footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
-    cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
+    cell: (({ row }: CellContext<TData, TData>) => JSX.Element) | import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
     meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
     enableHiding: boolean;
     enablePinning?: boolean | undefined;
@@ -250,8 +257,10 @@ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<
     cellAlign?: "left" | "center" | "right" | undefined;
     headerAlign?: "left" | "center" | "right" | undefined;
     fixedLeft?: boolean | undefined;
+    pinnedHeaderText?: string | undefined;
     header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
 };
-export declare const RowDragHandleCell: ({ rowId }: {
+export declare const RowDragHandleCell: ({ rowId, rowHeight }: {
     rowId: string;
+    rowHeight?: number | undefined;
 }) => JSX.Element;

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

@@ -0,0 +1,5 @@
+export declare function generateEmptyColumn(): {
+    id: string;
+    enableHiding: boolean;
+    enablePinning: boolean;
+};

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

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

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

@@ -1,9 +1,10 @@
 import type { CellContext, HeaderContext } from '@tanstack/react-table';
-export declare function selectColumn<TData>(): {
+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;
+    fixedLeft: boolean;
 };

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

@@ -0,0 +1,22 @@
+import React, { type ReactNode } from 'react';
+import { type CellContext } from 'src/types';
+interface ShowFullTextContextType {
+    expandedRows: Set<string>;
+    toggleExpand: (id: string) => void;
+}
+export declare const ShowFullTextProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useShowFullText: () => ShowFullTextContextType;
+export declare function generateShowFullTextColumn<TData>(isFixed: boolean, rowHeight?: number): {
+    id: string;
+    minSize: number;
+    maxSize: number;
+    size: number;
+    enableHiding: boolean;
+    enableSorting: boolean;
+    header: () => null;
+    cell: (info: CellContext<TData, TData>) => JSX.Element;
+    fixedLeft: boolean;
+};
+export {};

package/dist/src/types.d.ts

@@ -8,6 +8,7 @@ declare module '@tanstack/react-table' {
         cellAlign?: 'left' | 'center' | 'right';
         headerAlign?: 'left' | 'center' | 'right';
         fixedLeft?: boolean;
+        pinnedHeaderText?: string;
     }
     interface ColumnDefBase<TData extends RowData, TValue = unknown> extends ColumnDefExtensions<TData, TValue> {
         getUniqueValues?: AccessorFn<TData, unknown[]>;
@@ -66,8 +67,11 @@ export type StyledTableProps<TData, TCustomData> = {
     enableResizing?: boolean;
     enableDnd?: boolean;
     customDndColumnProps?: ColumnDef<TData, unknown>;
+    textExpandArrow?: 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";
 export declare const DND_HANDLE_COLUMN_ID = "dnd-handle";
+export declare const SHOW_FULL_TEXT_ID = "show-full-text";
+export declare const INTERNAL_COLUMN_IDS: string[];

package/package.json

@@ -1,118 +1,118 @@
-{
-    "name": "asma-ui-table",
-    "publishConfig": {
-        "access": "public"
-    },
-    "version": "1.0.17",
-    "type": "module",
-    "files": [
-        "dist/**/*"
-    ],
-    "keywords": [],
-    "author": "asma-team",
-    "types": "./dist/index.d.ts",
-    "main": "./dist/asma-ui-table.es.js",
-    "module": "./dist/asma-ui-table.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": {
-        "@dnd-kit/core": "^6.1.0",
-        "@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.10.0",
-        "clsx": "^1.2.1",
-        "lodash-es": "^4.17.21",
-        "node": "18.17.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
-    },
-    "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",
-        "sass": "^1.77.5",
-        "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-css-injected-by-js": "^3.5.1",
-        "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-ui-table.es.js"
-        }
-    }
-}
+{
+    "name": "asma-ui-table",
+    "publishConfig": {
+        "access": "public"
+    },
+    "version": "1.0.19",
+    "type": "module",
+    "files": [
+        "dist/**/*"
+    ],
+    "keywords": [],
+    "author": "asma-team",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/asma-ui-table.es.js",
+    "module": "./dist/asma-ui-table.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": {
+        "@dnd-kit/core": "^6.1.0",
+        "@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.10.0",
+        "clsx": "^1.2.1",
+        "lodash-es": "^4.17.21",
+        "node": "18.17.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "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",
+        "sass": "^1.77.5",
+        "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-css-injected-by-js": "^3.5.1",
+        "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-ui-table.es.js"
+        }
+    }
+}