@pega/cosmos-react-build 5.0.0-dev.4.7 → 5.0.0-dev.4.9

package/lib/components/ObjectSelect/ObjectSummary.d.ts

@@ -1,32 +0,0 @@
-import { FC, Ref, PropsWithoutRef, MouseEvent } from 'react';
-import { BaseProps, ForwardProps, FormControlProps, MenuItemProps } from '@pega/cosmos-react-core';
-import { BaseDialogProps, FormDialogProps } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.types';
-interface ObjectSummaryValueProps {
-    id: MenuItemProps['id'];
-    primary: MenuItemProps['primary'];
-    href?: string;
-    meta?: string;
-}
-interface ObjectConfigProps extends Pick<BaseDialogProps, 'children' | 'ref'> {
-    heading: NonNullable<FormDialogProps['heading']>;
-    label: string;
-    onOpen?: () => void;
-    onClose?: () => void;
-    onSubmit: (arg: {
-        close: () => void;
-    }) => void;
-    loading?: BaseDialogProps['progress'];
-}
-export interface ObjectSummaryProps extends BaseProps, Omit<FormControlProps, 'value'> {
-    value: ObjectSummaryValueProps;
-    configuration?: ObjectConfigProps;
-    onDelete: (e: MouseEvent<HTMLButtonElement>) => void;
-    onPreview?: (e: {
-        href: string;
-    }) => void;
-    onLinkClick?: (id: MenuItemProps['id'], e: MouseEvent) => void;
-    ref: Ref<HTMLDivElement>;
-}
-declare const ObjectSummary: FC<PropsWithoutRef<ObjectSummaryProps> & ForwardProps>;
-export default ObjectSummary;
-//# sourceMappingURL=ObjectSummary.d.ts.map

package/lib/components/ObjectSelect/ObjectSummary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAc,GAAG,EAAE,eAAe,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAG7F,OAAO,EACL,SAAS,EAIT,YAAY,EAGZ,gBAAgB,EAChB,aAAa,EAad,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,eAAe,EACf,eAAe,EAChB,MAAM,4DAA4D,CAAC;AAIpE,UAAU,uBAAuB;IAC/B,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,KAAK,CAAC;IAC3E,OAAO,EAAE,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACpF,KAAK,EAAE,uBAAuB,CAAC;IAC/B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/D,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC1B;AAoDD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAAG,YAAY,CA+HzE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ObjectSelect/ObjectSummary.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { SummaryItem, Button, Icon, StyledFormControl, FormField, useI18n, registerIcon, Text, useElement, Link, defaultThemeProp, StyledLink, useUID, FormDialog, InfoDialog, StyledButton, StyledSummaryItemActions } from '@pega/cosmos-react-core';
-import * as times from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';
-import * as gear from '@pega/cosmos-react-core/lib/components/Icon/icons/gear.icon';
-registerIcon(times, gear);
-const StyledObjectSummary = styled(StyledFormControl)(({ theme: { base: { spacing, 'hit-area': { 'mouse-min': hitAreaMouse, 'finger-min': hitAreaFinger }, shadow: { 'focus-inset': focusInset } }, components: { 'form-control': { 'border-width': borderWidth } } }, meta }) => {
-    return css `
-      padding-block: ${meta ? spacing : '0'};
-      padding-inline-start: ${spacing};
-      min-height: ${hitAreaMouse};
-
-      ${StyledLink}:focus {
-        box-shadow: ${focusInset};
-      }
-
-      ${StyledSummaryItemActions} > ${StyledButton} {
-        margin-block: calc(-1 * ${borderWidth});
-        min-width: calc(${hitAreaMouse} - 2 * ${borderWidth});
-        min-height: calc(${hitAreaMouse} - 2 * ${borderWidth});
-      }
-
-      @media (pointer: coarse) {
-        min-height: ${hitAreaFinger};
-
-        ${StyledSummaryItemActions} > ${StyledButton} {
-          min-width: calc(${hitAreaFinger} - 2 * ${borderWidth});
-          min-height: calc(${hitAreaFinger} - 2 * ${borderWidth});
-        }
-      }
-    `;
-});
-StyledObjectSummary.defaultProps = defaultThemeProp;
-const StyledMetaText = styled(Text) `
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-`;
-const ObjectSummary = forwardRef(function ObjectSummary({ value, configuration, label, disabled, status, readOnly, onDelete, onPreview, onLinkClick, ...restProps }, ref) {
-    const [configTarget, setConfigTarget] = useElement();
-    const t = useI18n();
-    const describedById = useUID();
-    useEffect(() => {
-        if (configTarget)
-            configuration?.onOpen?.();
-    }, [configTarget]);
-    const configDialog = useMemo(() => {
-        if (!configuration || !configTarget || disabled)
-            return null;
-        const commonProps = {
-            heading: configuration.heading,
-            target: configTarget,
-            progress: configuration.loading,
-            ref: configuration.ref,
-            children: configuration.children
-        };
-        if (readOnly) {
-            return (_jsx(InfoDialog, { ...commonProps, onDismiss: () => {
-                    setConfigTarget(null);
-                    configuration.onClose?.();
-                } }));
-        }
-        return (_jsx(FormDialog, { ...commonProps, onCancel: () => {
-                setConfigTarget(null);
-                configuration.onClose?.();
-            }, onSubmit: () => {
-                configuration.onSubmit({
-                    close: () => {
-                        setConfigTarget(null);
-                    }
-                });
-            } }));
-    }, [configTarget, configuration, disabled, readOnly]);
-    return (_jsx(FormField, { ...restProps, ref: ref, label: label, status: status, disabled: disabled, children: _jsx(SummaryItem, { as: StyledObjectSummary, status: status, meta: value.meta, readOnly: readOnly, overflowStrategy: 'ellipsis', primary: disabled || !value.href ? (_jsx(Text, { id: describedById, children: value.primary })) : (_jsx(Link, { href: value.href, "aria-label": `${label} ${value.primary}`, previewable: true, onPreview: onPreview, onClick: onLinkClick ? (e) => onLinkClick(value.id, e) : undefined, children: value.primary })), secondary: value.meta && _jsx(StyledMetaText, { variant: 'secondary', children: value.meta }), actions: _jsxs(_Fragment, { children: [configuration && (_jsx(Button, { disabled: disabled, label: configuration?.label, icon: true, variant: 'simple', onClick: (e) => {
-                            setConfigTarget(e.currentTarget);
-                        }, "aria-describedby": describedById, children: _jsx(Icon, { name: 'gear' }) })), !readOnly && (_jsx(Button, { disabled: disabled, label: t('clear_object_summary', [String(label)]), icon: true, variant: 'simple', onClick: onDelete, "aria-describedby": describedById, children: _jsx(Icon, { name: 'times' }) })), configDialog] }) }) }));
-});
-export default ObjectSummary;
-//# sourceMappingURL=ObjectSummary.js.map

package/lib/components/ObjectSelect/ObjectSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectSummary.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, forwardRef, Ref, PropsWithoutRef, MouseEvent, useEffect, useMemo } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  BaseProps,\n  SummaryItem,\n  Button,\n  Icon,\n  ForwardProps,\n  StyledFormControl,\n  FormField,\n  FormControlProps,\n  MenuItemProps,\n  useI18n,\n  registerIcon,\n  Text,\n  useElement,\n  Link,\n  defaultThemeProp,\n  StyledLink,\n  useUID,\n  FormDialog,\n  InfoDialog,\n  StyledButton,\n  StyledSummaryItemActions\n} from '@pega/cosmos-react-core';\nimport * as times from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\nimport * as gear from '@pega/cosmos-react-core/lib/components/Icon/icons/gear.icon';\nimport {\n  BaseDialogProps,\n  FormDialogProps\n} from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.types';\n\nregisterIcon(times, gear);\n\ninterface ObjectSummaryValueProps {\n  id: MenuItemProps['id'];\n  primary: MenuItemProps['primary'];\n  href?: string;\n  meta?: string;\n}\n\ninterface ObjectConfigProps extends Pick<BaseDialogProps, 'children' | 'ref'> {\n  heading: NonNullable<FormDialogProps['heading']>;\n  label: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  onSubmit: (arg: { close: () => void }) => void;\n  loading?: BaseDialogProps['progress'];\n}\n\nexport interface ObjectSummaryProps extends BaseProps, Omit<FormControlProps, 'value'> {\n  value: ObjectSummaryValueProps;\n  configuration?: ObjectConfigProps;\n  onDelete: (e: MouseEvent<HTMLButtonElement>) => void;\n  onPreview?: (e: { href: string }) => void;\n  onLinkClick?: (id: MenuItemProps['id'], e: MouseEvent) => void;\n  ref: Ref<HTMLDivElement>;\n}\n\nconst StyledObjectSummary = styled(StyledFormControl)<{ meta: string }>(\n  ({\n    theme: {\n      base: {\n        spacing,\n        'hit-area': { 'mouse-min': hitAreaMouse, 'finger-min': hitAreaFinger },\n        shadow: { 'focus-inset': focusInset }\n      },\n      components: {\n        'form-control': { 'border-width': borderWidth }\n      }\n    },\n    meta\n  }) => {\n    return css`\n      padding-block: ${meta ? spacing : '0'};\n      padding-inline-start: ${spacing};\n      min-height: ${hitAreaMouse};\n\n      ${StyledLink}:focus {\n        box-shadow: ${focusInset};\n      }\n\n      ${StyledSummaryItemActions} > ${StyledButton} {\n        margin-block: calc(-1 * ${borderWidth});\n        min-width: calc(${hitAreaMouse} - 2 * ${borderWidth});\n        min-height: calc(${hitAreaMouse} - 2 * ${borderWidth});\n      }\n\n      @media (pointer: coarse) {\n        min-height: ${hitAreaFinger};\n\n        ${StyledSummaryItemActions} > ${StyledButton} {\n          min-width: calc(${hitAreaFinger} - 2 * ${borderWidth});\n          min-height: calc(${hitAreaFinger} - 2 * ${borderWidth});\n        }\n      }\n    `;\n  }\n);\n\nStyledObjectSummary.defaultProps = defaultThemeProp;\n\nconst StyledMetaText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n`;\n\nconst ObjectSummary: FC<PropsWithoutRef<ObjectSummaryProps> & ForwardProps> = forwardRef(\n  function ObjectSummary(\n    {\n      value,\n      configuration,\n      label,\n      disabled,\n      status,\n      readOnly,\n      onDelete,\n      onPreview,\n      onLinkClick,\n      ...restProps\n    },\n    ref: ObjectSummaryProps['ref']\n  ) {\n    const [configTarget, setConfigTarget] = useElement<HTMLButtonElement>();\n    const t = useI18n();\n    const describedById = useUID();\n\n    useEffect(() => {\n      if (configTarget) configuration?.onOpen?.();\n    }, [configTarget]);\n\n    const configDialog = useMemo(() => {\n      if (!configuration || !configTarget || disabled) return null;\n\n      const commonProps: Pick<BaseDialogProps, 'target' | 'progress' | 'ref' | 'children'> &\n        Pick<ObjectConfigProps, 'heading'> = {\n        heading: configuration.heading,\n        target: configTarget,\n        progress: configuration.loading,\n        ref: configuration.ref,\n        children: configuration.children\n      };\n\n      if (readOnly) {\n        return (\n          <InfoDialog\n            {...commonProps}\n            onDismiss={() => {\n              setConfigTarget(null);\n              configuration.onClose?.();\n            }}\n          />\n        );\n      }\n\n      return (\n        <FormDialog\n          {...commonProps}\n          onCancel={() => {\n            setConfigTarget(null);\n            configuration.onClose?.();\n          }}\n          onSubmit={() => {\n            configuration.onSubmit({\n              close: () => {\n                setConfigTarget(null);\n              }\n            });\n          }}\n        />\n      );\n    }, [configTarget, configuration, disabled, readOnly]);\n\n    return (\n      <FormField {...restProps} ref={ref} label={label} status={status} disabled={disabled}>\n        <SummaryItem\n          as={StyledObjectSummary}\n          status={status}\n          meta={value.meta}\n          readOnly={readOnly}\n          overflowStrategy='ellipsis'\n          primary={\n            disabled || !value.href ? (\n              <Text id={describedById}>{value.primary}</Text>\n            ) : (\n              <Link\n                href={value.href}\n                aria-label={`${label} ${value.primary}`}\n                previewable\n                onPreview={onPreview}\n                onClick={onLinkClick ? (e: MouseEvent) => onLinkClick(value.id, e) : undefined}\n              >\n                {value.primary}\n              </Link>\n            )\n          }\n          secondary={\n            value.meta && <StyledMetaText variant='secondary'>{value.meta}</StyledMetaText>\n          }\n          actions={\n            <>\n              {configuration && (\n                <Button\n                  disabled={disabled}\n                  label={configuration?.label}\n                  icon\n                  variant='simple'\n                  onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                    setConfigTarget(e.currentTarget);\n                  }}\n                  aria-describedby={describedById}\n                >\n                  <Icon name='gear' />\n                </Button>\n              )}\n              {!readOnly && (\n                <Button\n                  disabled={disabled}\n                  label={t('clear_object_summary', [String(label)])}\n                  icon\n                  variant='simple'\n                  onClick={onDelete}\n                  aria-describedby={describedById}\n                >\n                  <Icon name='times' />\n                </Button>\n              )}\n              {configDialog}\n            </>\n          }\n        />\n      </FormField>\n    );\n  }\n);\n\nexport default ObjectSummary;\n"]}

package/lib/components/ObjectSelect/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './ObjectSelect';
-export type { ObjectSelectProps } from './ObjectSelect';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ObjectSelect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/ObjectSelect/index.js

@@ -1,2 +0,0 @@
-export { default } from './ObjectSelect';
-//# sourceMappingURL=index.js.map

package/lib/components/ObjectSelect/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default } from './ObjectSelect';\nexport type { ObjectSelectProps } from './ObjectSelect';\n"]}

package/lib/components/ObjectSelect/useCreateModal.d.ts

@@ -1,32 +0,0 @@
-import { ComponentType } from 'react';
-import { ModalProps } from '@pega/cosmos-react-core';
-export interface UseCreateModalConfig<P extends object = object> {
-    /**
-     * Heading for the Modal.
-     * @default 'Create new'
-     */
-    heading?: string;
-    /** A component to render the add new form. */
-    renderer: ComponentType<P>;
-    /** Called when a user submits a form. */
-    onSubmit: ({ close }: {
-        close: () => void;
-    }) => void;
-    /** Called when a user cancels a form. */
-    onDismiss: ({ close }: {
-        close: () => void;
-    }) => void;
-    /** Called before the modal opens. */
-    onBeforeOpen?: ModalProps['onBeforeOpen'];
-    /** Called after the modal closes. */
-    onAfterClose?: ModalProps['onAfterClose'];
-}
-export interface CreateModalActionProps<P extends object = object> {
-    loading?: boolean;
-    rendererProps: P;
-}
-declare const useCreateModal: <P extends object = object>(config: UseCreateModalConfig<P> | undefined) => {
-    renderModal: ({ rendererProps, loading }: CreateModalActionProps<P>) => void;
-};
-export default useCreateModal;
-//# sourceMappingURL=useCreateModal.d.ts.map

package/lib/components/ObjectSelect/useCreateModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/useCreateModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIL,UAAU,EAIX,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,yCAAyC;IACzC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,qCAAqC;IACrC,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,qCAAqC;IACrC,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,CAAC;CAClB;AAED,QAAA,MAAM,cAAc;;CA0FnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ObjectSelect/useCreateModal.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { Button, Modal, useModalManager, useI18n } from '@pega/cosmos-react-core';
-const useCreateModal = (config) => {
-    const t = useI18n();
-    const submittingRef = useRef(false);
-    const modalMethods = useRef();
-    const { create: createModal } = useModalManager();
-    if (config) {
-        const { renderer: Renderer, onSubmit, onDismiss, onBeforeOpen, onAfterClose, heading = t('create_new') } = config;
-        const renderModal = ({ rendererProps, loading = false }) => {
-            const modalContent = _jsx(Renderer, { ...rendererProps });
-            let formActions = null;
-            if (!loading || submittingRef.current) {
-                const close = () => {
-                    modalMethods.current?.dismiss();
-                    modalMethods.current = undefined;
-                };
-                formActions = (_jsxs(_Fragment, { children: [_jsx(Button, { disabled: loading, onClick: () => {
-                                onDismiss({ close });
-                            }, children: t('cancel') }), _jsx(Button, { disabled: loading, type: 'submit', variant: 'primary', onClick: () => {
-                                submittingRef.current = true;
-                                onSubmit({ close });
-                            }, children: t('submit') })] }));
-            }
-            const modalProps = {
-                progress: loading
-                    ? { message: submittingRef.current ? t('submitting') : t('loading') }
-                    : undefined,
-                children: modalContent,
-                actions: formActions,
-                onRequestDismiss: loading && submittingRef.current ? () => false : undefined
-            };
-            if (modalMethods.current) {
-                modalMethods.current.update(modalProps);
-            }
-            else {
-                modalMethods.current = createModal(Modal, {
-                    ...modalProps,
-                    heading,
-                    onBeforeOpen,
-                    onAfterClose: () => {
-                        onAfterClose?.();
-                        submittingRef.current = false;
-                    }
-                }, {
-                    dismissible: false
-                });
-            }
-        };
-        return {
-            renderModal
-        };
-    }
-    return {
-        renderModal: () => { }
-    };
-};
-export default useCreateModal;
-//# sourceMappingURL=useCreateModal.js.map

package/lib/components/ObjectSelect/useCreateModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCreateModal.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/useCreateModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, ReactNode, ComponentType } from 'react';\n\nimport {\n  ModalMethods,\n  Button,\n  OmitStrict,\n  ModalProps,\n  Modal,\n  useModalManager,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nexport interface UseCreateModalConfig<P extends object = object> {\n  /**\n   * Heading for the Modal.\n   * @default 'Create new'\n   */\n  heading?: string;\n  /** A component to render the add new form. */\n  renderer: ComponentType<P>;\n  /** Called when a user submits a form. */\n  onSubmit: ({ close }: { close: () => void }) => void;\n  /** Called when a user cancels a form. */\n  onDismiss: ({ close }: { close: () => void }) => void;\n  /** Called before the modal opens. */\n  onBeforeOpen?: ModalProps['onBeforeOpen'];\n  /** Called after the modal closes. */\n  onAfterClose?: ModalProps['onAfterClose'];\n}\n\nexport interface CreateModalActionProps<P extends object = object> {\n  loading?: boolean;\n  rendererProps: P;\n}\n\nconst useCreateModal = <P extends object = object>(config: UseCreateModalConfig<P> | undefined) => {\n  const t = useI18n();\n\n  const submittingRef = useRef(false);\n  const modalMethods = useRef<ModalMethods>();\n  const { create: createModal } = useModalManager();\n\n  if (config) {\n    const {\n      renderer: Renderer,\n      onSubmit,\n      onDismiss,\n      onBeforeOpen,\n      onAfterClose,\n      heading = t('create_new')\n    } = config;\n    const renderModal = ({ rendererProps, loading = false }: CreateModalActionProps<P>) => {\n      const modalContent: ReactNode = <Renderer {...rendererProps} />;\n\n      let formActions: ReactNode = null;\n\n      if (!loading || submittingRef.current) {\n        const close = () => {\n          modalMethods.current?.dismiss();\n          modalMethods.current = undefined;\n        };\n\n        formActions = (\n          <>\n            <Button\n              disabled={loading}\n              onClick={() => {\n                onDismiss({ close });\n              }}\n            >\n              {t('cancel')}\n            </Button>\n            <Button\n              disabled={loading}\n              type='submit'\n              variant='primary'\n              onClick={() => {\n                submittingRef.current = true;\n                onSubmit({ close });\n              }}\n            >\n              {t('submit')}\n            </Button>\n          </>\n        );\n      }\n\n      const modalProps: OmitStrict<ModalProps, 'heading'> = {\n        progress: loading\n          ? { message: submittingRef.current ? t('submitting') : t('loading') }\n          : undefined,\n        children: modalContent,\n        actions: formActions,\n        onRequestDismiss: loading && submittingRef.current ? () => false : undefined\n      };\n\n      if (modalMethods.current) {\n        modalMethods.current.update(modalProps);\n      } else {\n        modalMethods.current = createModal(\n          Modal,\n          {\n            ...modalProps,\n            heading,\n            onBeforeOpen,\n            onAfterClose: () => {\n              onAfterClose?.();\n              submittingRef.current = false;\n            }\n          },\n          {\n            dismissible: false\n          }\n        );\n      }\n    };\n\n    return {\n      renderModal\n    };\n  }\n\n  return {\n    renderModal: () => {}\n  };\n};\n\nexport default useCreateModal;\n"]}

package/lib/components/PageBanner/PageBanner.d.ts

@@ -1,22 +0,0 @@
-import { FunctionComponent, MouseEventHandler } from 'react';
-import { ImageProps, NoChildrenProp } from '@pega/cosmos-react-core';
-interface Action {
-    label: string;
-    onClick: MouseEventHandler<HTMLButtonElement>;
-}
-export interface PageBannerProps extends NoChildrenProp {
-    title: string;
-    description: string;
-    image?: ImageProps;
-    actions?: [Action] | [Action, Action];
-    link?: {
-        label: string;
-        href: string;
-    };
-}
-export declare const StyledPageBanner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const PageBanner: FunctionComponent<PageBannerProps>;
-export default PageBanner;
-//# sourceMappingURL=PageBanner.d.ts.map

package/lib/components/PageBanner/PageBanner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAC;AAIrE,OAAO,EASL,UAAU,EAMV,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAC/C;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,yGAqC3B,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAqDlD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/PageBanner/PageBanner.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { readableColor } from 'polished';
-import { Flex, Grid, Image, Text, Button, defaultThemeProp, tryCatch, StyledButton, Link, StyledLink, useBreakpoint, ShowMoreLess, StyledShowMoreLessButton } from '@pega/cosmos-react-core';
-export const StyledPageBanner = styled.div(({ theme }) => {
-    const { base: { palette: { 'brand-primary': brandBackground }, 'font-weight': fontWeight, 'content-width': contentWidth } } = theme;
-    const color = tryCatch(() => readableColor(brandBackground));
-    return css `
-    background: ${brandBackground};
-    color: ${color};
-
-    h1:focus-visible {
-      outline: transparent;
-      box-shadow: ${theme.base.shadow.focus};
-    }
-
-    ${StyledButton} {
-      width: max-content;
-    }
-
-    ${StyledButton} + ${StyledButton} {
-      margin-inline-start: 0;
-    }
-
-    ${StyledLink}, ${StyledShowMoreLessButton} {
-      font-weight: ${fontWeight['semi-bold']};
-      color: ${color};
-    }
-
-    p {
-      max-width: ${contentWidth.xl};
-    }
-  `;
-});
-StyledPageBanner.defaultProps = defaultThemeProp;
-export const StyledImageContainer = styled.div `
-  min-width: 100%;
-
-  img {
-    object-fit: contain;
-    max-height: 10rem;
-  }
-`;
-export const StyledActions = styled.div `
-  margin-block-start: auto;
-`;
-const PageBanner = ({ title, description, image, actions, link }) => {
-    const bannerRef = useRef(null);
-    const isMediumOrAbove = useBreakpoint('md', { breakpointRef: bannerRef });
-    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: bannerRef });
-    return (_jsxs(Grid, { container: {
-            cols: isSmallOrAbove && image ? '1fr 25%' : '1fr',
-            pad: isMediumOrAbove ? [0, 8, 0, 4] : [0, 4],
-            gap: isMediumOrAbove ? 8 : 4
-        }, as: StyledPageBanner, ref: bannerRef, children: [_jsxs(Flex, { container: { direction: 'column', pad: [2, 0], gap: 1 }, children: [_jsx(Text, { variant: 'h1', children: title }), _jsx(ShowMoreLess, { lines: 3, children: _jsx(Text, { as: 'p', children: description }) }), !isSmallOrAbove && image && (_jsx(Flex, { as: StyledImageContainer, container: { justify: 'center', alignItems: 'center' }, children: _jsx(Image, { ...image }) })), !!actions?.length && (_jsxs(Flex, { as: StyledActions, container: { alignItems: 'center', pad: [1, 0, 0, 0], gap: 1, wrap: 'wrap' }, children: [actions.map(action => (_jsx(Button, { onClick: action.onClick, children: action.label }, action.label))), link && _jsx(Link, { href: link.href, children: link.label })] }))] }), isSmallOrAbove && image && (_jsx(Flex, { as: StyledImageContainer, container: { justify: 'end', alignItems: 'center' }, children: _jsx(Image, { ...image }) }))] }));
-};
-export default PageBanner;
-//# sourceMappingURL=PageBanner.js.map

package/lib/components/PageBanner/PageBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageBanner.js","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, MouseEventHandler, useRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport {\n  Flex,\n  Grid,\n  Image,\n  Text,\n  Button,\n  defaultThemeProp,\n  tryCatch,\n  StyledButton,\n  ImageProps,\n  Link,\n  StyledLink,\n  useBreakpoint,\n  ShowMoreLess,\n  StyledShowMoreLessButton,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\n\ninterface Action {\n  label: string;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface PageBannerProps extends NoChildrenProp {\n  title: string;\n  description: string;\n  image?: ImageProps;\n  actions?: [Action] | [Action, Action];\n  link?: {\n    label: string;\n    href: string;\n  };\n}\n\nexport const StyledPageBanner = styled.div(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': brandBackground },\n      'font-weight': fontWeight,\n      'content-width': contentWidth\n    }\n  } = theme;\n\n  const color = tryCatch(() => readableColor(brandBackground));\n\n  return css`\n    background: ${brandBackground};\n    color: ${color};\n\n    h1:focus-visible {\n      outline: transparent;\n      box-shadow: ${theme.base.shadow.focus};\n    }\n\n    ${StyledButton} {\n      width: max-content;\n    }\n\n    ${StyledButton} + ${StyledButton} {\n      margin-inline-start: 0;\n    }\n\n    ${StyledLink}, ${StyledShowMoreLessButton} {\n      font-weight: ${fontWeight['semi-bold']};\n      color: ${color};\n    }\n\n    p {\n      max-width: ${contentWidth.xl};\n    }\n  `;\n});\n\nStyledPageBanner.defaultProps = defaultThemeProp;\n\nexport const StyledImageContainer = styled.div`\n  min-width: 100%;\n\n  img {\n    object-fit: contain;\n    max-height: 10rem;\n  }\n`;\n\nexport const StyledActions = styled.div`\n  margin-block-start: auto;\n`;\n\nconst PageBanner: FunctionComponent<PageBannerProps> = ({\n  title,\n  description,\n  image,\n  actions,\n  link\n}) => {\n  const bannerRef = useRef<HTMLDivElement>(null);\n\n  const isMediumOrAbove = useBreakpoint('md', { breakpointRef: bannerRef });\n  const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: bannerRef });\n\n  return (\n    <Grid\n      container={{\n        cols: isSmallOrAbove && image ? '1fr 25%' : '1fr',\n        pad: isMediumOrAbove ? [0, 8, 0, 4] : [0, 4],\n        gap: isMediumOrAbove ? 8 : 4\n      }}\n      as={StyledPageBanner}\n      ref={bannerRef}\n    >\n      <Flex container={{ direction: 'column', pad: [2, 0], gap: 1 }}>\n        <Text variant='h1'>{title}</Text>\n        <ShowMoreLess lines={3}>\n          <Text as='p'>{description}</Text>\n        </ShowMoreLess>\n        {!isSmallOrAbove && image && (\n          <Flex as={StyledImageContainer} container={{ justify: 'center', alignItems: 'center' }}>\n            <Image {...image} />\n          </Flex>\n        )}\n        {!!actions?.length && (\n          <Flex\n            as={StyledActions}\n            container={{ alignItems: 'center', pad: [1, 0, 0, 0], gap: 1, wrap: 'wrap' }}\n          >\n            {actions.map(action => (\n              <Button key={action.label} onClick={action.onClick}>\n                {action.label}\n              </Button>\n            ))}\n            {link && <Link href={link.href}>{link.label}</Link>}\n          </Flex>\n        )}\n      </Flex>\n      {isSmallOrAbove && image && (\n        <Flex as={StyledImageContainer} container={{ justify: 'end', alignItems: 'center' }}>\n          <Image {...image} />\n        </Flex>\n      )}\n    </Grid>\n  );\n};\n\nexport default PageBanner;\n"]}

package/lib/components/PageBanner/index.d.ts

@@ -1,3 +0,0 @@
-export { default, StyledPageBanner } from './PageBanner';
-export type { PageBannerProps } from './PageBanner';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/PageBanner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/PageBanner/index.js

@@ -1,2 +0,0 @@
-export { default, StyledPageBanner } from './PageBanner';
-//# sourceMappingURL=index.js.map

package/lib/components/PageBanner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default, StyledPageBanner } from './PageBanner';\nexport type { PageBannerProps } from './PageBanner';\n"]}

package/lib/components/PageTemplates/GalleryPage.d.ts

@@ -1,23 +0,0 @@
-import { FC, Ref, MouseEvent } from 'react';
-import { NoChildrenProp } from '@pega/cosmos-react-core';
-import { SummaryCardProps } from '../SummaryCard';
-import { PageBannerProps } from '../PageBanner';
-interface EmptyStateProps {
-    heading: string;
-    description?: string;
-}
-export interface GalleryPageProps extends NoChildrenProp, PageBannerProps {
-    /** Props to render the empty state content. */
-    emptyState: EmptyStateProps;
-    /** A list of cards to render as a grid. */
-    items?: SummaryCardProps[];
-    /** Callback function that is fired when an item is clicked. */
-    onItemClick: (id: SummaryCardProps['id'], e: MouseEvent<HTMLDivElement>) => void;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledGalleryPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const GalleryPage: FC<GalleryPageProps>;
-export default GalleryPage;
-//# sourceMappingURL=GalleryPage.d.ts.map

package/lib/components/PageTemplates/GalleryPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryPage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,GAAG,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGpF,OAAO,EAIL,cAAc,EAOf,MAAM,yBAAyB,CAAC;AAEjC,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,eAAe;IACvE,+CAA+C;IAC/C,UAAU,EAAE,eAAe,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,yGAE7B,CAAC;AAEF,eAAO,MAAM,aAAa,yGAMxB,CAAC;AA+CH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+CpC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/components/PageTemplates/GalleryPage.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import { Flex, Grid, Button, ShowMoreLess, Text, defaultThemeProp, useConfiguration, focusHeadingOrContainer, useConsolidatedRef } from '@pega/cosmos-react-core';
-import SummaryCard from '../SummaryCard';
-import PageBanner from '../PageBanner';
-export const StyledGalleryPage = styled.div `
-  min-height: inherit;
-`;
-export const StyledContent = styled.div(({ theme }) => {
-    return css `
-    padding-block: calc(3 * ${theme.base.spacing});
-    padding-inline: calc(4 * ${theme.base.spacing});
-    min-height: 100%;
-  `;
-});
-StyledContent.defaultProps = defaultThemeProp;
-const SummaryCardList = ({ items, onItemClick }) => {
-    return (_jsx(Grid, { container: {
-            cols: 'repeat(auto-fill, minmax(18.75rem, 1fr))',
-            autoRows: '10rem',
-            gap: 2
-        }, children: items && items.map(item => _jsx(SummaryCard, { ...item, onClick: onItemClick }, item.id)) }));
-};
-const EmptyState = ({ heading, description, actions }) => {
-    return (_jsxs(Flex, { container: { direction: 'column', alignItems: 'center', justify: 'center', rowGap: 2 }, item: { grow: 1 }, children: [_jsx(Text, { variant: 'h2', children: heading }), description && (_jsx(ShowMoreLess, { lines: 2, children: _jsx(Text, { as: 'p', children: description }) })), !!actions?.length &&
-                actions.map(action => (_jsx(Button, { variant: 'primary', onClick: action.onClick, children: action.label }, action.label)))] }));
-};
-const GalleryPage = forwardRef(function GalleryPage({ title, description, image, items, onItemClick, emptyState, actions, link }, ref) {
-    const { loadedRef } = useConfiguration();
-    const pageRef = useConsolidatedRef(ref);
-    // Focus heading on initial mount
-    useEffect(() => {
-        if (!pageRef.current)
-            return;
-        if (loadedRef.current) {
-            focusHeadingOrContainer(pageRef.current, title);
-        }
-        else {
-            loadedRef.current = true;
-        }
-    }, [title]);
-    const noItems = !items || items.length === 0;
-    return (_jsxs(StyledGalleryPage, { ref: pageRef, children: [_jsx(PageBanner, { title: title, description: description, actions: noItems ? undefined : actions, link: link, image: image }), _jsx(StyledContent, { children: noItems ? (_jsx(EmptyState, { ...emptyState, actions: actions })) : (_jsx(SummaryCardList, { items: items, onItemClick: onItemClick })) })] }));
-});
-export default GalleryPage;
-//# sourceMappingURL=GalleryPage.js.map

package/lib/components/PageTemplates/GalleryPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryPage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, PropsWithoutRef, forwardRef, Ref, MouseEvent, useEffect } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Grid,\n  Button,\n  NoChildrenProp,\n  ShowMoreLess,\n  Text,\n  defaultThemeProp,\n  useConfiguration,\n  focusHeadingOrContainer,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\n\nimport SummaryCard, { SummaryCardProps } from '../SummaryCard';\nimport PageBanner, { PageBannerProps } from '../PageBanner';\n\ninterface EmptyStateProps {\n  heading: string;\n  description?: string;\n}\n\nexport interface GalleryPageProps extends NoChildrenProp, PageBannerProps {\n  /** Props to render the empty state content. */\n  emptyState: EmptyStateProps;\n  /** A list of cards to render as a grid. */\n  items?: SummaryCardProps[];\n  /** Callback function that is fired when an item is clicked. */\n  onItemClick: (id: SummaryCardProps['id'], e: MouseEvent<HTMLDivElement>) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledGalleryPage = styled.div`\n  min-height: inherit;\n`;\n\nexport const StyledContent = styled.div(({ theme }) => {\n  return css`\n    padding-block: calc(3 * ${theme.base.spacing});\n    padding-inline: calc(4 * ${theme.base.spacing});\n    min-height: 100%;\n  `;\n});\n\nStyledContent.defaultProps = defaultThemeProp;\n\nconst SummaryCardList: FC<{\n  items: GalleryPageProps['items'];\n  onItemClick: GalleryPageProps['onItemClick'];\n}> = ({ items, onItemClick }) => {\n  return (\n    <Grid\n      container={{\n        cols: 'repeat(auto-fill, minmax(18.75rem, 1fr))',\n        autoRows: '10rem',\n        gap: 2\n      }}\n    >\n      {items && items.map(item => <SummaryCard key={item.id} {...item} onClick={onItemClick} />)}\n    </Grid>\n  );\n};\n\nconst EmptyState: FC<EmptyStateProps & Pick<GalleryPageProps, 'actions'>> = ({\n  heading,\n  description,\n  actions\n}) => {\n  return (\n    <Flex\n      container={{ direction: 'column', alignItems: 'center', justify: 'center', rowGap: 2 }}\n      item={{ grow: 1 }}\n    >\n      <Text variant='h2'>{heading}</Text>\n      {description && (\n        <ShowMoreLess lines={2}>\n          <Text as='p'>{description}</Text>\n        </ShowMoreLess>\n      )}\n      {!!actions?.length &&\n        actions.map(action => (\n          <Button key={action.label} variant='primary' onClick={action.onClick}>\n            {action.label}\n          </Button>\n        ))}\n    </Flex>\n  );\n};\n\nconst GalleryPage: FC<GalleryPageProps> = forwardRef(function GalleryPage(\n  {\n    title,\n    description,\n    image,\n    items,\n    onItemClick,\n    emptyState,\n    actions,\n    link\n  }: PropsWithoutRef<GalleryPageProps>,\n  ref: GalleryPageProps['ref']\n) {\n  const { loadedRef } = useConfiguration();\n  const pageRef = useConsolidatedRef(ref);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!pageRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(pageRef.current, title);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [title]);\n\n  const noItems = !items || items.length === 0;\n\n  return (\n    <StyledGalleryPage ref={pageRef}>\n      <PageBanner\n        title={title}\n        description={description}\n        actions={noItems ? undefined : actions}\n        link={link}\n        image={image}\n      />\n      <StyledContent>\n        {noItems ? (\n          <EmptyState {...emptyState} actions={actions} />\n        ) : (\n          <SummaryCardList items={items} onItemClick={onItemClick} />\n        )}\n      </StyledContent>\n    </StyledGalleryPage>\n  );\n});\n\nexport default GalleryPage;\n"]}

package/lib/components/PageTemplates/PageTemplates.d.ts

@@ -1,27 +0,0 @@
-import { FunctionComponent, MouseEvent } from 'react';
-import { OneColumnPageProps as CoreOneColumnPageProps, TabbedPageProps as CoreTabbedPageProps, FieldValueListProps, ForwardProps, PageTemplateProps, OmitStrict, StatusProps } from '@pega/cosmos-react-core';
-export interface PageHeaderProps extends Pick<PageTemplateProps, 'title' | 'actions'> {
-    metadata?: FieldValueListProps['fields'];
-    status?: {
-        type: StatusProps['variant'];
-        label: string;
-    };
-    titleTag?: 'h1' | 'h2';
-    additionalInfo?: {
-        title: string;
-        description?: string;
-        fields: FieldValueListProps['fields'];
-        onEdit?: (e: MouseEvent<HTMLButtonElement>) => void;
-    };
-}
-type OmittedPageProps = 'header' | 'scrollContent';
-export interface OneColumnPageProps extends OmitStrict<CoreOneColumnPageProps, OmittedPageProps>, PageHeaderProps {
-}
-export interface TabbedPageProps extends OmitStrict<CoreTabbedPageProps, OmittedPageProps>, PageHeaderProps {
-}
-export declare const StyledPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PageHeader: ({ title, metadata, additionalInfo, actions, status, titleTag }: PageHeaderProps) => JSX.Element;
-export declare const TabbedPage: FunctionComponent<TabbedPageProps & ForwardProps>;
-export declare const OneColumnPage: FunctionComponent<OneColumnPageProps & ForwardProps>;
-export {};
-//# sourceMappingURL=PageTemplates.d.ts.map

package/lib/components/PageTemplates/PageTemplates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAEjB,UAAU,EAGX,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,EAE5C,eAAe,IAAI,mBAAmB,EACtC,mBAAmB,EAQnB,YAAY,EAGZ,iBAAiB,EACjB,UAAU,EAEV,WAAW,EAQZ,MAAM,yBAAyB,CAAC;AAWjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACnF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACrD,CAAC;CACH;AAED,KAAK,gBAAgB,GAAG,QAAQ,GAAG,eAAe,CAAC;AAEnD,MAAM,WAAW,kBACf,SAAQ,UAAU,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,EAC1D,eAAe;CAAG;AAEtB,MAAM,WAAW,eACf,SAAQ,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,EACvD,eAAe;CAAG;AA+BtB,eAAO,MAAM,UAAU,yGAiCtB,CAAC;AAIF,eAAO,MAAM,UAAU,mEAOpB,eAAe,gBAkDjB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAgBxE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAoB9E,CAAC"}

package/lib/components/PageTemplates/PageTemplates.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo, useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { OneColumnPage as CoreOneColumnPage, TabbedPage as CoreTabbedPage, Flex, Status, SummaryItem, Text, Button, Popover, FieldValueList, defaultThemeProp, useI18n, StyledSummaryItemActions, registerIcon, StyledRegion, MetaList, StyledBreadcrumbs, StyledPageHeader, AdditionalInfo } from '@pega/cosmos-react-core';
-import * as nodesDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/nodes-down.icon';
-import * as informationIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/information.icon';
-import { StyledForm } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm';
-import { StyledBanner } from '@pega/cosmos-react-core/lib/components/Banner/Banner';
-import { StyledTabs } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs';
-import { StyledWorkbench } from '../Workbench/Workbench.styles';
-registerIcon(nodesDownIcon, informationIcon);
-const StyledTextWithEllipsis = styled(Text) `
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  line-height: 1.15;
-`;
-const StyledInfoPopover = styled(Popover)(({ theme: { base: { 'content-width': contentWidth } } }) => {
-    return css `
-      min-width: ${contentWidth.sm};
-      max-width: ${contentWidth.md};
-      overflow-wrap: break-word;
-    `;
-});
-StyledInfoPopover.defaultProps = defaultThemeProp;
-const StyledHeaderContent = styled(SummaryItem) `
-  ${StyledSummaryItemActions} {
-    align-self: start;
-  }
-`;
-export const StyledPage = styled.div(({ theme: { base: { spacing, palette: { 'primary-background': primaryBackground } } } }) => {
-    return css `
-      background: ${primaryBackground};
-      height: 100%;
-
-      ${StyledBanner},
-      ${StyledTabs} {
-        margin-block-start: calc(1.5 * ${spacing});
-      }
-
-      ${StyledRegion} ${StyledWorkbench} {
-        position: absolute;
-        width: 100%;
-        margin: 0 calc(-2 * ${spacing});
-      }
-
-      ${StyledRegion} ${StyledForm} {
-        max-width: 80ch;
-      }
-
-      ${StyledPageHeader} > ${StyledBreadcrumbs} {
-        margin-block-end: 0;
-      }
-    `;
-});
-StyledPage.defaultProps = defaultThemeProp;
-export const PageHeader = ({ title, metadata, additionalInfo, actions, status, titleTag }) => {
-    const t = useI18n();
-    const metaListItems = useMemo(() => metadata?.map(({ name, value }) => `${name}: ${value}`), [metadata]);
-    const infoDialogHandle = useRef(null);
-    return (_jsx(StyledHeaderContent, { container: true, primary: _jsxs(Flex, { container: { alignItems: 'center', gap: 0.5, wrap: 'wrap' }, children: [_jsxs(Flex, { container: { gap: 0.5, alignItems: 'end' }, item: { shrink: 0 }, children: [_jsx(StyledTextWithEllipsis, { variant: 'h1', forwardedAs: titleTag, children: title }), additionalInfo && (_jsx(AdditionalInfo, { heading: additionalInfo.title, dialogHandle: infoDialogHandle, children: _jsxs(Flex, { container: { direction: 'column', alignItems: 'start', gap: 2 }, children: [_jsxs(Flex, { container: { direction: 'column', gap: 1 }, item: { grow: 1, alignSelf: 'stretch' }, children: [additionalInfo.description && _jsx(Text, { as: 'p', children: additionalInfo.description }), _jsx(FieldValueList, { variant: 'inline', fields: additionalInfo.fields })] }), additionalInfo.onEdit && (_jsx(Button, { onClick: (e) => {
-                                            infoDialogHandle.current?.close();
-                                            additionalInfo.onEdit?.(e);
-                                        }, children: t('edit_details') }))] }) }))] }), status && _jsx(Status, { variant: status.type, children: status.label })] }), secondary: metaListItems && _jsx(MetaList, { items: metaListItems }), actions: actions }));
-};
-export const TabbedPage = forwardRef(function TabbedPage({ tabs, ...restProps }, ref) {
-    return (_jsx(CoreTabbedPage, { ...restProps, as: StyledPage, header: _jsx(PageHeader, { ...restProps }), tabs: tabs, ref: ref, scrollContent: true }));
-});
-export const OneColumnPage = forwardRef(function OneColumnPage({ a, ...restProps }, ref) {
-    return (_jsx(CoreOneColumnPage, { ...restProps, as: StyledPage, header: _jsx(PageHeader, { ...restProps }), scrollContent: true, a: a, ref: ref }));
-});
-//# sourceMappingURL=PageTemplates.js.map