@worknice/whiteboard 0.68.1 → 0.70.0

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/shared.css

@@ -402,12 +402,3 @@ body {
   font: var(--font-regular);
 }
 
-@media (max-width: 600px) {
-  :root {
-    --font-h1: normal 700 28px / 150% var(--typeface-system);
-    --font-h2: normal 700 26px / 150% var(--typeface-system);
-    --font-h3: normal 700 24px / 150% var(--typeface-system);
-    --font-h4: normal 700 22px / 150% var(--typeface-system);
-  }
-}
-

package/dist/static/svg/CalendarPlus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 192C496 183.2 488.8 176 480 176L216 176zM320 240C333.3 240 344 250.7 344 264L344 312L392 312C405.3 312 416 322.7 416 336C416 349.3 405.3 360 392 360L344 360L344 408C344 421.3 333.3 432 320 432C306.7 432 296 421.3 296 408L296 360L248 360C234.7 360 224 349.3 224 336C224 322.7 234.7 312 248 312L296 312L296 264C296 250.7 306.7 240 320 240z"/></svg>

package/dist/static/svg/FileCirclePlus.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="M240 112L128 112C119.2 112 112 119.2 112 128L112 512C112 520.8 119.2 528 128 528L282.9 528C289 545.3 297.5 561.4 308 576L128 576C92.7 576 64 547.3 64 512L64 128C64 92.7 92.7 64 128 64L261.5 64C278.5 64 294.8 70.7 306.8 82.7L429.3 205.3C441.3 217.3 448 233.6 448 250.6L448 272.1L312 272.1C272.2 272.1 240 239.9 240 200.1L240 112.1zM380.1 224L288 131.9L288 200C288 213.3 298.7 224 312 224L380.1 224zM464 320C543.5 320 608 384.5 608 464C608 543.5 543.5 608 464 608C384.5 608 320 543.5 320 464C320 384.5 384.5 320 464 320zM480 400C480 391.2 472.8 384 464 384C455.2 384 448 391.2 448 400L448 448L400 448C391.2 448 384 455.2 384 464C384 472.8 391.2 480 400 480L448 480L448 528C448 536.8 455.2 544 464 544C472.8 544 480 536.8 480 528L480 480L528 480C536.8 480 544 472.8 544 464C544 455.2 536.8 448 528 448L480 448L480 400z"/></svg>

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.68.1",
+  "version": "0.70.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.51.1"
+    "@worknice/utils": "^0.53.0"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^3.2.2",

package/dist/hud/NavTitle.d.ts

@@ -1,8 +0,0 @@
-type Props = {
-    demo: boolean;
-    logo: string;
-    subtitle?: string;
-    title: string;
-};
-declare const NavTitle: ({ demo, logo, subtitle, title }: Props) => import("react/jsx-runtime").JSX.Element;
-export default NavTitle;

package/dist/hud/NavTitle.js

@@ -1,43 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_Badge_506c1dd3__ from "@worknice/whiteboard/presentation/Badge";
-import * as __WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__ from "@worknice/whiteboard/presentation/PlainText";
-import * as __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__ from "./NavTitle.module.js";
-const NavTitle = ({ demo, logo, subtitle, title })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__["default"].container,
-        title: title,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__["default"].logo,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
-                    src: logo,
-                    alt: ""
-                })
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                style: {
-                    overflow: "hidden",
-                    display: "grid"
-                },
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__["default"], {
-                        font: "regular-bold",
-                        truncate: true,
-                        children: title
-                    }),
-                    subtitle ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__["default"], {
-                        truncate: true,
-                        children: subtitle
-                    }) : null
-                ]
-            }),
-            demo ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__["default"].demo,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_Badge_506c1dd3__["default"], {
-                    color: "grey",
-                    children: "Demo"
-                })
-            }) : null
-        ]
-    });
-const NavTitle_rslib_entry_ = NavTitle;
-export { NavTitle_rslib_entry_ as default };

package/dist/hud/NavTitle.module.js

@@ -1,6 +0,0 @@
-import "./NavTitle_module.css";
-const NavTitle_module_rslib_entry_ = {
-    container: "container-tfjjA7",
-    logo: "logo-s11ueh"
-};
-export { NavTitle_module_rslib_entry_ as default };