blixify-ui-web 1.2.107 → 1.2.109
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newTable/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -249,7 +249,7 @@ var handleGetListColour = function (col, value) {
|
|
|
249
249
|
return column.listSelectionColour[index] || undefined;
|
|
250
250
|
};
|
|
251
251
|
var NewTable = function (props) {
|
|
252
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
252
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
253
253
|
var columns = (_b = (_a = props.columns) !== null && _a !== void 0 ? _a : props.header) !== null && _b !== void 0 ? _b : [];
|
|
254
254
|
var defaultLimit = 10;
|
|
255
255
|
// INFO: flatten groupData columns so both mobile and desktop share the same
|
|
@@ -297,30 +297,30 @@ var NewTable = function (props) {
|
|
|
297
297
|
flatColumns.length = 0;
|
|
298
298
|
flatColumns.push.apply(flatColumns, __spreadArray(__spreadArray(__spreadArray([], leftCols, false), middleCols, false), rightCols, false));
|
|
299
299
|
}
|
|
300
|
-
var
|
|
300
|
+
var _z = (0, react_2.useState)(props.fixedPagination ? true : false), isFixed = _z[0], setIsFixed = _z[1];
|
|
301
301
|
//=====================================================================================
|
|
302
302
|
// SECTION: Advanced Settings
|
|
303
303
|
//=====================================================================================
|
|
304
|
-
var
|
|
305
|
-
var
|
|
306
|
-
var
|
|
307
|
-
var
|
|
308
|
-
var
|
|
309
|
-
var
|
|
310
|
-
var
|
|
311
|
-
var
|
|
312
|
-
var
|
|
304
|
+
var _0 = (0, react_2.useState)(""), filterModal = _0[0], setFilterModal = _0[1];
|
|
305
|
+
var _1 = (0, react_2.useState)(""), addColumnModal = _1[0], setAddColumnModal = _1[1];
|
|
306
|
+
var _2 = (0, react_2.useState)(""), newColumnName = _2[0], setNewColumnName = _2[1];
|
|
307
|
+
var _3 = (0, react_2.useState)("string"), newColumnType = _3[0], setNewColumnType = _3[1];
|
|
308
|
+
var _4 = (0, react_2.useState)(""), newColumnRefSpace = _4[0], setNewColumnRefSpace = _4[1];
|
|
309
|
+
var _5 = (0, react_2.useState)(""), newColumnRefLabel = _5[0], setNewColumnRefLabel = _5[1];
|
|
310
|
+
var _6 = (0, react_2.useState)(""), newColumnOptions = _6[0], setNewColumnOptions = _6[1];
|
|
311
|
+
var _7 = (0, react_2.useState)(false), newColumnRequired = _7[0], setNewColumnRequired = _7[1];
|
|
312
|
+
var _8 = (0, react_2.useState)(false), addingColumn = _8[0], setAddingColumn = _8[1];
|
|
313
313
|
//=====================================================================================
|
|
314
314
|
// SECTION: Editable & Addable cells
|
|
315
315
|
//=====================================================================================
|
|
316
|
-
var
|
|
317
|
-
var
|
|
316
|
+
var _9 = (0, react_2.useState)(""), editDataRowId = _9[0], setEditDataRowId = _9[1];
|
|
317
|
+
var _10 = (0, react_2.useState)(""), editDataHeaderKey = _10[0], setEditDataHeaderKey = _10[1];
|
|
318
318
|
// INFO: an editable table used to mount an input in every cell — it read as a
|
|
319
319
|
// form, and a row click always landed on a child input. Only the hovered cell
|
|
320
320
|
// becomes its input now.
|
|
321
|
-
var
|
|
322
|
-
var
|
|
323
|
-
var
|
|
321
|
+
var _11 = (0, react_2.useState)(null), hoveredCell = _11[0], setHoveredCell = _11[1];
|
|
322
|
+
var _12 = (0, react_2.useState)(false), modalEditVisible = _12[0], setModalEditVisible = _12[1];
|
|
323
|
+
var _13 = (0, react_2.useState)([]), collapsedGroupIds = _13[0], setCollapsedGroupIds = _13[1];
|
|
324
324
|
// INFO: sheet-style row selection — Shift-click extends from the last
|
|
325
325
|
// clicked row, a mouse-down-and-drag down the checkbox column paints a
|
|
326
326
|
// range. The drag applies the start row itself, so the click that lands on
|
|
@@ -328,22 +328,23 @@ var NewTable = function (props) {
|
|
|
328
328
|
var lastSelectedRowRef = (0, react_2.useRef)(null);
|
|
329
329
|
var dragSelectRef = (0, react_2.useRef)(null);
|
|
330
330
|
var suppressNextClickRef = (0, react_2.useRef)(false);
|
|
331
|
-
var
|
|
332
|
-
var
|
|
333
|
-
var
|
|
334
|
-
var
|
|
335
|
-
var
|
|
336
|
-
var
|
|
337
|
-
var
|
|
331
|
+
var _14 = (0, react_2.useState)(false), isDragSelecting = _14[0], setIsDragSelecting = _14[1];
|
|
332
|
+
var _15 = (0, react_2.useState)(0), copiedCount = _15[0], setCopiedCount = _15[1];
|
|
333
|
+
var _16 = (0, react_2.useState)({}), editDataValue = _16[0], setEditDataValue = _16[1];
|
|
334
|
+
var _17 = (0, react_2.useState)(false), editDataIsLoading = _17[0], setEditDataIsLoading = _17[1];
|
|
335
|
+
var _18 = (0, react_2.useState)(false), addData = _18[0], setAddData = _18[1];
|
|
336
|
+
var _19 = (0, react_2.useState)({}), addDataValue = _19[0], setAddDataValue = _19[1];
|
|
337
|
+
var _20 = (0, react_2.useState)({}), referencesOptions = _20[0], setReferencesOptions = _20[1];
|
|
338
338
|
// INFO: seeded options sit under the local map so a cell's own search
|
|
339
339
|
// results still win per key
|
|
340
340
|
var mergedReferencesOptions = __assign(__assign({}, ((_g = props.referencesOptions) !== null && _g !== void 0 ? _g : {})), referencesOptions);
|
|
341
|
-
var
|
|
342
|
-
var
|
|
341
|
+
var _21 = (0, react_2.useState)({}), referencesDetails = _21[0], setReferencesDetails = _21[1];
|
|
342
|
+
var _22 = (0, react_2.useState)(false), referenceLoading = _22[0], setReferenceLoading = _22[1];
|
|
343
343
|
// INFO: measured pixel widths for pinned columns without an explicit width.
|
|
344
|
-
var
|
|
344
|
+
var _23 = (0, react_2.useState)({}), measuredPinWidths = _23[0], setMeasuredPinWidths = _23[1];
|
|
345
345
|
var editDataValueRef = (0, react_2.useRef)({});
|
|
346
346
|
var editDataRowIdRef = (0, react_2.useRef)("");
|
|
347
|
+
var editDataHeaderKeyRef = (0, react_2.useRef)("");
|
|
347
348
|
var editDataInputRefs = (0, react_2.useRef)([]);
|
|
348
349
|
var addDataValueRef = (0, react_2.useRef)({});
|
|
349
350
|
var addDataInputRefs = (0, react_2.useRef)([]);
|
|
@@ -401,6 +402,24 @@ var NewTable = function (props) {
|
|
|
401
402
|
? "text-gray-300"
|
|
402
403
|
: "text-gray-500";
|
|
403
404
|
var errorFontColor = props.darkMode ? "text-red-300" : "text-red-500";
|
|
405
|
+
// INFO: an edit commits on blur, but navigating away unmounts the table
|
|
406
|
+
// without one — the cell was left dirty on screen and the value never sent.
|
|
407
|
+
var onUpdateDataRef = (0, react_2.useRef)((_j = props.editable) === null || _j === void 0 ? void 0 : _j.onUpdateData);
|
|
408
|
+
onUpdateDataRef.current = (_k = props.editable) === null || _k === void 0 ? void 0 : _k.onUpdateData;
|
|
409
|
+
(0, react_2.useEffect)(function () {
|
|
410
|
+
return function () {
|
|
411
|
+
var _a, _b;
|
|
412
|
+
var rowId = editDataRowIdRef.current;
|
|
413
|
+
var columnId = editDataHeaderKeyRef.current;
|
|
414
|
+
if (!rowId || !columnId || !onUpdateDataRef.current)
|
|
415
|
+
return;
|
|
416
|
+
var pending = (_a = editDataValueRef.current) === null || _a === void 0 ? void 0 : _a[columnId];
|
|
417
|
+
if (JSON.stringify(pending) ===
|
|
418
|
+
JSON.stringify((_b = originalDataRef.current) === null || _b === void 0 ? void 0 : _b[columnId]))
|
|
419
|
+
return;
|
|
420
|
+
Promise.resolve(onUpdateDataRef.current(rowId, columnId, editDataValueRef.current)).catch(function () { });
|
|
421
|
+
};
|
|
422
|
+
}, []);
|
|
404
423
|
// INFO: when selection is active, cancel any open add row and clear edit state —
|
|
405
424
|
// selecting rows and editing/adding simultaneously would be confusing UX.
|
|
406
425
|
(0, react_2.useEffect)(function () {
|
|
@@ -416,6 +435,7 @@ var NewTable = function (props) {
|
|
|
416
435
|
editDataValueRef.current = {};
|
|
417
436
|
setEditDataRowId("");
|
|
418
437
|
setEditDataValue({});
|
|
438
|
+
editDataHeaderKeyRef.current = "";
|
|
419
439
|
setEditDataHeaderKey("");
|
|
420
440
|
}, [props.selectedIds, props.selectAll]);
|
|
421
441
|
(0, react_2.useEffect)(function () {
|
|
@@ -607,6 +627,7 @@ var NewTable = function (props) {
|
|
|
607
627
|
editDataValueRef.current = normalised;
|
|
608
628
|
setEditDataRowId(rowId);
|
|
609
629
|
setEditDataValue(normalised);
|
|
630
|
+
editDataHeaderKeyRef.current = headerKey;
|
|
610
631
|
setEditDataHeaderKey(headerKey);
|
|
611
632
|
setModalEditVisible(true);
|
|
612
633
|
handleCreateFormInputRefs("edit");
|
|
@@ -617,6 +638,7 @@ var NewTable = function (props) {
|
|
|
617
638
|
editDataValueRef.current = {};
|
|
618
639
|
setEditDataRowId("");
|
|
619
640
|
setEditDataValue({});
|
|
641
|
+
editDataHeaderKeyRef.current = "";
|
|
620
642
|
setEditDataHeaderKey("");
|
|
621
643
|
};
|
|
622
644
|
var handleModalEditSave = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -675,6 +697,7 @@ var NewTable = function (props) {
|
|
|
675
697
|
setEditDataValue(rowData);
|
|
676
698
|
handleCreateFormInputRefs("edit");
|
|
677
699
|
}
|
|
700
|
+
editDataHeaderKeyRef.current = headerKey;
|
|
678
701
|
setEditDataHeaderKey(headerKey);
|
|
679
702
|
};
|
|
680
703
|
var handleEditDataOnBlur = function (columnId, updateData) { return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -707,6 +730,7 @@ var NewTable = function (props) {
|
|
|
707
730
|
editDataValueRef.current = {};
|
|
708
731
|
setEditDataRowId("");
|
|
709
732
|
setEditDataValue({});
|
|
733
|
+
editDataHeaderKeyRef.current = "";
|
|
710
734
|
setEditDataHeaderKey("");
|
|
711
735
|
}
|
|
712
736
|
return [2 /*return*/];
|
|
@@ -717,7 +741,7 @@ var NewTable = function (props) {
|
|
|
717
741
|
// resize is a per-viewer preference and there is no storage for it yet.
|
|
718
742
|
// Tailwind cannot emit a runtime w-[Npx], so this drives an inline style and
|
|
719
743
|
// wins over the col.width class.
|
|
720
|
-
var
|
|
744
|
+
var _24 = (0, react_2.useState)({}), columnWidths = _24[0], setColumnWidths = _24[1];
|
|
721
745
|
var resizeRef = (0, react_2.useRef)(null);
|
|
722
746
|
// INFO: a consumer may deliberately set a column narrower than the default
|
|
723
747
|
// floor (a 40px icon column, say) — never force it wider than it was asked to
|
|
@@ -1290,7 +1314,7 @@ var NewTable = function (props) {
|
|
|
1290
1314
|
// min-w-full assumes one input per cell — a composite control has two,
|
|
1291
1315
|
// each of which then demanded the full width. Inside one, the fields
|
|
1292
1316
|
// size to the row instead.
|
|
1293
|
-
className: "w-full p-[1px] [&>*]:w-full [&_input]:w-0 [&_input]:min-w-full [&_textarea]:w-0 [&_textarea]:min-w-full [&_input]:h-[
|
|
1317
|
+
className: "w-full p-[1px] [&>*]:w-full [&_input]:w-0 [&_input]:min-w-full [&_textarea]:w-0 [&_textarea]:min-w-full [&_input]:h-[32px] [&_textarea]:min-h-[32px] [&_[data-composite-input]_input]:min-w-0 [&_[data-composite-input]_.PhoneInputInput]:w-14", onClick: function (e) {
|
|
1294
1318
|
e.stopPropagation();
|
|
1295
1319
|
handleEditDataOnClick(rowId, col.key, rowData);
|
|
1296
1320
|
} }, renderFormCell(rowData, tempDS, editingRow ? editDataInputRefs.current[colIndex] : null, {
|
|
@@ -1422,7 +1446,7 @@ var NewTable = function (props) {
|
|
|
1422
1446
|
};
|
|
1423
1447
|
// INFO: true when maxSelectedCount is set and the current selection has reached the limit
|
|
1424
1448
|
var isMaxReached = !!props.maxSelectedCount &&
|
|
1425
|
-
((
|
|
1449
|
+
((_m = (_l = props.selectedIds) === null || _l === void 0 ? void 0 : _l.length) !== null && _m !== void 0 ? _m : 0) >= props.maxSelectedCount;
|
|
1426
1450
|
// INFO: one desktop row. groupAccent carries the group's colour so member
|
|
1427
1451
|
// rows show the band's colour as a bar down their left edge.
|
|
1428
1452
|
var renderDesktopRow = function (row, index, groupAccent) {
|
|
@@ -1459,7 +1483,14 @@ var NewTable = function (props) {
|
|
|
1459
1483
|
: ""))),
|
|
1460
1484
|
flatColumns.map(function (col, colIndex) {
|
|
1461
1485
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
1462
|
-
|
|
1486
|
+
// INFO: a coloured list cell is this table's to render, so it takes
|
|
1487
|
+
// the raw value even when a display row is supplied. The list view
|
|
1488
|
+
// builds those rows and puts a Tag in for a coloured value — an
|
|
1489
|
+
// element, which the guard below then excludes from inline edit, so
|
|
1490
|
+
// the column came out as a pill that could not be edited in place.
|
|
1491
|
+
// Only the cell is redirected: the display rows still carry the Tag
|
|
1492
|
+
// for the read view, the kanban and the grid.
|
|
1493
|
+
var cellValue = spaceRow && !handleColumnShowsTags(col)
|
|
1463
1494
|
? spaceRow[col.key]
|
|
1464
1495
|
: resolveValue(row, col.key);
|
|
1465
1496
|
// INFO: first col with type "string" is never made editable
|
|
@@ -1798,11 +1829,11 @@ var NewTable = function (props) {
|
|
|
1798
1829
|
var isIdLike_1 = function (c) {
|
|
1799
1830
|
return /^id$/i.test(c.key) || /^_id$/i.test(c.key);
|
|
1800
1831
|
};
|
|
1801
|
-
var titleCol_1 = (
|
|
1832
|
+
var titleCol_1 = (_o = flatColumns.find(function (c) { return !isIdLike_1(c); })) !== null && _o !== void 0 ? _o : flatColumns[0];
|
|
1802
1833
|
var expandHeaderBg_1 = props.darkMode ? "bg-gray-700" : "bg-gray-100";
|
|
1803
1834
|
var expandHeaderFontColor_1 = props.darkMode ? "text-white" : "";
|
|
1804
1835
|
var headerBgColor_1 = props.darkMode
|
|
1805
|
-
? ((
|
|
1836
|
+
? ((_p = props.darkModeBg) !== null && _p !== void 0 ? _p : "bg-gray-900")
|
|
1806
1837
|
: "";
|
|
1807
1838
|
var headerFontColor_1 = props.darkMode ? "text-white" : "";
|
|
1808
1839
|
// INFO: renders tag + trailing text adjacent to the Collapse title
|
|
@@ -1897,16 +1928,16 @@ var NewTable = function (props) {
|
|
|
1897
1928
|
})))));
|
|
1898
1929
|
};
|
|
1899
1930
|
return (react_2.default.createElement("div", null,
|
|
1900
|
-
react_2.default.createElement("div", { className: "w-full ".concat(((
|
|
1931
|
+
react_2.default.createElement("div", { className: "w-full ".concat(((_q = props.mobileTooltip) === null || _q === void 0 ? void 0 : _q.tooltip) ? "overflow-visible" : "overflow-hidden", " ").concat(isFlat
|
|
1901
1932
|
? ""
|
|
1902
|
-
: "border ".concat(borderRadius, " ").concat(borderColor, " ").concat(bgColor, " shadow-sm"), " divide-y ").concat(dividerColor, " ").concat((
|
|
1933
|
+
: "border ".concat(borderRadius, " ").concat(borderColor, " ").concat(bgColor, " shadow-sm"), " divide-y ").concat(dividerColor, " ").concat((_r = props.className) !== null && _r !== void 0 ? _r : "") },
|
|
1903
1934
|
react_2.default.createElement("div", { className: "p-3 flex justify-between" },
|
|
1904
1935
|
renderSelectAll(),
|
|
1905
1936
|
renderSelectedCount()),
|
|
1906
1937
|
props.loading &&
|
|
1907
1938
|
Array.from({ length: 3 }).map(function (_, i) { return (react_2.default.createElement("div", { key: "skeleton-".concat(i), className: "p-4" },
|
|
1908
1939
|
react_2.default.createElement("div", { className: "h-5 w-3/4 rounded-md animate-pulse ".concat(props.darkMode ? "bg-gray-700" : "bg-gray-200") }))); }),
|
|
1909
|
-
!props.loading && props.data.length === 0 && (react_2.default.createElement("p", { className: "p-4 text-center text-sm ".concat(cellFontColor) }, (
|
|
1940
|
+
!props.loading && props.data.length === 0 && (react_2.default.createElement("p", { className: "p-4 text-center text-sm ".concat(cellFontColor) }, (_s = props.emptyTitle) !== null && _s !== void 0 ? _s : "No items")),
|
|
1910
1941
|
!props.loading &&
|
|
1911
1942
|
props.data.map(function (row, index) {
|
|
1912
1943
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -1960,13 +1991,13 @@ var NewTable = function (props) {
|
|
|
1960
1991
|
: "") }),
|
|
1961
1992
|
renderFloatingActionBar()));
|
|
1962
1993
|
}
|
|
1963
|
-
return (react_2.default.createElement("div", { className: "w-full ".concat((
|
|
1994
|
+
return (react_2.default.createElement("div", { className: "w-full ".concat((_t = props.className) !== null && _t !== void 0 ? _t : "") },
|
|
1964
1995
|
react_2.default.createElement(modal_1.Modal, { open: filterModal ? true : false, title: "Filter Options", renderContent: function () {
|
|
1965
1996
|
var _a, _b;
|
|
1966
1997
|
return (react_2.default.createElement("div", { className: "pb-44" },
|
|
1967
1998
|
react_2.default.createElement("div", { className: "pb-48" }, (_b = (_a = props.advSettings) === null || _a === void 0 ? void 0 : _a.renderFilterElements) === null || _b === void 0 ? void 0 : _b.call(_a, filterModal))));
|
|
1968
1999
|
}, onClose: function () { return setFilterModal(""); } }),
|
|
1969
|
-
react_2.default.createElement(modal_1.Modal, { open: modalEditVisible, title: (
|
|
2000
|
+
react_2.default.createElement(modal_1.Modal, { open: modalEditVisible, title: (_v = (_u = flatColumns.find(function (eachCol) { return eachCol.key === editDataHeaderKey; })) === null || _u === void 0 ? void 0 : _u.title) !== null && _v !== void 0 ? _v : "Edit", onClose: handleModalEditClose, renderContent: function () {
|
|
1970
2001
|
var _a, _b, _c, _d;
|
|
1971
2002
|
var selectedCol = flatColumns.find(function (eachCol) { return eachCol.key === editDataHeaderKey; });
|
|
1972
2003
|
if (!selectedCol)
|
|
@@ -2006,7 +2037,7 @@ var NewTable = function (props) {
|
|
|
2006
2037
|
react_2.default.createElement(scrollShadow_1.ScrollShadow, { className: "w-full overflow-x-auto ".concat(isFlat
|
|
2007
2038
|
? ""
|
|
2008
2039
|
: "".concat(borderRadius, " border ").concat(borderColor, " ").concat(bgColor, " shadow-sm")), darkMode: props.darkMode },
|
|
2009
|
-
(props.selectAll || ((
|
|
2040
|
+
(props.selectAll || ((_x = (_w = props.selectedIds) === null || _w === void 0 ? void 0 : _w.length) !== null && _x !== void 0 ? _x : 0) > 0) &&
|
|
2010
2041
|
(!props.multiActionFloatingBtns ||
|
|
2011
2042
|
(props.multiActionFloatingBtns &&
|
|
2012
2043
|
props.multiActionFloatingBtns.length <= 0)) && (react_2.default.createElement("div", { className: "sticky left-0 flex flex-row items-center px-4 py-3 gap-x-2" },
|
|
@@ -2026,7 +2057,7 @@ var NewTable = function (props) {
|
|
|
2026
2057
|
react_2.default.createElement("div", { className: "h-5 rounded-md animate-pulse ".concat(props.darkMode ? "bg-gray-700" : "bg-gray-200") }))); }))); }),
|
|
2027
2058
|
!props.loading && renderDesktopRows(),
|
|
2028
2059
|
!props.loading && addData && renderAddDataRow())),
|
|
2029
|
-
!props.loading && props.data.length === 0 && (react_2.default.createElement("div", { className: "p-4 text-sm ".concat(cellFontColor, " text-center sticky left-0") }, (
|
|
2060
|
+
!props.loading && props.data.length === 0 && (react_2.default.createElement("div", { className: "p-4 text-sm ".concat(cellFontColor, " text-center sticky left-0") }, (_y = props.emptyTitle) !== null && _y !== void 0 ? _y : "No items")),
|
|
2030
2061
|
renderAddableSection()),
|
|
2031
2062
|
react_2.default.createElement(newPagination_1.NewPagination, { paginationType: props.paginationType, pageIndex: props.pageIndex, limit: props.limit, size: props.size, cursor: props.cursor, resultCount: props.data.length, customPaginationSize: props.customPaginationSize, hidePagination: props.hidePagination, darkMode: props.darkMode, darkModeBg: props.darkModeBg, handleUpdatePageIndex: props.handleUpdatePageIndex, className: "".concat(props.fixedPagination
|
|
2032
2063
|
? "pagination-container w-full ".concat(borderColor, " ").concat(isFixed ? "fixed bottom-0 left-0 z-10" : "sticky top-0 left-0")
|