@iress-oss/ids-components 5.14.2 → 5.15.0

package/dist/patterns/Loading/Loading.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "./components/StartUpLoading.js";
-import { Q as s } from "../../LoadingSuspense-CbdTDOzY.js";
+import { P as s } from "../../LoadingSuspense-BdXYIsHy.js";
 import "./hooks/useShouldRenderLoading.js";
 import "./components/LongLoading.js";
 export {

package/dist/patterns/Loading/LoadingSuspense.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as i } from "../../LoadingSuspense-CbdTDOzY.js";
+import { Q as i } from "../../LoadingSuspense-BdXYIsHy.js";
 import "./hooks/useSuspenseResource.js";
 export {
   i as IressLoadingSuspense

package/dist/patterns/Loading/components/ComponentLoading.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../components/Skeleton/Skeleton.js";
-import { ah as e } from "../../../LoadingSuspense-CbdTDOzY.js";
-import "../../../Loading.module-BoPWGcXe.js";
+import { ag as e } from "../../../LoadingSuspense-BdXYIsHy.js";
+import "../../../Loading.module-Bs6DSfb4.js";
 import "../../../index-2QXL0WYc.js";
 import "../../../components/Text/Text.js";
 export {

package/dist/patterns/Loading/components/DefaultLoading.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { af as f } from "../../../LoadingSuspense-CbdTDOzY.js";
+import { ae as e } from "../../../LoadingSuspense-BdXYIsHy.js";
 import "../../../components/Text/Text.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-BoPWGcXe.js";
+import "../../../Loading.module-Bs6DSfb4.js";
 export {
-  f as DefaultLoading
+  e as DefaultLoading
 };

package/dist/patterns/Loading/components/LongLoading.js

@@ -2,7 +2,7 @@ import { jsx as c, jsxs as g } from "react/jsx-runtime";
 import { IressStack as w } from "../../../components/Stack/Stack.js";
 import { useMemo as f, useId as y } from "react";
 import { c as h } from "../../../index-2QXL0WYc.js";
-import { l as m } from "../../../Loading.module-BoPWGcXe.js";
+import { l as m } from "../../../Loading.module-Bs6DSfb4.js";
 import { IressText as M } from "../../../components/Text/Text.js";
 import { IressPanel as S } from "../../../components/Panel/Panel.js";
 import { IressProgress as j } from "../../../components/Progress/Progress.js";
@@ -10,7 +10,7 @@ import { GlobalCSSClass as L } from "../../../enums.js";
 import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
 import { useShowIndicator as C } from "../hooks/useShowIndicator.js";
 import { useEstimatedProgressValue as G } from "../hooks/useEstimatedProgressValue.js";
-const P = "ids-long-loading--root-v5142", V = "ids-long-loading--panel-v5142", B = "ids-long-loading--dots-v5142", E = "ids-long-loading--check-list-v5142", R = "ids-long-loading--check-list-item-v5142", T = "ids-long-loading--check-list-item__done-v5142", U = "ids-long-loading--checked-v5142", $ = "ids-long-loading--checked__circle-v5142", q = "ids-long-loading--checked__check-v5142", s = {
+const P = "ids-long-loading--root-v5150", V = "ids-long-loading--panel-v5150", B = "ids-long-loading--dots-v5150", E = "ids-long-loading--check-list-v5150", R = "ids-long-loading--check-list-item-v5150", T = "ids-long-loading--check-list-item__done-v5150", U = "ids-long-loading--checked-v5150", $ = "ids-long-loading--checked__circle-v5150", q = "ids-long-loading--checked__check-v5150", s = {
   root: P,
   panel: V,
   dots: B,

package/dist/patterns/Loading/components/PageLoading.js

@@ -3,12 +3,12 @@ import "react";
 import "../../../components/Stack/Stack.js";
 import "../../../components/Skeleton/Skeleton.js";
 import "../../../components/Container/Container.js";
-import { ai as s } from "../../../LoadingSuspense-CbdTDOzY.js";
+import { ah as n } from "../../../LoadingSuspense-BdXYIsHy.js";
 import "../../../components/Col/Col.js";
 import "../../../components/Divider/Divider.js";
 import "../../../components/Card/Card.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-BoPWGcXe.js";
+import "../../../Loading.module-Bs6DSfb4.js";
 export {
-  s as PageLoading
+  n as PageLoading
 };

package/dist/patterns/Loading/components/StartUpLoading.js

@@ -3,12 +3,12 @@ import { IressStack as j } from "../../../components/Stack/Stack.js";
 import { useState as y, useEffect as u, useRef as I, useMemo as T } from "react";
 import { IressProgress as k } from "../../../components/Progress/Progress.js";
 import { c as M } from "../../../index-2QXL0WYc.js";
-import { l as n } from "../../../Loading.module-BoPWGcXe.js";
+import { l as n } from "../../../Loading.module-Bs6DSfb4.js";
 import { IressText as v } from "../../../components/Text/Text.js";
 import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
 import { useShowIndicator as E } from "../hooks/useShowIndicator.js";
 import { useEstimatedProgressValue as R } from "../hooks/useEstimatedProgressValue.js";
-const H = "ids-start-up-loading--root-v5142", P = "ids-start-up-loading--progress-v5142", h = {
+const H = "ids-start-up-loading--root-v5150", P = "ids-start-up-loading--progress-v5150", h = {
   root: H,
   progress: P
 }, U = ({

package/dist/patterns/Loading/components/ValidateLoading.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { ag as d } from "../../../LoadingSuspense-CbdTDOzY.js";
+import { af as d } from "../../../LoadingSuspense-BdXYIsHy.js";
 import "../../../index-2QXL0WYc.js";
 import "react";
 import "../../../components/Text/Text.js";
-import "../../../Loading.module-BoPWGcXe.js";
+import "../../../Loading.module-Bs6DSfb4.js";
 export {
   d as ValidateLoading
 };

package/dist/patterns/Loading/index.js

@@ -1,4 +1,4 @@
-import { Q as a, R as o } from "../../LoadingSuspense-CbdTDOzY.js";
+import { P as a, Q as o } from "../../LoadingSuspense-BdXYIsHy.js";
 export {
   a as IressLoading,
   o as IressLoadingSuspense

package/dist/src/components/Form/Form.types.d.ts

@@ -73,6 +73,12 @@ export interface IressHookFormProps<T extends FieldValues, TContext = object> ex
      * [Learn more](https://react-hook-form.com/docs/useform/formstate)
      */
     onValidChange?: (isValid: boolean) => void;
+    /**
+     * If set to `true`, the summary will only update when the form is submitted, not on every field change.
+     * This is useful for performance reasons, especially in large forms.
+     * @default false
+     */
+    updateErrorSummaryOnSubmit?: boolean;
 }
 export interface IressFormProps<T extends FieldValues, TContext = object> extends Partial<Omit<UseFormProps<T, TContext>, 'disabled' | 'errors'>>, Omit<IressHookFormProps<T, TContext>, 'form'> {
     /**
@@ -139,7 +145,10 @@ export interface IressFormProps<T extends FieldValues, TContext = object> extend
      */
     reValidateMode?: UseFormProps<T, TContext>['reValidateMode'];
     /**
-     * When set to true (default), and the user submits a form that fails validation, focus is set on the first field with an error.
+     * When set to true, and the user submits a form that fails validation, focus is set on the first field with an error.
+     * By default, it is set based on the `hiddenErrorSummary` prop.
+     * - If hiddenErrorSummary is true, it will focus on the first field with an error.
+     * - If hiddenErrorSummary is false, it will focus on the error summary.
      *
      * [Learn more](https://react-hook-form.com/docs/useform#shouldFocusError)
      */

package/dist/src/components/Provider/Provider.d.ts

@@ -0,0 +1,20 @@
+import { FloatingUIContainer } from '../../types';
+import { ReactNode } from 'react';
+import { IressToasterProviderProps } from '../Toaster';
+import { IressSlideoutProviderProps } from '../Slideout';
+export interface IressProviderProps extends Pick<IressSlideoutProviderProps, 'injectPushStyles'>, Pick<IressToasterProviderProps, 'position'> {
+    /**
+     * The contents of your application, and/or the components which will be calling slideouts, modals and toasts.
+     */
+    children?: ReactNode;
+    /**
+     * Container to render modal, slideouts and toasts into.
+     * If not provided, will render into the body of the document.
+     */
+    container?: FloatingUIContainer;
+    /**
+     * If you don't want to load the Iress Icon CSS from the CDN, set this to true.
+     */
+    noIcons?: boolean;
+}
+export declare const IressProvider: ({ children, container, injectPushStyles, noIcons, position, ...restProps }: IressProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Provider/index.d.ts

@@ -0,0 +1 @@
+export * from './Provider';

package/dist/src/components/Toaster/Toast/Toast.types.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { IressHTMLAttributes } from '../../../interfaces';
 import { HeadingLevel } from '../../../enums';
+import { ButtonRef } from '../../Button';
 interface ToastHeadingProps<T = HTMLDivElement> extends IressHTMLAttributes<T> {
     /**
      * The heading area of the toast. You can pass react component such as `<IressText>Error</IressText>`.
@@ -17,7 +18,7 @@ interface ToastCloseButtonProps<T = HTMLDivElement> extends IressHTMLAttributes<
     /**
      * Click event on the close button of the toast.
      */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    onClose?: (e?: React.MouseEvent<ButtonRef>) => void;
 }
 interface ToastActionProps<T = HTMLDivElement> extends IressHTMLAttributes<T> {
     /**

package/dist/src/components/Toaster/ToasterProvider.d.ts

@@ -1,8 +1,11 @@
+import { MouseEvent } from 'react';
 import { IressToasterOptions, IressToasterProviderProps } from './Toaster.types';
 import { IressToastProps } from './Toast/Toast.types';
+import { ButtonRef } from '../Button';
 interface ToasterContextValue {
-    show: (toast: IressToastProps) => void;
-    close: (id: string) => void;
+    animateOut: (id: string) => void;
+    show: (toast: IressToastProps) => string;
+    close: (id: string, e?: MouseEvent<ButtonRef>) => void;
     options: IressToasterOptions;
     setOptions: (options: IressToasterOptions) => void;
 }

package/dist/src/components/Toaster/hooks/useToaster.d.ts

@@ -1,9 +1,9 @@
 import { NewToast } from '../Toast/Toast.types';
 import { ToasterPositions } from '../Toaster.types';
 export declare const useToaster: (position?: ToasterPositions) => {
-    success: (toast: NewToast) => void;
-    error: (toast: NewToast) => void;
-    info: (toast: NewToast) => void;
+    success: (toast: NewToast) => string;
+    error: (toast: NewToast) => string;
+    info: (toast: NewToast) => string;
     close: (id: string) => void;
     options: import('../Toaster.types').IressToasterOptions;
 };

package/dist/src/constants.d.ts

@@ -95,29 +95,29 @@ export declare const Z_INDEX: {
     /**
      * The default z-index used for most elements. Can be combined with raised and floating elevations.
      */
-    '000': number;
+    DEFAULT: number;
     /**
      * Used for IressNavbar. Can be combined with overflow elevation.
      */
-    100: number;
+    NAVBAR: number;
     /**
      * Used for IressPopover. Can be combined with floating elevation.
      */
-    200: number;
+    POPOVER: number;
     /**
      * Used for IressSlideout. Can be combined with floating elevation.
      */
-    300: number;
+    SLIDEOUT: number;
     /**
      * Used for IressModal. Can be combined with floating elevation.
      */
-    400: number;
+    MODAL: number;
     /**
      * Used for IressToast. Can be combined with floating elevation.
      */
-    500: number;
+    TOAST: number;
     /**
      * Used for IressTooltip. Can be combined with floating elevation.
      */
-    600: number;
+    TOOLTIP: number;
 };

package/dist/src/main.d.ts

@@ -27,6 +27,7 @@ export * from './components/Panel';
 export * from './components/Placeholder';
 export * from './components/Popover';
 export * from './components/Progress';
+export * from './components/Provider';
 export * from './components/Radio';
 export * from './components/RadioGroup';
 export * from './components/Readonly';

package/dist/src/patterns/Loading/components/PageLoading.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { IressHTMLAttributes } from '../../../interfaces';
 declare const templates: {
-    page: import("react/jsx-runtime").JSX.Element;
-    form: import("react/jsx-runtime").JSX.Element;
-    dashboard: import("react/jsx-runtime").JSX.Element;
+    page: () => import("react/jsx-runtime").JSX.Element;
+    form: () => import("react/jsx-runtime").JSX.Element;
+    dashboard: () => import("react/jsx-runtime").JSX.Element;
 };
 export interface PageLoadingProps extends Omit<IressHTMLAttributes, 'children'> {
     /**