@ballistix.digital/react-components 7.1.3-rc-65.0 → 7.1.3-rc-67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.ts +13 -8
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.esm.js +62 -38
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +61 -37
  6. package/dist/index.js.map +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +9 -13
package/dist/index.js CHANGED
@@ -3382,12 +3382,13 @@ var $51d5596368acf759$var$__spreadArray = undefined && undefined.__spreadArray |
3382
3382
  return to.concat(ar || Array.prototype.slice.call(from));
3383
3383
  };
3384
3384
  var $51d5596368acf759$var$TableList2 = function(props) {
3385
- 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;
3385
+ 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;
3386
3386
  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;
3387
- var _8 = (0, $iA2ta$react.useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
3388
- var _9 = (0, $iA2ta$react.useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
3389
- var _10 = (0, $iA2ta$react.useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _10[0], setSorting = _10[1];
3390
- var _11 = (0, $iA2ta$react.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];
3387
+ var _9 = (0, $iA2ta$react.useState)({}), columnVisibility = _9[0], setColumnVisibility = _9[1];
3388
+ var _10 = (0, $iA2ta$react.useState)([]), columnOrder = _10[0], setColumnOrder = _10[1];
3389
+ var _11 = (0, $iA2ta$react.useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _11[0], setSorting = _11[1];
3390
+ var _12 = (0, $iA2ta$react.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];
3391
+ var _13 = (0, $iA2ta$react.useState)({}), expanded = _13[0], setExpanded = _13[1];
3391
3392
  var handleGenerateStyle = function() {
3392
3393
  var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
3393
3394
  var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
@@ -3449,6 +3450,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3449
3450
  getExpandedRowModel: (0, $iA2ta$tanstackreacttable.getExpandedRowModel)(),
3450
3451
  getGroupedRowModel: (0, $iA2ta$tanstackreacttable.getGroupedRowModel)(),
3451
3452
  getCoreRowModel: (0, $iA2ta$tanstackreacttable.getCoreRowModel)(),
3453
+ getSubRows: (_g = config.options) === null || _g === void 0 ? void 0 : _g.getSubRows,
3452
3454
  columns: isDraggable ? $51d5596368acf759$var$__spreadArray([
3453
3455
  {
3454
3456
  id: 'drag-handle',
@@ -3467,7 +3469,8 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3467
3469
  sorting: sorting,
3468
3470
  columnVisibility: columnVisibility,
3469
3471
  columnOrder: columnOrder,
3470
- grouping: grouping
3472
+ grouping: grouping,
3473
+ expanded: expanded
3471
3474
  },
3472
3475
  initialState: {
3473
3476
  columnVisibility: isDraggable ? $51d5596368acf759$var$__assign({
@@ -3475,13 +3478,13 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3475
3478
  }, initialVisibilityState) : initialVisibilityState,
3476
3479
  columnOrder: isDraggable ? $51d5596368acf759$var$__spreadArray([
3477
3480
  'drag-handle'
3478
- ], (_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,
3481
+ ], (_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,
3479
3482
  columnPinning: {
3480
- left: (_m = (0, $iA2ta$lodash.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 : [],
3481
- right: (_q = (0, $iA2ta$lodash.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 : []
3483
+ left: (_o = (0, $iA2ta$lodash.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 : [],
3484
+ right: (_r = (0, $iA2ta$lodash.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 : []
3482
3485
  },
3483
- grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
3484
- expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
3486
+ grouping: (_t = (_s = config.options) === null || _s === void 0 ? void 0 : _s.grouping) === null || _t === void 0 ? void 0 : _t.defaultGrouping,
3487
+ expanded: (_v = (_u = config.options) === null || _u === void 0 ? void 0 : _u.grouping) === null || _v === void 0 ? void 0 : _v.defaultExpanded
3485
3488
  },
3486
3489
  manualPagination: true,
3487
3490
  manualSorting: true,
@@ -3489,6 +3492,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3489
3492
  onColumnVisibilityChange: setColumnVisibility,
3490
3493
  onColumnOrderChange: setColumnOrder,
3491
3494
  onGroupingChange: setGrouping,
3495
+ onExpandedChange: setExpanded,
3492
3496
  getRowId: function(row) {
3493
3497
  return (0, $iA2ta$lodash.get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
3494
3498
  }
@@ -3545,7 +3549,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3545
3549
  setColumnVisibility(visibility_1);
3546
3550
  }
3547
3551
  }, [
3548
- (_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
3552
+ (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultVisibility,
3549
3553
  id,
3550
3554
  table
3551
3555
  ]);
@@ -3570,10 +3574,13 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3570
3574
  }
3571
3575
  }, [
3572
3576
  config.columns,
3573
- (_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
3577
+ (_x = config === null || config === void 0 ? void 0 : config.options) === null || _x === void 0 ? void 0 : _x.defaultOrder,
3574
3578
  id,
3575
3579
  isDraggable
3576
3580
  ]);
3581
+ var handleFlexRender = function(cell) {
3582
+ return (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext());
3583
+ };
3577
3584
  // Write state to local storage when it changes
3578
3585
  (0, $iA2ta$react.useEffect)(function() {
3579
3586
  if (state) (0, $9ed0b3989f82e70a$export$c0b214a25c581b2a)(id, state);
@@ -3652,7 +3659,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3652
3659
  return acc + size;
3653
3660
  }, 0);
3654
3661
  }, [
3655
- (_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
3662
+ (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning
3656
3663
  ]);
3657
3664
  var getCommonPinningStyles = (0, $iA2ta$react.useCallback)(function(column) {
3658
3665
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
@@ -3673,10 +3680,10 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3673
3680
  right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
3674
3681
  };
3675
3682
  }, [
3676
- (_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
3677
- (_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
3678
- (_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
3679
- (_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
3683
+ (_0 = (_z = config.options) === null || _z === void 0 ? void 0 : _z.columnPinning) === null || _0 === void 0 ? void 0 : _0.customShadow,
3684
+ (_2 = (_1 = config.options) === null || _1 === void 0 ? void 0 : _1.columnPinning) === null || _2 === void 0 ? void 0 : _2.disableShadow,
3685
+ (_4 = (_3 = config.options) === null || _3 === void 0 ? void 0 : _3.columnPinning) === null || _4 === void 0 ? void 0 : _4.left,
3686
+ (_6 = (_5 = config.options) === null || _5 === void 0 ? void 0 : _5.columnPinning) === null || _6 === void 0 ? void 0 : _6.right,
3680
3687
  styles.body.table.pinnedColumns.left,
3681
3688
  styles.body.table.pinnedColumns.right,
3682
3689
  getPinnedColumnsWidth
@@ -3785,8 +3792,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3785
3792
  className: row.getIsExpanded() ? styles.body.table.body.groupedRowIcon.collapse : styles.body.table.body.groupedRowIcon.expand,
3786
3793
  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'
3787
3794
  }),
3788
- ' ',
3789
- (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()),
3795
+ handleFlexRender(cell),
3790
3796
  " (",
3791
3797
  row.subRows.length,
3792
3798
  ")"
@@ -3803,7 +3809,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3803
3809
  ]
3804
3810
  }),
3805
3811
  (0, $iA2ta$lodash.isEmpty)(table === null || table === void 0 ? void 0 : table.getRowModel().rows) && !isLoading && (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$reactjsxruntime.Fragment), {
3806
- 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, $iA2ta$reactjsxruntime.jsx)("div", {
3812
+ 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, $iA2ta$reactjsxruntime.jsx)("div", {
3807
3813
  className: (0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).empty,
3808
3814
  children: "There is no data to show..."
3809
3815
  })
@@ -4749,7 +4755,7 @@ var $4d17f0429978b255$var$ModalOverlay = function(props) {
4749
4755
  ]);
4750
4756
  return (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
4751
4757
  children: [
4752
- (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.Transition).Root, {
4758
+ (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.Transition), {
4753
4759
  show: isOpen,
4754
4760
  as: (0, $iA2ta$react.Fragment),
4755
4761
  children: (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.Dialog), {
@@ -4757,7 +4763,7 @@ var $4d17f0429978b255$var$ModalOverlay = function(props) {
4757
4763
  className: styles.container,
4758
4764
  onClose: handleClose,
4759
4765
  children: [
4760
- (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.Transition).Child, {
4766
+ (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.TransitionChild), {
4761
4767
  as: (0, $iA2ta$react.Fragment),
4762
4768
  enter: styles.background.transition.enter,
4763
4769
  enterFrom: styles.background.transition.enterFrom,
@@ -4774,7 +4780,7 @@ var $4d17f0429978b255$var$ModalOverlay = function(props) {
4774
4780
  children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
4775
4781
  className: styles.layout.content,
4776
4782
  "data-cy": dataCy,
4777
- children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.Transition).Child, {
4783
+ children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.TransitionChild), {
4778
4784
  as: (0, $iA2ta$react.Fragment),
4779
4785
  enter: styles.panel.transition.enter,
4780
4786
  enterFrom: styles.panel.transition.enterFrom,
@@ -5156,7 +5162,7 @@ var $4bd12ae33d8a86aa$var$TableColumnOptionsCustom = function(props) {
5156
5162
  return (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.Popover), {
5157
5163
  children: [
5158
5164
  (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.PopoverButton), {
5159
- as: 'div',
5165
+ as: "div",
5160
5166
  children: trigger
5161
5167
  }),
5162
5168
  (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.PopoverPanel), {
@@ -7054,10 +7060,10 @@ var $5f561ce307b5bbb8$var$getDateString = function(date) {
7054
7060
  return (0, $dbcba7ef8eeead3b$export$b7c4e1545c61edee)(date.value);
7055
7061
  };
7056
7062
  var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7057
- var accessor = (0, $iA2ta$react.useMemo)(function() {
7063
+ var _a = (0, $iA2ta$react.useMemo)(function() {
7058
7064
  return (0, $iA2ta$tanstackreacttable.createColumnHelper)();
7059
- }, []).accessor;
7060
- var _a = (0, $c1b6e62d8639d990$export$2e2bcd8739ae039)(t), toStringCell = _a.toStringCell, toOptionCell = _a.toOptionCell;
7065
+ }, []), accessor = _a.accessor, display = _a.display;
7066
+ var _b = (0, $c1b6e62d8639d990$export$2e2bcd8739ae039)(t), toStringCell = _b.toStringCell, toOptionCell = _b.toOptionCell;
7061
7067
  var getClassName = (0, $iA2ta$react.useCallback)(function(size) {
7062
7068
  var sizes = {
7063
7069
  sm: 'max-w-20',
@@ -7068,21 +7074,29 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7068
7074
  return "overflow-hidden text-ellipsis ".concat((0, $iA2ta$lodash.get)(sizes, size, ''), " block");
7069
7075
  }, []);
7070
7076
  var createAccessor = (0, $iA2ta$react.useCallback)(function(key, getCellContent, excelMapper, options) {
7071
- var _a;
7072
- return accessor(key, {
7077
+ var _a, _b;
7078
+ var column = {
7073
7079
  header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
7074
7080
  enableSorting: (0, $iA2ta$lodash.get)(options, 'enableSorting', true),
7075
- cell: function(cell) {
7081
+ cell: (_b = options === null || options === void 0 ? void 0 : options.cell) !== null && _b !== void 0 ? _b : function(cell) {
7076
7082
  return getCellContent(cell, options);
7077
7083
  },
7084
+ aggregatedCell: options === null || options === void 0 ? void 0 : options.aggregateCell,
7078
7085
  meta: {
7079
7086
  excel: excelMapper
7080
7087
  }
7081
- });
7088
+ };
7089
+ if (options === null || options === void 0 ? void 0 : options.aggregationFn) (0, $iA2ta$lodash.set)(column, 'aggregationFn', options.aggregationFn);
7090
+ return accessor(key, column);
7082
7091
  }, [
7083
7092
  accessor,
7084
7093
  t
7085
7094
  ]);
7095
+ var createDisplay = (0, $iA2ta$react.useCallback)(function(column) {
7096
+ return display(column);
7097
+ }, [
7098
+ display
7099
+ ]);
7086
7100
  var baseCellRenderer = function(value, options) {
7087
7101
  var _a;
7088
7102
  var content = (0, $iA2ta$reactjsxruntime.jsx)("p", {
@@ -7090,7 +7104,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7090
7104
  children: value
7091
7105
  });
7092
7106
  return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
7093
- placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
7107
+ placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
7094
7108
  content: value,
7095
7109
  children: content
7096
7110
  }) : content;
@@ -7108,7 +7122,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7108
7122
  var content = value.href ? (0, $iA2ta$reactjsxruntime.jsx)("a", {
7109
7123
  href: value.href,
7110
7124
  className: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
7111
- target: (options === null || options === void 0 ? void 0 : options.openInNewTab) ? "_blank" : undefined,
7125
+ target: (options === null || options === void 0 ? void 0 : options.openInNewTab) ? '_blank' : undefined,
7112
7126
  children: value.label
7113
7127
  }) : value.label;
7114
7128
  return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
@@ -7129,7 +7143,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7129
7143
  children: value.label
7130
7144
  });
7131
7145
  return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
7132
- placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
7146
+ placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
7133
7147
  content: value.label,
7134
7148
  children: content
7135
7149
  }) : content;
@@ -7148,7 +7162,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7148
7162
  children: value.label
7149
7163
  });
7150
7164
  return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
7151
- placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
7165
+ placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
7152
7166
  content: value.label,
7153
7167
  children: content
7154
7168
  }) : content;
@@ -7183,13 +7197,23 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
7183
7197
  return toStringCell((cell === null || cell === void 0 ? void 0 : cell.value) !== undefined ? t("label.boolean.".concat(cell.value)) : t('label.boolean.unclear'));
7184
7198
  }, options);
7185
7199
  };
7200
+ var displayAccessor = function(key, cell, options) {
7201
+ var _a;
7202
+ return createDisplay({
7203
+ id: key,
7204
+ header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
7205
+ cell: cell,
7206
+ aggregatedCell: options === null || options === void 0 ? void 0 : options.aggregatedCell
7207
+ });
7208
+ };
7186
7209
  return {
7187
7210
  stringAccessor: stringAccessor,
7188
7211
  linkAccessor: linkAccessor,
7189
7212
  buttonAccessor: buttonAccessor,
7190
7213
  badgeAccessor: badgeAccessor,
7191
7214
  dateAccessor: dateAccessor,
7192
- booleanAccessor: booleanAccessor
7215
+ booleanAccessor: booleanAccessor,
7216
+ displayAccessor: displayAccessor
7193
7217
  };
7194
7218
  };
7195
7219
  var $5f561ce307b5bbb8$export$2e2bcd8739ae039 = $5f561ce307b5bbb8$var$useColumnHelpers;