@iress-oss/ids-components 5.17.0 → 5.19.0

package/dist/patterns/Loading/Loading.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "./components/StartUpLoading.js";
-import { P as s } from "../../LoadingSuspense-BjzbePWa.js";
+import { P as s } from "../../LoadingSuspense-U4UZBhSB.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 { Q as i } from "../../LoadingSuspense-BjzbePWa.js";
+import { Q as i } from "../../LoadingSuspense-U4UZBhSB.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 { ag as e } from "../../../LoadingSuspense-BjzbePWa.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import { ag as e } from "../../../LoadingSuspense-U4UZBhSB.js";
+import "../../../Loading.module-DV-X9MgR.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 { ae as e } from "../../../LoadingSuspense-BjzbePWa.js";
+import { ae as e } from "../../../LoadingSuspense-U4UZBhSB.js";
 import "../../../components/Text/Text.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import "../../../Loading.module-DV-X9MgR.js";
 export {
   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-PM8ehb0Z.js";
+import { l as m } from "../../../Loading.module-DV-X9MgR.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-v5170", V = "ids-long-loading--panel-v5170", B = "ids-long-loading--dots-v5170", E = "ids-long-loading--check-list-v5170", R = "ids-long-loading--check-list-item-v5170", T = "ids-long-loading--check-list-item__done-v5170", U = "ids-long-loading--checked-v5170", $ = "ids-long-loading--checked__circle-v5170", q = "ids-long-loading--checked__check-v5170", s = {
+const P = "ids-long-loading--root-v5190", V = "ids-long-loading--panel-v5190", B = "ids-long-loading--dots-v5190", E = "ids-long-loading--check-list-v5190", R = "ids-long-loading--check-list-item-v5190", T = "ids-long-loading--check-list-item__done-v5190", U = "ids-long-loading--checked-v5190", $ = "ids-long-loading--checked__circle-v5190", q = "ids-long-loading--checked__check-v5190", 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 { ah as n } from "../../../LoadingSuspense-BjzbePWa.js";
+import { ah as n } from "../../../LoadingSuspense-U4UZBhSB.js";
 import "../../../components/Col/Col.js";
 import "../../../components/Divider/Divider.js";
 import "../../../components/Card/Card.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import "../../../Loading.module-DV-X9MgR.js";
 export {
   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-PM8ehb0Z.js";
+import { l as n } from "../../../Loading.module-DV-X9MgR.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-v5170", P = "ids-start-up-loading--progress-v5170", h = {
+const H = "ids-start-up-loading--root-v5190", P = "ids-start-up-loading--progress-v5190", h = {
   root: H,
   progress: P
 }, U = ({

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { af as d } from "../../../LoadingSuspense-BjzbePWa.js";
+import { af as d } from "../../../LoadingSuspense-U4UZBhSB.js";
 import "../../../index-2QXL0WYc.js";
 import "react";
 import "../../../components/Text/Text.js";
-import "../../../Loading.module-PM8ehb0Z.js";
+import "../../../Loading.module-DV-X9MgR.js";
 export {
   d as ValidateLoading
 };

package/dist/patterns/Loading/index.js

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

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

@@ -4,4 +4,4 @@ import { IressFormFieldProps } from './FormField.types';
  * A `IressField` wrapper that can show error message and label automatically inside an `IressForm`.
  * It uses the `useController` hook from `react-hook-form` for form management.
  */
-export declare const IressFormField: <TFieldValues extends FieldValues>({ control, defaultValue, name, render, rules: withCustomRules, shouldUnregister, readOnly, ...fieldProps }: IressFormFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const IressFormField: <TFieldValues extends FieldValues>({ control: controlProp, defaultValue, name, render, rules: withCustomRules, shouldUnregister, readOnly, ...fieldProps }: IressFormFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,7 +11,7 @@ export type CustomRules<T extends FieldValues = FieldValues> = UseControllerProp
     minDate?: Date | CustomRuleWithMessage<Date>;
     maxDate?: Date | CustomRuleWithMessage<Date>;
 };
-export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldProps, OmittedFieldProps>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled'> {
+export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldProps, OmittedFieldProps>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled' | 'shouldUnregister'> {
     /**
      * React Hook Form control object. It is used to register the field with the form.
      * It is automatically provided when used inside an `IressForm`, but it can be overridden if you are using a custom form control.
@@ -41,10 +41,16 @@ export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName
     rules?: CustomRules<T>;
     /**
      * Input will be unregistered after unmount and defaultValues will be removed as well (it will not be stored in the form state).
+     * You can pass an object to keep some form state available after unregistering, such as dirty fields.
      *
      * [Learn more](https://react-hook-form.com/docs/usecontroller)
      */
-    shouldUnregister?: boolean;
+    shouldUnregister?: boolean | {
+        keepDirty?: boolean;
+        keepTouched?: boolean;
+        keepIsValid?: boolean;
+        keepError?: boolean;
+    };
     /**
      * Text to be displayed instead of input field.
      */

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

@@ -142,6 +142,7 @@ export interface PopoverContextValue extends PopoverStateHookReturn, PopoverAria
     interactions: ReturnType<typeof useInteractions>;
     list: MutableRefObject<(HTMLElement | null)[]>;
     type?: PopoverTypes;
+    resetActiveIndex: () => void;
     setActiveIndex: (value: number | null) => void;
     setShowWithReason: (flag: boolean, e?: Event, reason?: OpenChangeReason) => void;
     setVirtualFocus?: (node: PopoverVirtualNode | null) => void;
@@ -153,7 +154,7 @@ export interface PopoverRef extends Pick<PopoverContextValue, 'setShow' | 'show'
 }
 export interface PopoverVirtualNode {
     onBlur?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>, popover?: PopoverContextValue) => void;
 }
 /** @deprecated PopoverType enum is now deprecated and will be removed in a future version. Please use the PopoverTypes type instead. **/
 export declare enum PopoverType {

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

@@ -1,7 +1,7 @@
 import { AutocompleteSearchHookProps } from '../Autocomplete';
 import { FloatingUIAligns, FocusableElementRef, FormattedLabelValueMeta, FormElementWidths, IressPopoverProps, LabelValueMeta, PopoverRef, PopoverTypes } from '../../main';
 import { ChangeEvent, ForwardedRef, ReactElement, ReactNode } from 'react';
-export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps, 'query'>, Omit<IressPopoverProps, 'activator' | 'children' | 'contentClassName' | 'defaultShow' | 'defaultValue' | 'disabledAutoToggle' | 'onChange' | 'matchActivatorWidth' | 'show'> {
+export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps, 'query'>, Omit<IressPopoverProps, 'activator' | 'children' | 'contentClassName' | 'defaultShow' | 'defaultValue' | 'disabledAutoToggle' | 'onChange' | 'show'> {
     /**
      * Sets the alignment of the dropdown relative to the activator element.
      * @default bottom-start
@@ -21,6 +21,13 @@ export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps,
      * Set to true if the user can select multiple options.
      */
     multiSelect?: boolean;
+    /**
+     * Whether the popover should match the width of the activator element.
+     * When true, the dropdown will have the same width as the select input.
+     * When false, the dropdown will size based on its content.
+     * @default true
+     */
+    matchActivatorWidth?: boolean;
     /**
      * Name of the select. Used to pass data when submitted within a form.
      */
@@ -65,6 +72,11 @@ export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps,
      * Completely customise the rendering of the select options.
      */
     renderOptions?: (props: SelectOptionsRenderProps) => ReactNode;
+    /**
+     * Render a custom footer below the default options display.
+     * If using `renderOptions`, this render prop will not be called.
+     */
+    renderOptionsFooter?: (props: SelectOptionsRenderProps) => ReactNode;
     /**
      * Whether its required. Will be passed to the hidden input.
      */

package/dist/src/components/RichSelect/SelectMenu/SelectMenuItem.d.ts

@@ -1,2 +1,2 @@
 import { IressSelectMenuItemProps } from './SelectMenu.types';
-export declare const IressSelectMenuItem: ({ className, divider, formattedLabel, hiddenOnMobile, label, meta, value, append, canToggle, onClick, onKeyDown, prepend, role, selected, "data-testid": dataTestId, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, id, }: IressSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressSelectMenuItem: ({ className, divider, formattedLabel, formattedMeta, hiddenOnMobile, label, meta, value, append, canToggle, onClick, onKeyDown, prepend, role, selected, "data-testid": dataTestId, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, id, }: IressSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/RichSelect/components/SelectOptions.d.ts

@@ -1,8 +1,8 @@
 import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect.types';
-interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
+interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'renderOptionsFooter' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
     setShow: (show: boolean) => void;
     shouldShowInstructions?: boolean;
     shouldShowNoResults?: boolean;
 }
-export declare const SelectOptions: ({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, value, shouldShowInstructions, shouldShowNoResults, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const SelectOptions: ({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, renderOptionsFooter, results, setQuery, setShow, setValue, show, value, shouldShowInstructions, shouldShowNoResults, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/dist/src/interfaces.d.ts

@@ -55,6 +55,7 @@ export interface LabelValueMeta extends LabelValue {
 }
 export interface FormattedLabelValueMeta extends LabelValueMeta {
     formattedLabel?: React.ReactNode;
+    formattedMeta?: React.ReactNode;
 }
 export interface BreakpointDetail {
     mediaQuery: string;