@multiplatform.one/table 7.34.2 → 7.34.4
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/cjs/components/DataTable/DataTableDocumentList.cjs +39 -31
- package/dist/cjs/components/DataTable/DataTableDocumentList.native.js +48 -35
- package/dist/cjs/components/DataTable/DataTableDocumentList.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableDocumentList.mjs +39 -31
- package/dist/esm/components/DataTable/DataTableDocumentList.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableDocumentList.native.js +48 -35
- package/dist/esm/components/DataTable/DataTableDocumentList.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableDocumentList.mjs +39 -31
- package/dist/jsx/components/DataTable/DataTableDocumentList.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableDocumentList.native.js +48 -35
- package/dist/jsx/components/DataTable/DataTableDocumentList.native.js.map +1 -1
- package/package.json +12 -12
- package/src/components/DataTable/DataTableDocumentList.tsx +43 -22
- package/src/components/DataTable/dataTableDocumentList.spec.tsx +36 -0
- package/types/components/DataTable/DataTableDocumentList.d.ts.map +1 -1
|
@@ -51,6 +51,11 @@ function pickDocumentListTitleCell(visibleCells) {
|
|
|
51
51
|
});
|
|
52
52
|
return content ?? visibleCells[0];
|
|
53
53
|
}
|
|
54
|
+
function isEmptyMetaCell(cell) {
|
|
55
|
+
if (!cell.column?.accessorFn) return false;
|
|
56
|
+
const value = cell.getValue?.();
|
|
57
|
+
return value == null || value === "" || Array.isArray(value) && value.length === 0;
|
|
58
|
+
}
|
|
54
59
|
function DataTableDocumentList({
|
|
55
60
|
tableRows,
|
|
56
61
|
enableRowSelection = false,
|
|
@@ -80,9 +85,28 @@ function DataTableDocumentList({
|
|
|
80
85
|
const titleCell = pickDocumentListTitleCell(visibleCells);
|
|
81
86
|
const {
|
|
82
87
|
indicators,
|
|
83
|
-
metas,
|
|
88
|
+
metas: metaCells,
|
|
84
89
|
actions
|
|
85
90
|
} = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
|
|
91
|
+
const metas = metaCells.filter(cell => !isEmptyMetaCell(cell));
|
|
92
|
+
const slotCell = (cell, slot) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
93
|
+
flexShrink: 0,
|
|
94
|
+
minWidth: 0,
|
|
95
|
+
overflow: "hidden",
|
|
96
|
+
...{
|
|
97
|
+
"data-list-slot": slot
|
|
98
|
+
},
|
|
99
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
100
|
+
value: {
|
|
101
|
+
inTableCell: true,
|
|
102
|
+
isHeader: false
|
|
103
|
+
},
|
|
104
|
+
children: renderCellContent(cell, index, rowData)
|
|
105
|
+
})
|
|
106
|
+
}, cell.id);
|
|
107
|
+
const indicatorCells = indicators.map(cell => slotCell(cell, "indicator"));
|
|
108
|
+
const actionCells = actions.map(cell => slotCell(cell, "actions"));
|
|
109
|
+
const trailing = [...indicatorCells, ...actionCells];
|
|
86
110
|
const position = (0, import_theme.getGroupPosition)(index, tableRows.length);
|
|
87
111
|
const corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadiusOuter.borderRadius);
|
|
88
112
|
const selected = Boolean(enableRowSelection && row.getIsSelected?.());
|
|
@@ -97,7 +121,7 @@ function DataTableDocumentList({
|
|
|
97
121
|
...import_theme.hairline.line
|
|
98
122
|
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
99
123
|
testID: "data-table-list-row",
|
|
100
|
-
alignItems: "center",
|
|
124
|
+
alignItems: compact ? "flex-start" : "center",
|
|
101
125
|
gap: "$3",
|
|
102
126
|
paddingHorizontal: rowPad,
|
|
103
127
|
paddingVertical: "$2",
|
|
@@ -166,44 +190,28 @@ function DataTableDocumentList({
|
|
|
166
190
|
},
|
|
167
191
|
children: renderCellContent(cell, index, rowData)
|
|
168
192
|
})
|
|
169
|
-
}, cell.id))
|
|
170
|
-
|
|
193
|
+
}, cell.id)), compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
194
|
+
gap: "$2",
|
|
195
|
+
alignItems: "center",
|
|
196
|
+
flexWrap: "wrap",
|
|
197
|
+
...{
|
|
198
|
+
"data-list-slot": "trailing"
|
|
199
|
+
},
|
|
200
|
+
children: trailing
|
|
201
|
+
}) : null]
|
|
202
|
+
}), !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
171
203
|
flexShrink: 0,
|
|
172
204
|
gap: "$2",
|
|
173
205
|
alignItems: "center",
|
|
174
206
|
flexWrap: "nowrap",
|
|
175
207
|
maxWidth: "40%",
|
|
176
|
-
children:
|
|
177
|
-
|
|
178
|
-
...{
|
|
179
|
-
"data-list-slot": "indicator"
|
|
180
|
-
},
|
|
181
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
182
|
-
value: {
|
|
183
|
-
inTableCell: true,
|
|
184
|
-
isHeader: false
|
|
185
|
-
},
|
|
186
|
-
children: renderCellContent(cell, index, rowData)
|
|
187
|
-
})
|
|
188
|
-
}, cell.id))
|
|
189
|
-
}) : null, actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
208
|
+
children: indicatorCells
|
|
209
|
+
}) : null, !compact && actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
190
210
|
flexShrink: 0,
|
|
191
211
|
gap: "$1",
|
|
192
212
|
alignItems: "center",
|
|
193
213
|
flexWrap: "nowrap",
|
|
194
|
-
children:
|
|
195
|
-
flexShrink: 0,
|
|
196
|
-
...{
|
|
197
|
-
"data-list-slot": "actions"
|
|
198
|
-
},
|
|
199
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
200
|
-
value: {
|
|
201
|
-
inTableCell: true,
|
|
202
|
-
isHeader: false
|
|
203
|
-
},
|
|
204
|
-
children: renderCellContent(cell, index, rowData)
|
|
205
|
-
})
|
|
206
|
-
}, cell.id))
|
|
214
|
+
children: actionCells
|
|
207
215
|
}) : null]
|
|
208
216
|
})]
|
|
209
217
|
}, `${row.id}-${index}`);
|
|
@@ -54,6 +54,12 @@ function pickDocumentListTitleCell(visibleCells) {
|
|
|
54
54
|
});
|
|
55
55
|
return content !== null && content !== void 0 ? content : visibleCells[0];
|
|
56
56
|
}
|
|
57
|
+
function isEmptyMetaCell(cell) {
|
|
58
|
+
var _cell_column, _cell_getValue;
|
|
59
|
+
if (!((_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : _cell_column.accessorFn)) return false;
|
|
60
|
+
var value = (_cell_getValue = cell.getValue) === null || _cell_getValue === void 0 ? void 0 : _cell_getValue.call(cell);
|
|
61
|
+
return value == null || value === "" || Array.isArray(value) && value.length === 0;
|
|
62
|
+
}
|
|
57
63
|
function DataTableDocumentList(param) {
|
|
58
64
|
var {
|
|
59
65
|
tableRows,
|
|
@@ -86,9 +92,36 @@ function DataTableDocumentList(param) {
|
|
|
86
92
|
var titleCell = pickDocumentListTitleCell(visibleCells);
|
|
87
93
|
var {
|
|
88
94
|
indicators,
|
|
89
|
-
metas,
|
|
95
|
+
metas: metaCells,
|
|
90
96
|
actions
|
|
91
97
|
} = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
|
|
98
|
+
var metas = metaCells.filter(function (cell) {
|
|
99
|
+
return !isEmptyMetaCell(cell);
|
|
100
|
+
});
|
|
101
|
+
var slotCell = function slotCell2(cell, slot) {
|
|
102
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
103
|
+
flexShrink: 0,
|
|
104
|
+
minWidth: 0,
|
|
105
|
+
overflow: "hidden",
|
|
106
|
+
...{
|
|
107
|
+
"data-list-slot": slot
|
|
108
|
+
},
|
|
109
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
110
|
+
value: {
|
|
111
|
+
inTableCell: true,
|
|
112
|
+
isHeader: false
|
|
113
|
+
},
|
|
114
|
+
children: renderCellContent(cell, index, rowData)
|
|
115
|
+
})
|
|
116
|
+
}, cell.id);
|
|
117
|
+
};
|
|
118
|
+
var indicatorCells = indicators.map(function (cell) {
|
|
119
|
+
return slotCell(cell, "indicator");
|
|
120
|
+
});
|
|
121
|
+
var actionCells = actions.map(function (cell) {
|
|
122
|
+
return slotCell(cell, "actions");
|
|
123
|
+
});
|
|
124
|
+
var trailing = [...indicatorCells, ...actionCells];
|
|
92
125
|
var position = (0, import_theme.getGroupPosition)(index, tableRows.length);
|
|
93
126
|
var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadiusOuter.borderRadius);
|
|
94
127
|
var selected = Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row)));
|
|
@@ -103,7 +136,7 @@ function DataTableDocumentList(param) {
|
|
|
103
136
|
...import_theme.hairline.line
|
|
104
137
|
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
105
138
|
testID: "data-table-list-row",
|
|
106
|
-
alignItems: "center",
|
|
139
|
+
alignItems: compact ? "flex-start" : "center",
|
|
107
140
|
gap: "$3",
|
|
108
141
|
paddingHorizontal: rowPad,
|
|
109
142
|
paddingVertical: "$2",
|
|
@@ -174,48 +207,28 @@ function DataTableDocumentList(param) {
|
|
|
174
207
|
children: renderCellContent(cell, index, rowData)
|
|
175
208
|
})
|
|
176
209
|
}, cell.id);
|
|
177
|
-
})
|
|
178
|
-
|
|
210
|
+
}), compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
211
|
+
gap: "$2",
|
|
212
|
+
alignItems: "center",
|
|
213
|
+
flexWrap: "wrap",
|
|
214
|
+
...{
|
|
215
|
+
"data-list-slot": "trailing"
|
|
216
|
+
},
|
|
217
|
+
children: trailing
|
|
218
|
+
}) : null]
|
|
219
|
+
}), !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
179
220
|
flexShrink: 0,
|
|
180
221
|
gap: "$2",
|
|
181
222
|
alignItems: "center",
|
|
182
223
|
flexWrap: "nowrap",
|
|
183
224
|
maxWidth: "40%",
|
|
184
|
-
children:
|
|
185
|
-
|
|
186
|
-
flexShrink: 0,
|
|
187
|
-
...{
|
|
188
|
-
"data-list-slot": "indicator"
|
|
189
|
-
},
|
|
190
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
191
|
-
value: {
|
|
192
|
-
inTableCell: true,
|
|
193
|
-
isHeader: false
|
|
194
|
-
},
|
|
195
|
-
children: renderCellContent(cell, index, rowData)
|
|
196
|
-
})
|
|
197
|
-
}, cell.id);
|
|
198
|
-
})
|
|
199
|
-
}) : null, actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
225
|
+
children: indicatorCells
|
|
226
|
+
}) : null, !compact && actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
200
227
|
flexShrink: 0,
|
|
201
228
|
gap: "$1",
|
|
202
229
|
alignItems: "center",
|
|
203
230
|
flexWrap: "nowrap",
|
|
204
|
-
children:
|
|
205
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
206
|
-
flexShrink: 0,
|
|
207
|
-
...{
|
|
208
|
-
"data-list-slot": "actions"
|
|
209
|
-
},
|
|
210
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
211
|
-
value: {
|
|
212
|
-
inTableCell: true,
|
|
213
|
-
isHeader: false
|
|
214
|
-
},
|
|
215
|
-
children: renderCellContent(cell, index, rowData)
|
|
216
|
-
})
|
|
217
|
-
}, cell.id);
|
|
218
|
-
})
|
|
231
|
+
children: actionCells
|
|
219
232
|
}) : null]
|
|
220
233
|
})]
|
|
221
234
|
}, `${row.id}-${index}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableDocumentList_exports","__export","DataTableDocumentList","pickDocumentListTitleCell","module","exports","import_jsx_runtime","require","import_components","import_forms","import_theme","import_table_primitives","import_react","import_react_i18next","import_tamagui","import_withInterp","import_documentListSlots","import_dataTableChrome","import_rowStateChrome","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","chrome","dataTableChrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","useCallback","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","partitionDocumentListCells","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableDocumentList_exports","__export","DataTableDocumentList","pickDocumentListTitleCell","module","exports","import_jsx_runtime","require","import_components","import_forms","import_theme","import_table_primitives","import_react","import_react_i18next","import_tamagui","import_withInterp","import_documentListSlots","import_dataTableChrome","import_rowStateChrome","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","isEmptyMetaCell","_cell_column","_cell_getValue","accessorFn","getValue","call","Array","isArray","length","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","chrome","dataTableChrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","useCallback","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","metaCells","actions","partitionDocumentListCells","filter","slotCell","slotCell2","slot","jsx","View","flexShrink","minWidth","overflow","children","TableCellContext","Provider","inTableCell","isHeader","indicatorCells","map","actionCells","trailing","position","getGroupPosition","corners","stackRadiusProps","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","rowState","tableRowStateProps","zebraOn","pressable","jsxs","hairline","line","XStack","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","display","flexDirection","flexWrap","width","hoverStyle","rowIntentProps","Checkbox","checked","onChange","toggleSelected","checkboxProps","withInterp","YStack","flex","opacity","maxWidth"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -23,6 +23,11 @@ function pickDocumentListTitleCell(visibleCells) {
|
|
|
23
23
|
});
|
|
24
24
|
return content ?? visibleCells[0];
|
|
25
25
|
}
|
|
26
|
+
function isEmptyMetaCell(cell) {
|
|
27
|
+
if (!cell.column?.accessorFn) return false;
|
|
28
|
+
const value = cell.getValue?.();
|
|
29
|
+
return value == null || value === "" || Array.isArray(value) && value.length === 0;
|
|
30
|
+
}
|
|
26
31
|
function DataTableDocumentList({
|
|
27
32
|
tableRows,
|
|
28
33
|
enableRowSelection = false,
|
|
@@ -52,9 +57,28 @@ function DataTableDocumentList({
|
|
|
52
57
|
const titleCell = pickDocumentListTitleCell(visibleCells);
|
|
53
58
|
const {
|
|
54
59
|
indicators,
|
|
55
|
-
metas,
|
|
60
|
+
metas: metaCells,
|
|
56
61
|
actions
|
|
57
62
|
} = partitionDocumentListCells(visibleCells, titleCell);
|
|
63
|
+
const metas = metaCells.filter(cell => !isEmptyMetaCell(cell));
|
|
64
|
+
const slotCell = (cell, slot) => /* @__PURE__ */jsx(View, {
|
|
65
|
+
flexShrink: 0,
|
|
66
|
+
minWidth: 0,
|
|
67
|
+
overflow: "hidden",
|
|
68
|
+
...{
|
|
69
|
+
"data-list-slot": slot
|
|
70
|
+
},
|
|
71
|
+
children: /* @__PURE__ */jsx(TableCellContext.Provider, {
|
|
72
|
+
value: {
|
|
73
|
+
inTableCell: true,
|
|
74
|
+
isHeader: false
|
|
75
|
+
},
|
|
76
|
+
children: renderCellContent(cell, index, rowData)
|
|
77
|
+
})
|
|
78
|
+
}, cell.id);
|
|
79
|
+
const indicatorCells = indicators.map(cell => slotCell(cell, "indicator"));
|
|
80
|
+
const actionCells = actions.map(cell => slotCell(cell, "actions"));
|
|
81
|
+
const trailing = [...indicatorCells, ...actionCells];
|
|
58
82
|
const position = getGroupPosition(index, tableRows.length);
|
|
59
83
|
const corners = stackRadiusProps(position, knobProps.borderRadiusOuter.borderRadius);
|
|
60
84
|
const selected = Boolean(enableRowSelection && row.getIsSelected?.());
|
|
@@ -69,7 +93,7 @@ function DataTableDocumentList({
|
|
|
69
93
|
...hairline.line
|
|
70
94
|
}) : null, /* @__PURE__ */jsxs(XStack, {
|
|
71
95
|
testID: "data-table-list-row",
|
|
72
|
-
alignItems: "center",
|
|
96
|
+
alignItems: compact ? "flex-start" : "center",
|
|
73
97
|
gap: "$3",
|
|
74
98
|
paddingHorizontal: rowPad,
|
|
75
99
|
paddingVertical: "$2",
|
|
@@ -138,44 +162,28 @@ function DataTableDocumentList({
|
|
|
138
162
|
},
|
|
139
163
|
children: renderCellContent(cell, index, rowData)
|
|
140
164
|
})
|
|
141
|
-
}, cell.id))
|
|
142
|
-
|
|
165
|
+
}, cell.id)), compact && trailing.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
166
|
+
gap: "$2",
|
|
167
|
+
alignItems: "center",
|
|
168
|
+
flexWrap: "wrap",
|
|
169
|
+
...{
|
|
170
|
+
"data-list-slot": "trailing"
|
|
171
|
+
},
|
|
172
|
+
children: trailing
|
|
173
|
+
}) : null]
|
|
174
|
+
}), !compact && indicators.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
143
175
|
flexShrink: 0,
|
|
144
176
|
gap: "$2",
|
|
145
177
|
alignItems: "center",
|
|
146
178
|
flexWrap: "nowrap",
|
|
147
179
|
maxWidth: "40%",
|
|
148
|
-
children:
|
|
149
|
-
|
|
150
|
-
...{
|
|
151
|
-
"data-list-slot": "indicator"
|
|
152
|
-
},
|
|
153
|
-
children: /* @__PURE__ */jsx(TableCellContext.Provider, {
|
|
154
|
-
value: {
|
|
155
|
-
inTableCell: true,
|
|
156
|
-
isHeader: false
|
|
157
|
-
},
|
|
158
|
-
children: renderCellContent(cell, index, rowData)
|
|
159
|
-
})
|
|
160
|
-
}, cell.id))
|
|
161
|
-
}) : null, actions.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
180
|
+
children: indicatorCells
|
|
181
|
+
}) : null, !compact && actions.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
162
182
|
flexShrink: 0,
|
|
163
183
|
gap: "$1",
|
|
164
184
|
alignItems: "center",
|
|
165
185
|
flexWrap: "nowrap",
|
|
166
|
-
children:
|
|
167
|
-
flexShrink: 0,
|
|
168
|
-
...{
|
|
169
|
-
"data-list-slot": "actions"
|
|
170
|
-
},
|
|
171
|
-
children: /* @__PURE__ */jsx(TableCellContext.Provider, {
|
|
172
|
-
value: {
|
|
173
|
-
inTableCell: true,
|
|
174
|
-
isHeader: false
|
|
175
|
-
},
|
|
176
|
-
children: renderCellContent(cell, index, rowData)
|
|
177
|
-
})
|
|
178
|
-
}, cell.id))
|
|
186
|
+
children: actionCells
|
|
179
187
|
}) : null]
|
|
180
188
|
})]
|
|
181
189
|
}, `${row.id}-${index}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","jsx","jsxs","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","id","String","startsWith","DataTableDocumentList","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","
|
|
1
|
+
{"version":3,"names":["EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","jsx","jsxs","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","id","String","startsWith","isEmptyMetaCell","accessorFn","value","getValue","Array","isArray","length","DataTableDocumentList","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","rowData","original","getVisibleCells","titleCell","indicators","metas","metaCells","actions","filter","slotCell","slot","flexShrink","minWidth","overflow","children","Provider","inTableCell","isHeader","indicatorCells","map","actionCells","trailing","position","corners","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","rowState","zebraOn","pressable","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","opacity","maxWidth","backgroundColor","title"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -24,6 +24,12 @@ function pickDocumentListTitleCell(visibleCells) {
|
|
|
24
24
|
});
|
|
25
25
|
return content !== null && content !== void 0 ? content : visibleCells[0];
|
|
26
26
|
}
|
|
27
|
+
function isEmptyMetaCell(cell) {
|
|
28
|
+
var _cell_column, _cell_getValue;
|
|
29
|
+
if (!((_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : _cell_column.accessorFn)) return false;
|
|
30
|
+
var value = (_cell_getValue = cell.getValue) === null || _cell_getValue === void 0 ? void 0 : _cell_getValue.call(cell);
|
|
31
|
+
return value == null || value === "" || Array.isArray(value) && value.length === 0;
|
|
32
|
+
}
|
|
27
33
|
function DataTableDocumentList(param) {
|
|
28
34
|
var {
|
|
29
35
|
tableRows,
|
|
@@ -56,9 +62,36 @@ function DataTableDocumentList(param) {
|
|
|
56
62
|
var titleCell = pickDocumentListTitleCell(visibleCells);
|
|
57
63
|
var {
|
|
58
64
|
indicators,
|
|
59
|
-
metas,
|
|
65
|
+
metas: metaCells,
|
|
60
66
|
actions
|
|
61
67
|
} = partitionDocumentListCells(visibleCells, titleCell);
|
|
68
|
+
var metas = metaCells.filter(function (cell) {
|
|
69
|
+
return !isEmptyMetaCell(cell);
|
|
70
|
+
});
|
|
71
|
+
var slotCell = function slotCell2(cell, slot) {
|
|
72
|
+
return /* @__PURE__ */_jsx(View, {
|
|
73
|
+
flexShrink: 0,
|
|
74
|
+
minWidth: 0,
|
|
75
|
+
overflow: "hidden",
|
|
76
|
+
...{
|
|
77
|
+
"data-list-slot": slot
|
|
78
|
+
},
|
|
79
|
+
children: /* @__PURE__ */_jsx(TableCellContext.Provider, {
|
|
80
|
+
value: {
|
|
81
|
+
inTableCell: true,
|
|
82
|
+
isHeader: false
|
|
83
|
+
},
|
|
84
|
+
children: renderCellContent(cell, index, rowData)
|
|
85
|
+
})
|
|
86
|
+
}, cell.id);
|
|
87
|
+
};
|
|
88
|
+
var indicatorCells = indicators.map(function (cell) {
|
|
89
|
+
return slotCell(cell, "indicator");
|
|
90
|
+
});
|
|
91
|
+
var actionCells = actions.map(function (cell) {
|
|
92
|
+
return slotCell(cell, "actions");
|
|
93
|
+
});
|
|
94
|
+
var trailing = [...indicatorCells, ...actionCells];
|
|
62
95
|
var position = getGroupPosition(index, tableRows.length);
|
|
63
96
|
var corners = stackRadiusProps(position, knobProps.borderRadiusOuter.borderRadius);
|
|
64
97
|
var selected = Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row)));
|
|
@@ -73,7 +106,7 @@ function DataTableDocumentList(param) {
|
|
|
73
106
|
...hairline.line
|
|
74
107
|
}) : null, /* @__PURE__ */_jsxs(XStack, {
|
|
75
108
|
testID: "data-table-list-row",
|
|
76
|
-
alignItems: "center",
|
|
109
|
+
alignItems: compact ? "flex-start" : "center",
|
|
77
110
|
gap: "$3",
|
|
78
111
|
paddingHorizontal: rowPad,
|
|
79
112
|
paddingVertical: "$2",
|
|
@@ -144,48 +177,28 @@ function DataTableDocumentList(param) {
|
|
|
144
177
|
children: renderCellContent(cell, index, rowData)
|
|
145
178
|
})
|
|
146
179
|
}, cell.id);
|
|
147
|
-
})
|
|
148
|
-
|
|
180
|
+
}), compact && trailing.length > 0 ? /* @__PURE__ */_jsx(XStack, {
|
|
181
|
+
gap: "$2",
|
|
182
|
+
alignItems: "center",
|
|
183
|
+
flexWrap: "wrap",
|
|
184
|
+
...{
|
|
185
|
+
"data-list-slot": "trailing"
|
|
186
|
+
},
|
|
187
|
+
children: trailing
|
|
188
|
+
}) : null]
|
|
189
|
+
}), !compact && indicators.length > 0 ? /* @__PURE__ */_jsx(XStack, {
|
|
149
190
|
flexShrink: 0,
|
|
150
191
|
gap: "$2",
|
|
151
192
|
alignItems: "center",
|
|
152
193
|
flexWrap: "nowrap",
|
|
153
194
|
maxWidth: "40%",
|
|
154
|
-
children:
|
|
155
|
-
|
|
156
|
-
flexShrink: 0,
|
|
157
|
-
...{
|
|
158
|
-
"data-list-slot": "indicator"
|
|
159
|
-
},
|
|
160
|
-
children: /* @__PURE__ */_jsx(TableCellContext.Provider, {
|
|
161
|
-
value: {
|
|
162
|
-
inTableCell: true,
|
|
163
|
-
isHeader: false
|
|
164
|
-
},
|
|
165
|
-
children: renderCellContent(cell, index, rowData)
|
|
166
|
-
})
|
|
167
|
-
}, cell.id);
|
|
168
|
-
})
|
|
169
|
-
}) : null, actions.length > 0 ? /* @__PURE__ */_jsx(XStack, {
|
|
195
|
+
children: indicatorCells
|
|
196
|
+
}) : null, !compact && actions.length > 0 ? /* @__PURE__ */_jsx(XStack, {
|
|
170
197
|
flexShrink: 0,
|
|
171
198
|
gap: "$1",
|
|
172
199
|
alignItems: "center",
|
|
173
200
|
flexWrap: "nowrap",
|
|
174
|
-
children:
|
|
175
|
-
return /* @__PURE__ */_jsx(View, {
|
|
176
|
-
flexShrink: 0,
|
|
177
|
-
...{
|
|
178
|
-
"data-list-slot": "actions"
|
|
179
|
-
},
|
|
180
|
-
children: /* @__PURE__ */_jsx(TableCellContext.Provider, {
|
|
181
|
-
value: {
|
|
182
|
-
inTableCell: true,
|
|
183
|
-
isHeader: false
|
|
184
|
-
},
|
|
185
|
-
children: renderCellContent(cell, index, rowData)
|
|
186
|
-
})
|
|
187
|
-
}, cell.id);
|
|
188
|
-
})
|
|
201
|
+
children: actionCells
|
|
189
202
|
}) : null]
|
|
190
203
|
})]
|
|
191
204
|
}, `${row.id}-${index}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","DataTableDocumentList","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","isEmptyMetaCell","_cell_column","_cell_getValue","accessorFn","value","getValue","call","Array","isArray","length","DataTableDocumentList","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","metaCells","actions","filter","slotCell","slotCell2","slot","flexShrink","minWidth","overflow","children","Provider","inTableCell","isHeader","indicatorCells","map","actionCells","trailing","position","corners","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","rowState","zebraOn","pressable","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","opacity","maxWidth"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -23,6 +23,11 @@ function pickDocumentListTitleCell(visibleCells) {
|
|
|
23
23
|
});
|
|
24
24
|
return content ?? visibleCells[0];
|
|
25
25
|
}
|
|
26
|
+
function isEmptyMetaCell(cell) {
|
|
27
|
+
if (!cell.column?.accessorFn) return false;
|
|
28
|
+
const value = cell.getValue?.();
|
|
29
|
+
return value == null || value === "" || Array.isArray(value) && value.length === 0;
|
|
30
|
+
}
|
|
26
31
|
function DataTableDocumentList({
|
|
27
32
|
tableRows,
|
|
28
33
|
enableRowSelection = false,
|
|
@@ -52,9 +57,28 @@ function DataTableDocumentList({
|
|
|
52
57
|
const titleCell = pickDocumentListTitleCell(visibleCells);
|
|
53
58
|
const {
|
|
54
59
|
indicators,
|
|
55
|
-
metas,
|
|
60
|
+
metas: metaCells,
|
|
56
61
|
actions
|
|
57
62
|
} = partitionDocumentListCells(visibleCells, titleCell);
|
|
63
|
+
const metas = metaCells.filter(cell => !isEmptyMetaCell(cell));
|
|
64
|
+
const slotCell = (cell, slot) => /* @__PURE__ */jsx(View, {
|
|
65
|
+
flexShrink: 0,
|
|
66
|
+
minWidth: 0,
|
|
67
|
+
overflow: "hidden",
|
|
68
|
+
...{
|
|
69
|
+
"data-list-slot": slot
|
|
70
|
+
},
|
|
71
|
+
children: /* @__PURE__ */jsx(TableCellContext.Provider, {
|
|
72
|
+
value: {
|
|
73
|
+
inTableCell: true,
|
|
74
|
+
isHeader: false
|
|
75
|
+
},
|
|
76
|
+
children: renderCellContent(cell, index, rowData)
|
|
77
|
+
})
|
|
78
|
+
}, cell.id);
|
|
79
|
+
const indicatorCells = indicators.map(cell => slotCell(cell, "indicator"));
|
|
80
|
+
const actionCells = actions.map(cell => slotCell(cell, "actions"));
|
|
81
|
+
const trailing = [...indicatorCells, ...actionCells];
|
|
58
82
|
const position = getGroupPosition(index, tableRows.length);
|
|
59
83
|
const corners = stackRadiusProps(position, knobProps.borderRadiusOuter.borderRadius);
|
|
60
84
|
const selected = Boolean(enableRowSelection && row.getIsSelected?.());
|
|
@@ -69,7 +93,7 @@ function DataTableDocumentList({
|
|
|
69
93
|
...hairline.line
|
|
70
94
|
}) : null, /* @__PURE__ */jsxs(XStack, {
|
|
71
95
|
testID: "data-table-list-row",
|
|
72
|
-
alignItems: "center",
|
|
96
|
+
alignItems: compact ? "flex-start" : "center",
|
|
73
97
|
gap: "$3",
|
|
74
98
|
paddingHorizontal: rowPad,
|
|
75
99
|
paddingVertical: "$2",
|
|
@@ -138,44 +162,28 @@ function DataTableDocumentList({
|
|
|
138
162
|
},
|
|
139
163
|
children: renderCellContent(cell, index, rowData)
|
|
140
164
|
})
|
|
141
|
-
}, cell.id))
|
|
142
|
-
|
|
165
|
+
}, cell.id)), compact && trailing.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
166
|
+
gap: "$2",
|
|
167
|
+
alignItems: "center",
|
|
168
|
+
flexWrap: "wrap",
|
|
169
|
+
...{
|
|
170
|
+
"data-list-slot": "trailing"
|
|
171
|
+
},
|
|
172
|
+
children: trailing
|
|
173
|
+
}) : null]
|
|
174
|
+
}), !compact && indicators.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
143
175
|
flexShrink: 0,
|
|
144
176
|
gap: "$2",
|
|
145
177
|
alignItems: "center",
|
|
146
178
|
flexWrap: "nowrap",
|
|
147
179
|
maxWidth: "40%",
|
|
148
|
-
children:
|
|
149
|
-
|
|
150
|
-
...{
|
|
151
|
-
"data-list-slot": "indicator"
|
|
152
|
-
},
|
|
153
|
-
children: /* @__PURE__ */jsx(TableCellContext.Provider, {
|
|
154
|
-
value: {
|
|
155
|
-
inTableCell: true,
|
|
156
|
-
isHeader: false
|
|
157
|
-
},
|
|
158
|
-
children: renderCellContent(cell, index, rowData)
|
|
159
|
-
})
|
|
160
|
-
}, cell.id))
|
|
161
|
-
}) : null, actions.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
180
|
+
children: indicatorCells
|
|
181
|
+
}) : null, !compact && actions.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
162
182
|
flexShrink: 0,
|
|
163
183
|
gap: "$1",
|
|
164
184
|
alignItems: "center",
|
|
165
185
|
flexWrap: "nowrap",
|
|
166
|
-
children:
|
|
167
|
-
flexShrink: 0,
|
|
168
|
-
...{
|
|
169
|
-
"data-list-slot": "actions"
|
|
170
|
-
},
|
|
171
|
-
children: /* @__PURE__ */jsx(TableCellContext.Provider, {
|
|
172
|
-
value: {
|
|
173
|
-
inTableCell: true,
|
|
174
|
-
isHeader: false
|
|
175
|
-
},
|
|
176
|
-
children: renderCellContent(cell, index, rowData)
|
|
177
|
-
})
|
|
178
|
-
}, cell.id))
|
|
186
|
+
children: actionCells
|
|
179
187
|
}) : null]
|
|
180
188
|
})]
|
|
181
189
|
}, `${row.id}-${index}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","jsx","jsxs","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","id","String","startsWith","DataTableDocumentList","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","
|
|
1
|
+
{"version":3,"names":["EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","jsx","jsxs","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","id","String","startsWith","isEmptyMetaCell","accessorFn","value","getValue","Array","isArray","length","DataTableDocumentList","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","rowData","original","getVisibleCells","titleCell","indicators","metas","metaCells","actions","filter","slotCell","slot","flexShrink","minWidth","overflow","children","Provider","inTableCell","isHeader","indicatorCells","map","actionCells","trailing","position","corners","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","rowState","zebraOn","pressable","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","opacity","maxWidth","backgroundColor","title"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,UAAA,QAAkB;AAC3B,SAASC,QAAA,QAAgB;AACzB,SACEC,gBAAA,EACAC,QAAA,EACAC,gBAAA,EACAC,gBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AAEjC,SAASC,WAAA,QAAmB;AAC5B,SAASC,cAAA,QAAsB;AAC/B,SAASC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAErC,SAASC,UAAA,QAAkB;AAC3B,SAASC,0BAAA,QAAkC;AAC3C,SAASC,eAAA,EAAiBC,cAAA,QAAsB;AAChD,SAASC,kBAAA,QAA0B;AA0EzB,SAAAC,GAAA,EA6DEC,IAAA,QA7DF;AAvEH,SAASC,0BAEdC,YAAA,EAA0C;EAC1C,MAAMC,MAAA,GAASD,YAAA,CAAaE,IAAA,CAAMC,IAAA,IAAS;IACzC,MAAMC,IAAA,GAAQD,IAAA,CAAKE,MAAA,CAAOC,SAAA,CAA8BF,IAAA;IACxD,OAAOA,IAAA,EAAMG,IAAA,KAAS;EACxB,CAAC;EACD,IAAIN,MAAA,EAAQ,OAAOA,MAAA;EACnB,MAAMO,OAAA,GAAUR,YAAA,CAAaE,IAAA,CAAMC,IAAA,IAAS;IAC1C,MAAMM,EAAA,GAAKC,MAAA,CAAOP,IAAA,CAAKE,MAAA,CAAOI,EAAA,IAAM,EAAE;IACtC,MAAML,IAAA,GAAQD,IAAA,CAAKE,MAAA,CAAOC,SAAA,CAA8BF,IAAA;IACxD,OAAO,CAACK,EAAA,CAAGE,UAAA,CAAW,GAAG,KAAKP,IAAA,EAAMG,IAAA,KAAS;EAC/C,CAAC;EACD,OAAOC,OAAA,IAAWR,YAAA,CAAa,CAAC;AAClC;AAeA,SAASY,gBAAgBT,IAAA,EAAoB;EAC3C,IAAI,CAACA,IAAA,CAAKE,MAAA,EAAQQ,UAAA,EAAY,OAAO;EACrC,MAAMC,KAAA,GAAQX,IAAA,CAAKY,QAAA,GAAW;EAC9B,OAAOD,KAAA,IAAS,QAAQA,KAAA,KAAU,MAAOE,KAAA,CAAMC,OAAA,CAAQH,KAAK,KAAKA,KAAA,CAAMI,MAAA,KAAW;AACpF;AAEO,SAASC,sBAAyD;EACvEC,SAAA;EACAC,kBAAA,GAAqB;EACrBC,QAAA,GAAW;EACXC,gBAAA;EACAC,iBAAA;EACAC,OAAA,GAAU;EACVC,cAAA;EACAC,gBAAA;EACAC,aAAA,GAAgB;AAClB,GAAsC;EACpC,MAAM;IAAEC;EAAE,IAAIzC,cAAA,CAAe;EAC7B,MAAM;IAAE0C;EAAU,IAAI7C,gBAAA,CAAiB;IAAE8C,SAAA,EAAW;IAAaN;EAAQ,CAAC;EAC1E,MAAMO,MAAA,GAAStC,eAAA,CAAgBgB,MAAA,CAAOoB,SAAA,CAAUG,SAAS,CAAC;EAC1D,MAAMC,YAAA,GAAeJ,SAAA,CAAUK,UAAA,KAAe;EAC9C,MAAMC,MAAA,GAASN,SAAA,CAAUO,YAAA,CAAaC,OAAA;EAEtC,MAAMC,SAAA,GAAYpD,WAAA,CAChB,CAACqD,GAAA,EAAUC,KAAA,KAAkB;IAC3B,MAAMC,OAAA,GAAUF,GAAA,CAAIG,QAAA;IACpB,MAAM3C,YAAA,GAAewC,GAAA,CAAII,eAAA,CAAgB;IACzC,MAAMC,SAAA,GAAY9C,yBAAA,CAA0BC,YAAY;IACxD,MAAM;MACJ8C,UAAA;MACAC,KAAA,EAAOC,SAAA;MACPC;IACF,IAAIxD,0BAAA,CAA2BO,YAAA,EAAc6C,SAAS;IACtD,MAAME,KAAA,GAAQC,SAAA,CAAUE,MAAA,CAAQ/C,IAAA,IAAc,CAACS,eAAA,CAAgBT,IAAI,CAAC;IACpE,MAAMgD,QAAA,GAAWA,CAAChD,IAAA,EAAWiD,IAAA,KAC3B,eAAAvD,GAAA,CAACR,IAAA;MAECgE,UAAA,EAAY;MACZC,QAAA,EAAU;MACVC,QAAA,EAAS;MACR,GAAI;QAAE,kBAAkBH;MAAK;MAE9BI,QAAA,iBAAA3D,GAAA,CAACX,gBAAA,CAAiBuE,QAAA,EAAjB;QAA0B3C,KAAA,EAAO;UAAE4C,WAAA,EAAa;UAAMC,QAAA,EAAU;QAAM;QACpEH,QAAA,EAAAhC,iBAAA,CAAkBrB,IAAA,EAAMsC,KAAA,EAAOC,OAAO;MAAA,CACzC;IAAA,GARKvC,IAAA,CAAKM,EASZ;IAEF,MAAMmD,cAAA,GAAiBd,UAAA,CAAWe,GAAA,CAAK1D,IAAA,IAAcgD,QAAA,CAAShD,IAAA,EAAM,WAAW,CAAC;IAChF,MAAM2D,WAAA,GAAcb,OAAA,CAAQY,GAAA,CAAK1D,IAAA,IAAcgD,QAAA,CAAShD,IAAA,EAAM,SAAS,CAAC;IACxE,MAAM4D,QAAA,GAAW,CAAC,GAAGH,cAAA,EAAgB,GAAGE,WAAW;IACnD,MAAME,QAAA,GAAWlF,gBAAA,CAAiB2D,KAAA,EAAOrB,SAAA,CAAUF,MAAM;IACzD,MAAM+C,OAAA,GAAUjF,gBAAA,CAAiBgF,QAAA,EAAUlC,SAAA,CAAUoC,iBAAA,CAAkBC,YAAY;IACnF,MAAMC,QAAA,GAAWC,OAAA,CAAQhD,kBAAA,IAAsBmB,GAAA,CAAI8B,aAAA,GAAgB,CAAC;IACpE,MAAMC,QAAA,GAAW3E,kBAAA,CAAmB;MAClCwE,QAAA;MACAI,OAAA,EAAStC,YAAA;MACTO,KAAA;MACAgC,SAAA,EAAWJ,OAAA,CAAQ1C,gBAAgB;IACrC,CAAC;IAED,OACE,eAAA7B,IAAA,CAACT,IAAA;MACEmE,QAAA,GAAAf,KAAA,GAAQ,IAAI,eAAA5C,GAAA,CAACR,IAAA;QAAM,GAAGN,QAAA,CAAS2F;MAAA,CAAM,IAAK,MAC3C,eAAA5E,IAAA,CAACR,MAAA;QACCqF,MAAA,EAAO;QACPC,UAAA,EAAYnD,OAAA,GAAU,eAAe;QACrCoD,GAAA,EAAI;QACJC,iBAAA,EAAmB1C,MAAA;QACnB2C,eAAA,EAAgB;QAChBC,SAAA,EAAWhD,MAAA,CAAOiD,KAAA;QAClB1B,QAAA,EAAS;QACT2B,OAAA,EAAQ;QACRC,aAAA,EAAc;QACdC,QAAA,EAAS;QACTC,KAAA,EAAM;QACL,GAAI;UAAE,kBAAkB;QAAS;QACjC,GAAGpB,OAAA;QACH,GAAGM,QAAA;QACJe,UAAA,EAAY;UACV,GAAIf,QAAA,CAASe,UAAA;UACb,GAAGrB;QACL;QACC,IAAItC,gBAAA,GAAoBA,gBAAA,CAAiBa,GAAA,EAAKC,KAAA,EAAO,KAAK,IAAY,CAAC;QACvE,GAAI9C,cAAA,CAAe+C,OAAO;QAE1Bc,QAAA,GAAAnC,kBAAA,IACC,eAAAxB,GAAA,CAAChB,QAAA;UACC0G,OAAA,EAAS/C,GAAA,CAAI8B,aAAA,CAAc;UAC3BkB,QAAA,EAAWD,OAAA,IAAY;YACrB,IAAIjE,QAAA,EAAU;YACdkB,GAAA,CAAIiD,cAAA,CAAe,CAAC,CAACF,OAAO;UAC9B;UACAjE,QAAA;UACAoE,aAAA,EAAe;YACb,cACEhE,cAAA,GAAiBc,GAAA,EAAKC,KAAK,KAC3BjD,UAAA,CAAWqC,CAAA,CAAE,sBAAsB;cAAEW,GAAA,EAAKC,KAAA,GAAQ;YAAE,CAAC,GAAG;cACtDD,GAAA,EAAKC,KAAA,GAAQ;YACf,CAAC;UACL;UACAhB;QAAA,CACF,GAEF,eAAA3B,IAAA,CAACP,MAAA;UAAOoG,IAAA,EAAM;UAAGrC,QAAA,EAAU;UAAGuB,GAAA,EAAI;UAAKtB,QAAA,EAAS;UAC7CC,QAAA,GAAAX,SAAA,GACC,eAAAhD,GAAA,CAACR,IAAA;YAAKiE,QAAA,EAAU;YAAI,GAAI;cAAE,kBAAkB;YAAQ;YAClDE,QAAA,iBAAA3D,GAAA,CAACX,gBAAA,CAAiBuE,QAAA,EAAjB;cAA0B3C,KAAA,EAAO;gBAAE4C,WAAA,EAAa;gBAAMC,QAAA,EAAU;cAAM;cACpEH,QAAA,EAAAhC,iBAAA,CAAkBqB,SAAA,EAAWJ,KAAA,EAAOC,OAAO;YAAA,CAC9C;UAAA,CACF,IAEA,eAAA7C,GAAA,CAACR,IAAA;YAAKsG,IAAA,EAAM;UAAA,CAAG,GAEhB5C,KAAA,CAAMc,GAAA,CAAK1D,IAAA,IACV,eAAAN,GAAA,CAACR,IAAA;YAECiE,QAAA,EAAU;YACVsC,OAAA,EAAS;YACTrC,QAAA,EAAS;YACR,GAAI;cAAE,kBAAkB;YAAO;YAEhCC,QAAA,iBAAA3D,GAAA,CAACX,gBAAA,CAAiBuE,QAAA,EAAjB;cAA0B3C,KAAA,EAAO;gBAAE4C,WAAA,EAAa;gBAAMC,QAAA,EAAU;cAAM;cACpEH,QAAA,EAAAhC,iBAAA,CAAkBrB,IAAA,EAAMsC,KAAA,EAAOC,OAAO;YAAA,CACzC;UAAA,GARKvC,IAAA,CAAKM,EASZ,CACD,GACAgB,OAAA,IAAWsC,QAAA,CAAS7C,MAAA,GAAS,IAC5B,eAAArB,GAAA,CAACP,MAAA;YACCuF,GAAA,EAAI;YACJD,UAAA,EAAW;YACXQ,QAAA,EAAS;YACR,GAAI;cAAE,kBAAkB;YAAW;YAEnC5B,QAAA,EAAAO;UAAA,CACH,IACE;QAAA,CACN,GACC,CAACtC,OAAA,IAAWqB,UAAA,CAAW5B,MAAA,GAAS,IAC/B,eAAArB,GAAA,CAACP,MAAA;UAAO+D,UAAA,EAAY;UAAGwB,GAAA,EAAI;UAAKD,UAAA,EAAW;UAASQ,QAAA,EAAS;UAASS,QAAA,EAAS;UAC5ErC,QAAA,EAAAI;QAAA,CACH,IACE,MACH,CAACnC,OAAA,IAAWwB,OAAA,CAAQ/B,MAAA,GAAS,IAC5B,eAAArB,GAAA,CAACP,MAAA;UAAO+D,UAAA,EAAY;UAAGwB,GAAA,EAAI;UAAKD,UAAA,EAAW;UAASQ,QAAA,EAAS;UAC1D5B,QAAA,EAAAM;QAAA,CACH,IACE;MAAA,CACN;IAAA,GAtFS,GAAGtB,GAAA,CAAI/B,EAAE,IAAIgC,KAAK,EAuF7B;EAEJ,GACA,CACEhB,OAAA,EACAH,QAAA,EACAD,kBAAA,EACAM,gBAAA,EACAG,SAAA,CAAUoC,iBAAA,CAAkBC,YAAA,EAC5B3C,iBAAA,EACAY,MAAA,EACAV,cAAA,EACAG,CAAA,EACAT,SAAA,CAAUF,MAAA,EACVgB,YAAA,CAEJ;EAEA,OACE,eAAArC,GAAA,CAACR,IAAA;IACC8F,aAAA,EAAc;IACdD,OAAA,EAAQ;IACRP,MAAA,EAAO;IACN,GAAI;MAAE,oBAAoB;IAAO;IACjC,IAAIhD,gBAAA,GAAoB;MAAE,wBAAwB;IAAO,IAAY,CAAC;IAEtE6B,QAAA,EAAApC,SAAA,CAAUF,MAAA,KAAW,IACpBU,aAAA,GAAgB,OACd,eAAA/B,GAAA,CAACjB,UAAA;MACC6C,OAAA,EAAO;MACPqE,eAAA,EAAgB;MACf,GAAGhE,SAAA,CAAUqC,YAAA;MACd,aAAU;MACV4B,KAAA,EAAOxE,gBAAA,GAAmBM,CAAA,CAAE,kBAAkB,IAAIA,CAAA,CAAE,mBAAmB;IAAA,CACzE,IAGFT,SAAA,CAAUyC,GAAA,CAAI,CAACrB,GAAA,EAAUC,KAAA,KAAkBF,SAAA,CAAUC,GAAA,EAAKC,KAAK,CAAC;EAAA,CAEpE;AAEJ","ignoreList":[]}
|
|
@@ -54,6 +54,12 @@ function pickDocumentListTitleCell(visibleCells) {
|
|
|
54
54
|
});
|
|
55
55
|
return content !== null && content !== void 0 ? content : visibleCells[0];
|
|
56
56
|
}
|
|
57
|
+
function isEmptyMetaCell(cell) {
|
|
58
|
+
var _cell_column, _cell_getValue;
|
|
59
|
+
if (!((_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : _cell_column.accessorFn)) return false;
|
|
60
|
+
var value = (_cell_getValue = cell.getValue) === null || _cell_getValue === void 0 ? void 0 : _cell_getValue.call(cell);
|
|
61
|
+
return value == null || value === "" || Array.isArray(value) && value.length === 0;
|
|
62
|
+
}
|
|
57
63
|
function DataTableDocumentList(param) {
|
|
58
64
|
var {
|
|
59
65
|
tableRows,
|
|
@@ -86,9 +92,36 @@ function DataTableDocumentList(param) {
|
|
|
86
92
|
var titleCell = pickDocumentListTitleCell(visibleCells);
|
|
87
93
|
var {
|
|
88
94
|
indicators,
|
|
89
|
-
metas,
|
|
95
|
+
metas: metaCells,
|
|
90
96
|
actions
|
|
91
97
|
} = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
|
|
98
|
+
var metas = metaCells.filter(function (cell) {
|
|
99
|
+
return !isEmptyMetaCell(cell);
|
|
100
|
+
});
|
|
101
|
+
var slotCell = function slotCell2(cell, slot) {
|
|
102
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
103
|
+
flexShrink: 0,
|
|
104
|
+
minWidth: 0,
|
|
105
|
+
overflow: "hidden",
|
|
106
|
+
...{
|
|
107
|
+
"data-list-slot": slot
|
|
108
|
+
},
|
|
109
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
110
|
+
value: {
|
|
111
|
+
inTableCell: true,
|
|
112
|
+
isHeader: false
|
|
113
|
+
},
|
|
114
|
+
children: renderCellContent(cell, index, rowData)
|
|
115
|
+
})
|
|
116
|
+
}, cell.id);
|
|
117
|
+
};
|
|
118
|
+
var indicatorCells = indicators.map(function (cell) {
|
|
119
|
+
return slotCell(cell, "indicator");
|
|
120
|
+
});
|
|
121
|
+
var actionCells = actions.map(function (cell) {
|
|
122
|
+
return slotCell(cell, "actions");
|
|
123
|
+
});
|
|
124
|
+
var trailing = [...indicatorCells, ...actionCells];
|
|
92
125
|
var position = (0, import_theme.getGroupPosition)(index, tableRows.length);
|
|
93
126
|
var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadiusOuter.borderRadius);
|
|
94
127
|
var selected = Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row)));
|
|
@@ -103,7 +136,7 @@ function DataTableDocumentList(param) {
|
|
|
103
136
|
...import_theme.hairline.line
|
|
104
137
|
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
105
138
|
testID: "data-table-list-row",
|
|
106
|
-
alignItems: "center",
|
|
139
|
+
alignItems: compact ? "flex-start" : "center",
|
|
107
140
|
gap: "$3",
|
|
108
141
|
paddingHorizontal: rowPad,
|
|
109
142
|
paddingVertical: "$2",
|
|
@@ -174,48 +207,28 @@ function DataTableDocumentList(param) {
|
|
|
174
207
|
children: renderCellContent(cell, index, rowData)
|
|
175
208
|
})
|
|
176
209
|
}, cell.id);
|
|
177
|
-
})
|
|
178
|
-
|
|
210
|
+
}), compact && trailing.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
211
|
+
gap: "$2",
|
|
212
|
+
alignItems: "center",
|
|
213
|
+
flexWrap: "wrap",
|
|
214
|
+
...{
|
|
215
|
+
"data-list-slot": "trailing"
|
|
216
|
+
},
|
|
217
|
+
children: trailing
|
|
218
|
+
}) : null]
|
|
219
|
+
}), !compact && indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
179
220
|
flexShrink: 0,
|
|
180
221
|
gap: "$2",
|
|
181
222
|
alignItems: "center",
|
|
182
223
|
flexWrap: "nowrap",
|
|
183
224
|
maxWidth: "40%",
|
|
184
|
-
children:
|
|
185
|
-
|
|
186
|
-
flexShrink: 0,
|
|
187
|
-
...{
|
|
188
|
-
"data-list-slot": "indicator"
|
|
189
|
-
},
|
|
190
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
191
|
-
value: {
|
|
192
|
-
inTableCell: true,
|
|
193
|
-
isHeader: false
|
|
194
|
-
},
|
|
195
|
-
children: renderCellContent(cell, index, rowData)
|
|
196
|
-
})
|
|
197
|
-
}, cell.id);
|
|
198
|
-
})
|
|
199
|
-
}) : null, actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
225
|
+
children: indicatorCells
|
|
226
|
+
}) : null, !compact && actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
200
227
|
flexShrink: 0,
|
|
201
228
|
gap: "$1",
|
|
202
229
|
alignItems: "center",
|
|
203
230
|
flexWrap: "nowrap",
|
|
204
|
-
children:
|
|
205
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
206
|
-
flexShrink: 0,
|
|
207
|
-
...{
|
|
208
|
-
"data-list-slot": "actions"
|
|
209
|
-
},
|
|
210
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
|
|
211
|
-
value: {
|
|
212
|
-
inTableCell: true,
|
|
213
|
-
isHeader: false
|
|
214
|
-
},
|
|
215
|
-
children: renderCellContent(cell, index, rowData)
|
|
216
|
-
})
|
|
217
|
-
}, cell.id);
|
|
218
|
-
})
|
|
231
|
+
children: actionCells
|
|
219
232
|
}) : null]
|
|
220
233
|
})]
|
|
221
234
|
}, `${row.id}-${index}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableDocumentList_exports","DataTableDocumentList","pickDocumentListTitleCell","module","exports","import_jsx_runtime","require","import_components","import_forms","import_theme","import_table_primitives","import_react","import_react_i18next","import_tamagui","import_withInterp","import_documentListSlots","import_dataTableChrome","import_rowStateChrome","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","chrome","dataTableChrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","useCallback","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","partitionDocumentListCells","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableDocumentList_exports","DataTableDocumentList","pickDocumentListTitleCell","module","exports","import_jsx_runtime","require","import_components","import_forms","import_theme","import_table_primitives","import_react","import_react_i18next","import_tamagui","import_withInterp","import_documentListSlots","import_dataTableChrome","import_rowStateChrome","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","isEmptyMetaCell","_cell_column","_cell_getValue","accessorFn","getValue","Array","isArray","length","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","chrome","dataTableChrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","useCallback","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","metaCells","actions","partitionDocumentListCells","filter","slotCell","slotCell2","slot","jsx","View","flexShrink","minWidth","overflow","children","TableCellContext","Provider","inTableCell","isHeader","indicatorCells","map","actionCells","trailing","position","getGroupPosition","corners","stackRadiusProps","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","rowState","tableRowStateProps","zebraOn","pressable","jsxs","hairline","line","XStack","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","display","flexDirection","flexWrap","width","hoverStyle","rowIntentProps","Checkbox","checked","onChange","toggleSelected","checkboxProps","withInterp","YStack","flex","opacity"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@multiplatform.one/table",
|
|
3
|
-
"version": "7.34.
|
|
3
|
+
"version": "7.34.4",
|
|
4
4
|
"description": "Advanced table components with filtering, pagination, sorting, and URL state management",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cross-platform",
|
|
@@ -74,13 +74,13 @@
|
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@multiplatform.one/components": "7.34.
|
|
78
|
-
"@multiplatform.one/forms": "7.34.
|
|
79
|
-
"@multiplatform.one/platform": "7.34.
|
|
80
|
-
"@multiplatform.one/rich-text": "7.34.
|
|
81
|
-
"@multiplatform.one/router": "7.34.
|
|
82
|
-
"@multiplatform.one/table-primitives": "7.34.
|
|
83
|
-
"@multiplatform.one/theme": "7.34.
|
|
77
|
+
"@multiplatform.one/components": "^7.34.4",
|
|
78
|
+
"@multiplatform.one/forms": "^7.34.4",
|
|
79
|
+
"@multiplatform.one/platform": "^7.34.4",
|
|
80
|
+
"@multiplatform.one/rich-text": "^7.34.4",
|
|
81
|
+
"@multiplatform.one/router": "^7.34.4",
|
|
82
|
+
"@multiplatform.one/table-primitives": "^7.34.4",
|
|
83
|
+
"@multiplatform.one/theme": "^7.34.4",
|
|
84
84
|
"@phosphor-icons/react": "^2.1.10",
|
|
85
85
|
"@shopify/flash-list": "^2.3.1",
|
|
86
86
|
"@tamagui/roving-focus": "2.7.6",
|
|
@@ -90,10 +90,10 @@
|
|
|
90
90
|
"tamagui": "2.7.6"
|
|
91
91
|
},
|
|
92
92
|
"devDependencies": {
|
|
93
|
-
"@multiplatform.one/config": "7.34.
|
|
94
|
-
"@multiplatform.one/router": "7.34.
|
|
95
|
-
"@multiplatform.one/storybook": "7.34.
|
|
96
|
-
"@multiplatform.one/test-utils": "7.34.
|
|
93
|
+
"@multiplatform.one/config": "7.34.4",
|
|
94
|
+
"@multiplatform.one/router": "7.34.4",
|
|
95
|
+
"@multiplatform.one/storybook": "7.34.4",
|
|
96
|
+
"@multiplatform.one/test-utils": "7.34.4",
|
|
97
97
|
"@tamagui/build": "2.7.6",
|
|
98
98
|
"@testing-library/react": "^16.3.3",
|
|
99
99
|
"@types/react-dom": "^19.2.3",
|
|
@@ -57,6 +57,12 @@ export interface DataTableDocumentListProps<TData> {
|
|
|
57
57
|
queryInFlight?: boolean;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
+
function isEmptyMetaCell(cell: any): boolean {
|
|
61
|
+
if (!cell.column?.accessorFn) return false;
|
|
62
|
+
const value = cell.getValue?.();
|
|
63
|
+
return value == null || value === "" || (Array.isArray(value) && value.length === 0);
|
|
64
|
+
}
|
|
65
|
+
|
|
60
66
|
export function DataTableDocumentList<TData extends Record<string, any>>({
|
|
61
67
|
tableRows,
|
|
62
68
|
enableRowSelection = false,
|
|
@@ -79,7 +85,28 @@ export function DataTableDocumentList<TData extends Record<string, any>>({
|
|
|
79
85
|
const rowData = row.original as TData;
|
|
80
86
|
const visibleCells = row.getVisibleCells();
|
|
81
87
|
const titleCell = pickDocumentListTitleCell(visibleCells);
|
|
82
|
-
const {
|
|
88
|
+
const {
|
|
89
|
+
indicators,
|
|
90
|
+
metas: metaCells,
|
|
91
|
+
actions,
|
|
92
|
+
} = partitionDocumentListCells(visibleCells, titleCell);
|
|
93
|
+
const metas = metaCells.filter((cell: any) => !isEmptyMetaCell(cell));
|
|
94
|
+
const slotCell = (cell: any, slot: "indicator" | "actions") => (
|
|
95
|
+
<View
|
|
96
|
+
key={cell.id}
|
|
97
|
+
flexShrink={0}
|
|
98
|
+
minWidth={0}
|
|
99
|
+
overflow="hidden"
|
|
100
|
+
{...({ "data-list-slot": slot } as any)}
|
|
101
|
+
>
|
|
102
|
+
<TableCellContext.Provider value={{ inTableCell: true, isHeader: false }}>
|
|
103
|
+
{renderCellContent(cell, index, rowData)}
|
|
104
|
+
</TableCellContext.Provider>
|
|
105
|
+
</View>
|
|
106
|
+
);
|
|
107
|
+
const indicatorCells = indicators.map((cell: any) => slotCell(cell, "indicator"));
|
|
108
|
+
const actionCells = actions.map((cell: any) => slotCell(cell, "actions"));
|
|
109
|
+
const trailing = [...indicatorCells, ...actionCells];
|
|
83
110
|
const position = getGroupPosition(index, tableRows.length);
|
|
84
111
|
const corners = stackRadiusProps(position, knobProps.borderRadiusOuter.borderRadius);
|
|
85
112
|
const selected = Boolean(enableRowSelection && row.getIsSelected?.());
|
|
@@ -95,7 +122,7 @@ export function DataTableDocumentList<TData extends Record<string, any>>({
|
|
|
95
122
|
{index > 0 ? <View {...hairline.line} /> : null}
|
|
96
123
|
<XStack
|
|
97
124
|
testID="data-table-list-row"
|
|
98
|
-
alignItems="center"
|
|
125
|
+
alignItems={compact ? "flex-start" : "center"}
|
|
99
126
|
gap="$3"
|
|
100
127
|
paddingHorizontal={rowPad}
|
|
101
128
|
paddingVertical="$2"
|
|
@@ -156,31 +183,25 @@ export function DataTableDocumentList<TData extends Record<string, any>>({
|
|
|
156
183
|
</TableCellContext.Provider>
|
|
157
184
|
</View>
|
|
158
185
|
))}
|
|
186
|
+
{compact && trailing.length > 0 ? (
|
|
187
|
+
<XStack
|
|
188
|
+
gap="$2"
|
|
189
|
+
alignItems="center"
|
|
190
|
+
flexWrap="wrap"
|
|
191
|
+
{...({ "data-list-slot": "trailing" } as any)}
|
|
192
|
+
>
|
|
193
|
+
{trailing}
|
|
194
|
+
</XStack>
|
|
195
|
+
) : null}
|
|
159
196
|
</YStack>
|
|
160
|
-
{indicators.length > 0 ? (
|
|
197
|
+
{!compact && indicators.length > 0 ? (
|
|
161
198
|
<XStack flexShrink={0} gap="$2" alignItems="center" flexWrap="nowrap" maxWidth="40%">
|
|
162
|
-
{
|
|
163
|
-
<View
|
|
164
|
-
key={cell.id}
|
|
165
|
-
flexShrink={0}
|
|
166
|
-
{...({ "data-list-slot": "indicator" } as any)}
|
|
167
|
-
>
|
|
168
|
-
<TableCellContext.Provider value={{ inTableCell: true, isHeader: false }}>
|
|
169
|
-
{renderCellContent(cell, index, rowData)}
|
|
170
|
-
</TableCellContext.Provider>
|
|
171
|
-
</View>
|
|
172
|
-
))}
|
|
199
|
+
{indicatorCells}
|
|
173
200
|
</XStack>
|
|
174
201
|
) : null}
|
|
175
|
-
{actions.length > 0 ? (
|
|
202
|
+
{!compact && actions.length > 0 ? (
|
|
176
203
|
<XStack flexShrink={0} gap="$1" alignItems="center" flexWrap="nowrap">
|
|
177
|
-
{
|
|
178
|
-
<View key={cell.id} flexShrink={0} {...({ "data-list-slot": "actions" } as any)}>
|
|
179
|
-
<TableCellContext.Provider value={{ inTableCell: true, isHeader: false }}>
|
|
180
|
-
{renderCellContent(cell, index, rowData)}
|
|
181
|
-
</TableCellContext.Provider>
|
|
182
|
-
</View>
|
|
183
|
-
))}
|
|
204
|
+
{actionCells}
|
|
184
205
|
</XStack>
|
|
185
206
|
) : null}
|
|
186
207
|
</XStack>
|
|
@@ -52,6 +52,42 @@ describe("DataTableDocumentList", () => {
|
|
|
52
52
|
);
|
|
53
53
|
});
|
|
54
54
|
|
|
55
|
+
it("stacks compact indicators and activity under the subject instead of beside it", () => {
|
|
56
|
+
const { container } = renderList({
|
|
57
|
+
compact: true,
|
|
58
|
+
enableRowSelection: true,
|
|
59
|
+
columns: [
|
|
60
|
+
...columns,
|
|
61
|
+
{ id: "priority", accessorKey: "status", meta: { role: "indicator" } },
|
|
62
|
+
{ id: "_activity", accessorKey: "owner" },
|
|
63
|
+
],
|
|
64
|
+
});
|
|
65
|
+
const row = container.querySelector('[data-testid="data-table-list-row"]')!;
|
|
66
|
+
const subject = row.querySelector('[data-list-slot="title"]')!.parentElement!;
|
|
67
|
+
expect(getComputedStyle(row).flexWrap).toBe("nowrap");
|
|
68
|
+
expect(getComputedStyle(subject).flexGrow).toBe("1");
|
|
69
|
+
expect(getComputedStyle(subject).minWidth).toBe("0px");
|
|
70
|
+
const trailing = subject.querySelector('[data-list-slot="trailing"]')!;
|
|
71
|
+
expect(trailing).not.toBeNull();
|
|
72
|
+
expect(getComputedStyle(trailing).flexWrap).toBe("wrap");
|
|
73
|
+
for (const slot of ["indicator", "actions"]) {
|
|
74
|
+
const cell = row.querySelector(`[data-list-slot="${slot}"]`)!;
|
|
75
|
+
expect(trailing.contains(cell)).toBe(true);
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
it("leaves out a meta line whose field is empty", () => {
|
|
80
|
+
const { container } = renderWithProviders(
|
|
81
|
+
<DataTable
|
|
82
|
+
data={[{ ...tasks[0], owner: "" }, tasks[1]]}
|
|
83
|
+
columns={columns}
|
|
84
|
+
layout="list"
|
|
85
|
+
onStateChange={vi.fn()}
|
|
86
|
+
/>,
|
|
87
|
+
);
|
|
88
|
+
expect(slots(container, "meta")).toEqual(["Grace"]);
|
|
89
|
+
});
|
|
90
|
+
|
|
55
91
|
it("splits a row into title, muted meta and a trailing indicator", () => {
|
|
56
92
|
const { container } = renderList();
|
|
57
93
|
expect(slots(container, "title")[0]).toBe("Ship the card layout");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableDocumentList.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableDocumentList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,iFAAiF;AACjF,wBAAgB,yBAAyB,CACvC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,EACxE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,SAAS,CAY1C;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjG,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;
|
|
1
|
+
{"version":3,"file":"DataTableDocumentList.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableDocumentList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,iFAAiF;AACjF,wBAAgB,yBAAyB,CACvC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,EACxE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,SAAS,CAY1C;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjG,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACvE,SAAS,EACT,kBAA0B,EAC1B,QAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,OAAe,EACf,cAAc,EACd,gBAAgB,EAChB,aAAqB,GACtB,EAAE,0BAA0B,CAAC,KAAK,CAAC,2CA6KnC"}
|