@ballistix.digital/react-components 6.0.5-rc-45.0 → 6.0.6

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.
package/dist/index.js CHANGED
@@ -3261,6 +3261,11 @@ var $ad4435d9ab2ba956$var$base = {
3261
3261
  },
3262
3262
  cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
3263
3263
  sticky: 'border-b border-gray-200',
3264
+ groupedCell: 'flex gap-2 items-center',
3265
+ groupedRowIcon: {
3266
+ expand: '',
3267
+ collapse: ''
3268
+ },
3264
3269
  checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
3265
3270
  indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
3266
3271
  }
@@ -3698,12 +3703,14 @@ var $51d5596368acf759$var$TableList2 = function(props) {
3698
3703
  children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
3699
3704
  (0, $iA2ta$reactjsxruntime.jsxs)("button", {
3700
3705
  onClick: row.getToggleExpandedHandler(),
3706
+ className: styles.body.table.body.groupedCell,
3701
3707
  style: {
3702
3708
  cursor: row.getCanExpand() ? 'pointer' : 'normal'
3703
3709
  },
3704
3710
  children: [
3705
3711
  (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
3706
- 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"
3712
+ className: row.getIsExpanded() ? styles.body.table.body.groupedRowIcon.collapse : styles.body.table.body.groupedRowIcon.expand,
3713
+ 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'
3707
3714
  }),
3708
3715
  ' ',
3709
3716
  (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()),