@pega/custom-dx-components 2.0.23 → 8.4.1

package/src/tasks/create/template/config.json.mustache

@@ -1,62 +0,0 @@
-{
-  "name": "{{COMPONENT_KEY}}",
-  "label": "{{COMPONENT_LABEL}}",
-  "description": "{{DESCRIPTION}}",
-  "organization": "{{ORGANIZATION}}",
-  "version": "{{VERSION}}",
-  "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
-  "componentKey": "{{COMPONENT_KEY}}",
-  "type": "{{TYPE}}",
-  "subtype": {{{SUB_TYPE}}},
-  {{#IS_TEMPLATE}}
-  "icon": "images/pz-text-input-active.svg",
-  {{/IS_TEMPLATE}}
-  "properties": [
-    {
-      "name": "label",
-      "label": "Label value",
-      "format": "TEXT"
-    },
-    {
-      "name": "placeholder",
-      "label": "Placeholder",
-      "format": "TEXT"
-    },
-    {
-      "name": "visibility",
-      "label": "Visible",
-      "format": "VISIBILITY"
-    },
-    {
-      "name": "disabled",
-      "label": "Disabled",
-      "format": "DISABLED"
-    },
-    {
-      "name": "required",
-      "label": "Required",
-      "format": "REQUIRED"
-    }
-  ],
-  "defaultConfig": {
-    {{#IS_PICKLIST}}
-    "label": "@L $this.label",
-    "placeholder": "@L Select...",
-    "listType": "associated",
-    "datasource": "@ASSOCIATED .$this.name"
-    {{/IS_PICKLIST}}
-    {{#IS_BOOLEAN}}
-    "trueText": "True",
-    "falseText": "False"
-    {{/IS_BOOLEAN}}
-    {{#IS_PHONE}}
-    "datasource": {
-      "source": "@DATASOURCE D_pyCountryCallingCodeList.pxResults",
-      "fields": {
-        "value": "@P .pyCallingCode"
-      }
-    }
-    {{/IS_PHONE}}
-  }
-}

package/src/tasks/create/template/demo.stories.jsx.mustache

@@ -1,44 +0,0 @@
-import { useState } from 'react';
-import { withKnobs, text, boolean } from '@storybook/addon-knobs';
-
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
-
-export default {
-  title: '{{COMPONENT_CLASS_NAME}}',
-  decorators: [withKnobs],
-  component: {{COMPONENT_CLASS_NAME}}
-};
-
-export const base{{COMPONENT_CLASS_NAME}} = () => {
-  const [value, setValue] = useState('test value');
-
-  const props = {
-    getPConnect: () => {
-      return {
-        getActionsApi: () => {
-          return {
-            updateFieldValue: (propName, value) => {
-              setValue(value);
-            }
-          };
-        },
-        getStateProps: () => {
-          return { value: '.name' };
-        }
-      };
-    },
-    value,
-    placeholder: text('Placeholder', 'Test placeholder'),
-    disabled: boolean('Disabled', false),
-    readOnly: boolean('Disabled', false),
-    required: boolean('Disabled', false),
-    label: text('Label', 'Sample Label'),
-    testId: text('Test id', 'text-12344566')
-  };
-
-  return (
-    <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
-    </>
-  );
-};

package/src/tasks/create/template/index.jsx.mustache

@@ -1,55 +0,0 @@
-import PropTypes from 'prop-types';
-import { Input, Label } from '@pega/cosmos-react-core';
-
-import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
-
-const {{COMPONENT_CLASS_NAME}} = props => {
-  const { getPConnect, value, placeholder, disabled, readOnly, required, label, testId } = props;
-
-  const pConn = getPConnect();
-  const actions = pConn.getActionsApi();
-  const propName = pConn?.getStateProps()?.value;
-
-  const handleOnChange = event => {
-    const { value: updatedValue } = event.target;
-    actions.updateFieldValue(propName, updatedValue);
-  };
-
-  return (
-    <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-      <Label>{label}</Label>
-      <Input
-        type='text'
-        value={value}
-        placeholder={placeholder}
-        disabled={disabled}
-        readOnly={readOnly}
-        required={required}
-        onChange={handleOnChange}
-        testId={testId}
-      />
-    </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-  );
-};
-
-{{COMPONENT_CLASS_NAME}}.defaultProps = {
-  value: '',
-  placeholder: '',
-  disabled: false,
-  readOnly: false,
-  required: false,
-  testId: null
-};
-
-{{COMPONENT_CLASS_NAME}}.propTypes = {
-  label: PropTypes.string,
-  value: PropTypes.string,
-  placeholder: PropTypes.string,
-  getPConnect: PropTypes.func.isRequired,
-  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  required: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  testId: PropTypes.string
-};
-
-export default {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/template/styles.js.mustache

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