@commercelayer/app-elements 0.0.77 → 0.0.79

package/dist/ui/atoms/A.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type SetRequired } from 'type-fest';
 export type Props = SetRequired<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
 /**

package/dist/ui/atoms/Avatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { presets } from './Avatar.utils';
 export interface AvatarProps {
     /**

package/dist/ui/atoms/AvatarLetter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AvatarLetterProps {
     /**
      * text to be used to generate initials

package/dist/ui/atoms/BlockCode.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface BlockCodeProps {
     /**
      * Object to render as pre-formatted block

package/dist/ui/atoms/ButtonFilter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type IconProps } from './Icon';
 interface ButtonFilterProps extends React.HTMLAttributes<HTMLDivElement> {
     onClick?: () => void;

package/dist/ui/atoms/Card.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="react" />
 export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponent<{
     gap?: "1" | "4" | "6" | undefined;
     footer?: React.ReactNode;

package/dist/ui/atoms/Container.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ContainerProps {
     /**
      * set min height as screen size. Default is `true`.

package/dist/ui/atoms/CopyToClipboard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface CopyToClipboardProps {
     /**
      * text to display that will be copied on button click

package/dist/ui/atoms/Hr.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = Omit<React.HTMLProps<HTMLHRElement>, 'children'>;
 export declare function Hr({ className, ...rest }: Props): JSX.Element;
 export declare namespace Hr {

package/dist/ui/atoms/Icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as phosphor from '@phosphor-icons/react';
 export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**

package/dist/ui/atoms/Pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PaginationProps {
     /**
      * CSS classes

package/dist/ui/atoms/Progress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ProgressProps {
     /**
      * This attribute describes how much work the task indicated by the `progress` element requires.

package/dist/ui/atoms/StatusDot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DotVariant = 'success' | 'danger' | 'warning';
 export interface StatusDotProps {
     variant: DotVariant;

package/dist/ui/atoms/Steps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Step {
     label: string;
     active?: boolean;

package/dist/ui/atoms/dropdown/DropdownMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
     arrow?: 'none';

package/dist/ui/atoms/dropdown/DropdownMenuDivider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

package/dist/ui/atoms/dropdown/DropdownMenuItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.HTMLAttributes<HTMLElement> {
     label: string;
     icon?: React.ReactNode;

package/dist/ui/atoms/tables/Td.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.TdHTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

package/dist/ui/atoms/tables/Th.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.ThHTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

package/dist/ui/atoms/tables/Tr.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

package/dist/ui/composite/ContextMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     menuLabel?: React.ReactNode;
     menuItems: React.ReactNode;

package/dist/ui/composite/PageError.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface PageErrorProps {
     /**
      * Main page title wrapped in a h1 element

package/dist/ui/composite/PageSkeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface PageSkeletonProps {
     layout?: 'list' | 'details';
     hasHeaderDescription?: boolean;

package/dist/ui/composite/SearchBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface SearchBarProps {
     /**
      * Initial value of the search bar. When changed, the search bar will be updated.
@@ -25,9 +26,15 @@ interface SearchBarProps {
      * Placeholder text for the input element
      */
     placeholder?: string;
+    /**
+     * Enable auto focus on the input element
+     */
+    autoFocus?: boolean;
 }
-declare function SearchBar({ initialValue, onSearch, onClear, debounceMs, className, placeholder, ...rest }: SearchBarProps): JSX.Element;
-declare namespace SearchBar {
-    var displayName: string;
-}
-export { SearchBar };
+/**
+ * This component renders a search bar with a clear button with debounced `onSearch` callback.
+ * <blockquote type='info'>In this way the `onSearch` callback will be triggered only when the user stops typing
+ * for the specified value of `debounceMs` (default 500ms).</blockquote>
+ */
+export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/ui/forms/Input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 export interface InputProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**

package/dist/ui/forms/InputCheckbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 export interface InputCheckboxProps extends Omit<InputWrapperBaseProps, 'label'>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
     /**

package/dist/ui/forms/InputCurrency/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { type CurrencyInputProps } from 'react-currency-input-field';
 import { type CurrencyCode } from './currencies';

package/dist/ui/forms/InputCurrencyRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type CurrencyCode } from '../forms/InputCurrency/currencies';
 import { type InputCurrencyProps } from '../forms/InputCurrency/index';
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';

package/dist/ui/forms/InputDate/InputDateComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import DatePicker from 'react-datepicker';
 import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
 export type MaybeDate = Date | null;

package/dist/ui/forms/InputDate/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputDateProps } from './InputDateComponent';
 import type DatePicker from 'react-datepicker';
 declare const InputDate: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<DatePicker<never, undefined>>>;

package/dist/ui/forms/InputDateRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 import { type InputDateProps, type MaybeDate } from './InputDate/InputDateComponent';
 export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder'>, InputWrapperBaseProps {

package/dist/ui/forms/InputFeedback.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FeedbackVariant = 'danger' | 'success' | 'warning';
 export interface InputFeedbackProps {
     message: string;

package/dist/ui/forms/InputFile.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 interface InputFileProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**

package/dist/ui/forms/InputJson.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 export interface InputJsonProps<JsonType> extends InputWrapperBaseProps {
     placeholder: object;

package/dist/ui/forms/InputReadonly.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 interface InputReadonlyProps extends InputWrapperBaseProps {
     /**

package/dist/ui/forms/InputSelect/Async.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type StylesConfig } from 'react-select';
 import { type SetRequired } from 'type-fest';
 import { type InputSelectProps, type SelectValue } from './';

package/dist/ui/forms/InputSelect/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type StylesConfig } from 'react-select';
 import { type InputSelectProps, type SelectValue } from './';
 interface SelectComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {

package/dist/ui/forms/InputSelect/overrides.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type ClearIndicatorProps, type DropdownIndicatorProps, type MultiValueRemoveProps } from 'react-select';
 import { type SelectValue } from '.';
 declare function DropdownIndicator(props: DropdownIndicatorProps<SelectValue>): JSX.Element;

package/dist/ui/forms/InputSpinner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 export interface InputSpinnerProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
     min?: number;

package/dist/ui/forms/InputTextArea.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 interface InputTextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, InputWrapperBaseProps {
 }

package/dist/ui/forms/InputToggleBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface InputToggleBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
     id: string;
     label: string;

package/dist/ui/forms/InputToggleListBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface InputToggleListBoxOption {
     value: string;
     label: string;

package/dist/ui/forms/Label.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props extends React.LabelHTMLAttributes<HTMLLabelElement> {
     gap?: boolean;
 }

package/dist/ui/forms/ToggleButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 import { type Simplify } from 'type-fest';
 export type ToggleButtonValue = string | boolean | number;

package/dist/ui/hook-form/HookedForm.d.ts

@@ -0,0 +1,34 @@
+import { type FieldValues, type FormProviderProps } from 'react-hook-form';
+interface FormProps<T extends FieldValues> extends FormProviderProps<T> {
+    /**
+     * Callback invoked on submit when form has been successfully validated
+     */
+    onSubmit: (data: T) => void;
+}
+/**
+ * Form component to be used as main provider for the `react-hook-form` context.
+ *
+ * Example:
+ * ```
+ * import { useForm } from "react-hook-form"
+ * import { zodResolver } from "@hookform/resolvers/zod"
+ * import { HookedForm, HookedInput, HookedInputDate} from "@commercelayer/app-elements"
+ * function MyForm() {
+ *   const methods = useForm({
+ *     resolver: zodResolver(schema),
+ *   });
+ *   return (
+ *     <HookedForm {...methods} onSubmit={(values) => myPostToServer(values)}>
+ *       <HookedInput name="companyName" label="Company name" />
+ *       <HookedInputDate name="dateSingle" label="Date" />
+ *       <Button type='submit'>Submit</Button>
+ *     </HookedForm>
+ *    );
+ * }
+ *```
+ */
+export declare const HookedForm: {
+    <T extends FieldValues>({ onSubmit, children, handleSubmit, ...rest }: FormProps<T>): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/ui/hook-form/HookedInput.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { type InputProps } from '../forms/Input';
+interface Props extends InputProps {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `Input` component ready to be used with the `react-hook-form` context.
+ * @see InputSelect
+ */
+declare function HookedInput({ name, ...props }: Props): JSX.Element;
+declare namespace HookedInput {
+    var displayName: string;
+}
+export { HookedInput };

package/dist/ui/hook-form/HookedInputCheckbox.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { type InputCheckboxProps } from '../forms/InputCheckbox';
+interface Props extends InputCheckboxProps {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `InputCheckbox` component ready to be used with the `react-hook-form` context.
+ * @see InputCheckbox
+ */
+declare function HookedInputCheckbox({ name, ...props }: Props): JSX.Element;
+declare namespace HookedInputCheckbox {
+    var displayName: string;
+}
+export { HookedInputCheckbox };

package/dist/ui/hook-form/HookedInputCurrency.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type InputCurrencyProps } from '../forms/InputCurrency';
+interface Props extends Omit<InputCurrencyProps, 'onChange' | 'onBlur' | 'cents'> {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `InputCurrency` component ready to be used with the `react-hook-form` context.
+ * Value is stored in form state as cents.
+ * @see InputCurrency
+ */
+declare function HookedInputCurrency({ name, ...props }: Props): JSX.Element;
+declare namespace HookedInputCurrency {
+    var displayName: string;
+}
+export { HookedInputCurrency };

package/dist/ui/hook-form/HookedInputDate.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type InputDateProps } from '../forms/InputDate/InputDateComponent';
+interface Props extends Omit<InputDateProps, 'onChange'> {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `InputDate` component ready to be used with the `react-hook-form` context.
+ * Value is stored in form state as iso date string (example: `"2023-08-01T22:00:00.000Z"` ).
+ * @see InputDate
+ */
+declare function HookedInputDate({ name, ...props }: Props): JSX.Element;
+declare namespace HookedInputDate {
+    var displayName: string;
+}
+export { HookedInputDate };

package/dist/ui/hook-form/HookedInputDateRange.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { type InputDateRangeProps } from '../forms/InputDateRange';
+interface Props extends Omit<InputDateRangeProps, 'onChange' | 'value'> {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `InputDateRange` component ready to be used with the `react-hook-form` context.
+ * Value is stored in form state as tuple of two iso date strings
+ * (example: `["2023-08-01T22:00:00.000Z", "2023-08-14T22:00:00.000Z"]` ).
+ * @see InputDateRange
+ */
+declare function HookedInputDateRange({ name, ...props }: Props): JSX.Element;
+declare namespace HookedInputDateRange {
+    var displayName: string;
+}
+export { HookedInputDateRange };

package/dist/ui/hook-form/HookedInputMetadata.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface Props {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `InputMetadata` component ready to be used with the `react-hook-form` context.
+ * Metadata is stored in form state as object of strings (example: `{foo: 'bar'}` )
+ * and should match the core api metadata structure. Non-string values are ignored and will not appear
+ * in the form state.
+ * @see InputMetadata
+ */
+declare function HookedInputMetadata({ name }: Props): JSX.Element;
+declare namespace HookedInputMetadata {
+    var displayName: string;
+}
+export { HookedInputMetadata };

package/dist/ui/hook-form/HookedInputSelect.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { type InputSelectProps } from '../forms/InputSelect';
+interface Props extends Omit<InputSelectProps, 'onSelect' | 'defaultValue'> {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+    /**
+     * Specify the path (in the `SelectValue` object) to reach the value to store in field.
+     * @default
+     * "value"
+     *
+     * Example:
+     * ```
+     * // single mode
+     * {value: 'ff0000', label: 'Red'} // set field value as 'ff0000'
+     *
+     * // multi mode
+     * [{value: 'ff0000', label: 'Red'}, {value: 'ffff00', label: 'Yellow'}]
+     * // set field value as ['ff0000', 'ffff00']
+     * ```
+     */
+    pathToValue?: string;
+}
+/**
+ * `InputSelect` component ready to be used with the `react-hook-form` context.
+ * Value to be stored in the field can be controlled from the `pathToValue` prop.
+ * @see InputSelect
+ */
+declare function HookedInputSelect({ name, pathToValue, ...props }: Props): JSX.Element;
+declare namespace HookedInputSelect {
+    var displayName: string;
+}
+export { HookedInputSelect };

package/dist/ui/hook-form/HookedInputSpinner.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { type InputSpinnerProps } from '../forms/InputSpinner';
+interface Props extends Omit<InputSpinnerProps, 'onChange' | 'defaultValues'> {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `InputSpinner` component ready to be used with the `react-hook-form` context.
+ * @see InputSpinner
+ */
+declare function HookedInputSpinner({ name, ...props }: Props): JSX.Element;
+declare namespace HookedInputSpinner {
+    var displayName: string;
+}
+export { HookedInputSpinner };

package/dist/ui/hook-form/HookedInputToggleBox.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { type InputToggleBoxProps } from '../forms/InputToggleBox';
+interface Props extends InputToggleBoxProps {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+    /**
+     * show validation error message underneath
+     */
+    showValidation?: boolean;
+}
+/**
+ * `InputToggleBox` component ready to be used with the `react-hook-form` context.
+ * @see InputToggleBox
+ */
+declare function HookedInputToggleBox({ name, showValidation, ...props }: Props): JSX.Element;
+declare namespace HookedInputToggleBox {
+    var displayName: string;
+}
+export { HookedInputToggleBox };

package/dist/ui/hook-form/HookedInputToggleListBox.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { type InputToggleListBoxProps } from '../forms/InputToggleListBox';
+interface Props extends InputToggleListBoxProps {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+    /**
+     * show validation error message underneath
+     */
+    showValidation?: boolean;
+}
+/**
+ * `InputToggleListBox` component ready to be used with the `react-hook-form` context.
+ * @see InputToggleListBox
+ */
+declare function HookedInputToggleListBox({ name, showValidation, ...props }: Props): JSX.Element;
+declare namespace HookedInputToggleListBox {
+    var displayName: string;
+}
+export { HookedInputToggleListBox };

package/dist/ui/hook-form/HookedRelationshipSelector.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type RelationshipSelectorProps } from '../resources/RelationshipSelector';
+interface Props extends Omit<RelationshipSelectorProps, 'onChange' | 'defaultValues'> {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+/**
+ * `RelationshipSelector` component ready to be used with the `react-hook-form` context.
+ * Since it will perform api requests to fetch list of options, it also needs to access `CoreSdkProvider` context.
+ * @see RelationshipSelector
+ */
+declare function HookedRelationshipSelector({ name, ...props }: Props): JSX.Element;
+declare namespace HookedRelationshipSelector {
+    var displayName: string;
+}
+export { HookedRelationshipSelector };

package/dist/ui/hook-form/HookedToggleButtons.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type ToggleButtonsProps } from '../forms/ToggleButtons';
+type Props = Omit<ToggleButtonsProps, 'value' | 'onChange'> & {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+};
+/**
+ * `ToggleButtons` component ready to be used with the `react-hook-form` context.
+ * Stored value will be a string when used as `mode="single"` or an array of strings when `mode="multiple"`.
+ * @see ToggleButtons
+ */
+declare function HookedToggleButtons({ name, ...props }: Props): JSX.Element;
+declare namespace HookedToggleButtons {
+    var displayName: string;
+}
+export { HookedToggleButtons };

package/dist/ui/hook-form/HookedValidationApiError.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+interface ValidationApiErrorProps {
+    /**
+     * An error object returned from a failed API request.
+     * We expect an object that contain an `errors` property with the Core Api error items shape.
+     */
+    apiError: any;
+    /**
+     * Optional map of app field names to API error field names.
+     * This is useful when the API returns field names that are different from the app field names.
+     * For example, if the API returns `first_name` instead of `firstName`, you can pass `{ first_name: 'firstName' }`.
+     *
+     * Format is:
+     * ```{ apiFieldName: appFieldName }```
+     */
+    fieldMap?: Record<string, string>;
+}
+declare function HookedValidationApiError({ apiError, fieldMap }: ValidationApiErrorProps): JSX.Element;
+declare namespace HookedValidationApiError {
+    var displayName: string;
+}
+export { HookedValidationApiError };

package/dist/ui/hook-form/HookedValidationError.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Props {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+}
+declare function HookedValidationError({ name }: Props): JSX.Element | null;
+declare namespace HookedValidationError {
+    var displayName: string;
+}
+export { HookedValidationError };