@pega/dx-component-builder-sdk 23.1.12 → 23.1.14

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyTestText/demo.stories.tsx

@@ -1,59 +0,0 @@
-import { useState } from 'react';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-import PegaDxilMyTestText from './index';
-import { configProps } from './mock';
-
-const meta: Meta<typeof PegaDxilMyTestText> = {
-  title: 'PegaDxilMyTestText',
-  component: PegaDxilMyTestText,
-  excludeStories: /.*Data$/
-};
-
-export default meta;
-type Story = StoryObj<typeof PegaDxilMyTestText>;
-
-export const BasePegaDxilMyTestText: Story = args => {
-  const [value, setValue] = useState(configProps.value);
-
-  const props = {
-    value,
-    placeholder: configProps.placeholder,
-    getPConnect: () => {
-      return {
-        getActionsApi: () => {
-          return {
-            updateFieldValue: (propName, theValue) => {
-              setValue(theValue);
-            }
-          };
-        },
-        getStateProps: () => {
-          return { value: '.name' };
-        }
-      };
-    },
-    onChange: event => {
-      setValue(event.target.value);
-    },
-    onBlur: () => {
-      return configProps.value;
-    }
-  };
-
-  return <PegaDxilMyTestText {...props} {...args} />;
-};
-
-BasePegaDxilMyTestText.args = {
-  label: configProps.label,
-  helperText: configProps.helperText,
-  testId: configProps.testId,
-  readOnly: configProps.readOnly,
-  disabled: configProps.disabled,
-  required: configProps.required,
-  status: configProps.status,
-  hideLabel: configProps.hideLabel,
-  displayMode: configProps.displayMode,
-  validatemessage: configProps.validatemessage
-};

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyTestText/index.tsx

@@ -1,101 +0,0 @@
-import { useState, useEffect } from 'react';
-import { TextField } from '@material-ui/core';
-
-import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-import StyledPegaDxilMyTestTextWrapper from './styles';
-
-interface PegaDxilMyTestTextProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on this componentName
-  fieldMetadata?: any;
-}
-
-// Duplicated runtime code from React SDK
-
-// props passed in combination of props from property panel (config.json) and run time props from Constellation
-export default function PegaDxilMyTestText(props: PegaDxilMyTestTextProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const FieldValueList = getComponentFromMap('FieldValueList');
-
-  const {
-    getPConnect,
-    label,
-    required,
-    disabled,
-    value = '',
-    validatemessage,
-    status,
-    /* onChange, onBlur */
-    readOnly,
-    testId,
-    fieldMetadata,
-    helperText,
-    displayMode,
-    hideLabel,
-    placeholder
-  } = props;
-
-  const pConn = getPConnect();
-  const actions = pConn.getActionsApi();
-  const propName = (pConn.getStateProps() as any).value;
-
-  const helperTextToDisplay = validatemessage || helperText;
-
-  const [inputValue, setInputValue] = useState('');
-  const maxLength = fieldMetadata?.maxLength;
-
-  let readOnlyProp = {}; // Note: empty if NOT ReadOnly
-
-  useEffect(() => {
-    setInputValue(value);
-  }, [value]);
-
-  if (displayMode === 'LABELS_LEFT') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} />;
-  }
-
-  if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;
-  }
-
-  if (readOnly) {
-    readOnlyProp = { readOnly: true };
-  }
-
-  let testProp = {};
-
-  testProp = {
-    'data-test-id': testId
-  };
-
-  function handleChange(event) {
-    // update internal value
-    setInputValue(event?.target?.value);
-  }
-
-  function handleBlur() {
-    handleEvent(actions, 'changeNblur', propName, inputValue);
-  }
-
-  return (
-    <StyledPegaDxilMyTestTextWrapper>
-      <TextField
-        fullWidth
-        variant={readOnly ? 'standard' : 'outlined'}
-        helperText={helperTextToDisplay}
-        placeholder={placeholder ?? ''}
-        size='small'
-        required={required}
-        disabled={disabled}
-        onChange={handleChange}
-        onBlur={!readOnly ? handleBlur : undefined}
-        error={status === 'error'}
-        label={label}
-        value={inputValue}
-        InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}
-      />
-    </StyledPegaDxilMyTestTextWrapper>
-  );
-}
-

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyTestText/mock.ts

@@ -1,16 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export const configProps = {
-  value: '',
-  label: 'Text Sample',
-  placeholder: 'Text Placeholder',
-  helperText: 'Text Helper Text',
-  testId: 'Text-12345678',
-  hasSuggestions: false,
-  disabled: false,
-  readOnly: false,
-  required: false,
-  displayMode: '',
-  status: '',
-  hideLabel: false,
-  validatemessage: ''
-};

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyTestText/styles.js

@@ -1,7 +0,0 @@
-import styled, { css } from 'styled-components';
-
-export default styled.div(() => {
-  return css`
-    margin: 0px 0;
-  `;
-});