@pega/custom-dx-components 26.1.10 → 26.1.11-alpha-0.2

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/config.json

@@ -1,372 +0,0 @@
-{
-  "name": "Pega_DXIL_MyInteger",
-  "label": "My Integer",
-  "description": "My Integer",
-  "organization": "Pega",
-  "version": "0.0.1",
-  "library": "DXIL",
-  "componentKey": "Pega_DXIL_MyInteger",
-  "type": "Field",
-  "subtype": "Integer",
-  "subtypeLabel": "Integer",
-  "properties": [
-    {
-      "name": "label",
-      "label": "Field label",
-      "format": "TEXT",
-      "required": true
-    },
-    {
-      "name": "labelOption",
-      "label": "Field label",
-      "format": "SELECT",
-      "defaultValue": "custom",
-      "visibility": "@PLATFORMNAME != 'launchpad'",
-      "source": [
-        {
-          "key": "default",
-          "value": "Default"
-        },
-        {
-          "key": "custom",
-          "value": "Custom"
-        }
-      ]
-    },
-    {
-      "name": "label",
-      "label": "Custom field label",
-      "format": "VALUEINPUT",
-      "required": true,
-      "ruleType": "Paragraph",
-      "visibility": "@PLATFORMNAME != 'launchpad'"
-    },
-    {
-      "name": "readOnly",
-      "label": "Edit mode",
-      "format": "READONLY"
-    },
-    {
-      "name": "showGroupSeparators",
-      "label": "Show thousands separator",
-      "format": "BOOLEAN",
-      "visibility": "(!displayAs = slider)"
-    },
-    {
-      "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": "displayAs",
-          "label": "Display as",
-          "format": "SELECT",
-          "defaultValue": "input",
-          "source": [
-            {
-              "key": "input",
-              "value": "Input"
-            },
-            {
-              "key": "stepper",
-              "value": "Stepper"
-            },
-            {
-              "key": "slider",
-              "value": "Slider"
-            }
-          ]
-        },
-        {
-          "name": "min",
-          "label": "Min value",
-          "format": "NUMBER",
-          "defaultValue": "0",
-          "required": true,
-          "visibility": "(displayAs = slider)"
-        },
-        {
-          "name": "max",
-          "label": "Max value",
-          "format": "NUMBER",
-          "defaultValue": "100",
-          "required": true,
-          "visibility": "(displayAs = slider)"
-        },
-        {
-          "name": "defaultValue",
-          "label": "Default value",
-          "format": "NUMBER",
-          "visibility": "(displayAs = slider)"
-        },
-        {
-          "name": "step",
-          "label": "Increment",
-          "format": "NUMBER",
-          "defaultValue": "1",
-          "min": 1,
-          "visibility": "(displayAs = slider)"
-        },
-        {
-          "name": "placeholder",
-          "label": "Placeholder",
-          "format": "TEXT",
-          "visibility": "(!displayAs = slider && !displayAs = stepper)"
-        },
-        {
-          "name": "helperText",
-          "label": "Helper text",
-          "format": "TEXT"
-        },
-        {
-          "name": "showInput",
-          "label": "Show numeric input",
-          "format": "BOOLEAN",
-          "defaultValue": true,
-          "visibility": "(displayAs = slider)"
-        },
-        {
-          "name": "showTicks",
-          "label": "Show ticks",
-          "format": "BOOLEAN",
-          "defaultValue": true,
-          "visibility": "(displayAs = slider)"
-        }
-      ]
-    },
-    {
-      "label": "Read-only settings",
-      "format": "GROUP",
-      "properties": [
-        {
-          "format": "SELECT",
-          "name": "formatter",
-          "label": "Format",
-          "defaultValue": "defaultInteger",
-          "source": [
-            {
-              "key": "defaultInteger",
-              "value": "Default"
-            },
-            {
-              "key": "Decimal",
-              "value": "Decimal"
-            },
-            {
-              "key": "Currency",
-              "value": "Currency"
-            },
-            {
-              "key": "Percentage",
-              "value": "Percentage"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "format": "CASCADE",
-      "visibility": "(formatter = Currency)",
-      "source": {
-        "format": "SELECT",
-        "label": "ISO Code Selection",
-        "name": "isoCodeSelection",
-        "defaultValue": "constant",
-        "source": [
-          {
-            "key": "constant",
-            "value": "Constant"
-          },
-          {
-            "key": "propertyRef",
-            "value": "Property Reference"
-          }
-        ]
-      },
-      "cascadeElements": [
-        {
-          "key": "currencyISOCode",
-          "format": "TEXT",
-          "name": "currencyISOCode",
-          "label": "Currency ISO Code",
-          "defaultValue": "USD",
-          "match": "constant"
-        },
-        {
-          "key": "currencyISOCode",
-          "format": "PROPERTY",
-          "name": "currencyISOCode",
-          "label": "Currency ISO Code",
-          "match": "propertyRef"
-        }
-      ]
-    },
-    {
-      "format": "SELECT",
-      "name": "currencyDisplay",
-      "label": "Currency display",
-      "visibility": "(formatter = Currency)",
-      "defaultValue": "symbol",
-      "source": [
-        {
-          "key": "symbol",
-          "value": "Auto"
-        },
-        {
-          "key": "code",
-          "value": "Code"
-        },
-        {
-          "key": "name",
-          "value": "Name"
-        }
-      ]
-    },
-    {
-      "format": "SELECT",
-      "name": "negative",
-      "label": "Negative number display",
-      "visibility": "(formatter = Currency)",
-      "defaultValue": "minus-sign",
-      "source": [
-        {
-          "key": "minus-sign",
-          "value": "Standard"
-        },
-        {
-          "key": "parentheses",
-          "value": "Accounting"
-        }
-      ]
-    },
-    {
-      "format": "SELECT",
-      "name": "notation",
-      "label": "Notation",
-      "visibility": "(!negative = parentheses)&&(!formatter = Percentage)",
-      "defaultValue": "standard",
-      "source": [
-        {
-          "key": "standard",
-          "value": "Standard"
-        },
-        {
-          "key": "compact",
-          "value": "Compact"
-        }
-      ]
-    },
-    {
-      "name": "decimalPrecision",
-      "label": "Decimal places",
-      "format": "NUMBER",
-      "visibility": "(formatter = Decimal)||(formatter = Percentage)",
-      "min": 0,
-      "max": 20
-    },
-    {
-      "format": "SELECT",
-      "name": "currencyDecimalPrecision",
-      "label": "Decimal places shown",
-      "visibility": "(formatter = Currency)",
-      "defaultValue": "auto",
-      "source": [
-        {
-          "key": "auto",
-          "value": "Auto"
-        },
-        {
-          "key": "0",
-          "value": "None"
-        },
-        {
-          "key": "1",
-          "value": "1"
-        },
-        {
-          "key": "2",
-          "value": "2"
-        },
-        {
-          "key": "3",
-          "value": "3"
-        },
-        {
-          "key": "4",
-          "value": "4"
-        }
-      ]
-    },
-    {
-      "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",
-    "detailFVLItem": true,
-    "isFormWidth" : false,
-    "isContainerWidth" : false
-  }
-}

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/create-nonce.ts

@@ -1,5 +0,0 @@
-// @ts-ignore
-if (window?.__webpack_nonce__) {
-  // @ts-ignore
-  __webpack_nonce__ = window.__webpack_nonce__;
-}

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.stories.tsx

@@ -1,63 +0,0 @@
-/* eslint-disable react/jsx-no-useless-fragment */
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { stateProps, configProps, fieldMetadata } from './mock';
-
-import PegaDxilMyInteger from './index';
-
-const meta: Meta<typeof PegaDxilMyInteger> = {
-  title: 'PegaDxilMyInteger',
-  component: PegaDxilMyInteger,
-  excludeStories: /.*Data$/
-};
-
-export default meta;
-type Story = StoryObj<typeof PegaDxilMyInteger>;
-
-export const BasePegaDxilMyInteger: 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 (
-    <>
-      <PegaDxilMyInteger {...props} {...args} />
-    </>
-  );
-};
-
-BasePegaDxilMyInteger.args = {
-  label: configProps.label,
-  helperText: configProps.helperText,
-  placeholder: configProps.placeholder,
-  showGroupSeparators: configProps.showGroupSeparators,
-  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/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.test.tsx

@@ -1,18 +0,0 @@
-// import { expect, test } from '@jest/globals';
-import { render, screen } from '@testing-library/react';
-import { composeStories } from '@storybook/react';
-import '@testing-library/jest-dom';
-
-import * as DemoStories from './demo.stories';
-
-const { BasePegaDxilMyInteger } = composeStories(DemoStories);
-
-test('renders PegaDxilMyInteger', async () => {
-  render(<BasePegaDxilMyInteger />);
-  expect(await screen.findByText('Integer Sample')).toBeVisible();
-  expect(await screen.findByText('Integer Helper Text')).toBeVisible();
-
-  const integerElement = (screen.getByTestId('integer-12345678') as HTMLInputElement);
-  expect(integerElement.value).toBe('');
-
-});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/event-utils.ts

@@ -1,18 +0,0 @@
-const handleEvent = (actions: any, eventType: string, propName: string, value: string | number) => {
-  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;