@worknice/whiteboard 0.43.1 → 0.44.0

package/dist/presentation/CustomizableTable/CustomizableTable.module.js

@@ -1,18 +1,23 @@
 import "./CustomizableTable_module.css";
 const CustomizableTable_module_rslib_entry_ = {
-    tableContainer: "tableContainer-b_DkVn",
-    table: "table-FUWShB",
-    tableHead: "tableHead-Lbqc0I",
-    tableBody: "tableBody-VLqvUf",
-    tableRow: "tableRow-PdxrMj",
-    noColumns: "noColumns-WwXABG",
-    tableHeader: "tableHeader-xE1nVb",
-    tableCell: "tableCell-wjMuxt",
-    selectionCell: "selectionCell-CkTFs6",
-    sortableTableHeader: "sortableTableHeader-C9ukFe",
-    sortIcon: "sortIcon-f1d4Pn",
-    draggingHeader: "draggingHeader-gFIch1",
-    noRows: "noRows-tPi8_B",
-    resizer: "resizer-lAB8l9"
+    root: "root-DTfM83",
+    mainColumn: "mainColumn-_GB7tY",
+    columnStack: "columnStack-supahl",
+    scrollArea: "scrollArea-vsxHSb",
+    tableHorizontal: "tableHorizontal-MnYrd2",
+    tableHorizontalLoading: "tableHorizontalLoading-VgI1v9",
+    tableHorizontalInner: "tableHorizontalInner-FLT6k_",
+    stickyHead: "stickyHead-hgplSL",
+    bodyScroll: "bodyScroll-qc_hYy",
+    cell: "cell-TKX6Qc",
+    cellClip: "cellClip-IlZpuX",
+    row: "row-CDOLw0",
+    loadingCell: "loadingCell-iYJfPV",
+    headerCell: "headerCell-HsDaea",
+    headerSortable: "headerSortable-fnjI8P",
+    headerSortIcon: "headerSortIcon-bQ1b0E",
+    headerRow: "headerRow-svcYtY",
+    columnResizer: "columnResizer-geDiQ7",
+    dragOverlayHeader: "dragOverlayHeader-iH8r0z"
 };
 export { CustomizableTable_module_rslib_entry_ as default };

package/dist/presentation/CustomizableTable/CustomizableTable_module.css

@@ -1,71 +1,115 @@
-.tableContainer-b_DkVn {
+.root-DTfM83, .mainColumn-_GB7tY {
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.columnStack-supahl {
+  gap: var(--size-p2);
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.scrollArea-vsxHSb {
   background: var(--color-white);
   border-radius: var(--size-n3);
   border: solid var(--size-n5) var(--color-grey-t08);
+  min-height: 0;
   color: var(--color-grey-s01);
-  width: 100%;
-  overflow-x: auto;
+  flex: 1;
+  overflow: hidden;
 }
 
-.table-FUWShB {
-  border-collapse: collapse;
-  table-layout: fixed;
+.tableHorizontal-MnYrd2 {
+  flex-direction: column;
   width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: auto hidden;
 }
 
-.tableHead-Lbqc0I {
-  display: table-header-group;
+.tableHorizontalLoading-VgI1v9 {
+  overflow-x: hidden;
 }
 
-.tableBody-VLqvUf {
-  display: table-row-group;
+.tableHorizontalInner-FLT6k_ {
+  box-sizing: border-box;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
 }
 
-.tableRow-PdxrMj {
-  border-top: solid var(--size-n5) var(--color-grey-t08);
-  display: table-row;
+.stickyHead-hgplSL tr {
+  background: var(--color-white);
 }
 
-.tableHead-Lbqc0I .tableRow-PdxrMj, .noColumns-WwXABG .tableRow-PdxrMj {
-  border-top: none;
+.stickyHead-hgplSL th {
+  background: var(--color-white);
+  border-bottom: solid var(--size-n5) var(--color-grey-t08);
+  position: sticky;
+  top: 0;
 }
 
-.tableHeader-xE1nVb {
-  font: var(--font-regular-bold);
-  white-space: normal;
-  word-break: break-word;
-  padding: var(--size-00);
-  border-right: solid var(--size-n5) var(--color-grey-t08);
-  vertical-align: middle;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-  display: table-cell;
-  position: relative;
-  overflow: hidden;
+.bodyScroll-qc_hYy {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden auto;
 }
 
-.tableCell-wjMuxt {
-  padding: var(--size-00);
+.cell-TKX6Qc {
   border-right: solid var(--size-n5) var(--color-grey-t08);
-  vertical-align: middle;
-  white-space: normal;
-  word-break: break-word;
+  padding-left: var(--size-00);
+  padding-top: var(--size-00);
+  padding-bottom: var(--size-00);
+}
+
+.cell-TKX6Qc:last-child {
+  padding-right: var(--size-00);
+  border-right: none;
+}
+
+.cellClip-IlZpuX {
   text-overflow: ellipsis;
-  box-sizing: border-box;
-  display: table-cell;
-  position: relative;
+  white-space: nowrap;
+  min-width: 0;
+  max-width: 100%;
   overflow: hidden;
 }
 
-.tableCell-wjMuxt:last-child, .tableHeader-xE1nVb:last-child {
-  border-right: none;
+.row-CDOLw0 {
+  gap: 0 !important;
+  padding: 0 !important;
+}
+
+.bodyScroll-qc_hYy .row-CDOLw0:first-child {
+  border-top: none;
+}
+
+.loadingCell-iYJfPV {
+  justify-content: center;
+  align-items: center;
+  display: flex;
 }
 
-.tableHeader-xE1nVb:not(.selectionCell-CkTFs6) {
+.headerCell-HsDaea {
   cursor: grab;
+  padding-top: var(--size-00);
+  padding-bottom: var(--size-00);
+  padding-left: var(--size-00);
+  position: relative;
+}
+
+.headerCell-HsDaea:last-child {
+  padding-right: var(--size-00);
 }
 
-.sortableTableHeader-C9ukFe {
+.headerSortable-fnjI8P {
   gap: var(--size-n2);
   text-align: left;
   width: 100%;
@@ -83,53 +127,17 @@
   overflow: hidden;
 }
 
-.sortIcon-f1d4Pn {
+.headerSortIcon-bQ1b0E {
   flex-shrink: 0;
 }
 
-.selectionCell-CkTFs6 {
-  -webkit-user-select: none;
-  user-select: none;
-  width: 64px;
-  min-width: 64px;
-  max-width: 64px;
-  padding: var(--size-00);
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  display: table-cell;
-}
-
-.selectionCell-CkTFs6 > div {
-  justify-content: center;
-  align-items: center;
+.headerRow-svcYtY {
+  gap: 0;
   width: 100%;
-  height: 100%;
-  display: inline-flex;
-}
-
-.draggingHeader-gFIch1 {
-  background: var(--color-white);
-  border: solid var(--size-n5) var(--color-grey-t08);
-  border-radius: var(--size-n3);
-  padding: var(--size-00);
-  cursor: grabbing;
-  -webkit-user-select: none;
-  user-select: none;
-  box-shadow: var(--shadow-1);
-}
-
-.noRows-tPi8_B {
-  padding: var(--size-p3) var(--size-00);
-  text-align: center;
-  width: 100%;
-}
-
-.noRows-tPi8_B > svg {
-  display: inline;
+  display: flex;
 }
 
-.resizer-lAB8l9 {
+.columnResizer-geDiQ7 {
   cursor: col-resize;
   -webkit-user-select: none;
   user-select: none;
@@ -142,7 +150,18 @@
   right: 0;
 }
 
-.resizer-lAB8l9:hover, .resizer-lAB8l9:active {
+.columnResizer-geDiQ7:hover, .columnResizer-geDiQ7:active {
   background: var(--color-grey-t08);
 }
 
+.dragOverlayHeader-iH8r0z {
+  background: var(--color-white);
+  border: solid var(--size-n5) var(--color-grey-t08);
+  border-radius: var(--size-n3);
+  padding: var(--size-00);
+  cursor: grabbing;
+  -webkit-user-select: none;
+  user-select: none;
+  box-shadow: var(--shadow-1);
+}
+

package/dist/presentation/Table.d.ts

@@ -2,33 +2,8 @@ import type { SortingColumnDef } from "@tanstack/react-table";
 import { type ReactNode } from "react";
 import { type ZodTypeAny } from "zod";
 import { type MenuButtonOption } from "../controls/MenuButton";
-type PrimitiveValue = boolean | string | undefined | number;
-type SingleFilterOption<Type> = {
-    id: string;
-    label: string;
-    /**
-     * If omitted true will always be returned and no filtering will be applied (e.g. "Any" option).
-     */
-    predicate?: (row: Type) => boolean;
-};
-type MultiFilterOption<Type> = {
-    id: string;
-    label: string;
-    predicate: (row: Type) => boolean;
-};
-/**
- * When using single select filters (isMulti: false), the first option is the default value.
- * Multi select filters (isMulti: true) have no default value.
- */
-type Filter<Type> = {
-    isMulti?: false;
-    label: string;
-    options: Array<SingleFilterOption<Type>>;
-} | {
-    isMulti: true;
-    label: string;
-    options: Array<MultiFilterOption<Type>>;
-};
+import { type PrimitiveValue } from "../utils/tables";
+import { type Filter } from "./TableColumnFilterModal";
 type Grouping<Type> = {
     fn: (row: Type) => string;
     header: (row: Type) => ReactNode;

package/dist/presentation/Table.js

@@ -5,32 +5,24 @@ import * as __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__ from "@ta
 import * as __WEBPACK_EXTERNAL_MODULE__tanstack_react_virtual_e7b31bc6__ from "@tanstack/react-virtual";
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_utf8__ from "utf8";
 import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__ from "../controls/Button.js";
 import * as __WEBPACK_EXTERNAL_MODULE__controls_Disclosure_js_6e4cc59c__ from "../controls/Disclosure.js";
 import * as __WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_b23cdd05__ from "../controls/MenuButton.js";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_BooleanField_js_dc79ee46__ from "../fields/BooleanField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_CheckboxSetField_js_bce910a4__ from "../fields/CheckboxSetField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_ListBoxField_js_b7d4cb12__ from "../fields/ListBoxField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_SimpleRadioSetField_js_118e9421__ from "../fields/SimpleRadioSetField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_c160eb1a__ from "../forms/FormButtonSet.js";
-import * as __WEBPACK_EXTERNAL_MODULE__forms_useForm_js_e756b4e7__ from "../forms/useForm.js";
 import * as __WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__ from "../inputs/CheckboxInput.js";
 import * as __WEBPACK_EXTERNAL_MODULE__inputs_SelectInput_js_d1a6f32e__ from "../inputs/SelectInput.js";
 import * as __WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__ from "../inputs/StringInput.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_encodeCsv_js_1d824629__ from "../utils/encodeCsv.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_tables_js_c5fbac3f__ from "../utils/tables.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__ from "./Badge.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
 import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
 import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__ from "./HStack.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__ from "./Modal.js";
 import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__ from "./Table.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TableColumnFilterModal_js_dd7b508a__ from "./TableColumnFilterModal.js";
 import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
 const selectColumnId = "_selectColumn";
 const actionsColumnId = "_actionsColumn";
-const MIN_LIST_BOX_FILTER_OPTIONS = 10;
 const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csvFilename, estimatedRowSize = 100, emptyState = "No results", pathName, id, localStorageSchema, getRowId, rowActions, showHeader = true })=>{
     const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
     const [isFilterModalOpen, setIsFilterModalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
@@ -244,21 +236,6 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
             return cachedSize;
         }
     });
-    const createCsvDataUrl = (columns, rows)=>{
-        const csvContent = (0, __WEBPACK_EXTERNAL_MODULE__utils_encodeCsv_js_1d824629__["default"])([
-            columns.map((col)=>col.header),
-            ...rows.map((row)=>columns.map((col)=>row.getValue(col.id)))
-        ]);
-        return `data:text/csv;charset=utf-8,${__WEBPACK_EXTERNAL_MODULE_utf8__["default"].encode(csvContent)}`;
-    };
-    const handleDownloadCsv = (columns, rows)=>{
-        if (!csvFilename) return;
-        const csvDataUrl = createCsvDataUrl(columns, rows);
-        const a = document.createElement("a");
-        a.href = csvDataUrl;
-        a.download = csvFilename.endsWith(".csv") ? csvFilename : `${csvFilename}.csv`;
-        a.click();
-    };
     const throttledSetGlobalFilter = (0, __WEBPACK_EXTERNAL_MODULE__react_hook_throttle_d66151d4__.useThrottleCallback)((value)=>table.setGlobalFilter(value), 4);
     const activeFilterCount = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const currentFilters = tableState.columnFilters;
@@ -383,7 +360,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                                                                     size: "small"
                                                                 }),
                                                                 type: "onClick",
-                                                                onClick: ()=>handleDownloadCsv(csvExportableColumns, table.getSelectedRowModel().rows)
+                                                                onClick: ()=>(0, __WEBPACK_EXTERNAL_MODULE__utils_tables_js_c5fbac3f__.handleDownloadCsv)(csvFilename, csvExportableColumns, table.getSelectedRowModel().rows)
                                                             }
                                                         ] : []
                                                     ],
@@ -598,14 +575,14 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                                     }),
                                     tooltip: "Download all rows as CSV",
                                     title: "Download all rows as CSV",
-                                    onClick: ()=>handleDownloadCsv(csvExportableColumns, table.getRowModel().rows)
+                                    onClick: ()=>(0, __WEBPACK_EXTERNAL_MODULE__utils_tables_js_c5fbac3f__.handleDownloadCsv)(csvFilename, csvExportableColumns, table.getRowModel().rows)
                                 }) : null
                             })
                         ]
                     })
                 ]
             }),
-            isFilterModalOpen && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FilterModal, {
+            isFilterModalOpen && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__TableColumnFilterModal_js_dd7b508a__["default"], {
                 onClose: ()=>setIsFilterModalOpen(false),
                 filterableColumns: filterableColumns,
                 currentFilters: tableState.columnFilters,
@@ -614,257 +591,5 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
         ]
     });
 };
-const FilterExpander = ({ label, children, highlight = false, defaultOpen = false })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("details", {
-        open: defaultOpen,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpander, {
-            [__WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpanderHighlight]: highlight
-        }),
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("summary", {
-                className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpanderRow,
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                        className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpanderIcon,
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
-                            symbol: "ChevronRight"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                        className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpanderLabel,
-                        children: label
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpanderWrapper,
-                children: children
-            })
-        ]
-    });
-const FilterModal = ({ onClose, filterableColumns, currentFilters, onFiltersChange })=>{
-    const initialFilterValues = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const result = {};
-        for (const column of filterableColumns){
-            const current = currentFilters.find((f)=>f.id === column.id);
-            const filter = column.filter;
-            if (filter.isMulti) result[column.id] = Array.isArray(current?.value) ? current.value : [];
-            else result[column.id] = ("string" == typeof current?.value ? current.value : null) ?? filter.options[0].id;
-        }
-        return result;
-    }, [
-        filterableColumns,
-        currentFilters
-    ]);
-    const resetFilterValues = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const result = {};
-        for (const col of filterableColumns){
-            const filter = col.filter;
-            result[col.id] = filter.isMulti ? [] : filter.options[0].id;
-        }
-        return result;
-    }, [
-        filterableColumns
-    ]);
-    const { data, setData, status, submit } = (0, __WEBPACK_EXTERNAL_MODULE__forms_useForm_js_e756b4e7__["default"])({
-        initialValues: {
-            filters: initialFilterValues
-        },
-        onSubmit: async (values)=>{
-            const filters = Object.entries(values.filters).map(([columnId, value])=>({
-                    id: columnId,
-                    value
-                }));
-            onFiltersChange(filters);
-        }
-    });
-    const handleMultiFilterChange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((columnId, option)=>{
-        setData((prev)=>{
-            const prevValue = prev.filters[columnId];
-            const current = Array.isArray(prevValue) ? prevValue : [];
-            const next = current.includes(option.id) ? current.filter((id)=>id !== option.id) : [
-                ...current,
-                option.id
-            ];
-            return {
-                filters: {
-                    ...prev.filters,
-                    [columnId]: next
-                }
-            };
-        });
-    }, [
-        setData
-    ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__["default"], {
-        onClose: onClose,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
-            header: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
-                font: "h6",
-                tagName: "h6",
-                children: "Filters"
-            }),
-            footer: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
-                justify: "space-between",
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
-                        type: "secondary",
-                        onClick: ()=>{
-                            setData(()=>({
-                                    filters: resetFilterValues
-                                }));
-                        },
-                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
-                            symbol: "Restore"
-                        }),
-                        children: "Reset all filters"
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_c160eb1a__["default"], {
-                        formStatus: status,
-                        primary: {
-                            action: async ()=>{
-                                submit();
-                                onClose();
-                            },
-                            label: "Apply filters"
-                        },
-                        secondary: {
-                            action: onClose,
-                            label: "Cancel",
-                            type: "ghost"
-                        }
-                    })
-                ]
-            }),
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterExpandersContainer,
-                children: filterableColumns.map((column)=>{
-                    const filter = column.filter;
-                    if (filter.isMulti) {
-                        const filterValue = data.filters[column.id];
-                        const selectedIds = Array.isArray(filterValue) ? filterValue : [];
-                        const selectedOptions = filter.options.filter((opt)=>selectedIds.includes(opt.id));
-                        const multiFilterLabel = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
-                            justify: "space-between",
-                            children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                    children: selectedIds.length > 0 ? `${filter.label} (${selectedIds.length} selected)` : filter.label
-                                }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                    style: {
-                                        visibility: selectedIds.length > 0 ? "visible" : "hidden"
-                                    },
-                                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
-                                        type: "secondary",
-                                        size: "small",
-                                        onClick: (e)=>{
-                                            e.stopPropagation();
-                                            setData((prev)=>({
-                                                    filters: {
-                                                        ...prev.filters,
-                                                        [column.id]: []
-                                                    }
-                                                }));
-                                        },
-                                        children: "Reset"
-                                    })
-                                })
-                            ]
-                        });
-                        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FilterExpander, {
-                            label: multiFilterLabel,
-                            highlight: selectedIds.length > 0,
-                            defaultOpen: 1 === filterableColumns.length,
-                            children: filter.options.length > MIN_LIST_BOX_FILTER_OPTIONS ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_ListBoxField_js_b7d4cb12__["default"], {
-                                id: `${column.id}-filter`,
-                                label: "",
-                                options: filter.options,
-                                optionToId: (opt)=>opt.id,
-                                optionToLabel: (opt)=>opt.label,
-                                searchField: "label",
-                                value: selectedOptions,
-                                onChange: (option)=>handleMultiFilterChange(column.id, option),
-                                fixedHeight: true
-                            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_CheckboxSetField_js_bce910a4__["default"], {
-                                id: `${column.id}-filter`,
-                                label: "",
-                                options: filter.options,
-                                optionToId: (opt)=>opt.id,
-                                optionToLabel: (opt)=>opt.label,
-                                values: selectedOptions,
-                                onChange: (option)=>handleMultiFilterChange(column.id, option)
-                            })
-                        }, column.id);
-                    }
-                    const rawValue = data.filters[column.id];
-                    const value = "string" == typeof rawValue ? rawValue : filter.options[0].id;
-                    const hasNonDefaultValue = "string" == typeof rawValue && rawValue !== filter.options[0].id;
-                    const isBooleanFilter = 2 === filter.options.length;
-                    const booleanValue = isBooleanFilter && value === filter.options[1].id;
-                    const singleFilterLabel = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
-                        justify: "space-between",
-                        children: [
-                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                children: hasNonDefaultValue ? `${filter.label} (Selected)` : filter.label
-                            }),
-                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                style: {
-                                    visibility: hasNonDefaultValue ? "visible" : "hidden"
-                                },
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
-                                    type: "secondary",
-                                    size: "small",
-                                    onClick: (e)=>{
-                                        e.stopPropagation();
-                                        setData((prev)=>({
-                                                filters: {
-                                                    ...prev.filters,
-                                                    [column.id]: filter.options[0].id
-                                                }
-                                            }));
-                                    },
-                                    children: "Reset"
-                                })
-                            })
-                        ]
-                    });
-                    return isBooleanFilter ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].filterBooleanFieldWrapper,
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_BooleanField_js_dc79ee46__["default"], {
-                            id: `${column.id}-filter`,
-                            label: filter.label,
-                            value: booleanValue,
-                            onChange: (checked)=>{
-                                setData((prev)=>({
-                                        filters: {
-                                            ...prev.filters,
-                                            [column.id]: checked ? filter.options[1].id : filter.options[0].id
-                                        }
-                                    }));
-                            }
-                        })
-                    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FilterExpander, {
-                        label: singleFilterLabel,
-                        highlight: hasNonDefaultValue,
-                        defaultOpen: 1 === filterableColumns.length,
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_SimpleRadioSetField_js_118e9421__["default"], {
-                            id: `${column.id}-filter`,
-                            label: "",
-                            options: filter.options,
-                            value: value,
-                            onChange: (optionId)=>{
-                                setData((prev)=>({
-                                        filters: {
-                                            ...prev.filters,
-                                            [column.id]: optionId
-                                        }
-                                    }));
-                            }
-                        })
-                    }, column.id);
-                })
-            })
-        })
-    });
-};
 const Table_rslib_entry_ = Table;
 export { Table_rslib_entry_ as default };