@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Views/Gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useRef, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport LoadingIndicator from '../../Components/LoadingIndicator';\nimport EmptyContainer from '../../Components/EmptyContainer';\nimport GalleryFooter from '../../Components/Footer';\nimport Virtualiser from '../Table/VirtualizeWrapper';\nimport Toolbar from '../../Components/Toolbar';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport { EXTERNAL_FILTERS } from '../../constants';\nimport { resolveViewComponent } from '../../Components/RenderingEngine/ComponentResolverFactory';\nimport RepeatingStructureA11y from '../../Components/A11y/RepeatingStructureA11y';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport StyledGalleryContainer from './StyledGalleryContainer';\nimport ItemWrapper from './ItemWrapper';\nimport GalleryA11y from './GalleryA11y';\n\nconst StyledGVirtualizeContainer = styled.div`\n  position: relative;\n`;\n\nfunction Gallery({ view }) {\n  const { rows, columns = [], meta, renderFactory, getContext } = view;\n  const { cardHeader, secondaryText } = meta;\n  const headerColumn = columns.find(({ field }) => field.name === cardHeader?.name);\n  const secondaryTextColumn = columns.find(({ field }) => field.name === secondaryText?.name);\n  const filteredColumns = columns.filter(c => c.field.name !== 'RowActionMenu');\n  const rowActionMenuColumn = columns.find(c => c.field.name === 'RowActionMenu');\n  const containerRef = useRef(null);\n  const [translate] = useTranslate();\n  const a11yRef = useRef(\n    new GalleryA11y(\n      {\n        topFocusRef: '.top',\n        bottomFocusRef: '.bottom',\n        focusElementSelector: '.tile',\n        parentElementSelector: '.grid-container'\n      },\n      // TODO: consider additional focusbales: input elements, checkbox, radios, etc...\n      [`button[aria-label^=${translate('Actions')}]`],\n      {\n        TAB: 9,\n        LEFT: 37,\n        UP: 38,\n        RIGHT: 39,\n        DOWN: 40\n      },\n      null\n    )\n  );\n\n  useEffect(() => {\n    a11yRef.current.setContainer(containerRef.current);\n    return () => {\n      containerRef.current = null;\n      a11yRef.current = null;\n    };\n  }, [a11yRef, containerRef]);\n\n  const keyDownHandler = useCallback(\n    e => {\n      a11yRef.current.a11yHandler(e);\n    },\n    [a11yRef]\n  );\n\n  return (\n    <StyledGalleryContainer className='rv-gallery' data-test-id='Gallery'>\n      <div className='rv-gallery-header'>\n        <Toolbar view={view} />\n      </div>\n      <RenderView view={view} type={EXTERNAL_FILTERS} />\n      <RepeatingStructureA11y view={view} a11yRef={a11yRef}>\n        <StyledGVirtualizeContainer ref={containerRef} onKeyDown={keyDownHandler}>\n          <Virtualiser\n            id='rootVirtualiser'\n            rowContainerClass='grid-container card-item-grid-container'\n            view={view}\n          >\n            {rows &&\n              rows.map(row => {\n                /* TODO: getComponent why 2 additional paramters in getComponent getComponent(\n                'CardItemRenderer',\n                {\n                  row,\n                  headerColumn,\n                  secondaryTextColumn,\n                  filteredColumns,\n                  rowActionMenuColumn\n                },\n                null,\n                true\n              ); */\n                return (\n                  <ItemWrapper key={row.reactKey} {...row.getUIProps()}>\n                    {resolveViewComponent('CardItemRenderer', renderFactory, {\n                      row,\n                      headerColumn,\n                      secondaryTextColumn,\n                      filteredColumns,\n                      rowActionMenuColumn,\n                      ...getContext()\n                    })}\n                  </ItemWrapper>\n                );\n              })}\n          </Virtualiser>\n          <GalleryFooter view={view} />\n          <LoadingIndicator view={view} show={!rows || !!view.isLoading} />\n          <EmptyContainer view={view} />\n        </StyledGVirtualizeContainer>\n      </RepeatingStructureA11y>\n    </StyledGalleryContainer>\n  );\n}\n\nGallery.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nexport default Gallery;\n"]}

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

@@ -0,0 +1,12 @@
+interface StyledReferencesSummaryListProps {
+    $style: {
+        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 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>;
+//# sourceMappingURL=Map.styles.d.ts.map

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

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

package/lib/Core/Views/Map/Map.styles.js

@@ -0,0 +1,47 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp, Card, CardContent, Grid, useFullscreenContext } from '@pega/cosmos-react-core';
+import { StyledLocationView } from '@pega/cosmos-react-core/lib/components/Location/LocationView.styles';
+import { StyledSummaryListContent } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';
+export const StyledReferencesSummaryList = styled(Card)(({ theme, $style: { height, maxHeight, minHeight } }) => {
+    return css `
+    position: relative;
+    height: ${height};
+    max-height: ${maxHeight};
+    min-height: ${minHeight};
+    overflow-y: auto;
+    ${StyledSummaryListContent} {
+      padding-inline: ${theme.base.spacing};
+    }
+  `;
+});
+StyledReferencesSummaryList.defaultProps = defaultThemeProp;
+const StyledViewContainer = styled(Grid)(({ theme }) => {
+    return css `
+    position: relative;
+    border: 0.0625rem solid ${theme.base.palette['border-line']};
+    height: 100%;
+
+    ${StyledLocationView} {
+      mask-image: none;
+      border-radius: 0;
+    }
+
+    ${StyledReferencesSummaryList} {
+      overflow: auto;
+    }
+  `;
+});
+StyledViewContainer.defaultProps = defaultThemeProp;
+export default StyledViewContainer;
+export const StyledCardContent = styled(CardContent)(() => {
+    const fullscreen = useFullscreenContext();
+    return css `
+    ${fullscreen &&
+        fullscreen[0] &&
+        css `
+      height: 100%;
+    `}
+  `;
+});
+StyledCardContent.defaultProps = defaultThemeProp;
+//# sourceMappingURL=Map.styles.js.map

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

@@ -0,0 +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/MapItem.d.ts

@@ -0,0 +1,10 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface MapItemProps {
+    columns: RsCoreTypes.View['columns'];
+    itemIndex: number;
+    labelFieldId: NonNullable<RsCoreTypes.View['meta']['mapFieldIds']>['label'];
+    row: RsCoreTypes.Row;
+}
+declare const MapItem: ({ columns, itemIndex, labelFieldId, row }: MapItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MapItem;
+//# sourceMappingURL=MapItem.d.ts.map

package/lib/Core/Views/Map/MapItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapItem.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Map/MapItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAOlE,UAAU,YAAY;IACpB,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5E,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,8CAA+C,YAAY,4CAwBvE,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/Core/Views/Map/MapItem.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledSummaryListItem, Avatar, useTheme, NoValue, useI18n } from '@pega/cosmos-react-core';
+import ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';
+const markerLabels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+const MapItem = ({ columns, itemIndex, labelFieldId, row }) => {
+    const { base: { colors: { red } } } = useTheme();
+    const t = useI18n();
+    const labelColumn = columns?.find(({ field }) => field.id === labelFieldId);
+    return (_jsx(StyledSummaryListItem, { forwardedAs: 'li', testId: String(row.key), primary: labelColumn ? _jsx(ValueRenderer, { column: labelColumn, row: row }) : _jsx(NoValue, {}), visual: _jsx(Avatar, { name: markerLabels[itemIndex % markerLabels.length], "aria-label": t('location_marker', [markerLabels[itemIndex % markerLabels.length]]), backgroundColor: red.medium }) }));
+};
+export default MapItem;
+//# sourceMappingURL=MapItem.js.map

package/lib/Core/Views/Map/MapItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapItem.js","sourceRoot":"","sources":["../../../../Core/Views/Map/MapItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEpG,OAAO,aAAa,MAAM,gDAAgD,CAAC;AAE3E,MAAM,YAAY,GAAG,4BAA4B,CAAC;AASlD,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAgB,EAAE,EAAE;IAC1E,MAAM,EACJ,IAAI,EAAE,EACJ,MAAM,EAAE,EAAE,GAAG,EAAE,EAChB,EACF,GAAG,QAAQ,EAAE,CAAC;IAEf,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IAE5E,OAAO,CACL,KAAC,qBAAqB,IACpB,WAAW,EAAC,IAAI,EAChB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EACvB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,EACrF,MAAM,EACJ,KAAC,MAAM,IACL,IAAI,EAAE,YAAY,CAAC,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,gBACvC,CAAC,CAAC,iBAAiB,EAAE,CAAC,YAAY,CAAC,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EACjF,eAAe,EAAE,GAAG,CAAC,MAAM,GAC3B,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport { StyledSummaryListItem, Avatar, useTheme, NoValue, useI18n } from '@pega/cosmos-react-core';\n\nimport ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';\n\nconst markerLabels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n\ninterface MapItemProps {\n  columns: RsCoreTypes.View['columns'];\n  itemIndex: number;\n  labelFieldId: NonNullable<RsCoreTypes.View['meta']['mapFieldIds']>['label'];\n  row: RsCoreTypes.Row;\n}\n\nconst MapItem = ({ columns, itemIndex, labelFieldId, row }: MapItemProps) => {\n  const {\n    base: {\n      colors: { red }\n    }\n  } = useTheme();\n\n  const t = useI18n();\n  const labelColumn = columns?.find(({ field }) => field.id === labelFieldId);\n\n  return (\n    <StyledSummaryListItem\n      forwardedAs='li'\n      testId={String(row.key)}\n      primary={labelColumn ? <ValueRenderer column={labelColumn} row={row} /> : <NoValue />}\n      visual={\n        <Avatar\n          name={markerLabels[itemIndex % markerLabels.length]}\n          aria-label={t('location_marker', [markerLabels[itemIndex % markerLabels.length]])}\n          backgroundColor={red.medium}\n        />\n      }\n    />\n  );\n};\n\nexport default MapItem;\n"]}

package/lib/Core/Views/Map/index.d.ts

@@ -0,0 +1,7 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface MapViewProps {
+    view: RsCoreTypes.View;
+}
+declare const Map: ({ view }: MapViewProps) => import("react/jsx-runtime").JSX.Element;
+export default Map;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,aAAc,YAAY,4CAkGlC,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useMemo } from 'react';
+import { Card, useTheme, Progress, useArrows, useFullscreenContext, LocationView } from '@pega/cosmos-react-core';
+import { StyledSummaryListContent } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';
+import { calculateBodyMaxHeight } from '../Timeline/utility';
+import { EXTERNAL_FILTERS } from '../../constants';
+import RenderView from '../../Components/RenderingEngine/RenderView';
+import Toolbar from '../../Components/Toolbar';
+import EmptyContainer from '../../Components/EmptyContainer';
+import { getValueWithUnit, getMaxHeight } from '../../Components/Virtualise/utility';
+import StyledViewContainer, { StyledReferencesSummaryList, StyledCardContent } from './Map.styles';
+import MapItem from './MapItem';
+import { getPins } from './utils';
+const Map = ({ view }) => {
+    const { meta, columns, rows, isLoading, bodyHeight, totalItemCount } = view;
+    const fullscreen = useFullscreenContext();
+    const { base: { 'content-width': { xs } } } = useTheme();
+    useEffect(() => {
+        view.type.onPaginate({
+            startIndex: 0,
+            endIndex: view.totalRecordCount,
+            id: 'rootVirtualiser'
+        });
+    }, [view.type, view.totalRecordCount]);
+    const listRef = useRef(null);
+    const listContentRef = useRef(null);
+    const domContainer = view.getDomContainer();
+    const height = useMemo(() => getValueWithUnit(bodyHeight, meta.basicMode, meta.numberOfRows), [bodyHeight, meta.basicMode, meta.numberOfRows]);
+    const maxHeight = useMemo(() => getMaxHeight(calculateBodyMaxHeight(meta.height?.maxHeight, domContainer, listContentRef.current), meta.basicMode), [meta.height?.maxHeight, meta.basicMode, domContainer]);
+    const minHeight = useMemo(() => {
+        if (meta.basicMode && totalItemCount === 0) {
+            return '100px';
+        }
+        return '25rem';
+    }, [meta.basicMode, totalItemCount]);
+    useArrows(listRef, { selector: ':scope > li a' });
+    return (_jsx(Card, { children: _jsxs(StyledCardContent, { children: [_jsx(Toolbar, { view: view }), _jsx(RenderView, { view: view, type: EXTERNAL_FILTERS }), _jsxs(StyledViewContainer, { container: {
+                        cols: `repeat(auto-fit, minmax(${xs}, 1fr))`,
+                        autoRows: 'minmax(50%, 100%)'
+                    }, className: 'row-container', children: [_jsx(LocationView, { pins: getPins({
+                                mapFieldIds: meta.mapFieldIds,
+                                rows,
+                                columns
+                            }), height: 'auto', centerMapOnChange: true }), _jsxs(StyledReferencesSummaryList, { item: { grow: 1 }, "$style": {
+                                minHeight,
+                                ...(!fullscreen?.[0] && { height, maxHeight })
+                            }, children: [_jsxs(StyledSummaryListContent, { loading: isLoading, "aria-label": meta.title, 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()))) }))] }), _jsx(EmptyContainer, { view: view })] })] })] }) }));
+};
+export default Map;
+//# sourceMappingURL=index.js.map

package/lib/Core/Views/Map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Map/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useMemo } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport {\n  Card,\n  useTheme,\n  Progress,\n  useArrows,\n  useFullscreenContext,\n  LocationView\n} from '@pega/cosmos-react-core';\nimport { StyledSummaryListContent } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';\n\nimport { calculateBodyMaxHeight } from '../Timeline/utility';\nimport { EXTERNAL_FILTERS } from '../../constants';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport Toolbar from '../../Components/Toolbar';\nimport EmptyContainer from '../../Components/EmptyContainer';\nimport { getValueWithUnit, getMaxHeight } from '../../Components/Virtualise/utility';\n\nimport StyledViewContainer, { StyledReferencesSummaryList, StyledCardContent } from './Map.styles';\nimport MapItem from './MapItem';\nimport { getPins } from './utils';\n\ninterface MapViewProps {\n  view: RsCoreTypes.View;\n}\n\nconst Map = ({ view }: MapViewProps) => {\n  const { meta, columns, rows, isLoading, bodyHeight, totalItemCount } = view;\n  const fullscreen = useFullscreenContext();\n  const {\n    base: {\n      'content-width': { xs }\n    }\n  } = useTheme();\n\n  useEffect(() => {\n    view.type.onPaginate({\n      startIndex: 0,\n      endIndex: view.totalRecordCount!,\n      id: 'rootVirtualiser'\n    });\n  }, [view.type, view.totalRecordCount]);\n\n  const listRef = useRef<HTMLUListElement>(null);\n  const listContentRef = useRef<HTMLDivElement>(null);\n  const domContainer = view.getDomContainer();\n\n  const height = useMemo(\n    () => getValueWithUnit(bodyHeight, meta.basicMode, meta.numberOfRows),\n    [bodyHeight, meta.basicMode, meta.numberOfRows]\n  );\n\n  const maxHeight = useMemo(\n    () =>\n      getMaxHeight(\n        calculateBodyMaxHeight(meta.height?.maxHeight, domContainer, listContentRef.current),\n        meta.basicMode\n      ),\n    [meta.height?.maxHeight, meta.basicMode, domContainer]\n  );\n\n  const minHeight = useMemo(() => {\n    if (meta.basicMode && totalItemCount === 0) {\n      return '100px';\n    }\n    return '25rem';\n  }, [meta.basicMode, totalItemCount]);\n\n  useArrows(listRef, { selector: ':scope > li a' });\n\n  return (\n    <Card>\n      <StyledCardContent>\n        <Toolbar view={view} />\n        <RenderView view={view} type={EXTERNAL_FILTERS} />\n        <StyledViewContainer\n          container={{\n            cols: `repeat(auto-fit, minmax(${xs}, 1fr))`,\n            autoRows: 'minmax(50%, 100%)'\n          }}\n          className='row-container'\n        >\n          <LocationView\n            pins={getPins({\n              mapFieldIds: meta.mapFieldIds,\n              rows,\n              columns\n            })}\n            height='auto'\n            centerMapOnChange\n          />\n          <StyledReferencesSummaryList\n            item={{ grow: 1 }}\n            $style={{\n              minHeight,\n              ...(!fullscreen?.[0] && { height, maxHeight })\n            }}\n          >\n            <StyledSummaryListContent\n              loading={isLoading}\n              aria-label={meta.title}\n              ref={listContentRef}\n            >\n              {isLoading && <Progress placement='local' />}\n              {!isLoading && !!rows?.length && (\n                <ul ref={listRef}>\n                  {rows.map((row, index) => (\n                    <MapItem\n                      key={row.reactKey.toString()}\n                      columns={columns}\n                      itemIndex={index}\n                      row={row}\n                      labelFieldId={meta.mapFieldIds?.label}\n                    />\n                  ))}\n                </ul>\n              )}\n            </StyledSummaryListContent>\n            <EmptyContainer view={view} />\n          </StyledReferencesSummaryList>\n        </StyledViewContainer>\n      </StyledCardContent>\n    </Card>\n  );\n};\n\nexport default Map;\n"]}

package/lib/Core/Views/Map/utils.d.ts

@@ -0,0 +1,14 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+declare const getValue: (rowData: RsCoreTypes.RowData, fieldSelector: string) => string;
+export default getValue;
+export declare const getPins: ({ mapFieldIds, rows, columns }: {
+    mapFieldIds: RsCoreTypes.View["meta"]["mapFieldIds"];
+    rows: RsCoreTypes.View["rows"];
+    columns: RsCoreTypes.View["columns"];
+}) => {
+    content?: import("react/jsx-runtime").JSX.Element | undefined;
+    latitude: number;
+    longitude: number;
+    title: string | undefined;
+}[];
+//# sourceMappingURL=utils.d.ts.map

package/lib/Core/Views/Map/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Map/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAUlE,QAAA,MAAM,QAAQ,YAAa,WAAW,CAAC,OAAO,iBAAiB,MAAM,KAAG,MAOvE,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,eAAO,MAAM,OAAO,mCAIjB;IACD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC;IACrD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;CACtC;;;;;GAkBA,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';
+const isComplexField = (item) => {
+    return typeof item === 'object' && !Array.isArray(item) && item !== null;
+};
+const getValue = (rowData, fieldSelector) => {
+    const [fieldName, nestedFieldSelector] = fieldSelector.split('.', 2);
+    const valueOrNestedField = rowData[fieldName];
+    if (nestedFieldSelector && isComplexField(valueOrNestedField)) {
+        return getValue(valueOrNestedField, nestedFieldSelector);
+    }
+    return String(valueOrNestedField);
+};
+export default getValue;
+export const getPins = ({ mapFieldIds, rows, columns }) => {
+    const contentColumn = columns?.find(({ field }) => field.id === mapFieldIds?.content);
+    return mapFieldIds?.location && rows
+        ? rows
+            .filter(({ rowData }) => !!getValue(rowData, mapFieldIds.location))
+            .map(row => {
+            const { 0: latitude, 1: longitude } = getValue(row.rowData, mapFieldIds.location).split(',');
+            return {
+                latitude: Number(latitude),
+                longitude: Number(longitude),
+                title: mapFieldIds.label ? getValue(row.rowData, mapFieldIds.label) : undefined,
+                ...(contentColumn && { content: _jsx(ValueRenderer, { column: contentColumn, row: row }) })
+            };
+        })
+        : [];
+};
+//# sourceMappingURL=utils.js.map

package/lib/Core/Views/Map/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../Core/Views/Map/utils.tsx"],"names":[],"mappings":";AAEA,OAAO,aAAa,MAAM,gDAAgD,CAAC;AAE3E,MAAM,cAAc,GAAG,CACrB,IAA2F,EAC9D,EAAE;IAC/B,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,OAA4B,EAAE,aAAqB,EAAU,EAAE;IAC/E,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACrE,MAAM,kBAAkB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC9C,IAAI,mBAAmB,IAAI,cAAc,CAAC,kBAAkB,CAAC,EAAE,CAAC;QAC9D,OAAO,QAAQ,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,WAAW,EACX,IAAI,EACJ,OAAO,EAKR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,WAAW,EAAE,OAAO,CAAC,CAAC;IAEtF,OAAO,WAAW,EAAE,QAAQ,IAAI,IAAI;QAClC,CAAC,CAAC,IAAI;aACD,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,QAAS,CAAC,CAAC;aACnE,GAAG,CAAC,GAAG,CAAC,EAAE;YACT,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,QAAS,CAAC,CAAC,KAAK,CACtF,GAAG,CACJ,CAAC;YACF,OAAO;gBACL,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAC1B,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC;gBAC5B,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC/E,GAAG,CAAC,aAAa,IAAI,EAAE,OAAO,EAAE,KAAC,aAAa,IAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,EAAE,CAAC;aACtF,CAAC;QACJ,CAAC,CAAC;QACN,CAAC,CAAC,EAAE,CAAC;AACT,CAAC,CAAC","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';\n\nconst isComplexField = (\n  item: string | number | boolean | Date | RsCoreTypes.RowData | RsCoreTypes.RowData[] | null\n): item is RsCoreTypes.RowData => {\n  return typeof item === 'object' && !Array.isArray(item) && item !== null;\n};\n\nconst getValue = (rowData: RsCoreTypes.RowData, fieldSelector: string): string => {\n  const [fieldName, nestedFieldSelector] = fieldSelector.split('.', 2);\n  const valueOrNestedField = rowData[fieldName];\n  if (nestedFieldSelector && isComplexField(valueOrNestedField)) {\n    return getValue(valueOrNestedField, nestedFieldSelector);\n  }\n  return String(valueOrNestedField);\n};\n\nexport default getValue;\n\nexport const getPins = ({\n  mapFieldIds,\n  rows,\n  columns\n}: {\n  mapFieldIds: RsCoreTypes.View['meta']['mapFieldIds'];\n  rows: RsCoreTypes.View['rows'];\n  columns: RsCoreTypes.View['columns'];\n}) => {\n  const contentColumn = columns?.find(({ field }) => field.id === mapFieldIds?.content);\n\n  return mapFieldIds?.location && rows\n    ? rows\n        .filter(({ rowData }) => !!getValue(rowData, mapFieldIds.location!))\n        .map(row => {\n          const { 0: latitude, 1: longitude } = getValue(row.rowData, mapFieldIds.location!).split(\n            ','\n          );\n          return {\n            latitude: Number(latitude),\n            longitude: Number(longitude),\n            title: mapFieldIds.label ? getValue(row.rowData, mapFieldIds.label) : undefined,\n            ...(contentColumn && { content: <ValueRenderer column={contentColumn} row={row} /> })\n          };\n        })\n    : [];\n};\n"]}

package/lib/Core/Views/Table/Body.d.ts

@@ -0,0 +1,23 @@
+export default Body;
+declare function Body({ groupHeaders, columns, hierarchicalGroupEnabled }: {
+    groupHeaders: any;
+    columns: any;
+    hierarchicalGroupEnabled: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Body {
+    namespace propTypes {
+        let groupHeaders: PropTypes.Requireable<any[]>;
+        let columns: PropTypes.Requireable<any[]>;
+        let hierarchicalGroupEnabled: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let groupHeaders_1: never[];
+        export { groupHeaders_1 as groupHeaders };
+        let columns_1: never[];
+        export { columns_1 as columns };
+        let hierarchicalGroupEnabled_1: boolean;
+        export { hierarchicalGroupEnabled_1 as hierarchicalGroupEnabled };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=Body.d.ts.map

package/lib/Core/Views/Table/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Body.jsx"],"names":[],"mappings":";AAUA;;;;4CAkDC;;;;;;;;;;;;;;;;sBA5DqB,YAAY"}

package/lib/Core/Views/Table/Body.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Fragment, useRef, useEffect } from 'react';
+import GroupHeader from '../../Components/GroupRenderer';
+import { HierarchicalGroupHeader, resetCounter } from '../../Components/HierarchicalGroupRenderer';
+import HierarchicalGroupFooters from '../../Components/HierarchicalGroupFooters';
+import { keyFrom } from '../../Utils';
+import Row from './Row';
+function Body({ groupHeaders, columns, hierarchicalGroupEnabled }) {
+    const hierarchicalInfo = useRef({
+        prevLevel: 0,
+        parentGroupFooters: {}
+    });
+    useEffect(() => {
+        // Reset counter which was used to calculate hierarchical group header z-index
+        if (hierarchicalGroupEnabled) {
+            resetCounter();
+        }
+    });
+    return (_jsx(_Fragment, { children: groupHeaders &&
+            groupHeaders.map((header, idx) => {
+                let dataMap = null;
+                const groupHeaderKey = keyFrom(...header.hierarchy);
+                if (header.isLeafNode && header.isExpanded) {
+                    const rows = header.getRows();
+                    dataMap =
+                        rows &&
+                            rows.map(row => (_jsx(Row, { row: row, columns: columns, level: header.level + 1 }, row.reactKey)));
+                }
+                return (_jsxs(Fragment, { children: [header.isHierarchical ? (_jsx(HierarchicalGroupHeader, { groupHeader: header, columns: columns })) : (_jsx(GroupHeader, { groupHeader: header, columns: columns })), dataMap, header.isHierarchical ? (_jsx(HierarchicalGroupFooters, { groupHeaders: groupHeaders, columns: columns, headerIndex: idx, hierarchicalGroupInfoRef: hierarchicalInfo })) : null] }, groupHeaderKey));
+            }) }));
+}
+Body.propTypes = {
+    groupHeaders: PropTypes.arrayOf(PropTypes.any),
+    columns: PropTypes.arrayOf(PropTypes.any),
+    hierarchicalGroupEnabled: PropTypes.bool
+};
+Body.defaultProps = {
+    groupHeaders: [],
+    columns: [],
+    hierarchicalGroupEnabled: false
+};
+export default Body;
+//# sourceMappingURL=Body.js.map

package/lib/Core/Views/Table/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Body.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,wBAAwB,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,SAAS,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,wBAAwB,EAAE;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC;QAC9B,SAAS,EAAE,CAAC;QACZ,kBAAkB,EAAE,EAAE;KACvB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,8EAA8E;QAC9E,IAAI,wBAAwB,EAAE,CAAC;YAC7B,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,4BACG,YAAY;YACX,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBAC/B,IAAI,OAAO,GAAG,IAAI,CAAC;gBACnB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;gBAEpD,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;oBAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;oBAC9B,OAAO;wBACL,IAAI;4BACJ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACd,KAAC,GAAG,IAAoB,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,IAAjE,GAAG,CAAC,QAAQ,CAAyD,CAChF,CAAC,CAAC;gBACP,CAAC;gBAED,OAAO,CACL,MAAC,QAAQ,eACN,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,KAAC,uBAAuB,IAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CACnE,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CACvD,EACA,OAAO,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,KAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,GAAG,EAChB,wBAAwB,EAAE,gBAAgB,GAC1C,CACH,CAAC,CAAC,CAAC,IAAI,KAdK,cAAc,CAelB,CACZ,CAAC;YACJ,CAAC,CAAC,GACH,CACJ,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,SAAS,GAAG;IACf,YAAY,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IAC9C,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,wBAAwB,EAAE,SAAS,CAAC,IAAI;CACzC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,EAAE;IACX,wBAAwB,EAAE,KAAK;CAChC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { Fragment, useRef, useEffect } from 'react';\n\nimport GroupHeader from '../../Components/GroupRenderer';\nimport { HierarchicalGroupHeader, resetCounter } from '../../Components/HierarchicalGroupRenderer';\nimport HierarchicalGroupFooters from '../../Components/HierarchicalGroupFooters';\nimport { keyFrom } from '../../Utils';\n\nimport Row from './Row';\n\nfunction Body({ groupHeaders, columns, hierarchicalGroupEnabled }) {\n  const hierarchicalInfo = useRef({\n    prevLevel: 0,\n    parentGroupFooters: {}\n  });\n\n  useEffect(() => {\n    // Reset counter which was used to calculate hierarchical group header z-index\n    if (hierarchicalGroupEnabled) {\n      resetCounter();\n    }\n  });\n\n  return (\n    <>\n      {groupHeaders &&\n        groupHeaders.map((header, idx) => {\n          let dataMap = null;\n          const groupHeaderKey = keyFrom(...header.hierarchy);\n\n          if (header.isLeafNode && header.isExpanded) {\n            const rows = header.getRows();\n            dataMap =\n              rows &&\n              rows.map(row => (\n                <Row key={row.reactKey} row={row} columns={columns} level={header.level + 1} />\n              ));\n          }\n\n          return (\n            <Fragment key={groupHeaderKey}>\n              {header.isHierarchical ? (\n                <HierarchicalGroupHeader groupHeader={header} columns={columns} />\n              ) : (\n                <GroupHeader groupHeader={header} columns={columns} />\n              )}\n              {dataMap}\n              {header.isHierarchical ? (\n                <HierarchicalGroupFooters\n                  groupHeaders={groupHeaders}\n                  columns={columns}\n                  headerIndex={idx}\n                  hierarchicalGroupInfoRef={hierarchicalInfo}\n                />\n              ) : null}\n            </Fragment>\n          );\n        })}\n    </>\n  );\n}\n\nBody.propTypes = {\n  groupHeaders: PropTypes.arrayOf(PropTypes.any),\n  columns: PropTypes.arrayOf(PropTypes.any),\n  hierarchicalGroupEnabled: PropTypes.bool\n};\n\nBody.defaultProps = {\n  groupHeaders: [],\n  columns: [],\n  hierarchicalGroupEnabled: false\n};\n\nexport default Body;\n"]}

package/lib/Core/Views/Table/CellWrapper.d.ts

@@ -0,0 +1,23 @@
+export const CellIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@pega/cosmos-react-core").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("react").MemoExoticComponent<typeof CellWrapper>;
+export default _default;
+declare function CellWrapper({ column, level }: {
+    column: any;
+    level: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CellWrapper {
+    namespace propTypes {
+        let column: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let level: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        let column_1: undefined;
+        export { column_1 as column };
+        let level_1: number;
+        export { level_1 as level };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=CellWrapper.d.ts.map

package/lib/Core/Views/Table/CellWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/CellWrapper.jsx"],"names":[],"mappings":"AAuCA,gNAkBG;;;AAEH;;;4CA4CC;;;;;;;;;;;;;;;sBAvGqB,YAAY"}

package/lib/Core/Views/Table/CellWrapper.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { memo, useCallback, useRef } from 'react';
+import styled, { css } from 'styled-components';
+import { Icon } from '@pega/cosmos-react-core';
+import { createClassName as cx } from '../../Utils';
+import RenderingEngine from '../../Components/RenderingEngine/RenderCell';
+import { CELL_ALIGN_CLASSES } from '../../constants';
+import { hierarchicalgroupheaderleftdisplacement } from '../../Components/HierarchicalGroupRenderer';
+const getStyles = (column, level, styleFormatConfig) => {
+    const { isFirstDataColumn, parent, field: { idHash, cellAlign } } = column;
+    const { backgroundColor, icon: cellIconProps, foregroundColor } = styleFormatConfig;
+    const cellStyles = {
+        left: `var(--col-left-${idHash})`,
+        order: `var(--col-order-${idHash})`,
+        width: `var(--col-width-${idHash})`,
+        ...(backgroundColor && { backgroundColor }),
+        ...(isFirstDataColumn && parent?.hierarchicalGroupEnabled && { paddingLeft: 0 })
+    };
+    const renderingEngineStyles = {
+        ...(isFirstDataColumn &&
+            parent?.hierarchicalGroupEnabled && {
+            paddingLeft: hierarchicalgroupheaderleftdisplacement(level)
+        }),
+        ...(cellIconProps && { order: cellAlign === 'right' ? 2 : 1 }),
+        ...(foregroundColor && { color: foregroundColor })
+    };
+    return { cellStyles, renderingEngineStyles };
+};
+export const CellIcon = styled(Icon)(({ cellAlign }) => {
+    // icon size 12px
+    return css `
+    /*
+     * Icon styles sometimes fail to override correctly. Increasing specificity ensures consistent override behavior.
+     * https://styled-components.com/docs/faqs#how-can-i-override-styles-with-higher-specificity
+     */
+    &&& {
+      height: 0.75rem;
+      width: 0.75rem;
+      min-width: 0.75rem;
+      min-height: 0.75rem;
+      margin-inline-end: ${cellAlign !== 'right' && '0.5rem'};
+      margin-inline-start: ${cellAlign === 'right' && '0.5rem'};
+      order: ${cellAlign === 'right' ? 1 : 2};
+      flex-shrink: 0;
+    }
+  `;
+});
+function CellWrapper({ column, level }) {
+    const ref = useRef();
+    const { field: { cellAlign }, isCustomColumn, isLastColumn, isFirstVisualColumn, getCellStyleFormat } = column;
+    const { classList, style: cellStyle, ...restProps } = column.getUIProps();
+    const styleFormatConfig = getCellStyleFormat()?.config ?? {};
+    const { foregroundColor, icon: cellIconProps } = styleFormatConfig;
+    const context = {
+        getElement: () => ref.current,
+        getStyles: useCallback(() => ({ foregroundColor }), [foregroundColor])
+    };
+    const { cellStyles, renderingEngineStyles } = getStyles(column, level, styleFormatConfig);
+    return (_jsxs("div", { ...restProps, className: cx('cell', ...classList, {
+            'cell-fixed': column.frozen,
+            'cell-last': isLastColumn,
+            'cell-first': isFirstVisualColumn
+        }, !isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]), style: cellStyles, ref: ref, tabIndex: -1, children: [_jsx(RenderingEngine, { style: renderingEngineStyles, highlighter: true, ...column.getRenderingEngineProps(), context: context }), cellIconProps && _jsx(CellIcon, { ...cellIconProps, cellAlign: cellAlign })] }));
+}
+CellWrapper.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any),
+    level: PropTypes.number
+};
+CellWrapper.defaultProps = {
+    column: undefined,
+    level: 0
+};
+export default memo(CellWrapper);
+//# sourceMappingURL=CellWrapper.js.map

package/lib/Core/Views/Table/CellWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Table/CellWrapper.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo, useCallback, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Icon } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport RenderingEngine from '../../Components/RenderingEngine/RenderCell';\nimport { CELL_ALIGN_CLASSES } from '../../constants';\nimport { hierarchicalgroupheaderleftdisplacement } from '../../Components/HierarchicalGroupRenderer';\n\nconst getStyles = (column, level, styleFormatConfig) => {\n  const {\n    isFirstDataColumn,\n    parent,\n    field: { idHash, cellAlign }\n  } = column;\n  const { backgroundColor, icon: cellIconProps, foregroundColor } = styleFormatConfig;\n\n  const cellStyles = {\n    left: `var(--col-left-${idHash})`,\n    order: `var(--col-order-${idHash})`,\n    width: `var(--col-width-${idHash})`,\n    ...(backgroundColor && { backgroundColor }),\n    ...(isFirstDataColumn && parent?.hierarchicalGroupEnabled && { paddingLeft: 0 })\n  };\n\n  const renderingEngineStyles = {\n    ...(isFirstDataColumn &&\n      parent?.hierarchicalGroupEnabled && {\n        paddingLeft: hierarchicalgroupheaderleftdisplacement(level)\n      }),\n    ...(cellIconProps && { order: cellAlign === 'right' ? 2 : 1 }),\n    ...(foregroundColor && { color: foregroundColor })\n  };\n\n  return { cellStyles, renderingEngineStyles };\n};\n\nexport const CellIcon = styled(Icon)(({ cellAlign }) => {\n  // icon size 12px\n  return css`\n    /*\n     * Icon styles sometimes fail to override correctly. Increasing specificity ensures consistent override behavior.\n     * https://styled-components.com/docs/faqs#how-can-i-override-styles-with-higher-specificity\n     */\n    &&& {\n      height: 0.75rem;\n      width: 0.75rem;\n      min-width: 0.75rem;\n      min-height: 0.75rem;\n      margin-inline-end: ${cellAlign !== 'right' && '0.5rem'};\n      margin-inline-start: ${cellAlign === 'right' && '0.5rem'};\n      order: ${cellAlign === 'right' ? 1 : 2};\n      flex-shrink: 0;\n    }\n  `;\n});\n\nfunction CellWrapper({ column, level }) {\n  const ref = useRef();\n  const {\n    field: { cellAlign },\n    isCustomColumn,\n    isLastColumn,\n    isFirstVisualColumn,\n    getCellStyleFormat\n  } = column;\n  const { classList, style: cellStyle, ...restProps } = column.getUIProps();\n  const styleFormatConfig = getCellStyleFormat()?.config ?? {};\n  const { foregroundColor, icon: cellIconProps } = styleFormatConfig;\n  const context = {\n    getElement: () => ref.current,\n    getStyles: useCallback(() => ({ foregroundColor }), [foregroundColor])\n  };\n  const { cellStyles, renderingEngineStyles } = getStyles(column, level, styleFormatConfig);\n\n  return (\n    <div\n      {...restProps}\n      className={cx(\n        'cell',\n        ...classList,\n        {\n          'cell-fixed': column.frozen,\n          'cell-last': isLastColumn,\n          'cell-first': isFirstVisualColumn\n        },\n        !isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]\n      )}\n      style={cellStyles}\n      ref={ref}\n      tabIndex={-1}\n    >\n      <RenderingEngine\n        style={renderingEngineStyles}\n        highlighter\n        {...column.getRenderingEngineProps()}\n        context={context}\n      />\n      {cellIconProps && <CellIcon {...cellIconProps} cellAlign={cellAlign} />}\n    </div>\n  );\n}\n\nCellWrapper.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number\n};\n\nCellWrapper.defaultProps = {\n  column: undefined,\n  level: 0\n};\n\nexport default memo(CellWrapper);\n"]}

package/lib/Core/Views/Table/GroupingHeaderCell.d.ts

@@ -0,0 +1,22 @@
+export default GroupingHeaderCell;
+declare function GroupingHeaderCell(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace GroupingHeaderCell {
+    namespace propTypes {
+        let isExpanded: PropTypes.Requireable<boolean>;
+        let enable: PropTypes.Requireable<boolean>;
+        let handleChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let classList: PropTypes.Requireable<(string | null | undefined)[]>;
+    }
+    namespace defaultProps {
+        let isExpanded_1: boolean;
+        export { isExpanded_1 as isExpanded };
+        let enable_1: boolean;
+        export { enable_1 as enable };
+        export function handleChange_1(): undefined;
+        export { handleChange_1 as handleChange };
+        let classList_1: never[];
+        export { classList_1 as classList };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=GroupingHeaderCell.d.ts.map

package/lib/Core/Views/Table/GroupingHeaderCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingHeaderCell.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/GroupingHeaderCell.jsx"],"names":[],"mappings":";AAOA,gGAkBC;;;;;;;;;;;;;QAYe,4CAAe;;;;;;sBArCT,YAAY"}

package/lib/Core/Views/Table/GroupingHeaderCell.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Icon, Button } from '@pega/cosmos-react-core';
+import { createClassName as cx } from '../../Utils';
+import useTranslate from '../../Hooks/useTranslate';
+function GroupingHeaderCell(props) {
+    const { enable, isExpanded, handleChange, classList } = props;
+    const [translate] = useTranslate();
+    if (!enable)
+        return null;
+    return (_jsx("div", { className: cx('expand-collapse-all', { expanded: isExpanded }, ...classList), children: _jsx(Button, { onClick: () => handleChange(!isExpanded), variant: 'simple', icon: true, compact: true, "aria-live": 'polite', label: isExpanded ? translate('Collapse all groups') : translate('Expand all groups'), children: isExpanded ? _jsx(Icon, { name: 'caret-down' }) : _jsx(Icon, { name: 'caret-right' }) }) }));
+}
+GroupingHeaderCell.propTypes = {
+    isExpanded: PropTypes.bool,
+    enable: PropTypes.bool,
+    handleChange: PropTypes.func,
+    classList: PropTypes.arrayOf(PropTypes.string)
+};
+GroupingHeaderCell.defaultProps = {
+    isExpanded: false,
+    enable: false,
+    handleChange: () => undefined,
+    classList: []
+};
+export default GroupingHeaderCell;
+//# sourceMappingURL=GroupingHeaderCell.js.map

package/lib/Core/Views/Table/GroupingHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingHeaderCell.js","sourceRoot":"","sources":["../../../../Core/Views/Table/GroupingHeaderCell.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,GAAG,SAAS,CAAC,YAC/E,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EACxC,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,qBACG,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAEpF,UAAU,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GAC/D,GACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,YAAY,EAAE,SAAS,CAAC,IAAI;IAC5B,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;CAC/C,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG;IAChC,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;IAC7B,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Button } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nfunction GroupingHeaderCell(props) {\n  const { enable, isExpanded, handleChange, classList } = props;\n  const [translate] = useTranslate();\n  if (!enable) return null;\n  return (\n    <div className={cx('expand-collapse-all', { expanded: isExpanded }, ...classList)}>\n      <Button\n        onClick={() => handleChange(!isExpanded)}\n        variant='simple'\n        icon\n        compact\n        aria-live='polite'\n        label={isExpanded ? translate('Collapse all groups') : translate('Expand all groups')}\n      >\n        {isExpanded ? <Icon name='caret-down' /> : <Icon name='caret-right' />}\n      </Button>\n    </div>\n  );\n}\n\nGroupingHeaderCell.propTypes = {\n  isExpanded: PropTypes.bool,\n  enable: PropTypes.bool,\n  handleChange: PropTypes.func,\n  classList: PropTypes.arrayOf(PropTypes.string)\n};\n\nGroupingHeaderCell.defaultProps = {\n  isExpanded: false,\n  enable: false,\n  handleChange: () => undefined,\n  classList: []\n};\n\nexport default GroupingHeaderCell;\n"]}

package/lib/Core/Views/Table/HeaderWrapper.d.ts

@@ -0,0 +1,13 @@
+export default HeaderWrapper;
+declare function HeaderWrapper({ column }: {
+    column: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace HeaderWrapper {
+    namespace propTypes {
+        let column: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=HeaderWrapper.d.ts.map

package/lib/Core/Views/Table/HeaderWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/HeaderWrapper.jsx"],"names":[],"mappings":";AASA;;4CAyCC;;;;;;;;sBAjDqB,YAAY"}

package/lib/Core/Views/Table/HeaderWrapper.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import PropTypes from 'prop-types';
+import { createClassName as cx } from '../../Utils';
+import TableHeaderCell from '../../Components/HeaderCell';
+import useTranslate from '../../Hooks/useTranslate';
+import useSort from './UseSort';
+function HeaderWrapper({ column }) {
+    const [translate] = useTranslate();
+    const { field: { id, idHash, cellAlign }, isCustomColumn, isLastColumn, isFirstVisualColumn, label } = column;
+    const { classList } = column.getUIProps();
+    const header = useRef();
+    const popoverButtonRef = useRef();
+    useSort(header, column);
+    const styles = {
+        left: `var(--col-left-${idHash})`,
+        order: `var(--col-order-${idHash})`,
+        width: `var(--col-width-${idHash})`,
+        cursor: `${column.field.sort ? 'pointer' : 'auto'}`
+    };
+    return (_jsx("div", { className: cx('cell', ...classList, {
+            'cell-fixed': column.frozen,
+            // For now going with align right handling only as we don't have requirement of align center for header.
+            'cell-right-align': !isCustomColumn && cellAlign === 'right',
+            'cell-last': isLastColumn,
+            'cell-first': isFirstVisualColumn
+        }), role: 'columnheader', style: styles, ref: header, "aria-label": translate(label), "aria-colindex": column.order + 1, tabIndex: -1, "data-col-id": id, ...column.getHeaderUIProps(), children: _jsx(TableHeaderCell, { column: column, popoverButtonRef: popoverButtonRef }) }));
+}
+HeaderWrapper.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any).isRequired
+};
+export default HeaderWrapper;
+//# sourceMappingURL=HeaderWrapper.js.map

package/lib/Core/Views/Table/HeaderWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Table/HeaderWrapper.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE;IAC/B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EACJ,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAChC,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,KAAK,EACN,GAAG,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,MAAM,gBAAgB,GAAG,MAAM,EAAE,CAAC;IAClC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAExB,MAAM,MAAM,GAAG;QACb,IAAI,EAAE,kBAAkB,MAAM,GAAG;QACjC,KAAK,EAAE,mBAAmB,MAAM,GAAG;QACnC,KAAK,EAAE,mBAAmB,MAAM,GAAG;QACnC,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE;KACpD,CAAC;IACF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE;YAClC,YAAY,EAAE,MAAM,CAAC,MAAM;YAC3B,wGAAwG;YACxG,kBAAkB,EAAE,CAAC,cAAc,IAAI,SAAS,KAAK,OAAO;YAC5D,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,mBAAmB;SAClC,CAAC,EACF,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,gBACC,SAAS,CAAC,KAAK,CAAC,mBACb,MAAM,CAAC,KAAK,GAAG,CAAC,EAC/B,QAAQ,EAAE,CAAC,CAAC,iBACC,EAAE,KACX,MAAM,CAAC,gBAAgB,EAAE,YAE7B,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GACnE,CACP,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACrD,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createClassName as cx } from '../../Utils';\nimport TableHeaderCell from '../../Components/HeaderCell';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport useSort from './UseSort';\n\nfunction HeaderWrapper({ column }) {\n  const [translate] = useTranslate();\n  const {\n    field: { id, idHash, cellAlign },\n    isCustomColumn,\n    isLastColumn,\n    isFirstVisualColumn,\n    label\n  } = column;\n  const { classList } = column.getUIProps();\n  const header = useRef();\n  const popoverButtonRef = useRef();\n  useSort(header, column);\n\n  const styles = {\n    left: `var(--col-left-${idHash})`,\n    order: `var(--col-order-${idHash})`,\n    width: `var(--col-width-${idHash})`,\n    cursor: `${column.field.sort ? 'pointer' : 'auto'}`\n  };\n  return (\n    <div\n      className={cx('cell', ...classList, {\n        'cell-fixed': column.frozen,\n        // For now going with align right handling only as we don't have requirement of align center for header.\n        'cell-right-align': !isCustomColumn && cellAlign === 'right',\n        'cell-last': isLastColumn,\n        'cell-first': isFirstVisualColumn\n      })}\n      role='columnheader'\n      style={styles}\n      ref={header}\n      aria-label={translate(label)}\n      aria-colindex={column.order + 1}\n      tabIndex={-1}\n      data-col-id={id}\n      {...column.getHeaderUIProps()}\n    >\n      <TableHeaderCell column={column} popoverButtonRef={popoverButtonRef} />\n    </div>\n  );\n}\n\nHeaderWrapper.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nexport default HeaderWrapper;\n"]}

package/lib/Core/Views/Table/Headers.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>>;
+export default _default;
+//# sourceMappingURL=Headers.d.ts.map