@worknice/whiteboard 0.69.0 → 0.71.0

package/dist/controls/MenuButton.d.ts

@@ -15,6 +15,7 @@ type Option = {
 } | {
     href: string;
     external?: boolean;
+    download?: string | boolean;
     type: "link";
 });
 type Props = {

package/dist/controls/MenuButton.js

@@ -153,7 +153,13 @@ const MenuButton = ({ autoFocus = false, ariaLabel, disabled = false, id, size =
                     optionsRef.current[index] = node;
                 }
             }),
-            children: option.external ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+            children: void 0 !== option.download ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                href: option.href,
+                download: option.download,
+                "aria-disabled": option.disabled,
+                className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemLink,
+                children: optionContent
+            }) : option.external ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
                 href: option.href,
                 "aria-disabled": option.disabled,
                 target: "_blank",

package/dist/icons/components/FileImport.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/dist/icons/components/FileImport.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
+const FileImportSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        "aria-hidden": "true",
+        fill: "currentColor",
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 464L128 464L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64C156.7 64 128 92.7 128 128L128 320L176 320L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM64 392C64 405.3 74.7 416 88 416L310.1 416L279.1 447C269.7 456.4 269.7 471.6 279.1 480.9C288.5 490.2 303.7 490.3 313 480.9L385 408.9C394.4 399.5 394.4 384.3 385 375L313 303C303.6 293.6 288.4 293.6 279.1 303C269.8 312.4 269.7 327.6 279.1 336.9L310.1 367.9L88 367.9C74.7 367.9 64 378.6 64 391.9z"
+        })
+    });
+const FileImport_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(FileImportSvg);
+export { FileImport_rslib_entry_ as default };

package/dist/icons/components/index.d.ts

@@ -45,6 +45,7 @@ export { default as Events } from "./Events";
 export { default as External } from "./External";
 export { default as FileCirclePlus } from "./FileCirclePlus";
 export { default as FileExport } from "./FileExport";
+export { default as FileImport } from "./FileImport";
 export { default as Filter } from "./Filter";
 export { default as FilterList } from "./FilterList";
 export { default as FitView } from "./FitView";

package/dist/icons/components/index.js

@@ -45,6 +45,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Events_js_f62d9e1f__ from "./Events.js";
 import * as __WEBPACK_EXTERNAL_MODULE__External_js_f57b3137__ from "./External.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FileCirclePlus_js_8a998d41__ from "./FileCirclePlus.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FileExport_js_b58980f9__ from "./FileExport.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FileImport_js_364e619c__ from "./FileImport.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Filter_js_962e7a68__ from "./Filter.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FilterList_js_14d71870__ from "./FilterList.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FitView_js_91c9e961__ from "./FitView.js";
@@ -158,6 +159,7 @@ var __webpack_exports__Events = __WEBPACK_EXTERNAL_MODULE__Events_js_f62d9e1f__[
 var __webpack_exports__External = __WEBPACK_EXTERNAL_MODULE__External_js_f57b3137__["default"];
 var __webpack_exports__FileCirclePlus = __WEBPACK_EXTERNAL_MODULE__FileCirclePlus_js_8a998d41__["default"];
 var __webpack_exports__FileExport = __WEBPACK_EXTERNAL_MODULE__FileExport_js_b58980f9__["default"];
+var __webpack_exports__FileImport = __WEBPACK_EXTERNAL_MODULE__FileImport_js_364e619c__["default"];
 var __webpack_exports__Filter = __WEBPACK_EXTERNAL_MODULE__Filter_js_962e7a68__["default"];
 var __webpack_exports__FilterList = __WEBPACK_EXTERNAL_MODULE__FilterList_js_14d71870__["default"];
 var __webpack_exports__FitView = __WEBPACK_EXTERNAL_MODULE__FitView_js_91c9e961__["default"];
@@ -224,4 +226,4 @@ var __webpack_exports__UserPlus = __WEBPACK_EXTERNAL_MODULE__UserPlus_js_796202e
 var __webpack_exports__Visible = __WEBPACK_EXTERNAL_MODULE__Visible_js_aa1c6acc__["default"];
 var __webpack_exports__Warning = __WEBPACK_EXTERNAL_MODULE__Warning_js_d0de15e9__["default"];
 var __webpack_exports__Workflows = __WEBPACK_EXTERNAL_MODULE__Workflows_js_35639a49__["default"];
-export { __webpack_exports__Approval as Approval, __webpack_exports__Apps as Apps, __webpack_exports__Archive as Archive, __webpack_exports__ArrowLeft as ArrowLeft, __webpack_exports__ArrowRight as ArrowRight, __webpack_exports__ArrowTurnLeftUp as ArrowTurnLeftUp, __webpack_exports__ArrowsCompress as ArrowsCompress, __webpack_exports__ArrowsExpand as ArrowsExpand, __webpack_exports__ArrowsUpDown as ArrowsUpDown, __webpack_exports__Assign as Assign, __webpack_exports__AssignmentCertificate as AssignmentCertificate, __webpack_exports__AssignmentDocument as AssignmentDocument, __webpack_exports__AssignmentForm as AssignmentForm, __webpack_exports__AssignmentQuestionnaire as AssignmentQuestionnaire, __webpack_exports__BankAccount as BankAccount, __webpack_exports__Bolt as Bolt, __webpack_exports__BookOpenLines as BookOpenLines, __webpack_exports__Bug as Bug, __webpack_exports__Calendar as Calendar, __webpack_exports__CalendarPlus as CalendarPlus, __webpack_exports__Cancel as Cancel, __webpack_exports__CaratDown as CaratDown, __webpack_exports__CaratLeft as CaratLeft, __webpack_exports__CaratRight as CaratRight, __webpack_exports__CaratUp as CaratUp, __webpack_exports__CheckMark as CheckMark, __webpack_exports__ChevronDown as ChevronDown, __webpack_exports__ChevronLeft as ChevronLeft, __webpack_exports__ChevronRight as ChevronRight, __webpack_exports__ChevronUp as ChevronUp, __webpack_exports__Clock as Clock, __webpack_exports__Close as Close, __webpack_exports__Columns as Columns, __webpack_exports__Comment as Comment, __webpack_exports__Copy as Copy, __webpack_exports__Dash as Dash, __webpack_exports__Delete as Delete, __webpack_exports__Directory as Directory, __webpack_exports__DocumentProcessingFailed as DocumentProcessingFailed, __webpack_exports__Download as Download, __webpack_exports__Edit as Edit, __webpack_exports__Email as Email, __webpack_exports__EmergencyContact as EmergencyContact, __webpack_exports__Events as Events, __webpack_exports__External as External, __webpack_exports__FileCirclePlus as FileCirclePlus, __webpack_exports__FileExport as FileExport, __webpack_exports__Filter as Filter, __webpack_exports__FilterList as FilterList, __webpack_exports__FitView as FitView, __webpack_exports__Globe as Globe, __webpack_exports__GripLines as GripLines, __webpack_exports__Help as Help, __webpack_exports__Hidden as Hidden, __webpack_exports__History as History, __webpack_exports__Inbox as Inbox, __webpack_exports__Info as Info, __webpack_exports__Insights as Insights, __webpack_exports__Job as Job, __webpack_exports__Leave as Leave, __webpack_exports__Lightbulb as Lightbulb, __webpack_exports__Loading as Loading, __webpack_exports__LocationCheck as LocationCheck, __webpack_exports__Logout as Logout, __webpack_exports__Messages as Messages, __webpack_exports__Microsoft as Microsoft, __webpack_exports__Minus as Minus, __webpack_exports__Newspaper as Newspaper, __webpack_exports__Overflow as Overflow, __webpack_exports__Paperwork as Paperwork, __webpack_exports__PaperworkAssigned as PaperworkAssigned, __webpack_exports__PaperworkDraft as PaperworkDraft, __webpack_exports__PaperworkExpired as PaperworkExpired, __webpack_exports__PaperworkExpiringSoon as PaperworkExpiringSoon, __webpack_exports__PaperworkMissing as PaperworkMissing, __webpack_exports__PaperworkProcessed as PaperworkProcessed, __webpack_exports__PaperworkSubmitted as PaperworkSubmitted, __webpack_exports__People as People, __webpack_exports__Phone as Phone, __webpack_exports__Plus as Plus, __webpack_exports__Positions as Positions, __webpack_exports__Profile as Profile, __webpack_exports__ProfileFemale as ProfileFemale, __webpack_exports__ProfileMale as ProfileMale, __webpack_exports__QuestionMark as QuestionMark, __webpack_exports__Remuneration as Remuneration, __webpack_exports__Reschedule as Reschedule, __webpack_exports__Restore as Restore, __webpack_exports__Review as Review, __webpack_exports__Schedule as Schedule, __webpack_exports__Search as Search, __webpack_exports__Settings as Settings, __webpack_exports__Shield as Shield, __webpack_exports__Sidebar as Sidebar, __webpack_exports__Sliders as Sliders, __webpack_exports__SortAsc as SortAsc, __webpack_exports__SortDefault as SortDefault, __webpack_exports__SortDes as SortDes, __webpack_exports__StepsComplete as StepsComplete, __webpack_exports__StepsCurrent as StepsCurrent, __webpack_exports__StepsIncomplete as StepsIncomplete, __webpack_exports__Submit as Submit, __webpack_exports__Success as Success, __webpack_exports__SuperFund as SuperFund, __webpack_exports__Sync as Sync, __webpack_exports__Table as Table, __webpack_exports__Task as Task, __webpack_exports__Tax as Tax, __webpack_exports__Tenure as Tenure, __webpack_exports__UserPlus as UserPlus, __webpack_exports__Visible as Visible, __webpack_exports__Warning as Warning, __webpack_exports__Workflows as Workflows };
+export { __webpack_exports__Approval as Approval, __webpack_exports__Apps as Apps, __webpack_exports__Archive as Archive, __webpack_exports__ArrowLeft as ArrowLeft, __webpack_exports__ArrowRight as ArrowRight, __webpack_exports__ArrowTurnLeftUp as ArrowTurnLeftUp, __webpack_exports__ArrowsCompress as ArrowsCompress, __webpack_exports__ArrowsExpand as ArrowsExpand, __webpack_exports__ArrowsUpDown as ArrowsUpDown, __webpack_exports__Assign as Assign, __webpack_exports__AssignmentCertificate as AssignmentCertificate, __webpack_exports__AssignmentDocument as AssignmentDocument, __webpack_exports__AssignmentForm as AssignmentForm, __webpack_exports__AssignmentQuestionnaire as AssignmentQuestionnaire, __webpack_exports__BankAccount as BankAccount, __webpack_exports__Bolt as Bolt, __webpack_exports__BookOpenLines as BookOpenLines, __webpack_exports__Bug as Bug, __webpack_exports__Calendar as Calendar, __webpack_exports__CalendarPlus as CalendarPlus, __webpack_exports__Cancel as Cancel, __webpack_exports__CaratDown as CaratDown, __webpack_exports__CaratLeft as CaratLeft, __webpack_exports__CaratRight as CaratRight, __webpack_exports__CaratUp as CaratUp, __webpack_exports__CheckMark as CheckMark, __webpack_exports__ChevronDown as ChevronDown, __webpack_exports__ChevronLeft as ChevronLeft, __webpack_exports__ChevronRight as ChevronRight, __webpack_exports__ChevronUp as ChevronUp, __webpack_exports__Clock as Clock, __webpack_exports__Close as Close, __webpack_exports__Columns as Columns, __webpack_exports__Comment as Comment, __webpack_exports__Copy as Copy, __webpack_exports__Dash as Dash, __webpack_exports__Delete as Delete, __webpack_exports__Directory as Directory, __webpack_exports__DocumentProcessingFailed as DocumentProcessingFailed, __webpack_exports__Download as Download, __webpack_exports__Edit as Edit, __webpack_exports__Email as Email, __webpack_exports__EmergencyContact as EmergencyContact, __webpack_exports__Events as Events, __webpack_exports__External as External, __webpack_exports__FileCirclePlus as FileCirclePlus, __webpack_exports__FileExport as FileExport, __webpack_exports__FileImport as FileImport, __webpack_exports__Filter as Filter, __webpack_exports__FilterList as FilterList, __webpack_exports__FitView as FitView, __webpack_exports__Globe as Globe, __webpack_exports__GripLines as GripLines, __webpack_exports__Help as Help, __webpack_exports__Hidden as Hidden, __webpack_exports__History as History, __webpack_exports__Inbox as Inbox, __webpack_exports__Info as Info, __webpack_exports__Insights as Insights, __webpack_exports__Job as Job, __webpack_exports__Leave as Leave, __webpack_exports__Lightbulb as Lightbulb, __webpack_exports__Loading as Loading, __webpack_exports__LocationCheck as LocationCheck, __webpack_exports__Logout as Logout, __webpack_exports__Messages as Messages, __webpack_exports__Microsoft as Microsoft, __webpack_exports__Minus as Minus, __webpack_exports__Newspaper as Newspaper, __webpack_exports__Overflow as Overflow, __webpack_exports__Paperwork as Paperwork, __webpack_exports__PaperworkAssigned as PaperworkAssigned, __webpack_exports__PaperworkDraft as PaperworkDraft, __webpack_exports__PaperworkExpired as PaperworkExpired, __webpack_exports__PaperworkExpiringSoon as PaperworkExpiringSoon, __webpack_exports__PaperworkMissing as PaperworkMissing, __webpack_exports__PaperworkProcessed as PaperworkProcessed, __webpack_exports__PaperworkSubmitted as PaperworkSubmitted, __webpack_exports__People as People, __webpack_exports__Phone as Phone, __webpack_exports__Plus as Plus, __webpack_exports__Positions as Positions, __webpack_exports__Profile as Profile, __webpack_exports__ProfileFemale as ProfileFemale, __webpack_exports__ProfileMale as ProfileMale, __webpack_exports__QuestionMark as QuestionMark, __webpack_exports__Remuneration as Remuneration, __webpack_exports__Reschedule as Reschedule, __webpack_exports__Restore as Restore, __webpack_exports__Review as Review, __webpack_exports__Schedule as Schedule, __webpack_exports__Search as Search, __webpack_exports__Settings as Settings, __webpack_exports__Shield as Shield, __webpack_exports__Sidebar as Sidebar, __webpack_exports__Sliders as Sliders, __webpack_exports__SortAsc as SortAsc, __webpack_exports__SortDefault as SortDefault, __webpack_exports__SortDes as SortDes, __webpack_exports__StepsComplete as StepsComplete, __webpack_exports__StepsCurrent as StepsCurrent, __webpack_exports__StepsIncomplete as StepsIncomplete, __webpack_exports__Submit as Submit, __webpack_exports__Success as Success, __webpack_exports__SuperFund as SuperFund, __webpack_exports__Sync as Sync, __webpack_exports__Table as Table, __webpack_exports__Task as Task, __webpack_exports__Tax as Tax, __webpack_exports__Tenure as Tenure, __webpack_exports__UserPlus as UserPlus, __webpack_exports__Visible as Visible, __webpack_exports__Warning as Warning, __webpack_exports__Workflows as Workflows };

package/dist/icons/svgs/FileImport.js

@@ -0,0 +1,2 @@
+import FileImport_rslib_entry_namespaceObject from "../../static/svg/FileImport.svg";
+export { FileImport_rslib_entry_namespaceObject as default };

package/dist/presentation/RichList/RichList.d.ts

@@ -110,14 +110,18 @@ type CommonProps<Type> = {
      * Set with `pathName` if you want column filters and visibility saved between visits.
      * @default (omitted) persistence disabled.
      */
+    storageId?: string;
+    /**
+     * @deprecated Use `storageId`. Kept for backwards compatibility with `Table`.
+     */
     id?: string;
     /**
-     * Scope for saved list settings; use together with `id` so persistence is enabled.
+     * Scope for saved list settings; use together with `storageId` so persistence is enabled.
      * @default (omitted) persistence disabled.
      */
     pathName?: string;
     /**
-     * Schema for validating stored list state when using `id` and `pathName`.
+     * Schema for validating stored list state when using `storageId` and `pathName`.
      * @default (omitted) stored JSON is not parsed with Zod before use.
      */
     localStorageSchema?: ZodTypeAny;

package/dist/presentation/RichList/RichList.js

@@ -43,7 +43,8 @@ function mergeInlineSinglePersistedColumnFilters(tableColumnFilters, inlineColum
         }
     ];
 }
-const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = EMPTY_RICH_LIST_CONTENT_SLOTS, contentAlignment = "space-evenly", trailingSlot, href, onClick, rowActions, bulkActions = EMPTY_RICH_LIST_BULK_ACTIONS, secondaryBulkActions = EMPTY_RICH_LIST_BULK_ACTIONS, rowHeight = "medium", csvFilename, fillContainerHeight = false, compactBreakpoint: compactBreakpointProp, emptyState = "No results", id, pathName, localStorageSchema, header, onFiltersChange })=>{
+const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = EMPTY_RICH_LIST_CONTENT_SLOTS, contentAlignment = "space-evenly", trailingSlot, href, onClick, rowActions, bulkActions = EMPTY_RICH_LIST_BULK_ACTIONS, secondaryBulkActions = EMPTY_RICH_LIST_BULK_ACTIONS, rowHeight = "medium", csvFilename, fillContainerHeight = false, compactBreakpoint: compactBreakpointProp, emptyState = "No results", storageId, id, pathName, localStorageSchema, header, onFiltersChange })=>{
+    const resolvedStorageId = storageId ?? id;
     const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
     const [inlineSingleSelectChoice, setInlineSingleSelectChoice] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(void 0);
     const [isFilterModalOpen, setIsFilterModalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
@@ -154,6 +155,9 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
     const sortableEntryIds = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>new Set(sortableEntries.map((entry)=>entry.id)), [
         sortableEntries
     ]);
+    const groupableEntryIds = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>new Set(groupableEntries.map((entry)=>entry.id)), [
+        groupableEntries
+    ]);
     const columnDefs = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const columnHelper = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.createColumnHelper)();
         const tableFilteringForEntry = (entryId)=>!(void 0 !== inlineSingleSelectExcludedFromTableColumnId && entryId === inlineSingleSelectExcludedFromTableColumnId);
@@ -222,9 +226,9 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
         }), [
         entriesWithFilter
     ]);
-    const storageKey = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>pathName && id ? `${pathName}#${id}_richList` : null, [
+    const storageKey = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>pathName && resolvedStorageId ? `${pathName}#${resolvedStorageId}_richList` : null, [
         pathName,
-        id
+        resolvedStorageId
     ]);
     const localStorageData = "undefined" != typeof window && storageKey ? window.localStorage.getItem(storageKey) : null;
     const parsedLocalStorage = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
@@ -245,6 +249,10 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
         parsedLocalStorage.sorting,
         sortableEntryIds
     ]);
+    const initialGrouping = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>(parsedLocalStorage.grouping ?? []).filter((id)=>groupableEntryIds.has(id)), [
+        groupableEntryIds,
+        parsedLocalStorage.grouping
+    ]);
     const mergedInitialPersistedColumnFilters = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>parsedLocalStorage.columnFilters ?? columnFiltersInitialState, [
         parsedLocalStorage.columnFilters,
         columnFiltersInitialState
@@ -333,7 +341,7 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
             columnVisibility: initialColumnVisibility,
             expanded: true,
             globalFilter: "",
-            grouping: parsedLocalStorage.grouping ?? [],
+            grouping: initialGrouping,
             sorting: initialSorting
         },
         defaultColumn: {
@@ -359,6 +367,38 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
         permanentlyHiddenColumnIds,
         table
     ]);
+    const hasRestoredLayoutFromStorageRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(false);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
+        if (hasRestoredLayoutFromStorageRef.current || !storageKey || !localStorageSchema) return;
+        hasRestoredLayoutFromStorageRef.current = true;
+        const raw = window.localStorage.getItem(storageKey);
+        if (!raw) return;
+        try {
+            const parsed = JSON.parse(raw);
+            localStorageSchema.parse(parsed);
+            const sorting = (parsed.sorting ?? []).filter((sort)=>sortableEntryIds.has(sort.id));
+            if (sorting.length > 0) table.setSorting(sorting);
+            const grouping = (parsed.grouping ?? []).filter((id)=>groupableEntryIds.has(id));
+            if (grouping.length > 0) table.setGrouping(grouping);
+            if (parsed.columnVisibility) table.setColumnVisibility((prev)=>{
+                const next = {
+                    ...prev,
+                    ...parsed.columnVisibility
+                };
+                for (const id of permanentlyHiddenColumnIds)next[id] = false;
+                return next;
+            });
+        } catch (error) {
+            console.error("Error restoring RichList layout from localStorage:", error);
+        }
+    }, [
+        groupableEntryIds,
+        localStorageSchema,
+        permanentlyHiddenColumnIds,
+        sortableEntryIds,
+        storageKey,
+        table
+    ]);
     const tableState = table.getState();
     const persistedSorting = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>tableState.sorting.filter((sort)=>sortableEntryIds.has(sort.id)), [
         sortableEntryIds,
@@ -376,7 +416,8 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
     ]);
     const showSearchReset = activeFilterCount > 0 || "" !== tableState.globalFilter;
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (storageKey) window.localStorage.setItem(storageKey, JSON.stringify({
+        if (!storageKey) return;
+        window.localStorage.setItem(storageKey, JSON.stringify({
             columnFilters: mergeInlineSinglePersistedColumnFilters(tableState.columnFilters, inlineSingleSelectExcludedFromTableColumnId, inlineSingleSelectOptionIdResolved),
             columnVisibility: tableState.columnVisibility,
             sorting: persistedSorting,
@@ -731,10 +772,17 @@ const RichListInner = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = E
 };
 const RICH_LIST_DEFER_ROW_THRESHOLD = 1000;
 const RichList = (props)=>{
-    const shouldDefer = props.data.length > RICH_LIST_DEFER_ROW_THRESHOLD;
-    const [ready, setReady] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(!shouldDefer);
+    const resolvedStorageId = props.storageId ?? props.id;
+    const persistenceEnabled = Boolean(resolvedStorageId);
+    const persistencePathReady = !persistenceEnabled || Boolean(props.pathName);
+    const shouldDefer = props.data.length > RICH_LIST_DEFER_ROW_THRESHOLD || persistenceEnabled;
+    const [ready, setReady] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(!shouldDefer && persistencePathReady);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (ready) return;
+        if (ready || !persistencePathReady) return;
+        if (!shouldDefer) {
+            setReady(true);
+            return;
+        }
         let innerHandle = 0;
         const outerHandle = requestAnimationFrame(()=>{
             innerHandle = requestAnimationFrame(()=>setReady(true));
@@ -744,7 +792,9 @@ const RichList = (props)=>{
             cancelAnimationFrame(innerHandle);
         };
     }, [
-        ready
+        persistencePathReady,
+        ready,
+        shouldDefer
     ]);
     return ready ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RichListInner, {
         ...props

package/dist/presentation/RichList/RichListRow.js

@@ -258,7 +258,8 @@ const RichListRow = ({ row, table, groupEntry, enableRowSelection, anyRowCanBeSe
                             icon: action.icon,
                             tooltip: action.label,
                             href: action.href(rowOriginal),
-                            external: action.external
+                            external: action.external,
+                            download: action.download?.(rowOriginal)
                         }, action.id);
                         if ("onClick" === action.type) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_2f50b64a__["default"], {
                             id: action.id,

package/dist/presentation/RichList/RichListSkeleton.js

@@ -48,12 +48,20 @@ const RichListSkeleton = ({ leadingSlot, mainSlot, contentSlots, trailingSlot, r
             hasToolbar ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                 className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].toolbar,
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SkeletonBlock_js_ce81034c__["default"], {
-                        className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].line,
-                        style: {
-                            height: 32,
-                            width: 240
-                        }
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                        className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].searchbar,
+                        children: [
+                            enableRowSelection ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SkeletonBlock_js_ce81034c__["default"], {
+                                className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].checkbox
+                            }) : null,
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SkeletonBlock_js_ce81034c__["default"], {
+                                className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].line,
+                                style: {
+                                    height: 20,
+                                    width: 240
+                                }
+                            })
+                        ]
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                         className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].grow
@@ -61,14 +69,14 @@ const RichListSkeleton = ({ leadingSlot, mainSlot, contentSlots, trailingSlot, r
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SkeletonBlock_js_ce81034c__["default"], {
                         className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].line,
                         style: {
-                            height: 32,
+                            height: 20,
                             width: 84
                         }
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SkeletonBlock_js_ce81034c__["default"], {
                         className: __WEBPACK_EXTERNAL_MODULE__RichListSkeleton_module_js_905f84d0__["default"].line,
                         style: {
-                            height: 32,
+                            height: 20,
                             width: 84
                         }
                     })

package/dist/presentation/RichList/RichListSkeleton.module.js

@@ -7,6 +7,7 @@ const RichListSkeleton_module_rslib_entry_ = {
     grow: "grow-djYGNT",
     checkbox: "checkbox-TgI6UA",
     circle: "circle-Wh22l0",
-    line: "line-SMRPlk"
+    line: "line-SMRPlk",
+    searchbar: "searchbar-SAzIf9"
 };
 export { RichListSkeleton_module_rslib_entry_ as default };

package/dist/presentation/RichList/RichListSkeleton_module.css

@@ -20,8 +20,7 @@
   box-sizing: border-box;
   align-items: center;
   gap: var(--size-n2);
-  min-height: var(--row-height);
-  padding: var(--size-n2) var(--richlist-padding-inline, var(--size-n1));
+  padding: 17px var(--richlist-padding-inline, var(--size-n1));
   display: flex;
 }
 
@@ -51,11 +50,17 @@
 
 .circle-Wh22l0 {
   border-radius: 50%;
-  width: 32px;
-  height: 32px;
+  width: 48px;
+  height: 48px;
 }
 
 .line-SMRPlk {
   height: 16px;
 }
 
+.searchbar-SAzIf9 {
+  align-items: center;
+  gap: var(--size-00);
+  display: flex;
+}
+

package/dist/presentation/RichList/helpers.d.ts

@@ -62,6 +62,10 @@ export declare const RICH_LIST_INLINE_PAD_PRESET_PX: {
 };
 export declare const richListInlinePaddingPx: (rowHeight: RichListRowHeightValue) => number;
 export declare const SELECT_COLUMN_ID = "_richListSelect";
+/** Default TanStack column id for `mainSlot.primary` when `RichListTextField.id` is omitted. */
+export declare const RICH_LIST_DEFAULT_PRIMARY_FIELD_ID = "_richList_primary";
+/** Default TanStack column id for `mainSlot.secondary` when `RichListTextField.id` is omitted. */
+export declare const RICH_LIST_DEFAULT_SECONDARY_FIELD_ID = "_richList_secondary";
 export declare const normalizeTextField: <Type>(field: RichListTextField<Type>, position: "primary" | "secondary") => NormalizedTextField<Type>;
 /**
  * Accepts the wider `RichListContentSlot` shape so leading/trailing `RichListSlot`

package/dist/presentation/RichList/helpers.js

@@ -36,9 +36,11 @@ const richListInlinePaddingPx = (rowHeight)=>{
     return RICH_LIST_INLINE_PAD_PRESET_PX.large;
 };
 const SELECT_COLUMN_ID = "_richListSelect";
+const RICH_LIST_DEFAULT_PRIMARY_FIELD_ID = "_richList_primary";
+const RICH_LIST_DEFAULT_SECONDARY_FIELD_ID = "_richList_secondary";
 const normalizeTextField = (field, position)=>{
     if ("function" == typeof field) return {
-        id: `_richList_${position}`,
+        id: "primary" === position ? RICH_LIST_DEFAULT_PRIMARY_FIELD_ID : RICH_LIST_DEFAULT_SECONDARY_FIELD_ID,
         position,
         render: field,
         globalFiltering: false,
@@ -47,7 +49,7 @@ const normalizeTextField = (field, position)=>{
         layoutVisibility: "always"
     };
     return {
-        id: `_richList_${position}`,
+        id: field.id ?? ("primary" === position ? RICH_LIST_DEFAULT_PRIMARY_FIELD_ID : RICH_LIST_DEFAULT_SECONDARY_FIELD_ID),
         position,
         label: field.label,
         value: field.value,
@@ -141,7 +143,8 @@ const richListRowActionToMenuOption = (action, row)=>{
         icon: action.icon,
         type: "link",
         href: action.href(row),
-        external: action.external
+        external: action.external,
+        download: action.download?.(row)
     };
     if ("onClick" === action.type) return {
         id: action.id,
@@ -158,4 +161,4 @@ const richListRowActionToMenuOption = (action, row)=>{
         render: action.render
     };
 };
-export { RICH_LIST_CONTENT_COMPACT_MAX_PX, RICH_LIST_INLINE_PAD_PRESET_PX, ROW_HEIGHT_PRESETS, SELECT_COLUMN_ID, formatSlotSize, handleDownloadCsv, isColumnWithVisibilityState, isRichListRowHeightByBreakpoint, isToggleableContentColumn, isVisibleAtBreakpoint, normalizeSlot, normalizeTextField, resolveRichListRowHeightValue, richListInlinePaddingPx, richListRowActionToMenuOption, richListRowHeightToPx };
+export { RICH_LIST_CONTENT_COMPACT_MAX_PX, RICH_LIST_DEFAULT_PRIMARY_FIELD_ID, RICH_LIST_DEFAULT_SECONDARY_FIELD_ID, RICH_LIST_INLINE_PAD_PRESET_PX, ROW_HEIGHT_PRESETS, SELECT_COLUMN_ID, formatSlotSize, handleDownloadCsv, isColumnWithVisibilityState, isRichListRowHeightByBreakpoint, isToggleableContentColumn, isVisibleAtBreakpoint, normalizeSlot, normalizeTextField, resolveRichListRowHeightValue, richListInlinePaddingPx, richListRowActionToMenuOption, richListRowHeightToPx };

package/dist/presentation/RichList/types.d.ts

@@ -48,6 +48,11 @@ export type RichListColumnWidthMode = "shrinkable" | "fixed";
  * (function form forces `globalFiltering: false` and `csvExport: false`).
  */
 export type RichListTextField<Type> = ((row: Type) => ReactNode) | {
+    /**
+     * Unique id for this field in sort, group, filter, and localStorage persistence.
+     * @default `_richList_primary` or `_richList_secondary` (see `normalizeTextField`)
+     */
+    id?: string;
     /**
      * Long text is truncated with an ellipsis when space is tight.
      * Use `prefixOnWide` / `suffixOnWide` for small extras beside the main line at
@@ -388,6 +393,8 @@ export type RichListRowAction<Type> = {
     href: (row: Type) => string;
     /** When `true`, opens in a new tab with `rel="noopener noreferrer"`. */
     external?: boolean;
+    /** Suggested filename for a download link. */
+    download?: (row: Type) => string | boolean;
 } | {
     type: "onClick";
     onClick: (row: Type) => void;

package/dist/static/svg/FileImport.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 464L128 464L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64C156.7 64 128 92.7 128 128L128 320L176 320L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM64 392C64 405.3 74.7 416 88 416L310.1 416L279.1 447C269.7 456.4 269.7 471.6 279.1 480.9C288.5 490.2 303.7 490.3 313 480.9L385 408.9C394.4 399.5 394.4 384.3 385 375L313 303C303.6 293.6 288.4 293.6 279.1 303C269.8 312.4 269.7 327.6 279.1 336.9L310.1 367.9L88 367.9C74.7 367.9 64 378.6 64 391.9z"/></svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.69.0",
+  "version": "0.71.0",
   "license": "MIT",
   "private": false,
   "files": [
@@ -39,7 +39,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^4.1.13",
-    "@worknice/utils": "^0.52.0"
+    "@worknice/utils": "^0.54.0"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^3.2.2",