blixify-ui-web 1.2.165 → 1.2.167

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -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,mFAqycvB,CAAC"}
+{"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"}

package/lib/components/data/dataTemplate/index.js

@@ -1363,6 +1363,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             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 }));
         });
     };
+    // INFO: the columns a list can be grouped by — the app's own list, else
+    // every column the reference picker offers
+    var handleGetGroupByOptions = function () {
+        var _a, _b, _c, _d, _e, _f;
+        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 : [];
+    };
     // INFO: notify — only a user's choice is handed back; a list opening on a
     // view or syncing the host's own groupBy tells the host nothing new
     var handleChangeGroupBy = function (value, notify) {
@@ -6953,7 +6959,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             : getActiveUserHiddenColumnIds().includes(column.id);
     };
     var renderViewSettingsContent = function () {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         var viewColumns = getViewSettingsColumns();
         var hiddenCount = viewColumns.filter(getIsColumnHidden).length;
         var visibleCount = viewColumns.length - hiddenCount;
@@ -7027,6 +7033,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     type: value,
                                 });
                             } })))),
+            ((_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) },
+                react_1.default.createElement("p", { className: "text-sm font-medium ".concat(labelColor) }, "Group"),
+                react_1.default.createElement("div", { className: "mt-1" },
+                    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) {
+                            return handleChangeGroupBy(value !== null && value !== void 0 ? value : "", true);
+                        } })))),
             react_1.default.createElement("div", { className: "mt-3 border-t pt-3 ".concat(dividerColor) },
                 react_1.default.createElement("p", { className: "text-sm font-medium ".concat(labelColor) }, "Rows per page"),
                 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) {
                         props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
                 }
                 var renderListFilterElements = function () {
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+                    var _a, _b, _c, _d, _e, _f, _g, _h;
                     // INFO: When bareListFilterAsPopup is true, filters are shown in a popup instead.
                     if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListFilterAsPopup)
                         return null;
@@ -8120,7 +8132,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     var filterElementList = [];
                     if (!((_f = props.organise) === null || _f === void 0 ? void 0 : _f.filterComponentNewRow)) {
                         if ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.showGroupByFeature) {
-                            filterElementList.push(react_1.default.createElement(select_1.Select, { portalDropdown: true, label: "Group", options: (_o = (_k = (_j = (_h = props === null || props === void 0 ? void 0 : props.organise) === null || _h === void 0 ? void 0 : _h.renderGroupByOptions) === null || _j === void 0 ? void 0 : _j.call(_h)) !== null && _k !== void 0 ? _k : (_m = (_l = props === null || props === void 0 ? void 0 : props.organise) === null || _l === void 0 ? void 0 : _l.renderReferenceLabelOptions) === null || _m === void 0 ? void 0 : _m.call(_l, props.collectionId, true)) !== null && _o !== void 0 ? _o : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return handleChangeGroupBy(value !== null && value !== void 0 ? value : "", true); } }));
+                            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); } }));
                         }
                         if (filterComponent_1 &&
                             Array.isArray(filterComponent_1) &&
@@ -8267,7 +8279,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         return null;
                 };
                 var renderListNewRowFilterElements = function () {
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                    var _a, _b, _c, _d, _e;
                     var filterElementList = [];
                     // INFO: bareCompactMode + bareListFilterAsPopup both tuck filters
                     // behind the popup, so skip the new-row render path too.
@@ -8279,7 +8291,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     if ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.filterComponentNewRow) {
                         if (props.organise.showGroupByFeature) {
-                            filterElementList.push(react_1.default.createElement(select_1.Select, { portalDropdown: true, label: "Group", options: (_k = (_g = (_f = (_e = props === null || props === void 0 ? void 0 : props.organise) === null || _e === void 0 ? void 0 : _e.renderGroupByOptions) === null || _f === void 0 ? void 0 : _f.call(_e)) !== null && _g !== void 0 ? _g : (_j = (_h = props === null || props === void 0 ? void 0 : props.organise) === null || _h === void 0 ? void 0 : _h.renderReferenceLabelOptions) === null || _j === void 0 ? void 0 : _j.call(_h, props.collectionId, true)) !== null && _k !== void 0 ? _k : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return handleChangeGroupBy(value !== null && value !== void 0 ? value : "", true); } }));
+                            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); } }));
                         }
                         if (filterComponent_1 &&
                             Array.isArray(filterComponent_1) &&