@bigbinary/neeto-atoms 1.0.75 → 1.0.76

package/dist/{DataTable-DP06B8C7.js → DataTable-Da_EDRI8.js}

@@ -3157,6 +3157,7 @@ const SORT_DIRECTIONS = {
 };
 const STORAGE_KEY_PREFIX = "NEETOUI";
 const STORAGE_KEY_SUFFIX = "FIXED_COLUMNS";
+const COLUMN_SIZING_STORAGE_KEY_SUFFIX = "COLUMN_SIZING";
 
 const getSearchParams = () => new URLSearchParams(window.location.search);
 const readSortFromURL = () => {
@@ -3210,9 +3211,9 @@ const hashPathname = () => {
   }
   return Math.abs(hash).toString(16).toUpperCase();
 };
-const getStorageKey = (prefix) => {
+const getStorageKey = (prefix, suffix = STORAGE_KEY_SUFFIX) => {
   const resolvedPrefix = prefix || hashPathname();
-  return `${STORAGE_KEY_PREFIX}-${resolvedPrefix}-${STORAGE_KEY_SUFFIX}`;
+  return `${STORAGE_KEY_PREFIX}-${resolvedPrefix}-${suffix}`;
 };
 const readFromLocalStorage = (key) => {
   try {
@@ -3228,6 +3229,33 @@ const writeToLocalStorage = (key, value) => {
   } catch {
   }
 };
+const readSizingFromLocalStorage = (key) => {
+  try {
+    const stored = localStorage.getItem(key);
+    if (!stored) return {};
+    const parsed = JSON.parse(stored);
+    if (!parsed || typeof parsed !== "object") return {};
+    const result = {};
+    for (const [id, size] of Object.entries(parsed)) {
+      if (typeof size === "number" && Number.isFinite(size)) {
+        result[id] = size;
+      }
+    }
+    return result;
+  } catch {
+    return {};
+  }
+};
+const writeSizingToLocalStorage = (key, value) => {
+  try {
+    if (Object.keys(value).length === 0) {
+      localStorage.removeItem(key);
+    } else {
+      localStorage.setItem(key, JSON.stringify(value));
+    }
+  } catch {
+  }
+};
 const getResizeColumnStyle = ({
   size,
   isSelectionCol,
@@ -3613,14 +3641,25 @@ const useColumnResize = ({
   hasSelectionColumn,
   scrollContainerRef,
   columnSizing,
-  setColumnSizing
+  setColumnSizing,
+  initialUserResizedIds,
+  onUserResize
 }) => {
   const [containerWidth, setContainerWidth] = useState(0);
-  const userResizedColumnsRef = useRef(/* @__PURE__ */ new Set());
+  const userResizedColumnsRef = useRef(
+    new Set(initialUserResizedIds ?? [])
+  );
   const columns = table.options.columns;
-  const clearUserResized = useCallback((columnId) => {
-    userResizedColumnsRef.current.delete(columnId);
-  }, []);
+  const clearUserResized = useCallback(
+    (columnId) => {
+      userResizedColumnsRef.current.delete(columnId);
+      onUserResize?.(
+        table.getState().columnSizing,
+        userResizedColumnsRef.current
+      );
+    },
+    [onUserResize, table]
+  );
   const trackUserResize = useCallback(
     (updaterOrValue) => {
       setColumnSizing((prev) => {
@@ -3630,10 +3669,11 @@ const useColumnResize = ({
             userResizedColumnsRef.current.add(id);
           }
         }
+        onUserResize?.(next, userResizedColumnsRef.current);
         return next;
       });
     },
-    [setColumnSizing]
+    [setColumnSizing, onUserResize]
   );
   useEffect(() => {
     const container = scrollContainerRef.current;
@@ -3706,6 +3746,56 @@ const useColumnResize = ({
   return { trackUserResize, lastDataColumnId, clearUserResized };
 };
 
+const resolveUpdater = (updaterOrValue, prev) => typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
+const useColumnSizingPersistence = ({
+  enabled = true,
+  persistToLocalStorage = false,
+  columnSizing: controlledSizing,
+  onColumnSizingChange: controlledOnChange,
+  localStorageKeyPrefix
+}) => {
+  const isControlled = controlledSizing !== void 0;
+  const storageKey = useMemo(
+    () => getStorageKey(localStorageKeyPrefix, COLUMN_SIZING_STORAGE_KEY_SUFFIX),
+    [localStorageKeyPrefix]
+  );
+  const initialSizingRef = useRef(null);
+  if (initialSizingRef.current === null) {
+    initialSizingRef.current = enabled && persistToLocalStorage && !isControlled ? readSizingFromLocalStorage(storageKey) : {};
+  }
+  const [internalSizing, setInternalSizing] = useState(
+    initialSizingRef.current
+  );
+  const sizing = isControlled ? controlledSizing : internalSizing;
+  const setColumnSizing = useCallback(
+    (updaterOrValue) => {
+      if (!isControlled) {
+        setInternalSizing((prev) => resolveUpdater(updaterOrValue, prev));
+      }
+      controlledOnChange?.(updaterOrValue);
+    },
+    [isControlled, controlledOnChange]
+  );
+  const persistUserResizedSizing = useCallback(
+    (sizingState, userResizedIds) => {
+      if (!enabled || !persistToLocalStorage || isControlled) return;
+      const filtered = {};
+      userResizedIds.forEach((id) => {
+        const size = sizingState[id];
+        if (typeof size === "number") filtered[id] = size;
+      });
+      writeSizingToLocalStorage(storageKey, filtered);
+    },
+    [enabled, persistToLocalStorage, isControlled, storageKey]
+  );
+  return {
+    columnSizing: enabled ? sizing : {},
+    setColumnSizing,
+    initialUserResizedIds: Object.keys(initialSizingRef.current),
+    persistUserResizedSizing
+  };
+};
+
 const LoadingOverlay = () => /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/50", children: /* @__PURE__ */ jsx(Spinner, { className: "size-6" }) });
 
 const EmptyState = ({ colSpan, message }) => {
@@ -4032,6 +4122,9 @@ const DataTable = ({
   onRowSelect,
   bulkSelectAllRowsProps,
   enableColumnResize = true,
+  persistColumnSizing = false,
+  columnSizing: columnSizingProp,
+  onColumnSizingChange: onColumnSizingChangeProp,
   enableColumnFreeze = true,
   columnPinning: columnPinningProp,
   onColumnPinningChange: onColumnPinningChangeProp,
@@ -4141,7 +4234,18 @@ const DataTable = ({
     return { ...columnPinning, left: ["_selection", ...left] };
   }, [columnPinning, selectionColumn, enableColumnFreeze]);
   const scrollContainerRef = useRef(null);
-  const [columnSizing, setColumnSizing] = useState({});
+  const {
+    columnSizing,
+    setColumnSizing,
+    initialUserResizedIds,
+    persistUserResizedSizing
+  } = useColumnSizingPersistence({
+    enabled: enableColumnResize,
+    persistToLocalStorage: persistColumnSizing,
+    columnSizing: columnSizingProp,
+    onColumnSizingChange: onColumnSizingChangeProp,
+    localStorageKeyPrefix
+  });
   const table = useReactTable({
     data,
     columns: allColumns,
@@ -4178,7 +4282,9 @@ const DataTable = ({
     hasSelectionColumn: !!selectionColumn,
     scrollContainerRef,
     columnSizing,
-    setColumnSizing
+    setColumnSizing,
+    initialUserResizedIds,
+    onUserResize: persistUserResizedSizing
   });
   table.setOptions((prev) => ({
     ...prev,
@@ -4423,4 +4529,4 @@ const DataTable = ({
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-DP06B8C7.js.map
+//# sourceMappingURL=DataTable-Da_EDRI8.js.map