@pega/dx-component-builder-sdk 0.1.7 → 0.1.9

package/src/tasks/create/templates/Constellation/Widget/CASE/mock.stories.js.mustache

@@ -0,0 +1,389 @@
+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/Constellation/Widget/PAGE/demo.stories.jsx.mustache

@@ -0,0 +1,30 @@
+import { withKnobs } from '@storybook/addon-knobs';
+
+import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+
+
+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/Constellation/Widget/PAGE/mock.stories.js.mustache

@@ -0,0 +1,22 @@
+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/Constellation/Widget/PAGE-CASE/{Avatar.js.mustache → Avatar.jsx.mustache}

@@ -1,3 +1,5 @@
+/* eslint-disable no-undef */
+/* eslint-disable react-hooks/rules-of-hooks */
 import { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Avatar as CosmosAvatar } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/{Operator.js.mustache → Operator.jsx.mustache}

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 import { useState, useEffect, Fragment } from 'react';
 import {
   Link,
@@ -13,7 +14,7 @@ import {
 import { Glimpse } from '@pega/cosmos-react-work';
 import PropTypes from 'prop-types';
 
-import Avatar from './Avatar';
+import Avatar from './Avatar.jsx';
 
 const Operator = (props) => {
   const { id, name, label, testId, helperText, externalUser, metaObj } = props;

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/demo.stories.jsx.mustache

@@ -0,0 +1,68 @@
+import { withKnobs } from '@storybook/addon-knobs';
+
+import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+
+import { configProps, operatorDetails } from './mock.stories';
+
+export default {
+  title: '{{COMPONENT_CLASS_NAME}}',
+  decorators: [withKnobs],
+  component: {{COMPONENT_CLASS_NAME}}
+};
+
+if (!window.PCore) {
+  window.PCore = {};
+}
+
+window.PCore.getLocaleUtils = () => {
+  return {
+    getLocaleValue: value => {
+      return value;
+    }
+  };
+};
+
+window.PCore.getUserApi = () => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
+export const base{{COMPONENT_CLASS_NAME}} = () => {
+
+  const props = {
+    label: configProps.label,
+    createLabel: configProps.createLabel,
+    updateLabel: configProps.updateLabel,
+    createOperator: configProps.createOperator,
+    updateOperator: configProps.updateOperator,
+    createDateTime: configProps.createDateTime,
+    updateDateTime: configProps.updateDateTime,
+    hideLabel: configProps.hideLabel,
+
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
+          return {
+            updateFieldValue: () => {},
+            triggerFieldChange: () => {}
+          };
+        },
+        ignoreSuggestion: () => {},
+        acceptSuggestion: () => {},
+        setInheritedProps: () => {},
+        resolveConfigProps: () => {}
+      };
+    }
+};
+
+return (
+    <>
+      <{{COMPONENT_CLASS_NAME}} {...props} />
+    </>
+  );
+};

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/index.jsx.mustache

@@ -1,9 +1,10 @@
-import { Fragment, memo } from 'react';
+/* eslint-disable no-nested-ternary */
+import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 
 // includes in bundle
-import Operator from './Operator';
+import Operator from './Operator.jsx';
 
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
 
@@ -27,8 +28,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
     resolveLabel,
     resolveOperator,
     resolveDateTime,
-    hideLabel,
-    defVal
+    hideLabel
   } = props;
 
 
@@ -84,13 +84,13 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
   resolveLabel: null,
   resolveOperator: null,
   resolveDateTime: null,
-  hideLabel: false,
-  defVal: '––'
+  hideLabel: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
   getPConnect: PropTypes.func.isRequired,
   label: PropTypes.string,
+  title: PropTypes.string,
   createLabel: PropTypes.string,
   updateLabel: PropTypes.string,
   resolveLabel: PropTypes.string,
@@ -105,6 +105,6 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
 
 // as objects are there in props, shallow comparision fails & re-rendering of comp happens even with
 // same key value pairs in obj. hence using custom comparison function on when to re-render
-//const comparisonFn = (prevProps, nextProps) => {
-//  return prevProps.updateDateTime === nextProps.updateDateTime;
-//};
+// const comparisonFn = (prevProps, nextProps) => {
+//   return prevProps.updateDateTime === nextProps.updateDateTime;
+// };

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/mock.stories.js.mustache

@@ -0,0 +1,51 @@
+export const configProps = {
+  label: 'Create operator',
+  createLabel: 'Created',
+  updateLabel: 'Updated',
+  updateDateTime: '2023-01-16T14:53:33.280Z',
+  createDateTime: '2023-01-16T14:53:33.198Z',
+  updateOperator: {
+    userId: 'admin@mediaco',
+    userName: 'admin'
+  },
+  createOperator: {
+    userId: 'admin@mediaco',
+    userName: 'admin'
+  },
+  hideLabel: true,
+  key: '_532zx1dah',
+  displayMode: 'LABELS_LEFT'
+};
+
+export const operatorDetails = {
+  data: {
+    pzLoadTime: 'January 18, 2023 10:33:19 AM EST',
+    pzPageNameHash: '_pa1519192551088960pz',
+    pyOperatorInfo: {
+      pyUserName: 'french DigV2',
+      pyPosition: '',
+      pyImageInsKey: '',
+      pySkills: [
+        {
+          pySkillName: '',
+          pzIndexOwnerKey: 'DATA-ADMIN-OPERATOR-ID FRENCHTEST.DIGV2',
+          pySkillRating: 0
+        }
+      ],
+      pyReportToUserName: '',
+      pyReportTo: '',
+      pyOrganization: 'DXIL',
+      pyTitle: '',
+      pyLabel: 'frenchTest.DigV2',
+      pyEmailAddress: 'User@DigV2',
+      pyTelephone: ''
+    }
+  },
+  status: 200,
+  statusText: '',
+  headers: {
+    'content-length': '435',
+    'content-type': 'application/json;charset=UTF-8'
+  },
+  request: {}
+};

package/src/tasks/linter/index.js

@@ -3,7 +3,7 @@ import chalk from 'chalk';
 
 export const lintComponent = async (dirToLint) => {
   // console.log("in dx-component-builder-sdk: lintComponent - dirToLint: " + dirToLint);
-  console.log(chalk.green(` linting ${dirToLint}`));
+  //console.log(chalk.green(` linting ${dirToLint}`));
 
   // 1. Create an instance.
   const eslint = new ESLint();
@@ -20,7 +20,7 @@ export const lintComponent = async (dirToLint) => {
   console.log(resultText);
 
   // Indicate linting is complete
-  console.log(chalk.green(` linting complete...`));
+  //console.log(chalk.green(` linting complete...`));
 };
 
 // inpsired by https://eslint.org/docs/latest/developer-guide/nodejs-api

package/src/tasks/map/map.js

@@ -56,8 +56,6 @@ export const updateComponentMap = async (componentKey, category = CATEGORY_CUSTO
 
     mapData = mapDataStart.concat(importFull).concat("\n").concat(mapDataEnd);
 
-
-
     // add map
     let endMapIndex = mapData.indexOf(MAP_END_TAG);
     mapDataStart = mapData.substring(0, endMapIndex);
@@ -65,11 +63,6 @@ export const updateComponentMap = async (componentKey, category = CATEGORY_CUSTO
 
     mapData = mapDataStart.concat("  ").concat(mapFull).concat("\n").concat(mapDataEnd);
 
-
-    //console.log(mapData);
-
-    //console.log("update");
-
     fs.writeFileSync(pegaLocalComponentMapPath, mapData, { encoding: 'utf8' });