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

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

@@ -0,0 +1,129 @@
+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;
+    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;
+};
+declare const FormModalPage: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "hideControls">;
+    Intl: {
+        cancel: {
+            id: string;
+            defaultMessage: string;
+        };
+        revert: {
+            id: string;
+            defaultMessage: string;
+        };
+        confirm: {
+            id: string;
+            defaultMessage: string;
+        };
+        save: {
+            id: string; /**
+             * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+             */
+            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';

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

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

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

@@ -0,0 +1,38 @@
+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;
+};
+declare const InfoModalPage: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default InfoModalPage;

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

@@ -0,0 +1,40 @@
+import { type ReactNode, type SyntheticEvent } from 'react';
+import { type CSSObject } from '@emotion/react';
+declare const getDefaultParentSelector: () => HTMLElement;
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+export type TModalPageSize = 10 | 20 | 30 | 'scale';
+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;
+    children: ReactNode;
+    zIndex?: number;
+    /**
+     * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
+     */
+    baseZIndex?: number;
+    getParentSelector: typeof getDefaultParentSelector;
+    shouldDelayOnClose: boolean;
+    afterOpenStyles?: string | CSSObject;
+    topBarColor?: 'surface' | 'neutral';
+    currentPathLabel?: string;
+    previousPathLabel?: Label;
+    hidePathLabel?: boolean;
+    size: TModalPageSize;
+    hideTopBar?: boolean;
+};
+declare const ModalPage: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "size" | "getParentSelector" | "shouldDelayOnClose">;
+};
+export default ModalPage;

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

@@ -0,0 +1,31 @@
+import { type SerializedStyles } from '@emotion/react';
+import type { TModalPageSize } from './modal-page';
+type StyleProps = {
+    zIndex?: number;
+    size: TModalPageSize;
+};
+export declare const stylesBySize: {
+    '10': {
+        width: string;
+        transitionTime: number;
+    };
+    '20': {
+        width: string;
+        transitionTime: number;
+    };
+    '30': {
+        width: string;
+        transitionTime: number;
+    };
+    scale: {
+        width: string;
+        transitionTime: number;
+    };
+};
+export declare const getContainerStyles: (props: StyleProps) => SerializedStyles;
+export declare const getOverlayStyles: (props: StyleProps) => SerializedStyles;
+export declare const getAfterOpenContainerAnimation: () => SerializedStyles;
+export declare const getAfterOpenOverlayAnimation: () => SerializedStyles;
+export declare const getBeforeCloseContainerAnimation: (props: StyleProps) => SerializedStyles;
+export declare const getBeforeCloseOverlayAnimation: () => SerializedStyles;
+export {};

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

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

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

@@ -0,0 +1,211 @@
+import { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { CSSObject } from '@emotion/react';
+import { LocationDescriptor } from 'history';
+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;
+    /**
+     * These codes are used to configure which Custom Views are available for every tab.
+     */
+    customViewLocatorCodes?: Record<string, LocationDescriptor>;
+    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;
+    customTitleRow?: ReactNode;
+    tabControls: ReactNode;
+    subtitle?: string | ReactElement;
+    formControls?: ReactNode;
+    hideControls: boolean;
+};
+declare const TabularModalPage: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "hideControls">;
+    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">;
+    };
+    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">;
+    };
+    FormDeleteButton: {
+        (props: {
+            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">;
+    };
+    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 TabularModalPage;

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

@@ -0,0 +1 @@
+export { default as ModalPageTopBar, LargeIconWrapper, } from './modal-page-top-bar';

package/dist/declarations/src/components/modal-pages/utils/modal-page-top-bar.d.ts

@@ -0,0 +1,27 @@
+import { type SyntheticEvent, type ReactElement } from 'react';
+import { type TSecondaryButtonIconProps } from '@commercetools-uikit/secondary-icon-button';
+type TLargeIconWrapperProps = {
+    children: ReactElement;
+    size?: TSecondaryButtonIconProps['size'];
+};
+export declare const LargeIconWrapper: (props: TLargeIconWrapperProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+type MessageDescriptor = {
+    id: string;
+    description?: string | object;
+    defaultMessage?: string;
+};
+type Label = string | MessageDescriptor;
+type Props = {
+    color: 'surface' | 'neutral';
+    currentPathLabel?: string;
+    previousPathLabel: Label;
+    hidePathLabel?: boolean;
+    onClose: (event: SyntheticEvent) => void;
+    children?: never;
+};
+declare const ModalPageTopBar: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "color" | "previousPathLabel" | "hidePathLabel">;
+};
+export default ModalPageTopBar;

package/dist/declarations/src/components/page-content-containers/page-content-full/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './page-content-full';
+export type { TPageContentFull } from './page-content-full';

package/dist/declarations/src/components/page-content-containers/page-content-full/page-content-full.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type TPageContentFull = {
+    children: ReactNode;
+};
+declare function PageContentFull(props: TPageContentFull): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default PageContentFull;

package/dist/declarations/src/components/page-content-containers/page-content-narrow/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './page-content-narrow';
+export type { TPageContentNarrow } from './page-content-narrow';

package/dist/declarations/src/components/page-content-containers/page-content-narrow/page-content-narrow.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type TPageContentNarrow = {
+    children: ReactNode;
+};
+declare function PageContentNarrow(props: TPageContentNarrow): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default PageContentNarrow;

package/dist/declarations/src/components/page-content-containers/page-content-wide/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './page-content-wide';
+export type { TPageContentWide } from './page-content-wide';

package/dist/declarations/src/components/page-content-containers/page-content-wide/page-content-wide.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export type TPageContentWide = {
+    columns: '1' | '1/1' | '2/1';
+    gapSize: '10' | '20';
+    children: ReactNode;
+    themeParentSelector?: () => HTMLElement | null;
+};
+declare function PageContentWide(props: TPageContentWide): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare namespace PageContentWide {
+    var defaultProps: Pick<TPageContentWide, "columns" | "gapSize">;
+}
+export default PageContentWide;

package/dist/declarations/src/components/page-not-found/index.d.ts

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

package/dist/declarations/src/components/page-not-found/messages.d.ts

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

package/dist/declarations/src/components/page-not-found/page-not-found.d.ts

@@ -0,0 +1,5 @@
+declare const PageNotFound: {
+    (): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default PageNotFound;

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

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

package/dist/declarations/src/components/page-unauthorized/messages.d.ts

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

package/dist/declarations/src/components/page-unauthorized/page-unauthorized.d.ts

@@ -0,0 +1,5 @@
+export declare const PageUnauthorized: {
+    (): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default PageUnauthorized;

package/dist/declarations/src/components/portals-container/index.d.ts

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

package/dist/declarations/src/components/portals-container/portals-container.d.ts

@@ -0,0 +1,44 @@
+import { type MutableRefObject } from 'react';
+type TLayoutRefs = {
+    notificationsGlobalRef: MutableRefObject<HTMLDivElement>;
+    notificationsPageRef: MutableRefObject<HTMLDivElement>;
+};
+type TPortalsContainerProps = {
+    /**
+     * The offset value for positioning the container from the top, when opened.
+     * Usually this corresponds to the height of the header section.
+     * Defaults to `0px`.
+     */
+    offsetTop?: string;
+    /**
+     * The offset value for positioning the container from the left, when opened.
+     * Usually this corresponds to the min width of the nav menu.
+     * Defaults to `0px`.
+     */
+    offsetLeft?: string;
+    /**
+     * The offset value for positioning the container from the left, when opened.
+     * The value is only applied when the `.body__menu-open` global class is added to the DOM.
+     * Usually this corresponds to the width of the expanded nav menu.
+     * Defaults to `0px`.
+     */
+    offsetLeftOnExpandedMenu?: string;
+    /**
+     * The CSS selector to apply the `overflow: hidden` style to (preventing scrolling)
+     * when a modal container is open.
+     * Defaults to `main`.
+     */
+    containerSelectorToPreventScrollingOnOpen?: string;
+    /**
+     * The `z-index` value to apply to the portal container..
+     * Defaults to `10000`.
+     */
+    zIndex?: number;
+    /**
+     * The base `z-index` value to apply to each modal container.
+     * Defaults to `1000`.
+     */
+    baseModalZIndex?: number;
+};
+declare const PortalsContainer: import("react").ForwardRefExoticComponent<TPortalsContainerProps & import("react").RefAttributes<TLayoutRefs>>;
+export default PortalsContainer;

package/dist/declarations/src/components/project-stamp/messages.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    ProjectProduction: {
+        id: string;
+        defaultMessage: string;
+    };
+    ProjectSuspended: {
+        id: string;
+        defaultMessage: string;
+    };
+    ProjectExpired: {
+        id: string;
+        defaultMessage: string;
+    };
+    ProjectWillExpire: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/project-stamp/project-stamp.d.ts

@@ -0,0 +1,9 @@
+declare const ProjectStamp: {
+    IsProduction: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    IsSuspended: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    IsExpired: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    WillExpire: (props: {
+        daysLeft: number;
+    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+};
+export default ProjectStamp;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const PublicPageLayout: import("react").LazyExoticComponent<import("react").FC<{
+    welcomeMessage?: string | undefined;
+    legalMessage?: import("react").ReactNode;
+    contentScale?: "normal" | "wide" | undefined;
+    children: import("react").ReactNode;
+}>>;
+export default PublicPageLayout;