@bigbinary/neeto-atoms 1.0.35 → 1.0.36

package/dist/cjs/{DataTable-Dg0pX7Ng.js → DataTable-BynOh4Bs.js}

@@ -3265,7 +3265,7 @@ const getPageNumbers = (current, total) => {
     return pages;
 };
 
-const useTableSort = ({ sorting: controlledSorting, onSortingChange: controlledOnSortingChange, enableURLSort = true, }) => {
+const useTableSort = ({ sorting: controlledSorting, onSortingChange: controlledOnSortingChange, onSort, enableURLSort = true, }) => {
     const isControlled = controlledSorting !== undefined;
     const [internalSorting, setInternalSorting] = React.useState(() => enableURLSort ? readSortFromURL() : []);
     const sorting = isControlled ? controlledSorting : internalSorting;
@@ -3277,10 +3277,18 @@ const useTableSort = ({ sorting: controlledSorting, onSortingChange: controlledO
             setInternalSorting(newSorting);
         }
         controlledOnSortingChange?.(updaterOrValue);
+        if (onSort) {
+            onSort(newSorting.length > 0
+                ? {
+                    field: newSorting[0].id,
+                    order: newSorting[0].desc ? "descend" : "ascend",
+                }
+                : null);
+        }
         if (enableURLSort) {
             writeSortToURL(newSorting);
         }
-    }, [sorting, isControlled, controlledOnSortingChange, enableURLSort]);
+    }, [sorting, isControlled, controlledOnSortingChange, onSort, enableURLSort]);
     React.useEffect(() => {
         if (enableURLSort && !isControlled) {
             const urlSorting = readSortFromURL();
@@ -3612,12 +3620,13 @@ const HeaderCellMenu = ({ column, enableAddColumn, enableColumnFreeze, isColumnP
                             }) }))] })] }) }));
 };
 
-const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, enableSorting = false, enableURLSort = true, totalCount, pageSize = DEFAULT_PAGE_SIZE, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination = true, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize = true, enableColumnFreeze = true, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder = false, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn = false, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading = false, bordered = true, className, emptyMessage, onRowClick, allowRowClick = true, }) => {
+const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, onSort: onSortProp, enableSorting = false, enableURLSort = true, totalCount, pageSize = DEFAULT_PAGE_SIZE, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination = true, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize = true, enableColumnFreeze = true, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder = false, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn = false, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading = false, bordered = true, className, emptyMessage, onRowClick, allowRowClick = true, }) => {
     const getRowId = React.useMemo(() => getRowIdProp ??
         ((row) => row.id), [getRowIdProp]);
     const { sorting, onSortingChange } = useTableSort({
         sorting: sortingProp,
         onSortingChange: onSortingChangeProp,
+        onSort: onSortProp,
         enableURLSort,
     });
     const { currentPage, pageCount, paginationState, onPageChange } = useTablePagination({
@@ -3853,4 +3862,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-Dg0pX7Ng.js.map
+//# sourceMappingURL=DataTable-BynOh4Bs.js.map