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

package/dist/declarations/src/components/custom-views/custom-view-loader/custom-view-loader.d.ts

@@ -0,0 +1,8 @@
+import { CustomViewData } from '@commercetools-frontend/constants';
+type TCustomViewLoaderProps = {
+    customView: CustomViewData;
+    hostUrl?: string;
+    onClose: () => void;
+};
+declare function CustomViewLoader(props: TCustomViewLoaderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export default CustomViewLoader;

package/dist/declarations/src/components/custom-views/custom-view-loader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-view-loader';

package/dist/declarations/src/components/custom-views/custom-view-loader/messages.d.ts

@@ -0,0 +1,7 @@
+declare const messages: {
+    loadError: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default messages;

package/dist/declarations/src/components/custom-views/custom-views-selector/custom-views-selector.d.ts

@@ -0,0 +1,10 @@
+import type { CustomViewData } from '@commercetools-frontend/constants';
+type TCustomViewSelectorBaseProps = {
+    onCustomViewsResolved?: (customViews: CustomViewData[]) => void;
+};
+type TCustomViewSelectorProps = TCustomViewSelectorBaseProps & {
+    customViewLocatorCode?: string;
+    margin?: string;
+};
+declare const CustomViewSelectorOrNothing: (props: TCustomViewSelectorProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export default CustomViewSelectorOrNothing;

package/dist/declarations/src/components/custom-views/custom-views-selector/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-views-selector';

package/dist/declarations/src/components/custom-views/custom-views-selector/messages.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/custom-views/custom-views-selector/use-custom-views-connector.d.ts

@@ -0,0 +1,11 @@
+import { CustomViewData } from '@commercetools-frontend/constants';
+type TUseCustomViewsFetcherParams = {
+    customViewLocatorCode: string;
+};
+type TUseCustomViewsFetcher = (props: TUseCustomViewsFetcherParams) => {
+    customViews: CustomViewData[];
+    error?: Error;
+    loading: boolean;
+};
+export declare const useCustomViewsConnector: TUseCustomViewsFetcher;
+export {};

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

@@ -0,0 +1,237 @@
+import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent } from 'react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+    values?: Record<string, ReactNode>;
+};
+type CustomFormDetailPageProps = {
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * A return route path label.
+     */
+    previousPathLabel?: string | MessageDescriptor;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    /**
+     * Function called when back button is pressed.
+     */
+    onPreviousPathClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+};
+declare const CustomFormDetailPage: {
+    (props: CustomFormDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<CustomFormDetailPageProps, "hideControls">;
+    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">; /**
+         * Function called when back button is pressed.
+         */
+    };
+    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;
+        };
+        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 CustomFormDetailPage;

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

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

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

@@ -0,0 +1,180 @@
+import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent, SyntheticEvent } from 'react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type FormDetailPageProps = {
+    /**
+     * 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;
+    /**
+     * A return route path label.
+     */
+    previousPathLabel?: string | MessageDescriptor;
+    /**
+     * Function called when back button is pressed.
+     */
+    onPreviousPathClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    /**
+     * Indicates whether the primary button is deactivated or not.
+     */
+    isPrimaryButtonDisabled?: boolean;
+    /**
+     * Indicates whether the secondary button is deactivated or not.
+     */
+    isSecondaryButtonDisabled?: boolean;
+    /**
+     * Use this prop to pass `data-` attributes to the primary button
+     */
+    dataAttributesPrimaryButton?: {
+        [key: string]: string;
+    };
+    /**
+     * Use this prop to pass `data-` attributes to the secondary button.
+     */
+    dataAttributesSecondaryButton?: {
+        [key: string]: string;
+    };
+    /**
+     * `Save` | The label for the primary button as a string, or as an Intl message.
+     */
+    labelPrimaryButton?: Label;
+    /**
+     * `Cancel` | The label for the secondary button as a string, or as an Intl message.
+     */
+    labelSecondaryButton?: Label;
+    /**
+     * Called when the primary button is clicked.
+     */
+    onPrimaryButtonClick: (event: SyntheticEvent) => void;
+    /**
+     * Called when the secondary button is clicked.
+     */
+    onSecondaryButtonClick: (event: SyntheticEvent) => void;
+    /**
+     * Hides the form controls.
+     */
+    hideControls: boolean;
+    /**
+     * The Icon for the secondary button label
+     */
+    iconLeftSecondaryButton?: ReactElement;
+};
+declare const FormDetailPage: {
+    (props: FormDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<FormDetailPageProps, "hideControls">;
+    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">;
+    };
+    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; /**
+             * Any React node displayed as the content within the page.
+             */
+            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 FormDetailPage;

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

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

package/dist/declarations/src/components/detail-pages/info-detail-page/index.d.ts

@@ -0,0 +1 @@
+export { default } from './info-detail-page';

package/dist/declarations/src/components/detail-pages/info-detail-page/info-detail-page.d.ts

@@ -0,0 +1,59 @@
+import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent } from 'react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+    values?: Record<string, ReactNode>;
+};
+type InfoDetailPageProps = {
+    /**
+     * 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;
+    /**
+     * Any React node displayed as the content within the page.
+     */
+    children: ReactNode;
+    /**
+     * A return route path label.
+     */
+    previousPathLabel?: string | MessageDescriptor;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    /**
+     * Function called when back button is pressed.
+     */
+    onPreviousPathClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+};
+declare const InfoDetailPage: {
+    (props: InfoDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    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">;
+    };
+};
+export default InfoDetailPage;

package/dist/declarations/src/components/detail-pages/tabular-detail-page/index.d.ts

@@ -0,0 +1 @@
+export { default } from './tabular-detail-page';