npm - @pega/cosmos-react-demos - Versions diffs - 7.0.5 → 7.0.6 - Mend

@pega/cosmos-react-demos 7.0.5 → 7.0.6

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

Files changed (33) hide show

package/lib/work/Details/Details.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Details.stories.js","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Flex, Link, FieldValueItem, useBreakpoint } from '@pega/cosmos-react-core';\nimport { Details, DetailsContext, DetailsList } from '@pega/cosmos-react-work';\n\nimport { TableDemo } from '../../core/Table/Table.stories';\n\nexport default {\n title: 'Work/Details',\n component: Details,\n args: {\n description:\n 'Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.',\n collapsible: false,\n showAdditionalInfo: false\n },\n argTypes: {\n description: { control: { type: 'text' } },\n collapsible: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface DetailsDemoProps {\n description?: string;\n collapsible?: boolean;\n showAdditionalInfo?: boolean;\n}\n\nexport const DetailsDemo: StoryFn<DetailsDemoProps> = (args: DetailsDemoProps) => {\n const { description, collapsible, showAdditionalInfo } = args;\n const isNotMobile = useBreakpoint('sm');\n const longestInlineLabel = 'Trim with a longer label';\n const longestLabelLength = longestInlineLabel.split(' ').join('').length;\n\n const ctx = useMemo(\n () => ({\n mobileView: !isNotMobile,\n longestLabelLength\n }),\n [isNotMobile]\n );\n\n return (\n <DetailsContext.Provider value={ctx}>\n <Details\n name='Upper list'\n highlightedData={[\n <FieldValueItem variant='stacked' name='Age' value='56' />,\n <FieldValueItem variant='stacked' name='Location' value='Berlin' />,\n <FieldValueItem variant='stacked' name='Make' value='Ford' />,\n <FieldValueItem variant='stacked' name='Model' value='F150' />\n ]}\n description={description}\n collapsible={collapsible}\n additionalInfo={\n showAdditionalInfo\n ? {\n content: (\n <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n <p>\n Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore\n magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent\n semper feugiat nibh sed pulvinar proin gravida.\n </p>\n <p>\n Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit\n egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim\n nulla aliquet porttitor lacus.\n </p>\n <Link href='/' target='_blank'>\n Neque vitae\n </Link>\n </Flex>\n )\n }\n : undefined\n }\n columns={{\n a: (\n <>\n <Details\n name='One Column'\n columns={{\n a: (\n <Details\n description='Two column with no headings.'\n columns={{\n a: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n )\n }}\n collapsible\n />\n\n <Details\n description='Two Column with some description and no top heading.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n name='Second Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Three Column'\n description='Text telling you what you are looking at or why it is relevant.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n description='Column with no heading but some description.'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: longestInlineLabel, value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n c: (\n <Details\n name='Third Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Wide Narrow'\n arrangement='wideNarrow'\n columns={{\n a: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />,\n b: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Narrow Wide'\n arrangement='narrowWide'\n columns={{\n a: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n b: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />\n }}\n />\n\n <Details name='Table' columns={{ a: <TableDemo /> }} />\n\n <Details\n name='Nested List 1 Column'\n columns={{\n a: (\n <>\n <Details\n name='First Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n\n <Details\n name='Second Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n {\n name: 'Description',\n variant: 'stacked',\n value: (\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse\n commodo nulla vitae mi bibendum, a fringilla nisl efficitur.\n Praesent vitae nulla lobortis, finibus felis ultricies, fermentum\n mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque\n est. Pellentesque pharetra justo augue, non maximus nulla venenatis\n et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum\n semper fringilla in eget risus. Fusce cursus sollicitudin nibh\n molestie volutpat.\n </p>\n )\n },\n { name: 'Keys', value: '3' }\n ]}\n />\n\n <Details\n name='Nested'\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n { name: 'First name', value: 'Howard' },\n { name: 'Last name', value: 'Kennedy' }\n ]}\n />\n\n <Details\n name='Further Nested List'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Color', value: 'Red' },\n { name: 'Tires', value: 'Firestone all weather' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n name='Value comparison'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n />\n\n <Details\n name='Collapsible'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n collapsible\n />\n\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Age', value: '56' },\n { name: 'Location', value: 'Berlin PA' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n </>\n )\n }}\n />\n </DetailsContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"Details.stories.js","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Flex, Link, FieldValueItem, useBreakpoint } from '@pega/cosmos-react-core';\nimport { Details, DetailsContext, DetailsList } from '@pega/cosmos-react-work';\n\nimport { TableDemo } from '../../core/Table/Table.stories';\n\nexport default {\n title: 'Work/Details',\n component: Details,\n args: {\n description:\n 'Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.',\n collapsible: false,\n showAdditionalInfo: false\n },\n argTypes: {\n description: { control: { type: 'text' } },\n collapsible: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface DetailsDemoProps {\n description?: string;\n collapsible?: boolean;\n showAdditionalInfo?: boolean;\n}\n\nexport const DetailsDemo: StoryFn<DetailsDemoProps> = (args: DetailsDemoProps) => {\n const isNotMobile = useBreakpoint('sm');\n const longestInlineLabel = 'Trim with a longer label';\n const longestLabelLength = longestInlineLabel.split(' ').join('').length;\n\n const ctx = useMemo(\n () => ({\n mobileView: !isNotMobile,\n longestLabelLength\n }),\n [isNotMobile]\n );\n\n return (\n <DetailsContext.Provider value={ctx}>\n <Details\n name='Upper list'\n highlightedData={[\n <FieldValueItem variant='stacked' name='Age' value='56' />,\n <FieldValueItem variant='stacked' name='Location' value='Berlin' />,\n <FieldValueItem variant='stacked' name='Make' value='Ford' />,\n <FieldValueItem variant='stacked' name='Model' value='F150' />\n ]}\n description={args.description}\n collapsible={args.collapsible}\n additionalInfo={\n args.showAdditionalInfo\n ? {\n content: (\n <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n <p>\n Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore\n magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent\n semper feugiat nibh sed pulvinar proin gravida.\n </p>\n <p>\n Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit\n egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim\n nulla aliquet porttitor lacus.\n </p>\n <Link href='/' target='_blank'>\n Neque vitae\n </Link>\n </Flex>\n )\n }\n : undefined\n }\n columns={{\n a: (\n <>\n <Details\n name='One Column'\n columns={{\n a: (\n <Details\n description='Two column with no headings.'\n columns={{\n a: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n )\n }}\n collapsible\n />\n\n <Details\n description='Two Column with some description and no top heading.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n name='Second Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Three Column'\n description='Text telling you what you are looking at or why it is relevant.'\n columns={{\n a: (\n <Details\n name='First Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Make', value: 'Ford' },\n { name: 'Model', value: 'F150' }\n ]}\n />\n )\n }}\n />\n ),\n b: (\n <Details\n description='Column with no heading but some description.'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: longestInlineLabel, value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n c: (\n <Details\n name='Third Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Wide Narrow'\n arrangement='wideNarrow'\n columns={{\n a: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />,\n b: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n )\n }}\n />\n\n <Details\n name='Narrow Wide'\n arrangement='narrowWide'\n columns={{\n a: (\n <Details\n name='Narrow Column'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Mileage', value: '78,500' },\n { name: 'Trim', value: 'Lariat' }\n ]}\n />\n )\n }}\n />\n ),\n b: <Details name='Wide Column' columns={{ a: <TableDemo /> }} />\n }}\n />\n\n <Details name='Table' columns={{ a: <TableDemo /> }} />\n\n <Details\n name='Nested List 1 Column'\n columns={{\n a: (\n <>\n <Details\n name='First Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Year', value: '2021' },\n { name: 'Owners', value: '2' }\n ]}\n />\n )\n }}\n />\n\n <Details\n name='Second Child'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Transmission', value: 'Automatic' },\n { name: 'Drivetrain', value: 'AWD' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n {\n name: 'Description',\n variant: 'stacked',\n value: (\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse\n commodo nulla vitae mi bibendum, a fringilla nisl efficitur.\n Praesent vitae nulla lobortis, finibus felis ultricies, fermentum\n mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque\n est. Pellentesque pharetra justo augue, non maximus nulla venenatis\n et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum\n semper fringilla in eget risus. Fusce cursus sollicitudin nibh\n molestie volutpat.\n </p>\n )\n },\n { name: 'Keys', value: '3' }\n ]}\n />\n\n <Details\n name='Nested'\n columns={{\n a: (\n <>\n <DetailsList\n items={[\n { name: 'First name', value: 'Howard' },\n { name: 'Last name', value: 'Kennedy' }\n ]}\n />\n\n <Details\n name='Further Nested List'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Color', value: 'Red' },\n { name: 'Tires', value: 'Firestone all weather' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n\n <Details\n name='Value comparison'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n />\n\n <Details\n name='Collapsible'\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Open', value: '$405.00' },\n { name: 'Close', value: '$401.00' },\n { name: '52 week high', value: '$446.00' },\n { name: '52 week low', value: '$335.00' },\n { name: 'Total number of active shares', value: '567,000.00' }\n ]}\n valueComparison\n />\n )\n }}\n collapsible\n />\n\n <Details\n columns={{\n a: (\n <DetailsList\n items={[\n { name: 'Age', value: '56' },\n { name: 'Location', value: 'Berlin PA' }\n ]}\n />\n )\n }}\n />\n </>\n )\n }}\n />\n </>\n )\n }}\n />\n </DetailsContext.Provider>\n );\n};\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-demos",
-  "version": "7.0.5",
+  "version": "7.0.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pegasystems/cosmos-react.git",
@@ -20,12 +20,12 @@
     "build": "tsc -b tsconfig.build.json && tsc -b tsconfig.build-preserve.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "7.0.5",
-    "@pega/cosmos-react-core": "7.0.5",
-    "@pega/cosmos-react-dnd": "7.0.5",
-    "@pega/cosmos-react-rte": "7.0.5",
-    "@pega/cosmos-react-social": "7.0.5",
-    "@pega/cosmos-react-work": "7.0.5",
+    "@pega/cosmos-react-condition-builder": "7.0.6",
+    "@pega/cosmos-react-core": "7.0.6",
+    "@pega/cosmos-react-dnd": "7.0.6",
+    "@pega/cosmos-react-rte": "7.0.6",
+    "@pega/cosmos-react-social": "7.0.6",
+    "@pega/cosmos-react-work": "7.0.6",
     "@storybook/addon-actions": "~8.2.9",
     "@storybook/react": "~8.2.9",
     "@types/dompurify": "^3.0.5",