@commercetools-frontend/application-components 0.0.0-FEC-157-preview-releases-20241126230331

package/dist/declarations/src/components/drawer/drawer.d.ts

@@ -0,0 +1,181 @@
+import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import { type CSSObject } from '@emotion/styled';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type TDrawerSize = 10 | 20 | 30;
+type TDrawerProps = {
+    size: TDrawerSize;
+    isOpen: boolean;
+    onClose?: (event: SyntheticEvent) => void;
+    children: ReactNode;
+    topBarColor?: 'neutral' | 'surface';
+    title: string;
+    subtitle?: string;
+    zIndex?: number;
+    getParentSelector?: () => HTMLElement;
+    shouldDelayOnClose?: boolean;
+    afterOpenStyles?: string | CSSObject;
+    hideControls?: boolean;
+    formControls?: ReactNode;
+    isPrimaryButtonDisabled?: boolean;
+    isSecondaryButtonDisabled?: boolean;
+    dataAttributesPrimaryButton?: {
+        [key: string]: string;
+    };
+    dataAttributesSecondaryButton?: {
+        [key: string]: string;
+    };
+    labelPrimaryButton?: Label;
+    labelSecondaryButton?: Label;
+    onPrimaryButtonClick: (event: SyntheticEvent) => void;
+    onSecondaryButtonClick: (event: SyntheticEvent) => void;
+    iconLeftSecondaryButton?: ReactElement;
+};
+declare function Drawer(props: TDrawerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+    var defaultProps: Pick<TDrawerProps, "size" | "onSecondaryButtonClick" | "onPrimaryButtonClick" | "hideControls">;
+    var FormPrimaryButton: {
+        (props: {
+            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        } & {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        displayName: string;
+        defaultProps: Pick<{
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }, "label" | "isDisabled" | "dataAttributes">;
+    };
+    var FormSecondaryButton: {
+        (props: {
+            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        } & {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        displayName: string;
+        defaultProps: Pick<{
+            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        } & {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }, "label" | "isDisabled" | "dataAttributes">;
+    };
+    var Intl: {
+        cancel: {
+            id: string;
+            defaultMessage: string;
+        };
+        revert: {
+            id: string;
+            defaultMessage: string;
+        };
+        confirm: {
+            id: string;
+            defaultMessage: string;
+        };
+        save: {
+            id: string;
+            defaultMessage: string;
+        };
+        update: {
+            id: string;
+            defaultMessage: string;
+        };
+        create: {
+            id: string;
+            defaultMessage: string;
+        };
+        delete: {
+            id: string;
+            defaultMessage: string;
+        };
+        add: {
+            id: string;
+            defaultMessage: string;
+        };
+        remove: {
+            id: string;
+            defaultMessage: string;
+        };
+        close: {
+            id: string;
+            defaultMessage: string;
+        };
+        edit: {
+            id: string;
+            defaultMessage: string;
+        };
+        open: {
+            id: string;
+            defaultMessage: string;
+        };
+        activate: {
+            id: string;
+            defaultMessage: string;
+        };
+        deactivate: {
+            id: string;
+            defaultMessage: string;
+        };
+        active: {
+            id: string;
+            defaultMessage: string;
+        };
+        inactive: {
+            id: string;
+            defaultMessage: string;
+        };
+        enable: {
+            id: string;
+            defaultMessage: string;
+        };
+        disable: {
+            id: string;
+            defaultMessage: string;
+        };
+    };
+}
+export default Drawer;

package/dist/declarations/src/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './drawer';

package/dist/declarations/src/components/internals/default-form-buttons.d.ts

@@ -0,0 +1,38 @@
+import type { ReactElement, SyntheticEvent } from 'react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type Props = {
+    label: Label;
+    onClick: (event: SyntheticEvent) => void;
+    isDisabled: boolean;
+    dataAttributes: {
+        [key: string]: string;
+    };
+    children?: never;
+};
+type PrimaryButtonProps = {
+    iconLeft?: ReactElement;
+} & Props;
+declare const FormPrimaryButton: {
+    (props: PrimaryButtonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "label" | "isDisabled" | "dataAttributes">;
+};
+type SecondaryButtonProps = {
+    iconLeft?: ReactElement;
+} & Props;
+declare const FormSecondaryButton: {
+    (props: SecondaryButtonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<SecondaryButtonProps, "label" | "isDisabled" | "dataAttributes">;
+};
+declare const FormDeleteButton: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "label" | "isDisabled" | "dataAttributes">;
+};
+export { FormPrimaryButton, FormSecondaryButton, FormDeleteButton };

package/dist/declarations/src/components/internals/messages.d.ts

@@ -0,0 +1,11 @@
+declare const messages: {
+    back: {
+        id: string;
+        defaultMessage: string;
+    };
+    close: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default messages;

package/dist/declarations/src/components/internals/page-header-title.d.ts

@@ -0,0 +1,15 @@
+import { type ReactElement } from 'react';
+type TTitleSize = 'big' | 'medium' | 'small';
+type Props = {
+    title: string;
+    titleSize: TTitleSize;
+    truncate: boolean;
+    subtitle?: string | ReactElement;
+    children?: never;
+};
+declare const PageHeaderTitle: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "truncate" | "titleSize">;
+};
+export default PageHeaderTitle;

package/dist/declarations/src/components/internals/page-header.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement, ReactNode } from 'react';
+type Props = {
+    title: string;
+    subtitle?: string | ReactElement;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    children?: ReactNode;
+};
+declare const PageHeader: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default PageHeader;

package/dist/declarations/src/components/internals/page-top-bar.d.ts

@@ -0,0 +1,20 @@
+import type { MouseEvent, KeyboardEvent, ReactNode } from 'react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+    values?: Record<string, ReactNode>;
+};
+type Label = string | MessageDescriptor;
+type Props = {
+    color: 'surface' | 'neutral';
+    previousPathLabel: Label;
+    onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    children?: never;
+};
+declare const PageTopBar: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "color" | "previousPathLabel">;
+};
+export default PageTopBar;

package/dist/declarations/src/components/internals/page.styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PageWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/declarations/src/components/internals/tabular-page.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+type TControlsContainterProps = {
+    tabControls: ReactNode;
+    formControls?: ReactNode;
+    children?: never;
+};
+declare const ControlsContainter: {
+    (props: TControlsContainterProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+declare const TabularPageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const FormControlsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const CustomViewsSelectorWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const TabularModalPageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { ControlsContainter, TabularPageContainer, TabularModalPageContainer, FormControlsContainer, CustomViewsSelectorWrapper, };

package/dist/declarations/src/components/main-pages/custom-form-main-page/custom-form-main-page.d.ts

@@ -0,0 +1,233 @@
+import type { ReactElement, ReactNode } from 'react';
+type CustomFormMainPageProps = {
+    /**
+     * The title of the page.
+     */
+    title?: string;
+    /**
+     * The subtitle of the page.
+     */
+    subtitle?: string | ReactElement;
+    /**
+     * Replaces the title/subtitle row with a custom one (for special use cases).
+     */
+    customTitleRow?: ReactNode;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    /**
+     * Any React node displayed as the content within the page.
+     */
+    children: ReactNode;
+    /**
+     * Any React node to be rendered as the form controls.
+     */
+    formControls?: ReactNode;
+    /**
+     * Determines if the form controls should be rendered.
+     */
+    hideControls?: boolean;
+    /**
+     * Determines whether the divider between header and content should be hidden.
+     * (default: false)
+     */
+    hideDivider?: boolean;
+};
+declare const CustomFormMainPage: {
+    (props: CustomFormMainPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<CustomFormMainPageProps, "hideControls" | "hideDivider">;
+    PageHeaderTitle: {
+        (props: {
+            title: string;
+            titleSize: "big" | "small" | "medium";
+            truncate: boolean;
+            subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+            children?: undefined;
+        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        displayName: string;
+        defaultProps: Pick<{
+            title: string;
+            titleSize: "big" | "small" | "medium";
+            truncate: boolean;
+            subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+            children?: undefined;
+        }, "truncate" | "titleSize">;
+    };
+    FormPrimaryButton: {
+        (props: {
+            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        } & {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        displayName: string;
+        defaultProps: Pick<{
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }, "label" | "isDisabled" | "dataAttributes">;
+    };
+    FormSecondaryButton: {
+        (props: {
+            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        } & {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        displayName: string;
+        defaultProps: Pick<{
+            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        } & {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }, "label" | "isDisabled" | "dataAttributes">;
+    };
+    FormDeleteButton: {
+        (props: {
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        displayName: string;
+        defaultProps: Pick<{
+            label: string | {
+                id: string;
+                description?: string | object | undefined;
+                defaultMessage?: string | undefined;
+            };
+            onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
+            isDisabled: boolean;
+            dataAttributes: {
+                [key: string]: string;
+            };
+            children?: undefined;
+        }, "label" | "isDisabled" | "dataAttributes">;
+    };
+    Intl: {
+        cancel: {
+            id: string;
+            defaultMessage: string;
+        };
+        revert: {
+            id: string;
+            defaultMessage: string;
+        };
+        confirm: {
+            id: string;
+            defaultMessage: string;
+        };
+        save: {
+            id: string;
+            defaultMessage: string;
+        };
+        update: {
+            id: string;
+            defaultMessage: string;
+        };
+        create: {
+            id: string;
+            defaultMessage: string;
+        };
+        delete: {
+            id: string;
+            defaultMessage: string;
+        };
+        add: {
+            id: string;
+            defaultMessage: string; /**
+             * The subtitle of the page.
+             */
+        };
+        remove: {
+            id: string;
+            defaultMessage: string; /**
+             * Replaces the title/subtitle row with a custom one (for special use cases).
+             */
+        };
+        close: {
+            id: string;
+            defaultMessage: string;
+        };
+        edit: {
+            id: string;
+            defaultMessage: string;
+        };
+        open: {
+            id: string;
+            defaultMessage: string;
+        };
+        activate: {
+            id: string;
+            defaultMessage: string;
+        };
+        deactivate: {
+            id: string;
+            defaultMessage: string;
+        };
+        active: {
+            id: string;
+            defaultMessage: string;
+        };
+        inactive: {
+            id: string;
+            defaultMessage: string; /**
+             * Determines whether the divider between header and content should be hidden.
+             * (default: false)
+             */
+        };
+        enable: {
+            id: string;
+            defaultMessage: string;
+        };
+        disable: {
+            id: string;
+            defaultMessage: string;
+        };
+    };
+};
+export default CustomFormMainPage;

package/dist/declarations/src/components/main-pages/custom-form-main-page/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-form-main-page';