@bigbinary/neeto-atoms 1.0.34 → 1.0.36

package/dist/cjs/{DataTable-Bc9o5j6-.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();
@@ -3456,8 +3464,12 @@ const useColumnVisibility = ({ columnVisibility: controlledVisibility, onColumnV
         controlledOnChange?.(updaterOrValue);
     }, [visibility, isControlled, controlledOnChange]);
     const hideColumn = React.useCallback((columnId) => {
-        onColumnVisibilityChange(old => ({ ...old, [columnId]: false }));
-        onColumnHide?.(columnId);
+        if (onColumnHide) {
+            onColumnHide(columnId);
+        }
+        else {
+            onColumnVisibilityChange(old => ({ ...old, [columnId]: false }));
+        }
     }, [onColumnVisibilityChange, onColumnHide]);
     const showColumn = React.useCallback((columnId) => {
         onColumnVisibilityChange(old => ({ ...old, [columnId]: true }));
@@ -3608,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({
@@ -3849,4 +3862,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-Bc9o5j6-.js.map
+//# sourceMappingURL=DataTable-BynOh4Bs.js.map