@commercetools-frontend/experimental-components 6.4.0 → 6.4.2

package/dist/declarations/src/components/product-attributes/product-attribute-input.d.ts

@@ -0,0 +1,13 @@
+declare function ProductAttributeInput(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace ProductAttributeInput {
+    let displayName: string;
+    namespace propTypes {
+        let name: any;
+        let value: any;
+        let isDisabled: any;
+        let isReadOnly: any;
+        let onChange: any;
+        let attributeDefinition: any;
+    }
+}
+export default ProductAttributeInput;

package/dist/declarations/src/components/product-attributes/product-attributes.d.ts

@@ -0,0 +1,18 @@
+declare function ProductAttributes({ WrapperComponent, ...props }: {
+    [x: string]: any;
+    WrapperComponent: any;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace ProductAttributes {
+    namespace propTypes {
+        let name: any;
+        let isDisabled: any;
+        let isReadOnly: any;
+        let WrapperComponent: any;
+        let renderWarnings: any;
+        let attributeDefinitions: any;
+        let handleWarningChange: any;
+        let renderCustomWarnings: any;
+        let additionalInfoHandler: any;
+    }
+}
+export default ProductAttributes;

package/dist/declarations/src/components/product-picker-input/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./product-picker-input.jsx";

package/dist/declarations/src/components/product-picker-input/product-picker-input.d.ts

@@ -0,0 +1,30 @@
+export default ProductPickerInput;
+declare function ProductPickerInput({ isClearable, isDisabled, isReadOnly, onChange, name, onBlur, value, hasError, onError, showLoadingErrorMessage, hasWarning, }: {
+    isClearable: any;
+    isDisabled: any;
+    isReadOnly: any;
+    onChange: any;
+    name: any;
+    onBlur: any;
+    value: any;
+    hasError: any;
+    onError: any;
+    showLoadingErrorMessage: any;
+    hasWarning: any;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace ProductPickerInput {
+    let displayName: string;
+    namespace propTypes {
+        let name: any;
+        let onChange: any;
+        let onBlur: any;
+        let value: any;
+        let hasError: any;
+        let onError: any;
+        let isClearable: any;
+        let isDisabled: any;
+        let isReadOnly: any;
+        let showLoadingErrorMessage: any;
+        let hasWarning: any;
+    }
+}

package/dist/declarations/src/components/product-selection-picker/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./product-selection-picker.jsx";

package/dist/declarations/src/components/product-selection-picker/product-selection-picker.d.ts

@@ -0,0 +1,42 @@
+declare function ProductSelectionsPicker({ lowerProductSelectionsLimit, upperProductSelectionsLimit, renderSelectInputOptionValuesByField, optionType, isMulti, isRequired, hasWarning, hasError, isClearable, isReadOnly, isDisabled, excludedProductSelectionIds, title, ...props }: {
+    [x: string]: any;
+    lowerProductSelectionsLimit?: number | undefined;
+    upperProductSelectionsLimit?: number | undefined;
+    renderSelectInputOptionValuesByField?: string | undefined;
+    optionType?: string | undefined;
+    isMulti?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    hasWarning?: boolean | undefined;
+    hasError?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    excludedProductSelectionIds?: any[] | undefined;
+    title?: string | undefined;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace ProductSelectionsPicker {
+    namespace propTypes {
+        let id: any;
+        let name: any;
+        let title: any;
+        let isRequired: any;
+        let isMulti: any;
+        let value: any;
+        let renderSelectInputOptionValuesByField: any;
+        let optionType: any;
+        let description: any;
+        let onChange: any;
+        let onBlur: any;
+        let isClearable: any;
+        let isDisabled: any;
+        let isReadOnly: any;
+        let lowerProductSelectionsLimit: any;
+        let upperProductSelectionsLimit: any;
+        let hasWarning: any;
+        let hasError: any;
+        let menuPortalTarget: any;
+        let menuPortalZIndex: any;
+        let excludedProductSelectionIds: any;
+    }
+}
+export default ProductSelectionsPicker;

package/dist/declarations/src/components/required-indicator/required-indicator.d.ts

@@ -0,0 +1,10 @@
+export default RequiredIndicator;
+declare function RequiredIndicator({ uncolored }: {
+    uncolored: any;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace RequiredIndicator {
+    let displayName: string;
+    namespace propTypes {
+        let uncolored: any;
+    }
+}

package/dist/declarations/src/components/scroll-to-field-error/scroll-to-field-error.d.ts

@@ -0,0 +1,2 @@
+export default ScrollToFieldError;
+declare function ScrollToFieldError(): null;

package/dist/declarations/src/components/selectable-field-search-input/selectable-field-search-input.d.ts

@@ -0,0 +1,14 @@
+export function SelectableFieldSearchInput(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export namespace SelectableFieldSearchInput {
+    let displayName: string;
+    namespace propTypes {
+        let options: any;
+        let onReset: any;
+        let placeholder: any;
+        let onChange: any;
+        let initialValue: any;
+        let searchMode: any;
+        let disabled: any;
+    }
+}
+export default SelectableFieldSearchInput;

package/dist/declarations/src/components/store-select-field/store-select-field.d.ts

@@ -0,0 +1,46 @@
+export default StoreSelectField;
+declare function StoreSelectField({ lowerStoresLimit, upperStoresLimit, mappedValueField, ...props }: {
+    [x: string]: any;
+    lowerStoresLimit?: number | undefined;
+    upperStoresLimit?: number | undefined;
+    mappedValueField?: string | undefined;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace StoreSelectField {
+    let displayName: string;
+    namespace propTypes {
+        let projectKey: any;
+        let id: any;
+        let name: any;
+        let title: any;
+        let description: any;
+        let hint: any;
+        let hintIcon: any;
+        let horizontalConstraint: any;
+        let isBold: any;
+        let isMulti: any;
+        let isRequired: any;
+        let isDisabled: any;
+        let isClearable: any;
+        let isSearchable: any;
+        let isReadOnly: any;
+        let value: any;
+        let renderSelectInputOptionValuesByField: any;
+        let optionType: any;
+        let touched: any;
+        let onChange: any;
+        let onBlur: any;
+        let hasError: any;
+        let errors: any;
+        let renderError: any;
+        let hasWarning: any;
+        let backspaceRemovesValue: any;
+        let maxMenuHeight: any;
+        let menuPortalTarget: any;
+        let menuPortalZIndex: any;
+        let lowerStoresLimit: any;
+        let upperStoresLimit: any;
+        let allAccessibleStoreKeysThroughDataFencePermissions: any;
+        let controlShouldRenderValue: any;
+        let mappedValueField: any;
+    }
+}

package/dist/declarations/src/components/store-select-input/components/stores-search-select-input/mocks/handlers.d.ts

@@ -0,0 +1,6 @@
+export default handlers;
+declare namespace handlers {
+    namespace FetchStoresByWherePredicate {
+        function all(stores: any): import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;
+    }
+}

package/dist/declarations/src/components/store-select-input/components/stores-search-select-input/mocks/index.d.ts

@@ -0,0 +1,2 @@
+export { handlers };
+import handlers from "./handlers.js";

package/dist/declarations/src/components/store-select-input/hooks/use-stores-by-field-fetcher/mocks/handlers.d.ts

@@ -0,0 +1,6 @@
+export default handlers;
+declare namespace handlers {
+    namespace FetchStoresByField {
+        function all(stores: any): import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;
+    }
+}

package/dist/declarations/src/components/store-select-input/hooks/use-stores-by-field-fetcher/mocks/index.d.ts

@@ -0,0 +1,2 @@
+export { handlers };
+import handlers from "./handlers.js";

package/dist/declarations/src/components/store-select-input/hooks/use-total-number-of-stores-fetcher/mocks/handlers.d.ts

@@ -0,0 +1,6 @@
+export default handlers;
+declare namespace handlers {
+    namespace TotalNumberOfStores {
+        function all(total: any): import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;
+    }
+}

package/dist/declarations/src/components/store-select-input/hooks/use-total-number-of-stores-fetcher/mocks/index.d.ts

@@ -0,0 +1,2 @@
+export { handlers };
+import handlers from "./handlers.js";

package/dist/declarations/src/components/store-select-input/hooks/use-total-number-of-stores-fetcher/use-total-number-of-stores-fetcher.d.ts

@@ -0,0 +1,5 @@
+export default useTotalNumberOfStoresFetcher;
+declare function useTotalNumberOfStoresFetcher(projectKey: any): {
+    total: any;
+    isLoading: boolean;
+};

package/dist/declarations/src/components/store-select-input/store-select-input.d.ts

@@ -0,0 +1,47 @@
+export default StoreSelectInput;
+declare function StoreSelectInput({ lowerStoresLimit, upperStoresLimit, renderSelectInputOptionValuesByField, optionType, shouldFetchProductSelections, ...props }: {
+    [x: string]: any;
+    lowerStoresLimit?: number | undefined;
+    upperStoresLimit?: number | undefined;
+    renderSelectInputOptionValuesByField?: string | undefined;
+    optionType?: string | undefined;
+    shouldFetchProductSelections?: boolean | undefined;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace StoreSelectInput {
+    let displayName: string;
+    namespace propTypes {
+        let projectKey: any;
+        let projectLanguages: any;
+        let id: any;
+        let name: any;
+        let horizontalConstraint: any;
+        let isMulti: any;
+        let isDisabled: any;
+        let isClearable: any;
+        let isSearchable: any;
+        let isReadOnly: any;
+        let value: any;
+        let renderSelectInputOptionValuesByField: any;
+        let optionType: any;
+        let touched: any;
+        let onBlur: any;
+        let onChange: any;
+        let hasError: any;
+        let errors: any;
+        let renderError: any;
+        let renderLabel: any;
+        let hasWarning: any;
+        let backspaceRemovesValue: any;
+        let maxMenuHeight: any;
+        let menuPortalTarget: any;
+        let menuPortalZIndex: any;
+        let menuIsOpen: any;
+        let lowerStoresLimit: any;
+        let upperStoresLimit: any;
+        let allAccessibleStoreKeysThroughDataFencePermissions: any;
+        let shouldFetchProductSelections: any;
+        let controlShouldRenderValue: any;
+        let iconLeft: any;
+        let placeholder: any;
+    }
+}

package/dist/declarations/src/components/store-select-input/utils.d.ts

@@ -0,0 +1,18 @@
+export function mapStoresToOptions({ store, renderSelectInputOptionValuesByField, dataLocale, languages, }: {
+    store: any;
+    renderSelectInputOptionValuesByField: any;
+    dataLocale: any;
+    languages: any;
+}): {
+    label: string;
+    value: any;
+    key: any;
+    id: any;
+    productSelections: any;
+};
+export function getFirst60Options(storesOptions: any, currentValues: any): any;
+export function getCustomGroupLabelOption(customLabel: any): {
+    label: any;
+    value: string;
+    isDisabled: boolean;
+}[];

package/dist/declarations/src/components/validated-input/validated-input.d.ts

@@ -0,0 +1,148 @@
+export default function validatedInput(InnerComponent: any, validators: any, { containerClassName, tooltipContainerClassName }?: {
+    containerClassName: any;
+    tooltipContainerClassName: any;
+}, { changeHandler, blurHandler }?: {
+    changeHandler?: null | undefined;
+    blurHandler?: null | undefined;
+}): import("react").FC<import("react-intl").WithIntlProps<any>> & {
+    WrappedComponent: import("react").ComponentType<any>;
+};
+export function simpleInput(type: any): {
+    new (props: any): {
+        handleBlur: (event: any) => void;
+        render(): import("@emotion/react/jsx-runtime").JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<any>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    new (props: any, context: any): {
+        handleBlur: (event: any) => void;
+        render(): import("@emotion/react/jsx-runtime").JSX.Element;
+        context: any;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<any>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    displayName: string;
+    propTypes: {
+        className: any;
+        disabled: any;
+        isValid: any;
+        name: any;
+        getInputRef: any;
+        onBlurValue: any;
+        onChange: any;
+        value: any;
+    };
+    defaultProps: {
+        getInputRef: () => void;
+        name: string;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export const EMAIL_REGEX: RegExp;
+export function getIsEvent(event: any): boolean;
+export namespace VALIDATOR_REQUIRED {
+    let name: string;
+    let message: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    let permanent: boolean;
+    namespace validators {
+        function change(value: any): any;
+        function blur(value: any): boolean;
+    }
+}
+export namespace VALIDATOR_NUMERIC {
+    let name_1: string;
+    export { name_1 as name };
+    let message_1: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    export { message_1 as message };
+    let permanent_1: boolean;
+    export { permanent_1 as permanent };
+    export namespace validators_1 {
+        function change(v: any): boolean;
+        function blur(v: any): boolean;
+    }
+    export { validators_1 as validators };
+}
+export namespace VALIDATOR_INTEGER {
+    let name_2: string;
+    export { name_2 as name };
+    let message_2: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    export { message_2 as message };
+    let permanent_2: boolean;
+    export { permanent_2 as permanent };
+    export namespace validators_2 {
+        export function change_1(v: any): boolean;
+        export { change_1 as change };
+        export function blur_1(v: any): boolean;
+        export { blur_1 as blur };
+    }
+    export { validators_2 as validators };
+}
+export namespace VALIDATOR_EMAIL {
+    let name_3: string;
+    export { name_3 as name };
+    let message_3: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    export { message_3 as message };
+    let permanent_3: boolean;
+    export { permanent_3 as permanent };
+    export namespace validators_3 {
+        function blur(value: any): boolean;
+    }
+    export { validators_3 as validators };
+}
+export const warningMessage: any;
+export const ToolTipWrapperComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/declarations/src/constants/index.d.ts

@@ -0,0 +1,72 @@
+export const QUERY_MAX_LIMIT: 500;
+export const SHOW_TOOLTIP_CHARS_COUNT: 40;
+export namespace SEARCHABLE_REFERENCES {
+    let cartDiscount: string;
+    let category: string;
+    let channel: string;
+    let product: string;
+    let productType: string;
+    let state: string;
+}
+export const MOCK_TIME_ZONES: {
+    'America/New_York': {
+        id: string;
+        abbr: string;
+        name: string;
+        offset: string;
+        translationFor: string[];
+    };
+    'Europe/Berlin': {
+        id: string;
+        abbr: string;
+        name: string;
+        offset: string;
+        translationFor: string[];
+    };
+    'Asia/Shanghai': {
+        id: string;
+        abbr: string;
+        name: string;
+        offset: string;
+        translationFor: string[];
+    };
+    UTC: {
+        id: string;
+        abbr: string;
+        name: string;
+        offset: string;
+        translationFor: string[];
+    };
+};
+export const MOCK_TIME_ZONE_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export const BUSINESS_ROLE_NOTIFICATION: "businessRoleNotification";
+export namespace QUERY_LIMIT {
+    let DEFAULT_MAX: number;
+}
+export const REMINDER_OPTION_1_HOUR: "1hour";
+export const REMINDER_OPTION_4_HOUR: "4hour";
+export const REMINDER_OPTION_1_DAY: "1day";
+export const REMINDER_OPTION_2_DAY: "2day";
+export const REMINDER_OPTION_3_DAY: "3day";
+export const REMINDER_OPTION_5_DAY: "5day";
+export const REMINDER_OPTION_7_DAY: "7day";
+export const REMINDER_OPTION_10_DAY: "10day";
+export const INTERVALS_IN_SECONDS: {
+    "1hour": number;
+    "4hour": number;
+    "1day": number;
+    "2day": number;
+    "3day": number;
+    "5day": number;
+    "7day": number;
+    "10day": number;
+};
+export const EXCLUDING_PRODUCTS: "excludingProducts";
+export const PRODUCT_TAILORING_FOR_ATTRIBUTES: "productTailoringForAttributes";
+export const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT: "productTailoringForAttributesTypesOtherThanText";
+export const PRODUCT_TAILORING_FOR_ATTRIBUTES_FALLBACK_VALUES: "productTailoringForAttributesFallbackValues";
+export const UTC: "UTC";
+export const Z_INDEX_DROPDOWN: 30000;

package/dist/declarations/src/custom-fields/custom-field-definitions-connector/custom-field-definitions-connector.d.ts

@@ -0,0 +1,25 @@
+export class CustomFieldDefinitionsConnector extends Component<any, any, any> {
+    static displayName: string;
+    static propTypes: {
+        resources: any;
+        match: any;
+        children: any;
+        fetchTypeDefinitionsQuery: any;
+        isDisabled: any;
+    };
+    static defaultProps: {
+        resources: never[];
+    };
+    constructor(props: any);
+    constructor(props: any, context: any);
+    componentDidMount(): void;
+    render(): any;
+}
+export function mapDataToProps({ fetchTypeDefinitionsQuery }: {
+    fetchTypeDefinitionsQuery: any;
+}): {
+    fetchTypeDefinitionsQuery: any;
+};
+declare const _default: any;
+export default _default;
+import { Component } from 'react';

package/dist/declarations/src/custom-fields/custom-field-definitions-connector/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./custom-field-definitions-connector.js";

package/dist/declarations/src/custom-fields/custom-field-definitions-connector/mocks/handlers.d.ts

@@ -0,0 +1,6 @@
+export default handlers;
+declare namespace handlers {
+    namespace TypeDefinitions {
+        function all(typeDefinitions: any): import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;
+    }
+}

package/dist/declarations/src/custom-fields/custom-field-definitions-connector/mocks/index.d.ts

@@ -0,0 +1,2 @@
+export { handlers };
+import handlers from "./handlers.js";

package/dist/declarations/src/custom-fields/custom-field-type-definitions-connector/custom-field-type-definitions-connector.d.ts

@@ -0,0 +1,56 @@
+export class CustomFieldTypeDefinitionsConnector extends Component<any, any, any> {
+    static displayName: string;
+    static propTypes: {
+        resources: any;
+        isDisabled: any;
+        children: any;
+        fetchTypeDefinitionsQuery: any;
+    };
+    static defaultProps: {
+        resources: never[];
+    };
+    static restDocToForm: (customFieldsFromRestResponse: any) => {
+        fields: any;
+        type: any;
+    };
+    static graphQlDocToForm: (typeDefinition: any) => {
+        fields: {};
+        type: {
+            id: any;
+            key: any;
+            name: import("@commercetools-frontend/l10n/dist/declarations/src/types").LocalizedString | null;
+            fieldDefinitions: any;
+        };
+    };
+    static formToRestDoc: (formCustomFields: any) => {
+        type: {
+            id: any;
+            typeId: string;
+            obj: any;
+        };
+        fields: any;
+    };
+    static formToGraphQlDoc: (formCustomFields: any) => {
+        type: {
+            id: any;
+            typeId: string;
+            obj: {
+                [x: string]: any;
+                [x: number]: any;
+                [x: symbol]: any;
+            };
+        };
+        fields: Partial<any>;
+    };
+    static createEmptyCustomFields: (typeDefinition: any) => {
+        fields: {};
+        type: any;
+    };
+    constructor(props: any);
+    constructor(props: any, context: any);
+    componentDidMount(): void;
+    render(): any;
+}
+declare const _default: any;
+export default _default;
+import { Component } from 'react';

package/dist/declarations/src/custom-fields/custom-field-type-definitions-connector/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./custom-field-type-definitions-connector.js";

package/dist/declarations/src/custom-fields/custom-fields/custom-field-tooltip.d.ts

@@ -0,0 +1,11 @@
+export default CustomFieldTooltip;
+declare function CustomFieldTooltip({ title, children }: {
+    title: any;
+    children: any;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace CustomFieldTooltip {
+    namespace propTypes {
+        let title: any;
+        let children: any;
+    }
+}

package/dist/declarations/src/custom-fields/custom-fields/custom-fields.d.ts

@@ -0,0 +1,13 @@
+export default CustomFields;
+declare function CustomFields(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace CustomFields {
+    let displayName: string;
+    namespace propTypes {
+        let isWidthExpanded: any;
+        let isReadOnly: any;
+        let isDisabled: any;
+        let name: any;
+        let fieldDefinitions: any;
+        let WrapperComponent: any;
+    }
+}