@worknice/whiteboard 0.43.1 → 0.44.0

package/dist/presentation/CustomizableTable/CustomizableTableContents.js

@@ -1,305 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__ from "@dnd-kit/core";
-import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable_a8361dd8__ from "@dnd-kit/sortable";
-import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_utilities_3c8eb4c2__ from "@dnd-kit/utilities";
-import * as __WEBPACK_EXTERNAL_MODULE__react_hook_throttle_d66151d4__ from "@react-hook/throttle";
-import * as __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__ from "@tanstack/react-table";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_StringField_js_68a79b6e__ from "../../fields/StringField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__ from "../Icon.js";
-import * as __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__ from "./CustomizableTableContents.module.js";
-const selectColumnId = "_selectColumn";
-const DraggableColumnHeader = ({ header, getColumnStyle })=>{
-    const isSelectionColumn = header.column.id === selectColumnId;
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable_a8361dd8__.useSortable)({
-        id: header.id,
-        disabled: isSelectionColumn
-    });
-    const style = {
-        transform: transform ? __WEBPACK_EXTERNAL_MODULE__dnd_kit_utilities_3c8eb4c2__.CSS.Transform.toString(transform) : void 0,
-        transition: transition || void 0,
-        opacity: isDragging ? 0.5 : 1,
-        ...header.column.id !== selectColumnId && getColumnStyle(header.column)
-    };
-    const headerContent = header.isPlaceholder ? null : header.column.getCanSort() ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
-        onClick: header.column.getToggleSortingHandler(),
-        className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].sortableTableHeader,
-        title: "asc" === header.column.getIsSorted() ? "Sorted by ascending order" : "desc" === header.column.getIsSorted() ? "Sorted by descending order" : "Default sorting order",
-        children: [
-            "string" == typeof header.column.columnDef.header ? header.column.columnDef.header : (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(header.column.columnDef.header, header.getContext()),
-            "asc" === header.column.getIsSorted() ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                size: "small",
-                symbol: "SortAsc",
-                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].sortIcon
-            }) : "desc" === header.column.getIsSorted() ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                size: "small",
-                symbol: "SortDes",
-                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].sortIcon
-            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                size: "small",
-                symbol: "SortDefault",
-                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].sortIcon
-            })
-        ]
-    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        children: "string" == typeof header.column.columnDef.header ? header.column.columnDef.header : (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(header.column.columnDef.header, header.getContext())
-    });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("th", {
-        ref: setNodeRef,
-        style: style,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-            __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableCell,
-            __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableHeader,
-            isSelectionColumn ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectionCell : void 0
-        ]),
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                ...!isSelectionColumn && {
-                    ...attributes,
-                    ...listeners
-                },
-                children: headerContent
-            }),
-            !isSelectionColumn && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                onMouseDown: header.getResizeHandler(),
-                onTouchStart: header.getResizeHandler(),
-                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].resizer
-            })
-        ]
-    });
-};
-const CustomizableTableContents = ({ reactTable, columns, showRowCount = true, isLoading = false })=>{
-    const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
-    const [activeId, setActiveId] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
-    const mountedRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(false);
-    const enableRowSelection = false;
-    const globalFilterableColumns = columns.filter((column)=>false !== column.globalFiltering && "display" !== column.type);
-    const sensors = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.useSensors)((0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.useSensor)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.MouseSensor, {
-        activationConstraint: {
-            distance: 10
-        }
-    }), (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.useSensor)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.TouchSensor, {
-        activationConstraint: {
-            delay: 250,
-            tolerance: 5
-        }
-    }));
-    const filterableColumns = columns.filter((column)=>{
-        const tableColumn = reactTable.getColumn(column.id);
-        return void 0 !== column.filter && void 0 !== tableColumn && tableColumn.getIsVisible();
-    });
-    const hasFilterableColumns = filterableColumns.length > 0;
-    const tBodyRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const throttledSetGlobalFilter = (0, __WEBPACK_EXTERNAL_MODULE__react_hook_throttle_d66151d4__.useThrottleCallback)((value)=>reactTable.setGlobalFilter(value), 4);
-    const handleDragStart = (event)=>{
-        setActiveId(event.active.id);
-    };
-    const handleDragEnd = (event)=>{
-        const { active, over } = event;
-        setActiveId(null);
-        if (over && active.id !== over.id) {
-            const oldIndex = reactTable.getState().columnOrder.indexOf(active.id);
-            const newIndex = reactTable.getState().columnOrder.indexOf(over.id);
-            const newColumnOrder = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable_a8361dd8__.arrayMove)(reactTable.getState().columnOrder, oldIndex, newIndex);
-            reactTable.setColumnOrder(newColumnOrder);
-        }
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        mountedRef.current = true;
-    }, []);
-    const getColumnStyle = (column)=>{
-        if (column.id === selectColumnId) return {
-            width: "64px",
-            minWidth: "64px",
-            maxWidth: "64px"
-        };
-        if (!mountedRef.current) return {
-            width: "150px"
-        };
-        const containerWidth = tBodyRef.current?.parentElement?.clientWidth || 0;
-        if (1 === reactTable.getVisibleLeafColumns().length) return {
-            width: `${containerWidth}px`
-        };
-        const currentSize = column.getSize();
-        if (void 0 !== currentSize && 150 !== currentSize) return {
-            width: `${currentSize}px`,
-            minWidth: "50px"
-        };
-        const width = currentSize ?? 150;
-        return {
-            width: `${width}px`,
-            minWidth: "50px"
-        };
-    };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-        children: [
-            !isLoading && reactTable.getVisibleLeafColumns().length > 0 && (0 !== globalFilterableColumns.length || hasFilterableColumns) ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                style: {
-                    flex: 1
-                },
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_StringField_js_68a79b6e__["default"], {
-                    label: "Search",
-                    id: "globalSearch",
-                    value: searchTerm,
-                    onChange: (value)=>{
-                        setSearchTerm(value ?? "");
-                        throttledSetGlobalFilter(value ?? "");
-                    }
-                })
-            }) : null,
-            showRowCount && !isLoading && reactTable.getVisibleLeafColumns().length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
-                children: [
-                    "Showing ",
-                    reactTable.getPreGroupedRowModel().flatRows.length,
-                    " of",
-                    " ",
-                    reactTable.getPreFilteredRowModel().flatRows.length
-                ]
-            }) : null,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableContainer,
-                children: mountedRef.current ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.DndContext, {
-                    sensors: sensors,
-                    onDragStart: handleDragStart,
-                    onDragEnd: handleDragEnd,
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("table", {
-                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].table, {
-                                [__WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].noColumns]: 0 === reactTable.getVisibleLeafColumns().length
-                            }),
-                            children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("thead", {
-                                    className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableHead,
-                                    children: !isLoading && reactTable.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-                                                __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableRow,
-                                                enableRowSelection ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectableRows : ""
-                                            ]),
-                                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable_a8361dd8__.SortableContext, {
-                                                items: headerGroup.headers.map((header)=>header.id),
-                                                strategy: __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable_a8361dd8__.horizontalListSortingStrategy,
-                                                children: headerGroup.headers.map((header)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DraggableColumnHeader, {
-                                                        header: header,
-                                                        getColumnStyle: getColumnStyle
-                                                    }, header.id))
-                                            })
-                                        }, headerGroup.id))
-                                }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tbody", {
-                                    ref: tBodyRef,
-                                    className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableBody,
-                                    children: isLoading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
-                                            className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].noRows,
-                                            colSpan: reactTable.getVisibleLeafColumns().length,
-                                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                                                symbol: "Loading",
-                                                animate: true
-                                            })
-                                        })
-                                    }) : reactTable.getRowModel().rows.length ? reactTable.getRowModel().rows.map((row)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                            "data-state": row.getIsSelected() ? "selected" : "",
-                                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-                                                __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableRow,
-                                                enableRowSelection ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectableRows : ""
-                                            ]),
-                                            children: row.getVisibleCells().map((cell)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
-                                                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-                                                        __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableCell,
-                                                        cell.column.id === selectColumnId ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectionCell : void 0
-                                                    ]),
-                                                    style: getColumnStyle(cell.column),
-                                                    children: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(cell.column.columnDef.cell, cell.getContext())
-                                                }, cell.id))
-                                        }, row.id)) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                        className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableRow,
-                                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
-                                            className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].noRows,
-                                            colSpan: reactTable.getVisibleLeafColumns().length,
-                                            children: reactTable.getVisibleLeafColumns().length > 0 ? "No results" : "No columns"
-                                        })
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__.DragOverlay, {
-                            children: activeId ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].draggingHeader,
-                                children: (()=>{
-                                    const header = reactTable.getHeaderGroups().flatMap((group)=>group.headers).find((h)=>h.id === activeId);
-                                    if (!header) return null;
-                                    const headerContent = header.column.columnDef.header;
-                                    return "string" == typeof headerContent ? headerContent : (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(headerContent, header.getContext());
-                                })()
-                            }) : null
-                        })
-                    ]
-                }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("table", {
-                    className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].table,
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("thead", {
-                            className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableHead,
-                            children: !isLoading && reactTable.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-                                        __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableRow,
-                                        enableRowSelection ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectableRows : ""
-                                    ]),
-                                    children: headerGroup.headers.map((header)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DraggableColumnHeader, {
-                                            header: header,
-                                            getColumnStyle: getColumnStyle
-                                        }, header.id))
-                                }, headerGroup.id))
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tbody", {
-                            ref: tBodyRef,
-                            className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableBody,
-                            children: isLoading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
-                                    className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].noRows,
-                                    colSpan: reactTable.getVisibleLeafColumns().length,
-                                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                                        symbol: "Loading",
-                                        animate: true
-                                    })
-                                })
-                            }) : reactTable.getRowModel().rows.length ? reactTable.getRowModel().rows.map((row)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                    "data-state": row.getIsSelected() ? "selected" : "",
-                                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-                                        __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableRow,
-                                        enableRowSelection ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectableRows : ""
-                                    ]),
-                                    children: row.getVisibleCells().map((cell)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
-                                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
-                                                __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableCell,
-                                                cell.column.id === selectColumnId ? __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].selectionCell : void 0
-                                            ]),
-                                            style: getColumnStyle(cell.column),
-                                            children: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(cell.column.columnDef.cell, cell.getContext())
-                                        }, cell.id))
-                                }, row.id)) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
-                                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].tableRow,
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
-                                    className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableContents_module_js_fe3c2d09__["default"].noRows,
-                                    colSpan: reactTable.getVisibleLeafColumns().length,
-                                    children: reactTable.getVisibleLeafColumns().length > 0 ? "No results" : "No columns"
-                                })
-                            })
-                        })
-                    ]
-                })
-            }),
-            showRowCount && !isLoading && reactTable.getVisibleLeafColumns().length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
-                children: [
-                    "Showing ",
-                    reactTable.getPreGroupedRowModel().flatRows.length,
-                    " of",
-                    " ",
-                    reactTable.getPreFilteredRowModel().flatRows.length
-                ]
-            }) : null
-        ]
-    });
-};
-const CustomizableTableContents_rslib_entry_ = CustomizableTableContents;
-export { CustomizableTableContents_rslib_entry_ as default };

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

@@ -1,18 +0,0 @@
-import "./CustomizableTableContents_module.css";
-const CustomizableTableContents_module_rslib_entry_ = {
-    tableContainer: "tableContainer-HUrB29",
-    table: "table-FK1zBS",
-    tableHead: "tableHead-YgifCW",
-    tableBody: "tableBody-Ww4aSI",
-    tableRow: "tableRow-YGnh2E",
-    noColumns: "noColumns-E36Wsy",
-    tableHeader: "tableHeader-SrtnWm",
-    tableCell: "tableCell-JJ4dez",
-    selectionCell: "selectionCell-klawWQ",
-    sortableTableHeader: "sortableTableHeader-oymwup",
-    sortIcon: "sortIcon-CRQZ8T",
-    draggingHeader: "draggingHeader-qU29yy",
-    noRows: "noRows-egJ0OS",
-    resizer: "resizer-Iwor4j"
-};
-export { CustomizableTableContents_module_rslib_entry_ as default };

package/dist/presentation/CustomizableTable/CustomizableTableContents_module.css

@@ -1,148 +0,0 @@
-.tableContainer-HUrB29 {
-  background: var(--color-white);
-  border-radius: var(--size-n3);
-  border: solid var(--size-n5) var(--color-grey-t08);
-  color: var(--color-grey-s01);
-  width: 100%;
-  overflow-x: auto;
-}
-
-.table-FK1zBS {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-}
-
-.tableHead-YgifCW {
-  display: table-header-group;
-}
-
-.tableBody-Ww4aSI {
-  display: table-row-group;
-}
-
-.tableRow-YGnh2E {
-  border-top: solid var(--size-n5) var(--color-grey-t08);
-  display: table-row;
-}
-
-.tableHead-YgifCW .tableRow-YGnh2E, .noColumns-E36Wsy .tableRow-YGnh2E {
-  border-top: none;
-}
-
-.tableHeader-SrtnWm {
-  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;
-}
-
-.tableCell-JJ4dez {
-  padding: var(--size-00);
-  border-right: solid var(--size-n5) var(--color-grey-t08);
-  vertical-align: middle;
-  white-space: normal;
-  word-break: break-word;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-  display: table-cell;
-  position: relative;
-  overflow: hidden;
-}
-
-.tableCell-JJ4dez:last-child, .tableHeader-SrtnWm:last-child {
-  border-right: none;
-}
-
-.tableHeader-SrtnWm:not(.selectionCell-klawWQ) {
-  cursor: grab;
-}
-
-.sortableTableHeader-oymwup {
-  gap: var(--size-n2);
-  text-align: left;
-  width: 100%;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-  white-space: normal;
-  word-break: break-word;
-  text-overflow: ellipsis;
-  background: none;
-  border: none;
-  align-items: center;
-  padding: 0;
-  display: flex;
-  overflow: hidden;
-}
-
-.sortIcon-CRQZ8T {
-  flex-shrink: 0;
-}
-
-.selectionCell-klawWQ {
-  -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-klawWQ > div {
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: inline-flex;
-}
-
-.draggingHeader-qU29yy {
-  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-egJ0OS {
-  padding: var(--size-p3) var(--size-00);
-  text-align: center;
-  width: 100%;
-}
-
-.noRows-egJ0OS > svg {
-  display: inline;
-}
-
-.resizer-Iwor4j {
-  cursor: col-resize;
-  -webkit-user-select: none;
-  user-select: none;
-  touch-action: none;
-  background: none;
-  width: 5px;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-.resizer-Iwor4j:hover, .resizer-Iwor4j:active {
-  background: var(--color-grey-t08);
-}
-

package/dist/presentation/CustomizableTable/CustomizableTableDetails.d.ts

@@ -1,22 +0,0 @@
-type Props = {
-    availableColumns: Array<{
-        id: string;
-        header: string;
-        visible: boolean;
-    }>;
-    name: string;
-    description: string | null;
-    onStateChange: (state: {
-        name: string;
-        description: string | null;
-    }) => void;
-    onColumnClick: (column: {
-        id: string;
-        header: string;
-    }) => void;
-    onFilterListClick: () => void;
-    hasFilterableColumns: boolean;
-    isLoading?: boolean;
-};
-declare const CustomizableTableDetails: ({ availableColumns, onColumnClick, onFilterListClick, name, description, onStateChange, hasFilterableColumns, isLoading, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CustomizableTableDetails;

package/dist/presentation/CustomizableTable/CustomizableTableDetails.js

@@ -1,74 +0,0 @@
-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_MenuButton_js_fa7c5c89__ from "../../controls/MenuButton.js";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_StringField_js_68a79b6e__ from "../../fields/StringField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__ from "../Icon.js";
-import * as __WEBPACK_EXTERNAL_MODULE__CustomizableTableDetails_module_js_9c4bc960__ from "./CustomizableTableDetails.module.js";
-const CustomizableTableDetails = ({ availableColumns, onColumnClick, onFilterListClick, name, description, onStateChange, hasFilterableColumns, isLoading = false })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableDetails_module_js_9c4bc960__["default"].filterBar,
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        style: {
-                            flex: 1
-                        },
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_StringField_js_68a79b6e__["default"], {
-                            id: "name",
-                            label: "Name",
-                            value: name,
-                            onChange: (value)=>{
-                                onStateChange({
-                                    name: value ?? "",
-                                    description
-                                });
-                            },
-                            required: true
-                        })
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                        className: __WEBPACK_EXTERNAL_MODULE__CustomizableTableDetails_module_js_9c4bc960__["default"].filterSelectMenus,
-                        children: [
-                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_fa7c5c89__["default"], {
-                                disabled: isLoading,
-                                id: "columnVisibility",
-                                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                                    symbol: "Columns"
-                                }),
-                                options: availableColumns.map((col)=>({
-                                        id: col.id,
-                                        label: `${col.visible ? "✓ " : ""}${col.header}`,
-                                        type: "onClick",
-                                        onClick: ()=>onColumnClick(col)
-                                    })),
-                                children: "Columns"
-                            }),
-                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_2f50b64a__["default"], {
-                                type: "secondary",
-                                size: "normal",
-                                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_e5f9af80__["default"], {
-                                    symbol: "FilterList"
-                                }),
-                                onClick: onFilterListClick,
-                                disabled: !hasFilterableColumns || isLoading,
-                                children: "Filters"
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_StringField_js_68a79b6e__["default"], {
-                id: "description",
-                label: "Description",
-                value: description,
-                onChange: (value)=>{
-                    onStateChange({
-                        description: value,
-                        name
-                    });
-                }
-            })
-        ]
-    });
-const CustomizableTableDetails_rslib_entry_ = CustomizableTableDetails;
-export { CustomizableTableDetails_rslib_entry_ as default };

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

@@ -1,6 +0,0 @@
-import "./CustomizableTableDetails_module.css";
-const CustomizableTableDetails_module_rslib_entry_ = {
-    filterBar: "filterBar-us51aC",
-    filterSelectMenus: "filterSelectMenus-z2CP_z"
-};
-export { CustomizableTableDetails_module_rslib_entry_ as default };

package/dist/presentation/CustomizableTable/CustomizableTableDetails_module.css

@@ -1,40 +0,0 @@
-.filterBar-us51aC {
-  gap: var(--size-00);
-  flex-wrap: wrap;
-  align-items: flex-end;
-  width: 100%;
-  display: flex;
-}
-
-.filterBar-us51aC:has( > :only-child) {
-  gap: 0;
-}
-
-.filterSelectMenus-z2CP_z {
-  gap: var(--size-00);
-  flex-shrink: 0;
-  align-items: center;
-  display: flex;
-}
-
-.filterSelectMenus-z2CP_z:has( > :only-child) {
-  gap: 0;
-}
-
-@media (min-width: 1024px) {
-  .filterBar-us51aC {
-    flex-wrap: nowrap;
-  }
-}
-
-@media (min-width: 1920px) {
-  .filterBar-us51aC {
-    grid-template-rows: auto;
-    grid-template-columns: 1fr max-content;
-  }
-
-  .filterSelectMenus-z2CP_z {
-    grid-auto-columns: max-content;
-  }
-}
-

package/dist/presentation/CustomizableTable/TableFilterModal.d.ts

@@ -1,23 +0,0 @@
-type Props = {
-    onClose: () => void;
-    columns: Array<{
-        id: string;
-        filter: {
-            label: string;
-            options: Array<{
-                id: string;
-                label: string;
-            }>;
-        };
-    }>;
-    onFiltersChange: (filters: Array<{
-        id: string;
-        value: string;
-    }>) => void;
-    currentFilters: Array<{
-        id: string;
-        value: string;
-    }>;
-};
-export declare const TableFilterModal: ({ onClose, columns, onFiltersChange, currentFilters }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};