@bigbinary/neeto-atoms 1.0.34 → 1.0.36

package/dist/{DataTable-D_csebh3.js → DataTable-BpMBsz5i.js}

@@ -3244,7 +3244,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] = useState(() => enableURLSort ? readSortFromURL() : []);
     const sorting = isControlled ? controlledSorting : internalSorting;
@@ -3256,10 +3256,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]);
     useEffect(() => {
         if (enableURLSort && !isControlled) {
             const urlSorting = readSortFromURL();
@@ -3435,8 +3443,12 @@ const useColumnVisibility = ({ columnVisibility: controlledVisibility, onColumnV
         controlledOnChange?.(updaterOrValue);
     }, [visibility, isControlled, controlledOnChange]);
     const hideColumn = useCallback((columnId) => {
-        onColumnVisibilityChange(old => ({ ...old, [columnId]: false }));
-        onColumnHide?.(columnId);
+        if (onColumnHide) {
+            onColumnHide(columnId);
+        }
+        else {
+            onColumnVisibilityChange(old => ({ ...old, [columnId]: false }));
+        }
     }, [onColumnVisibilityChange, onColumnHide]);
     const showColumn = useCallback((columnId) => {
         onColumnVisibilityChange(old => ({ ...old, [columnId]: true }));
@@ -3587,12 +3599,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 = useMemo(() => getRowIdProp ??
         ((row) => row.id), [getRowIdProp]);
     const { sorting, onSortingChange } = useTableSort({
         sorting: sortingProp,
         onSortingChange: onSortingChangeProp,
+        onSort: onSortProp,
         enableURLSort,
     });
     const { currentPage, pageCount, paginationState, onPageChange } = useTablePagination({
@@ -3822,4 +3835,4 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-D_csebh3.js.map
+//# sourceMappingURL=DataTable-BpMBsz5i.js.map