@pega/lists-react 9.0.0-build.16.3 → 9.0.0-build.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/CardItem.jsx"],"names":[],"mappings":";AAqEA,qEAgCE"}
1
+ {"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/CardItem.jsx"],"names":[],"mappings":";AAsEA,qEAgCE"}
@@ -4,13 +4,14 @@ import styled from 'styled-components';
4
4
  import { CardContent, Card, Text, CardHeader, useTheme } from '@pega/cosmos-react-core';
5
5
  import RenderingEngine from '../RenderingEngine/RenderCell';
6
6
  const StyledUL = styled.ul `
7
- & > li > span {
7
+ & > li > span > div {
8
8
  overflow: hidden;
9
9
  display: -webkit-box;
10
10
  -webkit-line-clamp: 3;
11
11
  -webkit-box-orient: vertical;
12
12
  word-break: break-word;
13
13
  }
14
+
14
15
  & > li {
15
16
  list-style-type: none;
16
17
  padding-block-start: calc(${props => props.theme.base.spacing} / 2);
@@ -1 +1 @@
1
- {"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 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n word-break: break-word;\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"]}
1
+ {"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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pega/lists-react",
3
- "version": "9.0.0-build.16.3",
3
+ "version": "9.0.0-build.16.4",
4
4
  "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "author": "Pegasystems",
@@ -14,9 +14,9 @@
14
14
  "build": "tsc -b tsconfig.build.json"
15
15
  },
16
16
  "dependencies": {
17
- "@pega/cosmos-react-condition-builder": "9.0.0-build.16.3",
18
- "@pega/cosmos-react-core": "9.0.0-build.16.3",
19
- "@pega/cosmos-react-rte": "9.0.0-build.16.3",
17
+ "@pega/cosmos-react-condition-builder": "9.0.0-build.16.4",
18
+ "@pega/cosmos-react-core": "9.0.0-build.16.4",
19
+ "@pega/cosmos-react-rte": "9.0.0-build.16.4",
20
20
  "@types/lodash-es": "^4.17.12",
21
21
  "@types/react": "^17.0.62 || ^18.3.3",
22
22
  "@types/react-dom": "^17.0.20 || ^18.3.0",
@@ -24,8 +24,8 @@
24
24
  "dayjs": "^1.11.13",
25
25
  "fast-deep-equal": "^3.1.3",
26
26
  "lodash-es": "^4.17.21",
27
- "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.16.3",
28
- "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.16.3",
27
+ "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.16.4",
28
+ "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.16.4",
29
29
  "polished": "^4.1.0",
30
30
  "prop-types": "^15.8.1",
31
31
  "react": "^17.0.0 || ^18.0.0",
@@ -44,7 +44,7 @@
44
44
  "@testing-library/react": "^16.0.0",
45
45
  "@testing-library/user-event": "^14.6.1",
46
46
  "jest-axe": "^8.0.0",
47
- "srs-utils": "9.0.0-build.16.3",
47
+ "srs-utils": "9.0.0-build.16.4",
48
48
  "typescript": "~5.9.3"
49
49
  }
50
50
  }