@pega/custom-dx-components 2.0.15 → 2.0.16

package/src/tasks/create/templates/Constellation/Field/Date/mock.stories.js.mustache

@@ -1,23 +0,0 @@
-export const configProps = {
-  value: '2023-01-31T12:23:00.000Z',
-  validatemessage: '',
-  label: 'Date Label',
-  hideLabel: false,
-  helperText: 'Date helper text',
-  nextYearRange: '10',
-  previousYearRange: '10',
-  showWeekNumber: true,
-  testId: '12345678',
-  showAsFormattedText: true,
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  hasSuggestions: false,
-  readOnly: false,
-  required: false,
-  disabled: false
-};
-
-export const stateProps = {
-  value: '.DateLabel'
-};

package/src/tasks/create/templates/Constellation/Field/DateTime/mock.stories.js.mustache

@@ -1,23 +0,0 @@
-export const configProps = {
-  value: '2023-01-24T16:45:00.000Z',
-  validatemessage: '',
-  label: 'DateTime Label',
-  hideLabel: false,
-  helperText: 'DateTime helper text',
-  withSeconds: false,
-  nextYearRange: 10,
-  previousYearRange: 5,
-  showWeekNumber: false,
-  testId: '12345678',
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  hasSuggestions: false,
-  readOnly: false,
-  required: false,
-  disabled: false
-};
-
-export const stateProps = {
-  value: '.DateTimeLabel'
-};

package/src/tasks/create/templates/Constellation/Field/Decimal/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Decimal Sample',
-  showGroupSeparators: true,
-  placeholder: 'Decimal Placeholder',
-  helperText: 'Decimal Helper Text',
-  testId: 'decimal-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.DecimalSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Decimal',
-  displayAs: 'pxNumber',
-  label: 'Decimal sample'
-};

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/mock.stories.js.mustache

@@ -1,23 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Currency Sample',
-  currencyISOCode: 'USD',
-  allowDecimals: true,
-  alwaysShowISOCode: true,
-  placeholder: 'Currency Placeholder',
-  helperText: 'Currency Helper Text',
-  testId: 'currency-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.CurrencySample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Decimal',
-  displayAs: 'pxCurrency',
-  label: 'Currency sample'
-};

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Percentage Sample',
-  showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
-  helperText: 'Percentage Helper Text',
-  testId: 'percentage-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.PercentageSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Decimal',
-  displayAs: 'pxPercentage',
-  label: 'Percentage sample'
-};

package/src/tasks/create/templates/Constellation/Field/Integer/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Integer Sample',
-  showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
-  helperText: 'Integer Helper Text',
-  testId: 'integer-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.IntegerSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Integer',
-  displayAs: 'pxInteger',
-  label: 'Integer sample'
-};

package/src/tasks/create/templates/Constellation/Field/Picklist/mock.stories.js.mustache

@@ -1,67 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Picklist Sample',
-  placeholder: 'Select...',
-  listType: 'associated',
-  datasource: [
-    {
-      key: 'Option 1',
-      value: 'Option 1'
-    },
-    {
-      key: 'Option 2',
-      value: 'Option 2'
-    },
-    {
-      key: 'Option 3',
-      value: 'Option 3'
-    }
-  ],
-  helperText: 'Picklist Helper Text',
-  testId: 'picklist-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.PicklistSample',
-  placeholder: 'Select...',
-  datasource: '.PicklistSample',
-  hasSuggestions: false
-};
-
-export const rawMetadata = {
-  type: 'Dropdown',
-  config: {
-    value: '@P .PicklistSample',
-    label: '@L Picklist Sample',
-    placeholder: '@L Select...',
-    listType: 'associated',
-    datasource: '@ASSOCIATED .PicklistSample',
-    helperText: '@L Picklist Helper Text',
-    testId: 'picklist-12345678'
-  }
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  displayAs: 'pxDropdown',
-  label: 'Picklist sample',
-  datasource: {
-    tableType: 'PromptList',
-    records: [
-      {
-        key: 'Option 1',
-        value: 'Option 1'
-      },
-      {
-        key: 'Option 2',
-        value: 'Option 2'
-      },
-      {
-        key: 'Option 3',
-        value: 'Option 3'
-      }
-    ]
-  }
-};

package/src/tasks/create/templates/Constellation/Field/Text/mock.stories.js.mustache

@@ -1,13 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Text Sample',
-  placeholder: 'Text Placeholder',
-  helperText: 'Text Helper Text',
-  testId: 'Text-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.TextSample',
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/Text-Email/mock.stories.js.mustache

@@ -1,22 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Email Sample',
-  placeholder: 'Email Placeholder',
-  helperText: 'Email Helper Text',
-  testId: 'email-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.EmailSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  maxLength: 256,
-  displayAs: 'pxEmail',
-  label: 'Email sample',
-  validateAs: 'ValidEmailAddress'
-};

package/src/tasks/create/templates/Constellation/Field/Text-Input/StatusWork.jsx

@@ -1,26 +0,0 @@
-import { Status } from "@pega/cosmos-react-core";
-
-export default function StatusWorkRenderer({ value }) {
-  let variant = "info";
-
-  const warnStrings = ["fail", "cancel", "reject", "revoke", "stopped", "warn"];
-  const infoStrings = ["open", "hold", "info", "new"];
-  const successStrings = ["resolved", "completed", "success"];
-  const pendingStrings = ["pending"];
-
-  if (new RegExp(warnStrings.join("|"), "i").test(value)) {
-    variant = "warn";
-  } else if (new RegExp(infoStrings.join("|"), "i").test(value)) {
-    variant = "info";
-  } else if (new RegExp(successStrings.join("|"), "i").test(value)) {
-    variant = "success";
-  } else if (new RegExp(pendingStrings.join("|"), "i").test(value)) {
-    variant = "pending";
-  }
-
-  return (
-    <Status type="rectangle" variant={variant}>
-      {value}
-    </Status>
-  );
-}

package/src/tasks/create/templates/Constellation/Field/Text-Input/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'TextInput Sample',
-  placeholder: 'TextInput Placeholder',
-  helperText: 'TextInput Helper Text',
-  testId: 'TextInput-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.TextInputSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  maxLength: 256,
-  displayAs: 'pxTextInput',
-  label: 'TextInput Sample'
-};

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/mock.stories.js.mustache

@@ -1,20 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Paragraph Sample',
-  placeholder: 'Paragraph Placeholder',
-  helperText: 'Paragraph Helper Text',
-  testId: 'paragraph-12345678',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  displayAs: 'pxTextArea',
-  label: 'Paragraph sample'
-};
-
-export const stateProps = {
-  value: '.ParagraphSample',
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/Text-Phone/mock.stories.js.mustache

@@ -1,37 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Phone Sample',
-  datasource: {
-    source: [
-      {
-        value: '+1'
-      },
-      {
-        value: '+91'
-      },
-      {
-        value: '+48'
-      },
-      {
-        value: '+44'
-      }
-    ],
-    fields: {}
-  },
-  showCountryCode: true,
-  placeholder: 'Phone Placeholder',
-  helperText: 'Phone Helper Text',
-  testId: 'phone-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.PhoneSample',
-  datasource: {
-    source: 'D_pyCountryCallingCodeList.pxResults',
-    fields: {
-      value: '.pyCallingCode'
-    }
-  },
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/Text-URL/mock.stories.js.mustache

@@ -1,22 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'URL Sample',
-  placeholder: 'URL Placeholder',
-  helperText: 'URL Helper Text',
-  testId: 'url-12345678',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  maxLength: 256,
-  displayAs: 'pxURL',
-  label: 'URL sample',
-  validateAs: 'pxIsValidURL'
-};
-
-export const stateProps = {
-  value: '.URLSample',
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/TimeofDay/mock.stories.js.mustache

@@ -1,20 +0,0 @@
-export const configProps = {
-  value: '13:30',
-  validatemessage: '',
-  label: 'TimeOfDay Label',
-  hideLabel: false,
-  helperText: 'TimeOfDay helper text',
-  withSeconds: false,
-  testId: '12345678',
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  hasSuggestions: false,
-  readOnly: false,
-  required: false,
-  disabled: false
-};
-
-export const stateProps = {
-  value: '.TimeOfDayLabel'
-};

package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.jsx.mustache

@@ -1,110 +0,0 @@
-import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/cosmos-react-core';
-import {{COMPONENT_CLASS_NAME}} from './index';
-import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock.stories';
-import StatusWorkRenderer from './StatusWork.jsx';
-
-export default {
-  title: '{{COMPONENT_CLASS_NAME}}',
-  component: {{COMPONENT_CLASS_NAME}}
-};
-
-const Template = args => {
-  const regionAChildren = pyReviewRaw.children[0].children.map(child => {
-    return Primary.args.getPConnect().createComponent(child);
-  });
-
-  return <{{COMPONENT_CLASS_NAME}} {...args}>{regionAChildren}</{{COMPONENT_CLASS_NAME}}>;
-};
-
-export const Primary = Template.bind({});
-
-Primary.args = {
-  template: 'MyCo_MyComponents_NewDetailsTemplate',
-  showHighlightedData: true,
-  label: 'Test Details',
-  showLabel: true,
-  getPConnect: () => {
-    return {
-      getChildren: () => {
-        return pyReviewRaw.children;
-      },
-      getRawMetadata: () => {
-        return pyReviewRaw;
-      },
-      getInheritedProps: () => {
-        return pyReviewRaw.config.inheritedProps;
-      },
-      createComponent: config => {
-        switch (config.config.value) {
-          case '@P .pyStatusWork':
-            return renderField(pyReviewResolved.highlightedData[0].config);
-          case '@P .pyID':
-            return renderField(pyReviewResolved.highlightedData[1].config);
-          case '@P .pxCreateDateTime':
-            return renderField(pyReviewResolved.highlightedData[2].config);
-          case '@USER .pxCreateOperator':
-            return renderField(pyReviewResolved.highlightedData[3].config);
-          case '@P .pySLADeadline':
-            return renderField(regionChildrenResolved[0]);
-          case '@P .pySLAGoal':
-            return renderField(regionChildrenResolved[1]);
-          case '@P .pySLAStartTime':
-            return renderField(regionChildrenResolved[2]);
-        }
-      },
-      setInheritedProp: () => {},
-      resolveConfigProps: () => {}
-    };
-  }
-};
-
-const renderField = resolvedProps => {
-  const {
-    displayAsStatus = false,
-    displayMode,
-    value = '',
-    label = '',
-    theme = useTheme()
-  } = resolvedProps;
-
-  const variant = displayMode === 'LABELS_LEFT' ? 'inline' : 'stacked';
-
-  let val =
-    value != '' ? (
-      <Text variant='h1' as='span'>
-        {value}
-      </Text>
-    ) : (
-      ''
-    );
-
-  if (label === 'Create date/time')
-    val = <DateTimeDisplay value={value} variant='datetime' format='long' clockFormat={null} />;
-
-  if (displayAsStatus === true) val = <StatusWorkRenderer value={value} />;
-
-  if (label === 'Create Operator')
-    val = (
-      <Button
-        variant='link'
-        style={
-          label !== null
-            ? { width: 'max-content', height: theme.components.input.height }
-            : undefined
-        }
-      >
-        {value.userName}
-      </Button>
-    );
-
-  if (variant === 'inline') {
-    val = value || <span aria-hidden='true'>&ndash;&ndash;</span>;
-  } else {
-    val = (
-      <Text variant='h1' as='span'>
-        {val}
-      </Text>
-    );
-  }
-  return <FieldValueList variant={variant} fields={[{ name: label, value: val }]} />;
-};

package/src/tasks/create/templates/Constellation/Template/DETAILS/mock.stories.js.mustache

@@ -1,179 +0,0 @@
-export const pyReviewRaw = {
-  name: 'pyReview',
-  type: 'View',
-  config: {
-    template: 'Details',
-    ruleClass: 'MyCo-MyCompon-Work-MyComponents',
-    showLabel: true,
-    label: '@L Details',
-    localeReference: '@LR MYCO-MYCOMPON-WORK-MYCOMPONENTS!VIEW!PYREVIEW',
-    showHighlightedData: true,
-    highlightedData: [
-      {
-        type: 'TextInput',
-        config: {
-          value: '@P .pyStatusWork',
-          label: '@L Work Status',
-          displayMode: 'STACKED_LARGE_VAL',
-          displayAsStatus: true
-        }
-      },
-      {
-        type: 'TextInput',
-        config: {
-          value: '@P .pyID',
-          label: '@L Case ID',
-          displayMode: 'STACKED_LARGE_VAL'
-        }
-      },
-      {
-        type: 'DateTime',
-        config: {
-          value: '@P .pxCreateDateTime',
-          label: '@L Create date/time',
-          displayMode: 'STACKED_LARGE_VAL'
-        }
-      },
-      {
-        type: 'UserReference',
-        config: {
-          label: '@L Create Operator',
-          value: '@USER .pxCreateOperator',
-          placeholder: 'Select...',
-          displayMode: 'STACKED_LARGE_VAL'
-        }
-      }
-    ],
-    inheritedProps: [
-      {
-        prop: 'label',
-        value: '@L Details'
-      },
-      {
-        prop: 'showLabel',
-        value: true
-      }
-    ]
-  },
-  children: [
-    {
-      name: 'A',
-      type: 'Region',
-      getPConnect: () => {
-        return {
-          getRawMetadata: () => {
-            return pyReviewRaw.children[0];
-          }
-        };
-      },
-      children: [
-        {
-          type: 'DateTime',
-          config: {
-            value: '@P .pySLADeadline',
-            label: '@L SLA Deadline'
-          }
-        },
-        {
-          type: 'DateTime',
-          config: {
-            value: '@P .pySLAGoal',
-            label: '@L SLA Goal'
-          }
-        },
-        {
-          type: 'RadioButtons',
-          config: {
-            value: '@P .pySLAStartTime',
-            label: '@L SLA Start Time',
-            listType: 'associated',
-            datasource: '@ASSOCIATED .pySLAStartTime'
-          }
-        }
-      ]
-    }
-  ],
-  classID: 'MyCo-MyCompon-Work-MyComponents'
-};
-
-export const pyReviewResolved = {
-  readOnly: true,
-  template: 'Details',
-  ruleClass: 'MyCo-MyCompon-Work-MyComponents',
-  showLabel: true,
-  label: 'Details',
-  localeReference: 'MYCO-MYCOMPON-WORK-MYCOMPONENTS!VIEW!PYREVIEW',
-  showHighlightedData: true,
-  highlightedData: [
-    {
-      type: 'TextInput',
-      config: {
-        value: 'New',
-        label: 'Work Status',
-        displayMode: 'STACKED_LARGE_VAL',
-        displayAsStatus: true
-      }
-    },
-    {
-      type: 'TextInput',
-      config: {
-        value: 'M-1002',
-        label: 'Case ID',
-        displayMode: 'STACKED_LARGE_VAL'
-      }
-    },
-    {
-      type: 'DateTime',
-      config: {
-        value: '2022-12-11T20:06:27.232Z',
-        label: 'Create date/time',
-        displayMode: 'STACKED_LARGE_VAL'
-      }
-    },
-    {
-      type: 'UserReference',
-      config: {
-        label: 'Create Operator',
-        value: {
-          userId: 'conns',
-          userName: 'Sara Connor'
-        },
-        placeholder: 'Select...',
-        displayMode: 'STACKED_LARGE_VAL'
-      }
-    }
-  ],
-  displayMode: 'LABELS_LEFT'
-};
-
-export const regionChildrenResolved = [
-  {
-    readOnly: true,
-    value: '',
-    label: 'SLA Deadline',
-    displayMode: 'LABELS_LEFT'
-  },
-  {
-    readOnly: true,
-    value: '',
-    label: 'SLA Goal',
-    displayMode: 'LABELS_LEFT'
-  },
-  {
-    readOnly: true,
-    value: '',
-    label: 'SLA Start Time',
-    listType: 'associated',
-    datasource: [
-      {
-        key: 'AssignmentCreation',
-        value: 'The creation time of the Assignment'
-      },
-      {
-        key: 'CurrentTime',
-        value: 'Current Date Time'
-      }
-    ],
-    displayMode: 'LABELS_LEFT'
-  }
-];