@pega/custom-dx-components 0.0.1 → 0.1.10

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

@@ -0,0 +1,69 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
+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/Picklist-Autocomplete/picklist-utils.js.mustache

@@ -0,0 +1,88 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { object } from 'prop-types';
+
+export const flattenParameters = (parameters = {}) => {
+  const flatParams = {};
+  let requireFlattening = true;
+  Object.keys(parameters).forEach((key) => {
+    if (typeof parameters[key] !== 'object') {
+      requireFlattening = false;
+    } else {
+      requireFlattening = true;
+      const { name, value } = parameters[key];
+      flatParams[name] = value;
+    }
+  });
+  if (!requireFlattening) {
+    return parameters;
+  }
+  return flatParams;
+};
+
+export const buildColumnForDisplayValue = (dataObj) => {
+  if (dataObj.columns) {
+    dataObj.columns = dataObj.columns.map((column) => {
+      const tempColObj = { ...column };
+      if (tempColObj.key === 'true') {
+        tempColObj.useForSearch = true;
+      } else {
+        tempColObj.useForSearch = false;
+      }
+      return tempColObj;
+    });
+  }
+};
+
+export const extractFieldMetadata = (datasourceMetadata) => {
+  const datasource = datasourceMetadata.datasource.name;
+  const parameters = flattenParameters(datasourceMetadata.datasource.parameters);
+  let displayProp = datasourceMetadata.datasource.propertyForDisplayText.startsWith('@P')
+    ? datasourceMetadata.datasource.propertyForDisplayText.substring(3)
+    : datasourceMetadata.datasource.propertyForDisplayText;
+  const valueProp = datasourceMetadata.datasource.propertyForValue.startsWith('@P')
+    ? datasourceMetadata.datasource.propertyForValue.substring(3)
+    : datasourceMetadata.datasource.propertyForValue;
+  if (displayProp === '') {
+    displayProp = valueProp;
+  }
+  const columns = [
+    {
+      key: 'true',
+      setProperty: 'Associated property',
+      value: valueProp
+    },
+    {
+      display: 'true',
+      primary: 'true',
+      useForSearch: true,
+      value: displayProp
+    }
+  ];
+  return { datasource, parameters, columns };
+};
+
+export const preProcessColumns = (columns) => {
+  return columns.map((col) => {
+    const tempColObj = { ...col };
+    tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;
+    return tempColObj;
+  });
+};
+
+export const getDisplayFieldsMetaData = (columns) => {
+  const displayColumns = columns.filter((col) => col.display === 'true' || col.secondary === 'true');
+  const metaDataObj = { key: '', primary: '', secondary: [], hidden: [] };
+  const keyCol = columns.filter((col) => col.key === 'true');
+  metaDataObj.key = keyCol.length > 0 ? keyCol[0].value : 'auto';
+  for (let index = 0; index < displayColumns.length; index += 1) {
+    if (displayColumns[index].primary === 'true') {
+      metaDataObj.primary = displayColumns[index].value;
+    } else {
+      if (displayColumns[index].display === 'false') {
+        metaDataObj.hidden.push(displayColumns[index].value);
+      }
+      metaDataObj.secondary.push(displayColumns[index].value);
+    }
+  }
+  return metaDataObj;
+};

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/repeat-constants.js.mustache

@@ -0,0 +1,20 @@
+export const apiRetryConfig = {
+  TIMEOUT: {
+    numberOfRetries: 1,
+    retryOnCondition: (serverApiResponse) => serverApiResponse?.status === 599,
+    retryWithOptions: { useExtendedTimeout: true }
+  }
+};
+
+export const confirmationModalLabels = {
+  TIMEOUT: {
+    heading: 'Do you want to keep waiting?',
+    genericDescription: 'This is taking some time. You can continue to wait or cancel?',
+    tableNameMessagePrefix: 'Table',
+    tableNameMessageSuffix: 'is taking some time. You can continue to wait or cancel?',
+    cancelButtonLabel: 'Cancel',
+    submitButtonLabel: 'Keep waiting'
+  }
+};
+
+export const SEARCH_AND_SELECT_AS_EXTERNAL_FILTERS = 'SEARCH_AND_SELECT_AS_EXTERNAL_FILTERS';