@dmsi/wedgekit-react 0.0.556 → 0.0.558
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/{chunk-5CIANSOX.js → chunk-LKFYNRJZ.js} +12 -6
- package/dist/components/CalendarRange.cjs +12 -6
- package/dist/components/CalendarRange.js +1 -1
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +12 -6
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -1
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -6
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -1
- package/dist/components/DataGrid/PinnedColumns.cjs +12 -6
- package/dist/components/DataGrid/PinnedColumns.js +1 -1
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +12 -6
- package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -1
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +12 -6
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -1
- package/dist/components/DataGrid/TableBody/index.cjs +12 -6
- package/dist/components/DataGrid/TableBody/index.js +1 -1
- package/dist/components/DataGrid/index.cjs +12 -6
- package/dist/components/DataGrid/index.js +1 -1
- package/dist/components/DataGrid/utils.cjs +12 -6
- package/dist/components/DataGrid/utils.js +1 -1
- package/dist/components/DateInput.cjs +12 -6
- package/dist/components/DateInput.js +1 -1
- package/dist/components/DateRangeInput.cjs +12 -6
- package/dist/components/DateRangeInput.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -6
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +12 -6
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -1
- package/dist/components/MobileDataGrid/index.cjs +12 -6
- package/dist/components/MobileDataGrid/index.js +1 -1
- package/dist/components/index.cjs +12 -6
- package/dist/components/index.js +1 -1
- package/package.json +1 -1
|
@@ -577,12 +577,14 @@ function PinnedColumns(_a) {
|
|
|
577
577
|
className: "flex w-full",
|
|
578
578
|
children: [
|
|
579
579
|
headerGroup.headers.map((header) => {
|
|
580
|
-
var _a3, _b2, _c;
|
|
580
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
581
581
|
if (!header) {
|
|
582
582
|
return;
|
|
583
583
|
}
|
|
584
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
585
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
584
586
|
if (typeof header.column.columnDef.header === "string") {
|
|
585
|
-
const customHeaderWidth = (
|
|
587
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
586
588
|
return /* @__PURE__ */ jsxs4(
|
|
587
589
|
DataCellHeader,
|
|
588
590
|
{
|
|
@@ -593,14 +595,18 @@ function PinnedColumns(_a) {
|
|
|
593
595
|
width: customHeaderWidth,
|
|
594
596
|
className: clsx3(
|
|
595
597
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
596
|
-
"group"
|
|
598
|
+
"group",
|
|
599
|
+
{
|
|
600
|
+
"justify-start": cellAlignment === "left",
|
|
601
|
+
"justify-end": cellAlignment === "right"
|
|
602
|
+
}
|
|
597
603
|
),
|
|
598
604
|
children: [
|
|
599
605
|
/* @__PURE__ */ jsx6(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
600
606
|
getSortIcon(header.column.getIsSorted()),
|
|
601
607
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
602
608
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ jsx6(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
603
|
-
!((
|
|
609
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ jsx6(
|
|
604
610
|
"div",
|
|
605
611
|
{
|
|
606
612
|
onDoubleClick: (e) => {
|
|
@@ -623,7 +629,7 @@ function PinnedColumns(_a) {
|
|
|
623
629
|
header.id
|
|
624
630
|
);
|
|
625
631
|
}
|
|
626
|
-
return /* @__PURE__ */ jsx6(React2.Fragment, { children: ((
|
|
632
|
+
return /* @__PURE__ */ jsx6(React2.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ jsx6(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ jsx6(
|
|
627
633
|
Checkbox,
|
|
628
634
|
{
|
|
629
635
|
checked: allSelectedAcrossPages,
|
|
@@ -658,7 +664,7 @@ function PinnedColumns(_a) {
|
|
|
658
664
|
testid: pinnedTestId
|
|
659
665
|
}, props), {
|
|
660
666
|
table,
|
|
661
|
-
locked: !enableColumnSelector,
|
|
667
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
662
668
|
pinDirection
|
|
663
669
|
})
|
|
664
670
|
)
|
|
@@ -3127,12 +3127,14 @@ function PinnedColumns(_a) {
|
|
|
3127
3127
|
className: "flex w-full",
|
|
3128
3128
|
children: [
|
|
3129
3129
|
headerGroup.headers.map((header) => {
|
|
3130
|
-
var _a3, _b2, _c;
|
|
3130
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3131
3131
|
if (!header) {
|
|
3132
3132
|
return;
|
|
3133
3133
|
}
|
|
3134
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3135
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3134
3136
|
if (typeof header.column.columnDef.header === "string") {
|
|
3135
|
-
const customHeaderWidth = (
|
|
3137
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3136
3138
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3137
3139
|
DataCellHeader,
|
|
3138
3140
|
{
|
|
@@ -3143,14 +3145,18 @@ function PinnedColumns(_a) {
|
|
|
3143
3145
|
width: customHeaderWidth,
|
|
3144
3146
|
className: (0, import_clsx13.default)(
|
|
3145
3147
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3146
|
-
"group"
|
|
3148
|
+
"group",
|
|
3149
|
+
{
|
|
3150
|
+
"justify-start": cellAlignment === "left",
|
|
3151
|
+
"justify-end": cellAlignment === "right"
|
|
3152
|
+
}
|
|
3147
3153
|
),
|
|
3148
3154
|
children: [
|
|
3149
3155
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3150
3156
|
getSortIcon(header.column.getIsSorted()),
|
|
3151
3157
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3152
3158
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3153
|
-
!((
|
|
3159
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3154
3160
|
"div",
|
|
3155
3161
|
{
|
|
3156
3162
|
onDoubleClick: (e) => {
|
|
@@ -3173,7 +3179,7 @@ function PinnedColumns(_a) {
|
|
|
3173
3179
|
header.id
|
|
3174
3180
|
);
|
|
3175
3181
|
}
|
|
3176
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((
|
|
3182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3177
3183
|
Checkbox,
|
|
3178
3184
|
{
|
|
3179
3185
|
checked: allSelectedAcrossPages,
|
|
@@ -3208,7 +3214,7 @@ function PinnedColumns(_a) {
|
|
|
3208
3214
|
testid: pinnedTestId
|
|
3209
3215
|
}, props), {
|
|
3210
3216
|
table,
|
|
3211
|
-
locked: !enableColumnSelector,
|
|
3217
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3212
3218
|
pinDirection
|
|
3213
3219
|
})
|
|
3214
3220
|
)
|
|
@@ -3093,12 +3093,14 @@ function PinnedColumns(_a) {
|
|
|
3093
3093
|
className: "flex w-full",
|
|
3094
3094
|
children: [
|
|
3095
3095
|
headerGroup.headers.map((header) => {
|
|
3096
|
-
var _a3, _b2, _c;
|
|
3096
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3097
3097
|
if (!header) {
|
|
3098
3098
|
return;
|
|
3099
3099
|
}
|
|
3100
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3101
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3100
3102
|
if (typeof header.column.columnDef.header === "string") {
|
|
3101
|
-
const customHeaderWidth = (
|
|
3103
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3102
3104
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
3103
3105
|
DataCellHeader,
|
|
3104
3106
|
{
|
|
@@ -3109,14 +3111,18 @@ function PinnedColumns(_a) {
|
|
|
3109
3111
|
width: customHeaderWidth,
|
|
3110
3112
|
className: (0, import_clsx13.default)(
|
|
3111
3113
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3112
|
-
"group"
|
|
3114
|
+
"group",
|
|
3115
|
+
{
|
|
3116
|
+
"justify-start": cellAlignment === "left",
|
|
3117
|
+
"justify-end": cellAlignment === "right"
|
|
3118
|
+
}
|
|
3113
3119
|
),
|
|
3114
3120
|
children: [
|
|
3115
3121
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3116
3122
|
getSortIcon(header.column.getIsSorted()),
|
|
3117
3123
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3118
3124
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3119
|
-
!((
|
|
3125
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3120
3126
|
"div",
|
|
3121
3127
|
{
|
|
3122
3128
|
onDoubleClick: (e) => {
|
|
@@ -3139,7 +3145,7 @@ function PinnedColumns(_a) {
|
|
|
3139
3145
|
header.id
|
|
3140
3146
|
);
|
|
3141
3147
|
}
|
|
3142
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((
|
|
3148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3143
3149
|
Checkbox,
|
|
3144
3150
|
{
|
|
3145
3151
|
checked: allSelectedAcrossPages,
|
|
@@ -3174,7 +3180,7 @@ function PinnedColumns(_a) {
|
|
|
3174
3180
|
testid: pinnedTestId
|
|
3175
3181
|
}, props), {
|
|
3176
3182
|
table,
|
|
3177
|
-
locked: !enableColumnSelector,
|
|
3183
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3178
3184
|
pinDirection
|
|
3179
3185
|
})
|
|
3180
3186
|
)
|
|
@@ -3015,12 +3015,14 @@ function PinnedColumns(_a) {
|
|
|
3015
3015
|
className: "flex w-full",
|
|
3016
3016
|
children: [
|
|
3017
3017
|
headerGroup.headers.map((header) => {
|
|
3018
|
-
var _a3, _b2, _c;
|
|
3018
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3019
3019
|
if (!header) {
|
|
3020
3020
|
return;
|
|
3021
3021
|
}
|
|
3022
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3023
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3022
3024
|
if (typeof header.column.columnDef.header === "string") {
|
|
3023
|
-
const customHeaderWidth = (
|
|
3025
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3024
3026
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3025
3027
|
DataCellHeader,
|
|
3026
3028
|
{
|
|
@@ -3031,14 +3033,18 @@ function PinnedColumns(_a) {
|
|
|
3031
3033
|
width: customHeaderWidth,
|
|
3032
3034
|
className: (0, import_clsx13.default)(
|
|
3033
3035
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3034
|
-
"group"
|
|
3036
|
+
"group",
|
|
3037
|
+
{
|
|
3038
|
+
"justify-start": cellAlignment === "left",
|
|
3039
|
+
"justify-end": cellAlignment === "right"
|
|
3040
|
+
}
|
|
3035
3041
|
),
|
|
3036
3042
|
children: [
|
|
3037
3043
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3038
3044
|
getSortIcon(header.column.getIsSorted()),
|
|
3039
3045
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3040
3046
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3041
|
-
!((
|
|
3047
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3042
3048
|
"div",
|
|
3043
3049
|
{
|
|
3044
3050
|
onDoubleClick: (e) => {
|
|
@@ -3061,7 +3067,7 @@ function PinnedColumns(_a) {
|
|
|
3061
3067
|
header.id
|
|
3062
3068
|
);
|
|
3063
3069
|
}
|
|
3064
|
-
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react13.default.Fragment, { children: ((
|
|
3070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react13.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3065
3071
|
Checkbox,
|
|
3066
3072
|
{
|
|
3067
3073
|
checked: allSelectedAcrossPages,
|
|
@@ -3096,7 +3102,7 @@ function PinnedColumns(_a) {
|
|
|
3096
3102
|
testid: pinnedTestId
|
|
3097
3103
|
}, props), {
|
|
3098
3104
|
table,
|
|
3099
|
-
locked: !enableColumnSelector,
|
|
3105
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3100
3106
|
pinDirection
|
|
3101
3107
|
})
|
|
3102
3108
|
)
|
|
@@ -5893,12 +5893,14 @@ function PinnedColumns(_a) {
|
|
|
5893
5893
|
className: "flex w-full",
|
|
5894
5894
|
children: [
|
|
5895
5895
|
headerGroup.headers.map((header) => {
|
|
5896
|
-
var _a3, _b2, _c;
|
|
5896
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
5897
5897
|
if (!header) {
|
|
5898
5898
|
return;
|
|
5899
5899
|
}
|
|
5900
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
5901
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
5900
5902
|
if (typeof header.column.columnDef.header === "string") {
|
|
5901
|
-
const customHeaderWidth = (
|
|
5903
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
5902
5904
|
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
5903
5905
|
DataCellHeader,
|
|
5904
5906
|
{
|
|
@@ -5909,14 +5911,18 @@ function PinnedColumns(_a) {
|
|
|
5909
5911
|
width: customHeaderWidth,
|
|
5910
5912
|
className: (0, import_clsx42.default)(
|
|
5911
5913
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
5912
|
-
"group"
|
|
5914
|
+
"group",
|
|
5915
|
+
{
|
|
5916
|
+
"justify-start": cellAlignment === "left",
|
|
5917
|
+
"justify-end": cellAlignment === "right"
|
|
5918
|
+
}
|
|
5913
5919
|
),
|
|
5914
5920
|
children: [
|
|
5915
5921
|
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
5916
5922
|
getSortIcon(header.column.getIsSorted()),
|
|
5917
5923
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
5918
5924
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
5919
|
-
!((
|
|
5925
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5920
5926
|
"div",
|
|
5921
5927
|
{
|
|
5922
5928
|
onDoubleClick: (e) => {
|
|
@@ -5939,7 +5945,7 @@ function PinnedColumns(_a) {
|
|
|
5939
5945
|
header.id
|
|
5940
5946
|
);
|
|
5941
5947
|
}
|
|
5942
|
-
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react38.default.Fragment, { children: ((
|
|
5948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react38.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5943
5949
|
Checkbox,
|
|
5944
5950
|
{
|
|
5945
5951
|
checked: allSelectedAcrossPages,
|
|
@@ -5974,7 +5980,7 @@ function PinnedColumns(_a) {
|
|
|
5974
5980
|
testid: pinnedTestId
|
|
5975
5981
|
}, props), {
|
|
5976
5982
|
table,
|
|
5977
|
-
locked: !enableColumnSelector,
|
|
5983
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
5978
5984
|
pinDirection
|
|
5979
5985
|
})
|
|
5980
5986
|
)
|
|
@@ -3085,12 +3085,14 @@ function PinnedColumns(_a) {
|
|
|
3085
3085
|
className: "flex w-full",
|
|
3086
3086
|
children: [
|
|
3087
3087
|
headerGroup.headers.map((header) => {
|
|
3088
|
-
var _a3, _b2, _c;
|
|
3088
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3089
3089
|
if (!header) {
|
|
3090
3090
|
return;
|
|
3091
3091
|
}
|
|
3092
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3093
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3092
3094
|
if (typeof header.column.columnDef.header === "string") {
|
|
3093
|
-
const customHeaderWidth = (
|
|
3095
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3094
3096
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
3095
3097
|
DataCellHeader,
|
|
3096
3098
|
{
|
|
@@ -3101,14 +3103,18 @@ function PinnedColumns(_a) {
|
|
|
3101
3103
|
width: customHeaderWidth,
|
|
3102
3104
|
className: (0, import_clsx13.default)(
|
|
3103
3105
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3104
|
-
"group"
|
|
3106
|
+
"group",
|
|
3107
|
+
{
|
|
3108
|
+
"justify-start": cellAlignment === "left",
|
|
3109
|
+
"justify-end": cellAlignment === "right"
|
|
3110
|
+
}
|
|
3105
3111
|
),
|
|
3106
3112
|
children: [
|
|
3107
3113
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3108
3114
|
getSortIcon(header.column.getIsSorted()),
|
|
3109
3115
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3110
3116
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3111
|
-
!((
|
|
3117
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3112
3118
|
"div",
|
|
3113
3119
|
{
|
|
3114
3120
|
onDoubleClick: (e) => {
|
|
@@ -3131,7 +3137,7 @@ function PinnedColumns(_a) {
|
|
|
3131
3137
|
header.id
|
|
3132
3138
|
);
|
|
3133
3139
|
}
|
|
3134
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((
|
|
3140
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3135
3141
|
Checkbox,
|
|
3136
3142
|
{
|
|
3137
3143
|
checked: allSelectedAcrossPages,
|
|
@@ -3166,7 +3172,7 @@ function PinnedColumns(_a) {
|
|
|
3166
3172
|
testid: pinnedTestId
|
|
3167
3173
|
}, props), {
|
|
3168
3174
|
table,
|
|
3169
|
-
locked: !enableColumnSelector,
|
|
3175
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3170
3176
|
pinDirection
|
|
3171
3177
|
})
|
|
3172
3178
|
)
|
|
@@ -3017,12 +3017,14 @@ function PinnedColumns(_a) {
|
|
|
3017
3017
|
className: "flex w-full",
|
|
3018
3018
|
children: [
|
|
3019
3019
|
headerGroup.headers.map((header) => {
|
|
3020
|
-
var _a3, _b2, _c;
|
|
3020
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3021
3021
|
if (!header) {
|
|
3022
3022
|
return;
|
|
3023
3023
|
}
|
|
3024
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3025
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3024
3026
|
if (typeof header.column.columnDef.header === "string") {
|
|
3025
|
-
const customHeaderWidth = (
|
|
3027
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3026
3028
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
3027
3029
|
DataCellHeader,
|
|
3028
3030
|
{
|
|
@@ -3033,14 +3035,18 @@ function PinnedColumns(_a) {
|
|
|
3033
3035
|
width: customHeaderWidth,
|
|
3034
3036
|
className: (0, import_clsx12.default)(
|
|
3035
3037
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3036
|
-
"group"
|
|
3038
|
+
"group",
|
|
3039
|
+
{
|
|
3040
|
+
"justify-start": cellAlignment === "left",
|
|
3041
|
+
"justify-end": cellAlignment === "right"
|
|
3042
|
+
}
|
|
3037
3043
|
),
|
|
3038
3044
|
children: [
|
|
3039
3045
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3040
3046
|
getSortIcon(header.column.getIsSorted()),
|
|
3041
3047
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3042
3048
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3043
|
-
!((
|
|
3049
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3044
3050
|
"div",
|
|
3045
3051
|
{
|
|
3046
3052
|
onDoubleClick: (e) => {
|
|
@@ -3063,7 +3069,7 @@ function PinnedColumns(_a) {
|
|
|
3063
3069
|
header.id
|
|
3064
3070
|
);
|
|
3065
3071
|
}
|
|
3066
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((
|
|
3072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3067
3073
|
Checkbox,
|
|
3068
3074
|
{
|
|
3069
3075
|
checked: allSelectedAcrossPages,
|
|
@@ -3098,7 +3104,7 @@ function PinnedColumns(_a) {
|
|
|
3098
3104
|
testid: pinnedTestId
|
|
3099
3105
|
}, props), {
|
|
3100
3106
|
table,
|
|
3101
|
-
locked: !enableColumnSelector,
|
|
3107
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3102
3108
|
pinDirection
|
|
3103
3109
|
})
|
|
3104
3110
|
)
|
|
@@ -2833,12 +2833,14 @@ function PinnedColumns(_a) {
|
|
|
2833
2833
|
className: "flex w-full",
|
|
2834
2834
|
children: [
|
|
2835
2835
|
headerGroup.headers.map((header) => {
|
|
2836
|
-
var _a3, _b2, _c;
|
|
2836
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
2837
2837
|
if (!header) {
|
|
2838
2838
|
return;
|
|
2839
2839
|
}
|
|
2840
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
2841
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
2840
2842
|
if (typeof header.column.columnDef.header === "string") {
|
|
2841
|
-
const customHeaderWidth = (
|
|
2843
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
2842
2844
|
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
2843
2845
|
DataCellHeader,
|
|
2844
2846
|
{
|
|
@@ -2849,14 +2851,18 @@ function PinnedColumns(_a) {
|
|
|
2849
2851
|
width: customHeaderWidth,
|
|
2850
2852
|
className: (0, import_clsx11.default)(
|
|
2851
2853
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
2852
|
-
"group"
|
|
2854
|
+
"group",
|
|
2855
|
+
{
|
|
2856
|
+
"justify-start": cellAlignment === "left",
|
|
2857
|
+
"justify-end": cellAlignment === "right"
|
|
2858
|
+
}
|
|
2853
2859
|
),
|
|
2854
2860
|
children: [
|
|
2855
2861
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
2856
2862
|
getSortIcon(header.column.getIsSorted()),
|
|
2857
2863
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
2858
2864
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
2859
|
-
!((
|
|
2865
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2860
2866
|
"div",
|
|
2861
2867
|
{
|
|
2862
2868
|
onDoubleClick: (e) => {
|
|
@@ -2879,7 +2885,7 @@ function PinnedColumns(_a) {
|
|
|
2879
2885
|
header.id
|
|
2880
2886
|
);
|
|
2881
2887
|
}
|
|
2882
|
-
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.default.Fragment, { children: ((
|
|
2888
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2883
2889
|
Checkbox,
|
|
2884
2890
|
{
|
|
2885
2891
|
checked: allSelectedAcrossPages,
|
|
@@ -2914,7 +2920,7 @@ function PinnedColumns(_a) {
|
|
|
2914
2920
|
testid: pinnedTestId
|
|
2915
2921
|
}, props), {
|
|
2916
2922
|
table,
|
|
2917
|
-
locked: !enableColumnSelector,
|
|
2923
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
2918
2924
|
pinDirection
|
|
2919
2925
|
})
|
|
2920
2926
|
)
|
|
@@ -5320,12 +5320,14 @@ function PinnedColumns(_a) {
|
|
|
5320
5320
|
className: "flex w-full",
|
|
5321
5321
|
children: [
|
|
5322
5322
|
headerGroup.headers.map((header) => {
|
|
5323
|
-
var _a3, _b2, _c;
|
|
5323
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
5324
5324
|
if (!header) {
|
|
5325
5325
|
return;
|
|
5326
5326
|
}
|
|
5327
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
5328
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
5327
5329
|
if (typeof header.column.columnDef.header === "string") {
|
|
5328
|
-
const customHeaderWidth = (
|
|
5330
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
5329
5331
|
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
5330
5332
|
DataCellHeader,
|
|
5331
5333
|
{
|
|
@@ -5336,14 +5338,18 @@ function PinnedColumns(_a) {
|
|
|
5336
5338
|
width: customHeaderWidth,
|
|
5337
5339
|
className: (0, import_clsx41.default)(
|
|
5338
5340
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
5339
|
-
"group"
|
|
5341
|
+
"group",
|
|
5342
|
+
{
|
|
5343
|
+
"justify-start": cellAlignment === "left",
|
|
5344
|
+
"justify-end": cellAlignment === "right"
|
|
5345
|
+
}
|
|
5340
5346
|
),
|
|
5341
5347
|
children: [
|
|
5342
5348
|
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
5343
5349
|
getSortIcon(header.column.getIsSorted()),
|
|
5344
5350
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
5345
5351
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
5346
|
-
!((
|
|
5352
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5347
5353
|
"div",
|
|
5348
5354
|
{
|
|
5349
5355
|
onDoubleClick: (e) => {
|
|
@@ -5366,7 +5372,7 @@ function PinnedColumns(_a) {
|
|
|
5366
5372
|
header.id
|
|
5367
5373
|
);
|
|
5368
5374
|
}
|
|
5369
|
-
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react37.default.Fragment, { children: ((
|
|
5375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react37.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5370
5376
|
Checkbox,
|
|
5371
5377
|
{
|
|
5372
5378
|
checked: allSelectedAcrossPages,
|
|
@@ -5401,7 +5407,7 @@ function PinnedColumns(_a) {
|
|
|
5401
5407
|
testid: pinnedTestId
|
|
5402
5408
|
}, props), {
|
|
5403
5409
|
table,
|
|
5404
|
-
locked: !enableColumnSelector,
|
|
5410
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
5405
5411
|
pinDirection
|
|
5406
5412
|
})
|
|
5407
5413
|
)
|
|
@@ -3104,12 +3104,14 @@ function PinnedColumns(_a) {
|
|
|
3104
3104
|
className: "flex w-full",
|
|
3105
3105
|
children: [
|
|
3106
3106
|
headerGroup.headers.map((header) => {
|
|
3107
|
-
var _a3, _b2, _c;
|
|
3107
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3108
3108
|
if (!header) {
|
|
3109
3109
|
return;
|
|
3110
3110
|
}
|
|
3111
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3112
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3111
3113
|
if (typeof header.column.columnDef.header === "string") {
|
|
3112
|
-
const customHeaderWidth = (
|
|
3114
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3113
3115
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
3114
3116
|
DataCellHeader,
|
|
3115
3117
|
{
|
|
@@ -3120,14 +3122,18 @@ function PinnedColumns(_a) {
|
|
|
3120
3122
|
width: customHeaderWidth,
|
|
3121
3123
|
className: (0, import_clsx12.default)(
|
|
3122
3124
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3123
|
-
"group"
|
|
3125
|
+
"group",
|
|
3126
|
+
{
|
|
3127
|
+
"justify-start": cellAlignment === "left",
|
|
3128
|
+
"justify-end": cellAlignment === "right"
|
|
3129
|
+
}
|
|
3124
3130
|
),
|
|
3125
3131
|
children: [
|
|
3126
3132
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3127
3133
|
getSortIcon(header.column.getIsSorted()),
|
|
3128
3134
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3129
3135
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3130
|
-
!((
|
|
3136
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3131
3137
|
"div",
|
|
3132
3138
|
{
|
|
3133
3139
|
onDoubleClick: (e) => {
|
|
@@ -3150,7 +3156,7 @@ function PinnedColumns(_a) {
|
|
|
3150
3156
|
header.id
|
|
3151
3157
|
);
|
|
3152
3158
|
}
|
|
3153
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((
|
|
3159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3154
3160
|
Checkbox,
|
|
3155
3161
|
{
|
|
3156
3162
|
checked: allSelectedAcrossPages,
|
|
@@ -3185,7 +3191,7 @@ function PinnedColumns(_a) {
|
|
|
3185
3191
|
testid: pinnedTestId
|
|
3186
3192
|
}, props), {
|
|
3187
3193
|
table,
|
|
3188
|
-
locked: !enableColumnSelector,
|
|
3194
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3189
3195
|
pinDirection
|
|
3190
3196
|
})
|
|
3191
3197
|
)
|
|
@@ -3127,12 +3127,14 @@ function PinnedColumns(_a) {
|
|
|
3127
3127
|
className: "flex w-full",
|
|
3128
3128
|
children: [
|
|
3129
3129
|
headerGroup.headers.map((header) => {
|
|
3130
|
-
var _a3, _b2, _c;
|
|
3130
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3131
3131
|
if (!header) {
|
|
3132
3132
|
return;
|
|
3133
3133
|
}
|
|
3134
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3135
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3134
3136
|
if (typeof header.column.columnDef.header === "string") {
|
|
3135
|
-
const customHeaderWidth = (
|
|
3137
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3136
3138
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3137
3139
|
DataCellHeader,
|
|
3138
3140
|
{
|
|
@@ -3143,14 +3145,18 @@ function PinnedColumns(_a) {
|
|
|
3143
3145
|
width: customHeaderWidth,
|
|
3144
3146
|
className: (0, import_clsx13.default)(
|
|
3145
3147
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3146
|
-
"group"
|
|
3148
|
+
"group",
|
|
3149
|
+
{
|
|
3150
|
+
"justify-start": cellAlignment === "left",
|
|
3151
|
+
"justify-end": cellAlignment === "right"
|
|
3152
|
+
}
|
|
3147
3153
|
),
|
|
3148
3154
|
children: [
|
|
3149
3155
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3150
3156
|
getSortIcon(header.column.getIsSorted()),
|
|
3151
3157
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3152
3158
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3153
|
-
!((
|
|
3159
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3154
3160
|
"div",
|
|
3155
3161
|
{
|
|
3156
3162
|
onDoubleClick: (e) => {
|
|
@@ -3173,7 +3179,7 @@ function PinnedColumns(_a) {
|
|
|
3173
3179
|
header.id
|
|
3174
3180
|
);
|
|
3175
3181
|
}
|
|
3176
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((
|
|
3182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3177
3183
|
Checkbox,
|
|
3178
3184
|
{
|
|
3179
3185
|
checked: allSelectedAcrossPages,
|
|
@@ -3208,7 +3214,7 @@ function PinnedColumns(_a) {
|
|
|
3208
3214
|
testid: pinnedTestId
|
|
3209
3215
|
}, props), {
|
|
3210
3216
|
table,
|
|
3211
|
-
locked: !enableColumnSelector,
|
|
3217
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3212
3218
|
pinDirection
|
|
3213
3219
|
})
|
|
3214
3220
|
)
|
|
@@ -3135,12 +3135,14 @@ function PinnedColumns(_a) {
|
|
|
3135
3135
|
className: "flex w-full",
|
|
3136
3136
|
children: [
|
|
3137
3137
|
headerGroup.headers.map((header) => {
|
|
3138
|
-
var _a3, _b2, _c;
|
|
3138
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3139
3139
|
if (!header) {
|
|
3140
3140
|
return;
|
|
3141
3141
|
}
|
|
3142
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3143
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3142
3144
|
if (typeof header.column.columnDef.header === "string") {
|
|
3143
|
-
const customHeaderWidth = (
|
|
3145
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3144
3146
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3145
3147
|
DataCellHeader,
|
|
3146
3148
|
{
|
|
@@ -3151,14 +3153,18 @@ function PinnedColumns(_a) {
|
|
|
3151
3153
|
width: customHeaderWidth,
|
|
3152
3154
|
className: (0, import_clsx13.default)(
|
|
3153
3155
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3154
|
-
"group"
|
|
3156
|
+
"group",
|
|
3157
|
+
{
|
|
3158
|
+
"justify-start": cellAlignment === "left",
|
|
3159
|
+
"justify-end": cellAlignment === "right"
|
|
3160
|
+
}
|
|
3155
3161
|
),
|
|
3156
3162
|
children: [
|
|
3157
3163
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3158
3164
|
getSortIcon(header.column.getIsSorted()),
|
|
3159
3165
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3160
3166
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3161
|
-
!((
|
|
3167
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3162
3168
|
"div",
|
|
3163
3169
|
{
|
|
3164
3170
|
onDoubleClick: (e) => {
|
|
@@ -3181,7 +3187,7 @@ function PinnedColumns(_a) {
|
|
|
3181
3187
|
header.id
|
|
3182
3188
|
);
|
|
3183
3189
|
}
|
|
3184
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((
|
|
3190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3185
3191
|
Checkbox,
|
|
3186
3192
|
{
|
|
3187
3193
|
checked: allSelectedAcrossPages,
|
|
@@ -3216,7 +3222,7 @@ function PinnedColumns(_a) {
|
|
|
3216
3222
|
testid: pinnedTestId
|
|
3217
3223
|
}, props), {
|
|
3218
3224
|
table,
|
|
3219
|
-
locked: !enableColumnSelector,
|
|
3225
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3220
3226
|
pinDirection
|
|
3221
3227
|
})
|
|
3222
3228
|
)
|
|
@@ -3121,12 +3121,14 @@ function PinnedColumns(_a) {
|
|
|
3121
3121
|
className: "flex w-full",
|
|
3122
3122
|
children: [
|
|
3123
3123
|
headerGroup.headers.map((header) => {
|
|
3124
|
-
var _a3, _b2, _c;
|
|
3124
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3125
3125
|
if (!header) {
|
|
3126
3126
|
return;
|
|
3127
3127
|
}
|
|
3128
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3129
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3128
3130
|
if (typeof header.column.columnDef.header === "string") {
|
|
3129
|
-
const customHeaderWidth = (
|
|
3131
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3130
3132
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3131
3133
|
DataCellHeader,
|
|
3132
3134
|
{
|
|
@@ -3137,14 +3139,18 @@ function PinnedColumns(_a) {
|
|
|
3137
3139
|
width: customHeaderWidth,
|
|
3138
3140
|
className: (0, import_clsx13.default)(
|
|
3139
3141
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3140
|
-
"group"
|
|
3142
|
+
"group",
|
|
3143
|
+
{
|
|
3144
|
+
"justify-start": cellAlignment === "left",
|
|
3145
|
+
"justify-end": cellAlignment === "right"
|
|
3146
|
+
}
|
|
3141
3147
|
),
|
|
3142
3148
|
children: [
|
|
3143
3149
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3144
3150
|
getSortIcon(header.column.getIsSorted()),
|
|
3145
3151
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3146
3152
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3147
|
-
!((
|
|
3153
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3148
3154
|
"div",
|
|
3149
3155
|
{
|
|
3150
3156
|
onDoubleClick: (e) => {
|
|
@@ -3167,7 +3173,7 @@ function PinnedColumns(_a) {
|
|
|
3167
3173
|
header.id
|
|
3168
3174
|
);
|
|
3169
3175
|
}
|
|
3170
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((
|
|
3176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3171
3177
|
Checkbox,
|
|
3172
3178
|
{
|
|
3173
3179
|
checked: allSelectedAcrossPages,
|
|
@@ -3202,7 +3208,7 @@ function PinnedColumns(_a) {
|
|
|
3202
3208
|
testid: pinnedTestId
|
|
3203
3209
|
}, props), {
|
|
3204
3210
|
table,
|
|
3205
|
-
locked: !enableColumnSelector,
|
|
3211
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3206
3212
|
pinDirection
|
|
3207
3213
|
})
|
|
3208
3214
|
)
|
|
@@ -3552,12 +3552,14 @@ function PinnedColumns(_a) {
|
|
|
3552
3552
|
className: "flex w-full",
|
|
3553
3553
|
children: [
|
|
3554
3554
|
headerGroup.headers.map((header) => {
|
|
3555
|
-
var _a3, _b2, _c;
|
|
3555
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3556
3556
|
if (!header) {
|
|
3557
3557
|
return;
|
|
3558
3558
|
}
|
|
3559
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3560
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3559
3561
|
if (typeof header.column.columnDef.header === "string") {
|
|
3560
|
-
const customHeaderWidth = (
|
|
3562
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3561
3563
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
3562
3564
|
DataCellHeader,
|
|
3563
3565
|
{
|
|
@@ -3568,14 +3570,18 @@ function PinnedColumns(_a) {
|
|
|
3568
3570
|
width: customHeaderWidth,
|
|
3569
3571
|
className: (0, import_clsx16.default)(
|
|
3570
3572
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3571
|
-
"group"
|
|
3573
|
+
"group",
|
|
3574
|
+
{
|
|
3575
|
+
"justify-start": cellAlignment === "left",
|
|
3576
|
+
"justify-end": cellAlignment === "right"
|
|
3577
|
+
}
|
|
3572
3578
|
),
|
|
3573
3579
|
children: [
|
|
3574
3580
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3575
3581
|
getSortIcon(header.column.getIsSorted()),
|
|
3576
3582
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3577
3583
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3578
|
-
!((
|
|
3584
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
3579
3585
|
"div",
|
|
3580
3586
|
{
|
|
3581
3587
|
onDoubleClick: (e) => {
|
|
@@ -3598,7 +3604,7 @@ function PinnedColumns(_a) {
|
|
|
3598
3604
|
header.id
|
|
3599
3605
|
);
|
|
3600
3606
|
}
|
|
3601
|
-
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((
|
|
3607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
3602
3608
|
Checkbox,
|
|
3603
3609
|
{
|
|
3604
3610
|
checked: allSelectedAcrossPages,
|
|
@@ -3633,7 +3639,7 @@ function PinnedColumns(_a) {
|
|
|
3633
3639
|
testid: pinnedTestId
|
|
3634
3640
|
}, props), {
|
|
3635
3641
|
table,
|
|
3636
|
-
locked: !enableColumnSelector,
|
|
3642
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3637
3643
|
pinDirection
|
|
3638
3644
|
})
|
|
3639
3645
|
)
|
|
@@ -3552,12 +3552,14 @@ function PinnedColumns(_a) {
|
|
|
3552
3552
|
className: "flex w-full",
|
|
3553
3553
|
children: [
|
|
3554
3554
|
headerGroup.headers.map((header) => {
|
|
3555
|
-
var _a3, _b2, _c;
|
|
3555
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3556
3556
|
if (!header) {
|
|
3557
3557
|
return;
|
|
3558
3558
|
}
|
|
3559
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3560
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3559
3561
|
if (typeof header.column.columnDef.header === "string") {
|
|
3560
|
-
const customHeaderWidth = (
|
|
3562
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3561
3563
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
3562
3564
|
DataCellHeader,
|
|
3563
3565
|
{
|
|
@@ -3568,14 +3570,18 @@ function PinnedColumns(_a) {
|
|
|
3568
3570
|
width: customHeaderWidth,
|
|
3569
3571
|
className: (0, import_clsx16.default)(
|
|
3570
3572
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3571
|
-
"group"
|
|
3573
|
+
"group",
|
|
3574
|
+
{
|
|
3575
|
+
"justify-start": cellAlignment === "left",
|
|
3576
|
+
"justify-end": cellAlignment === "right"
|
|
3577
|
+
}
|
|
3572
3578
|
),
|
|
3573
3579
|
children: [
|
|
3574
3580
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3575
3581
|
getSortIcon(header.column.getIsSorted()),
|
|
3576
3582
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3577
3583
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3578
|
-
!((
|
|
3584
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
3579
3585
|
"div",
|
|
3580
3586
|
{
|
|
3581
3587
|
onDoubleClick: (e) => {
|
|
@@ -3598,7 +3604,7 @@ function PinnedColumns(_a) {
|
|
|
3598
3604
|
header.id
|
|
3599
3605
|
);
|
|
3600
3606
|
}
|
|
3601
|
-
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((
|
|
3607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
3602
3608
|
Checkbox,
|
|
3603
3609
|
{
|
|
3604
3610
|
checked: allSelectedAcrossPages,
|
|
@@ -3633,7 +3639,7 @@ function PinnedColumns(_a) {
|
|
|
3633
3639
|
testid: pinnedTestId
|
|
3634
3640
|
}, props), {
|
|
3635
3641
|
table,
|
|
3636
|
-
locked: !enableColumnSelector,
|
|
3642
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3637
3643
|
pinDirection
|
|
3638
3644
|
})
|
|
3639
3645
|
)
|
|
@@ -3152,12 +3152,14 @@ function PinnedColumns(_a) {
|
|
|
3152
3152
|
className: "flex w-full",
|
|
3153
3153
|
children: [
|
|
3154
3154
|
headerGroup.headers.map((header) => {
|
|
3155
|
-
var _a3, _b2, _c;
|
|
3155
|
+
var _a3, _b2, _c, _d, _e, _f;
|
|
3156
3156
|
if (!header) {
|
|
3157
3157
|
return;
|
|
3158
3158
|
}
|
|
3159
|
+
const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
|
|
3160
|
+
const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
3159
3161
|
if (typeof header.column.columnDef.header === "string") {
|
|
3160
|
-
const customHeaderWidth = (
|
|
3162
|
+
const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
|
|
3161
3163
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3162
3164
|
DataCellHeader,
|
|
3163
3165
|
{
|
|
@@ -3168,14 +3170,18 @@ function PinnedColumns(_a) {
|
|
|
3168
3170
|
width: customHeaderWidth,
|
|
3169
3171
|
className: (0, import_clsx13.default)(
|
|
3170
3172
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3171
|
-
"group"
|
|
3173
|
+
"group",
|
|
3174
|
+
{
|
|
3175
|
+
"justify-start": cellAlignment === "left",
|
|
3176
|
+
"justify-end": cellAlignment === "right"
|
|
3177
|
+
}
|
|
3172
3178
|
),
|
|
3173
3179
|
children: [
|
|
3174
3180
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3175
3181
|
getSortIcon(header.column.getIsSorted()),
|
|
3176
3182
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
3177
3183
|
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3178
|
-
!((
|
|
3184
|
+
!((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3179
3185
|
"div",
|
|
3180
3186
|
{
|
|
3181
3187
|
onDoubleClick: (e) => {
|
|
@@ -3198,7 +3204,7 @@ function PinnedColumns(_a) {
|
|
|
3198
3204
|
header.id
|
|
3199
3205
|
);
|
|
3200
3206
|
}
|
|
3201
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((
|
|
3207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3202
3208
|
Checkbox,
|
|
3203
3209
|
{
|
|
3204
3210
|
checked: allSelectedAcrossPages,
|
|
@@ -3233,7 +3239,7 @@ function PinnedColumns(_a) {
|
|
|
3233
3239
|
testid: pinnedTestId
|
|
3234
3240
|
}, props), {
|
|
3235
3241
|
table,
|
|
3236
|
-
locked: !enableColumnSelector,
|
|
3242
|
+
locked: !enableColumnSelector || pinDirection === "right",
|
|
3237
3243
|
pinDirection
|
|
3238
3244
|
})
|
|
3239
3245
|
)
|
package/dist/components/index.js
CHANGED