@pega/cosmos-react-build 8.8.0 → 9.0.0-build.10.0

package/lib/components/ObjectSelect/ObjectSelect.js

@@ -1,26 +1,54 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import { useAfterInitialEffect, hasProp } from '@pega/cosmos-react-core';
-import ObjectPicker from './ObjectPicker';
-import ObjectSummary from './ObjectSummary';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useMemo, useState } from 'react';
+import { hasProp, useElement, InfoDialog, FormDialog } from '@pega/cosmos-react-core';
+import RulePicker from '../RulePicker/RulePicker';
 import useCreateModal from './useCreateModal';
-const ObjectSelect = forwardRef(function ObjectSelect({ items, value, configuration, disabled, onChange, onPreview, onLinkClick, loading, createConfiguration, ...restProps }, ref) {
-    const [mode, setMode] = useState(value ? 'summary' : 'picker');
-    const objectPickerRef = useRef(null);
-    const objectSummaryRef = useRef(null);
+import InputTree from './InputTree';
+const ObjectSelect = forwardRef(({ testId, menu, configuration, createConfiguration, readOnly, disabled, ...restProps }, ref) => {
+    const [mode, setMode] = useState('picker');
+    const [configTarget, setConfigTarget] = useElement();
     const isCreateModalConfig = createConfiguration && hasProp(createConfiguration, 'renderer');
-    useAfterInitialEffect(() => {
-        const element = mode === 'summary'
-            ? objectSummaryRef.current?.querySelector('a')
-            : objectPickerRef.current?.querySelector('input');
-        element?.focus();
-    }, [mode]);
+    const configDialog = useMemo(() => {
+        if (!configuration || !configTarget || disabled) {
+            return null;
+        }
+        const { preventDialogDismiss = false } = configuration;
+        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, onDismiss: () => {
+                if (preventDialogDismiss) {
+                    return;
+                }
+                setConfigTarget(null);
+                configuration.onClose?.();
+            }, onCancel: () => {
+                setConfigTarget(null);
+                configuration.onClose?.();
+            }, onSubmit: () => {
+                configuration.onSubmit?.({
+                    close: () => {
+                        setConfigTarget(null);
+                    }
+                });
+            } }));
+    }, [configTarget, configuration, disabled, readOnly]);
     const { renderModal } = useCreateModal(isCreateModalConfig
         ? {
             ...createConfiguration,
             onAfterClose: () => {
                 createConfiguration.onAfterClose?.();
-                setMode('summary');
+                setMode('picker');
             }
         }
         : undefined);
@@ -29,13 +57,42 @@ const ObjectSelect = forwardRef(function ObjectSelect({ items, value, configurat
             renderModal(createConfiguration);
         }
     }, [mode, createConfiguration]);
-    return (_jsx("div", { ref: ref, children: value ? (_jsx(ObjectSummary, { ...restProps, value: value, disabled: disabled, onDelete: e => {
-                setMode('picker');
-                onChange?.('', e);
-            }, ref: objectSummaryRef, configuration: configuration, onPreview: e => onPreview?.(value.id, e), onLinkClick: onLinkClick })) : (_jsx(ObjectPicker, { ...restProps, loading: loading, disabled: disabled, ref: objectPickerRef, items: items, onSelect: (id, e) => {
-                setMode('summary');
-                onChange?.(id, e);
-            }, createProps: isCreateModalConfig ? { onClick: () => setMode('create') } : createConfiguration })) }));
+    useEffect(() => {
+        if (configTarget) {
+            configuration?.onOpen?.();
+        }
+    }, [configTarget]);
+    return (_jsxs("div", { children: [_jsx(RulePicker, { ...restProps, testId: testId, ref: ref, readOnly: readOnly, disabled: disabled, onMenuOpen: (...args) => {
+                    setConfigTarget(null);
+                    configuration?.onClose?.();
+                    restProps.onMenuOpen?.(...args);
+                }, menu: {
+                    ...menu,
+                    onCreateNew: (() => {
+                        if (isCreateModalConfig) {
+                            return () => setMode('create');
+                        }
+                        if (createConfiguration) {
+                            return () => {
+                                if (createConfiguration.onClick) {
+                                    createConfiguration.onClick();
+                                }
+                            };
+                        }
+                    })()
+                }, actions: configuration && !configuration.inlineParameter
+                    ? [
+                        {
+                            id: 'parameters-config',
+                            text: configuration?.label ? configuration.label : 'parameters',
+                            icon: 'gear',
+                            onClick: (id, e) => {
+                                e.preventDefault();
+                                setConfigTarget(e.currentTarget);
+                            }
+                        }
+                    ]
+                    : undefined }), configDialog, configuration?.inlineParameter && _jsx(InputTree, { testId: testId, ...configuration })] }));
 });
 export default ObjectSelect;
 //# sourceMappingURL=ObjectSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectSelect.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\n\nimport { useAfterInitialEffect, hasProp } from '@pega/cosmos-react-core';\nimport type {\n  BaseProps,\n  FormControlProps,\n  MenuItemProps,\n  NoChildrenProp,\n  MenuProps,\n  ForwardProps\n} from '@pega/cosmos-react-core';\n\nimport ObjectPicker from './ObjectPicker';\nimport type { ObjectPickerProps } from './ObjectPicker';\nimport ObjectSummary from './ObjectSummary';\nimport type { ObjectSummaryProps } from './ObjectSummary';\nimport useCreateModal from './useCreateModal';\nimport type { CreateModalActionProps, UseCreateModalConfig } from './useCreateModal';\n\nexport interface ObjectSelectProps<P extends object = object>\n  extends BaseProps,\n    NoChildrenProp,\n    Omit<FormControlProps, 'value'> {\n  /** An array of MenuItemProps to be shown in the ObjectPicker menu. */\n  items: MenuProps['items'];\n  /** Boolean to trigger loading state for combobox menu */\n  loading?: ObjectPickerProps['loading'];\n  /** The value for the ObjectSummary */\n  value?: ObjectSummaryProps['value'];\n  /** Props for configuration popover */\n  configuration?: ObjectSummaryProps['configuration'];\n  /** Callback fired when a new item is selected and on clearing the selected item. */\n  onChange: MenuItemProps['onClick'];\n  /** Callback fired when the preview in the ObjectSummary link is clicked. */\n  onPreview?: (id: MenuItemProps['id'], e: { href: string }) => void;\n  /** Callback fired on click of the link inside summary item */\n  onLinkClick?: ObjectSummaryProps['onLinkClick'];\n  /** New object creation form options or a link */\n  createConfiguration?: (UseCreateModalConfig<P> & CreateModalActionProps<P>) | { href: string };\n  /** Ref placed on the element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst ObjectSelect = forwardRef(function ObjectSelect<P extends object = object>(\n  {\n    items,\n    value,\n    configuration,\n    disabled,\n    onChange,\n    onPreview,\n    onLinkClick,\n    loading,\n    createConfiguration,\n    ...restProps\n  }: PropsWithoutRef<ObjectSelectProps<P>> & ForwardProps,\n  ref: ObjectSelectProps['ref']\n) {\n  const [mode, setMode] = useState<'picker' | 'summary' | 'create'>(value ? 'summary' : 'picker');\n  const objectPickerRef = useRef<HTMLDivElement>(null);\n  const objectSummaryRef = useRef<HTMLDivElement>(null);\n\n  const isCreateModalConfig = createConfiguration && hasProp(createConfiguration, 'renderer');\n\n  useAfterInitialEffect(() => {\n    const element =\n      mode === 'summary'\n        ? objectSummaryRef.current?.querySelector('a')\n        : objectPickerRef.current?.querySelector('input');\n    element?.focus();\n  }, [mode]);\n\n  const { renderModal } = useCreateModal(\n    isCreateModalConfig\n      ? {\n          ...createConfiguration,\n          onAfterClose: () => {\n            createConfiguration.onAfterClose?.();\n            setMode('summary');\n          }\n        }\n      : undefined\n  );\n\n  useEffect(() => {\n    if (mode === 'create' && isCreateModalConfig) {\n      renderModal(createConfiguration);\n    }\n  }, [mode, createConfiguration]);\n\n  return (\n    <div ref={ref}>\n      {value ? (\n        <ObjectSummary\n          {...restProps}\n          value={value}\n          disabled={disabled}\n          onDelete={e => {\n            setMode('picker');\n            onChange?.('', e);\n          }}\n          ref={objectSummaryRef}\n          configuration={configuration}\n          onPreview={e => onPreview?.(value.id, e)}\n          onLinkClick={onLinkClick}\n        />\n      ) : (\n        <ObjectPicker\n          {...restProps}\n          loading={loading}\n          disabled={disabled}\n          ref={objectPickerRef}\n          items={items}\n          onSelect={(id, e) => {\n            setMode('summary');\n            onChange?.(id, e);\n          }}\n          createProps={\n            isCreateModalConfig ? { onClick: () => setMode('create') } : createConfiguration\n          }\n        />\n      )}\n    </div>\n  );\n}) as <P extends object = object>(props: ObjectSelectProps<P> & ForwardProps) => JSX.Element | null;\n\nexport default ObjectSelect;\n"]}
+{"version":3,"file":"ObjectSelect.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useMemo, useState } from 'react';\nimport type { MouseEvent, PropsWithoutRef } from 'react';\n\nimport { hasProp, useElement, InfoDialog, FormDialog } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport type { BaseDialogProps } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.types';\n\nimport RulePicker from '../RulePicker/RulePicker';\n\nimport useCreateModal from './useCreateModal';\nimport InputTree from './InputTree';\nimport type { ObjectConfigProps, ObjectSelectProps } from './ObjectSelect.types';\n\nconst ObjectSelect = forwardRef(\n  <P extends object = object>(\n    {\n      testId,\n      menu,\n      configuration,\n      createConfiguration,\n      readOnly,\n      disabled,\n      ...restProps\n    }: PropsWithoutRef<ObjectSelectProps<P>>,\n    ref: ObjectSelectProps['ref']\n  ) => {\n    const [mode, setMode] = useState<'picker' | 'create'>('picker');\n    const [configTarget, setConfigTarget] = useElement<\n      HTMLAnchorElement | HTMLButtonElement | HTMLInputElement\n    >();\n\n    const isCreateModalConfig = createConfiguration && hasProp(createConfiguration, 'renderer');\n\n    const configDialog = useMemo(() => {\n      if (!configuration || !configTarget || disabled) {\n        return null;\n      }\n      const { preventDialogDismiss = false } = configuration;\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 as ObjectConfigProps).ref,\n        children: configuration.children\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          onDismiss={() => {\n            if (preventDialogDismiss) {\n              return;\n            }\n            setConfigTarget(null);\n            configuration.onClose?.();\n          }}\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    const { renderModal } = useCreateModal(\n      isCreateModalConfig\n        ? {\n            ...createConfiguration,\n            onAfterClose: () => {\n              createConfiguration.onAfterClose?.();\n              setMode('picker');\n            }\n          }\n        : undefined\n    );\n\n    useEffect(() => {\n      if (mode === 'create' && isCreateModalConfig) {\n        renderModal(createConfiguration);\n      }\n    }, [mode, createConfiguration]);\n\n    useEffect(() => {\n      if (configTarget) {\n        configuration?.onOpen?.();\n      }\n    }, [configTarget]);\n\n    return (\n      <div>\n        <RulePicker\n          {...restProps}\n          testId={testId}\n          ref={ref}\n          readOnly={readOnly}\n          disabled={disabled}\n          onMenuOpen={(...args) => {\n            setConfigTarget(null);\n            configuration?.onClose?.();\n            restProps.onMenuOpen?.(...args);\n          }}\n          menu={{\n            ...menu,\n            onCreateNew: (() => {\n              if (isCreateModalConfig) {\n                return () => setMode('create');\n              }\n              if (createConfiguration) {\n                return () => {\n                  if (createConfiguration.onClick) {\n                    createConfiguration.onClick();\n                  }\n                };\n              }\n            })()\n          }}\n          actions={\n            configuration && !configuration.inlineParameter\n              ? [\n                  {\n                    id: 'parameters-config',\n                    text: configuration?.label ? configuration.label : 'parameters',\n                    icon: 'gear',\n                    onClick: (\n                      id: string,\n                      e: MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLInputElement>\n                    ) => {\n                      e.preventDefault();\n                      setConfigTarget(e.currentTarget);\n                    }\n                  }\n                ]\n              : undefined\n          }\n        />\n        {configDialog}\n        {configuration?.inlineParameter && <InputTree testId={testId} {...configuration} />}\n      </div>\n    );\n  }\n) as <P extends object = object>(props: ObjectSelectProps<P> & ForwardProps) => JSX.Element | null;\n\nexport default ObjectSelect;\n"]}

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

@@ -0,0 +1,53 @@
+import type { BaseProps, FormDialogProps, NoChildrenProp, TestIdProp } from '@pega/cosmos-react-core';
+import type { BaseDialogProps } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.types';
+import type FieldReferenceInputProps from '../FieldReference/FieldReference.types';
+import type { InputTreeProps } from './InputTree';
+import type { UseCreateModalConfig, CreateModalActionProps } from './useCreateModal';
+export interface ObjectConfigProps extends Pick<BaseDialogProps, 'children' | 'ref'> {
+    inlineParameter?: false;
+    heading: NonNullable<FormDialogProps['heading']>;
+    label: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onSubmit: (close: {
+        close: () => void;
+    }) => void;
+    /**
+     * Boolean used to prevent the action's dialog to close by useOuterEvent.
+     * @default false
+     */
+    preventDialogDismiss?: boolean;
+    loading?: BaseDialogProps['progress'];
+    error?: never;
+    contextualLabel?: never;
+    onExpand?: never;
+    onCollapse?: never;
+}
+export interface InputTreeValueProps extends InputTreeProps {
+    /** Prop to render inline parameters */
+    inlineParameter: true;
+    onSubmit?: never;
+    label?: never;
+    onOpen?: never;
+    onClose?: never;
+    loading?: never;
+    preventDialogDismiss?: never;
+}
+export interface ObjectSelectProps<P extends object = object> extends Omit<FieldReferenceInputProps, 'onFilterChange'>, BaseProps, NoChildrenProp, TestIdProp {
+    /** Props for configuration popover */
+    configuration?: ObjectConfigProps | InputTreeValueProps;
+    /** New object creation form options or a link */
+    createConfiguration?: ((UseCreateModalConfig<P> & CreateModalActionProps<P>) & {
+        href?: never;
+        onClick?: never;
+    }) | {
+        href: string;
+        onClick?: never;
+    } | {
+        onClick: () => void;
+        href?: never;
+    };
+    /** Callback for on change of filter value */
+    onFilterChange?: FieldReferenceInputProps['onFilterChange'];
+}
+//# sourceMappingURL=ObjectSelect.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4DAA4D,CAAC;AAElG,OAAO,KAAK,wBAAwB,MAAM,wCAAwC,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAErF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,KAAK,CAAC;IAClF,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,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,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,uCAAuC;IACvC,eAAe,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,oBAAoB,CAAC,EAAE,KAAK,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAC1D,SAAQ,IAAI,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,EACtD,SAAS,EACT,cAAc,EACd,UAAU;IACZ,sCAAsC;IACtC,aAAa,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,CAAC;IACxD,iDAAiD;IACjD,mBAAmB,CAAC,EAChB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,GAAG;QACvD,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,OAAO,CAAC,EAAE,KAAK,CAAC;KACjB,CAAC,GACF;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC;IAC1C,6CAA6C;IAC7C,cAAc,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;CAC7D"}

package/lib/components/ObjectSelect/ObjectSelect.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ObjectSelect.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectSelect.types.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSelect.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  BaseProps,\n  FormDialogProps,\n  NoChildrenProp,\n  TestIdProp\n} from '@pega/cosmos-react-core';\nimport type { BaseDialogProps } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.types';\n\nimport type FieldReferenceInputProps from '../FieldReference/FieldReference.types';\n\nimport type { InputTreeProps } from './InputTree';\nimport type { UseCreateModalConfig, CreateModalActionProps } from './useCreateModal';\n\nexport interface ObjectConfigProps extends Pick<BaseDialogProps, 'children' | 'ref'> {\n  inlineParameter?: false;\n  heading: NonNullable<FormDialogProps['heading']>;\n  label: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  onSubmit: (close: { close: () => void }) => void;\n  /**\n   * Boolean used to prevent the action's dialog to close by useOuterEvent.\n   * @default false\n   */\n  preventDialogDismiss?: boolean;\n  loading?: BaseDialogProps['progress'];\n  error?: never;\n  contextualLabel?: never;\n  onExpand?: never;\n  onCollapse?: never;\n}\n\nexport interface InputTreeValueProps extends InputTreeProps {\n  /** Prop to render inline parameters */\n  inlineParameter: true;\n  onSubmit?: never;\n  label?: never;\n  onOpen?: never;\n  onClose?: never;\n  loading?: never;\n  preventDialogDismiss?: never;\n}\n\nexport interface ObjectSelectProps<P extends object = object>\n  extends Omit<FieldReferenceInputProps, 'onFilterChange'>,\n    BaseProps,\n    NoChildrenProp,\n    TestIdProp {\n  /** Props for configuration popover */\n  configuration?: ObjectConfigProps | InputTreeValueProps;\n  /** New object creation form options or a link */\n  createConfiguration?:\n    | ((UseCreateModalConfig<P> & CreateModalActionProps<P>) & {\n        href?: never;\n        onClick?: never;\n      })\n    | { href: string; onClick?: never }\n    | { onClick: () => void; href?: never };\n  /** Callback for on change of filter value */\n  onFilterChange?: FieldReferenceInputProps['onFilterChange'];\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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,sBAAsB,CAAC"}

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

@@ -1 +1 @@
-{"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"]}
+{"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.types';\n"]}

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

@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
-import type { ModalProps } from '@pega/cosmos-react-core';
-export interface UseCreateModalConfig<P extends object = object> {
+import type { ModalProps, TestIdProp } from '@pega/cosmos-react-core';
+export interface UseCreateModalConfig<P extends object = object> extends TestIdProp, Pick<ModalProps, 'autoWidth' | 'center'> {
     /**
      * Heading for the Modal.
      * @default 'Create new'
@@ -20,6 +20,10 @@ export interface UseCreateModalConfig<P extends object = object> {
     onBeforeOpen?: ModalProps['onBeforeOpen'];
     /** Called after the modal closes. */
     onAfterClose?: ModalProps['onAfterClose'];
+    /** formactions Submit testId of modal */
+    formActionSubmitTestId?: TestIdProp['testId'];
+    /** formactions Cancel testId of modal */
+    formActionCancelTestId?: TestIdProp['testId'];
 }
 export interface CreateModalActionProps<P extends object = object> {
     loading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/useCreateModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAA4B,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpF,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,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,QAAQ,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS;8CAgBjC,sBAAsB,CAAC,CAAC,CAAC;CA0ErF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useCreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/useCreateModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAA4B,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhG,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAC7D,SAAQ,UAAU,EAChB,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC1C;;;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;IAC1C,yCAAyC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9C,yCAAyC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/C;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,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,QAAQ,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS;8CAqBjC,sBAAsB,CAAC,CAAC,CAAC;CA+ErF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ObjectSelect/useCreateModal.js

@@ -7,7 +7,7 @@ const useCreateModal = (config) => {
     const modalMethods = useRef();
     const { create: createModal } = useModalManager();
     if (config) {
-        const { renderer: Renderer, onSubmit, onDismiss, onBeforeOpen, onAfterClose, heading = t('create_new') } = config;
+        const { renderer: Renderer, autoWidth, center, testId, formActionCancelTestId, formActionSubmitTestId, onSubmit, onDismiss, onBeforeOpen, onAfterClose, heading = t('create_new') } = config;
         const renderModal = ({ rendererProps, loading = false }) => {
             const modalContent = _jsx(Renderer, { ...rendererProps });
             let formActions = null;
@@ -16,9 +16,9 @@ const useCreateModal = (config) => {
                     modalMethods.current?.dismiss();
                     modalMethods.current = undefined;
                 };
-                formActions = (_jsxs(_Fragment, { children: [_jsx(Button, { disabled: loading, onClick: () => {
+                formActions = (_jsxs(_Fragment, { children: [_jsx(Button, { "data-testid": formActionCancelTestId, disabled: loading, onClick: () => {
                                 onDismiss({ close });
-                            }, children: t('cancel') }), _jsx(Button, { disabled: loading, type: 'submit', variant: 'primary', onClick: () => {
+                            }, children: t('cancel') }), _jsx(Button, { "data-testid": formActionSubmitTestId, disabled: loading, type: 'submit', variant: 'primary', onClick: () => {
                                 submittingRef.current = true;
                                 onSubmit({ close });
                             }, children: t('submit') })] }));
@@ -37,12 +37,15 @@ const useCreateModal = (config) => {
             else {
                 modalMethods.current = createModal(Modal, {
                     ...modalProps,
+                    autoWidth,
+                    center,
                     heading,
                     onBeforeOpen,
                     onAfterClose: () => {
                         onAfterClose?.();
                         submittingRef.current = false;
-                    }
+                    },
+                    'data-testid': testId
                 }, {
                     dismissible: false
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateModal.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/useCreateModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport type { ReactNode, ComponentType } from 'react';\n\nimport { Button, Modal, useModalManager, useI18n } from '@pega/cosmos-react-core';\nimport type { ModalMethods, OmitStrict, ModalProps } 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"]}
+{"version":3,"file":"useCreateModal.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/useCreateModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport type { ReactNode, ComponentType } from 'react';\n\nimport { Button, Modal, useModalManager, useI18n } from '@pega/cosmos-react-core';\nimport type { ModalMethods, OmitStrict, ModalProps, TestIdProp } from '@pega/cosmos-react-core';\n\nexport interface UseCreateModalConfig<P extends object = object>\n  extends TestIdProp,\n    Pick<ModalProps, 'autoWidth' | 'center'> {\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  /** formactions Submit testId of modal */\n  formActionSubmitTestId?: TestIdProp['testId'];\n  /** formactions Cancel testId of modal */\n  formActionCancelTestId?: TestIdProp['testId'];\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      autoWidth,\n      center,\n      testId,\n      formActionCancelTestId,\n      formActionSubmitTestId,\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              data-testid={formActionCancelTestId}\n              disabled={loading}\n              onClick={() => {\n                onDismiss({ close });\n              }}\n            >\n              {t('cancel')}\n            </Button>\n            <Button\n              data-testid={formActionSubmitTestId}\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            autoWidth,\n            center,\n            heading,\n            onBeforeOpen,\n            onAfterClose: () => {\n              onAfterClose?.();\n              submittingRef.current = false;\n            },\n            'data-testid': testId\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,10 +1,10 @@
 import type { FunctionComponent, MouseEventHandler } from 'react';
-import type { ImageProps, NoChildrenProp } from '@pega/cosmos-react-core';
+import type { ImageProps, NoChildrenProp, TestIdProp } from '@pega/cosmos-react-core';
 interface Action {
     label: string;
     onClick: MouseEventHandler<HTMLButtonElement>;
 }
-export interface PageBannerProps extends NoChildrenProp {
+export interface PageBannerProps extends NoChildrenProp, TestIdProp {
     title: string;
     description: string;
     image?: ImageProps;
@@ -17,6 +17,8 @@ export interface PageBannerProps extends NoChildrenProp {
 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;
+declare const _default: FunctionComponent<PageBannerProps> & {
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["title", "description", "link", "actions", "image"]>;
+};
+export default _default;
 //# sourceMappingURL=PageBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAmBlE,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE1E,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"}
+{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAqBlE,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAItF,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAC/C;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,UAAU;IACjE,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;;;;AAiEF,wBAA6D"}

package/lib/components/PageBanner/PageBanner.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
 import styled, { css } from 'styled-components';
-import { Flex, Grid, Image, Text, Button, defaultThemeProp, tryCatch, StyledButton, Link, StyledLink, useBreakpoint, ShowMoreLess, StyledShowMoreLessButton, readableColor } from '@pega/cosmos-react-core';
+import { readableColor } from 'polished';
+import { Flex, Grid, Image, Text, Button, defaultThemeProp, tryCatch, StyledButton, Link, StyledLink, useBreakpoint, ShowMoreLess, StyledShowMoreLessButton, useTestIds, withTestIds } from '@pega/cosmos-react-core';
+import { getPageBannerTestIds } from './PageBanner.test-ids';
 export const StyledPageBanner = styled.div(({ theme }) => {
     const { base: { palette: { 'brand-primary': brandBackground }, 'font-weight': fontWeight, 'content-width': contentWidth } } = theme;
     const color = tryCatch(() => readableColor(brandBackground));
@@ -44,15 +45,15 @@ export const StyledImageContainer = styled.div `
 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 });
+const PageBanner = ({ testId, title, description, image, actions, link }) => {
+    const testIds = useTestIds(testId, getPageBannerTestIds);
+    const isMediumOrAbove = useBreakpoint('md');
+    const isSmallOrAbove = useBreakpoint('sm');
     return (_jsxs(Grid, { container: {
             cols: isSmallOrAbove && image ? '1fr 25%' : '1fr',
-            pad: isMediumOrAbove ? [0, 8, 0, 4] : [0, 4],
+            pad: isMediumOrAbove ? [0, 8, 0, 3] : [0, 3],
             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 }) }))] }));
+        }, as: StyledPageBanner, children: [_jsxs(Flex, { container: { direction: 'column', pad: [2, 0], gap: 1 }, children: [_jsx(Text, { "data-testid": testIds.title, variant: 'h1', children: title }), _jsx(ShowMoreLess, { lines: 3, children: _jsx(Text, { "data-testid": testIds.description, as: 'p', children: description }) }), !isSmallOrAbove && image && (_jsx(Flex, { as: StyledImageContainer, container: { justify: 'center', alignItems: 'center' }, children: _jsx(Image, { ...image }) })), (actions || link) && (_jsxs(Flex, { "data-testid": testIds.actions, 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, { "data-testid": testIds.link, href: link.href, children: link.label }))] }))] }), isSmallOrAbove && image && (_jsx(Flex, { as: StyledImageContainer, container: { justify: 'end', alignItems: 'center' }, children: _jsx(Image, { ...image, "data-testId": testIds.image }) }))] }));
 };
-export default PageBanner;
+export default withTestIds(PageBanner, getPageBannerTestIds);
 //# sourceMappingURL=PageBanner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageBanner.js","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,wBAAwB,EACxB,aAAa,EACd,MAAM,yBAAyB,CAAC;AAmBjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,MAAM,EACJ,IAAI,EAAE,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,EAC7C,aAAa,EAAE,UAAU,EACzB,eAAe,EAAE,YAAY,EAC9B,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,GAAG,CAAA;kBACM,eAAe;aACpB,KAAK;;;;oBAIE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;;MAGrC,YAAY;;;;MAIZ,YAAY,MAAM,YAAY;;;;MAI9B,UAAU,KAAK,wBAAwB;qBACxB,UAAU,CAAC,WAAW,CAAC;eAC7B,KAAK;;;;mBAID,YAAY,CAAC,EAAE;;GAE/B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO7C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAC;AAEF,MAAM,UAAU,GAAuC,CAAC,EACtD,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACL,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1E,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;IAEzE,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;YACjD,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC5C,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7B,EACD,EAAE,EAAE,gBAAgB,EACpB,GAAG,EAAE,SAAS,aAEd,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAC3D,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAQ,EACjC,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,YACpB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,YAAE,WAAW,GAAQ,GACpB,EACd,CAAC,cAAc,IAAI,KAAK,IAAI,CAC3B,KAAC,IAAI,IAAC,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YACpF,KAAC,KAAK,OAAK,KAAK,GAAI,GACf,CACR,EACA,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,CACpB,MAAC,IAAI,IACH,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aAE3E,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,MAAM,IAAoB,OAAO,EAAE,MAAM,CAAC,OAAO,YAC/C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,EACD,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAAG,IAAI,CAAC,KAAK,GAAQ,IAC9C,CACR,IACI,EACN,cAAc,IAAI,KAAK,IAAI,CAC1B,KAAC,IAAI,IAAC,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YACjF,KAAC,KAAK,OAAK,KAAK,GAAI,GACf,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useRef } from 'react';\nimport type { FunctionComponent, MouseEventHandler } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Grid,\n  Image,\n  Text,\n  Button,\n  defaultThemeProp,\n  tryCatch,\n  StyledButton,\n  Link,\n  StyledLink,\n  useBreakpoint,\n  ShowMoreLess,\n  StyledShowMoreLessButton,\n  readableColor\n} from '@pega/cosmos-react-core';\nimport type { ImageProps, NoChildrenProp } 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"]}
+{"version":3,"file":"PageBanner.js","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent, MouseEventHandler } 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  Link,\n  StyledLink,\n  useBreakpoint,\n  ShowMoreLess,\n  StyledShowMoreLessButton,\n  useTestIds,\n  withTestIds\n} from '@pega/cosmos-react-core';\nimport type { ImageProps, NoChildrenProp, TestIdProp } from '@pega/cosmos-react-core';\n\nimport { getPageBannerTestIds } from './PageBanner.test-ids';\n\ninterface Action {\n  label: string;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface PageBannerProps extends NoChildrenProp, TestIdProp {\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  testId,\n  title,\n  description,\n  image,\n  actions,\n  link\n}) => {\n  const testIds = useTestIds(testId, getPageBannerTestIds);\n  const isMediumOrAbove = useBreakpoint('md');\n  const isSmallOrAbove = useBreakpoint('sm');\n\n  return (\n    <Grid\n      container={{\n        cols: isSmallOrAbove && image ? '1fr 25%' : '1fr',\n        pad: isMediumOrAbove ? [0, 8, 0, 3] : [0, 3],\n        gap: isMediumOrAbove ? 8 : 4\n      }}\n      as={StyledPageBanner}\n    >\n      <Flex container={{ direction: 'column', pad: [2, 0], gap: 1 }}>\n        <Text data-testid={testIds.title} variant='h1'>\n          {title}\n        </Text>\n        <ShowMoreLess lines={3}>\n          <Text data-testid={testIds.description} as='p'>\n            {description}\n          </Text>\n        </ShowMoreLess>\n        {!isSmallOrAbove && image && (\n          <Flex as={StyledImageContainer} container={{ justify: 'center', alignItems: 'center' }}>\n            <Image {...image} />\n          </Flex>\n        )}\n        {(actions || link) && (\n          <Flex\n            data-testid={testIds.actions}\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 && (\n              <Link data-testid={testIds.link} href={link.href}>\n                {link.label}\n              </Link>\n            )}\n          </Flex>\n        )}\n      </Flex>\n      {isSmallOrAbove && image && (\n        <Flex as={StyledImageContainer} container={{ justify: 'end', alignItems: 'center' }}>\n          <Image {...image} data-testId={testIds.image} />\n        </Flex>\n      )}\n    </Grid>\n  );\n};\n\nexport default withTestIds(PageBanner, getPageBannerTestIds);\n"]}

package/lib/components/PageBanner/PageBanner.test-ids.d.ts

@@ -0,0 +1,2 @@
+export declare const getPageBannerTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["title", "description", "link", "actions", "image"]>;
+//# sourceMappingURL=PageBanner.test-ids.d.ts.map

package/lib/components/PageBanner/PageBanner.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBanner.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yLAMtB,CAAC"}

package/lib/components/PageBanner/PageBanner.test-ids.js

@@ -0,0 +1,9 @@
+import { createTestIds } from '@pega/cosmos-react-core';
+export const getPageBannerTestIds = createTestIds('page-banner', [
+    'title',
+    'description',
+    'link',
+    'actions',
+    'image'
+]);
+//# sourceMappingURL=PageBanner.test-ids.js.map

package/lib/components/PageBanner/PageBanner.test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBanner.test-ids.js","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,EAAE;IAC/D,OAAO;IACP,aAAa;IACb,MAAM;IACN,SAAS;IACT,OAAO;CACC,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getPageBannerTestIds = createTestIds('page-banner', [\n  'title',\n  'description',\n  'link',\n  'actions',\n  'image'\n] as const);\n"]}

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

@@ -0,0 +1,12 @@
+import { type TestIdProp } from '@pega/cosmos-react-core';
+import type { ConstructPageTemplateProps, PageTemplateProps } from '../PageTemplate.types';
+type ConstructPageHeaderProps = ConstructPageTemplateProps['header'] & Pick<PageTemplateProps, 'progress'> & TestIdProp;
+export declare const PrimaryHeaderText: ({ type: { href, onClick, name }, testId }: {
+    type: ConstructPageHeaderProps["type"];
+    testId?: TestIdProp["testId"];
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (({ testId, title, primaryAction, additionalActions, metadata, visual, type, description, secondaryAction, progress }: ConstructPageHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["title", "status", "edit-details", "additional-info-icon", "type", "meta-data", "primary-meta-data", "secondary-meta-data", "visual", "primary-action", "secondary-action", "additional-actions", "banner-description", "banner-link", "banner-actions", "banner-image"]>;
+};
+export default _default;
+//# sourceMappingURL=ConstructPageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConstructPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/ConstructPageTemplate/ConstructPageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAgBL,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAU3F,KAAK,wBAAwB,GAAG,0BAA0B,CAAC,QAAQ,CAAC,GAClE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GACnC,UAAU,CAAC;AAEb,eAAO,MAAM,iBAAiB,GAAI,2CAG/B;IACD,IAAI,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B,4CASA,CAAC;+IAaC,wBAAwB;;;AAkT3B,wBAAsE"}