@aivenio/aquarium 1.63.0 → 1.65.0

package/dist/system.mjs

@@ -10674,6 +10674,14 @@ var SortCell = (_a) => {
     className: getSortCellIconClassNames(direction === "descending")
   }))));
 };
+var EmptyGroup = ({ icon, children }) => /* @__PURE__ */ React63.createElement("div", {
+  className: tw("flex gap-3 items-center")
+}, icon && /* @__PURE__ */ React63.createElement(Icon, {
+  icon,
+  width: 22
+}), children);
+DataList.EmptyGroup = EmptyGroup;
+DataList.EmptyGroup.displayName = "DataList.EmptyGroup";
 DataList.HeadCell = HeadCell;
 DataList.HeadCell.displayName = "DataList.HeadCell";
 DataList.SortCell = SortCell;
@@ -11271,6 +11279,7 @@ var useDataListContext = () => {
 // src/molecules/DataList/DataListGroup.tsx
 import React68 from "react";
 import isFunction2 from "lodash/isFunction";
+var import_infoSign3 = __toESM(require_infoSign());
 
 // src/molecules/DataList/utils.ts
 var flattenRows = (rows) => areRowsGrouped(rows) ? Object.values(rows).flatMap(flattenRows) : rows;
@@ -11281,12 +11290,18 @@ var INDENTATION = 28;
 var sortGroupKeys = (groupKeys) => [...groupKeys].sort((a) => a === "undefined" ? -1 : 1);
 var getDefaultRowCheckboxLabel = () => "Select row";
 var getDefaultGroupCheckboxLabel = (key) => `Select ${key}`;
+var renderDefaultGroupName = (key) => /* @__PURE__ */ React68.createElement(React68.Fragment, null, "Group: ", /* @__PURE__ */ React68.createElement("b", null, key));
+var renderDefaultEmptyGroup = () => /* @__PURE__ */ React68.createElement(DataList.EmptyGroup, {
+  icon: import_infoSign3.default
+}, "This group is empty");
 var DataListGroup = (_a) => {
   var _b = _a, {
     groups,
+    groupKey,
     level = 0
   } = _b, props = __objRest(_b, [
     "groups",
+    "groupKey",
     "level"
   ]);
   const {
@@ -11294,6 +11309,8 @@ var DataListGroup = (_a) => {
     disabled,
     expandedGroupIds,
     getGroupRow,
+    renderGroupName = renderDefaultGroupName,
+    renderEmptyGroup = renderDefaultEmptyGroup,
     menu,
     menuAriaLabel,
     onAction,
@@ -11309,6 +11326,14 @@ var DataListGroup = (_a) => {
   const groupKeys = groups ? Object.keys(groups) : void 0;
   const hasCustomRowForGroup = isFunction2(getGroupRow);
   if (!areRowsGrouped(groups)) {
+    if (groups.length === 0 && groupKey !== void 0 && renderEmptyGroup) {
+      return /* @__PURE__ */ React68.createElement(DataList.Row, null, selectable && /* @__PURE__ */ React68.createElement(DataList.Cell, null), /* @__PURE__ */ React68.createElement(DataList.Cell, {
+        style: { paddingLeft: `${2 + GAP + level * INDENTATION}px`, gridColumn: `${selectable ? 2 : 1} / -1` }
+      }, /* @__PURE__ */ React68.createElement(Typography, {
+        variant: "small",
+        color: "muted"
+      }, renderEmptyGroup(groupKey))));
+    }
     return /* @__PURE__ */ React68.createElement(List, {
       items: groups,
       renderItem: (row, index) => {
@@ -11362,6 +11387,7 @@ var DataListGroup = (_a) => {
       if (key === "undefined" || key === void 0) {
         return /* @__PURE__ */ React68.createElement(DataListGroup, __spreadProps(__spreadValues({
           key: "undefined",
+          groupKey: "undefined",
           level
         }, props), {
           groups: group
@@ -11381,6 +11407,7 @@ var DataListGroup = (_a) => {
         "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows),
         checked: isChecked,
         indeterminate: isChecked && !allSelected,
+        disabled: group.length === 0,
         onChange: onSelectionChange(nestedRowIds)
       })), /* @__PURE__ */ React68.createElement(List, {
         items: columns,
@@ -11409,6 +11436,7 @@ var DataListGroup = (_a) => {
         "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows),
         checked: isChecked,
         indeterminate: isChecked && !allSelected,
+        disabled: group.length === 0,
         onChange: onSelectionChange(nestedRowIds)
       })), /* @__PURE__ */ React68.createElement(DataList.Cell, {
         className: tw("gap-3"),
@@ -11416,11 +11444,13 @@ var DataListGroup = (_a) => {
       }, /* @__PURE__ */ React68.createElement(Accordion.Toggle, {
         panelId: key,
         onChange: onGroupToggled
-      }), "Group: ", /* @__PURE__ */ React68.createElement("b", null, key))), /* @__PURE__ */ React68.createElement(DataList.Row, {
+      }), renderGroupName(key, group))), /* @__PURE__ */ React68.createElement(DataList.Row, {
         subgroup: true
       }, /* @__PURE__ */ React68.createElement(Accordion.UnanimatedPanel, {
         panelId: key
       }, /* @__PURE__ */ React68.createElement(DataListGroup, __spreadProps(__spreadValues({
+        key,
+        groupKey: key,
         level: level + 1
       }, props), {
         groups: group
@@ -11506,6 +11536,8 @@ var DataList2 = (_a) => {
     group,
     disabled,
     getGroupRow,
+    renderGroupName,
+    renderEmptyGroup,
     onGroupToggled,
     expandedGroupIds,
     defaultSort,
@@ -11532,6 +11564,8 @@ var DataList2 = (_a) => {
     "group",
     "disabled",
     "getGroupRow",
+    "renderGroupName",
+    "renderEmptyGroup",
     "onGroupToggled",
     "expandedGroupIds",
     "defaultSort",
@@ -11648,6 +11682,8 @@ var DataList2 = (_a) => {
     columns,
     disabled,
     getGroupRow,
+    renderGroupName,
+    renderEmptyGroup,
     expandedGroupIds,
     menu,
     menuAriaLabel,
@@ -11661,6 +11697,7 @@ var DataList2 = (_a) => {
     getGroupCheckboxLabel,
     rows,
     groups,
+    groupKey: void 0,
     level: 0
   }), !groups && /* @__PURE__ */ React71.createElement(List, __spreadProps(__spreadValues({}, rest), {
     paginationContainer: PaginationFooter,