@commercetools/nimbus 2.0.1-rc2 → 2.0.1-rc3

package/dist/components/localized-field/localized-field.types.d.ts

@@ -0,0 +1,188 @@
+import { ReactNode, FocusEvent } from 'react';
+import { TValue, TCustomEvent, TCurrencyCode } from '../money-input';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+type LocalizedFieldRecipeProps = {
+    /** Size variant of the localized field */
+    size?: SlotRecipeProps<"localizedField">["size"];
+    /** Input type variant (text, multiLine, richText, money) */
+    type?: SlotRecipeProps<"localizedField">["type"];
+};
+export type LocalizedFieldRootSlotProps = HTMLChakraProps<"fieldset", LocalizedFieldRecipeProps>;
+export type LocalizedFieldLabelSlotProps = HTMLChakraProps<"label">;
+export type LocalizedFieldInfoDialogSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldFieldsContainerSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldDescriptionSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldErrorSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldToggleButtonContainerSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldLocaleFieldRootSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldLocaleFieldLabelSlotProps = HTMLChakraProps<"div">;
+export type LocalizedFieldLocaleFieldInputSlotProps = HTMLChakraProps<"div">;
+type LocalizedFieldRecipeVariantProps = {
+    size?: "md" | "sm";
+};
+/**
+ * Object that contains the translation of a string for each locale.
+ * Used to define values for "text", "multiLine", and "richText" input types.
+ * The locale is specified as the key, and the string is specified as the value, e.g.:
+ * { ['en-US']: 'hello', ['zh-Hans']: '你好’ }
+ */
+export type LocalizedString = {
+    [locale: string]: string | undefined;
+};
+/**
+ * Object that contains a currency value for each currency.
+ * Used to define values for "money" input type
+ * The currency code is specified as the key,
+ * and an object containing the amount and currencyCode is specified as the value, e.g.:
+ * {
+ *  EUR: {
+ *    amount: '12.00'
+ *    currencyCode: 'EUR'
+ *   },
+ *  USD: {
+ *    amount: '10.00'
+ *    currencyCode: 'USD'
+ *   },
+ * }
+ */
+export type LocalizedCurrency = {
+    [currencyCode: string]: TValue | undefined;
+};
+/**
+ * Object that maps field data to a specific locale.
+ * The locale is specified as the key, and the data is specified as the value, e.g.:
+ * { ['en-US']: 'hello', ['zh-Hans']: '你好’ }
+ */
+export type LocaleFieldData = Record<string, ReactNode>;
+/**
+ * Standardized change event for localized fields to ensure cross browser consistency
+ */
+export type LocalizedFieldChangeEvent = {
+    target: {
+        id?: string;
+        name?: string;
+        locale?: string;
+        currency?: TCurrencyCode;
+        value: TCustomEvent["target"]["value"];
+    };
+};
+export type LocalizedFieldProps = LocalizedFieldRecipeVariantProps & Omit<LocalizedFieldRootSlotProps, "onChange" | "onBlur" | "onFocus" | "size"> & {
+    /**
+     * Type of input displayed in locale fields
+     * default: 'text'
+     */
+    type?: "text" | "multiLine" | "richText" | "money";
+    /**
+     * HTML `id` property for field group.
+     * Each locale field's `id` will be suffixed with its' locale, e.g.:
+     * `${id}.${lang}` i.e. `foo.en`
+     */
+    id?: string;
+    /**
+     * HTML `name` property for field group.
+     * Each locale field's `name` will be suffixed with its' locale, e.g.:
+     * `${name}.${lang}` i.e. `foo.en`
+     */
+    name?: string;
+    /** Locale or currency whose input field is displayed when field group is collapsed */
+    defaultLocaleOrCurrency: string | TCurrencyCode;
+    /** Input values for each locale or currency */
+    valuesByLocaleOrCurrency: LocalizedString | LocalizedCurrency;
+    /** Input placeholders for each locale or currency */
+    placeholdersByLocaleOrCurrency?: LocalizedString;
+    /** Field decriptions for each locale or currency */
+    descriptionsByLocaleOrCurrency?: LocaleFieldData;
+    /** Field warnings for each locale or currency */
+    warningsByLocaleOrCurrency?: LocaleFieldData;
+    /** Field errors for each locale or currency */
+    errorsByLocaleOrCurrency?: LocaleFieldData;
+    /**
+     * Label for field group (all locales).
+     * If a label is not provided, you must provide an `aria-label`
+     */
+    label?: ReactNode;
+    /** Hint/help tooltip (infoBox) for field group (all locales) */
+    hint?: ReactNode;
+    /** Description for field group (all locales) */
+    description?: ReactNode;
+    /** Warning for field group (all locales) */
+    warning?: ReactNode;
+    /**
+     * For compatibility with UI Kit FieldWarnings
+     * A map of warnings. Warning messages for known warnings are rendered automatically.
+     * <br/>
+     * Unknown warnings will be forwarded to renderWarning.
+     */
+    warnings?: Record<string, boolean>;
+    /**
+     * For compatibility with UI Kit FieldWarnings
+     * Called with custom warnings, as renderWarning(key, warning). This function can return a message which will be wrapped in a WarningMessage.
+     * <br />
+     * It can also return null to show no warning.
+     */
+    renderWarning?: (key: string, warning?: boolean) => ReactNode;
+    /** Error for field group (all locales) */
+    error?: ReactNode;
+    /**
+     * For compatibility with UI Kit FieldErrors
+     * A map of errors. Error messages for known errors are rendered automatically.
+     * <br />
+     * Unknown errors will be forwarded to `renderError`
+     */
+    errors?: Record<string, boolean>;
+    /**
+     * For compatibility with UI Kit FieldErrors
+     * Called with custom errors. This function can return a message which will be wrapped in an ErrorMessage. It can also return null to show no error.
+     */
+    renderError?: (key: string, error?: boolean) => ReactNode;
+    /**
+     * Indicates whether the field was touched.
+     * Errors will only be shown when the field was touched.
+     */
+    touched?: boolean;
+    /** True if the field is a required field */
+    isRequired?: boolean;
+    /** True if the field is disabled */
+    isDisabled?: boolean;
+    /** True if the field is read only  */
+    isReadOnly?: boolean;
+    /** Change handler for each locale's input */
+    onChange: (e: LocalizedFieldChangeEvent) => void;
+    /** Blur handler for each locale's input */
+    onBlur?: (e: FocusEvent<Element, Element> | TCustomEvent, locale: string) => void;
+    /** Focus handler for each locale's input */
+    onFocus?: (e: FocusEvent<Element, Element> | TCustomEvent, locale: string) => void;
+    /**
+     * Controls whether field group is expanded on mount.
+     * Default: `false` (closed)
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Controls whether all locale or currency input fields should be displayed.
+     * Removes show/hide toggle controls and displays all locales if `true`.
+     * Default: `false`
+     */
+    displayAllLocalesOrCurrencies?: boolean;
+    /**
+     * HTML `data-` attributes for locale fields.
+     * Each field's `data-` attribute will be suffixed with its' locale, e.g.:
+     * `${name}.${lang}` i.e. `foo.en`
+     */
+    ["data-test"]?: string;
+    ["data-testid"]?: string;
+    ["data-track-component"]?: string;
+};
+/** internal type for object containing all data for a single locale */
+export type MergedLocaleFieldData = {
+    localeOrCurrency: string | TCurrencyCode;
+    inputValue: string | TValue | undefined;
+    placeholder?: string;
+    description?: ReactNode;
+    warning?: ReactNode;
+    error?: ReactNode;
+    autoFocus?: boolean;
+};
+export type LocalizedFieldLocaleFieldProps = LocalizedFieldRecipeVariantProps & MergedLocaleFieldData & Pick<LocalizedFieldProps, "onChange" | "onBlur" | "onFocus" | "id" | "name" | "label" | "touched" | "isRequired" | "isDisabled" | "isReadOnly" | "type" | "data-test" | "data-testid" | "data-track-component"> & {
+    isInvalid?: boolean;
+};
+export {};

package/dist/components/localized-field/utils/localized-field.story-component.d.ts

@@ -0,0 +1,39 @@
+import { LocalizedStoryData } from './test-data';
+import { LocalizedFieldProps } from '../localized-field.types';
+export type LocalizedFieldTypes = "text" | "multiLine" | "richText" | "money";
+type FieldDisplayConfig = {
+    showDescription?: boolean;
+    showWarning?: boolean;
+    showError?: boolean;
+    showLocaleDescriptions?: boolean;
+    showLocaleWarnings?: boolean;
+    showLocaleErrors?: boolean;
+};
+type FieldTypeProps = {
+    fieldData: LocalizedStoryData;
+    fieldProps?: Partial<LocalizedFieldProps>;
+} & FieldDisplayConfig;
+type LocalizedFieldStoryComponentProps = {
+    /** Type of localized field to render, each type should have corresponding config object */
+    types: LocalizedFieldTypes[];
+    id?: string;
+    name?: string;
+    text?: FieldTypeProps;
+    multiLine?: FieldTypeProps;
+    richText?: FieldTypeProps;
+    money?: FieldTypeProps;
+    showControls?: boolean;
+    size?: LocalizedFieldProps["size"];
+    displayAllLocalesOrCurrencies?: LocalizedFieldProps["displayAllLocalesOrCurrencies"];
+    defaultExpanded?: LocalizedFieldProps["defaultExpanded"];
+    isRequired?: LocalizedFieldProps["isRequired"];
+    isDisabled?: LocalizedFieldProps["isDisabled"];
+    isReadOnly?: LocalizedFieldProps["isReadOnly"];
+};
+/**
+ * Demo component that renders a LocalizedField with useReducer state management.
+ * This component is designed to be used in Storybook stories to showcase
+ * different types of localized fields with proper state handling.
+ */
+export declare function LocalizedFieldStoryComponent(props: LocalizedFieldStoryComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/localized-field/utils/localized-field.utils.d.ts

@@ -0,0 +1,34 @@
+import { TCurrencyCode, TValue, TMoneyValue, TFieldErrors } from '../..';
+import { LocalizedString } from '../localized-field.types';
+type LanguagesSplitByDefaultLocale = {
+    related: string[];
+    unrelated: string[];
+};
+type TouchedLocalizedString = {
+    [locale: string]: boolean;
+};
+type CustomFormikErrors<Values> = {
+    [K in keyof Values]?: TFieldErrors;
+};
+export declare const RequiredValueErrorMessage: () => import("react/jsx-runtime").JSX.Element;
+export declare const getLocaleFieldAttribute: (fieldGroupAttr?: string, locale?: string) => string | undefined;
+export declare const getLanguageForLocale: (locale: string) => string;
+export declare const splitLanguages: (defaultLocale: string, locales: string[]) => LanguagesSplitByDefaultLocale;
+export declare const sortLocalesByDefaultLocaleLanguage: (defaultLocale: string, allLocales: string[]) => string[];
+export declare const sortCurrencies: (defaultCurrency: TCurrencyCode, allCurrencies: TCurrencyCode[]) => ("ADP" | "AED" | "AFA" | "AFN" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "ATS" | "AUD" | "AWG" | "AYM" | "AZM" | "AZN" | "BAM" | "BBD" | "BDT" | "BEF" | "BGL" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BOV" | "BRL" | "BSD" | "BTN" | "BWP" | "BYB" | "BYN" | "BYR" | "BZD" | "CAD" | "CDF" | "CHF" | "CLF" | "CLP" | "CNY" | "COP" | "CRC" | "CSD" | "CUC" | "CUP" | "CVE" | "CYP" | "CZK" | "DEM" | "DJF" | "DKK" | "DOP" | "DZD" | "EEK" | "EGP" | "ERN" | "ESP" | "ETB" | "EUR" | "FIM" | "FJD" | "FKP" | "FRF" | "GBP" | "GEL" | "GHC" | "GHS" | "GIP" | "GMD" | "GNF" | "GRD" | "GTQ" | "GWP" | "GYD" | "HKD" | "HNL" | "HRK" | "HTG" | "HUF" | "IDR" | "IEP" | "ILS" | "INR" | "IQD" | "IRR" | "ISK" | "ITL" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KMF" | "KPW" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LTL" | "LUF" | "LVL" | "LYD" | "MAD" | "MDL" | "MGA" | "MGF" | "MKD" | "MMK" | "MNT" | "MOP" | "MRO" | "MTL" | "MUR" | "MVR" | "MWK" | "MXN" | "MXV" | "MYR" | "MZM" | "MZN" | "NAD" | "NGN" | "NIO" | "NLG" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PTE" | "PYG" | "QAR" | "ROL" | "RON" | "RSD" | "RUB" | "RUR" | "RWF" | "SAR" | "SBD" | "SCR" | "SDD" | "SDG" | "SEK" | "SGD" | "SHP" | "SIT" | "SKK" | "SLL" | "SOS" | "SRD" | "SRG" | "SSP" | "STD" | "SVC" | "SYP" | "SZL" | "THB" | "TJS" | "TMM" | "TMT" | "TND" | "TOP" | "TPE" | "TRL" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "USN" | "USS" | "UYU" | "UZS" | "VEB" | "VEF" | "VND" | "VUV" | "WST" | "XAF" | "XAG" | "XAU" | "XBA" | "XBB" | "XBC" | "XBD" | "XCD" | "XDR" | "XFO" | "XFU" | "XOF" | "XPD" | "XPF" | "XPT" | "XSU" | "XTS" | "XUA" | "XXX" | "YER" | "YUM" | "ZAR" | "ZMK" | "ZMW" | "ZWD" | "ZWL" | "ZWN" | "ZWR")[];
+export declare const getHasInvalidLocalizedFields: <TErrors extends object>(errors?: TErrors, defaultLocaleOrCurrency?: string) => boolean;
+export declare const createLocalizedString: (locales: string[], existingLocalizedString: LocalizedString) => LocalizedString;
+export declare const isEmpty: (localizedString?: LocalizedString) => boolean;
+export declare const omitEmptyTranslations: <Translations extends LocalizedString>(localizedString: Translations) => LocalizedString;
+export declare const isTouched: (touched?: TouchedLocalizedString) => boolean;
+/**
+ * Use this function to convert the Formik `errors` object type to
+ * our custom field errors type.
+ * This is primarly useful when using TypeScript.
+ */
+export declare function toFieldErrors<FormValues>(errors: unknown): CustomFormikErrors<FormValues>;
+export declare const convertToMoneyValues: (values: TValue[], currency: string) => Array<TMoneyValue | null>;
+export declare const parseMoneyValues: (moneyValues: TMoneyValue[] | undefined, locale: string) => Record<TCurrencyCode, TValue>;
+export declare const getHighPrecisionCurrencies: (values: Record<TCurrencyCode, TValue>, locale: string) => TCurrencyCode[];
+export declare const getEmptyCurrencies: (values: Record<TCurrencyCode, TValue>) => TCurrencyCode[];
+export {};

package/dist/components/localized-field/utils/test-data.d.ts

@@ -0,0 +1,340 @@
+import { LocalizedString, LocalizedCurrency } from '../localized-field.types';
+import { LocalizedFieldTypes } from './localized-field.story-component';
+export type LocalizedStoryData = {
+    values: LocalizedString | LocalizedCurrency;
+    placeholders?: LocalizedString;
+    descriptions?: LocalizedString;
+    warnings?: LocalizedString;
+    errors?: LocalizedString;
+};
+export declare const allFieldTypes: LocalizedFieldTypes[];
+export declare const baseWarningRenderer: (key: string) => "UI Kit/Formik legacy warning" | null;
+export declare const baseErrorRenderer: (key: string) => "UI Kit/Formik legacy error" | null;
+export declare const baseContextFields: {
+    label: string;
+    hint: string;
+    description: string;
+    warning: string;
+    warnings: {
+        custom: boolean;
+    };
+    renderWarning: (key: string) => "UI Kit/Formik legacy warning" | null;
+    error: string;
+    errors: {
+        custom: boolean;
+    };
+    renderError: (key: string) => "UI Kit/Formik legacy error" | null;
+};
+export declare const baseMoneyContextFields: {
+    label: string;
+    hint: string;
+    description: string;
+    warning: string;
+    warnings: {
+        custom: boolean;
+    };
+    renderWarning: (key: string) => "UI Kit/Formik legacy warning" | null;
+    error: string;
+    errors: {
+        custom: boolean;
+    };
+    renderError: (key: string) => "UI Kit/Formik legacy error" | null;
+};
+export declare const baseLocales: string[];
+export declare const baseLocaleData: LocalizedStoryData;
+export declare const baseCurrencies: string[];
+export declare const baseCurrencyData: LocalizedStoryData;
+export declare const baseStoryProps: {
+    id: string;
+    name: string;
+    types: LocalizedFieldTypes[];
+    text: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+        };
+    };
+    multiLine: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+        };
+    };
+    richText: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+        };
+    };
+    money: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+        };
+    };
+};
+export declare const emptyValuesStoryProps: {
+    id: string;
+    name: string;
+    types: LocalizedFieldTypes[];
+    text: {
+        fieldData: {
+            values: {
+                en: undefined;
+                "zh-Hans": undefined;
+                de: undefined;
+            };
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+    multiLine: {
+        fieldData: {
+            values: {
+                en: undefined;
+                "zh-Hans": undefined;
+                de: undefined;
+            };
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+    richText: {
+        fieldData: {
+            values: {
+                en: undefined;
+                "zh-Hans": undefined;
+                de: undefined;
+            };
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+    money: {
+        fieldData: {
+            values: {
+                USD: undefined;
+                CNY: undefined;
+                EUR: undefined;
+            };
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+};
+export declare const singleValueStoryProps: {
+    id: string;
+    name: string;
+    types: LocalizedFieldTypes[];
+    text: {
+        fieldData: {
+            values: {
+                en: string | import('../..').TValue | undefined;
+            };
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+    multiLine: {
+        fieldData: {
+            values: LocalizedString;
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+    richText: {
+        fieldData: {
+            values: {
+                en: string | import('../..').TValue | undefined;
+            };
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+    money: {
+        fieldData: {
+            values: LocalizedCurrency;
+            placeholders?: LocalizedString;
+            descriptions?: LocalizedString;
+            warnings?: LocalizedString;
+            errors?: LocalizedString;
+        };
+        fieldProps: {
+            label: string;
+        };
+    };
+};
+export declare const hintStoryProps: {
+    id: string;
+    name: string;
+    types: LocalizedFieldTypes[];
+    text: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            hint: string;
+        };
+    };
+    multiLine: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            hint: string;
+        };
+    };
+    richText: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            hint: string;
+        };
+    };
+    money: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            hint: string;
+        };
+    };
+};
+export declare const descriptionsAndWarningsStoryProps: {
+    id: string;
+    name: string;
+    types: LocalizedFieldTypes[];
+    text: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            warning: string;
+            warnings: {
+                custom: boolean;
+            };
+            renderWarning: (key: string) => "UI Kit/Formik legacy warning" | null;
+        };
+    };
+    multiLine: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            warning: string;
+            warnings: {
+                custom: boolean;
+            };
+            renderWarning: (key: string) => "UI Kit/Formik legacy warning" | null;
+        };
+    };
+    richText: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            warning: string;
+            warnings: {
+                custom: boolean;
+            };
+            renderWarning: (key: string) => "UI Kit/Formik legacy warning" | null;
+        };
+    };
+    money: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            warning: string;
+            warnings: {
+                custom: boolean;
+            };
+            renderWarning: (key: string) => "UI Kit/Formik legacy warning" | null;
+        };
+    };
+};
+export declare const errorsAndValidationStoryProps: {
+    id: string;
+    name: string;
+    types: LocalizedFieldTypes[];
+    text: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            error: string;
+            errors: {
+                custom: boolean;
+            };
+            renderError: (key: string) => "UI Kit/Formik legacy error" | null;
+        };
+    };
+    multiLine: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            error: string;
+            errors: {
+                custom: boolean;
+            };
+            renderError: (key: string) => "UI Kit/Formik legacy error" | null;
+        };
+    };
+    richText: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            error: string;
+            errors: {
+                custom: boolean;
+            };
+            renderError: (key: string) => "UI Kit/Formik legacy error" | null;
+        };
+    };
+    money: {
+        fieldData: LocalizedStoryData;
+        fieldProps: {
+            label: string;
+            description: string;
+            error: string;
+            errors: {
+                custom: boolean;
+            };
+            renderError: (key: string) => "UI Kit/Formik legacy error" | null;
+        };
+    };
+};

package/dist/components/localized-field/utils/test-utils.d.ts

@@ -0,0 +1,22 @@
+import { BoundFunctions, Queries } from '@testing-library/react';
+export declare const withStableDocument: <T>(element: HTMLElement, operation: () => Promise<T>) => Promise<T>;
+export declare const getFieldContainerForType: (canvas: BoundFunctions<Queries>, type: string) => Promise<HTMLElement>;
+export declare const getExpandButtonForField: (field: HTMLElement, type: string) => Promise<HTMLElement>;
+export declare const toggleExpandField: (field: HTMLElement, type: string) => Promise<void>;
+export declare const getInputForLocaleField: (field: HTMLElement, localeOrCurrency: string) => Promise<HTMLElement>;
+export declare const getRichTextContainerForLocaleField: (field: HTMLElement, localeOrCurrency: string) => Promise<HTMLElement>;
+export declare const getRichTextInputForLocaleField: (field: HTMLElement, localeOrCurrency: string) => Promise<HTMLElement>;
+export declare const checkFieldIsCollapsed: (field: HTMLElement, type: string, defaultLocaleOrCurrency: string) => Promise<void>;
+export declare const checkFieldIsExpanded: (field: HTMLElement, type: string, supportedLocales: string[], defaultLocaleOrCurrency: string) => Promise<void>;
+export declare const getUpdateValue: (localeOrCurrency: string) => string | undefined;
+export declare const checkAndUpdateLocaleFieldValue: (field: HTMLElement, localeOrCurrency: string, currentValue: string, placeholderValue?: string, type?: string) => Promise<void>;
+export declare const checkAndUpdateRichTextLocaleFieldValue: (field: HTMLElement, localeOrCurrency: string, currentValue: string) => Promise<void>;
+export declare const toggleFieldContolCheckbox: (canvas: BoundFunctions<Queries>, type: string, control: string) => Promise<void>;
+export declare const closeFieldControls: (canvas: BoundFunctions<Queries>, type: string) => Promise<void>;
+export declare const checkFieldItemNotRendered: (field: HTMLElement, textValue: string) => Promise<void>;
+export declare const checkFieldDetailsDialog: (field: HTMLElement, documentBody: HTMLElement, infoBoxValue: string) => Promise<void>;
+export declare const checkFieldDescription: (field: HTMLElement, descriptionValue: string) => Promise<void>;
+export declare const checkFieldError: (field: HTMLElement, errorValue: string) => Promise<void>;
+export declare const checkLocaleFieldDescription: (field: HTMLElement, localeOrCurrency: string, descriptionValue: string, type?: string) => Promise<void>;
+export declare const checkLocaleFieldError: (field: HTMLElement, localeOrCurrency: string, errorValue: string, type?: string) => Promise<void>;
+export declare const checkAllFieldItemsNotRendered: (field: HTMLElement, legacyValue: string, baseValue?: string) => Promise<void>;

package/dist/components/menu/components/menu.content.d.ts

@@ -0,0 +1,5 @@
+import { MenuContentProps } from '../menu.types';
+export declare const MenuContent: {
+    ({ children, placement: placementOverride, ref, }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/menu/components/menu.context.d.ts

@@ -0,0 +1,5 @@
+import { MenuRootProps } from './../menu.types';
+import { MenuTriggerProps as RaMenuTriggerProps } from 'react-aria-components';
+export type MenuContextValue = Omit<MenuRootProps, keyof RaMenuTriggerProps | "children" | "trigger">;
+export declare const MenuProvider: import('react').Provider<MenuContextValue | undefined>;
+export declare const useMenuContext: () => MenuContextValue | undefined;

package/dist/components/menu/components/menu.item.d.ts

@@ -0,0 +1,5 @@
+import { MenuItemProps } from '../menu.types';
+export declare const MenuItem: {
+    ({ children, isCritical, ref, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/menu/components/menu.root.d.ts

@@ -0,0 +1,5 @@
+import { MenuRootProps } from '../menu.types';
+export declare const MenuRoot: {
+    (props: MenuRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/menu/components/menu.section-context.d.ts

@@ -0,0 +1,5 @@
+export type MenuSectionContextValue = {
+    selectionMode?: "single" | "multiple" | "none";
+};
+export declare const MenuSectionProvider: import('react').Provider<MenuSectionContextValue | undefined>;
+export declare const useMenuSectionContext: () => MenuSectionContextValue | undefined;

package/dist/components/menu/components/menu.section-label.d.ts

@@ -0,0 +1,8 @@
+import { MenuSectionLabelProps } from '../menu.types';
+/**
+ * Used in MenuSection for rendering the `label` property.
+ */
+export declare const MenuSectionLabel: {
+    ({ children, ref, ...props }: MenuSectionLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/menu/components/menu.section.d.ts

@@ -0,0 +1,5 @@
+import { MenuSectionProps } from '../menu.types';
+export declare const MenuSection: {
+    <T extends object = object>({ children, ref, label, items, ...props }: MenuSectionProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};