@pega/lists-react 9.0.0-build.18.8 → 9.0.0-build.19.0

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

@@ -13,7 +13,7 @@ import Row from './Row';
 import useCountChange from './useCountChange';
 export default function VirtualizeWrapper({ view, children, id, renderHeader = null, rowContainerClass = '', renderFooter = null, isFullscreen = false, 
 // TODO: Remove this prop and deprecate older virtualizers once we fully migrate to variable row height virtualizer for gallery and grouped list views
-useVariableRowHeightVirtualization = false }) {
+useVariableRowHeightVirtualization = false, bufferMultiplier }) {
     const { state, meta } = view;
     const { filterExpression, searchText, externalState } = state;
     const [translate] = useTranslate();
@@ -59,12 +59,12 @@ useVariableRowHeightVirtualization = false }) {
         return (_jsx(VirtualizeInfinite, { id: id, viewMaxHeight: isFullscreen ? null : view.bodyHeight, itemHeight: view.rowHeight, callback: paginationCallback, isFetching: isFetching, hasMoreResults: hasMoreResults, renderHeader: renderHeader, renderFooter: renderFooter, ref: r => {
                 view.putVirtualizeElement(id, r);
                 view.setScrollNode(r && r.vi && r.vi.bContainer);
-            }, rowContainerClass: `${rowContainerClass} ${view.rowHeightClass}`, state: view.state?.paginationOptions?.[id], resetCount: view.isCountUpdateRequired, showLoadingIndicator: view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE, renderEmptyRecords: renderEmptyRecords, children: children }));
+            }, rowContainerClass: `${rowContainerClass} ${view.rowHeightClass}`, state: view.state?.paginationOptions?.[id], resetCount: view.isCountUpdateRequired, showLoadingIndicator: view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE, renderEmptyRecords: renderEmptyRecords, bufferMultiplier: bufferMultiplier, children: children }));
     }
     return (_jsx(Virtualize, { id: id, viewMaxHeight: isFullscreen ? null : view.bodyHeight, totalRecordCount: view.totalItemCount, itemHeight: view.rowHeight, callback: paginationCallback, isFetching: isFetching, renderHeader: renderHeader, renderFooter: renderFooter, ref: r => {
             view.putVirtualizeElement(id, r);
             view.setScrollNode(r && r.vi && r.vi.bContainer);
-        }, rowContainerClass: `${rowContainerClass} ${view.rowHeightClass}`, state: view.state?.paginationOptions?.[id], showLoadingIndicator: view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE, renderEmptyRecords: renderEmptyRecords, children: children }));
+        }, rowContainerClass: `${rowContainerClass} ${view.rowHeightClass}`, state: view.state?.paginationOptions?.[id], showLoadingIndicator: view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE, renderEmptyRecords: renderEmptyRecords, bufferMultiplier: bufferMultiplier, children: children }));
 }
 VirtualizeWrapper.propTypes = {
     children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,
@@ -74,6 +74,7 @@ VirtualizeWrapper.propTypes = {
     rowContainerClass: PropTypes.string,
     view: PropTypes.objectOf(PropTypes.any).isRequired,
     isFullscreen: PropTypes.bool,
-    useVariableRowHeightVirtualization: PropTypes.bool
+    useVariableRowHeightVirtualization: PropTypes.bool,
+    bufferMultiplier: PropTypes.number
 };
 //# sourceMappingURL=VirtualizeWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualizeWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Table/VirtualizeWrapper.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { isEmpty, REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport Virtualize from '../../Components/Virtualise';\nimport VirtualizeInfinite from '../../Components/Virtualise/VirtualizeInfinite';\nimport VariableHeightVirtualizer from '../../Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer';\nimport { isPaginationRequestCompleted } from '../../Components/Virtualise/utility';\nimport { isFilterApplied } from '../../Utils';\nimport EmptyContainer from '../../Components/DefaultComponents/EmptyContainer';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport Row from './Row';\nimport useCountChange from './useCountChange';\n\nexport default function VirtualizeWrapper({\n  view,\n  children,\n  id,\n  renderHeader = null,\n  rowContainerClass = '',\n  renderFooter = null,\n  isFullscreen = false,\n  // TODO: Remove this prop and deprecate older virtualizers once we fully migrate to variable row height virtualizer for gallery and grouped list views\n  useVariableRowHeightVirtualization = false\n}) {\n  const { state, meta } = view;\n  const { filterExpression, searchText, externalState } = state;\n  const [translate] = useTranslate();\n  const isProgressiveVirtualizerEverLoaded = useRef(false);\n  const paginationPayload = useRef({});\n\n  const [isFetching, setIsFetching] = useState(false);\n  const [hasMoreResults, setHasMoreResults] = useState(false);\n\n  const infiniteModeTable = isProgressiveVirtualizerEverLoaded.current\n    ? false\n    : !view.state?.groups?.length && isEmpty(view.resultsCount);\n\n  if (!infiniteModeTable && !isProgressiveVirtualizerEverLoaded.current) {\n    isProgressiveVirtualizerEverLoaded.current = true;\n  }\n\n  const paginationCallback = useCallback(\n    (payload, payloadMeta) => {\n      paginationPayload.current = payload;\n      setIsFetching(true);\n      view.type.onPaginate(payload, payloadMeta);\n    },\n    [view.type.onPaginate]\n  );\n\n  const renderEmptyRecords = useCallback(\n    () => (\n      <EmptyContainer\n        message={\n          isFilterApplied({ filterExpression, searchText, externalState }, meta.externalFilters)\n            ? translate('No records found')\n            : translate('No records')\n        }\n      />\n    ),\n    [filterExpression, searchText, externalState, meta.externalFilters]\n  );\n\n  useEffect(() => {\n    if (view.isInstantRender) return;\n\n    const isRequestComplete = isPaginationRequestCompleted(\n      paginationPayload.current,\n      view.state?.paginationOptions?.[id]\n    );\n    setIsFetching(!isRequestComplete);\n  }, [view.isInstantRender, view.state?.paginationOptions?.[id]]);\n\n  useEffect(() => {\n    if (view.isInstantRender || !paginationPayload.current) return;\n\n    const requestedRows =\n      paginationPayload.current.endIndex - paginationPayload.current.startIndex + 1;\n    setHasMoreResults(view.rows?.length === requestedRows);\n  }, [view.isInstantRender, view.state?.paginationOptions?.[id]]);\n\n  useCountChange(view, isFetching, view.getVirtualizeElement?.(id)?.notifyCountChange);\n\n  if (useVariableRowHeightVirtualization) {\n    const paginationStartIndex = view?.state?.paginationOptions?.rootVirtualiser?.startIndex || 0;\n    return (\n      <VariableHeightVirtualizer\n        id={id}\n        totalItemCount={view.totalItemCount}\n        isDataFetching={isFetching}\n        loadedDataRange={view?.state?.paginationOptions?.[id] || {}}\n        apiCallback={paginationCallback}\n        defaultItemHeight={40}\n        maxItemsToPaint={5000}\n        renderHeader={renderHeader}\n        renderFooter={renderFooter}\n        renderEmptyRecords={renderEmptyRecords}\n        itemContainerClass={`${rowContainerClass} ${view.rowHeightClass}`}\n        ref={r => {\n          view.putVirtualizeElement(id, r);\n          view.setScrollNode(r?.getBufferContainer());\n        }}\n        viewMaxHeight={isFullscreen ? null : view.bodyHeight}\n        minHeightWhenNoItemsRendered='100px'\n      >\n        {view?.groupHeaders?.[0]?.getRows()?.map((row, index) => (\n          <Row\n            key={row.reactKey}\n            row={row}\n            columns={view.columns}\n            level={0}\n            dataIndex={paginationStartIndex + index}\n          />\n        ))}\n      </VariableHeightVirtualizer>\n    );\n  }\n\n  if (infiniteModeTable) {\n    return (\n      <VirtualizeInfinite\n        id={id}\n        viewMaxHeight={isFullscreen ? null : view.bodyHeight}\n        itemHeight={view.rowHeight}\n        callback={paginationCallback}\n        isFetching={isFetching}\n        hasMoreResults={hasMoreResults}\n        renderHeader={renderHeader}\n        renderFooter={renderFooter}\n        ref={r => {\n          view.putVirtualizeElement(id, r);\n          view.setScrollNode(r && r.vi && r.vi.bContainer);\n        }}\n        rowContainerClass={`${rowContainerClass} ${view.rowHeightClass}`}\n        state={view.state?.paginationOptions?.[id]}\n        resetCount={view.isCountUpdateRequired}\n        showLoadingIndicator={view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE}\n        renderEmptyRecords={renderEmptyRecords}\n      >\n        {children}\n      </VirtualizeInfinite>\n    );\n  }\n\n  return (\n    <Virtualize\n      id={id}\n      viewMaxHeight={isFullscreen ? null : view.bodyHeight}\n      totalRecordCount={view.totalItemCount}\n      itemHeight={view.rowHeight}\n      callback={paginationCallback}\n      isFetching={isFetching}\n      renderHeader={renderHeader}\n      renderFooter={renderFooter}\n      ref={r => {\n        view.putVirtualizeElement(id, r);\n        view.setScrollNode(r && r.vi && r.vi.bContainer);\n      }}\n      rowContainerClass={`${rowContainerClass} ${view.rowHeightClass}`}\n      state={view.state?.paginationOptions?.[id]}\n      showLoadingIndicator={view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE}\n      renderEmptyRecords={renderEmptyRecords}\n    >\n      {children}\n    </Virtualize>\n  );\n}\n\nVirtualizeWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  renderHeader: PropTypes.func,\n  renderFooter: PropTypes.func,\n  rowContainerClass: PropTypes.string,\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  isFullscreen: PropTypes.bool,\n  useVariableRowHeightVirtualization: PropTypes.bool\n};\n"]}
+{"version":3,"file":"VirtualizeWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Table/VirtualizeWrapper.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { isEmpty, REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport Virtualize from '../../Components/Virtualise';\nimport VirtualizeInfinite from '../../Components/Virtualise/VirtualizeInfinite';\nimport VariableHeightVirtualizer from '../../Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer';\nimport { isPaginationRequestCompleted } from '../../Components/Virtualise/utility';\nimport { isFilterApplied } from '../../Utils';\nimport EmptyContainer from '../../Components/DefaultComponents/EmptyContainer';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport Row from './Row';\nimport useCountChange from './useCountChange';\n\nexport default function VirtualizeWrapper({\n  view,\n  children,\n  id,\n  renderHeader = null,\n  rowContainerClass = '',\n  renderFooter = null,\n  isFullscreen = false,\n  // TODO: Remove this prop and deprecate older virtualizers once we fully migrate to variable row height virtualizer for gallery and grouped list views\n  useVariableRowHeightVirtualization = false,\n  bufferMultiplier\n}) {\n  const { state, meta } = view;\n  const { filterExpression, searchText, externalState } = state;\n  const [translate] = useTranslate();\n  const isProgressiveVirtualizerEverLoaded = useRef(false);\n  const paginationPayload = useRef({});\n\n  const [isFetching, setIsFetching] = useState(false);\n  const [hasMoreResults, setHasMoreResults] = useState(false);\n\n  const infiniteModeTable = isProgressiveVirtualizerEverLoaded.current\n    ? false\n    : !view.state?.groups?.length && isEmpty(view.resultsCount);\n\n  if (!infiniteModeTable && !isProgressiveVirtualizerEverLoaded.current) {\n    isProgressiveVirtualizerEverLoaded.current = true;\n  }\n\n  const paginationCallback = useCallback(\n    (payload, payloadMeta) => {\n      paginationPayload.current = payload;\n      setIsFetching(true);\n      view.type.onPaginate(payload, payloadMeta);\n    },\n    [view.type.onPaginate]\n  );\n\n  const renderEmptyRecords = useCallback(\n    () => (\n      <EmptyContainer\n        message={\n          isFilterApplied({ filterExpression, searchText, externalState }, meta.externalFilters)\n            ? translate('No records found')\n            : translate('No records')\n        }\n      />\n    ),\n    [filterExpression, searchText, externalState, meta.externalFilters]\n  );\n\n  useEffect(() => {\n    if (view.isInstantRender) return;\n\n    const isRequestComplete = isPaginationRequestCompleted(\n      paginationPayload.current,\n      view.state?.paginationOptions?.[id]\n    );\n    setIsFetching(!isRequestComplete);\n  }, [view.isInstantRender, view.state?.paginationOptions?.[id]]);\n\n  useEffect(() => {\n    if (view.isInstantRender || !paginationPayload.current) return;\n\n    const requestedRows =\n      paginationPayload.current.endIndex - paginationPayload.current.startIndex + 1;\n    setHasMoreResults(view.rows?.length === requestedRows);\n  }, [view.isInstantRender, view.state?.paginationOptions?.[id]]);\n\n  useCountChange(view, isFetching, view.getVirtualizeElement?.(id)?.notifyCountChange);\n\n  if (useVariableRowHeightVirtualization) {\n    const paginationStartIndex = view?.state?.paginationOptions?.rootVirtualiser?.startIndex || 0;\n    return (\n      <VariableHeightVirtualizer\n        id={id}\n        totalItemCount={view.totalItemCount}\n        isDataFetching={isFetching}\n        loadedDataRange={view?.state?.paginationOptions?.[id] || {}}\n        apiCallback={paginationCallback}\n        defaultItemHeight={40}\n        maxItemsToPaint={5000}\n        renderHeader={renderHeader}\n        renderFooter={renderFooter}\n        renderEmptyRecords={renderEmptyRecords}\n        itemContainerClass={`${rowContainerClass} ${view.rowHeightClass}`}\n        ref={r => {\n          view.putVirtualizeElement(id, r);\n          view.setScrollNode(r?.getBufferContainer());\n        }}\n        viewMaxHeight={isFullscreen ? null : view.bodyHeight}\n        minHeightWhenNoItemsRendered='100px'\n      >\n        {view?.groupHeaders?.[0]?.getRows()?.map((row, index) => (\n          <Row\n            key={row.reactKey}\n            row={row}\n            columns={view.columns}\n            level={0}\n            dataIndex={paginationStartIndex + index}\n          />\n        ))}\n      </VariableHeightVirtualizer>\n    );\n  }\n\n  if (infiniteModeTable) {\n    return (\n      <VirtualizeInfinite\n        id={id}\n        viewMaxHeight={isFullscreen ? null : view.bodyHeight}\n        itemHeight={view.rowHeight}\n        callback={paginationCallback}\n        isFetching={isFetching}\n        hasMoreResults={hasMoreResults}\n        renderHeader={renderHeader}\n        renderFooter={renderFooter}\n        ref={r => {\n          view.putVirtualizeElement(id, r);\n          view.setScrollNode(r && r.vi && r.vi.bContainer);\n        }}\n        rowContainerClass={`${rowContainerClass} ${view.rowHeightClass}`}\n        state={view.state?.paginationOptions?.[id]}\n        resetCount={view.isCountUpdateRequired}\n        showLoadingIndicator={view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE}\n        renderEmptyRecords={renderEmptyRecords}\n        bufferMultiplier={bufferMultiplier}\n      >\n        {children}\n      </VirtualizeInfinite>\n    );\n  }\n\n  return (\n    <Virtualize\n      id={id}\n      viewMaxHeight={isFullscreen ? null : view.bodyHeight}\n      totalRecordCount={view.totalItemCount}\n      itemHeight={view.rowHeight}\n      callback={paginationCallback}\n      isFetching={isFetching}\n      renderHeader={renderHeader}\n      renderFooter={renderFooter}\n      ref={r => {\n        view.putVirtualizeElement(id, r);\n        view.setScrollNode(r && r.vi && r.vi.bContainer);\n      }}\n      rowContainerClass={`${rowContainerClass} ${view.rowHeightClass}`}\n      state={view.state?.paginationOptions?.[id]}\n      showLoadingIndicator={view.meta.template === REPEATING_STRUCTURE_TEMPLATES.TABLE}\n      renderEmptyRecords={renderEmptyRecords}\n      bufferMultiplier={bufferMultiplier}\n    >\n      {children}\n    </Virtualize>\n  );\n}\n\nVirtualizeWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  renderHeader: PropTypes.func,\n  renderFooter: PropTypes.func,\n  rowContainerClass: PropTypes.string,\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  isFullscreen: PropTypes.bool,\n  useVariableRowHeightVirtualization: PropTypes.bool,\n  bufferMultiplier: PropTypes.number\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-react",
-  "version": "9.0.0-build.18.8",
+  "version": "9.0.0-build.19.0",
   "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,9 +14,9 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "9.0.0-build.18.8",
-    "@pega/cosmos-react-core": "9.0.0-build.18.8",
-    "@pega/cosmos-react-rte": "9.0.0-build.18.8",
+    "@pega/cosmos-react-condition-builder": "9.0.0-build.19.0",
+    "@pega/cosmos-react-core": "9.0.0-build.19.0",
+    "@pega/cosmos-react-rte": "9.0.0-build.19.0",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
@@ -24,8 +24,8 @@
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",
     "lodash-es": "^4.17.23",
-    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.18.8",
-    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.18.8",
+    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.19.0",
+    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.19.0",
     "polished": "^4.1.0",
     "prop-types": "^15.8.1",
     "react": "^17.0.0 || ^18.0.0",
@@ -44,7 +44,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
     "jest-axe": "^8.0.0",
-    "srs-utils": "9.0.0-build.18.8",
+    "srs-utils": "9.0.0-build.19.0",
     "typescript": "~5.9.3"
   }
 }

package/lib/Core/Components/DefaultComponents/CardItem.d.ts

@@ -1,3 +0,0 @@
-export default CardItem;
-declare const CardItem: import("react").NamedExoticComponent<object>;
-//# sourceMappingURL=CardItem.d.ts.map

package/lib/Core/Components/DefaultComponents/CardItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/CardItem.jsx"],"names":[],"mappings":";AAsEA,qEAgCE"}

package/lib/Core/Components/DefaultComponents/CardItem.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, Fragment } from 'react';
-import styled from 'styled-components';
-import { CardContent, Card, Text, CardHeader, useTheme } from '@pega/cosmos-react-core';
-import RenderingEngine from '../RenderingEngine/RenderCell';
-const StyledUL = styled.ul `
-  & > li > span > div {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-    word-break: break-word;
-  }
-
-  & > li {
-    list-style-type: none;
-    padding-block-start: calc(${props => props.theme.base.spacing} / 2);
-  }
-`;
-const FieldValues = ({ row, columns }) => {
-    const theme = useTheme();
-    return (_jsx(StyledUL, { theme: theme, children: columns.map(column => {
-            if (column.hidden)
-                return null;
-            column.setExecutionContext(row);
-            const { id } = column.field;
-            return (_jsx(Fragment, { children: _jsx("li", { children: _jsx(RenderingEngine, { highlighter: true, ...column.getRenderingEngineProps() }) }) }, id));
-        }) }));
-};
-const CardHeaderText = styled(Text) `
-  white-space: nowrap;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`;
-const StyledCard = styled(Card) `
-  padding: 0.625rem;
-  min-width: 6.25rem;
-`;
-const StyledCardContent = styled(CardContent) `
-  && {
-    padding-bottom: 0.5rem;
-  }
-  &.cardContent {
-    padding-left: 0.5rem;
-  }
-`;
-const StyledCardHeader = styled(CardHeader) `
-  &.cardHeader {
-    padding: 0.5rem;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .cardRowAction {
-    position: absolute;
-    right: 0.5rem;
-  }
-`;
-const CardItem = memo(({ row, headerColumn, secondaryTextColumn, filteredColumns, rowActionMenuColumn }) => {
-    const data = row.getContext().getValue();
-    if (!data)
-        return null;
-    if (headerColumn)
-        headerColumn.setExecutionContext(row);
-    if (secondaryTextColumn)
-        secondaryTextColumn.setExecutionContext(row);
-    if (rowActionMenuColumn)
-        rowActionMenuColumn.setExecutionContext(row);
-    return (_jsxs(StyledCard, { variant: 'cover', children: [_jsxs(StyledCardHeader, { className: 'cardHeader', children: [headerColumn && (_jsx(CardHeaderText, { variant: 'h4', children: _jsx(RenderingEngine, { highlighter: true, ...headerColumn.getRenderingEngineProps() }) })), secondaryTextColumn && (_jsx(CardHeaderText, { variant: 'h4', children: _jsx(RenderingEngine, { highlighter: true, ...secondaryTextColumn.getRenderingEngineProps() }) })), rowActionMenuColumn && (_jsx("div", { className: 'cardRowAction', children: _jsx(RenderingEngine, { highlighter: true, ...rowActionMenuColumn.getRenderingEngineProps() }) }))] }), _jsx(StyledCardContent, { className: 'cardContent', children: FieldValues({ row, columns: filteredColumns }) })] }));
-});
-CardItem.defaultProps = {
-    row: {},
-    columns: []
-};
-CardItem.mapStateToProps = instance => ({
-    columns: instance.columns
-});
-export default CardItem;
-//# sourceMappingURL=CardItem.js.map

package/lib/Core/Components/DefaultComponents/CardItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/CardItem.jsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, Fragment } from 'react';\nimport styled from 'styled-components';\n\nimport { CardContent, Card, Text, CardHeader, useTheme } from '@pega/cosmos-react-core';\n\nimport RenderingEngine from '../RenderingEngine/RenderCell';\n\nconst StyledUL = styled.ul`\n  & > li > span > div {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    word-break: break-word;\n  }\n\n  & > li {\n    list-style-type: none;\n    padding-block-start: calc(${props => props.theme.base.spacing} / 2);\n  }\n`;\n\nconst FieldValues = ({ row, columns }) => {\n  const theme = useTheme();\n  return (\n    <StyledUL theme={theme}>\n      {columns.map(column => {\n        if (column.hidden) return null;\n        column.setExecutionContext(row);\n        const { id } = column.field;\n        return (\n          <Fragment key={id}>\n            <li>\n              <RenderingEngine highlighter {...column.getRenderingEngineProps()} />\n            </li>\n          </Fragment>\n        );\n      })}\n    </StyledUL>\n  );\n};\nconst CardHeaderText = styled(Text)`\n  white-space: nowrap;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\nconst StyledCard = styled(Card)`\n  padding: 0.625rem;\n  min-width: 6.25rem;\n`;\nconst StyledCardContent = styled(CardContent)`\n  && {\n    padding-bottom: 0.5rem;\n  }\n  &.cardContent {\n    padding-left: 0.5rem;\n  }\n`;\nconst StyledCardHeader = styled(CardHeader)`\n  &.cardHeader {\n    padding: 0.5rem;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .cardRowAction {\n    position: absolute;\n    right: 0.5rem;\n  }\n`;\nconst CardItem = memo(\n  ({ row, headerColumn, secondaryTextColumn, filteredColumns, rowActionMenuColumn }) => {\n    const data = row.getContext().getValue();\n    if (!data) return null;\n    if (headerColumn) headerColumn.setExecutionContext(row);\n    if (secondaryTextColumn) secondaryTextColumn.setExecutionContext(row);\n    if (rowActionMenuColumn) rowActionMenuColumn.setExecutionContext(row);\n    return (\n      <StyledCard variant='cover'>\n        <StyledCardHeader className='cardHeader'>\n          {headerColumn && (\n            <CardHeaderText variant='h4'>\n              <RenderingEngine highlighter {...headerColumn.getRenderingEngineProps()} />\n            </CardHeaderText>\n          )}\n          {secondaryTextColumn && (\n            <CardHeaderText variant='h4'>\n              <RenderingEngine highlighter {...secondaryTextColumn.getRenderingEngineProps()} />\n            </CardHeaderText>\n          )}\n          {rowActionMenuColumn && (\n            <div className='cardRowAction'>\n              <RenderingEngine highlighter {...rowActionMenuColumn.getRenderingEngineProps()} />\n            </div>\n          )}\n        </StyledCardHeader>\n        <StyledCardContent className='cardContent'>\n          {FieldValues({ row, columns: filteredColumns })}\n        </StyledCardContent>\n      </StyledCard>\n    );\n  }\n);\n\nCardItem.defaultProps = {\n  row: {},\n  columns: []\n};\n\nCardItem.mapStateToProps = instance => ({\n  columns: instance.columns\n});\n\nexport default CardItem;\n"]}

package/lib/Core/Views/Gallery/ItemWrapper.d.ts

@@ -1,19 +0,0 @@
-export default ItemWrapper;
-declare function ItemWrapper({ children, itemKey }: {
-    children: any;
-    itemKey: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace ItemWrapper {
-    namespace propTypes {
-        let children: PropTypes.Requireable<object>;
-        let itemKey: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    }
-    namespace defaultProps {
-        let children_1: never[];
-        export { children_1 as children };
-        let itemKey_1: string;
-        export { itemKey_1 as itemKey };
-    }
-}
-import PropTypes from 'prop-types';
-//# sourceMappingURL=ItemWrapper.d.ts.map

package/lib/Core/Views/Gallery/ItemWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/ItemWrapper.jsx"],"names":[],"mappings":";AAsBA;;;4CAOC;;;;;;;;;;;;;sBA7BqB,YAAY"}

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

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-import { useTheme, defaultThemeProp } from '@pega/cosmos-react-core';
-import { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';
-const StyledItemWrapper = styled.div(({ theme }) => {
-    return css `
-    &.tile {
-      flex: 1;
-      position: relative;
-      border: 0.063rem solid ${props => props.theme.base.palette['border-line']};
-      background: ${props => props.theme.base.palette['primary-background']};
-      box-shadow: 0 0 0.313rem 0 rgba(238, 238, 238, 1);
-      && ${StyledCardContent} {
-        padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);
-      }
-    }
-  `;
-});
-StyledItemWrapper.defaultProps = defaultThemeProp;
-function ItemWrapper({ children, itemKey }) {
-    const theme = useTheme();
-    return (_jsx(StyledItemWrapper, { theme: theme, "data-key": itemKey, className: 'tile', children: children }));
-}
-ItemWrapper.propTypes = {
-    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-    itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-ItemWrapper.defaultProps = {
-    children: [],
-    itemKey: ''
-};
-export default ItemWrapper;
-//# sourceMappingURL=ItemWrapper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ItemWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/ItemWrapper.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAE5F,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjD,OAAO,GAAG,CAAA;;;;+BAImB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;oBAC3D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;WAEhE,iBAAiB;8BACE,KAAK,CAAC,IAAI,CAAC,OAAO,UAAU,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO;;;GAGpF,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE;IACxC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,cAAY,OAAO,EAAE,SAAS,EAAC,MAAM,YACjE,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAClE,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { useTheme, defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\n\nconst StyledItemWrapper = styled.div(({ theme }) => {\n  return css`\n    &.tile {\n      flex: 1;\n      position: relative;\n      border: 0.063rem solid ${props => props.theme.base.palette['border-line']};\n      background: ${props => props.theme.base.palette['primary-background']};\n      box-shadow: 0 0 0.313rem 0 rgba(238, 238, 238, 1);\n      && ${StyledCardContent} {\n        padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n      }\n    }\n  `;\n});\nStyledItemWrapper.defaultProps = defaultThemeProp;\n\nfunction ItemWrapper({ children, itemKey }) {\n  const theme = useTheme();\n  return (\n    <StyledItemWrapper theme={theme} data-key={itemKey} className='tile'>\n      {children}\n    </StyledItemWrapper>\n  );\n}\n\nItemWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nItemWrapper.defaultProps = {\n  children: [],\n  itemKey: ''\n};\n\nexport default ItemWrapper;\n"]}