npm - @pega/lists-react - Versions diffs - 9.0.0-build.9.9 → 9.0.0 - Mend

@pega/lists-react 9.0.0-build.9.9 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (433) hide show

package/lib/Core/Views/Gallery/utils.js ADDED Viewed

@@ -0,0 +1,115 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isEmpty } from 'pega-repeating-structures-core';
+import GalleryFieldValue from './Components/GalleryFieldValue';
+import GalleryHeader from './Components/GalleryHeader';
+export const GALLERY_IMAGE_PLACEMENT_MAP = {
+    left: 'inline-start',
+    right: 'inline-end',
+    top: 'block-start'
+};
+const INLINE_PLACEMENTS = ['left', 'right'];
+export const DEFAULT_IMAGE_PLACEMENT = 'left';
+export const DEFAULT_IMAGE_SIZE = 'flexible';
+export const isInlinePlacement = (placement) => {
+    return INLINE_PLACEMENTS.includes(placement);
+};
+/**
+ * Extracts image data from the provided metadata and row context.
+ *
+ * @param meta - The metadata object containing gallery configuration.
+ * @param row - The row object providing context and data values.
+ * @returns An object containing:
+ *   - `src`: The image source URL.
+ *   - `alt`: The alternative text for the image.
+ *   - `placement`: The placement of the image within the gallery.
+ *   - `size`: The size of the image.
+ */
+function getImageData(meta, row) {
+    const { galleryConfig: { heroImage: { source, altText, placement, size } = {} } = {} } = meta;
+    const rowData = row.getContext().getValue();
+    let altTextValue = '';
+    if (altText && 'field' in altText) {
+        altTextValue = altText.field in rowData ? String(rowData[altText.field]) : '';
+    }
+    else if (altText && 'value' in altText) {
+        altTextValue = altText.value;
+    }
+    const imageUrl = source?.field && source?.field in rowData ? String(rowData[source.field]) : '';
+    const imagePlacement = GALLERY_IMAGE_PLACEMENT_MAP[placement ?? DEFAULT_IMAGE_PLACEMENT];
+    const imageSize = size || DEFAULT_IMAGE_SIZE;
+    return { src: imageUrl, alt: altTextValue, placement: imagePlacement, size: imageSize };
+}
+/**
+ * Generates the data required to display a card in the gallery view.
+ *
+ * @param props - The properties required to generate the card data.
+ * @param props.row - The data for the current row.
+ * @param props.visibleColumns - The columns that are visible in the gallery.
+ * @param props.meta - Metadata including gallery configuration.
+ * @param props.headerColumn - The column used for the card header.
+ * @param props.actionColumn - The column used for card actions.
+ * @returns An object containing the card's label, image, footer, and fields to be displayed.
+ */
+export function getCardData({ row, visibleColumns, meta, headerColumn }) {
+    const { galleryConfig: { heroImage, tile: tileConfig, showFieldLabels = true } = {} } = meta;
+    // Must set execution context for each column to ensure correct value retrieval
+    visibleColumns.forEach(col => col.setExecutionContext(row));
+    const rowData = row.getContext().getValue();
+    const fields = visibleColumns.map(col => ({
+        id: col.field.id,
+        ...(showFieldLabels && { name: col.getContext()?.getLabel() }),
+        ...(col.field.layoutMode && { variant: col.field.layoutMode }),
+        // TODO: Add truncation for non-tile cards once `truncate` is typed at
+        // the field-level API.
+        ...(!heroImage && tileConfig
+            ? { value: String(rowData[col.field.id] ?? ''), truncate: true }
+            : { value: _jsx(GalleryFieldValue, { column: col, row: row }) })
+    }));
+    const heroImageData = heroImage ? getImageData(meta, row) : undefined;
+    let image = heroImageData;
+    if (!heroImage && tileConfig) {
+        const foregroundColor = tileConfig.foregroundColor.field in rowData
+            ? String(rowData[tileConfig.foregroundColor.field])
+            : undefined;
+        const backgroundColor = tileConfig.backgroundColor.field in rowData
+            ? String(rowData[tileConfig.backgroundColor.field])
+            : undefined;
+        if (foregroundColor && backgroundColor) {
+            const tileName = tileConfig.iconName && tileConfig.iconName.field in rowData
+                ? String(rowData[tileConfig.iconName.field]) || undefined
+                : undefined;
+            const tileText = tileConfig.text && tileConfig.text.field in rowData
+                ? String(rowData[tileConfig.text.field]) || undefined
+                : undefined;
+            const tileBase = {
+                foregroundColor,
+                backgroundColor
+            };
+            if (tileName) {
+                image = { ...tileBase, icon: tileName };
+            }
+            else if (tileText) {
+                image = { ...tileBase, text: tileText };
+            }
+        }
+    }
+    const footer = meta.galleryConfig?.renderCardFooter?.(rowData) ?? null;
+    const label = _jsx(GalleryHeader, { headerColumn: headerColumn, row: row });
+    const headerValue = row.getContext()?.getRowHeader()?.getValue();
+    const ariaLabel = !isEmpty(headerValue) ? String(headerValue) : undefined;
+    return { fields, image, footer, label, 'aria-label': ariaLabel };
+}
+/**
+ * Extracts UI-related props from a row for card components.
+ *
+ * @param props - The properties containing the row.
+ * @param props.row - The data row.
+ * @returns An object containing card-safe row metadata.
+ */
+export function getCardUIProps({ row }) {
+    const uiProps = row.getUIProps();
+    return {
+        'data-key': uiProps['data-key']
+    };
+}
+//# sourceMappingURL=utils.js.map

package/lib/Core/Views/Gallery/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { isEmpty, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { ImagePlacement, ImageSize, SelectionCardDisplayProps } from '@pega/cosmos-react-core';\n\nimport type { GalleryCardProps } from './Gallery.types';\nimport GalleryFieldValue from './Components/GalleryFieldValue';\nimport GalleryHeader from './Components/GalleryHeader';\n\nexport const GALLERY_IMAGE_PLACEMENT_MAP = {\n left: 'inline-start',\n right: 'inline-end',\n top: 'block-start'\n} as const satisfies Record<RsCoreTypes.HeroImagePlacement, ImagePlacement>;\n\nconst INLINE_PLACEMENTS: RsCoreTypes.HeroImagePlacement[] = ['left', 'right'] as const;\nexport const DEFAULT_IMAGE_PLACEMENT: RsCoreTypes.HeroImagePlacement = 'left';\nexport const DEFAULT_IMAGE_SIZE: ImageSize = 'flexible';\n\nexport const isInlinePlacement = (\n placement: RsCoreTypes.HeroImagePlacement\n): placement is Extract<RsCoreTypes.HeroImagePlacement, 'left' | 'right'> => {\n return INLINE_PLACEMENTS.includes(placement);\n};\n\n/**\n * Extracts image data from the provided metadata and row context.\n *\n * @param meta - The metadata object containing gallery configuration.\n * @param row - The row object providing context and data values.\n * @returns An object containing:\n * - `src`: The image source URL.\n * - `alt`: The alternative text for the image.\n * - `placement`: The placement of the image within the gallery.\n * - `size`: The size of the image.\n */\nfunction getImageData(\n meta: RsCoreTypes.Meta,\n row: RsCoreTypes.Row\n): {\n src: string;\n alt: string;\n placement: ImagePlacement;\n size: ImageSize;\n} {\n const { galleryConfig: { heroImage: { source, altText, placement, size } = {} } = {} } = meta;\n const rowData = row.getContext().getValue();\n\n let altTextValue = '';\n if (altText && 'field' in altText) {\n altTextValue = altText.field in rowData ? String(rowData[altText.field]) : '';\n } else if (altText && 'value' in altText) {\n altTextValue = altText.value;\n }\n\n const imageUrl = source?.field && source?.field in rowData ? String(rowData[source.field]) : '';\n const imagePlacement = GALLERY_IMAGE_PLACEMENT_MAP[placement ?? DEFAULT_IMAGE_PLACEMENT];\n const imageSize = size || DEFAULT_IMAGE_SIZE;\n\n return { src: imageUrl, alt: altTextValue, placement: imagePlacement, size: imageSize };\n}\n\n/**\n * Generates the data required to display a card in the gallery view.\n *\n * @param props - The properties required to generate the card data.\n * @param props.row - The data for the current row.\n * @param props.visibleColumns - The columns that are visible in the gallery.\n * @param props.meta - Metadata including gallery configuration.\n * @param props.headerColumn - The column used for the card header.\n * @param props.actionColumn - The column used for card actions.\n * @returns An object containing the card's label, image, footer, and fields to be displayed.\n */\nexport function getCardData({\n row,\n visibleColumns,\n meta,\n headerColumn\n}: GalleryCardProps): Pick<\n SelectionCardDisplayProps,\n 'label' | 'image' | 'fields' | 'aria-label' | 'footer'\n> {\n const { galleryConfig: { heroImage, tile: tileConfig, showFieldLabels = true } = {} } = meta;\n\n // Must set execution context for each column to ensure correct value retrieval\n visibleColumns.forEach(col => col.setExecutionContext(row));\n\n const rowData = row.getContext().getValue();\n\n const fields = visibleColumns.map(col => ({\n id: col.field.id,\n ...(showFieldLabels && { name: col.getContext()?.getLabel() }),\n ...(col.field.layoutMode && { variant: col.field.layoutMode }),\n // TODO: Add truncation for non-tile cards once `truncate` is typed at\n // the field-level API.\n ...(!heroImage && tileConfig\n ? { value: String(rowData[col.field.id] ?? ''), truncate: true }\n : { value: <GalleryFieldValue column={col} row={row} /> })\n }));\n\n const heroImageData = heroImage ? getImageData(meta, row) : undefined;\n\n let image: SelectionCardDisplayProps['image'] = heroImageData;\n\n if (!heroImage && tileConfig) {\n const foregroundColor =\n tileConfig.foregroundColor.field in rowData\n ? String(rowData[tileConfig.foregroundColor.field])\n : undefined;\n const backgroundColor =\n tileConfig.backgroundColor.field in rowData\n ? String(rowData[tileConfig.backgroundColor.field])\n : undefined;\n\n if (foregroundColor && backgroundColor) {\n const tileName =\n tileConfig.iconName && tileConfig.iconName.field in rowData\n ? String(rowData[tileConfig.iconName.field]) || undefined\n : undefined;\n const tileText =\n tileConfig.text && tileConfig.text.field in rowData\n ? String(rowData[tileConfig.text.field]) || undefined\n : undefined;\n\n const tileBase = {\n foregroundColor,\n backgroundColor\n };\n\n if (tileName) {\n image = { ...tileBase, icon: tileName };\n } else if (tileText) {\n image = { ...tileBase, text: tileText };\n }\n }\n }\n\n const footer = meta.galleryConfig?.renderCardFooter?.(rowData) ?? null;\n\n const label = <GalleryHeader headerColumn={headerColumn} row={row} />;\n\n const headerValue = row.getContext()?.getRowHeader()?.getValue();\n const ariaLabel = !isEmpty(headerValue) ? String(headerValue) : undefined;\n\n return { fields, image, footer, label, 'aria-label': ariaLabel };\n}\n\n/**\n * Extracts UI-related props from a row for card components.\n *\n * @param props - The properties containing the row.\n * @param props.row - The data row.\n * @returns An object containing card-safe row metadata.\n */\nexport function getCardUIProps({ row }: { row: RsCoreTypes.Row }) {\n const uiProps = row.getUIProps();\n return {\n 'data-key': uiProps['data-key']\n };\n}\n"]}

package/lib/Core/Views/Map/Map.styles.d.ts CHANGED Viewed

@@ -1,12 +1,196 @@
 interface StyledReferencesSummaryListProps {
     $style: {
-        height: string;
-        maxHeight: string;
-        minHeight: string;
+        height?: string;
+        maxHeight?: string;
+        minHeight?: string;
     };
 }
-export declare const StyledReferencesSummaryList: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").CardProps>, import("styled-components").DefaultTheme, StyledReferencesSummaryListProps, never>;
-declare const StyledViewContainer: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").GridProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledReferencesSummaryList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("@pega/cosmos-react-core").CardProps, "ref"> & import("react").RefAttributes<HTMLElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
+}, StyledReferencesSummaryListProps>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").CardProps>, keyof import("react").Component<any, {}, any>>;
+declare const StyledViewContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "xs">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "xl">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "sm">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "md">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "lg">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    sm?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    md?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    lg?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+    xl?: Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Grid/Grid.types").BaseGridProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").GridProps>, keyof import("react").Component<any, {}, any>>;
 export default StyledViewContainer;
-export declare const StyledCardContent: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").CardContentProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCardContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@pega/cosmos-react-core").CardContentProps & import("@pega/cosmos-react-core").ForwardProps, never>> & string & Omit<import("react").FunctionComponent<import("@pega/cosmos-react-core").CardContentProps & import("@pega/cosmos-react-core").ForwardProps>, keyof import("react").Component<any, {}, any>>;
 //# sourceMappingURL=Map.styles.d.ts.map

package/lib/Core/Views/Map/Map.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.styles.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Map/Map.styles.ts"],"names":[],"mappings":"AAYA,UAAU,gCAAgC;IACxC,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;~~QACf~~,SAAS,EAAE,MAAM,CAAC;~~QAClB~~,SAAS,EAAE,MAAM,CAAC;~~KACnB~~,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,~~gPActC,~~CAAC;AAIH,QAAA,MAAM,mBAAmB,~~kNAevB,~~CAAC;AAIH,eAAe,mBAAmB,CAAC;AAEnC,eAAO,MAAM,iBAAiB,~~0OAU5B~~,CAAC"}
1	+ {"version":3,"file":"Map.styles.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Map/Map.styles.ts"],"names":[],"mappings":"AAYA,UAAU,gCAAgC;IACxC,MAAM,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B;;oNActC,CAAC;AAIH,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAevB,CAAC;AAIH,eAAe,mBAAmB,CAAC;AAEnC,eAAO,MAAM,iBAAiB,6ZAU5B,CAAC"}

package/lib/Core/Views/Map/Map.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.styles.js","sourceRoot":"","sources":["../../../../Core/Views/Map/Map.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,gBAAgB,EAChB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAU1G,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,IAAI,CAAC,CAAmC,CAAC,EACzF,KAAK,EACL,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EACzC,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;cAEE,MAAM;kBACF,SAAS;kBACT,SAAS;;MAErB,wBAAwB;wBACN,KAAK,CAAC,IAAI,CAAC,OAAO;;GAEvC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,OAAO,GAAG,CAAA;;8BAEkB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;;MAGzD,kBAAkB;;;;;MAKlB,2BAA2B;;;GAG9B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,eAAe,mBAAmB,CAAC;AAEnC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE;IACxD,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAE1C,OAAO,GAAG,CAAA;MACN,UAAU;QACZ,UAAU,CAAC,CAAC,CAAC;QACb,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n defaultThemeProp,\n Card,\n CardContent,\n Grid,\n useFullscreenContext\n} from '@pega/cosmos-react-core';\nimport { StyledLocationView } from '@pega/cosmos-react-core/lib/components/Location/LocationView.styles';\nimport { StyledSummaryListContent } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';\n\ninterface StyledReferencesSummaryListProps {\n $style: {\n height: string;\n maxHeight: string;\n minHeight: string;\n };\n}\n\nexport const StyledReferencesSummaryList = styled(Card)<StyledReferencesSummaryListProps>(({\n theme,\n $style: { height, maxHeight, minHeight }\n}) => {\n return css`\n position: relative;\n height: ${height};\n max-height: ${maxHeight};\n min-height: ${minHeight};\n overflow-y: auto;\n ${StyledSummaryListContent} {\n padding-inline: ${theme.base.spacing};\n }\n `;\n});\n\nStyledReferencesSummaryList.defaultProps = defaultThemeProp;\n\nconst StyledViewContainer = styled(Grid)(({ theme }) => {\n return css`\n position: relative;\n border: 0.0625rem solid ${theme.base.palette['border-line']};\n height: 100%;\n\n ${StyledLocationView} {\n mask-image: none;\n border-radius: 0;\n }\n\n ${StyledReferencesSummaryList} {\n overflow: auto;\n }\n `;\n});\n\nStyledViewContainer.defaultProps = defaultThemeProp;\n\nexport default StyledViewContainer;\n\nexport const StyledCardContent = styled(CardContent)(() => {\n const fullscreen = useFullscreenContext();\n\n return css`\n ${fullscreen &&\n fullscreen[0] &&\n css`\n height: 100%;\n `}\n `;\n});\n\nStyledCardContent.defaultProps = defaultThemeProp;\n"]}
1	+ {"version":3,"file":"Map.styles.js","sourceRoot":"","sources":["../../../../Core/Views/Map/Map.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,gBAAgB,EAChB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAU1G,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,IAAI,CAAC,CAAmC,CAAC,EACzF,KAAK,EACL,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EACzC,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;cAEE,MAAM;kBACF,SAAS;kBACT,SAAS;;MAErB,wBAAwB;wBACN,KAAK,CAAC,IAAI,CAAC,OAAO;;GAEvC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,OAAO,GAAG,CAAA;;8BAEkB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;;MAGzD,kBAAkB;;;;;MAKlB,2BAA2B;;;GAG9B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,eAAe,mBAAmB,CAAC;AAEnC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE;IACxD,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAE1C,OAAO,GAAG,CAAA;MACN,UAAU;QACZ,UAAU,CAAC,CAAC,CAAC;QACb,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n defaultThemeProp,\n Card,\n CardContent,\n Grid,\n useFullscreenContext\n} from '@pega/cosmos-react-core';\nimport { StyledLocationView } from '@pega/cosmos-react-core/lib/components/Location/LocationView.styles';\nimport { StyledSummaryListContent } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';\n\ninterface StyledReferencesSummaryListProps {\n $style: {\n height?: string;\n maxHeight?: string;\n minHeight?: string;\n };\n}\n\nexport const StyledReferencesSummaryList = styled(Card)<StyledReferencesSummaryListProps>(({\n theme,\n $style: { height, maxHeight, minHeight }\n}) => {\n return css`\n position: relative;\n height: ${height};\n max-height: ${maxHeight};\n min-height: ${minHeight};\n overflow-y: auto;\n ${StyledSummaryListContent} {\n padding-inline: ${theme.base.spacing};\n }\n `;\n});\n\nStyledReferencesSummaryList.defaultProps = defaultThemeProp;\n\nconst StyledViewContainer = styled(Grid)(({ theme }) => {\n return css`\n position: relative;\n border: 0.0625rem solid ${theme.base.palette['border-line']};\n height: 100%;\n\n ${StyledLocationView} {\n mask-image: none;\n border-radius: 0;\n }\n\n ${StyledReferencesSummaryList} {\n overflow: auto;\n }\n `;\n});\n\nStyledViewContainer.defaultProps = defaultThemeProp;\n\nexport default StyledViewContainer;\n\nexport const StyledCardContent = styled(CardContent)(() => {\n const fullscreen = useFullscreenContext();\n\n return css`\n ${fullscreen &&\n fullscreen[0] &&\n css`\n height: 100%;\n `}\n `;\n});\n\nStyledCardContent.defaultProps = defaultThemeProp;\n"]}

package/lib/Core/Views/Map/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Map/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAsBlE,UAAU,YAAY;IACpB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,GAAG,GAAI,UAAU,YAAY,~~4CA8GlC~~,CAAC;AAEF,eAAe,GAAG,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Map/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAsBlE,UAAU,YAAY;IACpB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,GAAG,GAAI,UAAU,YAAY,4CAgHlC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/Core/Views/Map/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useMemo } from 'react';
 import { Card, useTheme, Progress, useFullscreenContext, LocationView } from '@pega/cosmos-react-core';
 import { StyledSummaryListContent } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';
-import { calculateBodyMaxHeight } from '../Timeline/utility';
+import { calculateBodyMaxHeight } from '../Timeline/utils';
 import { EXTERNAL_FILTERS } from '../../constants';
 import RenderView from '../../Components/RenderingEngine/RenderView';
 import Toolbar from '../../Components/Toolbar';
@@ -48,7 +48,7 @@ const Map = ({ view }) => {
                                 ...(!fullscreen?.[0] && { height, maxHeight })
                             }, children: [_jsxs(StyledSummaryListContent, { loading: isLoading, "aria-label": meta.title, role: 'region', ref: listContentRef, children: [isLoading && _jsx(Progress, { placement: 'local' }), !isLoading && !!rows?.length && (_jsx("ul", { ref: listRef, children: rows.map((row, index) => (_jsx(MapItem, { columns: columns, itemIndex: index, row: row, labelFieldId: meta.mapFieldIds?.label }, row.reactKey.toString()))) }))] }), domContainer && hasNoRecords && (_jsx(EmptyContainer, { message: isFilterApplied({ filterExpression, searchText, externalState }, meta.externalFilters)
                                         ? translate('No records found')
-                                        : translate('No records') }))] })] })] }) }));
+                                        : translate('No records'), domContainer: domContainer, shouldAnnounce: false }))] })] })] }) }));
 };
 export default Map;
 //# sourceMappingURL=index.js.map