@pega/dx-component-builder-sdk 0.1.47 → 0.1.49

package/src/tasks/create/templates/SDK-Angular/widget/CASE/mock.stories.js.mustache

@@ -0,0 +1,390 @@
+// eslint-disable-next-line import/prefer-default-export
+export const historyData = {
+  data: {
+    fetchDateTime: '2023-01-18T12:04:56.517Z',
+    pxObjClass: 'Pega-API-DataExploration-Data',
+    resultCount: 31,
+    data: [
+      {
+        pxTimeCreated: '2023-01-13T21:46:33.339Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214633.339 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214633.339 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:33.332Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214633.332 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214633.332 GMT',
+        pxLongitude: null,
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:32.005Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214632.005 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214632.005 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:31.998Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214631.998 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214631.998 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:31.175Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214631.175 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214631.175 GMT',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:31.168Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214631.168 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214631.168 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:29.893Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214629.893 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214629.893 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:29.887Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214629.887 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214629.887 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:28.248Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214628.248 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214628.248 GMT',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:28.242Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214628.242 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214628.242 GMT',
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:08.399Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214608.399 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214608.399 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:46:08.393Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214608.393 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214608.393 GMT',
+        pyMessageKey: "Assignment to 'complete task' removed via ticket.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:07.584Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214607.584 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214607.584 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:07.579Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214607.579 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214607.579 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:06.262Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214606.262 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214606.262 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:46:06.256Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214606.256 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214606.256 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:57.503Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214557.503 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214557.503 GMT',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:57.496Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214557.496 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214557.496 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:36.250Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214536.250 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214536.250 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:36.244Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214536.244 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214536.244 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:45:35.364Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214535.364 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214535.364 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:45:35.356Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214535.356 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214535.356 GMT',
+        pxLongitude: null,
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:33.224Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214533.224 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214533.224 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:45:33.218Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214533.218 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214533.218 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:45:32.436Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214532.436 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214532.436 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:45:32.430Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214532.430 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214532.430 GMT',
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxTimeCreated: '2023-01-13T21:45:25.003Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214525.003 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214525.003 GMT',
+        pxLongitude: null,
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:24.994Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214524.994 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214524.994 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assignment to 'complete task' completed by performing a 'Select Test'.",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:23.570Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214523.570 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214523.570 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMessageKey: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:23.563Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214523.563 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214523.563 GMT',
+        pxLongitude: null,
+        pyMessageKey: 'ChangeStageAutomatic\tCreate\tPick Test',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: 'ChangeStageAutomatic\tCreate\tPick Test'
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        pxTimeCreated: '2023-01-13T21:45:23.550Z',
+        pyPerformer: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214523.550 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214523.550 GMT',
+        pxLongitude: null,
+        pyMessageKey: 'Item created.',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      }
+    ],
+    hasMoreResults: false
+  },
+  status: 200,
+  statusText: '',
+  headers: {
+    'content-length': '1328',
+    'content-type': 'application/json;charset=UTF-8'
+  },
+  request: {}
+};

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/OneColumnPage.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="70px" viewBox="0 0 100 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1 col </title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="100" height="70"></rect>
+    </defs>
+    <g id="Concepts" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Templates" transform="translate(-98.000000, -108.000000)">
+            <g id="Change-template" transform="translate(42.000000, 36.000000)">
+                <g id="1-col-" transform="translate(56.000000, 72.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <rect stroke="#A5A8BC" stroke-width="0.5" x="0.25" y="0.25" width="99.5" height="69.5"></rect>
+                    <g id="white" mask="url(#mask-2)" fill="#FFFFFF">
+                        <g transform="translate(3.000000, 3.000000)" id="Rectangle">
+                            <rect x="0" y="0" width="94" height="66.5"></rect>
+                        </g>
+                    </g>
+                    <g id="gray" mask="url(#mask-2)" fill="#8084A7">
+                        <g transform="translate(6.000000, 6.000000)" id="Rectangle">
+                            <rect x="0" y="-2.84217094e-14" width="88" height="77.8"></rect>
+                        </g>
+                    </g>
+                    <g id="labels" mask="url(#mask-2)" font-family="OpenSans-Semibold, Open Sans" font-size="11" font-weight="500">
+                        <g transform="translate(44.000000, 17.000000)" id="A">
+                            <text>
+                                <tspan x="0.75" y="12" fill="#FFFFFF">A</tspan>
+                            </text>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/config.json.mustache

@@ -0,0 +1,59 @@
+{
+  "name": "{{COMPONENT_KEY}}",
+  "label": "{{COMPONENT_LABEL}}",
+  "description": "{{DESCRIPTION}}",
+  "organization": "{{ORGANIZATION}}",
+  "version": "{{VERSION}}",
+  "library": "{{LIBRARY}}",
+  "allowedApplications": {{{ALLOWEDAPPS}}},
+  "componentKey": "{{COMPONENT_KEY}}",
+  "type": "{{TYPE}}",
+  "subtype": {{{SUB_TYPE}}},
+  "icon": "OneColumnPage.svg",
+  "properties": [
+      {
+        "name": "description",
+        "label": "Description",
+        "format": "TEXT",
+        "defaultValue": "We've launched a brand new experience to accelerate your workflow. Check out the guides to help you get the most of Cosmos."
+      },
+      {
+        "name": "whatsnewlink",
+        "label": "What's new link",
+        "format": "TEXT",
+        "defaultValue": "https://design.pega.com"
+      },
+      {
+        "name": "image",
+        "label": "Image link",
+        "format": "TEXT",
+        "defaultValue": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxMSI+PHRpdGxlPlBlZ2EgdGV4dC1vbmx5IGxvZ288L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsLW9wYWNpdHk6IC4yNTsiIGZpbGw9IiNmZmYiIGQ9Ik03LjcyIDMuODJjMCAyLjI1LTEuNzggMy40MS00IDMuNDFoLTEuNnYzSDBWLjQyaDMuOTRjMi4zNiAwIDMuNzggMS4zOSAzLjc4IDMuNHptLTQtMS40N2gtMS42djNoMS43QTEuNDcgMS40NyAwIDAgMCA1LjUgMy44MmMwLS45MS0uNjUtMS40Ny0xLjc1LTEuNDd6bTcuNjggNS45MWg1LjN2Mkg5LjI5Vi40Mmg3LjM4djEuOTNoLTUuMjR2Mmg0LjI0djEuOWgtNC4yNHpNMjMuMTggMGE1IDUgMCAwIDEgMy41NyAxLjI4TDI1LjYzIDIuOGEzLjc4IDMuNzggMCAwIDAtMS4wNS0uNjNBNC4zMiA0LjMyIDAgMCAwIDIzLjMxIDIgMy4xNyAzLjE3IDAgMCAwIDIwIDUuMjdhMy4xNiAzLjE2IDAgMCAwIDEgMi4zOSAzLjA3IDMuMDcgMCAwIDAgMi4xNy44NCA0LjYgNC42IDAgMCAwIDIuMDktLjVWNi4xOWgtMi4yVjQuMzhoNC4yNXY0LjU2YTUuNDEgNS40MSAwIDAgMS00LjA4IDEuNTdBNS4zNSA1LjM1IDAgMCAxIDE5LjQzIDlhNS4wNSA1LjA1IDAgMCAxLTEuNTYtMy43NCA1LjIxIDUuMjEgMCAwIDEgMS41Ni0zLjc2QTUuMzEgNS4zMSAwIDAgMSAyMy4xOCAwem0xMS4yOS40Mmw0LjEzIDkuNzloLTIuMjVMMzUuNDggOGgtNC4wNmwtLjkgMi4xOGgtMi4yTDMyLjUxLjQyem0uMjUgNS43MkwzMy40NCAzbC0xLjI5IDMuMTR6bTMtNWEuNzEuNzEgMCAwIDEtLjc0Ljc1LjcxLjcxIDAgMCAxLS43My0uNzUuNzMuNzMgMCAwIDEgLjc1LS43Mi43Mi43MiAwIDAgMSAuNzUuNzF6TTM3IC41M2EuNTkuNTkgMCAwIDAtLjYuNi42MS42MSAwIDEgMCAxLjIxIDAgLjYuNiAwIDAgMC0uNjEtLjZ6bS0uMjQgMVYuNzFIMzdjLjEyIDAgLjE4LjA2LjI1LjA2YS4yMS4yMSAwIDAgMSAuMDcuMTguMTkuMTkgMCAwIDEtLjA3LjE4cy0uMDcuMDgtLjEzLjA4bC4yNi4zNmgtLjJMMzcgMS4yOGgtLjF2LjI5em0uMTMtLjQ0aC4yM2EuMjYuMjYgMCAwIDAgLjA3LS4wOWgtLjA2Yy0uMDUtLjE3LS4wNS0uMTctLjEzLS4xN2gtLjF6Ii8+PC9zdmc+"
+      },
+      {
+        "name": "datasource",
+        "label": "Data source for details",
+        "defaultValue": "@DATASOURCE D_pyAnnouncements.pxResults",
+        "format": "DATASOURCE",
+        "required": true,
+        "properties": [
+          {
+            "name": "name",
+            "label": "Label",
+            "defaultValue": "@P .pyLabel"
+          }
+        ]
+      },
+      {
+        "label": "Conditions",
+        "format": "GROUP",
+        "properties": [
+          {
+            "name": "visibility",
+            "label": "Visibility",
+            "format": "VISIBILITY"
+          }
+        ]
+      }
+  ],
+  "defaultConfig": {}
+}

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/demo.stories.jsx.mustache

@@ -0,0 +1,29 @@
+import { withKnobs } from '@storybook/addon-knobs';
+
+import {{COMPONENT_CLASS_NAME}} from './index.tsx';
+
+import { configProps } from './mock.stories';
+
+export default {
+  title: '{{COMPONENT_CLASS_NAME}}',
+  decorators: [withKnobs],
+  component: {{COMPONENT_CLASS_NAME}}
+};
+
+export const Base{{COMPONENT_CLASS_NAME}} = () => {
+  
+  const props = {
+    label: configProps.label,
+    header: configProps.header,
+    description: configProps.description,
+    image: configProps.image,
+    datasource: configProps.datasource,
+    whatsnewlink: configProps.whatsnewlink
+  };
+
+  return (
+    <>
+      <{{COMPONENT_CLASS_NAME}} {...props} />
+    </>
+  );
+};

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/mock.stories.js.mustache

@@ -0,0 +1,23 @@
+// eslint-disable-next-line import/prefer-default-export
+export const configProps = {
+  label: 'App announcement',
+  header: 'Announcements',
+  description: 'Welcome to MediaCo Application for testing SDK frameworks.',
+  whatsnewlink: 'https://design.pega.com',
+  image:
+    'data:image/svg xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxMSI PHRpdGxlPlBlZ2EgdGV4dC1vbmx5IGxvZ288L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsLW9wYWNpdHk6IC4yNTsiIGZpbGw9IiNmZmYiIGQ9Ik03LjcyIDMuODJjMCAyLjI1LTEuNzggMy40MS00IDMuNDFoLTEuNnYzSDBWLjQyaDMuOTRjMi4zNiAwIDMuNzggMS4zOSAzLjc4IDMuNHptLTQtMS40N2gtMS42djNoMS43QTEuNDcgMS40NyAwIDAgMCA1LjUgMy44MmMwLS45MS0uNjUtMS40Ny0xLjc1LTEuNDd6bTcuNjggNS45MWg1LjN2Mkg5LjI5Vi40Mmg3LjM4djEuOTNoLTUuMjR2Mmg0LjI0djEuOWgtNC4yNHpNMjMuMTggMGE1IDUgMCAwIDEgMy41NyAxLjI4TDI1LjYzIDIuOGEzLjc4IDMuNzggMCAwIDAtMS4wNS0uNjNBNC4zMiA0LjMyIDAgMCAwIDIzLjMxIDIgMy4xNyAzLjE3IDAgMCAwIDIwIDUuMjdhMy4xNiAzLjE2IDAgMCAwIDEgMi4zOSAzLjA3IDMuMDcgMCAwIDAgMi4xNy44NCA0LjYgNC42IDAgMCAwIDIuMDktLjVWNi4xOWgtMi4yVjQuMzhoNC4yNXY0LjU2YTUuNDEgNS40MSAwIDAgMS00LjA4IDEuNTdBNS4zNSA1LjM1IDAgMCAxIDE5LjQzIDlhNS4wNSA1LjA1IDAgMCAxLTEuNTYtMy43NCA1LjIxIDUuMjEgMCAwIDEgMS41Ni0zLjc2QTUuMzEgNS4zMSAwIDAgMSAyMy4xOCAwem0xMS4yOS40Mmw0LjEzIDkuNzloLTIuMjVMMzUuNDggOGgtNC4wNmwtLjkgMi4xOGgtMi4yTDMyLjUxLjQyem0uMjUgNS43MkwzMy40NCAzbC0xLjI5IDMuMTR6bTMtNWEuNzEuNzEgMCAwIDEtLjc0Ljc1LjcxLjcxIDAgMCAxLS43My0uNzUuNzMuNzMgMCAwIDEgLjc1LS43Mi43Mi43MiAwIDAgMSAuNzUuNzF6TTM3IC41M2EuNTkuNTkgMCAwIDAtLjYuNi42MS42MSAwIDEgMCAxLjIxIDAgLjYuNiAwIDAgMC0uNjEtLjZ6bS0uMjQgMVYuNzFIMzdjLjEyIDAgLjE4LjA2LjI1LjA2YS4yMS4yMSAwIDAgMSAuMDcuMTguMTkuMTkgMCAwIDEtLjA3LjE4cy0uMDcuMDgtLjEzLjA4bC4yNi4zNmgtLjJMMzcgMS4yOGgtLjF2LjI5em0uMTMtLjQ0aC4yM2EuMjYuMjYgMCAwIDAgLjA3LS4wOWgtLjA2Yy0uMDUtLjE3LS4wNS0uMTctLjEzLS4xN2gtLjF6Ii8 PC9zdmc ',
+  datasource: {
+    source: [
+      {
+        name: 'New React based UI rendering'
+      },
+      {
+        name: 'Support for followers and recents'
+      },
+      {
+        name: 'New authoring experience'
+      }
+    ],
+    fields: {}
+  }
+};

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/page.component.html.mustache

@@ -0,0 +1,17 @@
+
+{{! pick new delimiters for mustache }}
+{{=<% %>=}}
+<article class="psdk-announcement">
+  <h2>{{ header$ }}</h2>
+  <div>
+    <p>{{ description$ }}</p>
+    <div>
+      <h3>{{ label$ }}</h3>
+      <ul>
+        <li *ngFor="let detail of arDetails$">{{ detail }}</li>
+      </ul>
+    </div>
+  </div>
+  <a *ngIf="whatsnewlink$ != ''" mat-raised-button color="primary" [href]="whatsnewlink$">See what's new</a>
+</article>
+<%={{ }}=%>     {{! revert delimiters for mustache }}

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/page.component.scss.mustache

@@ -0,0 +1,19 @@
+@import '@pega/angular-sdk-library/_shared/styles.scss';
+
+h2 {
+  font-size: 1.2rem;
+  margin-block-start: 0rem;
+}
+
+h3 {
+  font-size: 1.1rem;
+}
+ul {
+  padding-inline-start: 20px;
+}
+.psdk-announcement {
+  background-color: $app-primary-light-color;
+  padding: 1rem;
+  margin: 0.5rem;
+  border-radius: 0.6125rem;
+}

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/page.component.ts.mustache

@@ -0,0 +1,32 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+
+@Component({
+  selector: 'app-{{COMPONENT_CLASS_NAME_KEBAB}}',
+  templateUrl: './{{COMPONENT_CLASS_NAME_KEBAB}}.component.html',
+  styleUrls: ['./{{COMPONENT_CLASS_NAME_KEBAB}}.component.scss'],
+  standalone: true,
+  imports: [CommonModule, MatButtonModule]
+})
+export class {{COMPONENT_CLASS_NAME}}Component implements OnInit {
+  @Input() pConn$: any;
+
+  header$: string;
+  description$: string;
+  arDetails$: Array<string>;
+  label$: string;
+  whatsnewlink$: string;
+
+  constructor() {}
+
+  ngOnInit(): void {
+    let configProps = this.pConn$.getConfigProps();
+
+    this.header$ = configProps.header;
+    this.description$ = configProps.description;
+    this.arDetails$ = configProps.details;
+    this.label$ = configProps.label;
+    this.whatsnewlink$ = configProps.whatsnewlink;
+  }
+}

package/src/tasks/create/templates/SDK-Angular/widget/PAGE/pagecomponent.spec.ts.mustache

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { {{COMPONENT_CLASS_NAME}}Component } from './{{COMPONENT_CLASS_NAME_KEBAB}}.component';
+
+describe('{{COMPONENT_CLASS_NAME}}Component', () => {
+  let component: {{COMPONENT_CLASS_NAME}}Component;
+  let fixture: ComponentFixture<{{COMPONENT_CLASS_NAME}}Component>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ {{COMPONENT_CLASS_NAME}}Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent({{COMPONENT_CLASS_NAME}}Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});