@pega/custom-dx-components 0.242.37 → 0.242.38

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -1,118 +0,0 @@
-/* eslint-disable react/jsx-no-useless-fragment */
-import type { Meta, StoryObj } from '@storybook/react';
-
-import PegaDxilMyPageWidget from './index';
-
-
-import configProps from './mock';
-
-const meta: Meta<typeof PegaDxilMyPageWidget> = {
-  title: 'PegaDxilMyPageWidget',
-  component: PegaDxilMyPageWidget,
-  excludeStories: /.*Data$/
-};
-
-export default meta;
-type Story = StoryObj<typeof PegaDxilMyPageWidget>;
-
-if (!window.PCore) {
-  window.PCore = {};
-}
-
-const worklistData = {
-  data: {
-    data: [
-      {
-        CaseName: 'Loan',
-        BusinessID: ' A-8002',
-        ProcessName: 'New',
-        TaskName: 'Details'
-      },
-      {
-        CaseName: 'Loan',
-        BusinessID: ' A-7001',
-        ProcessName: 'Open',
-        TaskName: 'Info'
-      },
-      {
-        CaseName: 'Loan',
-        BusinessID: ' A-9000',
-        ProcessName: 'Open',
-        TaskName: 'Amount'
-      }
-    ]
-  }
-
-};
-
-window.PCore.getDataApiUtils = () => {
-  return {
-    getData: () => {
-      return new Promise(resolve => {
-        resolve(worklistData);
-      });
-    },
-    getDataAsync: () => {
-      return new Promise(resolve => {
-        resolve(worklistData);
-      });
-    }
-  };
-};
-
-
-
-export const BasePegaDxilMyPageWidget: Story = (args: any) => {
-
-  const props = {
-    ...configProps,
-    getPConnect: () => {
-      return {
-        getValue: (value: any) => {
-          return value;
-        },
-        getContextName: () => {
-          return 'app/primary_1';
-        },
-        getLocalizedValue: (value: any) => {
-          return value;
-        },
-        getActionsApi: () => {
-          return {
-            updateFieldValue: () => {
-              /* nothing */
-            },
-            triggerFieldChange: () => {
-              /* nothing */
-            }
-          };
-        },
-        ignoreSuggestion: () => {
-          /* nothing */
-        },
-        acceptSuggestion: () => {
-          /* nothing */
-        },
-        setInheritedProps: () => {
-          /* nothing */
-        },
-        resolveConfigProps: () => {
-          /* nothing */
-        }
-      };
-    }
-  };
-
-  return (
-    <>
-      <PegaDxilMyPageWidget {...props} {...args} />
-    </>
-  );
-};
-
-BasePegaDxilMyPageWidget.args = {
-  header: configProps.header,
-  description: configProps.description,
-  whatsnewlink: configProps.whatsnewlink,
-  datasource: configProps.datasource,
-};

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/index.tsx

@@ -1,106 +0,0 @@
-import { useEffect, useState } from 'react';
-import { withConfiguration, Table } from '@pega/cosmos-react-core';
-import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
-import type { PConnFieldProps } from './PConnProps';
-
-import StyledPegaDxilMyPageWidgetWrapper from './styles';
-
-// interface for props
-interface PegaDxilMyPageWidgetProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on TextInput here
-    datasource: any;
-    header: string;
-    description: string;
-    whatsnewlink: string;
-    image: string;
-}
-
-// props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
-function PegaDxilMyPageWidget(props: PegaDxilMyPageWidgetProps) {
-
-  const { header, description, datasource = [], whatsnewlink, image, getPConnect } = props;
-  const [worklist, setWorklist] = useState([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const PConnect = getPConnect();
-  const dataViewName = 'MyWorkList';
-  const context = PConnect.getContextName();
-
-  let details = [];
-  if (datasource && datasource.source) {
-    details = datasource.source.map((item: any) => {
-      return item.name;
-    });
-  }
-
-  // setting up columns for the work list table
-  const columns = [
-    { renderer: 'caseType', label: PConnect.getLocalizedValue('Case type', '', '') },
-    { renderer: 'insKey', label: PConnect.getLocalizedValue('Key', '', '') },
-    { renderer: 'status', label: PConnect.getLocalizedValue('Status', '', '') },
-    { renderer: 'stage', label: PConnect.getLocalizedValue('Stage', '', '') }
-  ];
-
-  // going to get data for worklist to put into a table
-  // data comes from calling a PCore function to get
-  // get data from a data page and a PConnect function
-  // to get getContextName
-  useEffect(() => {
-
-    PCore.getDataApiUtils()
-      .getData(dataViewName, {}, context)
-      .then((response: any) => {
-        setIsLoading(false);
-        if (response.data.data !== null) {
-          // table requires an index or will get setExtraStackFrame error
-          setWorklist(
-            response.data.data.map((entry: any, index: number) => {
-              // mapping the data into the column names
-              // MUST have an id/index or will get a setExtraStackFrame error
-              // put a key in the table
-              return {
-                caseType: entry.CaseName,
-                insKey: entry.BusinessID,
-                status: entry.ProcessName,
-                stage: entry.TaskName,
-                id: index
-              };
-            })
-          );
-        }
-        else {
-          setWorklist([]);
-          setIsLoading(false);
-        }
-
-      })
-      .catch((error: any) => {
-        setWorklist([]);
-        setIsLoading(false);
-        console.log(error);
-      });
-  }, [context]);
-
-  return (
-    <StyledPegaDxilMyPageWidgetWrapper>
-    <PegaAppAnnouncement
-      heading={header}
-      description={description}
-      details={details}
-      whatsNewLink={whatsnewlink}
-      image={image.replace(/ /g, '+')}
-    />
-    <br />
-    <Table
-      title={PConnect.getLocalizedValue('Work list', '', '')}
-      columns={columns}
-      data={worklist}
-      loading={isLoading}
-      loadingMessage={PConnect.getLocalizedValue('Loading Work list', '', '')}
-    />
-    </StyledPegaDxilMyPageWidgetWrapper>
-  );
-
-}
-
-export default withConfiguration(PegaDxilMyPageWidget);

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/mock.ts

@@ -1,24 +0,0 @@
-
-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: {}
-  }
-};
-export default configProps;

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/styles.ts

@@ -1,8 +0,0 @@
-// individual style, comment out above, and uncomment here and add styles
-import styled, { css } from 'styled-components';
-
-export default styled.div(() => {
-  return css`
-    margin: 0px 0;
-  `;
-});

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyParagraph/PConnProps.d.ts

@@ -1,46 +0,0 @@
-import  {PConnect } from '@pega/pcore-pconnect-typedefs';
-
-// PConnProps.d.ts
-// This gives us a place to have each component (which is most DX Components) that is
-//  expected to have a getPConnect extend its props (from BaseProps)
-//  such that every component will be expected to have a getPConnect() function
-//  that returns a PConnect object. (new/better way of doing .propTypes).
-//  This PConnProps can be extended to include other props that we know are in every component
-export interface PConnProps {
-  // getPConnect should exist for every C11n component. (add @ts-ignore in special cases where it isn't)
-  getPConnect: () => typeof PConnect;
-
-  // Allow any/all other key/value pairs in the BaseProps for now
-  //  TODO: refine which other props are always expected for various component
-  //    types and consider further interface "subclassing". For example, we may
-  //    want to create a "BasePropsForm" that gives guidance on required, readonly, etc.
-  //    and any other props that every Form component expects.
-  //    For example, see the PConnFieldProps below.
-  // NOTE: if you uncomment the line below, the PConnProps type will allow
-  //  otherwise undefined types to appear. This can be helpful for debugging
-  //  or when adding new components whose types aren't yet known.
-  // [key: string]: any;
-}
-
-
-// PConnFieldProps extends PConnProps to bring in the common properties that are
-// associated with most field components (ex: Dropdown, TextInput, etc.) in the
-//  components/field directory
-export interface PConnFieldProps extends PConnProps {
-  label: string,
-  required: boolean,
-  disabled: boolean,
-  value: any,
-  validatemessage: string,
-  status?: string,
-  onChange?: any,
-  onBlur?: any,
-  readOnly: boolean,
-  testId: string,
-  helperText: string,
-  displayMode?: string,
-  hideLabel: boolean,
-  placeholder?: string,
-  fieldMetadata?: any,
-  additionalProps?: any
-}

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyParagraph/config.json

@@ -1,111 +0,0 @@
-{
-  "name": "Pega_DXIL_MyParagraph",
-  "label": "My Paragraph",
-  "description": "My Paragraph",
-  "organization": "Pega",
-  "version": "0.0.1",
-  "library": "DXIL",
-  "allowedApplications": [],
-  "componentKey": "Pega_DXIL_MyParagraph",
-  "type": "Field",
-  "subtype": "Text-Paragraph",
-  "icon": "images/pz-text-area-active.svg",
-  "properties": [
-    {
-      "name": "label",
-      "label": "Field label",
-      "format": "TEXT",
-      "required": true
-    },
-    {
-      "name": "readOnly",
-      "label": "Edit mode",
-      "format": "READONLY"
-    },
-    {
-      "label": "Column settings",
-      "format": "GROUP",
-      "visibility": "@VIEWTYPE == 'MultiRecordDisplayAsTable'",
-      "properties": [
-        {
-          "name": "columnWidth",
-          "label": "Column width",
-          "format": "SELECT",
-          "source": [
-            {
-              "key": "auto",
-              "value": "Auto"
-            },
-            {
-              "key": "custom",
-              "value": "Custom"
-            }
-          ]
-        },
-        {
-          "name": "width",
-          "label": "Width (px)",
-          "format": "NUMBER",
-          "visibility": "$this.columnWidth == 'custom'"
-        }
-      ]
-    },
-    {
-      "label": "Input settings",
-      "format": "GROUP",
-      "visibility": "(!readOnly = true)",
-      "properties": [
-        {
-          "name": "placeholder",
-          "label": "Placeholder",
-          "format": "TEXT"
-        },
-        {
-          "name": "helperText",
-          "label": "Helper text",
-          "format": "TEXT"
-        }
-      ]
-    },
-    {
-      "label": "Conditions",
-      "format": "GROUP",
-      "properties": [
-        {
-          "name": "required",
-          "label": "Required",
-          "format": "REQUIRED",
-          "visibility": "(!readOnly = true)"
-        },
-        {
-          "name": "disabled",
-          "label": "Disabled",
-          "format": "DISABLED",
-          "visibility": "(!readOnly = true)"
-        },
-        {
-          "name": "visibility",
-          "label": "Visibility",
-          "format": "VISIBILITY"
-        }
-      ]
-    },
-    {
-      "label": "Advanced",
-      "format": "GROUP",
-      "collapsible": true,
-      "properties": [
-        {
-          "name": "testId",
-          "label": "Test ID",
-          "format": "TEXT",
-          "ignorePattern": "[^-_\\p{N}\\p{L}]",
-          "includeAnnotations": false
-        }
-      ]
-    }
-  ],
-  "defaultConfig": {
-    "label": "@L $this.label"
-  }
-}

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyParagraph/demo.stories.tsx

@@ -1,63 +0,0 @@
-
-/* eslint-disable react/jsx-no-useless-fragment */
-import type { Meta, StoryObj } from '@storybook/react';
-
-import PegaDxilMyParagraph from './index';
-
-import { stateProps, configProps, fieldMetadata } from './mock';
-
-const meta: Meta<typeof PegaDxilMyParagraph> = {
-  title: 'PegaDxilMyParagraph',
-  component: PegaDxilMyParagraph,
-  excludeStories: /.*Data$/
-};
-
-export default meta;
-type Story = StoryObj<typeof PegaDxilMyParagraph>;
-
-export const BasePegaDxilMyParagraph: Story = (args: any) => {
-
-  const props = {
-    value: configProps.value,
-    hasSuggestions: configProps.hasSuggestions,
-    fieldMetadata,
-    getPConnect: () => {
-      return {
-        getStateProps: () => {
-          return stateProps;
-        },
-        getActionsApi: () => {
-          return {
-            updateFieldValue: () => {/* nothing */},
-            triggerFieldChange: () => {/* nothing */}
-          };
-        },
-        ignoreSuggestion: () => {/* nothing */},
-        acceptSuggestion: () => {/* nothing */},
-        setInheritedProps: () => {/* nothing */},
-        resolveConfigProps: () => {/* nothing */}
-      };
-    }
-  };
-
-  return (
-    <>
-      <PegaDxilMyParagraph {...props} {...args} />
-    </>
-  );
-};
-
-BasePegaDxilMyParagraph.args = {
-  label: configProps.label,
-  helperText: configProps.helperText,
-  placeholder: configProps.placeholder,
-  testId: configProps.testId,
-  readOnly: configProps.readOnly,
-  disabled: configProps.disabled,
-  required: configProps.required,
-  status: configProps.status,
-  hideLabel: configProps.hideLabel,
-  displayMode: configProps.displayMode,
-  variant: configProps.variant,
-  validatemessage: configProps.validatemessage
-};

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyParagraph/event-utils.ts

@@ -1,18 +0,0 @@
-const handleEvent = (actions: any, eventType: string, propName: string, value: string) => {
-  switch (eventType) {
-    case 'change':
-      actions.updateFieldValue(propName, value);
-      break;
-    case 'blur':
-      actions.triggerFieldChange(propName, value);
-      break;
-    case 'changeNblur':
-      actions.updateFieldValue(propName, value);
-      actions.triggerFieldChange(propName, value);
-      break;
-    default:
-      break;
-  }
-};
-
-export default handleEvent;