@commercetools-frontend/application-components 0.0.0-CRAFT-1791-20251006162610

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

@@ -0,0 +1,177 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { TCustomViewSelectorProps } from "../../custom-views/custom-views-selector/types.js";
+type TTabularMainPageProps = {
+    /**
+     * 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 tab panel.
+     */
+    children: ReactNode;
+    /**
+     * A composition of tab components.
+     */
+    tabControls: ReactNode;
+    /**
+     * Any React node to be rendered as the form controls.
+     */
+    formControls?: ReactNode;
+    /**
+     * Determines if the form controls should be rendered.
+     */
+    hideControls?: boolean;
+    /**
+     * These codes are used to configure which Custom Views are available for every tab.
+     */
+    customViewLocatorCodes?: TCustomViewSelectorProps['customViewLocatorCodes'];
+};
+declare const TabularMainPage: {
+    ({ hideControls, ...props }: TTabularMainPageProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    FormPrimaryButton: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            iconLeft?: ReactElement<import("@commercetools-uikit/design-system").TIconProps>;
+        } & {
+            label?: string | {
+                id: string;
+                description?: string | object;
+                defaultMessage?: string;
+            };
+            onClick: (event: import("react").SyntheticEvent) => void;
+            isDisabled?: boolean;
+            dataAttributes?: {
+                [key: string]: string;
+            };
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FormSecondaryButton: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            iconLeft?: ReactElement<import("@commercetools-uikit/design-system").TIconProps>;
+        } & {
+            label?: string | {
+                id: string;
+                description?: string | object;
+                defaultMessage?: string;
+            };
+            onClick: (event: import("react").SyntheticEvent) => void;
+            isDisabled?: boolean;
+            dataAttributes?: {
+                [key: string]: string;
+            };
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FormDeleteButton: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            label?: string | {
+                id: string;
+                description?: string | object;
+                defaultMessage?: string;
+            };
+            onClick: (event: import("react").SyntheticEvent) => void;
+            isDisabled?: boolean;
+            dataAttributes?: {
+                [key: string]: string;
+            };
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    PageHeaderTitle: {
+        ({ titleSize, truncate, ...props }: {
+            title: string;
+            titleSize?: "big" | "small" | "medium";
+            truncate?: boolean;
+            subtitle?: string | ReactElement;
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    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 TabularMainPage;

package/dist/declarations/src/components/maintenance-page-layout/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./maintenance-page-layout.js";

package/dist/declarations/src/components/maintenance-page-layout/maintenance-page-layout.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type Props = {
+    imageSrc: string;
+    title: ReactNode;
+    label?: string;
+    paragraph1: ReactNode;
+    paragraph2?: ReactNode;
+    bodyContent?: ReactNode;
+    children?: never;
+};
+declare const MaintenancePageLayout: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MaintenancePageLayout;

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

@@ -0,0 +1,166 @@
+import { SyntheticEvent, ReactNode, ReactElement } from 'react';
+import type { CSSObject } from '@emotion/react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type Props = {
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    level?: number;
+    title: string;
+    isOpen: boolean;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    onClose?: (event: SyntheticEvent) => void;
+    children: ReactNode;
+    zIndex?: number;
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    baseZIndex?: number;
+    getParentSelector?: () => HTMLElement;
+    shouldDelayOnClose?: boolean;
+    afterOpenStyles?: string | CSSObject;
+    topBarCurrentPathLabel?: string;
+    topBarPreviousPathLabel?: Label;
+    subtitle?: string | ReactElement;
+    formControls?: ReactNode;
+    hideControls?: boolean;
+};
+declare const CustomFormModalPage: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    FormPrimaryButton: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            iconLeft?: ReactElement<import("@commercetools-uikit/design-system").TIconProps>;
+        } & {
+            label?: string | {
+                id: string;
+                description?: string | object;
+                defaultMessage?: string;
+            };
+            onClick: (event: SyntheticEvent) => void;
+            isDisabled?: boolean;
+            dataAttributes?: {
+                [key: string]: string;
+            };
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FormSecondaryButton: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            iconLeft?: ReactElement<import("@commercetools-uikit/design-system").TIconProps>;
+        } & {
+            label?: string | {
+                id: string;
+                description?: string | object;
+                defaultMessage?: string;
+            };
+            onClick: (event: SyntheticEvent) => void;
+            isDisabled?: boolean;
+            dataAttributes?: {
+                [key: string]: string;
+            };
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FormDeleteButton: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            label?: string | {
+                id: string;
+                description?: string | object;
+                defaultMessage?: string;
+            };
+            onClick: (event: SyntheticEvent) => void;
+            isDisabled?: boolean;
+            dataAttributes?: {
+                [key: string]: string;
+            };
+            children?: never;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    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 CustomFormModalPage;

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

@@ -0,0 +1 @@
+export { default } from "./custom-form-modal-page.js";

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

@@ -0,0 +1,127 @@
+import { SyntheticEvent, ReactNode, ReactElement } from 'react';
+import type { CSSObject } from '@emotion/react';
+import type { TIconProps } from '@commercetools-uikit/design-system';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type Props = {
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    level?: number;
+    title: string;
+    isOpen: boolean;
+    onClose?: (event: SyntheticEvent) => void;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    children: ReactNode;
+    zIndex?: number;
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    baseZIndex?: number;
+    getParentSelector?: () => HTMLElement;
+    shouldDelayOnClose?: boolean;
+    afterOpenStyles?: string | CSSObject;
+    topBarCurrentPathLabel?: string;
+    topBarPreviousPathLabel?: Label;
+    subtitle?: string | ReactElement;
+    isPrimaryButtonDisabled?: boolean;
+    isSecondaryButtonDisabled?: boolean;
+    dataAttributesPrimaryButton?: {
+        [key: string]: string;
+    };
+    dataAttributesSecondaryButton?: {
+        [key: string]: string;
+    };
+    labelPrimaryButton?: Label;
+    labelSecondaryButton?: Label;
+    onPrimaryButtonClick: (event: SyntheticEvent) => void;
+    onSecondaryButtonClick: (event: SyntheticEvent) => void;
+    hideControls?: boolean;
+    iconLeftSecondaryButton?: ReactElement<TIconProps>;
+};
+declare const FormModalPage: {
+    ({ hideControls, ...props }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    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 FormModalPage;

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

@@ -0,0 +1 @@
+export { default } from "./form-modal-page.js";

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

@@ -0,0 +1 @@
+export { default } from "./info-modal-page.js";

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

@@ -0,0 +1,42 @@
+import { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { CSSObject } from '@emotion/react';
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type Props = {
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    level?: number;
+    title: string;
+    isOpen: boolean;
+    /**
+     * This code is used to configure which Custom Views are available for this page.
+     */
+    customViewLocatorCode?: string;
+    onClose?: (event: SyntheticEvent) => void;
+    children: ReactNode;
+    zIndex?: number;
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    baseZIndex?: number;
+    getParentSelector?: () => HTMLElement;
+    shouldDelayOnClose?: boolean;
+    afterOpenStyles?: string | CSSObject;
+    topBarCurrentPathLabel?: string;
+    topBarPreviousPathLabel?: Label;
+    subtitle?: string | ReactElement;
+    /**
+     * Replaces the title/subtitle row with a custom one (for special use cases)
+     */
+    customTitleRow?: ReactNode;
+};
+declare const InfoModalPage: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default InfoModalPage;

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

@@ -0,0 +1 @@
+export { default } from "./tabular-modal-page.js";