@ballistix.digital/react-components 7.1.3-rc-66.0 → 7.1.3-rc-68.0

package/dist/index.esm.js

@@ -11,7 +11,7 @@ import {fas as $4MPRY$fas} from "@fortawesome/pro-solid-svg-icons";
 import {fat as $4MPRY$fat} from "@fortawesome/pro-thin-svg-icons";
 import {FontAwesomeIcon as $4MPRY$FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {useFloating as $4MPRY$useFloating, offset as $4MPRY$offset, flip as $4MPRY$flip, shift as $4MPRY$shift, arrow as $4MPRY$arrow, autoUpdate as $4MPRY$autoUpdate, useHover as $4MPRY$useHover, useFocus as $4MPRY$useFocus, useDismiss as $4MPRY$useDismiss, useRole as $4MPRY$useRole, useInteractions as $4MPRY$useInteractions, FloatingArrow as $4MPRY$FloatingArrow} from "@floating-ui/react";
-import {Menu as $4MPRY$Menu, MenuButton as $4MPRY$MenuButton, Transition as $4MPRY$Transition, MenuItems as $4MPRY$MenuItems, Dialog as $4MPRY$Dialog, Popover as $4MPRY$Popover, PopoverButton as $4MPRY$PopoverButton, PopoverPanel as $4MPRY$PopoverPanel, Switch as $4MPRY$Switch} from "@headlessui/react";
+import {Menu as $4MPRY$Menu, MenuButton as $4MPRY$MenuButton, Transition as $4MPRY$Transition, MenuItems as $4MPRY$MenuItems, Dialog as $4MPRY$Dialog, TransitionChild as $4MPRY$TransitionChild, Popover as $4MPRY$Popover, PopoverButton as $4MPRY$PopoverButton, PopoverPanel as $4MPRY$PopoverPanel, Switch as $4MPRY$Switch} from "@headlessui/react";
 import {useMask as $4MPRY$useMask} from "@react-input/mask";
 import {ViewColumnsIcon as $4MPRY$ViewColumnsIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon1, TableCellsIcon as $4MPRY$TableCellsIcon, XMarkIcon as $4MPRY$XMarkIcon, PlusIcon as $4MPRY$PlusIcon} from "@heroicons/react/24/outline";
 import {useReactTable as $4MPRY$useReactTable, getCoreRowModel as $4MPRY$getCoreRowModel, flexRender as $4MPRY$flexRender, getExpandedRowModel as $4MPRY$getExpandedRowModel, getGroupedRowModel as $4MPRY$getGroupedRowModel, createColumnHelper as $4MPRY$createColumnHelper} from "@tanstack/react-table";
@@ -564,10 +564,12 @@ var $9a29d5e0e3b54abe$export$2e2bcd8739ae039 = $9a29d5e0e3b54abe$var$AlertElemen
 
 
 
+
 var $0b2d04c7befe535a$var$base = {
     container: 'inline-flex items-center font-medium py-0.5',
     indicator: '',
-    button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden'
+    button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden cursor-pointer',
+    closeIcon: ''
 };
 var $0b2d04c7befe535a$var$normal = {
     container: 'px-2.5'
@@ -674,7 +676,7 @@ var $0b2d04c7befe535a$export$2e2bcd8739ae039 = $0b2d04c7befe535a$var$styles;
 
 
 var $a5045567c9b3a96e$var$BadgeElement = function(props) {
-    var children = props.children, _a = props.color, color = _a === void 0 ? 'gray' : _a, _b = props.type, type = _b === void 0 ? 'normal' : _b, _c = props.size, size = _c === void 0 ? 'sm' : _c, _d = props.figure, figure = _d === void 0 ? 'block' : _d, isDisabled = props.isDisabled, isLoading = props.isLoading, onClose = props.onClose, stylesOverrides = props.styles, dataCy = props.dataCy;
+    var children = props.children, _a = props.color, color = _a === void 0 ? 'gray' : _a, _b = props.type, type = _b === void 0 ? 'normal' : _b, _c = props.size, size = _c === void 0 ? 'sm' : _c, _d = props.figure, figure = _d === void 0 ? 'block' : _d, isDisabled = props.isDisabled, isLoading = props.isLoading, onClick = props.onClick, onClose = props.onClose, stylesOverrides = props.styles, dataCy = props.dataCy;
     var handleGenerateStyle = function() {
         var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $0b2d04c7befe535a$export$2e2bcd8739ae039).base);
         var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $0b2d04c7befe535a$export$2e2bcd8739ae039).base);
@@ -684,17 +686,33 @@ var $a5045567c9b3a96e$var$BadgeElement = function(props) {
         return result;
     };
     var styles = handleGenerateStyle();
-    var xIcon = (0, $4MPRY$jsx)("svg", {
-        className: "h-2 w-2",
-        stroke: "currentColor",
-        fill: "none",
-        viewBox: "0 0 8 8",
-        children: (0, $4MPRY$jsx)("path", {
-            strokeLinecap: "round",
-            strokeWidth: "1.5",
-            d: "M1 1l6 6m0-6L1 7"
-        })
-    });
+    var closeButton = (0, $4MPRY$useMemo)(function() {
+        if (type !== 'close' || !onClose) return null;
+        var handleClose = function(e) {
+            e.stopPropagation();
+            onClose(e);
+        };
+        return (0, $4MPRY$jsxs)("div", {
+            className: styles.button,
+            onClick: handleClose,
+            children: [
+                (0, $4MPRY$jsx)("span", {
+                    className: "sr-only",
+                    children: "Remove large option"
+                }),
+                (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
+                    className: styles.closeIcon,
+                    type: "regular",
+                    accessor: "times"
+                })
+            ]
+        });
+    }, [
+        type,
+        onClose,
+        styles.button,
+        styles.closeIcon
+    ]);
     if (isLoading) return (0, $4MPRY$jsx)("span", {
         className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container, 'h-4 w-12 animate-pulse'),
         children: type === 'indicator' && (0, $4MPRY$jsx)("svg", {
@@ -709,8 +727,9 @@ var $a5045567c9b3a96e$var$BadgeElement = function(props) {
         })
     });
     return (0, $4MPRY$jsxs)("span", {
-        className: styles.container,
+        className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container, !!onClick && 'cursor-pointer'),
         "data-cy": dataCy,
+        onClick: onClick,
         children: [
             type === 'indicator' && (0, $4MPRY$jsx)("svg", {
                 className: styles.indicator,
@@ -723,18 +742,7 @@ var $a5045567c9b3a96e$var$BadgeElement = function(props) {
                 })
             }),
             children,
-            type === 'close' && (0, $4MPRY$jsxs)("button", {
-                type: "button",
-                className: styles.button,
-                onClick: onClose,
-                children: [
-                    (0, $4MPRY$jsx)("span", {
-                        className: "sr-only",
-                        children: "Remove large option"
-                    }),
-                    xIcon
-                ]
-            })
+            closeButton
         ]
     });
 };
@@ -3313,12 +3321,13 @@ var $df469b72efb8986e$var$__spreadArray = undefined && undefined.__spreadArray |
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 var $df469b72efb8986e$var$TableList2 = function(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
     var id = props.id, config = props.table, head = props.head, foot = props.foot, leftSide = props.leftSide, isLoading = props.isLoading, onRowClick = props.onRowClick, onChange = props.onChange, stylesOverrides = props.styles, dragConfig = props.dragConfig;
-    var _8 = (0, $4MPRY$useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
-    var _9 = (0, $4MPRY$useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
-    var _10 = (0, $4MPRY$useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _10[0], setSorting = _10[1];
-    var _11 = (0, $4MPRY$useState)((_e = (_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.grouping) === null || _d === void 0 ? void 0 : _d.defaultGrouping) !== null && _e !== void 0 ? _e : []), grouping = _11[0], setGrouping = _11[1];
+    var _9 = (0, $4MPRY$useState)({}), columnVisibility = _9[0], setColumnVisibility = _9[1];
+    var _10 = (0, $4MPRY$useState)([]), columnOrder = _10[0], setColumnOrder = _10[1];
+    var _11 = (0, $4MPRY$useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _11[0], setSorting = _11[1];
+    var _12 = (0, $4MPRY$useState)((_e = (_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.grouping) === null || _d === void 0 ? void 0 : _d.defaultGrouping) !== null && _e !== void 0 ? _e : []), grouping = _12[0], setGrouping = _12[1];
+    var _13 = (0, $4MPRY$useState)({}), expanded = _13[0], setExpanded = _13[1];
     var handleGenerateStyle = function() {
         var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
         var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
@@ -3380,6 +3389,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
         getExpandedRowModel: (0, $4MPRY$getExpandedRowModel)(),
         getGroupedRowModel: (0, $4MPRY$getGroupedRowModel)(),
         getCoreRowModel: (0, $4MPRY$getCoreRowModel)(),
+        getSubRows: (_g = config.options) === null || _g === void 0 ? void 0 : _g.getSubRows,
         columns: isDraggable ? $df469b72efb8986e$var$__spreadArray([
             {
                 id: 'drag-handle',
@@ -3398,7 +3408,8 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
             sorting: sorting,
             columnVisibility: columnVisibility,
             columnOrder: columnOrder,
-            grouping: grouping
+            grouping: grouping,
+            expanded: expanded
         },
         initialState: {
             columnVisibility: isDraggable ? $df469b72efb8986e$var$__assign({
@@ -3406,13 +3417,13 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
             }, initialVisibilityState) : initialVisibilityState,
             columnOrder: isDraggable ? $df469b72efb8986e$var$__spreadArray([
                 'drag-handle'
-            ], (_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.defaultOrder) !== null && _h !== void 0 ? _h : [], true) : (_j = config.options) === null || _j === void 0 ? void 0 : _j.defaultOrder,
+            ], (_j = (_h = config.options) === null || _h === void 0 ? void 0 : _h.defaultOrder) !== null && _j !== void 0 ? _j : [], true) : (_k = config.options) === null || _k === void 0 ? void 0 : _k.defaultOrder,
             columnPinning: {
-                left: (_m = (0, $4MPRY$map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.left, 'name')) !== null && _m !== void 0 ? _m : [],
-                right: (_q = (0, $4MPRY$map)((_p = (_o = config.options) === null || _o === void 0 ? void 0 : _o.columnPinning) === null || _p === void 0 ? void 0 : _p.right, 'name')) !== null && _q !== void 0 ? _q : []
+                left: (_o = (0, $4MPRY$map)((_m = (_l = config.options) === null || _l === void 0 ? void 0 : _l.columnPinning) === null || _m === void 0 ? void 0 : _m.left, 'name')) !== null && _o !== void 0 ? _o : [],
+                right: (_r = (0, $4MPRY$map)((_q = (_p = config.options) === null || _p === void 0 ? void 0 : _p.columnPinning) === null || _q === void 0 ? void 0 : _q.right, 'name')) !== null && _r !== void 0 ? _r : []
             },
-            grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
-            expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
+            grouping: (_t = (_s = config.options) === null || _s === void 0 ? void 0 : _s.grouping) === null || _t === void 0 ? void 0 : _t.defaultGrouping,
+            expanded: (_v = (_u = config.options) === null || _u === void 0 ? void 0 : _u.grouping) === null || _v === void 0 ? void 0 : _v.defaultExpanded
         },
         manualPagination: true,
         manualSorting: true,
@@ -3420,6 +3431,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
         onColumnVisibilityChange: setColumnVisibility,
         onColumnOrderChange: setColumnOrder,
         onGroupingChange: setGrouping,
+        onExpandedChange: setExpanded,
         getRowId: function(row) {
             return (0, $4MPRY$get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
         }
@@ -3476,7 +3488,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
             setColumnVisibility(visibility_1);
         }
     }, [
-        (_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
+        (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultVisibility,
         id,
         table
     ]);
@@ -3501,10 +3513,13 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
         }
     }, [
         config.columns,
-        (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
+        (_x = config === null || config === void 0 ? void 0 : config.options) === null || _x === void 0 ? void 0 : _x.defaultOrder,
         id,
         isDraggable
     ]);
+    var handleFlexRender = function(cell) {
+        return (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext());
+    };
     // Write state to local storage when it changes
     (0, $4MPRY$useEffect)(function() {
         if (state) (0, $b77b4b93ae627775$export$c0b214a25c581b2a)(id, state);
@@ -3583,7 +3598,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
             return acc + size;
         }, 0);
     }, [
-        (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
+        (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning
     ]);
     var getCommonPinningStyles = (0, $4MPRY$useCallback)(function(column) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
@@ -3604,10 +3619,10 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
             right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
         };
     }, [
-        (_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
-        (_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
-        (_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
-        (_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
+        (_0 = (_z = config.options) === null || _z === void 0 ? void 0 : _z.columnPinning) === null || _0 === void 0 ? void 0 : _0.customShadow,
+        (_2 = (_1 = config.options) === null || _1 === void 0 ? void 0 : _1.columnPinning) === null || _2 === void 0 ? void 0 : _2.disableShadow,
+        (_4 = (_3 = config.options) === null || _3 === void 0 ? void 0 : _3.columnPinning) === null || _4 === void 0 ? void 0 : _4.left,
+        (_6 = (_5 = config.options) === null || _5 === void 0 ? void 0 : _5.columnPinning) === null || _6 === void 0 ? void 0 : _6.right,
         styles.body.table.pinnedColumns.left,
         styles.body.table.pinnedColumns.right,
         getPinnedColumnsWidth
@@ -3716,8 +3731,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
                                                                             className: row.getIsExpanded() ? styles.body.table.body.groupedRowIcon.collapse : styles.body.table.body.groupedRowIcon.expand,
                                                                             accessor: row.getIsExpanded() ? (_f = (_e = (_d = config === null || config === void 0 ? void 0 : config.options) === null || _d === void 0 ? void 0 : _d.grouping) === null || _e === void 0 ? void 0 : _e.collapseIconAccessor) !== null && _f !== void 0 ? _f : 'chevron-down' : (_j = (_h = (_g = config === null || config === void 0 ? void 0 : config.options) === null || _g === void 0 ? void 0 : _g.grouping) === null || _h === void 0 ? void 0 : _h.expandIconAccessor) !== null && _j !== void 0 ? _j : 'chevron-right'
                                                                         }),
-                                                                        ' ',
-                                                                        (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext()),
+                                                                        handleFlexRender(cell),
                                                                         " (",
                                                                         row.subRows.length,
                                                                         ")"
@@ -3734,7 +3748,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
                                         ]
                                     }),
                                     (0, $4MPRY$isEmpty)(table === null || table === void 0 ? void 0 : table.getRowModel().rows) && !isLoading && (0, $4MPRY$jsx)((0, $4MPRY$Fragment), {
-                                        children: ((_6 = config === null || config === void 0 ? void 0 : config.options) === null || _6 === void 0 ? void 0 : _6.emptyComponent) ? (_7 = config === null || config === void 0 ? void 0 : config.options) === null || _7 === void 0 ? void 0 : _7.emptyComponent : (0, $4MPRY$jsx)("div", {
+                                        children: ((_7 = config === null || config === void 0 ? void 0 : config.options) === null || _7 === void 0 ? void 0 : _7.emptyComponent) ? (_8 = config === null || config === void 0 ? void 0 : config.options) === null || _8 === void 0 ? void 0 : _8.emptyComponent : (0, $4MPRY$jsx)("div", {
                                             className: (0, $a159f18e2839f1e6$export$2e2bcd8739ae039).empty,
                                             children: "There is no data to show..."
                                         })
@@ -4680,7 +4694,7 @@ var $d467f992ffa88739$var$ModalOverlay = function(props) {
     ]);
     return (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
         children: [
-            (0, $4MPRY$jsx)((0, $4MPRY$Transition).Root, {
+            (0, $4MPRY$jsx)((0, $4MPRY$Transition), {
                 show: isOpen,
                 as: (0, $4MPRY$Fragment1),
                 children: (0, $4MPRY$jsxs)((0, $4MPRY$Dialog), {
@@ -4688,7 +4702,7 @@ var $d467f992ffa88739$var$ModalOverlay = function(props) {
                     className: styles.container,
                     onClose: handleClose,
                     children: [
-                        (0, $4MPRY$jsx)((0, $4MPRY$Transition).Child, {
+                        (0, $4MPRY$jsx)((0, $4MPRY$TransitionChild), {
                             as: (0, $4MPRY$Fragment1),
                             enter: styles.background.transition.enter,
                             enterFrom: styles.background.transition.enterFrom,
@@ -4705,7 +4719,7 @@ var $d467f992ffa88739$var$ModalOverlay = function(props) {
                             children: (0, $4MPRY$jsx)("div", {
                                 className: styles.layout.content,
                                 "data-cy": dataCy,
-                                children: (0, $4MPRY$jsx)((0, $4MPRY$Transition).Child, {
+                                children: (0, $4MPRY$jsx)((0, $4MPRY$TransitionChild), {
                                     as: (0, $4MPRY$Fragment1),
                                     enter: styles.panel.transition.enter,
                                     enterFrom: styles.panel.transition.enterFrom,
@@ -5087,7 +5101,7 @@ var $28232825d538e297$var$TableColumnOptionsCustom = function(props) {
     return (0, $4MPRY$jsxs)((0, $4MPRY$Popover), {
         children: [
             (0, $4MPRY$jsx)((0, $4MPRY$PopoverButton), {
-                as: 'div',
+                as: "div",
                 children: trigger
             }),
             (0, $4MPRY$jsxs)((0, $4MPRY$PopoverPanel), {
@@ -6985,10 +6999,10 @@ var $3f6ca002faff40a3$var$getDateString = function(date) {
     return (0, $4e61e073e8ab55ca$export$b7c4e1545c61edee)(date.value);
 };
 var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
-    var accessor = (0, $4MPRY$useMemo)(function() {
+    var _a = (0, $4MPRY$useMemo)(function() {
         return (0, $4MPRY$createColumnHelper)();
-    }, []).accessor;
-    var _a = (0, $48d5b0ffa682dc0b$export$2e2bcd8739ae039)(t), toStringCell = _a.toStringCell, toOptionCell = _a.toOptionCell;
+    }, []), accessor = _a.accessor, display = _a.display;
+    var _b = (0, $48d5b0ffa682dc0b$export$2e2bcd8739ae039)(t), toStringCell = _b.toStringCell, toOptionCell = _b.toOptionCell;
     var getClassName = (0, $4MPRY$useCallback)(function(size) {
         var sizes = {
             sm: 'max-w-20',
@@ -6999,21 +7013,29 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
         return "overflow-hidden text-ellipsis ".concat((0, $4MPRY$get)(sizes, size, ''), " block");
     }, []);
     var createAccessor = (0, $4MPRY$useCallback)(function(key, getCellContent, excelMapper, options) {
-        var _a;
-        return accessor(key, {
+        var _a, _b;
+        var column = {
             header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
             enableSorting: (0, $4MPRY$get)(options, 'enableSorting', true),
-            cell: function(cell) {
+            cell: (_b = options === null || options === void 0 ? void 0 : options.cell) !== null && _b !== void 0 ? _b : function(cell) {
                 return getCellContent(cell, options);
             },
+            aggregatedCell: options === null || options === void 0 ? void 0 : options.aggregateCell,
             meta: {
                 excel: excelMapper
             }
-        });
+        };
+        if (options === null || options === void 0 ? void 0 : options.aggregationFn) (0, $4MPRY$set)(column, 'aggregationFn', options.aggregationFn);
+        return accessor(key, column);
     }, [
         accessor,
         t
     ]);
+    var createDisplay = (0, $4MPRY$useCallback)(function(column) {
+        return display(column);
+    }, [
+        display
+    ]);
     var baseCellRenderer = function(value, options) {
         var _a;
         var content = (0, $4MPRY$jsx)("p", {
@@ -7021,7 +7043,7 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
             children: value
         });
         return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $4MPRY$jsx)((0, $b237e6d2d86a5c92$export$2e2bcd8739ae039), {
-            placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
+            placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
             content: value,
             children: content
         }) : content;
@@ -7039,7 +7061,7 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
             var content = value.href ? (0, $4MPRY$jsx)("a", {
                 href: value.href,
                 className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
-                target: (options === null || options === void 0 ? void 0 : options.openInNewTab) ? "_blank" : undefined,
+                target: (options === null || options === void 0 ? void 0 : options.openInNewTab) ? '_blank' : undefined,
                 children: value.label
             }) : value.label;
             return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $4MPRY$jsx)((0, $b237e6d2d86a5c92$export$2e2bcd8739ae039), {
@@ -7060,7 +7082,7 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
                 children: value.label
             });
             return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $4MPRY$jsx)((0, $b237e6d2d86a5c92$export$2e2bcd8739ae039), {
-                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
+                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
                 content: value.label,
                 children: content
             }) : content;
@@ -7079,7 +7101,7 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
                 children: value.label
             });
             return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $4MPRY$jsx)((0, $b237e6d2d86a5c92$export$2e2bcd8739ae039), {
-                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
+                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
                 content: value.label,
                 children: content
             }) : content;
@@ -7114,13 +7136,23 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
             return toStringCell((cell === null || cell === void 0 ? void 0 : cell.value) !== undefined ? t("label.boolean.".concat(cell.value)) : t('label.boolean.unclear'));
         }, options);
     };
+    var displayAccessor = function(key, cell, options) {
+        var _a;
+        return createDisplay({
+            id: key,
+            header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
+            cell: cell,
+            aggregatedCell: options === null || options === void 0 ? void 0 : options.aggregatedCell
+        });
+    };
     return {
         stringAccessor: stringAccessor,
         linkAccessor: linkAccessor,
         buttonAccessor: buttonAccessor,
         badgeAccessor: badgeAccessor,
         dateAccessor: dateAccessor,
-        booleanAccessor: booleanAccessor
+        booleanAccessor: booleanAccessor,
+        displayAccessor: displayAccessor
     };
 };
 var $3f6ca002faff40a3$export$2e2bcd8739ae039 = $3f6ca002faff40a3$var$useColumnHelpers;