@commercelayer/app-elements 2.3.0 → 2.3.2

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

@@ -66,20 +66,20 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
-    'data-tooltip-id'?: string;
-    'data-tooltip-place'?: import('react-tooltip').PlacesType;
-    'data-tooltip-content'?: string | null;
-    'data-tooltip-html'?: string | null;
-    'data-tooltip-variant'?: import('react-tooltip').VariantType;
-    'data-tooltip-offset'?: number;
-    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType;
-    'data-tooltip-events'?: import('react-tooltip').EventsType[];
-    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy;
-    'data-tooltip-delay-show'?: number;
-    'data-tooltip-delay-hide'?: number;
-    'data-tooltip-float'?: boolean;
-    'data-tooltip-hidden'?: boolean;
-    'data-tooltip-class-name'?: string;
+    'data-tooltip-id'?: string | undefined;
+    'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
+    'data-tooltip-content'?: (string | null) | undefined;
+    'data-tooltip-html'?: (string | null) | undefined;
+    'data-tooltip-variant'?: import('react-tooltip').VariantType | undefined;
+    'data-tooltip-offset'?: number | undefined;
+    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType | undefined;
+    'data-tooltip-events'?: import('react-tooltip').EventsType[] | undefined;
+    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy | undefined;
+    'data-tooltip-delay-show'?: number | undefined;
+    'data-tooltip-delay-hide'?: number | undefined;
+    'data-tooltip-float'?: boolean | undefined;
+    'data-tooltip-hidden'?: boolean | undefined;
+    'data-tooltip-class-name'?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -298,11 +298,11 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     label: string;
-    icon?: IconProps["name"] | "keep-space";
+    icon?: (IconProps["name"] | "keep-space") | undefined;
     href: string;
-    target?: string;
-    delayMs?: number;
-    isLoading?: boolean;
+    target?: string | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 } | {
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -352,20 +352,20 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
-    'data-tooltip-id'?: string;
-    'data-tooltip-place'?: import('react-tooltip').PlacesType;
-    'data-tooltip-content'?: string | null;
-    'data-tooltip-html'?: string | null;
-    'data-tooltip-variant'?: import('react-tooltip').VariantType;
-    'data-tooltip-offset'?: number;
-    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType;
-    'data-tooltip-events'?: import('react-tooltip').EventsType[];
-    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy;
-    'data-tooltip-delay-show'?: number;
-    'data-tooltip-delay-hide'?: number;
-    'data-tooltip-float'?: boolean;
-    'data-tooltip-hidden'?: boolean;
-    'data-tooltip-class-name'?: string;
+    'data-tooltip-id'?: string | undefined;
+    'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
+    'data-tooltip-content'?: (string | null) | undefined;
+    'data-tooltip-html'?: (string | null) | undefined;
+    'data-tooltip-variant'?: import('react-tooltip').VariantType | undefined;
+    'data-tooltip-offset'?: number | undefined;
+    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType | undefined;
+    'data-tooltip-events'?: import('react-tooltip').EventsType[] | undefined;
+    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy | undefined;
+    'data-tooltip-delay-show'?: number | undefined;
+    'data-tooltip-delay-hide'?: number | undefined;
+    'data-tooltip-float'?: boolean | undefined;
+    'data-tooltip-hidden'?: boolean | undefined;
+    'data-tooltip-class-name'?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -584,8 +584,8 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     label: string;
-    icon?: IconProps["name"] | "keep-space";
-    href?: never;
-    delayMs?: number;
-    isLoading?: boolean;
+    icon?: (IconProps["name"] | "keep-space") | undefined;
+    href?: never | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -23,19 +23,23 @@ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'descr
 }
 export declare const PageLayout: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     children: ReactNode;
-    mode?: "test" | "live";
-    overlay?: boolean;
-    scrollToTop?: boolean;
+    mode?: ("test" | "live") | undefined;
+    overlay?: boolean
+    /**
+     * Optional prop to enable scroll to top behavior on location change
+     */
+     | undefined;
+    scrollToTop?: boolean | undefined;
     description?: ReactNode;
     title: ReactNode;
-    gap?: "none" | "only-top" | "only-bottom" | "both";
-    toolbar?: import('../atoms/PageHeading/PageHeadingToolbar').PageHeadingToolbarProps;
+    gap?: ("none" | "only-top" | "only-bottom" | "both") | undefined;
+    toolbar?: import('../atoms/PageHeading/PageHeadingToolbar').PageHeadingToolbarProps | undefined;
     navigationButton?: {
         label: string;
         onClick: () => void;
         icon?: "x" | "arrowLeft";
-    };
-    minHeight?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    } | undefined;
+    minHeight?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -14,11 +14,11 @@ export interface TimelineProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 }
 export declare const Timeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     events: TimelineEvent[];
-    timezone?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    delayMs?: number;
-    isLoading?: boolean;
+    timezone?: string | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -27,6 +27,6 @@ export interface ToolbarProps {
  */
 export declare const Toolbar: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     items: ToolbarItem[];
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -21,12 +21,20 @@ export interface SelectedItem {
  * <span type="info">Quantity for each option item has a min/max range, to prevent selecting less or more than the allowed number.</span>
  */
 export declare const InputCheckboxGroup: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    title?: string;
+    title?: string
+    /**
+     * list of options to render as checkboxes with quantity input
+     */
+     | undefined;
     options: InputCheckboxGroupOption[];
-    defaultValues?: SelectedItem[];
+    defaultValues?: SelectedItem[]
+    /**
+     * Callback triggered when the user checks/unchecks an option or changes the quantity
+     */
+     | undefined;
     onChange: (selected: SelectedItem[]) => void;
-    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className">;
-    delayMs?: number;
-    isLoading?: boolean;
+    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export type InputCheckboxGroupProps = ComponentProps<typeof InputCheckboxGroup>;

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

@@ -40,17 +40,21 @@ export interface Props extends InputCheckboxGroupOption {
  */
 export declare const InputCheckboxGroupItem: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     onChange: (value: string, newQuantity?: number) => void;
-    defaultQuantity?: number;
-    name?: string;
+    defaultQuantity?: number | undefined;
+    name?: string
+    /**
+     * Item identifier, must be unique and will be used for the onChange callback.
+     */
+     | undefined;
     value: string;
     content: React.ReactNode;
     quantity?: {
         min: number;
         max: number;
-    };
-    icon?: JSX.Element;
+    } | undefined;
+    icon?: JSX.Element | undefined;
     checked?: boolean | undefined;
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export type InputCheckboxGroupItemProps = ComponentProps<typeof InputCheckboxGroupItem>;

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

@@ -1,22 +1,26 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { InputDateProps, MaybeDate } from '../InputDate/InputDateComponent';
 
-export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder'>, InputWrapperBaseProps {
-    /**
-     * a tuple that represents the [from, to] dates
-     */
+export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder' | 'showTimeSelect'>, InputWrapperBaseProps {
+    /** a tuple that represents the [from, to] dates */
     value: [MaybeDate, MaybeDate];
-    /**
-     * callback triggered when one of the two dates changes
-     */
+    /** callback triggered when one of the two dates changes */
     onChange: (dates: [MaybeDate, MaybeDate]) => void;
-    /**
-     * optional placeholder text for the `from` date
-     */
+    /** label to be displayed on the `from` date input. */
+    fromLabel?: string;
+    /** optional placeholder text for the `from` date  */
     fromPlaceholder?: string;
-    /**
-     * optional placeholder text for the `to` date
-     */
+    /** optional hint text for the `from` date  */
+    fromHint?: InputWrapperBaseProps['hint'];
+    /** label to be displayed on the `to` date input */
+    /** optional feedback message for the `from` date  */
+    fromFeedback?: InputWrapperBaseProps['feedback'];
+    toLabel?: string;
+    /** optional placeholder text for the `to` date */
     toPlaceholder?: string;
+    /** optional hint text for the `to` date  */
+    toHint?: InputWrapperBaseProps['hint'];
+    /** optional feedback message for the `to` date  */
+    toFeedback?: InputWrapperBaseProps['feedback'];
 }
 export declare const InputDateRange: import('react').ForwardRefExoticComponent<InputDateRangeProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -19,20 +19,33 @@ interface OptionItem {
     className?: string;
 }
 export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    title?: string;
+    title?: string
+    /**
+     * Input name, will be used to set the html name for all radios
+     */
+     | undefined;
     name: string;
     options: OptionItem[];
-    defaultValue?: string;
-    onChange?: (selected: string | undefined) => void;
-    showInput?: boolean;
-    viewMode?: "list" | "inline" | "grid" | "simple";
+    defaultValue?: string
+    /**
+     * Callback triggered when the user update the selection
+     */
+     | undefined;
+    onChange?: ((selected: string | undefined) => void) | undefined;
+    showInput?: boolean
+    /**
+     * Define how the item options are rendered
+     * @default list
+     */
+     | undefined;
+    viewMode?: ("list" | "inline" | "grid" | "simple") | undefined;
     hint?: {
         icon?: import('../../atoms/Hint').HintProps["icon"];
         text: import('../../atoms/Hint').HintProps["children"];
-    };
-    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className">;
-    delayMs?: number;
-    isLoading?: boolean;
+    } | undefined;
+    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export type InputRadioGroupProps = ComponentProps<typeof InputRadioGroup>;
 export {};

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

@@ -28,19 +28,40 @@ export type InputReadonlyProps = InputWrapperBaseProps & {
     secret?: boolean;
 };
 export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    label?: string;
+    label?: string | undefined;
     hint?: {
         icon?: import('../atoms/Hint').HintProps["icon"];
         text: import('../atoms/Hint').HintProps["children"];
-    };
-    feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className">;
-    inline?: boolean;
-    wrapperClassName?: string;
-    inputClassName?: string;
-    showCopyAction?: boolean;
-    value?: string;
-    children?: string;
-    secret?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    } | undefined;
+    feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className"> | undefined;
+    inline?: boolean | undefined;
+    wrapperClassName?: string
+    /**
+     * Optional CSS class names used for the input element
+     */
+     | undefined;
+    inputClassName?: string
+    /**
+     * Optional prop to define whether to show or not the Copy to clipboard button
+     */
+     | undefined;
+    showCopyAction?: boolean
+    /**
+     * Value to be rendered as simple input text
+     */
+     | undefined;
+    value?: string
+    /**
+     * Multi-line content to be rendered as textarea like.
+     * It only accepts a string and will respect new lines when passing a template literal (backticks).
+     */
+     | undefined;
+    children?: string
+    /**
+     * Show an icon to hide/show content. Content starts hidden if `secret` is true.
+     */
+     | undefined;
+    secret?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -33,19 +33,32 @@ export interface InputWrapperProps extends InputWrapperBaseProps {
     fieldset?: boolean;
 }
 export declare const InputWrapper: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    className?: string;
-    name?: string;
+    className?: string | undefined;
+    name?: string | undefined;
     children: React.ReactNode;
-    fieldset?: boolean;
-    label?: string;
+    fieldset?: boolean | undefined;
+    label?: string
+    /**
+     * Optional hint to be rendered below
+     */
+     | undefined;
     hint?: {
         icon?: HintProps["icon"];
         text: HintProps["children"];
-    };
-    feedback?: Omit<InputFeedbackProps, "className">;
-    inline?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    }
+    /**
+     * Optional hint to be rendered below
+     */
+     | undefined;
+    feedback?: Omit<InputFeedbackProps, "className">
+    /**
+     * Show label and input on the same line
+     * @default false
+     */
+     | undefined;
+    inline?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export declare function getFeedbackStyle(feedback?: Omit<InputFeedbackProps, 'className'>): Record<string, boolean>;
 export declare function getFeedbackCssInJs(variant?: InputFeedbackProps['variant']): Pick<CSSStyleDeclaration, 'boxShadow'> & {

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

@@ -31,10 +31,26 @@ export interface ResourceAddressProps {
  */
 export declare const ResourceAddress: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     resource: Address;
-    title?: string;
-    editable?: boolean;
-    showBillingInfo?: boolean;
-    showNotes?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    title?: string
+    /**
+     * Optional setting to define if given address is editable (if set the Edit button and Overlay will be enabled).
+     * Given the setting the component will also verify user abilities to ensure if he is enabled to update the
+     * requested resource before to render editable related functionalities.
+     */
+     | undefined;
+    editable?: boolean
+    /**
+     * Optional setting to define if given `Address` `billing_info` data is visible.
+     * @default false
+     */
+     | undefined;
+    showBillingInfo?: boolean
+    /**
+     * Optional setting to define if given `Address` `billing_info` data is visible.
+     * @default true
+     */
+     | undefined;
+    showNotes?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -3,9 +3,9 @@ import { Address } from '@commercelayer/sdk';
 export declare const ResourceAddressForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     address: Address;
     onChange: (updatedAddress: Address) => void;
-    showBillingInfo?: boolean;
-    showNotes?: boolean;
-    showNameOrCompany?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    showBillingInfo?: boolean | undefined;
+    showNotes?: boolean | undefined;
+    showNameOrCompany?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -98,10 +98,29 @@ export interface ResourceAddressFormFieldsProps {
     showNameOrCompany?: boolean;
 }
 export declare const ResourceAddressFormFields: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    name?: string;
-    showBillingInfo?: boolean;
-    showNotes?: boolean;
-    showNameOrCompany?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    name?: string
+    /**
+     * Optional setting to define if given `Address` `billing_info` data is visible.
+     * @default false
+     */
+     | undefined;
+    showBillingInfo?: boolean
+    /**
+     * Optional setting to define if given `Address` `billing_info` data is visible.
+     * @default true
+     */
+     | undefined;
+    showNotes?: boolean
+    /**
+     * Determines whether to show only business fields (`company`) or non-business fields (`first_name` and `last_name`).
+     *
+     * When `business` is set to **`true`** the `first_name` and `last_name` fields are hidden.
+     * When `business` is set to **`false`** the `company` field is hidden.
+     *
+     * @default false
+     */
+     | undefined;
+    showNameOrCompany?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -9,15 +9,23 @@ export type ResourceLineItemsProps = ComponentProps<typeof ResourceLineItems>;
  */
 export declare const ResourceLineItems: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     items: Item[];
-    size?: "small" | "normal";
+    size?: ("small" | "normal") | undefined;
     footer?: Array<{
         key: string;
         element: React.ReactNode;
         fullWidth?: boolean;
-    }>;
-    editable?: boolean;
-    onChange?: () => void;
-    delayMs?: number;
-    isLoading?: boolean;
+    }>
+    /**
+     * Optional setting to define the visibility of line item Edit link.
+     */
+     | undefined;
+    editable?: boolean
+    /**
+     * Optional onChange function to define line item Edit callback.
+     */
+     | undefined;
+    onChange?: (() => void) | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export {};

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

@@ -26,7 +26,7 @@ export declare const ResourceListItem: import('../../atoms/SkeletonTemplate').Sk
     resource: ResourceListItemType;
     href?: ListItemProps["href"];
     onClick?: ListItemProps["onClick"];
-    showRightContent?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
+    showRightContent?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceListItem/common.d.ts

@@ -3,13 +3,13 @@ import { DisplayStatus } from '../../../dictionaries/types';
 export declare const ListItemDescription: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     displayStatus: DisplayStatus;
     date: string;
-    additionalInfos?: string;
-    delayMs?: number;
-    isLoading?: boolean;
+    additionalInfos?: string | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     color: import('../../atoms/StatusIcon').StatusIconProps["background"];
     icon: import('../../atoms/StatusIcon').StatusIconProps["name"];
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -36,8 +36,12 @@ export declare const isUpdatableType: (value: any) => value is UpdatableType;
 export declare const ResourceMetadata: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     resourceType: ListableResourceType;
     resourceId: string;
-    mode?: ResourceMetadataMode;
+    mode?: ResourceMetadataMode
+    /**
+     * Edit overlay configuration
+     */
+     | undefined;
     overlay: ResourceMetadataOverlay;
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceMetadata/ResourceMetadataForm.d.ts

@@ -11,7 +11,7 @@ export declare const ResourceMetadataForm: import('../../atoms/SkeletonTemplate'
     onSubmit: (formValues: ResourceMetadataFormValues) => void;
     isSubmitting: boolean;
     apiError?: any;
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export {};

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

@@ -10,12 +10,12 @@ export interface ResourceOrderTimelineProps {
     };
 }
 export declare const ResourceOrderTimeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    orderId?: string;
-    refresh?: boolean;
+    orderId?: string | undefined;
+    refresh?: boolean | undefined;
     attachmentOption?: {
         onMessage?: (attachment: Attachment) => void;
         referenceOrigin: typeof referenceOrigins.appOrdersNote | typeof referenceOrigins.appShipmentsNote;
-    };
-    delayMs?: number;
-    isLoading?: boolean;
+    } | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -6,7 +6,7 @@ export interface ResourceShipmentParcelsProps {
 }
 export declare const ResourceShipmentParcels: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     shipment: ShipmentResource;
-    onRemoveParcel?: (parcelId: string) => void;
-    delayMs?: number;
-    isLoading?: boolean;
+    onRemoveParcel?: ((parcelId: string) => void) | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -34,8 +34,8 @@ export declare const ResourceTags: import('../atoms/SkeletonTemplate').SkeletonT
     resourceType: TaggableResource;
     resourceId: string;
     overlay: TagsOverlay;
-    onTagClick?: (tagId: string) => void;
-    delayMs?: number;
-    isLoading?: boolean;
+    onTagClick?: ((tagId: string) => void) | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export {};