@alto-avios/alto-ui 4.2.0 → 5.0.0-alpha.1

package/dist/components/Accordion/Accordion.js

@@ -115,7 +115,7 @@ const AccordionGroup = ({
 }) => {
   const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
   const defaultExpandedKeys = React__default.Children.toArray(children).map((child, index) => {
-    if (React__default.isValidElement(child) && child.props.defaultExpanded) {
+    if (React__default.isValidElement(child) && typeof child.props === "object" && child.props !== null && "defaultExpanded" in child.props && child.props.defaultExpanded) {
       return `accordion-${index}`;
     }
     return null;

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ElementType, ReactNode } from 'react';
+import { ComponentType, ElementType, ReactNode, JSX } from 'react';
 import { AriaButtonOptions } from '@react-aria/button';
 import { HoverProps } from '@react-aria/interactions';
 import { IconProps } from '../Icon/Icon';

package/dist/components/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { AriaDialogProps } from 'react-aria';
+import { AriaDialogProps } from '@react-types/dialog';
 type DialogSize = 'dialogSmall' | 'dialogMedium' | 'dialogLarge';
 type DialogRole = 'alertdialog' | 'dialog';
 export interface DialogProps extends AriaDialogProps {

package/dist/components/Dialog/Dialog.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { IconButton } from "../IconButton/IconButton.js";
-import { OverlayContainer, useOverlay, usePreventScroll, useModal } from "@react-aria/overlays";
 import { useDialog } from "@react-aria/dialog";
+import { OverlayContainer, useOverlay, usePreventScroll, useModal } from "@react-aria/overlays";
 import { FocusScope } from "@react-aria/focus";
+import { IconButton } from "../IconButton/IconButton.js";
 import '../../assets/Dialog.css';const dialogWrapper = "_dialogWrapper_o29gm_1";
 const overlay = "_overlay_o29gm_10";
 const dialog = "_dialog_o29gm_1";

package/dist/components/ErrorSummary/ErrorSummary.d.ts

@@ -1,10 +1,7 @@
 import { CalloutBannerProps } from '../CalloutBanner/CalloutBanner';
 import { default as React } from 'react';
 export interface ErrorSummaryProps extends Omit<CalloutBannerProps, 'emphasis' | 'styleVariant' | 'iconProps' | 'dismissButtonProps' | 'onDismiss' | 'hideIllustration' | 'dismissButtonTooltipLabel' | 'customAsset' | 'label' | 'alignButtons'> {
-    /**
-     * One or more error messages to display in the summary
-     */
-    children: React.ReactElement[] | React.ReactElement;
+    children: React.ReactElement<unknown>[] | React.ReactElement<unknown>;
 }
 export declare const ErrorSummary: ({ title, description, children, ...props }: ErrorSummaryProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ErrorSummary;

package/dist/components/Image/Image.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useState, useRef, useEffect, useMemo } from "react";
 import { c as cva } from "../../index-DdUYounA.js";
 import { borderVariants } from "../../utils/border/border.js";
 import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
@@ -42,7 +42,7 @@ const useImageLoaded = (onLoadProp) => {
     if (ref.current && ref.current.complete) {
       setLoaded(true);
     }
-  });
+  }, []);
   return {
     ref,
     loaded,
@@ -50,16 +50,13 @@ const useImageLoaded = (onLoadProp) => {
   };
 };
 const useMergedRef = (internalRef, forwardedRef) => {
-  return React__default.useMemo(() => {
-    if (!forwardedRef) return internalRef;
-    return (node) => {
-      if (typeof forwardedRef === "function") {
-        forwardedRef(node);
-      } else if (forwardedRef && "current" in forwardedRef) {
-        forwardedRef.current = node;
-      }
-      internalRef.current = node;
-    };
+  return useMemo(() => (node) => {
+    if (typeof forwardedRef === "function") {
+      forwardedRef(node);
+    } else if (forwardedRef && "current" in forwardedRef) {
+      forwardedRef.current = node;
+    }
+    internalRef.current = node;
   }, [internalRef, forwardedRef]);
 };
 const Image = React__default.forwardRef(({
@@ -115,9 +112,10 @@ const Image = React__default.forwardRef(({
     ...props
   };
   if (asChild && React__default.isValidElement(children)) {
+    const childProps = typeof children.props === "object" && children.props !== null ? children.props : {};
     return React__default.cloneElement(children, {
       ...imgProps,
-      ...children.props
+      ...childProps
     });
   }
   return /* @__PURE__ */ jsx("img", { ...imgProps });

package/dist/components/Image/Image.js.map

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

package/dist/components/Popover/Popover.d.ts

@@ -37,7 +37,7 @@ export interface PopoverProps {
     /** Direction of the arrow that points to the trigger element */
     arrowDirection?: ArrowDirectionType;
     /** Reference to the trigger element that opens the popover */
-    triggerRef: React.RefObject<HTMLButtonElement> | {
+    triggerRef: React.RefObject<HTMLButtonElement | null> | {
         current: HTMLElement;
     };
     /** Whether to show the directional arrow on the popover */

package/dist/components/SelectNative/SelectNative.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { TextField } from "react-aria-components";
 import { useId } from "react";
-import { FieldHeader } from "../FieldHeader/FieldHeader.js";
 import { useFocusRing } from "@react-aria/focus";
+import { FieldHeader } from "../FieldHeader/FieldHeader.js";
 import '../../assets/SelectNative.css';const select = "_select_16vwh_1";
 const selectInput = "_selectInput_16vwh_10";
 const styles = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "4.2.0",
+  "version": "5.0.0-alpha.1",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",
@@ -23,6 +23,7 @@
     "test-a11y": "test-storybook",
     "clean-dist": "rimraf dist",
     "vite": "npm run clean-dist && tsc --p ./tsconfig.build.json && vite build",
+    "vite:analyze": "vite build --mode analyze",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build",
     "lint": "eslint",
@@ -37,8 +38,16 @@
     "release:major": "standard-version --release-as major"
   },
   "dependencies": {
+    "@react-aria/button": "3.14.1",
+    "@react-aria/dialog": "3.5.30",
+    "@react-aria/focus": "3.21.1",
+    "@react-aria/interactions": "3.25.5",
+    "@react-aria/overlays": "3.29.1",
+    "@react-aria/utils": "3.30.1",
+    "@react-types/dialog": "3.5.21",
+    "react-stately": "3.41.0",
     "class-variance-authority": "^0.7.0",
-    "react-aria-carousel": "0.2.0",
+    "react-aria-carousel": "^0.2.0",
     "react-aria-components": "1.5.0",
     "react-number-format": "^5.4.3",
     "ts-node": "^10.9.2",
@@ -67,8 +76,8 @@
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^22.3.0",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
     "axe-playwright": "^2.0.3",
@@ -95,6 +104,7 @@
     "react-loading-skeleton": "^3.5.0",
     "react-remove-attr": "^0.0.6",
     "rimraf": "^6.0.1",
+    "rollup-plugin-visualizer": "^6.0.3",
     "standard-version": "^9.5.0",
     "terser": "^5.31.3",
     "ts-jest": "^29.2.5",
@@ -102,14 +112,14 @@
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.14.0",
     "vite": "^5.3.5",
-    "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.0.0-beta.2",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "wait-on": "^8.0.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^3.3.0",
-    "react": "^18.0.0"
+    "@alto-avios/alto-tokens": "^3.4.0",
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0"
   },
   "main": "dist/index.js",
   "module": "dist/index.js",