@worknice/whiteboard 0.52.1 → 0.53.0

package/dist/presentation/RichList/RichList.stories.js

@@ -0,0 +1,334 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_6d36b5d5__ from "../PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_174fa6e8__ from "./RichList.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_ComplianceGroups_js_fbc9ed7f__ from "./stories/ComplianceGroups.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_CustomFields_js_2f5c29d0__ from "./stories/CustomFields.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_EmployeeCompliance_js_97782914__ from "./stories/EmployeeCompliance.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_EmployeePaperwork_js_ce2a4560__ from "./stories/EmployeePaperwork.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_EmployeePeople_js_30f49b1f__ from "./stories/EmployeePeople.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_Leave_js_fe8f2780__ from "./stories/Leave.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_Paperwork_js_6aeab56c__ from "./stories/Paperwork.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_PaperworkApprovals_js_59df2dae__ from "./stories/PaperworkApprovals.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_PeopleList_js_08c544af__ from "./stories/PeopleList.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_PeopleTags_js_7b425bf0__ from "./stories/PeopleTags.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_Positions_js_26e8c2fc__ from "./stories/Positions.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_SavedQuestions_js_d58c31d5__ from "./stories/SavedQuestions.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_Tables_js_73ee4da7__ from "./stories/Tables.js";
+import * as __WEBPACK_EXTERNAL_MODULE__stories_Tasks_js_9f5cc0bc__ from "./stories/Tasks.js";
+function richListStoryDecoratorHeight() {
+    if ("undefined" == typeof window) return "100dvh";
+    const viewMode = new URLSearchParams(window.location.search).get("viewMode");
+    return "docs" === viewMode ? "50dvh" : "100dvh";
+}
+const meta = {
+    title: "Presentation/RichList",
+    component: __WEBPACK_EXTERNAL_MODULE__RichList_js_174fa6e8__["default"],
+    args: {
+        rowHeight: "medium",
+        enableSorting: false,
+        contentAlignment: "space-evenly",
+        compactBreakpoint: __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.RICH_LIST_CONTENT_COMPACT_MAX_PX
+    },
+    argTypes: {
+        contentAlignment: {
+            control: "select",
+            options: [
+                "flex-start",
+                "center",
+                "flex-end",
+                "space-between",
+                "space-around",
+                "space-evenly",
+                "stretch"
+            ]
+        },
+        compactBreakpoint: {
+            control: {
+                type: "number"
+            },
+            table: {
+                defaultValue: {
+                    summary: String(__WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.RICH_LIST_CONTENT_COMPACT_MAX_PX)
+                }
+            }
+        },
+        bulkActions: {
+            control: false
+        },
+        contentSlots: {
+            control: false
+        },
+        csvFilename: {
+            control: false
+        },
+        data: {
+            control: false
+        },
+        emptyState: {
+            control: false
+        },
+        enableSorting: {
+            control: "boolean"
+        },
+        fillContainerHeight: {
+            control: false
+        },
+        getRowId: {
+            control: false
+        },
+        header: {
+            control: false
+        },
+        href: {
+            control: false
+        },
+        id: {
+            control: false
+        },
+        leadingSlot: {
+            control: false
+        },
+        localStorageSchema: {
+            control: false
+        },
+        pathName: {
+            control: false
+        },
+        rowActions: {
+            control: false
+        },
+        rowHeight: {
+            control: "select",
+            options: [
+                "small",
+                "medium",
+                "large"
+            ]
+        },
+        secondaryBulkActions: {
+            control: false
+        },
+        mainSlot: {
+            control: false
+        },
+        trailingSlot: {
+            control: false
+        }
+    },
+    parameters: {
+        layout: "fullscreen"
+    },
+    decorators: [
+        (Story)=>{
+            const h = richListStoryDecoratorHeight();
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    boxSizing: "border-box",
+                    display: "flex",
+                    flexDirection: "column",
+                    height: h,
+                    maxHeight: h,
+                    minHeight: 0,
+                    overflow: "hidden",
+                    padding: 10,
+                    width: "100%"
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        flex: 1,
+                        minHeight: 0,
+                        minWidth: 0,
+                        width: "100%"
+                    },
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Story, {})
+                })
+            });
+        }
+    ]
+};
+const RichList_stories_rslib_entry_ = meta;
+const PeopleDirectory = {
+    args: {
+        compactBreakpoint: 800,
+        enableSorting: true
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_PeopleList_js_08c544af__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const EmployeePaperwork = {
+    args: {
+        compactBreakpoint: 600,
+        rowHeight: "small"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_EmployeePaperwork_js_ce2a4560__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const Paperwork = {
+    args: {
+        compactBreakpoint: 800,
+        enableSorting: true,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_Paperwork_js_6aeab56c__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const PaperworkApprovals = {
+    args: {
+        compactBreakpoint: 800,
+        enableSorting: true,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_PaperworkApprovals_js_59df2dae__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const Leave = {
+    args: {
+        compactBreakpoint: 800,
+        enableSorting: true,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_Leave_js_fe8f2780__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const Tasks = {
+    args: {
+        compactBreakpoint: 800,
+        enableSorting: true,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_Tasks_js_9f5cc0bc__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const EmployeeCompliance = {
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_EmployeeCompliance_js_97782914__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            rowHeight: args.rowHeight,
+            enableSorting: args.enableSorting
+        })
+};
+const ComplianceGroups = {
+    args: {
+        compactBreakpoint: 800,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_ComplianceGroups_js_fbc9ed7f__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            rowHeight: args.rowHeight
+        })
+};
+const CustomFields = {
+    args: {
+        compactBreakpoint: 800,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_CustomFields_js_2f5c29d0__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            rowHeight: args.rowHeight
+        })
+};
+const SavedQuestions = {
+    args: {
+        compactBreakpoint: 800,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_SavedQuestions_js_d58c31d5__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            rowHeight: args.rowHeight
+        })
+};
+const PeopleTags = {
+    args: {
+        compactBreakpoint: 800,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_PeopleTags_js_7b425bf0__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            rowHeight: args.rowHeight
+        })
+};
+const Tables = {
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_Tables_js_73ee4da7__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const Positions = {
+    args: {
+        enableSorting: true,
+        contentAlignment: "flex-end"
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_Positions_js_26e8c2fc__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const EmployeePeople = {
+    args: {
+        enableSorting: false
+    },
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__stories_EmployeePeople_js_30f49b1f__["default"], {
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            rowHeight: args.rowHeight
+        })
+};
+const EmptyList = {
+    render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_174fa6e8__["default"], {
+            data: [],
+            fillContainerHeight: true,
+            compactBreakpoint: args.compactBreakpoint,
+            contentAlignment: args.contentAlignment,
+            enableSorting: args.enableSorting,
+            getRowId: (r)=>r.id,
+            rowHeight: args.rowHeight,
+            mainSlot: {
+                primary: {
+                    label: "Name",
+                    value: (r)=>r.label,
+                    globalFiltering: true,
+                    render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_6d36b5d5__["default"], {
+                            font: "h6",
+                            children: r.label
+                        })
+                }
+            }
+        })
+};
+export { ComplianceGroups, CustomFields, EmployeeCompliance, EmployeePaperwork, EmployeePeople, EmptyList, Leave, Paperwork, PaperworkApprovals, PeopleDirectory, PeopleTags, Positions, SavedQuestions, Tables, Tasks, RichList_stories_rslib_entry_ as default };

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

@@ -0,0 +1,21 @@
+import { type Table } from "@tanstack/react-table";
+import { type Ref } from "react";
+import { type RichListBulkAction } from "./types";
+type Props<Type> = {
+    table: Table<Type>;
+    floatingRef: Ref<HTMLDivElement>;
+    leftCoordinate: number | undefined;
+    selectedCount: number;
+    primaryBulkActions: Array<RichListBulkAction<Type>>;
+    secondaryBulkActions: Array<RichListBulkAction<Type>>;
+    primaryBulkActionRowsMap: Map<string, Array<Type>>;
+    secondaryBulkActionRowsMap: Map<string, Array<Type>>;
+    showBulkActionCounts: boolean;
+    csvFilename: string | undefined;
+    csvExportColumns: Array<{
+        id: string;
+        header: string;
+    }>;
+};
+declare const RichListBulkActionBar: <Type>({ table, floatingRef, leftCoordinate, selectedCount, primaryBulkActions, secondaryBulkActions, primaryBulkActionRowsMap, secondaryBulkActionRowsMap, showBulkActionCounts, csvFilename, csvExportColumns, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
+export default RichListBulkActionBar;

package/dist/presentation/RichList/RichListBulkActionBar.js

@@ -0,0 +1,112 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_2f50b64a__ from "../../controls/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Disclosure_js_07249afc__ from "../../controls/Disclosure.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_fa7c5c89__ from "../../controls/MenuButton.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_a2cbb2b8__ from "../Badge.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_js_2e00482a__ from "../Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_bacbf899__ from "../CardContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_5c2eb952__ from "../HStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__ from "../Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_6d36b5d5__ from "../PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RichListBulkActionBar_module_js_84de7cc9__ from "./RichListBulkActionBar.module.js";
+const RichListBulkActionBar = ({ table, floatingRef, leftCoordinate, selectedCount, primaryBulkActions, secondaryBulkActions, primaryBulkActionRowsMap, secondaryBulkActionRowsMap, showBulkActionCounts, csvFilename, csvExportColumns })=>{
+    const shouldShowCsvExport = csvExportColumns.length > 0 && Boolean(csvFilename);
+    const shouldShowMoreActions = secondaryBulkActions.length > 0 || shouldShowCsvExport;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: floatingRef,
+        className: __WEBPACK_EXTERNAL_MODULE__RichListBulkActionBar_module_js_84de7cc9__["default"].bulkSelectionModal,
+        style: {
+            left: leftCoordinate
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_2e00482a__["default"], {
+            hasShadow: true,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_bacbf899__["default"], {
+                spacing: "00",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                    className: __WEBPACK_EXTERNAL_MODULE__RichListBulkActionBar_module_js_84de7cc9__["default"].bulkSelectionModalContent,
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_5c2eb952__["default"], {
+                            spacing: "n2",
+                            align: "center",
+                            children: [
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_a2cbb2b8__["default"], {
+                                    color: "purple",
+                                    children: selectedCount
+                                }),
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_6d36b5d5__["default"], {
+                                    font: "regular-bold",
+                                    children: "selected"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                            className: __WEBPACK_EXTERNAL_MODULE__RichListBulkActionBar_module_js_84de7cc9__["default"].bulkSelectionActions,
+                            children: [
+                                primaryBulkActions.map((bulkAction)=>{
+                                    const bulkRows = primaryBulkActionRowsMap.get(bulkAction.key) ?? [];
+                                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Disclosure_js_07249afc__["default"], {
+                                        icon: bulkAction.icon,
+                                        render: (onClose)=>bulkAction.render({
+                                                rows: bulkRows,
+                                                resetRowSelection: ()=>table.resetRowSelection(),
+                                                onClose
+                                            }),
+                                        children: showBulkActionCounts ? `${bulkAction.label} (${bulkRows.length})` : bulkAction.label
+                                    }, bulkAction.key);
+                                }),
+                                shouldShowMoreActions ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_fa7c5c89__["default"], {
+                                    id: "richListBulkActionOverflow",
+                                    ariaLabel: "More actions",
+                                    type: "ghost",
+                                    options: [
+                                        ...secondaryBulkActions.map((bulkAction)=>{
+                                            const bulkRows = secondaryBulkActionRowsMap.get(bulkAction.key) ?? [];
+                                            return {
+                                                id: bulkAction.key,
+                                                label: showBulkActionCounts ? `${bulkAction.label} (${bulkRows.length})` : bulkAction.label,
+                                                icon: bulkAction.icon,
+                                                type: "render",
+                                                render: (onClose)=>bulkAction.render({
+                                                        rows: bulkRows,
+                                                        resetRowSelection: ()=>table.resetRowSelection(),
+                                                        onClose
+                                                    })
+                                            };
+                                        }),
+                                        ...shouldShowCsvExport && csvFilename ? [
+                                            {
+                                                id: "download-selected-rows",
+                                                label: "Download CSV",
+                                                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
+                                                    symbol: "Download",
+                                                    size: "small"
+                                                }),
+                                                type: "onClick",
+                                                onClick: ()=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.handleDownloadCsv)(csvFilename, csvExportColumns, table.getSelectedRowModel().rows)
+                                            }
+                                        ] : []
+                                    ],
+                                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
+                                        symbol: "Overflow"
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_2f50b64a__["default"], {
+                                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
+                                        symbol: "Close"
+                                    }),
+                                    onClick: ()=>table.resetRowSelection(true),
+                                    title: `Deselect ${selectedCount} ${1 === selectedCount ? "selection" : "selections"}`,
+                                    type: "ghost"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+const RichListBulkActionBar_rslib_entry_ = RichListBulkActionBar;
+export { RichListBulkActionBar_rslib_entry_ as default };

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

@@ -0,0 +1,7 @@
+import "./RichListBulkActionBar_module.css";
+const RichListBulkActionBar_module_rslib_entry_ = {
+    bulkSelectionModal: "bulkSelectionModal-zNrjlt",
+    bulkSelectionModalContent: "bulkSelectionModalContent-BOvOHr",
+    bulkSelectionActions: "bulkSelectionActions-W2RkFt"
+};
+export { RichListBulkActionBar_module_rslib_entry_ as default };

package/dist/presentation/RichList/RichListBulkActionBar_module.css

@@ -0,0 +1,18 @@
+.bulkSelectionModal-zNrjlt {
+  bottom: var(--size-00);
+  z-index: 2;
+  position: fixed;
+}
+
+.bulkSelectionModalContent-BOvOHr {
+  align-items: center;
+  gap: var(--size-00);
+  display: flex;
+}
+
+.bulkSelectionActions-W2RkFt {
+  gap: var(--size-n2);
+  grid-auto-flow: column;
+  display: grid;
+}
+

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

@@ -0,0 +1,33 @@
+import type { SortingState } from "@tanstack/react-table";
+/**
+ * How many `FilterExpander` sections in the display form are in the
+ * highlighted (non-default) state: Sort, and/or Visible columns.
+ */
+export declare function getDisplayFormActiveExpanderCount(hasSortForm: boolean, sorting: SortingState, displayColumnRows: Array<{
+    id: string;
+    visible: boolean;
+    defaultVisible: boolean;
+}>): number;
+type SortableColumn = {
+    id: string;
+    label: string;
+};
+type DisplayColumn = {
+    id: string;
+    label: string;
+    visible: boolean;
+    /** Shown / hidden state after “Reset” in this modal. */
+    defaultVisible: boolean;
+};
+type Props = {
+    onClose: () => void;
+    sortableColumns: SortableColumn[];
+    currentSorting: SortingState;
+    onApplySorting: (sorting: SortingState) => void;
+    displayColumns: DisplayColumn[];
+    onApplyColumnVisibility: (visibility: Record<string, boolean>) => void;
+    defaultSorting: SortingState;
+    defaultColumnVisibility: Record<string, boolean>;
+};
+declare const RichListDisplayModal: ({ onClose, sortableColumns, currentSorting, onApplySorting, displayColumns, onApplyColumnVisibility, defaultSorting, defaultColumnVisibility, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default RichListDisplayModal;