@aivenio/aquarium 2.6.0 → 2.8.0

package/dist/system.mjs

@@ -9713,6 +9713,7 @@ var GridItem = Tailwindify(
   (_a) => {
     var _b = _a, {
       htmlTag = "div",
+      ariaLabel,
       className,
       style,
       children,
@@ -9727,6 +9728,7 @@ var GridItem = Tailwindify(
       rowEnd
     } = _b, props = __objRest(_b, [
       "htmlTag",
+      "ariaLabel",
       "className",
       "style",
       "children",
@@ -9757,7 +9759,8 @@ var GridItem = Tailwindify(
     const HtmlElement = htmlTag;
     return /* @__PURE__ */ React44.createElement(HtmlElement, {
       style: __spreadValues(__spreadValues({}, hookStyle), style),
-      className
+      className,
+      "aria-label": ariaLabel ? ariaLabel : void 0
     }, children);
   }
 );
@@ -9767,6 +9770,7 @@ var Grid = (props) => {
 var GridComponent = Tailwindify(
   ({
     htmlTag = "div",
+    ariaLabel,
     className,
     style,
     children,
@@ -9818,7 +9822,8 @@ var GridComponent = Tailwindify(
     const HtmlElement = htmlTag;
     return /* @__PURE__ */ React44.createElement(HtmlElement, {
       style: __spreadValues(__spreadValues({}, hookStyle), style),
-      className
+      className,
+      "aria-label": ariaLabel ? ariaLabel : void 0
     }, children);
   }
 );
@@ -10157,6 +10162,7 @@ import React54, { useEffect as useEffect6, useRef as useRef6, useState as useSta
 import { ariaHideOutside } from "@react-aria/overlays";
 import { useId as useId6 } from "@react-aria/utils";
 import { useCombobox } from "downshift";
+import { isNil } from "lodash";
 import omit4 from "lodash/omit";
 import { matchSorter } from "match-sorter";
 
@@ -10287,6 +10293,7 @@ var ComboboxBase = (_a) => {
     createOption,
     renderOption = (opt) => itemToString(opt),
     isOptionDisabled = isOptionDisabledBuiltin,
+    getValue = defaultGetValue,
     getOptionKey,
     defaultValue,
     value,
@@ -10309,6 +10316,7 @@ var ComboboxBase = (_a) => {
     "createOption",
     "renderOption",
     "isOptionDisabled",
+    "getValue",
     "getOptionKey",
     "defaultValue",
     "value",
@@ -10345,10 +10353,11 @@ var ComboboxBase = (_a) => {
     }
   };
   const findItemByValue = (val) => {
-    if (val === null) {
-      return null;
+    var _a3;
+    if (isNil(val)) {
+      return val;
     }
-    return val === void 0 ? void 0 : inputItems.find((opt) => defaultGetValue(opt) === defaultGetValue(val));
+    return (_a3 = allOptions.find((opt) => getValue(opt) === getValue(val))) != null ? _a3 : null;
   };
   const {
     isOpen,
@@ -10409,8 +10418,8 @@ var ComboboxBase = (_a) => {
     var _a3;
     return /* @__PURE__ */ React54.createElement(Select.Item, __spreadValues({
       key: (_a3 = getOptionKey == null ? void 0 : getOptionKey(item)) != null ? _a3 : itemToString(item),
-      selected: item === selectedItem,
-      highlighted: index === highlightedIndex || item === selectedItem
+      selected: selectedItem ? getValue(item) === getValue(selectedItem) : false,
+      highlighted: index === highlightedIndex || (selectedItem ? getValue(item) === getValue(selectedItem) : false)
     }, getItemProps({ item, index })), renderOption(item));
   };
   useEffect6(() => {
@@ -10750,7 +10759,7 @@ import { useId as useId8 } from "@react-aria/utils";
 import { useSelect } from "downshift";
 import { without } from "lodash";
 import defaults from "lodash/defaults";
-import isNil from "lodash/isNil";
+import isNil2 from "lodash/isNil";
 import omit6 from "lodash/omit";
 var hasIconProperty = (val) => {
   var _a;
@@ -10885,7 +10894,7 @@ var _SelectBase = (props) => {
     disabled,
     readOnly: true,
     placeholder: readOnly ? void 0 : placeholder,
-    value: !isNil(selectedItem) ? itemToString(selectedItem) : "",
+    value: !isNil2(selectedItem) ? itemToString(selectedItem) : "",
     tabIndex: -1,
     onFocus: () => setFocus(true),
     onBlur: () => setFocus(false)
@@ -15087,7 +15096,7 @@ import { ariaHideOutside as ariaHideOutside2 } from "@react-aria/overlays";
 import { useId as useId14 } from "@react-aria/utils";
 import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
 import isEqual from "lodash/isEqual";
-import isNil2 from "lodash/isNil";
+import isNil3 from "lodash/isNil";
 import omit16 from "lodash/omit";
 import omitBy from "lodash/omitBy";
 import { matchSorter as matchSorter2 } from "match-sorter";
@@ -15153,7 +15162,7 @@ var MultiSelectBase = (_a) => {
         defaultSelectedItems: defaultValue,
         onSelectedItemsChange: (e) => onChange == null ? void 0 : onChange(e.selectedItems)
       },
-      isNil2
+      isNil3
     )
   );
   const keys = typeof options[0] === "string" ? void 0 : optionKeys;