@aivenio/aquarium 1.48.1 → 1.48.2

package/dist/system.mjs

@@ -4894,15 +4894,14 @@ var Group = React2.forwardRef((_a, ref) => {
 });
 var Item = React2.forwardRef(
   (_a, ref) => {
-    var _b = _a, { highlighted, selected, className, disabled, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "disabled", "children"]);
+    var _b = _a, { highlighted, selected, className, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "children"]);
     return /* @__PURE__ */ React2.createElement("li", __spreadValues({
       ref,
       className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
-        "cursor-pointer hover:bg-grey-0": !disabled,
-        "cursor-not-allowed opacity-40 grayscale": disabled,
+        "cursor-pointer hover:bg-grey-0": !props["aria-disabled"],
+        "cursor-not-allowed opacity-40 grayscale": props["aria-disabled"],
         "bg-grey-0": highlighted
-      }),
-      "aria-disabled": disabled || void 0
+      })
     }, props), /* @__PURE__ */ React2.createElement("span", {
       className: tw("grow flex gap-x-3")
     }, children), selected && /* @__PURE__ */ React2.createElement(InlineIcon, {
@@ -9034,6 +9033,7 @@ var ComboboxBase = (_a) => {
     id,
     selectedItem: value,
     defaultSelectedItem: defaultValue,
+    isItemDisabled: (item, index) => isOptionDisabled(item, index),
     itemToString,
     items: inputItems,
     stateReducer: (_, actionChanges) => {
@@ -9076,8 +9076,6 @@ var ComboboxBase = (_a) => {
     ref: targetRef,
     variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
   }, /* @__PURE__ */ React47.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
-    id,
-    ref: inputRef,
     name,
     placeholder: readOnly ? void 0 : placeholder
   }, inputProps), props), {
@@ -9110,13 +9108,12 @@ var ComboboxBase = (_a) => {
     isNonModal: true,
     style: { width: (_a2 = targetRef.current) == null ? void 0 : _a2.offsetWidth }
   }, /* @__PURE__ */ React47.createElement(Select.Menu, __spreadValues({
-    ref: menuRef,
     maxHeight
   }, menuProps), hasNoResults && /* @__PURE__ */ React47.createElement(Select.NoResults, null, emptyState), inputItems.map((item, index) => /* @__PURE__ */ React47.createElement(Select.Item, __spreadValues({
     key: itemToString(item),
     selected: item === selectedItem,
     highlighted: index === highlightedIndex
-  }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
+  }, getItemProps({ item, index })), renderOption(item))))));
 };
 var ComboboxBaseSkeleton = () => /* @__PURE__ */ React47.createElement(Skeleton, {
   height: 38
@@ -9774,6 +9771,7 @@ var _SelectBase = (props) => {
   } = useSelect({
     selectedItem: findItemByValue(value),
     defaultSelectedItem: findItemByValue(defaultValue),
+    isItemDisabled: (item, index) => isOptionDisabled(item, index),
     items,
     itemToString,
     onSelectedItemChange: (e) => onChange == null ? void 0 : onChange(e.selectedItem)
@@ -9789,7 +9787,7 @@ var _SelectBase = (props) => {
     item,
     __spreadValues({
       highlighted: index === highlightedIndex
-    }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })),
+    }, getItemProps({ item, index })),
     {
       selectedItem,
       closeMenu,
@@ -9830,7 +9828,6 @@ var _SelectBase = (props) => {
     shouldFlip: true,
     style: { width: (_b = targetRef.current) == null ? void 0 : _b.offsetWidth }
   }, /* @__PURE__ */ React53.createElement(Select.Menu, __spreadValues({
-    ref: menuRef,
     maxHeight
   }, menuProps), options.length === 0 && /* @__PURE__ */ React53.createElement(Select.EmptyStateContainer, null, emptyState), options.length > 0 && !hasOptionGroups(options) && options.map(renderItem), options.length > 0 && hasOptionGroups(options) && options.map(renderGroup), actions.length > 0 && /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(Select.Divider, {
     onMouseOver: () => setHighlightedIndex(-1)
@@ -12417,6 +12414,7 @@ var MultiSelectBase = (_a) => {
     id,
     inputValue,
     defaultSelectedItem: defaultValue,
+    isItemDisabled: (item, index) => isOptionDisabled(item, index),
     selectedItem: null,
     items: filteredOptions,
     stateReducer: (_, actionChanges) => {
@@ -12485,7 +12483,9 @@ var MultiSelectBase = (_a) => {
     }), itemToString(selectedItem)));
   };
   const hasNoResults = options.length === 0 || filteredOptions.length === 0;
-  const inputProps = getInputProps(getDropdownProps({ ref: inputRef, disabled: disabled || readOnly }));
+  const inputProps = getInputProps(
+    getDropdownProps({ ref: inputRef, disabled: disabled || readOnly, value: inputValue })
+  );
   const menuProps = getMenuProps({ ref: menuRef }, { suppressRefError: !isOpen });
   return /* @__PURE__ */ React85.createElement("div", {
     className: classNames("Aquarium-MultiSelectBase", tw("relative"))
@@ -12495,11 +12495,8 @@ var MultiSelectBase = (_a) => {
   }, /* @__PURE__ */ React85.createElement("div", {
     className: "grow inline-flex flex-row flex-wrap gap-2"
   }, !hideChips && inline && renderChips(), /* @__PURE__ */ React85.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
-    id,
-    ref: inputRef,
     name,
-    placeholder: selectedItems.length === 0 && !readOnly ? placeholder : "",
-    value: inputValue != null ? inputValue : ""
+    placeholder: selectedItems.length === 0 && !readOnly ? placeholder : ""
   }, inputProps), props), {
     disabled,
     readOnly,
@@ -12530,13 +12527,12 @@ var MultiSelectBase = (_a) => {
     isNonModal: true,
     style: { width: (_a2 = targetRef.current) == null ? void 0 : _a2.offsetWidth }
   }, /* @__PURE__ */ React85.createElement(Select.Menu, __spreadValues({
-    ref: menuRef,
     maxHeight
   }, menuProps), hasNoResults && /* @__PURE__ */ React85.createElement(Select.NoResults, null, emptyState), filteredOptions.map((item, index) => /* @__PURE__ */ React85.createElement(Select.Item, __spreadValues({
     key: itemToString(item),
     highlighted: index === highlightedIndex,
     selected: selectedItems.includes(item)
-  }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
+  }, getItemProps({ item, index })), renderOption(item))))));
 };
 var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React85.createElement(Skeleton, {
   height: 38