@bigbinary/neeto-atoms 1.0.75 → 1.0.77

package/dist/{Tabs-DTbbJITd.js → Tabs-BCUdAnva.js}

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, forwardRef, useContext } from 'react';
+import { Link } from 'react-router-dom';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { r as renderIcon } from './renderIcon-C6twJSqH.js';
 import { Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent } from './primitives/Tabs.js';
@@ -33,18 +34,31 @@ const TabsListComponent = forwardRef(
 );
 TabsListComponent.displayName = "Tabs.List";
 const TabsItemComponent = forwardRef(
-  ({ icon, className, children, ...otherProps }, ref) => {
+  ({ icon, className, children, to, ...otherProps }, ref) => {
     const size = useContext(TabsSizeContext);
-    return /* @__PURE__ */ jsxs(
+    const content = icon ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
+      children
+    ] }) : children;
+    if (to !== void 0) {
+      return /* @__PURE__ */ jsx(
+        TabsTrigger,
+        {
+          asChild: true,
+          ref,
+          className: cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
+          ...otherProps,
+          children: /* @__PURE__ */ jsx(Link, { to, children: content })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
       TabsTrigger,
       {
         ref,
         className: cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
         ...otherProps,
-        children: [
-          icon && renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
-          children
-        ]
+        children: content
       }
     );
   }
@@ -61,4 +75,4 @@ const Tabs = Object.assign(TabsRoot, {
 });
 
 export { Tabs as T };
-//# sourceMappingURL=Tabs-DTbbJITd.js.map
+//# sourceMappingURL=Tabs-BCUdAnva.js.map

package/dist/Tabs-BCUdAnva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-BCUdAnva.js","sources":["../src/components/Tabs/constants.ts","../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n  default: \"\",\n  lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n  default: \"\",\n  lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n  Tabs as PrimitiveTabs,\n  TabsList as PrimitiveTabsList,\n  TabsTrigger as PrimitiveTabsTrigger,\n  TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype LinkTo = React.ComponentProps<typeof Link>[\"to\"];\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n  /** Size of tab triggers. Applied to all Tabs.Item children. */\n  size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n  typeof PrimitiveTabsTrigger\n> {\n  /** Icon component, element, or class-name string rendered before the label. */\n  icon?: IconProp;\n  /** When set, the trigger renders as a react-router-dom Link to this path. */\n  to?: LinkTo;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n  ({ size = \"default\", children, ...props }, ref) => (\n    <TabsSizeContext.Provider value={size}>\n      <PrimitiveTabs ref={ref} {...props}>\n        {children}\n      </PrimitiveTabs>\n    </TabsSizeContext.Provider>\n  )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const size = useContext(TabsSizeContext);\n\n    return (\n      <PrimitiveTabsList\n        ref={ref}\n        className={cn(LIST_HEIGHT[size], className)}\n        {...props}\n      />\n    );\n  }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n  ({ icon, className, children, to, ...otherProps }, ref) => {\n    const size = useContext(TabsSizeContext);\n    const content = icon ? (\n      <>\n        {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n        {children}\n      </>\n    ) : (\n      children\n    );\n\n    if (to !== undefined) {\n      return (\n        <PrimitiveTabsTrigger\n          asChild\n          ref={ref}\n          className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n          {...otherProps}\n        >\n          <Link to={to}>{content}</Link>\n        </PrimitiveTabsTrigger>\n      );\n    }\n\n    return (\n      <PrimitiveTabsTrigger\n        ref={ref}\n        className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n        {...otherProps}\n      >\n        {content}\n      </PrimitiveTabsTrigger>\n    );\n  }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n  (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n  List: TabsListComponent,\n  Item: TabsItemComponent,\n  Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","PrimitiveTabsContent"],"mappings":";;;;;;;AAIO,MAAM,YAAA,GAAyC;AAAA,EACpD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,WAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,eAAA,GAAkB,cAAwB,SAAS,CAAA;;ACsBhE,MAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzC,GAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,IAAA,EAC/B,QAAA,kBAAA,GAAA,CAACA,UAAc,GAAA,EAAW,GAAG,KAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAEJ,CAAA;AACA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEvB,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AAEvC,IAAA,uBACE,GAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,QACzC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,EAAA,EAAI,GAAG,UAAA,EAAW,EAAG,GAAA,KAAQ;AACzD,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AACvC,IAAA,MAAM,OAAA,GAAU,uBACd,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,UAAA,CAAW,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,QAAA,GAAW,QAAQ,CAAA;AAAA,MACpD;AAAA,KAAA,EACH,CAAA,GAEA,QAAA;AAGF,IAAA,IAAI,OAAO,MAAA,EAAW;AACpB,MAAA,uBACE,GAAA;AAAA,QAACC,WAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAO,IAAA;AAAA,UACP,GAAA;AAAA,UACA,WAAW,EAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,UAC7D,GAAG,UAAA;AAAA,UAEJ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAS,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA,OACzB;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAACA,WAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,QAC7D,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,oBAAA,GAAuB,UAAA;AAAA,EAC3B,CAAC,KAAA,EAAO,GAAA,yBAASC,WAAA,EAAA,EAAqB,GAAA,EAAW,GAAG,KAAA,EAAO;AAC7D,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAEnC,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU;AAAA,EACnC,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC;;;;"}

package/dist/cjs/{DataTable-CXjAvPHV.js → DataTable-D4JGU1T4.js}

@@ -3178,6 +3178,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 = () => {
@@ -3231,9 +3232,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 {
@@ -3249,6 +3250,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,
@@ -3634,14 +3662,25 @@ const useColumnResize = ({
   hasSelectionColumn,
   scrollContainerRef,
   columnSizing,
-  setColumnSizing
+  setColumnSizing,
+  initialUserResizedIds,
+  onUserResize
 }) => {
   const [containerWidth, setContainerWidth] = React.useState(0);
-  const userResizedColumnsRef = React.useRef(/* @__PURE__ */ new Set());
+  const userResizedColumnsRef = React.useRef(
+    new Set(initialUserResizedIds ?? [])
+  );
   const columns = table.options.columns;
-  const clearUserResized = React.useCallback((columnId) => {
-    userResizedColumnsRef.current.delete(columnId);
-  }, []);
+  const clearUserResized = React.useCallback(
+    (columnId) => {
+      userResizedColumnsRef.current.delete(columnId);
+      onUserResize?.(
+        table.getState().columnSizing,
+        userResizedColumnsRef.current
+      );
+    },
+    [onUserResize, table]
+  );
   const trackUserResize = React.useCallback(
     (updaterOrValue) => {
       setColumnSizing((prev) => {
@@ -3651,10 +3690,11 @@ const useColumnResize = ({
             userResizedColumnsRef.current.add(id);
           }
         }
+        onUserResize?.(next, userResizedColumnsRef.current);
         return next;
       });
     },
-    [setColumnSizing]
+    [setColumnSizing, onUserResize]
   );
   React.useEffect(() => {
     const container = scrollContainerRef.current;
@@ -3727,6 +3767,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 = React.useMemo(
+    () => getStorageKey(localStorageKeyPrefix, COLUMN_SIZING_STORAGE_KEY_SUFFIX),
+    [localStorageKeyPrefix]
+  );
+  const initialSizingRef = React.useRef(null);
+  if (initialSizingRef.current === null) {
+    initialSizingRef.current = enabled && persistToLocalStorage && !isControlled ? readSizingFromLocalStorage(storageKey) : {};
+  }
+  const [internalSizing, setInternalSizing] = React.useState(
+    initialSizingRef.current
+  );
+  const sizing = isControlled ? controlledSizing : internalSizing;
+  const setColumnSizing = React.useCallback(
+    (updaterOrValue) => {
+      if (!isControlled) {
+        setInternalSizing((prev) => resolveUpdater(updaterOrValue, prev));
+      }
+      controlledOnChange?.(updaterOrValue);
+    },
+    [isControlled, controlledOnChange]
+  );
+  const persistUserResizedSizing = React.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__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/50", children: /* @__PURE__ */ jsxRuntime.jsx(primitives_Spinner.Spinner, { className: "size-6" }) });
 
 const EmptyState = ({ colSpan, message }) => {
@@ -4053,6 +4143,9 @@ const DataTable = ({
   onRowSelect,
   bulkSelectAllRowsProps,
   enableColumnResize = true,
+  persistColumnSizing = false,
+  columnSizing: columnSizingProp,
+  onColumnSizingChange: onColumnSizingChangeProp,
   enableColumnFreeze = true,
   columnPinning: columnPinningProp,
   onColumnPinningChange: onColumnPinningChangeProp,
@@ -4162,7 +4255,18 @@ const DataTable = ({
     return { ...columnPinning, left: ["_selection", ...left] };
   }, [columnPinning, selectionColumn, enableColumnFreeze]);
   const scrollContainerRef = React.useRef(null);
-  const [columnSizing, setColumnSizing] = React.useState({});
+  const {
+    columnSizing,
+    setColumnSizing,
+    initialUserResizedIds,
+    persistUserResizedSizing
+  } = useColumnSizingPersistence({
+    enabled: enableColumnResize,
+    persistToLocalStorage: persistColumnSizing,
+    columnSizing: columnSizingProp,
+    onColumnSizingChange: onColumnSizingChangeProp,
+    localStorageKeyPrefix
+  });
   const table = useReactTable({
     data,
     columns: allColumns,
@@ -4199,7 +4303,9 @@ const DataTable = ({
     hasSelectionColumn: !!selectionColumn,
     scrollContainerRef,
     columnSizing,
-    setColumnSizing
+    setColumnSizing,
+    initialUserResizedIds,
+    onUserResize: persistUserResizedSizing
   });
   table.setOptions((prev) => ({
     ...prev,
@@ -4450,4 +4556,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-CXjAvPHV.js.map
+//# sourceMappingURL=DataTable-D4JGU1T4.js.map