@mshuja288/aksuicore 0.4.2 → 0.4.4

package/CHANGELOG.md

@@ -7,6 +7,19 @@ Versioning follows [VERSIONING.md](./VERSIONING.md).
 
 ## [Unreleased]
 
+## [0.4.4] — 2026-10-29
+
+### Fixed
+
+- `Dialog` no longer closes immediately when opened from a View/Update click (backdrop ignored the opening gesture; close on backdrop `mousedown` only when the target is the backdrop)
+
+## [0.4.3] — 2026-10-13
+
+### Added
+
+- `RecordWorkspace` persists preview on/off and side-rail expand/collapse globally (`aksui.workspace.chrome`) across all tables
+- Filter values persist per screen at `${columnPrefsKey}.filters` when `columnPrefsKey` is set
+
 ## [0.4.1] — 2026-10-12
 
 ### Fixed

package/dist/index.cjs

@@ -414,17 +414,35 @@ function Dialog({
   children,
   wide = true
 }) {
+  const allowBackdropClose = react.useRef(false);
+  react.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__ */ jsxRuntime.jsx("div", { className: "dialog-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  function onBackdropMouseDown(event) {
+    if (event.target !== event.currentTarget || !allowBackdropClose.current) {
+      return;
+    }
+    onClose();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dialog-backdrop", onMouseDown: onBackdropMouseDown, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "dialog-head", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
@@ -877,6 +895,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;
@@ -905,6 +954,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);
@@ -1028,9 +1116,12 @@ function RecordWorkspace({
   const [internalVisibleKeys, setInternalVisibleKeys] = react.useState(
     () => readStoredColumnKeys(columnPrefsKey, fallbackKeys, allowedKeys)
   );
-  const [filters, setFilters] = react.useState({});
+  const filterStorageKey = filtersPrefsKey(columnPrefsKey);
+  const [filters, setFilters] = react.useState(
+    () => readStoredFilters(filterStorageKey, allowedKeys)
+  );
   const [sort, setSort] = react.useState(null);
-  const [sideOpen, setSideOpen] = react.useState(false);
+  const [sideOpen, setSideOpen] = react.useState(() => readWorkspaceChrome().sideOpen);
   const [toolsDrawerOpen, setToolsDrawerOpen] = react.useState(false);
   const [downloadOpen, setDownloadOpen] = react.useState(false);
   const [bulkOpen, setBulkOpen] = react.useState(false);
@@ -1039,7 +1130,7 @@ function RecordWorkspace({
   const [bulkReport, setBulkReport] = react.useState(null);
   const bulkFileInputRef = react.useRef(null);
   const [columnsOpen, setColumnsOpen] = react.useState(false);
-  const [previewEnabled, setPreviewEnabled] = react.useState(false);
+  const [previewEnabled, setPreviewEnabled] = react.useState(() => readWorkspaceChrome().previewEnabled);
   const [previewKey, setPreviewKey] = react.useState(null);
   const [tooltip, setTooltip] = react.useState(null);
   const [pageSize, setPageSize] = react.useState("15");
@@ -1054,6 +1145,9 @@ function RecordWorkspace({
     }
     setInternalVisibleKeys(readStoredColumnKeys(columnPrefsKey, fallbackKeys, allowedKeys));
   }, [allowedKeys, columnPrefsKey, fallbackKeys, isControlled]);
+  react.useEffect(() => {
+    setFilters(readStoredFilters(filtersPrefsKey(columnPrefsKey), allowedKeys));
+  }, [allowedKeys, columnPrefsKey]);
   const resolvedVisibleKeys = react.useMemo(() => {
     const source = isControlled ? visibleColumnKeys : internalVisibleKeys;
     const filtered2 = source.filter((key) => allowedKeys.has(key));
@@ -1214,13 +1308,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;
@@ -1238,6 +1341,7 @@ function RecordWorkspace({
   }
   function setPreviewEnabledValue(enabled) {
     setPreviewEnabled(enabled);
+    writeWorkspaceChrome({ previewEnabled: enabled, sideOpen });
     setTooltip(null);
     if (!enabled) {
       setPreviewKey(null);
@@ -1298,7 +1402,7 @@ function RecordWorkspace({
             title: "Columns",
             "aria-label": "Columns",
             onClick: () => {
-              setSideOpen(true);
+              setSideOpenValue(true);
               setColumnsOpen(true);
             },
             children: [
@@ -1316,7 +1420,7 @@ function RecordWorkspace({
             "aria-label": "Download",
             disabled: downloadBusy,
             onClick: () => {
-              setSideOpen(true);
+              setSideOpenValue(true);
               setDownloadOpen(true);
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
@@ -1331,7 +1435,7 @@ function RecordWorkspace({
             "aria-label": "Bulk entry",
             disabled: importBusy,
             onClick: () => {
-              setSideOpen(true);
+              setSideOpenValue(true);
               setBulkOpen(true);
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(UploadIcon, {})
@@ -1344,7 +1448,7 @@ function RecordWorkspace({
             className: "ghost side-rail-icon",
             title: "Show filters",
             "aria-label": "Show filters",
-            onClick: () => setSideOpen(true),
+            onClick: () => setSideOpenValue(true),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(FilterIcon, {}),
               activeFilterCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "filter-badge", children: activeFilterCount }) : null
@@ -1733,7 +1837,7 @@ function RecordWorkspace({
                 className: "ghost side-rail-toggle",
                 "aria-expanded": sideOpen,
                 title: sideOpen ? "Collapse" : "Expand",
-                onClick: () => setSideOpen((open) => !open),
+                onClick: () => setSideOpenValue(!sideOpen),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { open: sideOpen }),
                   sideOpen ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Collapse" }) : null