@pega/react-sdk-components 0.23.17 → 0.23.19

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.js

@@ -1,32 +1,50 @@
-import React from "react";
-// import PropTypes from "prop-types";
+import React, { createElement } from 'react';
+import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
-import DetailsFields from '../../../designSystemExtension/DetailsFields';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import FieldGroup from '../../../designSystemExtension/FieldGroup';
 export default function DetailsTwoColumn(props) {
-    const { children } = props;
-    const arFields = [];
-    for (const child of children) {
-        const theChildPConn = child.props.getPConnect();
-        theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');
-        theChildPConn.setInheritedProp('readOnly', true);
-        const theChildrenOfChild = theChildPConn.getChildren();
-        arFields.push(theChildrenOfChild);
+    const { label, showLabel, getPConnect, showHighlightedData } = props;
+    // Get the inherited props from the parent to determine label settings
+    const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
+    // Set display mode prop and re-create the children so this part of the dom tree renders
+    // in a readonly (display) mode instead of a editable
+    getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
+    getPConnect().setInheritedProp('readOnly', true);
+    const children = getPConnect()
+        .getChildren()
+        .map((configObject, index) => createElement(createPConnectComponent(), {
+        ...configObject,
+        // eslint-disable-next-line react/no-array-index-key
+        key: index.toString()
+    }));
+    // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent
+    let highlightedDataArr = [];
+    if (showHighlightedData) {
+        const { highlightedData = [] } = getPConnect().getRawMetadata().config;
+        highlightedDataArr = highlightedData.map(field => {
+            field.config.displayMode = 'STACKED_LARGE_VAL';
+            // Mark as status display when using pyStatusWork
+            if (field.config.value === '@P .pyStatusWork') {
+                field.type = 'TextInput';
+                field.config.displayAsStatus = true;
+            }
+            return getPConnect().createComponent(field);
+        });
     }
-    if (arFields.length !== 2) {
-        // eslint-disable-next-line no-console
-        console.error(`DetailsTwoColumn expects 2 children and received ${arFields.length}`);
-    }
-    return (React.createElement("div", { id: "DetailsTwoColumn" },
-        React.createElement(Grid, { container: true, spacing: 1 },
-            React.createElement(Grid, { item: true, xs: 6 },
-                React.createElement(DetailsFields, { fields: arFields[0] })),
-            React.createElement(Grid, { item: true, xs: 6 },
-                React.createElement(DetailsFields, { fields: arFields[1] })))));
+    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
+        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: 6, key: `hf-${i + 1}` }, child))))),
+        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: 6, key: `r-${i + 1}` }, child))))));
 }
+DetailsTwoColumn.defaultProps = {
+    label: undefined,
+    showLabel: true,
+    showHighlightedData: false
+};
 DetailsTwoColumn.propTypes = {
-// showLabel: PropTypes.bool,
-// label: PropTypes.string,
-// getPConnect: PropTypes.func.isRequired,
-// template: PropTypes.string.isRequired
+    showLabel: PropTypes.bool,
+    label: PropTypes.string,
+    getPConnect: PropTypes.func.isRequired,
+    showHighlightedData: PropTypes.bool
 };
 //# sourceMappingURL=DetailsTwoColumn.js.map

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,aAAa,MAAM,8CAA8C,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK;IAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QAC7D,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACjD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,oDAAoD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KACtF;IAGD,OAAO,CACL,6BAAK,EAAE,EAAC,kBAAkB;QACxB,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC,CACF,CACH,CACP,CAAA;AACH,CAAC;AAED,gBAAgB,CAAC,SAAS,GAAG;AAC3B,6BAA6B;AAC7B,2BAA2B;AAC3B,0CAA0C;AAC1C,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\n// import PropTypes from \"prop-types\";\nimport Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtension/DetailsFields';\n\nexport default function DetailsTwoColumn(props) {\n  const { children } = props;\n  const arFields: Array<any> = [];\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n    theChildPConn.setInheritedProp('readOnly', true);\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  if (arFields.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`DetailsTwoColumn expects 2 children and received ${arFields.length}`);\n  }\n\n\n  return (\n    <div id=\"DetailsTwoColumn\">\n      <Grid container spacing={1}>\n        <Grid item xs={6}>\n          <DetailsFields fields={arFields[0]} />\n        </Grid>\n        <Grid item xs={6}>\n          <DetailsFields fields={arFields[1]} />\n        </Grid>\n      </Grid>\n    </div>\n  )\n}\n\nDetailsTwoColumn.propTypes = {\n  // showLabel: PropTypes.bool,\n  // label: PropTypes.string,\n  // getPConnect: PropTypes.func.isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}
+{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nexport default function DetailsTwoColumn(props) {\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    .map((configObject, index) =>\n      createElement(createPConnectComponent(), {\n        ...configObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      })\n    );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={6} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={6} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n\nDetailsTwoColumn.defaultProps = {\n  label: undefined,\n  showLabel: true,\n  showHighlightedData: false\n};\n\nDetailsTwoColumn.propTypes = {\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  showHighlightedData: PropTypes.bool\n};\n"]}

package/lib/components/template/ListView/DefaultViewMeta.d.ts

@@ -0,0 +1,91 @@
+export default function getDefaultViewMeta(fieldMeta: any, classID: any, showField: any): {
+    type: string;
+    config: {
+        trueLabel: string;
+        falseLabel: string;
+        caption: string;
+        label: undefined;
+        associationID: any;
+        associationLabel?: string | undefined;
+        value: string;
+        fieldType: any;
+        propertyType: any;
+        classID: any;
+        displayAs: any;
+        displayAsLink: any;
+        category: any;
+        show: any;
+    };
+} | {
+    type: string;
+    config: {
+        datasource: {
+            source: string;
+            fields: {
+                value: string;
+            };
+        };
+        associationID: any;
+        associationLabel?: string | undefined;
+        value: string;
+        label: string;
+        fieldType: any;
+        propertyType: any;
+        classID: any;
+        displayAs: any;
+        displayAsLink: any;
+        category: any;
+        show: any;
+    };
+} | {
+    type: string;
+    config: {
+        value: string;
+        placeholder: string;
+        displayAs: string;
+        associationID: any;
+        associationLabel: undefined;
+        label: string;
+        fieldType: any;
+        propertyType: any;
+        classID: any;
+        displayAsLink: any;
+        category: any;
+        show: any;
+    };
+} | {
+    type: string;
+    config: {
+        placeholder: string;
+        listType: string;
+        datasource: string;
+        deferDatasource: boolean;
+        associationID: any;
+        associationLabel?: string | undefined;
+        value: string;
+        label: string;
+        fieldType: any;
+        propertyType: any;
+        classID: any;
+        displayAs: any;
+        displayAsLink: any;
+        category: any;
+        show: any;
+    };
+} | {
+    type: any;
+    config: {
+        associationID: any;
+        associationLabel?: string | undefined;
+        value: string;
+        label: string;
+        fieldType: any;
+        propertyType: any;
+        classID: any;
+        displayAs: any;
+        displayAsLink: any;
+        category: any;
+        show: any;
+    };
+};
+//# sourceMappingURL=DefaultViewMeta.d.ts.map

package/lib/components/template/ListView/DefaultViewMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultViewMeta.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/DefaultViewMeta.js"],"names":[],"mappings":"AAqCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLC"}

package/lib/components/template/ListView/DefaultViewMeta.js

@@ -0,0 +1,208 @@
+const LOCALIZATON_ANNOTATION = '@L ';
+const PROPERTY_ANNOTATION = '@P .';
+const USER_ANNOTATION = '@USER .';
+const ASSOCIATED_ANNOTATION = '@ASSOCIATED .';
+const ASSOCIATION_ANNOTATION = '@CA ';
+const getDefaultConfig = (fieldMeta, classID, show) => {
+    const { name, label, fieldID, fieldType, dataType, type, classID: fieldMetaClassID, displayAs, displayAsLink, category, associationClassID, associationID } = fieldMeta;
+    return {
+        value: (associationClassID ? ASSOCIATION_ANNOTATION : PROPERTY_ANNOTATION).concat(fieldID),
+        label: LOCALIZATON_ANNOTATION.concat(name || label),
+        fieldType,
+        propertyType: dataType || type,
+        classID: classID || fieldMetaClassID,
+        displayAs,
+        displayAsLink,
+        category,
+        show,
+        ...(associationClassID ? { associationLabel: LOCALIZATON_ANNOTATION.concat(category) } : {}),
+        associationID
+    };
+};
+export default function getDefaultViewMeta(fieldMeta, classID, showField) {
+    const { type, name, displayAs, fieldID, isUserReference, associationID, datasource, label, fieldType } = fieldMeta;
+    const mapperKey = type && displayAs ? type.concat(':').concat(displayAs) : type;
+    const defaultConfig = getDefaultConfig(fieldMeta, classID, showField);
+    let viewMeta;
+    switch (mapperKey) {
+        case 'True-False:pxCheckbox':
+            viewMeta = {
+                type: 'Checkbox',
+                config: {
+                    ...defaultConfig,
+                    trueLabel: '@L Yes',
+                    falseLabel: '@L No',
+                    caption: LOCALIZATON_ANNOTATION.concat(name || label),
+                    label: undefined
+                }
+            };
+            break;
+        case 'Decimal:pxCurrency':
+            viewMeta = {
+                type: 'Currency',
+                config: defaultConfig
+            };
+            break;
+        case 'Date Time:pxDateTime':
+        case 'Date & time:pxDateTime':
+            viewMeta = {
+                type: 'DateTime',
+                config: defaultConfig
+            };
+            break;
+        case 'Date:pxDateTime':
+        case 'Date only:pxDateTime':
+            viewMeta = {
+                type: 'Date',
+                config: defaultConfig
+            };
+            break;
+        case 'Decimal:pxNumber':
+            viewMeta = {
+                type: 'Decimal',
+                config: defaultConfig
+            };
+            break;
+        case 'Text:pxEmail':
+            viewMeta = {
+                type: 'Email',
+                config: defaultConfig
+            };
+            break;
+        case 'Integer:pxInteger':
+            viewMeta = {
+                type: 'Integer',
+                config: defaultConfig
+            };
+            break;
+        case 'Decimal:pxPercentage':
+            viewMeta = {
+                type: 'Percentage',
+                config: defaultConfig
+            };
+            break;
+        case 'Text:pxPhone':
+            viewMeta = {
+                type: 'Phone',
+                config: {
+                    ...defaultConfig,
+                    datasource: {
+                        source: '@DATASOURCE D_pyCountryCallingCodeList.pxResults',
+                        fields: {
+                            value: '@P .pyCallingCode'
+                        }
+                    }
+                }
+            };
+            break;
+        case 'TimeOfDay:pxDateTime':
+            viewMeta = {
+                type: 'Time',
+                config: defaultConfig
+            };
+            break;
+        case 'Text:pxURL':
+        case 'Text:pxUrl':
+            viewMeta = {
+                type: 'URL',
+                config: defaultConfig
+            };
+            break;
+        case 'Text:pxTextArea':
+            viewMeta = {
+                type: 'TextArea',
+                config: defaultConfig
+            };
+            break;
+        case 'Text:pxRichTextEditor':
+            viewMeta = {
+                type: 'RichText',
+                config: defaultConfig
+            };
+            break;
+        case 'Text:pxAutoComplete':
+            if (isUserReference || fieldType === 'User reference') {
+                viewMeta = {
+                    type: 'UserReference',
+                    config: {
+                        ...defaultConfig,
+                        value: USER_ANNOTATION.concat(fieldID),
+                        placeholder: 'Select...',
+                        displayAs: 'Search box',
+                        associationID,
+                        associationLabel: undefined
+                    }
+                };
+            }
+            else {
+                const { tableType = '' } = datasource || {};
+                viewMeta = {
+                    type: 'AutoComplete',
+                    config: {
+                        ...defaultConfig,
+                        placeholder: 'Select...',
+                        listType: 'associated',
+                        datasource: ASSOCIATED_ANNOTATION.concat(fieldID),
+                        deferDatasource: tableType === 'DataPage'
+                    }
+                };
+            }
+            break;
+        case 'Text:pxDropdown':
+            if (isUserReference || fieldType === 'User reference') {
+                viewMeta = {
+                    type: 'UserReference',
+                    config: {
+                        ...defaultConfig,
+                        value: USER_ANNOTATION.concat(fieldID),
+                        placeholder: 'Select...',
+                        displayAs: 'Drop-down list',
+                        associationID,
+                        associationLabel: undefined
+                    }
+                };
+            }
+            else {
+                const { tableType = '' } = datasource || {};
+                viewMeta = {
+                    type: 'Dropdown',
+                    config: {
+                        ...defaultConfig,
+                        placeholder: 'Select...',
+                        listType: 'associated',
+                        datasource: ASSOCIATED_ANNOTATION.concat(fieldID),
+                        deferDatasource: tableType === 'DataPage'
+                    }
+                };
+            }
+            break;
+        case 'Text:pxRadioButtons':
+            {
+                const { tableType = '' } = datasource || {};
+                viewMeta = {
+                    type: 'RadioButtons',
+                    config: {
+                        ...defaultConfig,
+                        placeholder: 'Select...',
+                        listType: 'associated',
+                        datasource: ASSOCIATED_ANNOTATION.concat(fieldID),
+                        deferDatasource: tableType === 'DataPage'
+                    }
+                };
+            }
+            break;
+        case 'Text:pxTextInput':
+            viewMeta = {
+                type: 'TextInput',
+                config: defaultConfig
+            };
+            break;
+        default:
+            viewMeta = {
+                type,
+                config: defaultConfig
+            };
+    }
+    return viewMeta;
+}
+//# sourceMappingURL=DefaultViewMeta.js.map

package/lib/components/template/ListView/DefaultViewMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultViewMeta.js","sourceRoot":"","sources":["../../../../src/components/template/ListView/DefaultViewMeta.js"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAAG,KAAK,CAAC;AACrC,MAAM,mBAAmB,GAAG,MAAM,CAAC;AACnC,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,MAAM,qBAAqB,GAAG,eAAe,CAAC;AAC9C,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAEtC,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACpD,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,OAAO,EAAE,gBAAgB,EACzB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACd,GAAG,SAAS,CAAC;IACd,OAAO;QACL,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC1F,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC;QACnD,SAAS;QACT,YAAY,EAAE,QAAQ,IAAI,IAAI;QAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB;QACpC,SAAS;QACT,aAAa;QACb,QAAQ;QACR,IAAI;QACJ,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5F,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS;IACtE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GACpG,SAAS,CAAC;IACZ,MAAM,SAAS,GAAG,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChF,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACtE,IAAI,QAAQ,CAAC;IACb,QAAQ,SAAS,EAAE;QACjB,KAAK,uBAAuB;YAC1B,QAAQ,GAAG;gBACT,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE;oBACN,GAAG,aAAa;oBAChB,SAAS,EAAE,QAAQ;oBACnB,UAAU,EAAE,OAAO;oBACnB,OAAO,EAAE,sBAAsB,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC;oBACrD,KAAK,EAAE,SAAS;iBACjB;aACF,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB;YACvB,QAAQ,GAAG;gBACT,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,sBAAsB,CAAC;QAC5B,KAAK,wBAAwB;YAC3B,QAAQ,GAAG;gBACT,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,iBAAiB,CAAC;QACvB,KAAK,sBAAsB;YACzB,QAAQ,GAAG;gBACT,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,kBAAkB;YACrB,QAAQ,GAAG;gBACT,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,cAAc;YACjB,QAAQ,GAAG;gBACT,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,mBAAmB;YACtB,QAAQ,GAAG;gBACT,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,sBAAsB;YACzB,QAAQ,GAAG;gBACT,IAAI,EAAE,YAAY;gBAClB,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,cAAc;YACjB,QAAQ,GAAG;gBACT,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE;oBACN,GAAG,aAAa;oBAChB,UAAU,EAAE;wBACV,MAAM,EAAE,kDAAkD;wBAC1D,MAAM,EAAE;4BACN,KAAK,EAAE,mBAAmB;yBAC3B;qBACF;iBACF;aACF,CAAC;YACF,MAAM;QACR,KAAK,sBAAsB;YACzB,QAAQ,GAAG;gBACT,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,YAAY,CAAC;QAClB,KAAK,YAAY;YACf,QAAQ,GAAG;gBACT,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,iBAAiB;YACpB,QAAQ,GAAG;gBACT,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,uBAAuB;YAC1B,QAAQ,GAAG;gBACT,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR,KAAK,qBAAqB;YACxB,IAAI,eAAe,IAAI,SAAS,KAAK,gBAAgB,EAAE;gBACrD,QAAQ,GAAG;oBACT,IAAI,EAAE,eAAe;oBACrB,MAAM,EAAE;wBACN,GAAG,aAAa;wBAChB,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC;wBACtC,WAAW,EAAE,WAAW;wBACxB,SAAS,EAAE,YAAY;wBACvB,aAAa;wBACb,gBAAgB,EAAE,SAAS;qBAC5B;iBACF,CAAC;aACH;iBAAM;gBACL,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;gBAC5C,QAAQ,GAAG;oBACT,IAAI,EAAE,cAAc;oBACpB,MAAM,EAAE;wBACN,GAAG,aAAa;wBAChB,WAAW,EAAE,WAAW;wBACxB,QAAQ,EAAE,YAAY;wBACtB,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC;wBACjD,eAAe,EAAE,SAAS,KAAK,UAAU;qBAC1C;iBACF,CAAC;aACH;YACD,MAAM;QACR,KAAK,iBAAiB;YACpB,IAAI,eAAe,IAAI,SAAS,KAAK,gBAAgB,EAAE;gBACrD,QAAQ,GAAG;oBACT,IAAI,EAAE,eAAe;oBACrB,MAAM,EAAE;wBACN,GAAG,aAAa;wBAChB,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC;wBACtC,WAAW,EAAE,WAAW;wBACxB,SAAS,EAAE,gBAAgB;wBAC3B,aAAa;wBACb,gBAAgB,EAAE,SAAS;qBAC5B;iBACF,CAAC;aACH;iBAAM;gBACL,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;gBAC5C,QAAQ,GAAG;oBACT,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE;wBACN,GAAG,aAAa;wBAChB,WAAW,EAAE,WAAW;wBACxB,QAAQ,EAAE,YAAY;wBACtB,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC;wBACjD,eAAe,EAAE,SAAS,KAAK,UAAU;qBAC1C;iBACF,CAAC;aACH;YACD,MAAM;QACR,KAAK,qBAAqB;YACxB;gBACE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;gBAC5C,QAAQ,GAAG;oBACT,IAAI,EAAE,cAAc;oBACpB,MAAM,EAAE;wBACN,GAAG,aAAa;wBAChB,WAAW,EAAE,WAAW;wBACxB,QAAQ,EAAE,YAAY;wBACtB,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC;wBACjD,eAAe,EAAE,SAAS,KAAK,UAAU;qBAC1C;iBACF,CAAC;aACH;YACD,MAAM;QACR,KAAK,kBAAkB;YACrB,QAAQ,GAAG;gBACT,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,aAAa;aACtB,CAAC;YACF,MAAM;QACR;YACE,QAAQ,GAAG;gBACT,IAAI;gBACJ,MAAM,EAAE,aAAa;aACtB,CAAC;KACL;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["const LOCALIZATON_ANNOTATION = '@L ';\nconst PROPERTY_ANNOTATION = '@P .';\nconst USER_ANNOTATION = '@USER .';\nconst ASSOCIATED_ANNOTATION = '@ASSOCIATED .';\nconst ASSOCIATION_ANNOTATION = '@CA ';\n\nconst getDefaultConfig = (fieldMeta, classID, show) => {\n  const {\n    name,\n    label,\n    fieldID,\n    fieldType,\n    dataType,\n    type,\n    classID: fieldMetaClassID,\n    displayAs,\n    displayAsLink,\n    category,\n    associationClassID,\n    associationID\n  } = fieldMeta;\n  return {\n    value: (associationClassID ? ASSOCIATION_ANNOTATION : PROPERTY_ANNOTATION).concat(fieldID),\n    label: LOCALIZATON_ANNOTATION.concat(name || label),\n    fieldType,\n    propertyType: dataType || type,\n    classID: classID || fieldMetaClassID,\n    displayAs,\n    displayAsLink,\n    category,\n    show,\n    ...(associationClassID ? { associationLabel: LOCALIZATON_ANNOTATION.concat(category) } : {}),\n    associationID\n  };\n};\n\n\nexport default function getDefaultViewMeta(fieldMeta, classID, showField) {\n  const { type, name, displayAs, fieldID, isUserReference, associationID, datasource, label, fieldType } =\n    fieldMeta;\n  const mapperKey = type && displayAs ? type.concat(':').concat(displayAs) : type;\n  const defaultConfig = getDefaultConfig(fieldMeta, classID, showField);\n  let viewMeta;\n  switch (mapperKey) {\n    case 'True-False:pxCheckbox':\n      viewMeta = {\n        type: 'Checkbox',\n        config: {\n          ...defaultConfig,\n          trueLabel: '@L Yes',\n          falseLabel: '@L No',\n          caption: LOCALIZATON_ANNOTATION.concat(name || label),\n          label: undefined\n        }\n      };\n      break;\n    case 'Decimal:pxCurrency':\n      viewMeta = {\n        type: 'Currency',\n        config: defaultConfig\n      };\n      break;\n    case 'Date Time:pxDateTime':\n    case 'Date & time:pxDateTime':\n      viewMeta = {\n        type: 'DateTime',\n        config: defaultConfig\n      };\n      break;\n    case 'Date:pxDateTime':\n    case 'Date only:pxDateTime':\n      viewMeta = {\n        type: 'Date',\n        config: defaultConfig\n      };\n      break;\n    case 'Decimal:pxNumber':\n      viewMeta = {\n        type: 'Decimal',\n        config: defaultConfig\n      };\n      break;\n    case 'Text:pxEmail':\n      viewMeta = {\n        type: 'Email',\n        config: defaultConfig\n      };\n      break;\n    case 'Integer:pxInteger':\n      viewMeta = {\n        type: 'Integer',\n        config: defaultConfig\n      };\n      break;\n    case 'Decimal:pxPercentage':\n      viewMeta = {\n        type: 'Percentage',\n        config: defaultConfig\n      };\n      break;\n    case 'Text:pxPhone':\n      viewMeta = {\n        type: 'Phone',\n        config: {\n          ...defaultConfig,\n          datasource: {\n            source: '@DATASOURCE D_pyCountryCallingCodeList.pxResults',\n            fields: {\n              value: '@P .pyCallingCode'\n            }\n          }\n        }\n      };\n      break;\n    case 'TimeOfDay:pxDateTime':\n      viewMeta = {\n        type: 'Time',\n        config: defaultConfig\n      };\n      break;\n    case 'Text:pxURL':\n    case 'Text:pxUrl':\n      viewMeta = {\n        type: 'URL',\n        config: defaultConfig\n      };\n      break;\n    case 'Text:pxTextArea':\n      viewMeta = {\n        type: 'TextArea',\n        config: defaultConfig\n      };\n      break;\n    case 'Text:pxRichTextEditor':\n      viewMeta = {\n        type: 'RichText',\n        config: defaultConfig\n      };\n      break;\n    case 'Text:pxAutoComplete':\n      if (isUserReference || fieldType === 'User reference') {\n        viewMeta = {\n          type: 'UserReference',\n          config: {\n            ...defaultConfig,\n            value: USER_ANNOTATION.concat(fieldID),\n            placeholder: 'Select...',\n            displayAs: 'Search box',\n            associationID,\n            associationLabel: undefined\n          }\n        };\n      } else {\n        const { tableType = '' } = datasource || {};\n        viewMeta = {\n          type: 'AutoComplete',\n          config: {\n            ...defaultConfig,\n            placeholder: 'Select...',\n            listType: 'associated',\n            datasource: ASSOCIATED_ANNOTATION.concat(fieldID),\n            deferDatasource: tableType === 'DataPage'\n          }\n        };\n      }\n      break;\n    case 'Text:pxDropdown':\n      if (isUserReference || fieldType === 'User reference') {\n        viewMeta = {\n          type: 'UserReference',\n          config: {\n            ...defaultConfig,\n            value: USER_ANNOTATION.concat(fieldID),\n            placeholder: 'Select...',\n            displayAs: 'Drop-down list',\n            associationID,\n            associationLabel: undefined\n          }\n        };\n      } else {\n        const { tableType = '' } = datasource || {};\n        viewMeta = {\n          type: 'Dropdown',\n          config: {\n            ...defaultConfig,\n            placeholder: 'Select...',\n            listType: 'associated',\n            datasource: ASSOCIATED_ANNOTATION.concat(fieldID),\n            deferDatasource: tableType === 'DataPage'\n          }\n        };\n      }\n      break;\n    case 'Text:pxRadioButtons':\n      {\n        const { tableType = '' } = datasource || {};\n        viewMeta = {\n          type: 'RadioButtons',\n          config: {\n            ...defaultConfig,\n            placeholder: 'Select...',\n            listType: 'associated',\n            datasource: ASSOCIATED_ANNOTATION.concat(fieldID),\n            deferDatasource: tableType === 'DataPage'\n          }\n        };\n      }\n      break;\n    case 'Text:pxTextInput':\n      viewMeta = {\n        type: 'TextInput',\n        config: defaultConfig\n      };\n      break;\n    default:\n      viewMeta = {\n        type,\n        config: defaultConfig\n      };\n  }\n  return viewMeta;\n}\n"]}

package/lib/components/template/ListView/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/ListView.tsx"],"names":[],"mappings":";AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkCnC,OAAO,gBAAgB,CAAC;AAqBxB,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAiqCrC;kBAjqCuB,QAAQ;;;;;;eAAR,QAAQ"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/ListView.tsx"],"names":[],"mappings":";AAMA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkCnC,OAAO,gBAAgB,CAAC;AAiBxB,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAkuCrC;kBAluCuB,QAAQ;;;;;;eAAR,QAAQ"}