blixify-ui-web 1.2.165 → 1.2.166
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/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AAgGf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAyH1B,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AAgGf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAyH1B,eAAO,MAAM,YAAY,mFAszcvB,CAAC"}
|
|
@@ -1363,6 +1363,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
1363
1363
|
return (__assign(__assign({}, eachColumn), { hide: (_b = (_a = state.hiddenColumnIds) === null || _a === void 0 ? void 0 : _a.includes(eachColumn.id)) !== null && _b !== void 0 ? _b : false }));
|
|
1364
1364
|
});
|
|
1365
1365
|
};
|
|
1366
|
+
// INFO: the columns a list can be grouped by — the app's own list, else
|
|
1367
|
+
// every column the reference picker offers
|
|
1368
|
+
var handleGetGroupByOptions = function () {
|
|
1369
|
+
var _a, _b, _c, _d, _e, _f;
|
|
1370
|
+
return (_f = (_c = (_b = (_a = props === null || props === void 0 ? void 0 : props.organise) === null || _a === void 0 ? void 0 : _a.renderGroupByOptions) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : (_e = (_d = props === null || props === void 0 ? void 0 : props.organise) === null || _d === void 0 ? void 0 : _d.renderReferenceLabelOptions) === null || _e === void 0 ? void 0 : _e.call(_d, props.collectionId, true)) !== null && _f !== void 0 ? _f : [];
|
|
1371
|
+
};
|
|
1366
1372
|
// INFO: notify — only a user's choice is handed back; a list opening on a
|
|
1367
1373
|
// view or syncing the host's own groupBy tells the host nothing new
|
|
1368
1374
|
var handleChangeGroupBy = function (value, notify) {
|
|
@@ -6953,7 +6959,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6953
6959
|
: getActiveUserHiddenColumnIds().includes(column.id);
|
|
6954
6960
|
};
|
|
6955
6961
|
var renderViewSettingsContent = function () {
|
|
6956
|
-
var _a, _b, _c, _d, _e;
|
|
6962
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
6957
6963
|
var viewColumns = getViewSettingsColumns();
|
|
6958
6964
|
var hiddenCount = viewColumns.filter(getIsColumnHidden).length;
|
|
6959
6965
|
var visibleCount = viewColumns.length - hiddenCount;
|
|
@@ -7027,6 +7033,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7027
7033
|
type: value,
|
|
7028
7034
|
});
|
|
7029
7035
|
} })))),
|
|
7036
|
+
((_f = props.organise) === null || _f === void 0 ? void 0 : _f.showGroupByFeature) && (react_1.default.createElement("div", { className: "mt-3 border-t pt-3 ".concat(dividerColor) },
|
|
7037
|
+
react_1.default.createElement("p", { className: "text-sm font-medium ".concat(labelColor) }, "Group"),
|
|
7038
|
+
react_1.default.createElement("div", { className: "mt-1" },
|
|
7039
|
+
react_1.default.createElement(select_1.Select, { id: "dtw-view-group-by", portalDropdown: true, label: "", placeholder: "Column", value: groupId !== null && groupId !== void 0 ? groupId : "", darkMode: (_g = props.organise) === null || _g === void 0 ? void 0 : _g.darkMode, options: handleGetGroupByOptions(), onChange: function (value) {
|
|
7040
|
+
return handleChangeGroupBy(value !== null && value !== void 0 ? value : "", true);
|
|
7041
|
+
} })))),
|
|
7030
7042
|
react_1.default.createElement("div", { className: "mt-3 border-t pt-3 ".concat(dividerColor) },
|
|
7031
7043
|
react_1.default.createElement("p", { className: "text-sm font-medium ".concat(labelColor) }, "Rows per page"),
|
|
7032
7044
|
react_1.default.createElement("div", { className: "mt-2 flex flex-row flex-wrap gap-2" }, PAGE_LIMIT_OPTIONS.map(function (eachOption) { return (react_1.default.createElement("button", { key: eachOption, type: "button", "data-testid": "dtw-page-limit-".concat(eachOption), className: "rounded-md border px-3 py-1 text-sm ".concat(pageLimit === eachOption
|
|
@@ -8094,7 +8106,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
8094
8106
|
props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
|
|
8095
8107
|
}
|
|
8096
8108
|
var renderListFilterElements = function () {
|
|
8097
|
-
var _a, _b, _c, _d, _e, _f, _g, _h
|
|
8109
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
8098
8110
|
// INFO: When bareListFilterAsPopup is true, filters are shown in a popup instead.
|
|
8099
8111
|
if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListFilterAsPopup)
|
|
8100
8112
|
return null;
|
|
@@ -8120,7 +8132,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
8120
8132
|
var filterElementList = [];
|
|
8121
8133
|
if (!((_f = props.organise) === null || _f === void 0 ? void 0 : _f.filterComponentNewRow)) {
|
|
8122
8134
|
if ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.showGroupByFeature) {
|
|
8123
|
-
filterElementList.push(react_1.default.createElement(select_1.Select, { portalDropdown: true, label: "Group",
|
|
8135
|
+
filterElementList.push(react_1.default.createElement(select_1.Select, { portalDropdown: true, label: "Group", darkMode: (_h = props.organise) === null || _h === void 0 ? void 0 : _h.darkMode, options: handleGetGroupByOptions(), value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return handleChangeGroupBy(value !== null && value !== void 0 ? value : "", true); } }));
|
|
8124
8136
|
}
|
|
8125
8137
|
if (filterComponent_1 &&
|
|
8126
8138
|
Array.isArray(filterComponent_1) &&
|
|
@@ -8267,7 +8279,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
8267
8279
|
return null;
|
|
8268
8280
|
};
|
|
8269
8281
|
var renderListNewRowFilterElements = function () {
|
|
8270
|
-
var _a, _b, _c, _d, _e
|
|
8282
|
+
var _a, _b, _c, _d, _e;
|
|
8271
8283
|
var filterElementList = [];
|
|
8272
8284
|
// INFO: bareCompactMode + bareListFilterAsPopup both tuck filters
|
|
8273
8285
|
// behind the popup, so skip the new-row render path too.
|
|
@@ -8279,7 +8291,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
8279
8291
|
}
|
|
8280
8292
|
if ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.filterComponentNewRow) {
|
|
8281
8293
|
if (props.organise.showGroupByFeature) {
|
|
8282
|
-
filterElementList.push(react_1.default.createElement(select_1.Select, { portalDropdown: true, label: "Group",
|
|
8294
|
+
filterElementList.push(react_1.default.createElement(select_1.Select, { portalDropdown: true, label: "Group", darkMode: (_e = props.organise) === null || _e === void 0 ? void 0 : _e.darkMode, options: handleGetGroupByOptions(), value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return handleChangeGroupBy(value !== null && value !== void 0 ? value : "", true); } }));
|
|
8283
8295
|
}
|
|
8284
8296
|
if (filterComponent_1 &&
|
|
8285
8297
|
Array.isArray(filterComponent_1) &&
|