@alto-avios/alto-ui 4.5.0 → 4.6.0

package/dist/{IconButton.module-4obqG6tY.js → IconButton.module-DcZ9ROrD.js}

@@ -382,11 +382,10 @@ function useCarouselState({
     updateSnaps();
     const mutationObserver = new MutationObserver((mutations) => {
       const childrenChanged = mutations.some(
-        (mutation) => (
-          // @ts-expect-error This is fine
-          [...mutation.addedNodes, ...mutation.removedNodes].some(
-            (el) => el.hasAttribute("data-carousel-item") && !el.hasAttribute("data-clone")
-          )
+        (mutation) => [...mutation.addedNodes, ...mutation.removedNodes].some(
+          (el) => {
+            return el.nodeType === Node.ELEMENT_NODE && el.hasAttribute("data-carousel-item") && !el.hasAttribute("data-clone");
+          }
         )
       );
       if (childrenChanged) {
@@ -1047,4 +1046,4 @@ export {
   CarouselAutoplayControl as f,
   iconButtonStyles as i
 };
-//# sourceMappingURL=IconButton.module-4obqG6tY.js.map
+//# sourceMappingURL=IconButton.module-DcZ9ROrD.js.map

package/dist/{IconButton.module-4obqG6tY.js.map → IconButton.module-DcZ9ROrD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton.module-4obqG6tY.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"IconButton.module-DcZ9ROrD.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Carousel/AutoplayControl/AutoplayControl.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { f as CarouselAutoplayControl, i as iconButtonStyles } from "../../../IconButton.module-4obqG6tY.js";
+import { f as CarouselAutoplayControl, i as iconButtonStyles } from "../../../IconButton.module-DcZ9ROrD.js";
 import { useFocusRing } from "@react-aria/focus";
 import { Icon } from "../../Icon/Icon.js";
 import { focusStyleVariants } from "../../../utils/focus/focusStyles.js";

package/dist/components/Carousel/Carousel.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef, useState, useEffect } from "react";
 import { c as cva } from "../../index-DdUYounA.js";
-import { C as Carousel$1, a as CarouselScroller, b as CarouselItem, c as CarouselTabs, d as CarouselTab } from "../../IconButton.module-4obqG6tY.js";
+import { C as Carousel$1, a as CarouselScroller, b as CarouselItem, c as CarouselTabs, d as CarouselTab } from "../../IconButton.module-DcZ9ROrD.js";
 import { CarouselButton } from "./CarouselButton/CarouselButton.js";
 import { CarouselDots } from "./CarouselDots/CarouselDots.js";
 import { AutoplayControl } from "./AutoplayControl/AutoplayControl.js";

package/dist/components/Carousel/CarouselButton/CarouselButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect } from "react";
-import { e as CarouselButton$1, i as iconButtonStyles } from "../../../IconButton.module-4obqG6tY.js";
+import { e as CarouselButton$1, i as iconButtonStyles } from "../../../IconButton.module-DcZ9ROrD.js";
 import { useFocusRing } from "@react-aria/focus";
 import { focusStyleVariants } from "../../../utils/focus/focusStyles.js";
 import { Icon } from "../../Icon/Icon.js";

package/dist/components/ComboBox/ComboBox.d.ts

@@ -3,7 +3,8 @@ import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItem
 import { FieldProps } from '../_base/Field';
 export interface ComboBoxProps<T extends object> extends FieldProps<AriaComboBoxProps<T>> {
     isLoading?: boolean;
+    hasDropDownButton?: boolean;
     children: React.ReactNode | React.ReactElement<AriaListBoxItemProps<T>>;
 }
-export declare const ComboBox: <T extends object>({ children, isLoading, ...props }: ComboBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboBox: <T extends object>({ children, isLoading, hasDropDownButton, ...props }: ComboBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ComboBox;

package/dist/components/ComboBox/ComboBox.js

@@ -16,12 +16,13 @@ const styles = {
 const ComboBox = ({
   children,
   isLoading,
+  hasDropDownButton = true,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs(Field, { as: ComboBox$1, className: styles["comboBox"], ...props, children: [
     /* @__PURE__ */ jsxs(Group, { className: styles["comboBox-group"], children: [
       /* @__PURE__ */ jsx(Input, { className: styles["comboBox-input"] }),
-      isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, { size: "1.25x", className: styles["comboBox-loading"] }) : /* @__PURE__ */ jsx(Button, { className: styles.comboBoxButton, isDisabled: props == null ? void 0 : props.isDisabled, children: /* @__PURE__ */ jsx(Icon, { iconName: "angles-up-down", iconPrefix: "fas", padding: "roomy", scale: "1x" }) })
+      isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, { size: "1.25x", className: styles["comboBox-loading"] }) : hasDropDownButton && /* @__PURE__ */ jsx(Button, { className: styles.comboBoxButton, isDisabled: props == null ? void 0 : props.isDisabled, children: /* @__PURE__ */ jsx(Icon, { iconName: "angles-up-down", iconPrefix: "fas", padding: "roomy", scale: "1x" }) })
     ] }),
     /* @__PURE__ */ jsx(Popover, { className: styles["comboBox-popover"], children })
   ] });

package/dist/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ComboBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/stories/DraggableContainer.js

@@ -8,7 +8,7 @@ import "../../components/Breadcrumbs/Breadcrumbs.js";
 import "../../components/Button/Button.js";
 import "../../components/IconButton/IconButton.js";
 import "../../components/CardSection/CardSection.js";
-import "../../IconButton.module-4obqG6tY.js";
+import "../../IconButton.module-DcZ9ROrD.js";
 import "../../components/Carousel/CarouselButton/CarouselButton.js";
 import "@react-aria/focus";
 import "@react-aria/interactions";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",