@bigbinary/neeto-atoms 1.0.34 → 1.0.36
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.
- package/dist/{DataTable-D_csebh3.js → DataTable-BpMBsz5i.js} +19 -6
- package/dist/DataTable-BpMBsz5i.js.map +1 -0
- package/dist/cjs/{DataTable-Bc9o5j6-.js → DataTable-BynOh4Bs.js} +19 -6
- package/dist/cjs/DataTable-BynOh4Bs.js.map +1 -0
- package/dist/cjs/components/DataTable.js +1 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/hooks/useTableSort.d.ts +6 -1
- package/dist/components/DataTable/index.d.ts +1 -0
- package/dist/components/DataTable/types.d.ts +2 -0
- package/dist/components/DataTable.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/DataTable-D_csebh3.js.map +0 -1
- package/dist/cjs/DataTable-Bc9o5j6-.js.map +0 -1
|
@@ -8,7 +8,7 @@ var Button = require('../Button-BniJ4TT_.js');
|
|
|
8
8
|
var Callout = require('../Callout-CVNpjTde.js');
|
|
9
9
|
var Checkbox = require('../Checkbox-DOlS2oCD.js');
|
|
10
10
|
var ColorPicker = require('../ColorPicker-Uxgn8U0h.js');
|
|
11
|
-
var DataTable = require('../DataTable-
|
|
11
|
+
var DataTable = require('../DataTable-BynOh4Bs.js');
|
|
12
12
|
var DatePicker = require('../DatePicker-C0BwxIh8.js');
|
|
13
13
|
var Dialog = require('../Dialog-CtI_yWsJ.js');
|
|
14
14
|
var components_DropdownMenu = require('./DropdownMenu.js');
|
package/dist/cjs/index.js
CHANGED
|
@@ -40,7 +40,7 @@ var Tabs = require('./Tabs-D2247rd7.js');
|
|
|
40
40
|
var Textarea = require('./Textarea-BfdlAJ59.js');
|
|
41
41
|
var Tooltip = require('./Tooltip-criVUtIg.js');
|
|
42
42
|
var Typography = require('./Typography-DaZ0HTha.js');
|
|
43
|
-
var DataTable = require('./DataTable-
|
|
43
|
+
var DataTable = require('./DataTable-BynOh4Bs.js');
|
|
44
44
|
var Tree = require('./Tree-BPd0DuLh.js');
|
|
45
45
|
var TreeSelect = require('./TreeSelect-BoffO6qD.js');
|
|
46
46
|
var useMobile = require('./use-mobile-B-UYxtqX.js');
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { DataTableProps } from "./types";
|
|
2
|
-
export declare const DataTable: <TData>({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, enableSorting, enableURLSort, totalCount, pageSize, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize, enableColumnFreeze, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading, bordered, className, emptyMessage, onRowClick, allowRowClick, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const DataTable: <TData>({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, onSort: onSortProp, enableSorting, enableURLSort, totalCount, pageSize, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize, enableColumnFreeze, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading, bordered, className, emptyMessage, onRowClick, allowRowClick, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import type { SortingState, OnChangeFn } from "@tanstack/react-table";
|
|
2
|
+
export interface SortInfo {
|
|
3
|
+
field: string;
|
|
4
|
+
order: "ascend" | "descend";
|
|
5
|
+
}
|
|
2
6
|
interface UseTableSortOptions {
|
|
3
7
|
sorting?: SortingState;
|
|
4
8
|
onSortingChange?: OnChangeFn<SortingState>;
|
|
9
|
+
onSort?: (sort: SortInfo | null) => void;
|
|
5
10
|
enableURLSort?: boolean;
|
|
6
11
|
}
|
|
7
|
-
export declare const useTableSort: ({ sorting: controlledSorting, onSortingChange: controlledOnSortingChange, enableURLSort, }: UseTableSortOptions) => {
|
|
12
|
+
export declare const useTableSort: ({ sorting: controlledSorting, onSortingChange: controlledOnSortingChange, onSort, enableURLSort, }: UseTableSortOptions) => {
|
|
8
13
|
sorting: SortingState;
|
|
9
14
|
onSortingChange: OnChangeFn<SortingState>;
|
|
10
15
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { DataTable } from "./DataTable";
|
|
2
2
|
export { useTableSort } from "./hooks/useTableSort";
|
|
3
|
+
export type { SortInfo } from "./hooks/useTableSort";
|
|
3
4
|
export { useTablePagination } from "./hooks/useTablePagination";
|
|
4
5
|
export { useTableSelection } from "./hooks/useTableSelection";
|
|
5
6
|
export { useColumnPinning } from "./hooks/useColumnPinning";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { ColumnDef, ColumnOrderState, ColumnPinningState, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
|
|
2
|
+
import type { SortInfo } from "./hooks/useTableSort";
|
|
2
3
|
export interface BulkSelectAllRowsProps {
|
|
3
4
|
selectAllRowMessage: string;
|
|
4
5
|
selectAllRowButtonLabel: string;
|
|
@@ -26,6 +27,7 @@ export interface DataTableProps<TData> {
|
|
|
26
27
|
getRowId?: (row: TData) => string;
|
|
27
28
|
sorting?: SortingState;
|
|
28
29
|
onSortingChange?: OnChangeFn<SortingState>;
|
|
30
|
+
onSort?: (sort: SortInfo | null) => void;
|
|
29
31
|
enableSorting?: boolean;
|
|
30
32
|
enableURLSort?: boolean;
|
|
31
33
|
totalCount?: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-
|
|
1
|
+
export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-BpMBsz5i.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../primitives/Table.js';
|
package/dist/components/index.js
CHANGED
|
@@ -6,7 +6,7 @@ export { B as Button } from '../Button-DSvnInaL.js';
|
|
|
6
6
|
export { C as Callout } from '../Callout-CTr3dhBe.js';
|
|
7
7
|
export { C as Checkbox } from '../Checkbox-zCxgcZiC.js';
|
|
8
8
|
export { C as ColorPicker } from '../ColorPicker-DtOvy0Gy.js';
|
|
9
|
-
export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-
|
|
9
|
+
export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-BpMBsz5i.js';
|
|
10
10
|
export { D as DatePicker } from '../DatePicker-B7SYjsog.js';
|
|
11
11
|
export { D as Dialog } from '../Dialog-BURSzxaP.js';
|
|
12
12
|
export { DropdownMenu } from './DropdownMenu.js';
|
package/dist/index.js
CHANGED
|
@@ -38,7 +38,7 @@ export { T as Tabs } from './Tabs-DWfKnl3S.js';
|
|
|
38
38
|
export { T as Textarea } from './Textarea-C0z50h0N.js';
|
|
39
39
|
export { T as Tooltip } from './Tooltip-3ZzQyaDV.js';
|
|
40
40
|
export { T as Typography, t as typographyVariants } from './Typography-ClPJbLjP.js';
|
|
41
|
-
export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-
|
|
41
|
+
export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-BpMBsz5i.js';
|
|
42
42
|
export { T as Tree } from './Tree-C7r10UY5.js';
|
|
43
43
|
export { T as TreeSelect } from './TreeSelect-BxsQrdjf.js';
|
|
44
44
|
export { u as useIsMobile } from './use-mobile-IRjN_mlT.js';
|