@pega/custom-dx-components 0.242.37 → 0.242.38

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyCurrency/suggestions-handler.ts

@@ -1,9 +0,0 @@
-export const suggestionsHandler = (accepted: boolean, pConn: any, setStatus: any) => {
-  if (accepted) {
-    pConn.acceptSuggestion();
-    setStatus('success');
-  } else {
-    pConn.ignoreSuggestion();
-    setStatus(undefined);
-  }
-};

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyDate/DateFormatter.ts

@@ -1,61 +0,0 @@
-import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime.js';
-import localizedFormat from 'dayjs/plugin/localizedFormat.js';
-import utc from 'dayjs/plugin/utc.js';
-import timezone from 'dayjs/plugin/timezone.js';
-
-dayjs.extend(relativeTime);
-dayjs.extend(localizedFormat);
-dayjs.extend(utc);
-dayjs.extend(timezone);
-
-const types = ['fromNow', 'customFormat'];
-
-
-
-// value should be in ISO 8601 format.
-function DateFormatter(
-  value: any,
-  { type = types[1], format = "DD/MM/YYYY", tzone = null } = {}
-) {
-  if (!value) return value;
-  switch (type) {
-    case types[1]:
-      if (tzone) return dayjs(value).tz(tzone).format(format);
-      return dayjs(value).format(format);
-    case types[0]:
-      return dayjs(value).from(dayjs());
-    default:
-      return value;
-  }
-}
-
-// value should be in hh:mm:ss format (00:00:00 - 23:59:59).
-function TimeFormatter(value: any, options: any) {
-  if (!value) return value;
-  const { locale = "en-US" } = options;
-  const timeOnlyRegex = /^(?:[01]\d|2[0123]):(?:[012345]\d):(?:[012345]\d)$/;
-  if (value.length === 8 && timeOnlyRegex.test(value)) {
-    const tempDate = new Date();
-    const hours = parseInt(value.substr(0, 2), 10);
-    const minutes = parseInt(value.substr(3, 2), 10);
-    const seconds = parseInt(value.substr(6, 2), 10);
-    tempDate.setHours(hours);
-    tempDate.setMinutes(minutes);
-    tempDate.setSeconds(seconds);
-    return tempDate.toLocaleTimeString(locale);
-  }
-  return DateFormatter(value, options);
-}
-
-export default {
-  Date: (value: any, options: any) => DateFormatter(value, { type: 'customFormat', ...options }),
-  'Date-Time-Default': (value: any, options: any) =>
-    DateFormatter(value, { ...options, type: 'customFormat', format: 'lll' }),
-  'Time-Default': (value: any, options: any) =>
-    TimeFormatter(value, {
-      ...options,
-      type: 'customFormat',
-      format: 'hh:mm A'
-    })
-};

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyDate/FormattedText.tsx

@@ -1,20 +0,0 @@
-import { FieldValueList } from '@pega/cosmos-react-core';
-
-import { format } from './date';
-
-export default function FormattedText(props: any) {
-  const { formatType = 'none', label, value, testId, hideLabel, variant = 'stacked', additionalProps = {} } = props;
-
-  let text = value;
-
-  text = format(text, formatType, additionalProps);
-
-  const fields = [
-    {
-      id: label.toLowerCase(),
-      name: hideLabel ? '' : label,
-      value: text
-    }
-  ];
-  return <FieldValueList variant={variant} fields={fields} data-testid={testId} />;
-}

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyDate/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_MyDate/config.json

@@ -1,199 +0,0 @@
-{
-  "name": "Pega_DXIL_MyDate",
-  "label": "My Date",
-  "description": "My Date",
-  "organization": "Pega",
-  "version": "0.0.1",
-  "library": "DXIL",
-  "allowedApplications": [],
-  "componentKey": "Pega_DXIL_MyDate",
-  "type": "Field",
-  "subtype": "Date",
-  "icon": "images/pz-date-time-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": [
-        {
-          "format": "LABEL",
-          "label": "Year range",
-          "variant": "secondary"
-        },
-        {
-          "format": "INLINE",
-          "elements": [
-            {
-              "key": "next",
-              "format": "LABEL",
-              "label": "Next",
-              "variant": "secondary"
-            },
-            {
-              "key": "nextYears",
-              "format": "NUMBER",
-              "label": "",
-              "name": "nextYearRange",
-              "min": 0
-            },
-            {
-              "key": "year",
-              "format": "LABEL",
-              "label": "years",
-              "variant": "secondary"
-            }
-          ]
-        },
-        {
-          "format": "INLINE",
-          "elements": [
-            {
-              "key": "previous",
-              "format": "LABEL",
-              "label": "Previous",
-              "variant": "secondary"
-            },
-            {
-              "key": "previousYears",
-              "format": "NUMBER",
-              "label": "",
-              "name": "previousYearRange",
-              "min": 0
-            },
-            {
-              "key": "year",
-              "format": "LABEL",
-              "label": "years",
-              "variant": "secondary"
-            }
-          ]
-        },
-        {
-          "name": "showWeekNumber",
-          "label": "Display week numbers on calendar",
-          "format": "BOOLEAN"
-        },
-        {
-          "name": "helperText",
-          "label": "Helper text",
-          "format": "TEXT"
-        }
-      ]
-    },
-    {
-      "label": "Read-only settings",
-      "format": "GROUP",
-      "properties": [
-        {
-          "name": "showAsFormattedText",
-          "label": "Show as formatted text",
-          "format": "BOOLEAN"
-        },
-        {
-          "format": "SELECT",
-          "name": "formatter",
-          "label": "Format",
-          "defaultValue": "defaultDate",
-          "source": [
-            {
-              "key": "defaultDate",
-              "value": "Default"
-            },
-            {
-              "key": "DateTime-Long",
-              "value": "Date (Long)"
-            },
-            {
-              "key": "DateTime-Short",
-              "value": "Date (Short)"
-            },
-            {
-              "key": "DateTime-Since",
-              "value": "Since"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "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"
-  }
-}