@aivenio/aquarium 1.39.0 → 1.40.0

package/dist/system.mjs

@@ -6943,15 +6943,11 @@ Avatar.Skeleton.displayName = "Avatar.Skeleton";
 
 // src/molecules/Badge/Badge.tsx
 import React21 from "react";
-import omit2 from "lodash/omit";
-var isChipBadgeProps = (props) => "dense" in props;
 var createBadge = (type, displayName) => {
   const Component = (props) => {
-    var _b;
-    const _a = props, { kind = "filled", value, textClassname } = _a, rest = __objRest(_a, ["kind", "value", "textClassname"]);
+    const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
     const valueStr = value.toString();
-    const dense = isChipBadgeProps(props) ? (_b = props.dense) != null ? _b : false : false;
-    return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, omit2(rest, "dense")), {
+    return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, rest), {
       className: classNames(
         tw("inline-block text-center", {
           "rounded-full": type === "default" || type === "chip",
@@ -6998,15 +6994,25 @@ var NotificationBadge = ({
     className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
   }));
 };
+var DotBadge = ({ dense = false }) => {
+  return /* @__PURE__ */ React21.createElement("span", {
+    className: tw("rounded-full bg-current", {
+      "w-[6px] h-[6px]": dense,
+      "w-[9px] h-[9px]": !dense
+    })
+  });
+};
 var Badge = createBadge("default", "Badge");
 Badge.Notification = NotificationBadge;
 Badge.Notification.displayName = "Badge.Notification";
+Badge.Dot = DotBadge;
+Badge.Dot.displayName = "Badge.Dot";
 var TabBadge = createBadge("tab", "TabBadge");
 var ChipBadge = createBadge("chip", "ChipBadge");
 
 // src/molecules/Banner/Banner.tsx
 import React23 from "react";
-import omit3 from "lodash/omit";
+import omit2 from "lodash/omit";
 
 // src/atoms/Banner/Banner.tsx
 import React22 from "react";
@@ -7119,10 +7125,10 @@ var createBanner = (displayName, opts = {}) => {
       layout
     }, !isLink(action) && /* @__PURE__ */ React23.createElement(Button.Ghost, __spreadValues({
       dense: true
-    }, omit3(action, "text")), action.text), isLink(action) && /* @__PURE__ */ React23.createElement(Button.ExternalLink, __spreadValues({
+    }, omit2(action, "text")), action.text), isLink(action) && /* @__PURE__ */ React23.createElement(Button.ExternalLink, __spreadValues({
       dense: true,
       kind: "ghost"
-    }, omit3(action, "text")), action.text))), (props.layout === "vertical" || props.layout === void 0) && props.image !== void 0 && /* @__PURE__ */ React23.createElement(Banner.ImageContainer, null, props.image ? /* @__PURE__ */ React23.createElement("img", {
+    }, omit2(action, "text")), action.text))), (props.layout === "vertical" || props.layout === void 0) && props.image !== void 0 && /* @__PURE__ */ React23.createElement(Banner.ImageContainer, null, props.image ? /* @__PURE__ */ React23.createElement("img", {
       src: props.image,
       alt: props.imageAlt,
       className: tw("bg-cover object-cover", { "w-full": !props.imageWidth }),
@@ -7203,7 +7209,7 @@ Breadcrumbs.Crumb = Crumb;
 // src/molecules/Card/Card.tsx
 import React31, { useRef as useRef3 } from "react";
 import { useButton as useButton2 } from "@react-aria/button";
-import omit5 from "lodash/omit";
+import omit4 from "lodash/omit";
 
 // src/molecules/Chip/Chip.tsx
 import React26 from "react";
@@ -7302,7 +7308,8 @@ Chip2.Skeleton = ChipSkeleton;
 Chip2.Skeleton.displayName = "Chip.Skeleton";
 var StatusChip = React26.forwardRef(
   (_a, ref) => {
-    var _b = _a, { UNSAFE_icon: icon, text, dense = false, status } = _b, rest = __objRest(_b, ["UNSAFE_icon", "text", "dense", "status"]);
+    var _b = _a, { icon: chipIcon, UNSAFE_icon, text, dense = false, status, badge } = _b, rest = __objRest(_b, ["icon", "UNSAFE_icon", "text", "dense", "status", "badge"]);
+    const icon = chipIcon || UNSAFE_icon;
     return /* @__PURE__ */ React26.createElement(Chip.Container, __spreadProps(__spreadValues({
       ref,
       role: "status",
@@ -7310,9 +7317,14 @@ var StatusChip = React26.forwardRef(
       dense
     }, rest), {
       className: getStatusClassNames(status)
+    }), badge === true && /* @__PURE__ */ React26.createElement(Badge.Dot, {
+      dense
     }), icon && /* @__PURE__ */ React26.createElement(InlineIcon, {
       icon
-    }), text);
+    }), text, badge && typeof badge === "number" && /* @__PURE__ */ React26.createElement(Badge, {
+      dense,
+      value: badge
+    }));
   }
 );
 var ChipContainer = ({ dense, children }) => /* @__PURE__ */ React26.createElement("div", {
@@ -7526,7 +7538,7 @@ var LineClamp = React29.forwardRef(
 // src/molecules/Card/Compact.tsx
 import React30, { useRef as useRef2 } from "react";
 import { useButton } from "@react-aria/button";
-import { omit as omit4 } from "lodash";
+import { omit as omit3 } from "lodash";
 var CompactCard = ({
   title,
   clampTitle,
@@ -7576,10 +7588,10 @@ var CompactCard = ({
     dense: true
   }, action && /* @__PURE__ */ React30.createElement(Button.Secondary, __spreadValues({
     dense: true
-  }, omit4(action, "text")), action.text), link && /* @__PURE__ */ React30.createElement(Button.ExternalLink, __spreadValues({
+  }, omit3(action, "text")), action.text), link && /* @__PURE__ */ React30.createElement(Button.ExternalLink, __spreadValues({
     dense: true,
     kind: "ghost"
-  }, omit4(link, "text")), link.text)));
+  }, omit3(link, "text")), link.text)));
 };
 var CompactSkeleton = ({
   chips = true,
@@ -7671,10 +7683,10 @@ var Card2 = ({
     color: "grey-70"
   }, children || description)), (action || link) && /* @__PURE__ */ React31.createElement(Card.Actions, null, action && /* @__PURE__ */ React31.createElement(Button.Secondary, __spreadValues({
     dense: true
-  }, omit5(action, "text")), action.text), link && /* @__PURE__ */ React31.createElement(Button.ExternalLink, __spreadValues({
+  }, omit4(action, "text")), action.text), link && /* @__PURE__ */ React31.createElement(Button.ExternalLink, __spreadValues({
     dense: true,
     kind: "ghost"
-  }, omit5(link, "text")), link.text)));
+  }, omit4(link, "text")), link.text)));
 };
 var CardSkeleton = ({
   chips = true,
@@ -8449,7 +8461,7 @@ var ChoiceChip = (_a) => {
 import React46, { useEffect as useEffect6, useRef as useRef5, useState as useState5 } from "react";
 import { ariaHideOutside } from "@react-aria/overlays";
 import { useCombobox } from "downshift";
-import omit6 from "lodash/omit";
+import omit5 from "lodash/omit";
 import uniqueId2 from "lodash/uniqueId";
 import { matchSorter } from "match-sorter";
 
@@ -8718,7 +8730,7 @@ var Combobox = (_a) => {
   const errorMessageId = uniqueId2();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
-  const baseProps = omit6(props, Object.keys(labelControlProps));
+  const baseProps = omit5(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ React46.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: `${id.current}-input`,
@@ -8771,7 +8783,7 @@ import { useTreeState } from "@react-stately/tree";
 
 // src/molecules/Input/Input.tsx
 import React49, { forwardRef, useImperativeHandle, useRef as useRef6, useState as useState6 } from "react";
-import omit7 from "lodash/omit";
+import omit6 from "lodash/omit";
 import toString from "lodash/toString";
 import uniqueId3 from "lodash/uniqueId";
 
@@ -8885,7 +8897,7 @@ var Input2 = React49.forwardRef((_a, ref) => {
   const errorMessageId = uniqueId3();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
-  const baseProps = omit7(props, Object.keys(labelControlProps));
+  const baseProps = omit6(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ React49.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: id.current,
@@ -9004,12 +9016,13 @@ var filterCollection = (collection, inputValue, filter) => {
 var filterNodes = (nodes, inputValue, filter) => {
   const filteredNode = [];
   for (const node of nodes) {
+    const description = Object.hasOwn(node.props, "description") && typeof node.props.description === "string" ? node.props.description : void 0;
     if (node.type === "section" && node.hasChildNodes) {
       const filtered = filterNodes(node.childNodes, inputValue, filter);
       if ([...filtered].length > 0) {
         filteredNode.push(__spreadProps(__spreadValues({}, node), { childNodes: filtered }));
       }
-    } else if (node.type !== "section" && filter(node.textValue, inputValue)) {
+    } else if (node.type !== "section" && (filter(node.textValue, inputValue) || description && filter(description, inputValue))) {
       filteredNode.push(__spreadValues({}, node));
     }
   }
@@ -9123,7 +9136,7 @@ var MenuWrapper = (_a) => {
   const [search, setSearch] = React51.useState("");
   const filteredCollection = React51.useMemo(
     () => searchable ? filterCollection(state.collection, search, contains) : state.collection,
-    [state.collection, search, contains]
+    [searchable, state.collection, search, contains]
   );
   return /* @__PURE__ */ React51.createElement(DropdownMenu, {
     minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
@@ -9227,7 +9240,7 @@ import { useSelect } from "downshift";
 import defaults from "lodash/defaults";
 import isArray from "lodash/isArray";
 import isNil from "lodash/isNil";
-import omit8 from "lodash/omit";
+import omit7 from "lodash/omit";
 import uniqueId4 from "lodash/uniqueId";
 var hasIconProperty = (val) => {
   var _a;
@@ -9425,7 +9438,7 @@ var Select2 = (_a) => {
   const errorMessageId = uniqueId4();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelProps = getLabelControlProps(props);
-  const baseProps = omit8(props, Object.keys(labelProps));
+  const baseProps = omit7(props, Object.keys(labelProps));
   const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
   const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
   const label = /* @__PURE__ */ React52.createElement(Label, __spreadValues({
@@ -10195,7 +10208,7 @@ import { useDialog } from "@react-aria/dialog";
 import { Overlay as Overlay2, useModalOverlay } from "@react-aria/overlays";
 import { useId } from "@react-aria/utils";
 import { useOverlayTriggerState as useOverlayTriggerState2 } from "@react-stately/overlays";
-import omit9 from "lodash/omit";
+import omit8 from "lodash/omit";
 
 // src/atoms/Dialog/Dialog.tsx
 var import_confirm2 = __toESM(require_confirm());
@@ -10366,9 +10379,9 @@ var DialogWrapper = ({
     id: describedBy
   }, /* @__PURE__ */ React66.createElement(Typography2.Default, null, children)), /* @__PURE__ */ React66.createElement(Modal.Footer, null, /* @__PURE__ */ React66.createElement(Modal.Actions, null, secondaryAction && /* @__PURE__ */ React66.createElement(Button.Ghost, __spreadValues({
     key: secondaryAction.text
-  }, omit9(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React66.createElement(Button.Secondary, __spreadValues({
+  }, omit8(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React66.createElement(Button.Secondary, __spreadValues({
     key: primaryAction.text
-  }, omit9(primaryAction, "text")), primaryAction.text))));
+  }, omit8(primaryAction, "text")), primaryAction.text))));
 };
 
 // src/molecules/Divider/Divider.tsx
@@ -10643,15 +10656,15 @@ import React72 from "react";
 
 // src/utils/actions.tsx
 import React71 from "react";
-import omit10 from "lodash/omit";
+import omit9 from "lodash/omit";
 var renderAction = (kind = "primary", action) => {
   return isLink(action) ? /* @__PURE__ */ React71.createElement(Button.ExternalLink, __spreadValues({
     key: action.text,
     kind
-  }, omit10(action, "text")), action.text) : /* @__PURE__ */ React71.createElement(Button, __spreadValues({
+  }, omit9(action, "text")), action.text) : /* @__PURE__ */ React71.createElement(Button, __spreadValues({
     key: action.text,
     kind
-  }, omit10(action, "text")), action.text);
+  }, omit9(action, "text")), action.text);
 };
 
 // src/molecules/EmptyState/EmptyState.tsx
@@ -10897,7 +10910,7 @@ import { Overlay as Overlay3, useModalOverlay as useModalOverlay2 } from "@react
 import { useId as useId2 } from "@react-aria/utils";
 import { useOverlayTriggerState as useOverlayTriggerState4 } from "@react-stately/overlays";
 import castArray from "lodash/castArray";
-import omit11 from "lodash/omit";
+import omit10 from "lodash/omit";
 
 // src/molecules/Tabs/Tabs.tsx
 import React79, { useEffect as useEffect8, useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState9 } from "react";
@@ -11255,7 +11268,7 @@ var ModalWrapper = React80.forwardRef(
       }, action), text);
     }), primaryAction && /* @__PURE__ */ React80.createElement(Button.Primary, __spreadValues({
       key: primaryAction.text
-    }, omit11(primaryAction, "text")), primaryAction.text))));
+    }, omit10(primaryAction, "text")), primaryAction.text))));
   }
 );
 var ModalTabs = createTabsComponent(
@@ -11273,7 +11286,7 @@ var ModalTabs = createTabsComponent(
 import React82, { useEffect as useEffect9, useRef as useRef10, useState as useState10 } from "react";
 import castArray2 from "lodash/castArray";
 import identity from "lodash/identity";
-import omit12 from "lodash/omit";
+import omit11 from "lodash/omit";
 import uniqueId5 from "lodash/uniqueId";
 
 // src/molecules/MultiInput/InputChip.tsx
@@ -11505,7 +11518,7 @@ var MultiInput = (props) => {
   const errorMessageId = uniqueId5();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
-  const baseProps = omit12(props, Object.keys(labelControlProps));
+  const baseProps = omit11(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ React82.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: `${id.current}-input`,
@@ -11536,7 +11549,7 @@ import { ariaHideOutside as ariaHideOutside2 } from "@react-aria/overlays";
 import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
 import isEqual from "lodash/isEqual";
 import isNil2 from "lodash/isNil";
-import omit13 from "lodash/omit";
+import omit12 from "lodash/omit";
 import omitBy from "lodash/omitBy";
 import uniqueId6 from "lodash/uniqueId";
 import { matchSorter as matchSorter2 } from "match-sorter";
@@ -11764,7 +11777,7 @@ var MultiSelect = (_a) => {
   const errorMessageId = uniqueId6();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
-  const baseProps = omit13(props, Object.keys(labelControlProps));
+  const baseProps = omit12(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ React83.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: `${id.current}-input`,
@@ -11785,7 +11798,7 @@ MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
 
 // src/molecules/NativeSelect/NativeSelect.tsx
 import React84, { useRef as useRef12 } from "react";
-import omit14 from "lodash/omit";
+import omit13 from "lodash/omit";
 import uniqueId7 from "lodash/uniqueId";
 var import_caretDown2 = __toESM(require_caretDown());
 var NativeSelectBase = React84.forwardRef(
@@ -11850,7 +11863,7 @@ var NativeSelect = React84.forwardRef(
     const errorMessageId = uniqueId7();
     const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
     const _b2 = getLabelControlProps(props), { "data-testid": dataTestId } = _b2, labelControlProps = __objRest(_b2, ["data-testid"]);
-    const baseProps = omit14(props, Object.keys(labelControlProps));
+    const baseProps = omit13(props, Object.keys(labelControlProps));
     return /* @__PURE__ */ React84.createElement(LabelControl, __spreadProps(__spreadValues({
       id: `${id.current}-label`,
       htmlFor: id.current,
@@ -12094,7 +12107,7 @@ PageHeader2.SubHeader.displayName = "PageHeader.SubHeader";
 
 // src/molecules/PopoverDialog/PopoverDialog.tsx
 import React90 from "react";
-import omit15 from "lodash/omit";
+import omit14 from "lodash/omit";
 
 // src/atoms/PopoverDialog/PopoverDialog.tsx
 import React89 from "react";
@@ -12149,11 +12162,11 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
         kind: "secondary-ghost",
         key: secondaryAction.text,
         dense: true
-      }, omit15(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React90.createElement(Popover2.Button, __spreadValues({
+      }, omit14(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React90.createElement(Popover2.Button, __spreadValues({
         kind: "ghost",
         key: primaryAction.text,
         dense: true
-      }, omit15(primaryAction, "text")), primaryAction.text))));
+      }, omit14(primaryAction, "text")), primaryAction.text))));
     }
     return child;
   };
@@ -12972,7 +12985,7 @@ SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
 
 // src/molecules/Textarea/Textarea.tsx
 import React105, { useRef as useRef13, useState as useState13 } from "react";
-import omit16 from "lodash/omit";
+import omit15 from "lodash/omit";
 import toString2 from "lodash/toString";
 import uniqueId10 from "lodash/uniqueId";
 var TextareaBase = React105.forwardRef(
@@ -12996,7 +13009,7 @@ var Textarea = React105.forwardRef((props, ref) => {
   const errorMessageId = uniqueId10();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
-  const baseProps = omit16(props, Object.keys(labelControlProps));
+  const baseProps = omit15(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ React105.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: id.current,