@commercelayer/app-elements 2.8.3 → 2.10.0

package/dist/ui/composite/Dropdown/DropdownItem.d.ts

@@ -1,5 +1,4 @@
 import { IconProps } from '../../atoms/Icon/Icon';
-
 export type DropdownItemProps = React.HTMLAttributes<HTMLElement> & {
     label: string;
     icon?: IconProps['name'] | 'keep-space';
@@ -24,12 +23,14 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -53,7 +54,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -310,12 +310,14 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -339,7 +341,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;

package/dist/ui/composite/Dropdown/DropdownMenu.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export interface DropdownMenuProps extends React.HTMLAttributes<HTMLElement> {
     /** Menu content */
     children?: React.ReactNode;

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

@@ -1,7 +1,6 @@
 import { PageHeadingProps } from '../atoms/PageHeading';
 import { PageHeadingToolbarProps } from '../atoms/PageHeading/PageHeadingToolbar';
 import { ReactNode } from 'react';
-
 export interface HomePageLayoutProps extends Pick<PageHeadingProps, 'title'> {
     /**
      * Page content

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

@@ -1,6 +1,5 @@
 import { PaginationProps } from '../atoms/Pagination';
 import { ReactNode } from 'react';
-
 type ListPagination = {
     recordsPerPage: number;
     recordCount: number;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export interface ListDetailsProps {
     /**
      * Optional title to show on top of the list

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export interface ListDetailsItemProps {
     /**
      * label to show on the left side. In a key/value pair, this is the `key`

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

@@ -1,6 +1,5 @@
 import { FlexRowProps } from '../internals/FlexRow';
 import { FC } from 'react';
-
 type ListItemVariant = 'list' | 'boxed';
 export type ListItemProps = React.HTMLAttributes<HTMLElement> & Pick<FlexRowProps, 'alignItems' | 'children'> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
     /**

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

@@ -1,5 +1,4 @@
 import { PageHeadingProps } from '../atoms/PageHeading';
-
 export interface PageErrorProps extends Pick<PageHeadingProps, 'navigationButton'> {
     /**
      * Main page title wrapped in a h1 element

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

@@ -1,7 +1,6 @@
 import { ContainerProps } from '../atoms/Container';
 import { PageHeadingProps } from '../atoms/PageHeading';
 import { ReactNode } from 'react';
-
 export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'navigationButton' | 'toolbar' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
     /**
      * Page content

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 interface ReportItem {
     label: string;
     count: ReactNode;

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

@@ -1,7 +1,6 @@
 import { ListableResourceType } from '@commercelayer/sdk';
 import { RouteComponentProps } from 'wouter';
 import { GetParams } from './utils';
-
 /**
  * Renders the Switch component to conditionally render a route based on the current path
  * by leveraging the `wouter` library to handle routing.

package/dist/ui/composite/Routes/utils.d.ts

@@ -1,5 +1,4 @@
 import { Simplify } from 'type-fest';
-
 /**
  * Create a `Route` given a path. Route has the provided `path` and a `makePath` method that helps making a path.
  * @param path it can be a simple string (e.g. `/` or `/home/`) or a more complex with variables (e.g. `/users/:name/` or `/orders/:id?/`)

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

@@ -1,5 +1,4 @@
 import { SkeletonTemplateProps } from '../atoms/SkeletonTemplate';
-
 export interface SearchBarProps extends Pick<SkeletonTemplateProps, 'isLoading' | 'delayMs'> {
     /**
      * Initial value of the search bar. When changed, the search bar will be updated.

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

@@ -1,5 +1,4 @@
 import { JsonObject } from 'type-fest';
-
 export interface TableDataProps {
     /** Data to render in the table */
     data: JsonObject[];

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export interface TimelineEvent {
     date: string;
     author?: string;

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

@@ -1,7 +1,6 @@
 import { ButtonProps } from '../atoms/Button';
 import { IconProps } from '../atoms/Icon';
 import { DropdownItemProps } from './Dropdown';
-
 export interface ToolbarItem {
     label?: string;
     icon?: IconProps['name'];

package/dist/ui/forms/Form/HookedForm.d.ts

@@ -1,5 +1,4 @@
 import { FieldValues, FormProviderProps } from 'react-hook-form';
-
 interface FormProps<T extends FieldValues> extends FormProviderProps<T> {
     /**
      * Callback invoked on submit when form has been successfully validated

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

@@ -1,5 +1,4 @@
 import { InputProps } from './Input';
-
 export interface HookedInputProps extends InputProps {
     /**
      * field name to match hook-form state

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
-
 export interface InputProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**
      * Controlled type

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

@@ -1,5 +1,4 @@
 import { InputCheckboxProps } from './InputCheckbox';
-
 export interface HookedInputCheckboxProps extends Omit<InputCheckboxProps, 'onChange' | 'checked' | 'feedback' | 'defaultValue' | 'defaultChecked'> {
     /**
      * field name to match hook-form state

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
-
 export interface InputCheckboxProps extends Omit<InputWrapperBaseProps, 'label' | 'inline'>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
     /**
      * Icon component

package/dist/ui/forms/InputCheckboxGroup/HookedInputCheckboxGroup.d.ts

@@ -1,5 +1,4 @@
 import { InputCheckboxGroupProps } from './InputCheckboxGroup';
-
 export interface HookedInputCheckboxGroupProps extends Omit<InputCheckboxGroupProps, 'onChange' | 'defaultValues'> {
     /**
      * field name to match hook-form state

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from 'react';
 import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
-
 export interface SelectedItem {
     /**
      * Item identifier, should be one of the options

package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts

@@ -1,6 +1,5 @@
 import { InputCheckboxProps } from '../InputCheckbox';
 import { ComponentProps } from 'react';
-
 export interface InputCheckboxGroupOption extends Pick<InputCheckboxProps, 'icon' | 'checked'> {
     /**
      * Input name, will be used to set the html name for checkbox and the quantity inputs.

package/dist/ui/forms/InputCheckboxGroup/reducer.d.ts

@@ -1,6 +1,5 @@
 import { SelectedItem } from './InputCheckboxGroup';
 import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
-
 export type InternalState = Array<{
     value: string;
     quantity?: number;

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

@@ -1,5 +1,4 @@
 import { InputCurrencyProps } from './InputCurrency';
-
 export interface HookedInputCurrencyProps extends Omit<InputCurrencyProps, 'onChange' | 'onBlur' | 'cents'> {
     /**
      * field name to match hook-form state

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

@@ -1,7 +1,6 @@
 import { CurrencyCode } from '../../../helpers/currencies';
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { CurrencyInputProps as ReactCurrencyInputFieldProps } from 'react-currency-input-field';
-
 export interface InputCurrencyProps extends InputWrapperBaseProps, Pick<ReactCurrencyInputFieldProps, 'onBlur' | 'onClick' | 'disabled'> {
     /**
      * HTML input id

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

@@ -1,5 +1,4 @@
 import { Currency, CurrencyCode } from '../../../helpers/currencies';
-
 /**
  *  Returns a currency object for a given currency code
  */

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

@@ -1,7 +1,6 @@
 import { CurrencyCode } from '../../helpers/currencies';
 import { InputCurrencyProps } from './InputCurrency';
 import { InputWrapperBaseProps } from '../internals/InputWrapper';
-
 type Cents = InputCurrencyProps['cents'];
 export interface InputCurrencyRangeProps extends InputWrapperBaseProps {
     fromCents?: Cents;

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

@@ -1,5 +1,4 @@
 import { InputDateProps } from './InputDateComponent';
-
 export interface HookedInputDateProps extends Omit<InputDateProps, 'onChange'> {
     /**
      * field name to match hook-form state

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

@@ -1,4 +1,3 @@
 import { default as DatePicker } from 'react-datepicker';
 import { InputDateProps } from './InputDateComponent';
-
 export declare const InputDate: import('react').ForwardRefExoticComponent<InputDateProps & import('react').RefAttributes<DatePicker>>;

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

@@ -1,6 +1,5 @@
 import { default as DatePicker } from 'react-datepicker';
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
-
 export type MaybeDate = Date | null;
 export interface InputDateProps extends InputWrapperBaseProps {
     /**

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

@@ -1,5 +1,4 @@
 import { InputDateRangeProps } from './InputDateRange';
-
 export interface HookedInputDateRangeProps extends Omit<InputDateRangeProps, 'onChange' | 'value'> {
     /**
      * field name to match hook-form state

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

@@ -1,6 +1,5 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { InputDateProps, MaybeDate } from '../InputDate/InputDateComponent';
-
 export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder' | 'showTimeSelect'>, InputWrapperBaseProps {
     /** a tuple that represents the [from, to] dates */
     value: [MaybeDate, MaybeDate];

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../internals/InputWrapper';
-
 export interface InputFileProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**
      * The title is shown within the input.

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../internals/InputWrapper';
-
 export interface InputJsonProps<JsonType> extends InputWrapperBaseProps {
     placeholder: object;
     validateFn: (json: any) => JsonType;

package/dist/ui/forms/InputRadioGroup/HookedInputRadioGroup.d.ts

@@ -1,5 +1,4 @@
 import { InputRadioGroupProps } from './InputRadioGroup';
-
 export interface HookedInputRadioGroupProps extends Omit<InputRadioGroupProps, 'onChange' | 'defaultValues'> {
     /**
      * field name to match hook-form state

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

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode } from 'react';
-
 interface OptionItem {
     /**
      * Item identifier, must be unique and will be used for the onChange callback

package/dist/ui/forms/InputResourceGroup/FullList.d.ts

@@ -1,6 +1,5 @@
 import { OverlayProps } from '../../internals/Overlay';
 import { ListableResourceType } from '@commercelayer/sdk';
-
 export interface SortBy {
     attribute: string;
     direction: 'asc' | 'desc';

package/dist/ui/forms/InputResourceGroup/HookedInputResourceGroup.d.ts

@@ -1,5 +1,4 @@
 import { InputResourceGroupProps } from './InputResourceGroup';
-
 export interface HookedInputResourceGroupProps extends Omit<InputResourceGroupProps, 'onChange' | 'defaultValues'> {
     /**
      * field name to match hook-form state

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

@@ -1,6 +1,5 @@
 import { QueryFilter } from '@commercelayer/sdk';
 import { FullListProps } from './FullList';
-
 export interface InputResourceGroupProps extends Omit<FullListProps, 'totalCount'> {
     /**
      * Number of item to be shown in the preview list

package/dist/ui/forms/InputResourceGroup/utils.d.ts

@@ -1,5 +1,4 @@
 import { CommerceLayerClient, ListableResourceType } from '@commercelayer/sdk';
-
 export declare function useToggleCheckboxValues(defaultValues: string[]): {
     values: string[];
     toggleValue: (value: string) => void;

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

@@ -1,5 +1,4 @@
 import { GroupBase, SelectInstance } from 'react-select';
 import { GenericAsyncSelectComponentProps } from './GenericAsyncComponent';
 import { InputSelectValue } from './InputSelect';
-
 export declare const AsyncSelectComponent: import('react').ForwardRefExoticComponent<GenericAsyncSelectComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;

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

@@ -1,5 +1,4 @@
 import { GroupBase, SelectInstance } from 'react-select';
 import { GenericAsyncSelectComponentProps } from './GenericAsyncComponent';
 import { InputSelectValue } from './InputSelect';
-
 export declare const AsyncCreatableSelectComponent: import('react').ForwardRefExoticComponent<GenericAsyncSelectComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;

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

@@ -1,6 +1,5 @@
 import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
 import { InputSelectProps, InputSelectValue } from './InputSelect';
-
 export interface CreatableComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;
 }

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

@@ -3,7 +3,6 @@ import { default as AsyncSelect } from 'react-select/async';
 import { default as AsyncCreatableSelect } from 'react-select/async-creatable';
 import { SetRequired } from 'type-fest';
 import { InputSelectProps, InputSelectValue } from './InputSelect';
-
 export interface GenericAsyncSelectComponentProps extends Omit<SetRequired<InputSelectProps, 'loadAsyncValues'>, 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;
 }

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

@@ -1,5 +1,4 @@
 import { InputSelectProps, PossibleSelectValue } from './InputSelect';
-
 export interface HookedInputSelectProps extends Omit<InputSelectProps, 'onSelect' | 'defaultValue'> {
     /**
      * field name to match hook-form state

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

@@ -1,7 +1,6 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { FocusEventHandler } from 'react';
 import { GroupBase, MultiValue, Options, SelectInstance, SingleValue } from 'react-select';
-
 export type GroupedSelectValues = Array<{
     label?: string;
     options: InputSelectValue[];

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

@@ -1,6 +1,5 @@
 import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
 import { InputSelectProps, InputSelectValue } from './InputSelect';
-
 export interface SelectComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;
 }

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

@@ -1,6 +1,5 @@
 import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, GroupHeadingProps, MenuListProps, MultiValueGenericProps } from 'react-select';
 import { InputSelectValue } from '.';
-
 declare function DropdownIndicator(props: DropdownIndicatorProps<InputSelectValue>): JSX.Element;
 declare function ClearIndicator(props: ClearIndicatorProps<InputSelectValue>): JSX.Element;
 declare function MultiValueContainer(props: MultiValueGenericProps<MultiValueGenericProps<InputSelectValue, boolean, GroupBase<InputSelectValue>>>): JSX.Element;

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

@@ -1,5 +1,4 @@
 import { InputFeedbackProps } from '../InputFeedback';
 import { StylesConfig } from 'react-select';
 import { InputSelectValue } from '.';
-
 export declare const getSelectStyles: (feedbackVariant?: InputFeedbackProps["variant"]) => StylesConfig<InputSelectValue>;

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

@@ -1,5 +1,4 @@
 import { GroupedSelectValues, InputSelectValue, PossibleSelectValue } from './InputSelect';
-
 /**
  * Helper function to understand and refine type of a single selected value
  * @param selectedValue possible value returned from select component

package/dist/ui/forms/InputSimpleSelect/HookedInputSimpleSelect.d.ts

@@ -1,5 +1,4 @@
 import { InputSimpleSelectProps } from './InputSimpleSelect';
-
 export interface HookedInputSimpleSelectProps extends InputSimpleSelectProps {
     /**
      * field name to match hook-form state

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
-
 interface InputSimpleSelectOption {
     value: string;
     label: string;

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

@@ -1,5 +1,4 @@
 import { InputSpinnerProps } from './InputSpinner';
-
 export interface HookedInputSpinnerProps extends Omit<InputSpinnerProps, 'onChange' | 'defaultValues'> {
     /**
      * field name to match hook-form state

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

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

package/dist/ui/forms/InputSwitch/HookedInputSwitch.d.ts

@@ -1,5 +1,4 @@
 import { InputSwitchProps } from './InputSwitch';
-
 export interface HookedInputSwitchProps extends InputSwitchProps {
     /**
      * field name to match hook-form state

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
-
 export interface InputSwitchProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
 }
 export declare const InputSwitch: import('react').ForwardRefExoticComponent<InputSwitchProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,4 @@
 import { InputTextAreaProps } from './InputTextArea';
-
 export interface HookedInputTextAreaProps extends InputTextAreaProps {
     /**
      * field name to match hook-form state

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

@@ -1,5 +1,4 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
-
 export interface InputTextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, InputWrapperBaseProps {
 }
 export declare const InputTextArea: import('react').ForwardRefExoticComponent<InputTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/ui/forms/InputToggleButton/HookedInputToggleButton.d.ts

@@ -1,5 +1,4 @@
 import { InputToggleButtonProps } from './InputToggleButton';
-
 export type HookedInputToggleButtonProps = Omit<InputToggleButtonProps, 'value' | 'onChange'> & {
     /**
      * field name to match hook-form state

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

@@ -1,6 +1,5 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { Simplify } from 'type-fest';
-
 type ToggleButtonValue = string | boolean | number;
 interface ToggleButtonOption {
     label: string;

package/dist/ui/forms/MarketWithCurrencySelector/HookedMarketWithCurrencySelector.d.ts

@@ -1,6 +1,5 @@
 import { InputSelectProps } from '../InputSelect';
 import { FC } from 'react';
-
 export interface HookedMarketWithCurrencySelectorProps extends Pick<InputSelectProps, 'hint' | 'label' | 'isDisabled'> {
     /**
      * Market input name where market ID is stored.

package/dist/ui/forms/ReactHookForm/setApiFormErrors.d.ts

@@ -1,5 +1,4 @@
 import { UseFormSetError } from 'react-hook-form';
-
 export declare function setApiFormErrors({ apiError, setError, fieldMap, formFields }: {
     /**
      * Error response from API

package/dist/ui/forms/ReactHookForm/useValidationFeedback.d.ts

@@ -1,5 +1,4 @@
 import { InputFeedbackProps } from '../InputFeedback';
-
 type MaybeFeedback = Omit<InputFeedbackProps, 'className'> | undefined;
 export declare function useValidationFeedback(name: string): MaybeFeedback;
 export {};

package/dist/ui/internals/FlexRow.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type FlexRowAlignItems = 'top' | 'bottom' | 'center';
 export interface FlexRowProps extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode;

package/dist/ui/internals/InputWrapper.d.ts

@@ -1,6 +1,5 @@
 import { HintProps } from '../atoms/Hint';
 import { InputFeedbackProps } from '../forms/InputFeedback';
-
 export interface InputWrapperBaseProps {
     /**
      * Optional input label

package/dist/ui/resources/ResourceAddress/ResourceAddress.d.ts

@@ -1,5 +1,4 @@
 import { Address } from '@commercelayer/sdk';
-
 export interface ResourceAddressProps {
     /**
      * Resource of type `Address`

package/dist/ui/resources/ResourceAddress/ResourceAddressForm.d.ts

@@ -1,5 +1,4 @@
 import { Address } from '@commercelayer/sdk';
-
 export declare const ResourceAddressForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     address: Address;
     onChange: (updatedAddress: Address) => void;

package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts

@@ -1,5 +1,4 @@
 import { z } from 'zod';
-
 export declare const resourceAddressFormFieldsSchema: z.ZodEffects<z.ZodObject<{
     business: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodBoolean>>>;
     first_name: z.ZodOptional<z.ZodNullable<z.ZodString>>;

package/dist/ui/resources/ResourceAddress/useResourceAddressOverlay.d.ts

@@ -1,5 +1,4 @@
 import { Address } from '@commercelayer/sdk';
-
 export declare const useResourceAddressOverlay: ({ title, address, showBillingInfo, showNotes, onUpdate }: {
     title?: string;
     address: Address;

package/dist/ui/resources/ResourceDetails/ResourceDetails.d.ts

@@ -1,13 +1,14 @@
 import { Resource } from '@commercelayer/sdk';
-
 export interface ResourceDetailsProps {
     resource: Resource;
+    onUpdated: () => Promise<void>;
 }
 /**
  * This component provides a listed visualization of details attributes of a given resource.
  */
 export declare const ResourceDetails: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     resource: Resource;
+    onUpdated: () => Promise<void>;
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceDetails/ResourceDetailsForm.d.ts

@@ -0,0 +1,7 @@
+import { ResourceDetailsProps } from './ResourceDetails';
+export declare const ResourceDetailsForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    resource: ResourceDetailsProps["resource"];
+    onUpdated: ResourceDetailsProps["onUpdated"];
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;