first pass at changes for 24.2

pegasystems · Oct 31, 2024 · 90c071c · 90c071c
1 parent dc7d308
commit 90c071c
Show file tree

Hide file tree

Showing 7 changed files with 9,784 additions and 4,234 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,7 +35,26 @@
     "fix:es": "eslint --color --fix --cache --cache-location=node_modules/.cache/eslint/ ./src",
     "fix:styles": "stylelint --fix \"./**/*.@(js|jsx|ts|tsx)\"",
     "fix:format": "prettier --color --loglevel warn -w .",
-    "fix:pkg": "sort-package-json package.json packages/*/package.json"
+    "fix:pkg": "sort-package-json package.json packages/*/package.json",
+    "createLib": "custom-dx-components createLibrary",
+    "switchLib": "custom-dx-components switchLibrary",
+    "createLibVersion": "custom-dx-components createVersion",
+    "switchLibVersion": "custom-dx-components switchVersion",
+    "listLib": "custom-dx-components listLibrary",
+    "listPublishedLib": "custom-dx-components listPublished",
+    "deleteLib": "custom-dx-components deleteLibrary",
+    "deletePublishedLib": "custom-dx-components deletePublished",
+    "deleteLibVersion": "custom-dx-components deleteVersion",
+    "move": "custom-dx-components moveComponent",
+    "publishLibVersion": "custom-dx-components publish",
+    "storeLibVersion": "custom-dx-components storeComponents",
+    "showStatus": "custom-dx-components showStatus",
+    "setPermanent": "custom-dx-components setPermanent",
+    "importLibVersion": "custom-dx-components importArchive",
+    "exportLibVersion": "custom-dx-components exportArchive",
+    "validate": "custom-dx-components buildComponent",
+    "validateAll": "custom-dx-components buildAllComponents",
+    "help": "custom-dx-components showHelp"
   },
   "dependencies": {
     "@arcgis/core": "^4.30.9",
@@ -45,9 +64,9 @@
     "@fullcalendar/react": "^6.1.15",
     "@fullcalendar/timegrid": "^6.1.15",
     "@hello-pangea/dnd": "^16.6.0",
-    "@pega/cosmos-react-core": "^6.0.10",
-    "@pega/cosmos-react-social": "^6.0.10",
-    "@pega/cosmos-react-work": "^6.0.10",
+    "@pega/cosmos-react-core": "^7.0.6",
+    "@pega/cosmos-react-social": "^7.0.6",
+    "@pega/cosmos-react-work": "^7.0.6",
     "gantt-task-react": "^0.3.9",
     "imask": "^7.6.1",
     "jsbarcode": "^3.11.6",
@@ -57,42 +76,42 @@
     "react-image-magnifiers": "^1.4.0",
     "reactflow": "^11.11.4",
     "signature_pad": "^5.0.4",
-    "styled-components": "5.3.6"
+    "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.25.8",
-    "@babel/preset-react": "^7.25.7",
-    "@babel/preset-typescript": "^7.25.7",
-    "@pega/configs": "^0.15.1",
-    "@pega/custom-dx-components": "~24.1",
-    "@pega/eslint-config": "^0.15.1",
-    "@pega/pcore-pconnect-typedefs": "^3.2.0-alpha.1",
-    "@pega/tsconfig": "^0.15.1",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@pega/configs": "^0.16.0",
+    "@pega/custom-dx-components": "~0.242.51",
+    "@pega/eslint-config": "^0.16.0",
+    "@pega/pcore-pconnect-typedefs": "~3.2.0-alpha.1",
+    "@pega/tsconfig": "^0.16.0",
     "@storybook/addon-a11y": "^7.6.19",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/manager-api": "^7.6.19",
     "@storybook/react": "^7.6.19",
     "@storybook/react-webpack5": "^7.6.19",
     "@storybook/test-runner": "0.16.0",
     "@storybook/theming": "^7.6.19",
-    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^12.1.5",
     "@types/dagre": "^0.7.52",
-    "@types/jest": "^29.5.13",
+    "@types/jest": "^29.5.14",
     "@types/react": "^17.0.80",
     "@types/react-dom": "^17.0.25",
     "@types/react-image-magnifiers": "^1.3.5",
     "@types/styled-components": "^5.1.34",
     "axe-playwright": "^2.0.3",
-    "cspell": "^8.15.4",
+    "cspell": "^8.15.5",
     "cspell-dict-lorem-ipsum": "^1.1.2",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.8.3",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0",
     "jest-canvas-mock": "^2.5.2",

diff --git a/src/components/Pega_Extensions_CardGallery/demo.stories.tsx b/src/components/Pega_Extensions_CardGallery/demo.stories.tsx
@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react';
 import { FieldValueItem, DateTimeDisplay } from '@pega/cosmos-react-core';
-import { Details } from '@pega/cosmos-react-work';
+import { Details, DetailsList } from '@pega/cosmos-react-work';
 import { PegaExtensionsCardGallery } from './index';
 
 export default {
@@ -203,23 +203,34 @@ const setPCore = (args: any) => {
             <FieldValueItem key='CaseID' variant='stacked' name='CaseID' value={id} />
           ];
           return (
-            <Details highlightedData={highlightedData}>
-              <FieldValueItem
-                key='Description'
-                name='Description'
-                value={tasks[id].pyDescription}
-              />
-              <FieldValueItem
-                key='Assigned To'
-                name='Assigned To'
-                value={tasks[id].pxCreateOpName}
-              />
-              <FieldValueItem
-                key='Due date'
-                name='Due date'
-                value={<DateTimeDisplay variant='date' value={tasks[id].pyDueDate} />}
-              />
-            </Details>
+            <Details
+              name='Details'
+              highlightedData={highlightedData}
+              collapsible={false}
+              columns={{
+                a: (
+                  <DetailsList
+                    items={[
+                      {
+                        id: 'Description',
+                        name: 'Description',
+                        value: tasks[id].pyDescription
+                      },
+                      {
+                        id: 'Assigned To',
+                        name: 'Assigned To',
+                        value: tasks[id].pxCreateOpName
+                      },
+                      {
+                        id: 'Due date',
+                        name: 'Due date',
+                        value: <DateTimeDisplay variant='date' value={tasks[id].pyDueDate} />
+                      }
+                    ]}
+                  />
+                )
+              }}
+            />
           );
         }
       })

diff --git a/src/components/Pega_Extensions_CompareTableLayout/index.tsx b/src/components/Pega_Extensions_CompareTableLayout/index.tsx
@@ -4,7 +4,6 @@ import {
   withConfiguration,
   FieldGroup,
   FieldValueList,
-  type FieldValueListItem,
   RadioButtonGroup,
   Progress,
   RadioButton,
@@ -131,7 +130,7 @@ export const PegaExtensionsCompareTableLayout = (props: TableLayoutProps) => {
       <StyledPegaExtensionsCompareTableLayoutWrapper displayFormat={displayFormat}>
         <RadioButtonGroup variant='card' label={heading} inline>
           {fields[0].value.map((val: any, i: number) => {
-            const fvl: Array<FieldValueListItem> = [];
+            const fvl: Array<{ id: string; name: string; value: JSX.Element | string }> = [];
             let objectId = '';
             fields.forEach((child: any, j: number) => {
               if (j > 0) {

diff --git a/src/components/Pega_Extensions_KanbanBoard/demo.stories.tsx b/src/components/Pega_Extensions_KanbanBoard/demo.stories.tsx
@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react';
-import { FieldValueItem, DateTimeDisplay } from '@pega/cosmos-react-core';
-import { Details } from '@pega/cosmos-react-work';
+import { DateTimeDisplay, FieldValueItem } from '@pega/cosmos-react-core';
+import { Details, DetailsList } from '@pega/cosmos-react-work';
 import { PegaExtensionsKanbanBoard } from './index';
 
 export default {
@@ -128,24 +128,34 @@ const setPCore = () => {
             <FieldValueItem key='CaseID' variant='stacked' name='CaseID' value={id} />
           ];
           return (
-            <Details name='Details' highlightedData={highlightedData} collapsible={false}>
-              <FieldValueItem
-                key='Description'
-                variant='stacked'
-                name='Description'
-                value={tasks[id].pyDescription}
-              />
-              <FieldValueItem
-                key='Assigned To'
-                name='Assigned To'
-                value={tasks[id].pxCreateOpName}
-              />
-              <FieldValueItem
-                key='Due date'
-                name='Due date'
-                value={<DateTimeDisplay variant='date' value={tasks[id].pyDueDate} />}
-              />
-            </Details>
+            <Details
+              name='Details'
+              highlightedData={highlightedData}
+              collapsible={false}
+              columns={{
+                a: (
+                  <DetailsList
+                    items={[
+                      {
+                        id: 'Description',
+                        name: 'Description',
+                        value: tasks[id].pyDescription
+                      },
+                      {
+                        id: 'Assigned To',
+                        name: 'Assigned To',
+                        value: tasks[id].pxCreateOpName
+                      },
+                      {
+                        id: 'Due date',
+                        name: 'Due date',
+                        value: <DateTimeDisplay variant='date' value={tasks[id].pyDueDate} />
+                      }
+                    ]}
+                  />
+                )
+              }}
+            />
           );
         }
       })

diff --git a/tasks.config.json b/tasks.config.json
@@ -1,39 +1,43 @@
 {
-    "components-directory-path": "src/components",
-    "server-config": {
-        "rulesetName": "",
-        "rulesetVersion": "",
-        "sourceOfComponents": "Server",
-        "devBuild": false,
-        "serverType": "infinity",
-        "server": "",
-        "clientId": "",
-        "clientSecret_comment": "Needed only when using 'passwordCreds' or 'clientCreds' grantType",
-        "clientSecret": "",
-        "grantType": "authCode",
-        "redirectUri": "https://localhost:4010/",
-        "authService_comment": "Infinity authentication service alias (when grantType is set to 'authCode')",
-        "authService": "pega",
-        "cert_and_key_comment": "Path to SSL certificate file and SSL key file to use when starting local HTTPS server",
-        "cert_and_key_comment2": "Needed only when using 'authCode' grantType and redirectUri begins with 'https://localhost'",
-        "cert": "./keys/dxcb.crt",
-        "key": "./keys/dxcb.key",
-        "user_and_password_comment": "useful primarily when grantType is set to 'passwordCreds'",
-        "user": "",
-        "password": "",
-        "questions_comment": "useful for designating how frequently questions should be asked during npm run authenticate",
-        "questions_askAlways": "",
-        "questions_askNever": "",
-        "questions_askOnce": "server,authService",
-        "questions_askedOnce": "server,authService"
-    },
-    "component": {
-        "library": "Extensions",
-        "type": "",
-        "version": "1.0.0",
-        "subtype": "",
-        "description": "",
-        "icon": ""
-    },
-    "usePromotedWebPack": false
-}
+  "components-directory-path": "src/components",
+  "import-relative-path": "Downloads",
+  "export-relative-path": "Downloads",
+  "server-config": {
+    "rulesetName": "",
+    "rulesetVersion": "",
+    "sourceOfComponents": "Server",
+    "devBuild": false,
+    "serverType": "infinity",
+    "server": "",
+    "clientId": "",
+    "clientSecret_comment": "Needed only when using 'passwordCreds' or 'clientCreds' grantType",
+    "clientSecret": "",
+    "grantType": "authCode",
+    "redirectUri": "https://localhost:4010/",
+    "authService_comment": "Infinity authentication service alias (when grantType is set to 'authCode')",
+    "authService": "pega",
+    "cert_and_key_comment": "Path to SSL certificate file and SSL key file to use when starting local HTTPS server",
+    "cert_and_key_comment2": "Needed only when using 'authCode' grantType and redirectUri begins with 'https://localhost'",
+    "cert": "./keys/dxcb.crt",
+    "key": "./keys/dxcb.key",
+    "user_and_password_comment": "useful primarily when grantType is set to 'passwordCreds'",
+    "user": "",
+    "password": "",
+    "questions_comment": "useful for designating how frequently questions should be asked during npm run authenticate",
+    "questions_askAlways": "",
+    "questions_askNever": "",
+    "questions_askOnce": "server,authService",
+    "questions_askedOnce": "server,authService"
+  },
+  "component": {
+    "library": "ConstellationUIGallery",
+    "type": "",
+    "version": "3.0.0",
+    "subtype": "",
+    "description": "",
+    "icon": ""
+  },
+  "usePromotedWebPack": false,
+  "libraryMode": false,
+  "showDebug": false
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -2,9 +2,13 @@
   "extends": "@pega/tsconfig/index.json",
   "include": ["./**/*", ".storybook/**/*"],
   "compilerOptions": {
-    "skipLibCheck": true,
     "noEmit": true,
     "allowJs": true,
-    "importsNotUsedAsValues": "remove"
+    "importsNotUsedAsValues": "remove",
+    "skipLibCheck": true,
+    "baseUrl": "./",
+    "paths": {
+      "@pega/pcore-pconnect-typedefs/*": ["node_modules/@pega/pcore-pconnect-typedefs/*"]
+    }
   }
 }