@mshuja288/aksuicore 0.4.2 → 0.4.4

package/dist/index.d.cts

@@ -237,7 +237,11 @@ declare function RecordWorkspace<T>({ title, columns, items, rowKey, empty, onAd
     importBusy?: boolean;
     /** Column checklist in the side rail. Default true. */
     showColumnPicker?: boolean;
-    /** Persist visible column keys in localStorage under this key. */
+    /**
+     * Persist visible column keys in localStorage under this key.
+     * Also persists filter values at `${columnPrefsKey}.filters`.
+     * Preview + side-rail open/collapsed use a shared key across all tables (`aksui.workspace.chrome`).
+     */
     columnPrefsKey?: string;
     /** Controlled visible column keys. */
     visibleColumnKeys?: string[];

package/dist/index.d.ts

@@ -237,7 +237,11 @@ declare function RecordWorkspace<T>({ title, columns, items, rowKey, empty, onAd
     importBusy?: boolean;
     /** Column checklist in the side rail. Default true. */
     showColumnPicker?: boolean;
-    /** Persist visible column keys in localStorage under this key. */
+    /**
+     * Persist visible column keys in localStorage under this key.
+     * Also persists filter values at `${columnPrefsKey}.filters`.
+     * Preview + side-rail open/collapsed use a shared key across all tables (`aksui.workspace.chrome`).
+     */
     columnPrefsKey?: string;
     /** Controlled visible column keys. */
     visibleColumnKeys?: string[];

package/dist/index.js

@@ -412,17 +412,35 @@ function Dialog({
   children,
   wide = true
 }) {
+  const allowBackdropClose = useRef(false);
+  useEffect(() => {
+    if (!open) {
+      allowBackdropClose.current = false;
+      return;
+    }
+    allowBackdropClose.current = false;
+    const timer = window.setTimeout(() => {
+      allowBackdropClose.current = true;
+    }, 0);
+    return () => window.clearTimeout(timer);
+  }, [open]);
   if (!open) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "dialog-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs(
+  function onBackdropMouseDown(event) {
+    if (event.target !== event.currentTarget || !allowBackdropClose.current) {
+      return;
+    }
+    onClose();
+  }
+  return /* @__PURE__ */ jsx("div", { className: "dialog-backdrop", onMouseDown: onBackdropMouseDown, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: wide ? "dialog form-dialog" : "dialog",
       role: "dialog",
       "aria-modal": "true",
       "aria-label": title,
-      onClick: (event) => event.stopPropagation(),
+      onMouseDown: (event) => event.stopPropagation(),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "dialog-head", children: [
           /* @__PURE__ */ jsx("h2", { children: title }),
@@ -875,6 +893,37 @@ var BULK_IMPORT_MODE_OPTIONS = [
 function defaultVisibleKeys(columns) {
   return columns.filter((column) => column.defaultVisible !== false).map((column) => column.key);
 }
+var WORKSPACE_CHROME_KEY = "aksui.workspace.chrome";
+function readWorkspaceChrome() {
+  if (typeof window === "undefined") {
+    return { previewEnabled: false, sideOpen: false };
+  }
+  try {
+    const raw = window.localStorage.getItem(WORKSPACE_CHROME_KEY);
+    if (!raw) {
+      return { previewEnabled: false, sideOpen: false };
+    }
+    const parsed = JSON.parse(raw);
+    return {
+      previewEnabled: Boolean(parsed.previewEnabled),
+      sideOpen: Boolean(parsed.sideOpen)
+    };
+  } catch {
+    return { previewEnabled: false, sideOpen: false };
+  }
+}
+function writeWorkspaceChrome(chrome) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    window.localStorage.setItem(WORKSPACE_CHROME_KEY, JSON.stringify(chrome));
+  } catch {
+  }
+}
+function filtersPrefsKey(columnPrefsKey) {
+  return columnPrefsKey ? `${columnPrefsKey}.filters` : void 0;
+}
 function readStoredColumnKeys(prefsKey, fallback, allowed) {
   if (!prefsKey || typeof window === "undefined") {
     return fallback;
@@ -903,6 +952,45 @@ function writeStoredColumnKeys(prefsKey, keys) {
   } catch {
   }
 }
+function readStoredFilters(prefsKey, allowed) {
+  if (!prefsKey || typeof window === "undefined") {
+    return {};
+  }
+  try {
+    const raw = window.localStorage.getItem(prefsKey);
+    if (!raw) {
+      return {};
+    }
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+      return {};
+    }
+    const next = {};
+    for (const [key, value] of Object.entries(parsed)) {
+      if (allowed.has(key) && typeof value === "string" && value.trim()) {
+        next[key] = value;
+      }
+    }
+    return next;
+  } catch {
+    return {};
+  }
+}
+function writeStoredFilters(prefsKey, filters) {
+  if (!prefsKey || typeof window === "undefined") {
+    return;
+  }
+  try {
+    const trimmed = {};
+    for (const [key, value] of Object.entries(filters)) {
+      if (value.trim()) {
+        trimmed[key] = value;
+      }
+    }
+    window.localStorage.setItem(prefsKey, JSON.stringify(trimmed));
+  } catch {
+  }
+}
 function compareColumnValues(column, left, right) {
   const leftRaw = column.display ? column.display(left) : column.value(left);
   const rightRaw = column.display ? column.display(right) : column.value(right);
@@ -1026,9 +1114,12 @@ function RecordWorkspace({
   const [internalVisibleKeys, setInternalVisibleKeys] = useState(
     () => readStoredColumnKeys(columnPrefsKey, fallbackKeys, allowedKeys)
   );
-  const [filters, setFilters] = useState({});
+  const filterStorageKey = filtersPrefsKey(columnPrefsKey);
+  const [filters, setFilters] = useState(
+    () => readStoredFilters(filterStorageKey, allowedKeys)
+  );
   const [sort, setSort] = useState(null);
-  const [sideOpen, setSideOpen] = useState(false);
+  const [sideOpen, setSideOpen] = useState(() => readWorkspaceChrome().sideOpen);
   const [toolsDrawerOpen, setToolsDrawerOpen] = useState(false);
   const [downloadOpen, setDownloadOpen] = useState(false);
   const [bulkOpen, setBulkOpen] = useState(false);
@@ -1037,7 +1128,7 @@ function RecordWorkspace({
   const [bulkReport, setBulkReport] = useState(null);
   const bulkFileInputRef = useRef(null);
   const [columnsOpen, setColumnsOpen] = useState(false);
-  const [previewEnabled, setPreviewEnabled] = useState(false);
+  const [previewEnabled, setPreviewEnabled] = useState(() => readWorkspaceChrome().previewEnabled);
   const [previewKey, setPreviewKey] = useState(null);
   const [tooltip, setTooltip] = useState(null);
   const [pageSize, setPageSize] = useState("15");
@@ -1052,6 +1143,9 @@ function RecordWorkspace({
     }
     setInternalVisibleKeys(readStoredColumnKeys(columnPrefsKey, fallbackKeys, allowedKeys));
   }, [allowedKeys, columnPrefsKey, fallbackKeys, isControlled]);
+  useEffect(() => {
+    setFilters(readStoredFilters(filtersPrefsKey(columnPrefsKey), allowedKeys));
+  }, [allowedKeys, columnPrefsKey]);
   const resolvedVisibleKeys = useMemo(() => {
     const source = isControlled ? visibleColumnKeys : internalVisibleKeys;
     const filtered2 = source.filter((key) => allowedKeys.has(key));
@@ -1212,13 +1306,22 @@ function RecordWorkspace({
   }
   const previewTitle = previewItem && visibleColumns[0] ? cellText(visibleColumns[0], previewItem) : null;
   function changeFilter(key, value) {
-    setFilters((current) => ({ ...current, [key]: value }));
+    setFilters((current) => {
+      const next = { ...current, [key]: value };
+      writeStoredFilters(filterStorageKey, next);
+      return next;
+    });
     setPage(1);
   }
   function clearFilters() {
     setFilters({});
+    writeStoredFilters(filterStorageKey, {});
     setPage(1);
   }
+  function setSideOpenValue(open) {
+    setSideOpen(open);
+    writeWorkspaceChrome({ previewEnabled, sideOpen: open });
+  }
   function toggleSort(column) {
     if (column.sortable === false) {
       return;
@@ -1236,6 +1339,7 @@ function RecordWorkspace({
   }
   function setPreviewEnabledValue(enabled) {
     setPreviewEnabled(enabled);
+    writeWorkspaceChrome({ previewEnabled: enabled, sideOpen });
     setTooltip(null);
     if (!enabled) {
       setPreviewKey(null);
@@ -1296,7 +1400,7 @@ function RecordWorkspace({
             title: "Columns",
             "aria-label": "Columns",
             onClick: () => {
-              setSideOpen(true);
+              setSideOpenValue(true);
               setColumnsOpen(true);
             },
             children: [
@@ -1314,7 +1418,7 @@ function RecordWorkspace({
             "aria-label": "Download",
             disabled: downloadBusy,
             onClick: () => {
-              setSideOpen(true);
+              setSideOpenValue(true);
               setDownloadOpen(true);
             },
             children: /* @__PURE__ */ jsx(DownloadIcon, {})
@@ -1329,7 +1433,7 @@ function RecordWorkspace({
             "aria-label": "Bulk entry",
             disabled: importBusy,
             onClick: () => {
-              setSideOpen(true);
+              setSideOpenValue(true);
               setBulkOpen(true);
             },
             children: /* @__PURE__ */ jsx(UploadIcon, {})
@@ -1342,7 +1446,7 @@ function RecordWorkspace({
             className: "ghost side-rail-icon",
             title: "Show filters",
             "aria-label": "Show filters",
-            onClick: () => setSideOpen(true),
+            onClick: () => setSideOpenValue(true),
             children: [
               /* @__PURE__ */ jsx(FilterIcon, {}),
               activeFilterCount > 0 ? /* @__PURE__ */ jsx("span", { className: "filter-badge", children: activeFilterCount }) : null
@@ -1731,7 +1835,7 @@ function RecordWorkspace({
                 className: "ghost side-rail-toggle",
                 "aria-expanded": sideOpen,
                 title: sideOpen ? "Collapse" : "Expand",
-                onClick: () => setSideOpen((open) => !open),
+                onClick: () => setSideOpenValue(!sideOpen),
                 children: [
                   /* @__PURE__ */ jsx(ChevronIcon, { open: sideOpen }),
                   sideOpen ? /* @__PURE__ */ jsx("span", { children: "Collapse" }) : null