@commercelayer/app-elements 0.0.19 → 0.0.20

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

@@ -1,10 +1,9 @@
-import React from 'react';
-import { ReactNode } from 'react';
-export declare type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain';
-export declare type TextSize = 'small' | 'regular' | 'large' | 'inherit';
-export declare type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'inherit';
-export declare type TextAlignment = 'center' | 'left' | 'right' | 'inherit';
-export declare type TextWrap = 'normal' | 'nowrap' | 'inherit';
+import { type ReactNode } from 'react';
+export type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain';
+export type TextSize = 'small' | 'regular' | 'large' | 'inherit';
+export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'inherit';
+export type TextAlignment = 'center' | 'left' | 'right' | 'inherit';
+export type TextWrap = 'normal' | 'nowrap' | 'inherit';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     variant?: TextVariant;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
     arrow?: 'none';

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.HTMLAttributes<HTMLElement> {
     label: string;
     icon?: React.ReactNode;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.TdHTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.ThHTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props {
     menuLabel?: React.ReactNode;
     menuItems: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { PageHeadingProps } from '../atoms/PageHeading';
+import { type ReactNode } from 'react';
+import { type PageHeadingProps } from '../atoms/PageHeading';
 export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'onGoBack' | 'actionButton' | 'gap'> {
     /**
      * Page content

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

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

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { InputWrapperBaseProps } from '../forms/InputWrapper';
+import { type InputWrapperBaseProps } from '../forms/InputWrapper';
 export interface InputProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**
      * controlled type
@@ -10,5 +9,5 @@ export interface InputProps extends InputWrapperBaseProps, Omit<React.InputHTMLA
      */
     className?: string;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 export { Input };

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { InputWrapperBaseProps } from '../forms/InputWrapper';
-import { ReactNode } from 'react';
+import { type InputWrapperBaseProps } from '../forms/InputWrapper';
+import { type ReactNode } from 'react';
 export interface InputCheckboxProps extends Omit<InputWrapperBaseProps, 'label'>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
     /**
      * Icon component
@@ -9,5 +8,5 @@ export interface InputCheckboxProps extends Omit<InputWrapperBaseProps, 'label'>
     icon?: JSX.Element;
     children: ReactNode;
 }
-declare const InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps & React.RefAttributes<HTMLInputElement>>;
+declare const InputCheckbox: import("react").ForwardRefExoticComponent<InputCheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 export { InputCheckbox };

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import DatePicker from 'react-datepicker';
-import { InputWrapperBaseProps } from '../../forms/InputWrapper';
-export declare type MaybeDate = Date | null;
+import { type InputWrapperBaseProps } from '../../forms/InputWrapper';
+export type MaybeDate = Date | null;
 export interface InputDateProps extends InputWrapperBaseProps {
     /**
      * controlled value
@@ -41,5 +40,5 @@ export interface InputDateProps extends InputWrapperBaseProps {
      */
     isClearable?: boolean;
 }
-declare const InputDateComponent: React.ForwardRefExoticComponent<InputDateProps & React.RefAttributes<DatePicker<never, undefined>>>;
+declare const InputDateComponent: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<DatePicker<never, undefined>>>;
 export { InputDateComponent };

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

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

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { InputDateProps, MaybeDate } from './InputDate/InputDateComponent';
-import { InputWrapperBaseProps } from '../forms/InputWrapper';
+import { type InputDateProps, type MaybeDate } from './InputDate/InputDateComponent';
+import { type InputWrapperBaseProps } from '../forms/InputWrapper';
 export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder'>, InputWrapperBaseProps {
     /**
      * a tuple that represents the [from, to] dates
@@ -19,5 +18,5 @@ export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable'
      */
     toPlaceholder?: string;
 }
-declare const InputDateRange: React.ForwardRefExoticComponent<InputDateRangeProps & React.RefAttributes<HTMLDivElement>>;
+declare const InputDateRange: import("react").ForwardRefExoticComponent<InputDateRangeProps & import("react").RefAttributes<HTMLDivElement>>;
 export { InputDateRange };

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

@@ -1,4 +1,4 @@
-export declare type FeedbackVariant = 'danger' | 'success' | 'warning';
+export type FeedbackVariant = 'danger' | 'success' | 'warning';
 export interface InputFeedbackProps {
     message: string;
     variant?: FeedbackVariant;

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

@@ -1,10 +1,9 @@
-import React from 'react';
-import { InputWrapperBaseProps } from '../forms/InputWrapper';
+import { type InputWrapperBaseProps } from '../forms/InputWrapper';
 interface InputFileProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**
      * If defined, it shows a progress bar at the bottom. It must be between 0 and 100.
      */
     progress?: number;
 }
-declare const InputFile: React.ForwardRefExoticComponent<InputFileProps & React.RefAttributes<HTMLInputElement>>;
+declare const InputFile: import("react").ForwardRefExoticComponent<InputFileProps & import("react").RefAttributes<HTMLInputElement>>;
 export { InputFile };

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

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

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

@@ -1,4 +1,4 @@
-import { InputWrapperBaseProps } from './InputWrapper';
+import { type InputWrapperBaseProps } from './InputWrapper';
 interface InputReadonlyProps extends InputWrapperBaseProps {
     /**
      * controlled value

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

@@ -1,6 +1,6 @@
-import { InputSelectProps, SelectValue } from './';
-import { StylesConfig } from 'react-select';
-import { SetRequired } from 'type-fest';
+import { type InputSelectProps, type SelectValue } from './';
+import { type StylesConfig } from 'react-select';
+import { type SetRequired } from 'type-fest';
 interface AsyncSelectComponentProps extends Omit<SetRequired<InputSelectProps, 'loadAsyncValues'>, 'label' | 'hint'> {
     styles: StylesConfig<SelectValue>;
 }

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

@@ -1,5 +1,5 @@
-import { InputSelectProps, SelectValue } from './';
-import { StylesConfig } from 'react-select';
+import { type InputSelectProps, type SelectValue } from './';
+import { type StylesConfig } from 'react-select';
 interface SelectComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
     styles: StylesConfig<SelectValue>;
 }

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

@@ -1,7 +1,7 @@
-import { FocusEventHandler } from 'react';
-import { MultiValue, SingleValue } from 'react-select';
-import { InputWrapperBaseProps } from '../../forms/InputWrapper';
-export declare type GroupedSelectValues = Array<{
+import { type FocusEventHandler } from 'react';
+import { type MultiValue, type SingleValue } from 'react-select';
+import { type InputWrapperBaseProps } from '../../forms/InputWrapper';
+export type GroupedSelectValues = Array<{
     label: string;
     options: SelectValue[];
 }>;
@@ -10,7 +10,7 @@ export interface SelectValue {
     label: string;
     meta?: Record<string, any>;
 }
-export declare type PossibleSelectValue = MultiValue<SelectValue> | SingleValue<SelectValue>;
+export type PossibleSelectValue = MultiValue<SelectValue> | SingleValue<SelectValue>;
 export interface InputSelectProps extends InputWrapperBaseProps {
     initialValues: GroupedSelectValues | SelectValue[];
     defaultValue?: SelectValue | SelectValue[];
@@ -39,10 +39,14 @@ declare namespace InputSelect {
  * @returns true if selected value is single, from this point TypeScript will treat this as `SelectValue` type
  */
 export declare function isSingleValueSelected(selectedValue: PossibleSelectValue): selectedValue is SelectValue;
+/**
+ * Type-guard to check if prop `initialValues` is a GroupedSelectValues or SelectValue
+ */
+export declare function isGroupedSelectValues(initialValues?: GroupedSelectValues | SelectValue[]): initialValues is GroupedSelectValues;
 /**
  * Helper function to extract only a specific property from the `SelectValue`
  * @param selectedValue possible value returned from select component
- * @param path path.to.property. Default is `value`
+ * @param pathToValue optional path.to.property. Default is `value`
  * @returns a string or an array of strings.
  * Examples:
  * ```
@@ -57,4 +61,17 @@ export declare function isSingleValueSelected(selectedValue: PossibleSelectValue
  * ```
  */
 export declare function flatSelectValues(selectedValue: PossibleSelectValue, pathToValue?: string): null | string | Array<string | number>;
+/**
+ * To be used when storing the flatten value and there is the need
+ * to retrieve the `defaultValue` to pass as <InputSelect> prop
+ * @param currentValue the current value that is being stored in app state
+ * @param initialValues the array of SelectValue objects that should contain the `currentValue`
+ * @param pathToValue optional path.to.property. Default is `value`
+ * @returns the matched value or values, otherwise undefined.
+ */
+export declare function getDefaultValueFromFlatten({ currentValue, initialValues, pathToValue }: {
+    currentValue?: string | Array<string | number> | null;
+    initialValues?: GroupedSelectValues | SelectValue[];
+    pathToValue?: string;
+}): SelectValue | SelectValue[] | undefined;
 export { InputSelect };

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

@@ -1,5 +1,5 @@
-import { DropdownIndicatorProps, ClearIndicatorProps } from 'react-select';
-import { SelectValue } from '.';
+import { type DropdownIndicatorProps, type ClearIndicatorProps } from 'react-select';
+import { type SelectValue } from '.';
 declare function DropdownIndicator(props: DropdownIndicatorProps<SelectValue>): JSX.Element;
 declare function ClearIndicator(props: ClearIndicatorProps<SelectValue>): JSX.Element;
 declare const selectComponentOverrides: {

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

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

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

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

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

@@ -1,9 +1,8 @@
-import React from 'react';
 export interface InputToggleBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
     id: string;
     label: string;
     description?: React.ReactNode;
     className?: string;
 }
-declare const InputToggleBox: React.ForwardRefExoticComponent<InputToggleBoxProps & React.RefAttributes<HTMLInputElement>>;
+declare const InputToggleBox: import("react").ForwardRefExoticComponent<InputToggleBoxProps & import("react").RefAttributes<HTMLInputElement>>;
 export { InputToggleBox };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface InputToggleListBoxOption {
     value: string;
     label: string;
@@ -11,5 +10,5 @@ export interface InputToggleListBoxProps extends Omit<React.SelectHTMLAttributes
     options: InputToggleListBoxOption[];
     className?: string;
 }
-declare const InputToggleListBox: React.ForwardRefExoticComponent<InputToggleListBoxProps & React.RefAttributes<HTMLSelectElement>>;
+declare const InputToggleListBox: import("react").ForwardRefExoticComponent<InputToggleListBoxProps & import("react").RefAttributes<HTMLSelectElement>>;
 export { InputToggleListBox };

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Props extends React.LabelHTMLAttributes<HTMLLabelElement> {
     gap?: boolean;
 }

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import { InputHTMLAttributes } from 'react';
-import { InputWrapperBaseProps } from '../forms/InputWrapper';
-export declare type RadioOptionValue = string | number | boolean;
+import { type InputHTMLAttributes } from 'react';
+import { type InputWrapperBaseProps } from '../forms/InputWrapper';
+export type RadioOptionValue = string | number | boolean;
 export interface RadioOption {
     value: RadioOptionValue;
     label: string;
@@ -14,5 +13,5 @@ export interface RadioButtonsProps extends InputWrapperBaseProps {
     className?: string;
     onBlur?: InputHTMLAttributes<HTMLInputElement>['onBlur'];
 }
-declare const RadioButtons: React.ForwardRefExoticComponent<RadioButtonsProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioButtons: import("react").ForwardRefExoticComponent<RadioButtonsProps & import("react").RefAttributes<HTMLInputElement>>;
 export { RadioButtons };

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import { InputWrapperBaseProps } from '../forms/InputWrapper';
-import { Simplify } from 'type-fest';
-export declare type ToggleButtonValue = string | boolean | number;
+import { type InputWrapperBaseProps } from '../forms/InputWrapper';
+import { type Simplify } from 'type-fest';
+export type ToggleButtonValue = string | boolean | number;
 export interface ToggleButtonOption {
     label: string;
     value: ToggleButtonValue;
@@ -13,14 +12,14 @@ interface BaseProps extends InputWrapperBaseProps, Omit<React.HTMLAttributes<HTM
 interface SingleValueProps {
     mode: 'single';
     value?: ToggleButtonValue;
-    onChange: (value: ToggleButtonValue) => void;
+    onChange: (value?: ToggleButtonValue) => void;
 }
 interface MultiValuesProps {
     mode: 'multi';
     value?: ToggleButtonValue[];
     onChange: (values: ToggleButtonValue[]) => void;
 }
-export declare type ToggleButtonsProps = Simplify<BaseProps & (SingleValueProps | MultiValuesProps)>;
+export type ToggleButtonsProps = Simplify<BaseProps & (SingleValueProps | MultiValuesProps)>;
 declare function ToggleButtons({ options, value, mode, onChange, label, hint, feedback, ...rest }: ToggleButtonsProps): JSX.Element;
 declare namespace ToggleButtons {
     var displayName: string;

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

@@ -1,6 +1,6 @@
-import { PaginationProps } from '../atoms/Pagination';
-import { ReactNode } from 'react';
-export declare type ListPagination = {
+import { type PaginationProps } from '../atoms/Pagination';
+import { type ReactNode } from 'react';
+export type ListPagination = {
     recordsPerPage: number;
     recordCount: number;
 } & Omit<PaginationProps, 'className' | 'isDisabled'>;

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

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

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

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

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import { FlexRowProps } from '../atoms/FlexRow';
-import { FC } from 'react';
-declare type Props = Pick<FlexRowProps, 'alignItems' | 'children'> & {
+import { type FlexRowProps } from '../atoms/FlexRow';
+import { type FC } from 'react';
+type Props = Pick<FlexRowProps, 'alignItems' | 'children'> & {
     /**
      * Icon component
      * Example: `<Icon>` or `<RadialProgress>` or `<Avatar>`
@@ -16,7 +15,7 @@ declare type Props = Pick<FlexRowProps, 'alignItems' | 'children'> & {
      */
     borderStyle?: 'dashed' | 'solid';
 };
-export declare type ListItemProps = Props & (({
+export type ListItemProps = Props & (({
     /**
      * HTML tag to render
      */

package/dist/ui/resources/ResourceList/index.d.ts

@@ -1,8 +1,8 @@
-import { EmptyStateProps } from '../../atoms/EmptyState';
-import { LegendProps } from '../../atoms/Legend';
-import { CommerceLayerClient, QueryParamsList } from '@commercelayer/sdk';
-import { FC } from 'react';
-import { ListableResource, Resource } from './infiniteFetcher';
+import { type EmptyStateProps } from '../../atoms/EmptyState';
+import { type LegendProps } from '../../atoms/Legend';
+import { type CommerceLayerClient, type QueryParamsList } from '@commercelayer/sdk';
+import { type FC } from 'react';
+import { type ListableResource, type Resource } from './infiniteFetcher';
 export interface ResourceListProps<TResource extends ListableResource> extends Pick<LegendProps, 'title' | 'actionButton'> {
     type: TResource;
     query?: Omit<QueryParamsList, 'pageNumber'>;

package/dist/ui/resources/ResourceList/infiniteFetcher.d.ts

@@ -1,7 +1,7 @@
 import type { CommerceLayerClient, QueryParamsList } from '@commercelayer/sdk';
-export declare type ListableResource = Exclude<keyof CommerceLayerClient, 'addRawResponseReader' | 'addRawResponseReader' | 'addRequestInterceptor' | 'addResponseInterceptor' | 'application' | 'config' | 'currentOrganization' | 'isApiError' | 'openApiSchemaVersion' | 'organization' | 'removeInterceptor' | 'removeRawResponseReader' | 'resources'>;
-declare type ListResource<TResource extends ListableResource> = Awaited<ReturnType<CommerceLayerClient[TResource]['list']>>;
-export declare type Resource<TResource extends ListableResource> = ListResource<TResource>[number];
+export type ListableResource = Exclude<keyof CommerceLayerClient, 'addRawResponseReader' | 'addRawResponseReader' | 'addRequestInterceptor' | 'addResponseInterceptor' | 'application' | 'config' | 'currentOrganization' | 'isApiError' | 'openApiSchemaVersion' | 'organization' | 'removeInterceptor' | 'removeRawResponseReader' | 'resources'>;
+type ListResource<TResource extends ListableResource> = Awaited<ReturnType<CommerceLayerClient[TResource]['list']>>;
+export type Resource<TResource extends ListableResource> = ListResource<TResource>[number];
 export interface FetcherResponse<TResource> {
     list: TResource[];
     meta: {

package/dist/ui/resources/ResourceList/reducer.d.ts

@@ -1,4 +1,4 @@
-import { FetcherResponse, Resource, ListableResource } from './infiniteFetcher';
+import { type FetcherResponse, type Resource, type ListableResource } from './infiniteFetcher';
 interface ResourceListInternalState<TResource extends ListableResource> {
     isLoading: boolean;
     error?: {
@@ -7,7 +7,7 @@ interface ResourceListInternalState<TResource extends ListableResource> {
     data?: FetcherResponse<Resource<TResource>> | undefined;
 }
 export declare const initialState: ResourceListInternalState<any>;
-declare type Action<TResource extends ListableResource> = {
+type Action<TResource extends ListableResource> = {
     type: 'prepare';
 } | {
     type: 'loaded';

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

@@ -1,5 +1,5 @@
 export interface TableDataProps {
-    data: Array<Record<string, string | Object>>;
+    data: Array<Record<string, string | Record<string, unknown>>>;
     className?: string;
     limit?: number;
     title?: string;

package/dist/utils/children.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export declare function isFunctionComponent(child: any): child is {
     type: React.FunctionComponent<any>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "type": "module",
   "files": [
     "dist"
@@ -20,44 +20,44 @@
     "pnpm": ">=7"
   },
   "dependencies": {
-    "@commercelayer/sdk": "4.25.0",
-    "@types/lodash": "^4.14.191",
-    "@types/react": "^18.0.26",
-    "@types/react-datepicker": "^4.8.0",
-    "@types/react-dom": "^18.0.9",
+    "@commercelayer/sdk": "5.0.0",
+    "@types/lodash": "^4.14.192",
+    "@types/react": "^18.0.33",
+    "@types/react-datepicker": "^4.10.0",
+    "@types/react-dom": "^18.0.11",
     "classnames": "^2.3.2",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
-    "react-datepicker": "^4.8.0",
+    "react-datepicker": "^4.11.0",
     "react-dom": "^18.2.0",
-    "react-select": "^5.7.0",
+    "react-select": "^5.7.2",
     "ts-invariant": "^0.10.3",
-    "type-fest": "^3.6.1"
+    "type-fest": "^3.7.2"
   },
   "devDependencies": {
-    "@commercelayer/eslint-config-ts-react": "^0.1.3",
+    "@commercelayer/eslint-config-ts-react": "^1.0.0",
     "@tailwindcss/forms": "^0.5.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
-    "@types/node": "^18.11.17",
+    "@types/node": "^18.15.11",
     "@types/testing-library__jest-dom": "^5.14.5",
-    "@vitejs/plugin-react": "^3.0.0",
-    "autoprefixer": "^10.4.13",
+    "@vitejs/plugin-react": "^3.1.0",
+    "autoprefixer": "^10.4.14",
     "cross-fetch": "^3.1.5",
     "date-fns": "^2.29.3",
     "date-fns-tz": "^2.0.0",
-    "eslint": "^8.30.0",
-    "jsdom": "^20.0.3",
-    "msw": "^1.0.0",
+    "eslint": "^8.37.0",
+    "jsdom": "^21.1.1",
+    "msw": "^1.2.1",
     "phosphor-react": "^1.4.1",
     "polished": "^4.2.2",
-    "postcss": "^8.4.20",
-    "tailwindcss": "^3.2.4",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.3",
-    "vite-plugin-dts": "^1.7.1",
-    "vitest": "^0.26.2"
+    "postcss": "^8.4.21",
+    "tailwindcss": "^3.3.1",
+    "typescript": "^5.0.3",
+    "vite": "^4.2.1",
+    "vite-plugin-dts": "^2.2.0",
+    "vitest": "^0.29.8"
   },
   "peerDependencies": {
     "@commercelayer/sdk": "^4.x"