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

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

@@ -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

@@ -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

@@ -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

@@ -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"}
+{"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

@@ -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"]}
+{"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

@@ -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"}
+{"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

@@ -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