asma-ui-table 1.0.10 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/asma-ui-table.es.js +5 -5
  2. package/dist/src/components/StyledTableIndex.d.ts +2 -0
  3. package/dist/src/components/columns/dndHandleColumn.d.ts +257 -0
  4. package/dist/src/shared-components/DotsHorizontalIcon.d.ts +2 -0
  5. package/dist/src/types.d.ts +4 -1
  6. package/package.json +116 -112
  7. package/CHANGELOG.md +0 -687
package/dist/src/components/StyledTableIndex.d.ts CHANGED
@@ -8,11 +8,13 @@ import type { ColumnSizingState } from '../types';
8
8
  *
9
9
  * @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
10
10
  *
11
+ * @param setData: This is used to re-order the data after dragging with dnd use it with enableDnd
11
12
  */
12
13
  export declare const StyledTable: <TData extends {
13
14
  id: string | number;
14
15
  }, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData> & {
15
16
  getColumnSizing?: ((column_sizing: ColumnSizingState) => void) | undefined;
16
17
  getTableState?: ((tableState: TableState) => void) | undefined;
18
+ setData?: ((callback: (data: TData[]) => TData[]) => void) | undefined;
17
19
  }) => JSX.Element;
18
20
  export declare const MemoizedTableBody: typeof TableBody;
package/dist/src/components/columns/dndHandleColumn.d.ts ADDED
@@ -0,0 +1,257 @@
1
+ import { type CellContext, type ColumnDef } from 'src/types';
2
+ export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<TData, unknown>): {
3
+ id: string;
4
+ enableHiding: boolean;
5
+ enableSorting: boolean;
6
+ header: () => null;
7
+ cell: ({ row }: CellContext<TData, TData>) => JSX.Element;
8
+ } | {
9
+ id: string;
10
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
11
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
12
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
13
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
14
+ enableHiding: boolean;
15
+ enablePinning?: boolean | undefined;
16
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
17
+ enableColumnFilter?: boolean | undefined;
18
+ enableGlobalFilter?: boolean | undefined;
19
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
20
+ sortDescFirst?: boolean | undefined;
21
+ enableSorting: boolean;
22
+ enableMultiSort?: boolean | undefined;
23
+ invertSorting?: boolean | undefined;
24
+ sortUndefined?: false | 1 | -1 | undefined;
25
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
26
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
27
+ enableGrouping?: boolean | undefined;
28
+ getGroupingValue?: ((row: TData) => any) | undefined;
29
+ enableResizing?: boolean | undefined;
30
+ size?: number | undefined;
31
+ minSize?: number | undefined;
32
+ maxSize?: number | undefined;
33
+ className?: string | undefined;
34
+ cellAlign?: "left" | "center" | "right" | undefined;
35
+ headerAlign?: "left" | "center" | "right" | undefined;
36
+ fixedLeft?: boolean | undefined;
37
+ header: string;
38
+ } | {
39
+ id: string;
40
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
41
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
42
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
43
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
44
+ enableHiding: boolean;
45
+ enablePinning?: boolean | undefined;
46
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
47
+ enableColumnFilter?: boolean | undefined;
48
+ enableGlobalFilter?: boolean | undefined;
49
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
50
+ sortDescFirst?: boolean | undefined;
51
+ enableSorting: boolean;
52
+ enableMultiSort?: boolean | undefined;
53
+ invertSorting?: boolean | undefined;
54
+ sortUndefined?: false | 1 | -1 | undefined;
55
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
56
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
57
+ enableGrouping?: boolean | undefined;
58
+ getGroupingValue?: ((row: TData) => any) | undefined;
59
+ enableResizing?: boolean | undefined;
60
+ size?: number | undefined;
61
+ minSize?: number | undefined;
62
+ maxSize?: number | undefined;
63
+ className?: string | undefined;
64
+ cellAlign?: "left" | "center" | "right" | undefined;
65
+ headerAlign?: "left" | "center" | "right" | undefined;
66
+ fixedLeft?: boolean | undefined;
67
+ header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
68
+ } | {
69
+ id: string;
70
+ columns?: ColumnDef<TData, any>[] | undefined;
71
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
72
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
73
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
74
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
75
+ enableHiding: boolean;
76
+ enablePinning?: boolean | undefined;
77
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
78
+ enableColumnFilter?: boolean | undefined;
79
+ enableGlobalFilter?: boolean | undefined;
80
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
81
+ sortDescFirst?: boolean | undefined;
82
+ enableSorting: boolean;
83
+ enableMultiSort?: boolean | undefined;
84
+ invertSorting?: boolean | undefined;
85
+ sortUndefined?: false | 1 | -1 | undefined;
86
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
87
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
88
+ enableGrouping?: boolean | undefined;
89
+ getGroupingValue?: ((row: TData) => any) | undefined;
90
+ enableResizing?: boolean | undefined;
91
+ size?: number | undefined;
92
+ minSize?: number | undefined;
93
+ maxSize?: number | undefined;
94
+ className?: string | undefined;
95
+ cellAlign?: "left" | "center" | "right" | undefined;
96
+ headerAlign?: "left" | "center" | "right" | undefined;
97
+ fixedLeft?: boolean | undefined;
98
+ header: string;
99
+ } | {
100
+ id: string;
101
+ columns?: ColumnDef<TData, any>[] | undefined;
102
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
103
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
104
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
105
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
106
+ enableHiding: boolean;
107
+ enablePinning?: boolean | undefined;
108
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
109
+ enableColumnFilter?: boolean | undefined;
110
+ enableGlobalFilter?: boolean | undefined;
111
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
112
+ sortDescFirst?: boolean | undefined;
113
+ enableSorting: boolean;
114
+ enableMultiSort?: boolean | undefined;
115
+ invertSorting?: boolean | undefined;
116
+ sortUndefined?: false | 1 | -1 | undefined;
117
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
118
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
119
+ enableGrouping?: boolean | undefined;
120
+ getGroupingValue?: ((row: TData) => any) | undefined;
121
+ enableResizing?: boolean | undefined;
122
+ size?: number | undefined;
123
+ minSize?: number | undefined;
124
+ maxSize?: number | undefined;
125
+ className?: string | undefined;
126
+ cellAlign?: "left" | "center" | "right" | undefined;
127
+ headerAlign?: "left" | "center" | "right" | undefined;
128
+ fixedLeft?: boolean | undefined;
129
+ header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
130
+ } | {
131
+ id: string;
132
+ accessorKey: (string & {}) | keyof TData;
133
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
134
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
135
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
136
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
137
+ enableHiding: boolean;
138
+ enablePinning?: boolean | undefined;
139
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
140
+ enableColumnFilter?: boolean | undefined;
141
+ enableGlobalFilter?: boolean | undefined;
142
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
143
+ sortDescFirst?: boolean | undefined;
144
+ enableSorting: boolean;
145
+ enableMultiSort?: boolean | undefined;
146
+ invertSorting?: boolean | undefined;
147
+ sortUndefined?: false | 1 | -1 | undefined;
148
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
149
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
150
+ enableGrouping?: boolean | undefined;
151
+ getGroupingValue?: ((row: TData) => any) | undefined;
152
+ enableResizing?: boolean | undefined;
153
+ size?: number | undefined;
154
+ minSize?: number | undefined;
155
+ maxSize?: number | undefined;
156
+ className?: string | undefined;
157
+ cellAlign?: "left" | "center" | "right" | undefined;
158
+ headerAlign?: "left" | "center" | "right" | undefined;
159
+ fixedLeft?: boolean | undefined;
160
+ header: string | (() => null);
161
+ } | {
162
+ id: string;
163
+ accessorKey: (string & {}) | keyof TData;
164
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
165
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
166
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
167
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
168
+ enableHiding: boolean;
169
+ enablePinning?: boolean | undefined;
170
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
171
+ enableColumnFilter?: boolean | undefined;
172
+ enableGlobalFilter?: boolean | undefined;
173
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
174
+ sortDescFirst?: boolean | undefined;
175
+ enableSorting: boolean;
176
+ enableMultiSort?: boolean | undefined;
177
+ invertSorting?: boolean | undefined;
178
+ sortUndefined?: false | 1 | -1 | undefined;
179
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
180
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
181
+ enableGrouping?: boolean | undefined;
182
+ getGroupingValue?: ((row: TData) => any) | undefined;
183
+ enableResizing?: boolean | undefined;
184
+ size?: number | undefined;
185
+ minSize?: number | undefined;
186
+ maxSize?: number | undefined;
187
+ className?: string | undefined;
188
+ cellAlign?: "left" | "center" | "right" | undefined;
189
+ headerAlign?: "left" | "center" | "right" | undefined;
190
+ fixedLeft?: boolean | undefined;
191
+ header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
192
+ } | {
193
+ id: string;
194
+ accessorFn: import("src/types").AccessorFn<TData, unknown>;
195
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
196
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
197
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
198
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
199
+ enableHiding: boolean;
200
+ enablePinning?: boolean | undefined;
201
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
202
+ enableColumnFilter?: boolean | undefined;
203
+ enableGlobalFilter?: boolean | undefined;
204
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
205
+ sortDescFirst?: boolean | undefined;
206
+ enableSorting: boolean;
207
+ enableMultiSort?: boolean | undefined;
208
+ invertSorting?: boolean | undefined;
209
+ sortUndefined?: false | 1 | -1 | undefined;
210
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
211
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
212
+ enableGrouping?: boolean | undefined;
213
+ getGroupingValue?: ((row: TData) => any) | undefined;
214
+ enableResizing?: boolean | undefined;
215
+ size?: number | undefined;
216
+ minSize?: number | undefined;
217
+ maxSize?: number | undefined;
218
+ className?: string | undefined;
219
+ cellAlign?: "left" | "center" | "right" | undefined;
220
+ headerAlign?: "left" | "center" | "right" | undefined;
221
+ fixedLeft?: boolean | undefined;
222
+ header: string;
223
+ } | {
224
+ id: string;
225
+ accessorFn: import("src/types").AccessorFn<TData, unknown>;
226
+ getUniqueValues?: import("src/types").AccessorFn<TData, unknown[]> | undefined;
227
+ footer?: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>> | undefined;
228
+ cell: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>>;
229
+ meta?: import("src/types").ColumnMeta<TData, unknown> | undefined;
230
+ enableHiding: boolean;
231
+ enablePinning?: boolean | undefined;
232
+ filterFn?: import("src/types").FilterFnOption<TData> | undefined;
233
+ enableColumnFilter?: boolean | undefined;
234
+ enableGlobalFilter?: boolean | undefined;
235
+ sortingFn?: import("src/types").SortingFnOption<TData> | undefined;
236
+ sortDescFirst?: boolean | undefined;
237
+ enableSorting: boolean;
238
+ enableMultiSort?: boolean | undefined;
239
+ invertSorting?: boolean | undefined;
240
+ sortUndefined?: false | 1 | -1 | undefined;
241
+ aggregationFn?: import("src/types").AggregationFnOption<TData> | undefined;
242
+ aggregatedCell?: import("src/types").ColumnDefTemplate<CellContext<TData, unknown>> | undefined;
243
+ enableGrouping?: boolean | undefined;
244
+ getGroupingValue?: ((row: TData) => any) | undefined;
245
+ enableResizing?: boolean | undefined;
246
+ size?: number | undefined;
247
+ minSize?: number | undefined;
248
+ maxSize?: number | undefined;
249
+ className?: string | undefined;
250
+ cellAlign?: "left" | "center" | "right" | undefined;
251
+ headerAlign?: "left" | "center" | "right" | undefined;
252
+ fixedLeft?: boolean | undefined;
253
+ header: import("src/types").ColumnDefTemplate<import("src/types").HeaderContext<TData, unknown>>;
254
+ };
255
+ export declare const RowDragHandleCell: ({ rowId }: {
256
+ rowId: string;
257
+ }) => JSX.Element;
package/dist/src/shared-components/DotsHorizontalIcon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { SVGProps } from 'react';
2
+ export declare function DotsHorizontalIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
package/dist/src/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { CellContext, ColumnMeta, HeaderContext, Row, TableOptions, Table } from '@tanstack/react-table';
1
+ import type { CellContext, ColumnMeta, HeaderContext, Row, TableOptions, Table, ColumnDef } from '@tanstack/react-table';
2
2
  import type { AccessorFn, ColumnDefTemplate } from '@tanstack/react-table';
3
3
  import type { ColumnPinningColumnDef, ColumnSizingColumnDef, FiltersColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef } from '@tanstack/react-table';
4
4
  import type { MouseEvent, ReactElement, ReactNode } from 'react';
@@ -64,7 +64,10 @@ export type StyledTableProps<TData, TCustomData> = {
64
64
  hideHeader?: boolean;
65
65
  pageSize?: number;
66
66
  enableResizing?: boolean;
67
+ enableDnd?: boolean;
68
+ customDndColumnProps?: ColumnDef<TData, unknown>;
67
69
  } & Omit<TTableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> & TFooter<TData>;
68
70
  export declare const SELECT_COLUMN_ID = "select";
69
71
  export declare const EXPAND_COLUMN_ID = "expand-column-id";
70
72
  export declare const ACTIONS_COLUMN_ID = "actions";
73
+ export declare const DND_HANDLE_COLUMN_ID = "dnd-handle";
package/package.json CHANGED
@@ -1,114 +1,118 @@
1
1
  {
2
- "name": "asma-ui-table",
3
- "publishConfig": {
4
- "access": "public"
5
- },
6
- "version": "1.0.10",
7
- "type": "module",
8
- "files": [
9
- "dist/**/*"
10
- ],
11
- "keywords": [],
12
- "author": "asma-team",
13
- "types": "./dist/index.d.ts",
14
- "main": "./dist/asma-ui-table.es.js",
15
- "module": "./dist/asma-ui-table.es.js",
16
- "scripts": {
17
- "dev": "vite",
18
- "build": "npx tsc && rm -rf ./dist && vite build",
19
- "preview": "vite preview",
20
- "lint": "eslint src/**/*.{js,jsx,ts,tsx}",
21
- "version": "echo $npm_package_version",
22
- "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
23
- "prettier": "prettier --write src//**/*.{ts,tsx,scss} --config ./.prettierrc",
24
- "storybook": "storybook dev -p 6006",
25
- "storybook:no-browser": "storybook dev -p 6006 --no-open",
26
- "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
27
- "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
28
- "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
29
- "test-storybook": "test-storybook",
30
- "changeset:pre-beta": "changeset pre enter beta",
31
- "changeset:pre-exit": "changeset pre exit",
32
- "changeset:version": "changeset version",
33
- "changeset:publish": "changeset publish",
34
- "changeset:status": "changeset status"
35
- },
36
- "license": "UNLICENSED",
37
- "dependencies": {
38
- "@emotion/react": "^11.11.1",
39
- "@emotion/styled": "^11.11.0",
40
- "@fontsource/roboto": "^5.0.4",
41
- "@mui/material": "^5.13.7",
42
- "@tanstack/react-table": "^8.10.0",
43
- "clsx": "^1.2.1",
44
- "lodash-es": "^4.17.21",
45
- "node": "18.17.0",
46
- "react": "^18.2.0",
47
- "react-dom": "^18.2.0"
48
- },
49
- "devDependencies": {
50
- "@changesets/cli": "^2.26.2",
51
- "@faker-js/faker": "^8.0.2",
52
- "@rollup/plugin-terser": "^0.4.3",
53
- "@storybook/addon-a11y": "^7.6.9",
54
- "@storybook/addon-essentials": "^7.6.9",
55
- "@storybook/addon-interactions": "^7.6.9",
56
- "@storybook/addon-links": "^7.6.9",
57
- "@storybook/addon-mdx-gfm": "^7.6.9",
58
- "@storybook/addon-styling": "^1.3.7",
59
- "@storybook/addons": "^7.6.9",
60
- "@storybook/blocks": "^7.6.9",
61
- "@storybook/manager-api": "^7.6.9",
62
- "@storybook/preset-create-react-app": "^7.6.9",
63
- "@storybook/react": "^7.6.9",
64
- "@storybook/react-vite": "^7.6.9",
65
- "@storybook/test-runner": "^0.16.0",
66
- "@storybook/testing-library": "^0.2.2",
67
- "@storybook/theming": "^7.6.9",
68
- "@types/lodash-es": "^4.17.7",
69
- "@types/node": "^18.0.3",
70
- "@types/react": "^18.0.37",
71
- "@types/react-dom": "^18.0.11",
72
- "@typescript-eslint/eslint-plugin": "^5.59.0",
73
- "@typescript-eslint/parser": "^5.59.0",
74
- "@vitejs/plugin-react": "^4.0.0",
75
- "autoprefixer": "^10.4.14",
76
- "axe-playwright": "^1.2.3",
77
- "axios": "^1.6.8",
78
- "eslint": "^8.38.0",
79
- "eslint-plugin-react-hooks": "^4.6.0",
80
- "eslint-plugin-react-refresh": "^0.3.4",
81
- "eslint-plugin-storybook": "^0.6.15",
82
- "postcss": "^8.4.24",
83
- "prop-types": "^15.8.1",
84
- "rollup-plugin-typescript2": "^0.35.0",
85
- "sass": "^1.77.5",
86
- "storybook": "^7.6.9",
87
- "storybook-addon-themes": "^6.1.0",
88
- "tailwind-scrollbar": "^3.1.0",
89
- "tailwindcss": "^3.3.2",
90
- "typescript": "^5.0.2",
91
- "typescript-plugin-css-modules": "^5.0.1",
92
- "vite": "^4.3.9",
93
- "vite-plugin-css-injected-by-js": "^3.5.1",
94
- "vite-plugin-dts": "^3.1.1",
95
- "vite-tsconfig-paths": "^4.2.0"
96
- },
97
- "peerDependencies": {
98
- "@emotion/react": "^11.*",
99
- "@emotion/styled": "^11.*",
100
- "@mui/material": "^5.*",
101
- "immer": "^9.*",
102
- "react": "^18.*",
103
- "react-dom": "^18.*"
104
- },
105
- "resolutions": {
106
- "@types/node": "18.0.3",
107
- "node": "18.17.0"
108
- },
109
- "exports": {
110
- ".": {
111
- "import": "./dist/asma-ui-table.es.js"
112
- }
2
+ "name": "asma-ui-table",
3
+ "publishConfig": {
4
+ "access": "public"
5
+ },
6
+ "version": "1.0.11",
7
+ "type": "module",
8
+ "files": [
9
+ "dist/**/*"
10
+ ],
11
+ "keywords": [],
12
+ "author": "asma-team",
13
+ "types": "./dist/index.d.ts",
14
+ "main": "./dist/asma-ui-table.es.js",
15
+ "module": "./dist/asma-ui-table.es.js",
16
+ "license": "UNLICENSED",
17
+ "dependencies": {
18
+ "@dnd-kit/core": "^6.1.0",
19
+ "@dnd-kit/modifiers": "^7.0.0",
20
+ "@dnd-kit/sortable": "^8.0.0",
21
+ "@dnd-kit/utilities": "^3.2.2",
22
+ "@emotion/react": "^11.11.1",
23
+ "@emotion/styled": "^11.11.0",
24
+ "@fontsource/roboto": "^5.0.4",
25
+ "@mui/material": "^5.13.7",
26
+ "@tanstack/react-table": "^8.10.0",
27
+ "clsx": "^1.2.1",
28
+ "lodash-es": "^4.17.21",
29
+ "node": "18.17.0",
30
+ "react": "^18.2.0",
31
+ "react-dom": "^18.2.0"
32
+ },
33
+ "devDependencies": {
34
+ "@changesets/cli": "^2.26.2",
35
+ "@faker-js/faker": "^8.0.2",
36
+ "@rollup/plugin-terser": "^0.4.3",
37
+ "@storybook/addon-a11y": "^7.6.9",
38
+ "@storybook/addon-essentials": "^7.6.9",
39
+ "@storybook/addon-interactions": "^7.6.9",
40
+ "@storybook/addon-links": "^7.6.9",
41
+ "@storybook/addon-mdx-gfm": "^7.6.9",
42
+ "@storybook/addon-styling": "^1.3.7",
43
+ "@storybook/addons": "^7.6.9",
44
+ "@storybook/blocks": "^7.6.9",
45
+ "@storybook/manager-api": "^7.6.9",
46
+ "@storybook/preset-create-react-app": "^7.6.9",
47
+ "@storybook/react": "^7.6.9",
48
+ "@storybook/react-vite": "^7.6.9",
49
+ "@storybook/test-runner": "^0.16.0",
50
+ "@storybook/testing-library": "^0.2.2",
51
+ "@storybook/theming": "^7.6.9",
52
+ "@types/lodash-es": "^4.17.7",
53
+ "@types/node": "^18.0.3",
54
+ "@types/react": "^18.0.37",
55
+ "@types/react-dom": "^18.0.11",
56
+ "@typescript-eslint/eslint-plugin": "^5.59.0",
57
+ "@typescript-eslint/parser": "^5.59.0",
58
+ "@vitejs/plugin-react": "^4.0.0",
59
+ "autoprefixer": "^10.4.14",
60
+ "axe-playwright": "^1.2.3",
61
+ "axios": "^1.6.8",
62
+ "eslint": "^8.38.0",
63
+ "eslint-plugin-react-hooks": "^4.6.0",
64
+ "eslint-plugin-react-refresh": "^0.3.4",
65
+ "eslint-plugin-storybook": "^0.6.15",
66
+ "postcss": "^8.4.24",
67
+ "prop-types": "^15.8.1",
68
+ "rollup-plugin-typescript2": "^0.35.0",
69
+ "sass": "^1.77.5",
70
+ "storybook": "^7.6.9",
71
+ "storybook-addon-themes": "^6.1.0",
72
+ "tailwind-scrollbar": "^3.1.0",
73
+ "tailwindcss": "^3.3.2",
74
+ "typescript": "^5.0.2",
75
+ "typescript-plugin-css-modules": "^5.0.1",
76
+ "vite": "^4.3.9",
77
+ "vite-plugin-css-injected-by-js": "^3.5.1",
78
+ "vite-plugin-dts": "^3.1.1",
79
+ "vite-tsconfig-paths": "^4.2.0"
80
+ },
81
+ "peerDependencies": {
82
+ "@emotion/react": "^11.*",
83
+ "@emotion/styled": "^11.*",
84
+ "@mui/material": "^5.*",
85
+ "immer": "^9.*",
86
+ "react": "^18.*",
87
+ "react-dom": "^18.*"
88
+ },
89
+ "resolutions": {
90
+ "@types/node": "18.0.3",
91
+ "node": "18.17.0"
92
+ },
93
+ "exports": {
94
+ ".": {
95
+ "import": "./dist/asma-ui-table.es.js"
113
96
  }
114
- }
97
+ },
98
+ "scripts": {
99
+ "dev": "vite",
100
+ "build": "npx tsc && rm -rf ./dist && vite build",
101
+ "preview": "vite preview",
102
+ "lint": "eslint src/**/*.{js,jsx,ts,tsx}",
103
+ "version": "echo $npm_package_version",
104
+ "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
105
+ "prettier": "prettier --write src//**/*.{ts,tsx,scss} --config ./.prettierrc",
106
+ "storybook": "storybook dev -p 6006",
107
+ "storybook:no-browser": "storybook dev -p 6006 --no-open",
108
+ "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
109
+ "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
110
+ "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
111
+ "test-storybook": "test-storybook",
112
+ "changeset:pre-beta": "changeset pre enter beta",
113
+ "changeset:pre-exit": "changeset pre exit",
114
+ "changeset:version": "changeset version",
115
+ "changeset:publish": "changeset publish",
116
+ "changeset:status": "changeset status"
117
+ }
118
+ }