@pega/react-sdk-components 0.23.11 → 0.23.13

package/lib/bridge/helpers/sdk_component_map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sdk_component_map.d.ts","sourceRoot":"","sources":["../../../src/bridge/helpers/sdk_component_map.ts"],"names":[],"mappings":"AAsDA,eAAO,IAAI,eAAe,KAAA,CAAC;AAyJ3B,wBAAsB,kBAAkB,CAAC,mBAAmB,KAAK,oBAmChE"}
+{"version":3,"file":"sdk_component_map.d.ts","sourceRoot":"","sources":["../../../src/bridge/helpers/sdk_component_map.ts"],"names":[],"mappings":"AAWA,eAAO,IAAI,eAAe,KAAA,CAAC;AAwG3B,wBAAsB,kBAAkB,CAAC,mBAAmB,KAAK,oBAmChE"}

package/lib/bridge/helpers/sdk_component_map.js

@@ -3,49 +3,6 @@
 // import localSdkComponentMap from '../../sdk-local-component-map';
 import pegaSdkComponentMap from '../../sdk-pega-component-map';
 // Statically load all "local" components
-// import AppAnnouncement from '../components/widgets/AppAnnouncement';
-// import AppShell from '../components/templates/AppShell';
-// import Attachment from '../components/Attachment';
-// import AutoComplete from '../components/forms/AutoComplete';
-// import CaseHistory from '../components/widgets/CaseHistory';
-// import CaseSummary from '../components/templates/CaseSummary';
-// import CaseView from '../components/templates/CaseView';
-// import CheckboxComponent from '../components/forms/Checkbox';
-// import Currency from '../components/forms/Currency';
-// import Date from '../components/forms/Date';
-// import DateTime from '../components/forms/DateTime';
-// import Decimal from '../components/forms/Decimal';
-// import DeferLoad from '../components/DeferLoad';
-// import Dropdown from '../components/forms/Dropdown';
-// import Email from '../components/forms/Email';
-// import ErrorBoundary from '../components/ErrorBoundary';
-// import FileUtility from '../components/widgets/FileUtility';
-// import FlowContainer from '../components/FlowContainer';
-// import Followers from '../components/widgets/Followers';
-// import Integer from '../components/forms/Integer';
-// import Percentage from '../components/forms/Percentage';
-// import Phone from '../components/forms/Phone';
-// import Pulse from '../components/Pulse';
-// import RadioButtons from '../components/forms/RadioButtons';
-// import Reference from '../components/Reference';
-// import Region from '../components/Region';
-// import RootContainer from '../components/RootContainer';
-// import SimpleTable from '../components/templates/SimpleTable';
-// import Stages from '../components/Stages';
-// import TextArea from '../components/forms/TextArea';
-// import TextContent from '../components/forms/TextContent';
-// import TextInput from '../components/forms/TextInput';
-// import Time from '../components/forms/Time';
-// import ToDo from '../components/ToDo';
-// import URLComponent from '../components/forms/URL';
-// import View from '../components/View';
-// import ViewContainer from '../components/ViewContainer';
-// import ModalViewContainer from '../components/ModalViewContainer';
-// import SimpleTableSelect from '../components/templates/SimpleTableSelect';
-// import PromotedFilters from '../components/templates/PromotedFilters';
-// import DataReference from '../components/templates/DataReference';
-// import SemanticLink from '../components/forms/SemanticLink';
-// import UserReference from '../components/forms/UserReference';
 // Create a singleton for this class (with async loading of components map file) and export it
 // Note: Initializing SdkComponentMap to null seems to cause lots of compile issues with references
 //  within other components and the value potentially being null (so try to leave it undefined)
@@ -53,8 +10,6 @@ import pegaSdkComponentMap from '../../sdk-pega-component-map';
 export let SdkComponentMap;
 let SdkComponentMapCreateInProgress = false;
 class ComponentMap {
-    // localComponentMap: {};          // Map of component names/locations in this SDK instance
-    // pegaProvidedComponentMap: {}    // Map of component names/locations for components obtained from npm module
     constructor() {
         Object.defineProperty(this, "sdkComponentMap", {
             enumerable: true,
@@ -100,52 +55,6 @@ class ComponentMap {
         // pegaSdkComponents.local is the JSON object where we'll store the components that are
         // found locally or can be found in the Pega-provided repo
         this.sdkComponentMap.localComponentMap = {};
-        // Changing to read/load these from sdk-local-component-map.json
-        // {
-        //   'AppAnnouncement': AppAnnouncement,
-        //   'AppShell': AppShell,
-        //   'Attachment': Attachment,
-        //   'AutoComplete': AutoComplete,
-        //   'CaseHistory': CaseHistory,
-        //   'CaseSummary': CaseSummary,
-        //   'CaseView': CaseView,
-        //   'CheckboxComponent': CheckboxComponent,
-        //   'Currency': Currency,
-        //   'Date': Date,
-        //   'DateTime': DateTime,
-        //   'Decimal': Decimal,
-        //   'DeferLoad': DeferLoad,
-        //   'Dropdown': Dropdown,
-        //   'Email': Email,
-        //   'ErrorBoundary': ErrorBoundary,
-        //   'FileUtility': FileUtility,
-        //   'FlowContainer': FlowContainer,
-        //   'Followers': Followers,
-        //   'Integer': Integer,
-        //   'Percentage': Percentage,
-        //   'Phone': Phone,
-        //   'Pulse': Pulse,
-        //   'RadioButtons': RadioButtons,
-        //   'Reference': Reference,
-        //   'Region': Region,
-        //   'RootContainer': RootContainer,
-        //   'SimpleTable': SimpleTable,
-        //   'Stages': Stages,
-        //   'TextArea': TextArea,
-        //   'TextContent': TextContent,
-        //   'TextInput': TextInput,
-        //   'Time': Time,
-        //   'ToDo': ToDo,
-        //   'URLComponent': URLComponent,
-        //   'View': View,
-        //   'ViewContainer': ViewContainer,
-        //   'ModalViewContainer': ModalViewContainer,
-        //   'SimpleTableSelect': SimpleTableSelect,
-        //   'PromotedFilters': PromotedFilters,
-        //   'DataReference': DataReference,
-        //   'SemanticLink': SemanticLink,
-        //   'UserReference': UserReference
-        // };
         this.sdkComponentMap.pegaProvidedComponentMap = {};
         // The "work" to load the config file is done (asynchronously) via the initialize
         //  (Factory function) below)

package/lib/bridge/helpers/sdk_component_map.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk_component_map.js","sourceRoot":"","sources":["../../../src/bridge/helpers/sdk_component_map.ts"],"names":[],"mappings":"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","sourcesContent":["// Helper singleton class to assist with loading and\n//  accessing the SDK components\n// import localSdkComponentMap from '../../sdk-local-component-map';\nimport pegaSdkComponentMap from '../../sdk-pega-component-map';\n\n// Statically load all \"local\" components\n// import AppAnnouncement from '../components/widgets/AppAnnouncement';\n// import AppShell from '../components/templates/AppShell';\n// import Attachment from '../components/Attachment';\n// import AutoComplete from '../components/forms/AutoComplete';\n// import CaseHistory from '../components/widgets/CaseHistory';\n// import CaseSummary from '../components/templates/CaseSummary';\n// import CaseView from '../components/templates/CaseView';\n// import CheckboxComponent from '../components/forms/Checkbox';\n// import Currency from '../components/forms/Currency';\n// import Date from '../components/forms/Date';\n// import DateTime from '../components/forms/DateTime';\n// import Decimal from '../components/forms/Decimal';\n// import DeferLoad from '../components/DeferLoad';\n// import Dropdown from '../components/forms/Dropdown';\n// import Email from '../components/forms/Email';\n// import ErrorBoundary from '../components/ErrorBoundary';\n// import FileUtility from '../components/widgets/FileUtility';\n// import FlowContainer from '../components/FlowContainer';\n// import Followers from '../components/widgets/Followers';\n// import Integer from '../components/forms/Integer';\n// import Percentage from '../components/forms/Percentage';\n// import Phone from '../components/forms/Phone';\n// import Pulse from '../components/Pulse';\n// import RadioButtons from '../components/forms/RadioButtons';\n// import Reference from '../components/Reference';\n// import Region from '../components/Region';\n// import RootContainer from '../components/RootContainer';\n// import SimpleTable from '../components/templates/SimpleTable';\n// import Stages from '../components/Stages';\n// import TextArea from '../components/forms/TextArea';\n// import TextContent from '../components/forms/TextContent';\n// import TextInput from '../components/forms/TextInput';\n// import Time from '../components/forms/Time';\n// import ToDo from '../components/ToDo';\n// import URLComponent from '../components/forms/URL';\n// import View from '../components/View';\n// import ViewContainer from '../components/ViewContainer';\n// import ModalViewContainer from '../components/ModalViewContainer';\n// import SimpleTableSelect from '../components/templates/SimpleTableSelect';\n// import PromotedFilters from '../components/templates/PromotedFilters';\n// import DataReference from '../components/templates/DataReference';\n// import SemanticLink from '../components/forms/SemanticLink';\n// import UserReference from '../components/forms/UserReference';\n\n// Create a singleton for this class (with async loading of components map file) and export it\n// Note: Initializing SdkComponentMap to null seems to cause lots of compile issues with references\n//  within other components and the value potentially being null (so try to leave it undefined)\n// eslint-disable-next-line import/no-mutable-exports\nexport let SdkComponentMap;\nlet SdkComponentMapCreateInProgress = false;\n\ninterface ISdkComponentMap {\n  localComponentMap: Object,\n  pegaProvidedComponentMap: Object\n}\n\nclass ComponentMap {\n  sdkComponentMap: ISdkComponentMap;            // Top level object\n  isComponentMapLoaded: boolean;\n  // localComponentMap: {};          // Map of component names/locations in this SDK instance\n  // pegaProvidedComponentMap: {}    // Map of component names/locations for components obtained from npm module\n\n  constructor() {\n    // sdkComponentMap is top-level object\n    this.sdkComponentMap = { localComponentMap: {}, pegaProvidedComponentMap: {} };\n\n    // isCoComponentMapLoaded will be updated to true after the async load is complete\n    this.isComponentMapLoaded = false;\n\n    // pegaSdkComponents.local is the JSON object where we'll store the components that are\n    // found locally or can be found in the Pega-provided repo\n    this.sdkComponentMap.localComponentMap = { };\n\n    // Changing to read/load these from sdk-local-component-map.json\n    // {\n    //   'AppAnnouncement': AppAnnouncement,\n    //   'AppShell': AppShell,\n    //   'Attachment': Attachment,\n    //   'AutoComplete': AutoComplete,\n    //   'CaseHistory': CaseHistory,\n    //   'CaseSummary': CaseSummary,\n    //   'CaseView': CaseView,\n    //   'CheckboxComponent': CheckboxComponent,\n    //   'Currency': Currency,\n    //   'Date': Date,\n    //   'DateTime': DateTime,\n    //   'Decimal': Decimal,\n    //   'DeferLoad': DeferLoad,\n    //   'Dropdown': Dropdown,\n    //   'Email': Email,\n    //   'ErrorBoundary': ErrorBoundary,\n    //   'FileUtility': FileUtility,\n    //   'FlowContainer': FlowContainer,\n    //   'Followers': Followers,\n    //   'Integer': Integer,\n    //   'Percentage': Percentage,\n    //   'Phone': Phone,\n    //   'Pulse': Pulse,\n    //   'RadioButtons': RadioButtons,\n    //   'Reference': Reference,\n    //   'Region': Region,\n    //   'RootContainer': RootContainer,\n    //   'SimpleTable': SimpleTable,\n    //   'Stages': Stages,\n    //   'TextArea': TextArea,\n    //   'TextContent': TextContent,\n    //   'TextInput': TextInput,\n    //   'Time': Time,\n    //   'ToDo': ToDo,\n    //   'URLComponent': URLComponent,\n    //   'View': View,\n    //   'ViewContainer': ViewContainer,\n    //   'ModalViewContainer': ModalViewContainer,\n    //   'SimpleTableSelect': SimpleTableSelect,\n    //   'PromotedFilters': PromotedFilters,\n    //   'DataReference': DataReference,\n    //   'SemanticLink': SemanticLink,\n    //   'UserReference': UserReference\n    // };\n\n    this.sdkComponentMap.pegaProvidedComponentMap = { };\n\n    // The \"work\" to load the config file is done (asynchronously) via the initialize\n    //  (Factory function) below)\n\n  }\n\n  /**\n   * Asynchronous initialization of the config file contents.\n   * @returns Promise of config file fetch\n   */\n   async readSdkComponentMap(inLocalSdkComponentMap = {}) {\n    // debugger;\n    if( Object.keys(this.sdkComponentMap.localComponentMap).length === 0 && Object.keys(this.sdkComponentMap.pegaProvidedComponentMap).length === 0) {\n\n      const theLocalCompPromise = this.readLocalSdkComponentMap(inLocalSdkComponentMap);\n      const thePegaCompPromise = this.readPegaSdkComponentMap(pegaSdkComponentMap);\n\n\n      Promise.all([theLocalCompPromise, thePegaCompPromise]).then((/* results */) => {\n        return this.sdkComponentMap;\n      }).catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(`Error in readSdkComponentMap: ${error}`);\n      })\n\n    } else {\n      return Promise.resolve(this.sdkComponentMap);\n    }\n  }\n\n  async readLocalSdkComponentMap(inLocalSdkComponentMap = {}) {\n\n    // debugger;\n    if (Object.entries(this.getLocalComponentMap()).length === 0) {\n      this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n  async readPegaSdkComponentMap(inPegaSdkComponentMap = {}) {\n\n    // debugger;\n    if (Object.entries(this.getPegaProvidedComponentMap()).length === 0) {\n      this.sdkComponentMap.pegaProvidedComponentMap = inPegaSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n\n  getLocalComponentMap = () => {\n    return this.sdkComponentMap.localComponentMap;\n  }\n\n  setLocalComponentMap(inLocalSdkComponentMap) {\n    this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    return this.sdkComponentMap.localComponentMap;\n  }\n\n  getPegaProvidedComponentMap = () => {\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  }\n\n  setPegaProvidedComponentMap = (inPegaProvidedComponentMap) => {\n    this.sdkComponentMap.pegaProvidedComponentMap = inPegaProvidedComponentMap\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  }\n\n}\n\n\n// Implement Factory function to allow async load\n//  See https://stackoverflow.com/questions/49905178/asynchronous-operations-in-constructor/49906064#49906064 for inspiration\nasync function createSdkComponentMap(inLocalComponentMap = {}) {\n  // Note that our initialize function returns a promise...\n  const singleton = new ComponentMap();\n  await singleton.readSdkComponentMap(inLocalComponentMap);\n  return singleton;\n}\n\n// Initialize exported SdkComponentMap structure\nexport async function getSdkComponentMap(inLocalComponentMap = {}) {\n  return new Promise( (resolve) => {\n    let idNextCheck;\n    if( !SdkComponentMap && !SdkComponentMapCreateInProgress ) {\n      SdkComponentMapCreateInProgress = true;\n      createSdkComponentMap(inLocalComponentMap).then( theComponentMap => {\n        // debugger;\n        // Key initialization of SdkComponentMap\n        SdkComponentMap = theComponentMap;\n        SdkComponentMapCreateInProgress = false;\n        // eslint-disable-next-line no-console\n        console.log(`getSdkComponentMap: created SdkComponentMap singleton`);\n        // Create and dispatch the SdkConfigAccessReady event\n        //  Not used anyplace yet but putting it in place in case we need it.\n        const event = new CustomEvent(\"SdkComponentMapReady\", { });\n        document.dispatchEvent(event);\n        return resolve( SdkComponentMap /* .sdkComponentMap */ );\n      });\n    } else {\n      const fnCheckForConfig = () => {\n        if( SdkComponentMap ) {\n          if( idNextCheck ) {\n            clearInterval(idNextCheck);\n          }\n          return resolve( SdkComponentMap.sdkComponentMap );\n        }\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      };\n      if( SdkComponentMap ) {\n        return resolve( SdkComponentMap.sdkComponentMap );\n      } else {\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      }\n    }\n  });\n}\n"]}
+{"version":3,"file":"sdk_component_map.js","sourceRoot":"","sources":["../../../src/bridge/helpers/sdk_component_map.ts"],"names":[],"mappings":"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","sourcesContent":["// Helper singleton class to assist with loading and\n//  accessing the SDK components\n// import localSdkComponentMap from '../../sdk-local-component-map';\nimport pegaSdkComponentMap from '../../sdk-pega-component-map';\n\n// Statically load all \"local\" components\n\n// Create a singleton for this class (with async loading of components map file) and export it\n// Note: Initializing SdkComponentMap to null seems to cause lots of compile issues with references\n//  within other components and the value potentially being null (so try to leave it undefined)\n// eslint-disable-next-line import/no-mutable-exports\nexport let SdkComponentMap;\nlet SdkComponentMapCreateInProgress = false;\n\ninterface ISdkComponentMap {\n  localComponentMap: Object,\n  pegaProvidedComponentMap: Object\n}\n\nclass ComponentMap {\n  sdkComponentMap: ISdkComponentMap;            // Top level object\n  isComponentMapLoaded: boolean;\n\n  constructor() {\n    // sdkComponentMap is top-level object\n    this.sdkComponentMap = { localComponentMap: {}, pegaProvidedComponentMap: {} };\n\n    // isCoComponentMapLoaded will be updated to true after the async load is complete\n    this.isComponentMapLoaded = false;\n\n    // pegaSdkComponents.local is the JSON object where we'll store the components that are\n    // found locally or can be found in the Pega-provided repo\n    this.sdkComponentMap.localComponentMap = { };\n\n    this.sdkComponentMap.pegaProvidedComponentMap = { };\n\n    // The \"work\" to load the config file is done (asynchronously) via the initialize\n    //  (Factory function) below)\n\n  }\n\n  /**\n   * Asynchronous initialization of the config file contents.\n   * @returns Promise of config file fetch\n   */\n   async readSdkComponentMap(inLocalSdkComponentMap = {}) {\n    // debugger;\n    if( Object.keys(this.sdkComponentMap.localComponentMap).length === 0 && Object.keys(this.sdkComponentMap.pegaProvidedComponentMap).length === 0) {\n\n      const theLocalCompPromise = this.readLocalSdkComponentMap(inLocalSdkComponentMap);\n      const thePegaCompPromise = this.readPegaSdkComponentMap(pegaSdkComponentMap);\n\n\n      Promise.all([theLocalCompPromise, thePegaCompPromise]).then((/* results */) => {\n        return this.sdkComponentMap;\n      }).catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(`Error in readSdkComponentMap: ${error}`);\n      })\n\n    } else {\n      return Promise.resolve(this.sdkComponentMap);\n    }\n  }\n\n  async readLocalSdkComponentMap(inLocalSdkComponentMap = {}) {\n\n    // debugger;\n    if (Object.entries(this.getLocalComponentMap()).length === 0) {\n      this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n  async readPegaSdkComponentMap(inPegaSdkComponentMap = {}) {\n\n    // debugger;\n    if (Object.entries(this.getPegaProvidedComponentMap()).length === 0) {\n      this.sdkComponentMap.pegaProvidedComponentMap = inPegaSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n\n  getLocalComponentMap = () => {\n    return this.sdkComponentMap.localComponentMap;\n  }\n\n  setLocalComponentMap(inLocalSdkComponentMap) {\n    this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    return this.sdkComponentMap.localComponentMap;\n  }\n\n  getPegaProvidedComponentMap = () => {\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  }\n\n  setPegaProvidedComponentMap = (inPegaProvidedComponentMap) => {\n    this.sdkComponentMap.pegaProvidedComponentMap = inPegaProvidedComponentMap\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  }\n\n}\n\n\n// Implement Factory function to allow async load\n//  See https://stackoverflow.com/questions/49905178/asynchronous-operations-in-constructor/49906064#49906064 for inspiration\nasync function createSdkComponentMap(inLocalComponentMap = {}) {\n  // Note that our initialize function returns a promise...\n  const singleton = new ComponentMap();\n  await singleton.readSdkComponentMap(inLocalComponentMap);\n  return singleton;\n}\n\n// Initialize exported SdkComponentMap structure\nexport async function getSdkComponentMap(inLocalComponentMap = {}) {\n  return new Promise( (resolve) => {\n    let idNextCheck;\n    if( !SdkComponentMap && !SdkComponentMapCreateInProgress ) {\n      SdkComponentMapCreateInProgress = true;\n      createSdkComponentMap(inLocalComponentMap).then( theComponentMap => {\n        // debugger;\n        // Key initialization of SdkComponentMap\n        SdkComponentMap = theComponentMap;\n        SdkComponentMapCreateInProgress = false;\n        // eslint-disable-next-line no-console\n        console.log(`getSdkComponentMap: created SdkComponentMap singleton`);\n        // Create and dispatch the SdkConfigAccessReady event\n        //  Not used anyplace yet but putting it in place in case we need it.\n        const event = new CustomEvent(\"SdkComponentMapReady\", { });\n        document.dispatchEvent(event);\n        return resolve( SdkComponentMap /* .sdkComponentMap */ );\n      });\n    } else {\n      const fnCheckForConfig = () => {\n        if( SdkComponentMap ) {\n          if( idNextCheck ) {\n            clearInterval(idNextCheck);\n          }\n          return resolve( SdkComponentMap.sdkComponentMap );\n        }\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      };\n      if( SdkComponentMap ) {\n        return resolve( SdkComponentMap.sdkComponentMap );\n      } else {\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      }\n    }\n  });\n}\n"]}

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import './CaseSummaryFields.css';
+declare function CaseSummaryFields(props: any): JSX.Element;
+declare namespace CaseSummaryFields {
+    var propTypes: {
+        status: PropTypes.Requireable<string>;
+        showStatus: PropTypes.Requireable<boolean>;
+        theFields: PropTypes.Requireable<(object | null | undefined)[]>;
+    };
+}
+export default CaseSummaryFields;
+//# sourceMappingURL=CaseSummaryFields.d.ts.map

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseSummaryFields.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,yBAAyB,CAAC;AAIjC,iBAAwB,iBAAiB,CAAC,KAAK,KAAA,eAuL9C;kBAvLuB,iBAAiB;;;;;;;eAAjB,iBAAiB"}

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.js

@@ -0,0 +1,124 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import isDeepEqual from 'fast-deep-equal/react';
+import Grid from '@material-ui/core/Grid';
+import TextField from '@material-ui/core/TextField';
+import Operator from '../Operator';
+import './CaseSummaryFields.css';
+import { format } from '../../helpers/formatters';
+export default function CaseSummaryFields(props) {
+    const { status, showStatus, theFields } = props;
+    const [theFieldsToRender, setFieldsToRender] = useState([]);
+    const [theFieldsAsGridItems, setFieldsAsGridItems] = useState([]);
+    function getFieldValue(field) {
+        const fieldTypeLower = field.type.toLowerCase();
+        if (field.config.value === null || field.config.value === '') {
+            // Special handling for missing value
+            // eslint-disable-next-line sonarjs/no-small-switch
+            switch (fieldTypeLower) {
+                case 'caseoperator':
+                    return React.createElement(Operator, { caseOpConfig: field.config });
+                    break;
+                default:
+                    return (React.createElement(TextField, { value: '---', label: field.config.label, InputProps: {
+                            readOnly: true,
+                            disableUnderline: true
+                        } }));
+            }
+        }
+        switch (fieldTypeLower) {
+            case 'textinput':
+            case 'decimal':
+            case 'integer':
+            case 'dropdown':
+                return (React.createElement(TextField, { value: field.config.value, label: field.config.label, InputProps: {
+                        readOnly: true,
+                        disableUnderline: true
+                    } }));
+            case 'checkbox': {
+                const { caption, label, value, trueLabel, falseLabel } = field.config;
+                const fieldLabel = label || caption;
+                const fieldValue = value ? trueLabel : falseLabel;
+                return (React.createElement(TextField, { value: fieldValue, label: fieldLabel, InputProps: {
+                        readOnly: true,
+                        disableUnderline: true
+                    } }));
+            }
+            case 'status':
+                return (React.createElement(TextField, { className: 'psdk-csf-status-style', value: field.config.value, label: field.config.label, InputProps: {
+                        readOnly: true,
+                        disableUnderline: true
+                    } }));
+            case 'phone': {
+                const displayPhone = field.config.value !== '' ? field.config.value : '---';
+                return (React.createElement("a", { href: `tel:${displayPhone}` },
+                    React.createElement(TextField, { value: field.config.value, label: field.config.label, InputProps: {
+                            readOnly: true,
+                            inputProps: { style: { cursor: 'pointer' }, disableUnderline: true }
+                        } })));
+            }
+            case 'email': {
+                const displayEmail = format(field.config.value, field.type);
+                return (React.createElement("a", { href: `mailto:${displayEmail}` },
+                    React.createElement(TextField, { value: field.config.value, label: field.config.label, InputProps: {
+                            readOnly: true,
+                            disableUnderline: true,
+                            inputProps: { style: { cursor: 'pointer' } }
+                        } })));
+            }
+            case 'date':
+            case 'datetime':
+            case 'currency':
+            case 'boolean':
+                return (React.createElement(TextField, { value: format(field.config.value, field.type), label: field.config.label, InputProps: {
+                        readOnly: true,
+                        disableUnderline: true
+                    } }));
+            case 'caseoperator':
+                return React.createElement(Operator, { caseOpConfig: field.config });
+                break;
+            default:
+                return (React.createElement("span", null,
+                    field.type.toLowerCase(),
+                    " ",
+                    field.config.value));
+        }
+    }
+    // Whenever theFieldsToRender changes, update theFieldsAsGridItems that's used during render
+    useEffect(() => {
+        const arGridItems = theFieldsToRender.map((field) => {
+            // display the field when either visibility property doesn't exist or is true(if exists)
+            if (field.config.visibility === undefined || field.config.visibility === true) {
+                return (React.createElement(Grid, { item: true, xs: 6, key: field.config.label }, getFieldValue(field)));
+            }
+            return null;
+        });
+        setFieldsAsGridItems(arGridItems);
+    }, [theFieldsToRender]);
+    const theFieldsModifiable = theFields;
+    // Special Case: if showStatus is true, splice the status value to be 2nd in theFields
+    //  if it's not already there
+    if (showStatus && theFields?.[1].type !== 'status') {
+        const oStatus = { type: 'status', config: { value: status, label: 'Status' } };
+        const count = theFieldsModifiable.length;
+        if (count < 2) {
+            theFieldsModifiable.push(oStatus);
+        }
+        else {
+            theFieldsModifiable.splice(1, 0, oStatus);
+        }
+    }
+    // At this point, we know what fields we want to render...
+    //  So, update our state if it's changed
+    if (!isDeepEqual(theFieldsToRender, theFieldsModifiable)) {
+        setFieldsToRender(theFieldsModifiable);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Grid, { container: true, className: 'psdk-case-summary-fields' }, theFieldsAsGridItems)));
+}
+CaseSummaryFields.propTypes = {
+    status: PropTypes.string,
+    showStatus: PropTypes.bool,
+    theFields: PropTypes.arrayOf(PropTypes.object)
+};
+//# sourceMappingURL=CaseSummaryFields.js.map

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseSummaryFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport isDeepEqual from 'fast-deep-equal/react';\n\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport Operator from '../Operator';\n\nimport './CaseSummaryFields.css';\n\nimport { format } from '../../helpers/formatters';\n\nexport default function CaseSummaryFields(props) {\n  const { status, showStatus, theFields } = props;\n\n  const [theFieldsToRender, setFieldsToRender] = useState([]);\n  const [theFieldsAsGridItems, setFieldsAsGridItems] = useState<Array<any>>([]);\n\n  function getFieldValue(field: any): any {\n    const fieldTypeLower = field.type.toLowerCase();\n\n    if (field.config.value === null || field.config.value === '') {\n      // Special handling for missing value\n      // eslint-disable-next-line sonarjs/no-small-switch\n      switch (fieldTypeLower) {\n        case 'caseoperator':\n          return <Operator caseOpConfig={field.config} />;\n          break;\n\n        default:\n          return (\n            <TextField\n              value='---'\n              label={field.config.label}\n              InputProps={{\n                readOnly: true,\n                disableUnderline: true\n              }}\n            />\n          );\n      }\n    }\n\n    switch (fieldTypeLower) {\n      case 'textinput':\n      case 'decimal':\n      case 'integer':\n      case 'dropdown':\n        return (\n          <TextField\n            value={field.config.value}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n\n      case 'checkbox': {\n        const { caption, label, value, trueLabel, falseLabel } = field.config;\n        const fieldLabel = label || caption;\n        const fieldValue = value ? trueLabel : falseLabel;\n\n        return (\n          <TextField\n            value={fieldValue}\n            label={fieldLabel}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n      }\n\n      case 'status':\n        return (\n          <TextField\n            className='psdk-csf-status-style'\n            value={field.config.value}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n\n      case 'phone': {\n        const displayPhone = field.config.value !== '' ? field.config.value : '---';\n        return (\n          <a href={`tel:${displayPhone}`}>\n            <TextField\n              value={field.config.value}\n              label={field.config.label}\n              InputProps={{\n                readOnly: true,\n                inputProps: { style: { cursor: 'pointer' }, disableUnderline: true }\n              }}\n            />\n          </a>\n        );\n      }\n\n      case 'email': {\n        const displayEmail = format(field.config.value, field.type);\n        return (\n          <a href={`mailto:${displayEmail}`}>\n            <TextField\n              value={field.config.value}\n              label={field.config.label}\n              InputProps={{\n                readOnly: true,\n                disableUnderline: true,\n                inputProps: { style: { cursor: 'pointer' } }\n              }}\n            />\n          </a>\n        );\n      }\n\n      case 'date':\n      case 'datetime':\n      case 'currency':\n      case 'boolean':\n        return (\n          <TextField\n            value={format(field.config.value, field.type)}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n\n      case 'caseoperator':\n        return <Operator caseOpConfig={field.config} />;\n        break;\n\n      default:\n        return (\n          <span>\n            {field.type.toLowerCase()} {field.config.value}\n          </span>\n        );\n    }\n  }\n\n  // Whenever theFieldsToRender changes, update theFieldsAsGridItems that's used during render\n  useEffect(() => {\n    const arGridItems = theFieldsToRender.map((field: any) => {\n      // display the field when either visibility property doesn't exist or is true(if exists)\n      if (field.config.visibility === undefined || field.config.visibility === true) {\n        return (\n          <Grid item xs={6} key={field.config.label}>\n            {getFieldValue(field)}\n          </Grid>\n        );\n      }\n\n      return null;\n    });\n    setFieldsAsGridItems(arGridItems);\n  }, [theFieldsToRender]);\n\n  const theFieldsModifiable = theFields;\n\n  // Special Case: if showStatus is true, splice the status value to be 2nd in theFields\n  //  if it's not already there\n  if (showStatus && theFields?.[1].type !== 'status') {\n    const oStatus = { type: 'status', config: { value: status, label: 'Status' } };\n\n    const count = theFieldsModifiable.length;\n    if (count < 2) {\n      theFieldsModifiable.push(oStatus);\n    } else {\n      theFieldsModifiable.splice(1, 0, oStatus);\n    }\n  }\n\n  // At this point, we know what fields we want to render...\n  //  So, update our state if it's changed\n  if (!isDeepEqual(theFieldsToRender, theFieldsModifiable)) {\n    setFieldsToRender(theFieldsModifiable);\n  }\n\n  return (\n    <React.Fragment>\n      <Grid container className='psdk-case-summary-fields'>\n        {theFieldsAsGridItems}\n      </Grid>\n    </React.Fragment>\n  );\n}\n\nCaseSummaryFields.propTypes = {\n  status: PropTypes.string,\n  showStatus: PropTypes.bool,\n  theFields: PropTypes.arrayOf(PropTypes.object)\n};\n"]}

package/lib/components/designSystemExtension/CaseSummaryFields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/components/designSystemExtension/CaseSummaryFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default } from './CaseSummaryFields';\n"]}

package/lib/components/designSystemExtension/DetailsFields/DetailsFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsFields.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eA0G1C;kBA1GuB,aAAa;;;;;;;;eAAb,aAAa"}

package/lib/components/designSystemExtension/DetailsFields/DetailsFields.js

@@ -0,0 +1,106 @@
+/* eslint-disable react/no-array-index-key */
+import React, { createElement, isValidElement } from 'react';
+import PropTypes from 'prop-types';
+import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import createPConnectComponent from '../../../bridge/react_pconnect';
+import { format } from '../../helpers/formatters';
+const useStyles = makeStyles(theme => ({
+    root: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+    },
+    fieldLabel: {
+        display: 'block',
+        fontWeight: 400,
+        color: theme.palette.text.secondary
+    },
+    fieldValue: {
+        fontWeight: 400,
+        color: theme.palette.text.primary
+    }
+}));
+export default function DetailsFields(props) {
+    // const componentName = "DetailsFields";
+    const { fields } = props;
+    const classes = useStyles();
+    const fieldComponents = [];
+    fields?.forEach((field, index) => {
+        const thePConn = field.getPConnect();
+        const theCompType = thePConn.getComponentName().toLowerCase();
+        const { label } = thePConn.getConfigProps();
+        const configObj = thePConn?.getReferencedView();
+        configObj.config.readOnly = true;
+        configObj.config.displayMode = 'LABELS_LEFT';
+        const propToUse = { ...thePConn.getInheritedProps() };
+        configObj.config.label = theCompType === 'reference' ? propToUse?.label : label;
+        fieldComponents.push({
+            type: theCompType,
+            label,
+            value: (React.createElement(React.Fragment, { key: index }, createElement(createPConnectComponent(), thePConn.getReferencedViewPConnect())))
+        });
+    });
+    function getGridItemLabel(field, keyVal) {
+        const dispValue = field.label;
+        return (React.createElement(Grid, { item: true, xs: 6, key: keyVal },
+            React.createElement(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel}` }, dispValue)));
+    }
+    function formatItemValue(inField) {
+        const { type, value } = inField;
+        let formattedVal = value;
+        // eslint-disable-next-line sonarjs/no-small-switch
+        switch (type) {
+            case 'date':
+                formattedVal = format(value, type);
+                break;
+            default:
+                // No match means we return the value as we received it
+                break;
+        }
+        // Finally, if the value is undefined or an empty string, we want to display it as "---"
+        if (formattedVal === undefined || formattedVal === '') {
+            formattedVal = '---';
+        }
+        return formattedVal;
+    }
+    function getGridItemValue(field, keyVal) {
+        const formattedValue = formatItemValue(field);
+        return (React.createElement(Grid, { item: true, xs: 6, key: keyVal },
+            React.createElement(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue }, formattedValue)));
+    }
+    function getGridItem(field, keyVal) {
+        return (React.createElement(Grid, { item: true, xs: 12, key: keyVal },
+            React.createElement(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue }, field?.value)));
+    }
+    function getGridItems() {
+        const gridItems = fieldComponents.map((field, index) => {
+            if (field?.type === 'reference') {
+                return field?.value;
+            }
+            else if (isValidElement(field?.value)) {
+                return (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, key: index }, getGridItem(field, `${index}-item`)));
+            }
+            else {
+                return (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, key: index },
+                    getGridItemLabel(field, `${index}-label`),
+                    getGridItemValue(field, `${index}-value`)));
+            }
+        });
+        return gridItems;
+    }
+    return React.createElement(React.Fragment, null, getGridItems());
+}
+DetailsFields.defaultProps = {
+    fields: []
+};
+DetailsFields.propTypes = {
+    fields: PropTypes.arrayOf(PropTypes.any)
+};
+//# sourceMappingURL=DetailsFields.js.map

package/lib/components/designSystemExtension/DetailsFields/DetailsFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { createElement, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport { format } from '../../helpers/formatters';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldLabel: {\n    display: 'block',\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    fontWeight: 400,\n    color: theme.palette.text.primary\n  }\n}));\n\nexport default function DetailsFields(props) {\n  // const componentName = \"DetailsFields\";\n  const { fields } = props;\n  const classes = useStyles();\n  const fieldComponents: Array<any> = [];\n\n  fields?.forEach((field, index) => {\n    const thePConn = field.getPConnect();\n    const theCompType = thePConn.getComponentName().toLowerCase();\n    const { label } = thePConn.getConfigProps();\n    const configObj = thePConn?.getReferencedView();\n    configObj.config.readOnly = true;\n    configObj.config.displayMode = 'LABELS_LEFT';\n    const propToUse = { ...thePConn.getInheritedProps() };\n    configObj.config.label = theCompType === 'reference' ? propToUse?.label : label;\n    fieldComponents.push({\n      type: theCompType,\n      label,\n      value: (\n        <React.Fragment key={index}>\n          {createElement(createPConnectComponent(), thePConn.getReferencedViewPConnect())}\n        </React.Fragment>\n      )\n    });\n  });\n\n  function getGridItemLabel(field: any, keyVal: string) {\n    const dispValue = field.label;\n\n    return (\n      <Grid item xs={6} key={keyVal}>\n        <Typography variant='body2' component='span' className={`${classes.fieldLabel}`}>\n          {dispValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function formatItemValue(inField: any) {\n    const { type, value } = inField;\n    let formattedVal = value;\n\n    // eslint-disable-next-line sonarjs/no-small-switch\n    switch (type) {\n      case 'date':\n        formattedVal = format(value, type);\n        break;\n\n      default:\n        // No match means we return the value as we received it\n        break;\n    }\n\n    // Finally, if the value is undefined or an empty string, we want to display it as \"---\"\n    if (formattedVal === undefined || formattedVal === '') {\n      formattedVal = '---';\n    }\n\n    return formattedVal;\n  }\n\n  function getGridItemValue(field: any, keyVal: string) {\n    const formattedValue = formatItemValue(field);\n\n    return (\n      <Grid item xs={6} key={keyVal}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItem(field: any, keyVal: string) {\n    return (\n      <Grid item xs={12} key={keyVal}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {field?.value}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItems() {\n    const gridItems: Array<any> = fieldComponents.map((field, index) => {\n      if (field?.type === 'reference') {\n        return field?.value;\n      } else if (isValidElement(field?.value)) {\n        return (\n          <Grid container spacing={1} style={{ padding: '4px 0px' }} key={index}>\n            {getGridItem(field, `${index}-item`)}\n          </Grid>\n        );\n      } else {\n        return (\n          <Grid container spacing={1} style={{ padding: '4px 0px' }} key={index}>\n            {getGridItemLabel(field, `${index}-label`)}\n            {getGridItemValue(field, `${index}-value`)}\n          </Grid>\n        );\n      }\n    });\n    return gridItems;\n  }\n\n  return <React.Fragment>{getGridItems()}</React.Fragment>;\n}\n\nDetailsFields.defaultProps = {\n  fields: []\n};\n\nDetailsFields.propTypes = {\n  fields: PropTypes.arrayOf(PropTypes.any)\n};\n"]}

package/lib/components/designSystemExtension/DetailsFields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/designSystemExtension/DetailsFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './DetailsFields';"]}

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":";AAuCA,QAAA,MAAM,UAAU,6BAuEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Utils from '../../helpers/utils';\n\nfunction generateFields(item, fields) {\n  for (const label in item) {\n    if (Utils.isObject(item[label])) {\n      generateFields(item[label], fields);\n    } else if (label !== 'classID') {\n      fields.push({ label, value: item[label] });\n    }\n  }\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldMargin: {\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldLabel: {\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    fontWeight: 400,\n    color: theme.palette.text.primary\n  }\n}));\n\nconst FieldGroup = props => {\n  const classes = useStyles();\n\n  const fields: any = [];\n  generateFields(props.item, fields);\n\n  function getGridItemLabel(label) {\n    const dispValue = label;\n\n    return (\n      <Grid item xs={6}>\n        <Typography\n          variant='body2'\n          component='span'\n          className={`${classes.fieldLabel} ${classes.fieldMargin}`}\n        >\n          {dispValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function formatItemValue(value) {\n    let formattedVal = value;\n\n    // if the value is an empty string, we want to display it as \"---\"\n    if (formattedVal === '') {\n      formattedVal = '---';\n    }\n\n    return formattedVal;\n  }\n\n  function getGridItemValue(value) {\n    const formattedValue = formatItemValue(value);\n\n    return (\n      <Grid item xs={6}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItems() {\n    const gridItems = fields.map((item) => {\n      return (\n        <Grid key={`${item.label}-${item.value}`} container spacing={1}>\n          {getGridItemLabel(item.label)}\n          {getGridItemValue(item.value)}\n        </Grid>\n      );\n    });\n    return gridItems;\n  }\n\n  return (\n    <React.Fragment>\n      <Grid container spacing={4} justifyContent='space-between'>\n        <Grid item style={{ width: '100%' }}>\n          {fields.length > 0 && (\n            <div className={classes.fieldMargin}>\n              <b>{props.name}</b>\n            </div>\n          )}\n          {getGridItems()}\n        </Grid>\n      </Grid>\n    </React.Fragment>\n  );\n};\n\nexport default FieldGroup;\n"]}

package/lib/components/designSystemExtension/FieldGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/designSystemExtension/FieldGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from './FieldGroup';\n"]}

package/lib/components/designSystemExtension/FieldGroupList/FieldGroupList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/FieldGroupList.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,cAAc,6BA4CnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/designSystemExtension/FieldGroupList/FieldGroupList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupList.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/FieldGroupList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IAC7B,IAAI,iBAAiB,GAAG,OAAO,CAAC;IAChC,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACnC,iBAAiB,EACjB,KAAK,CAAC,cAAc,EAAE,CAAC,kBAAkB,EAAE,CAC5C,CAAC;KACH;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe;QACxD,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACjC,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;gBACvB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBACjC,+BAAI,IAAI,CAAC,IAAI,CAAK;oBACjB,KAAK,CAAC,QAAQ,IAAI,CACjB,gCACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,cAAc,IAAI,CAAC,EAAE,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAC1B,CAAC;wBAED,6BAAK,SAAS,EAAC,mCAAmC,EAAC,GAAG,EAAE,iBAAiB,GAAQ,CAC1E,CACV;oBACA,IAAI,CAAC,QAAQ;oBACd,+BAAM;oBACL,KAAK,CAAC,KAAK,IAAI,oBAAC,OAAO,OAAG;oBAC3B,+BAAM,CACD,CACR,CAAC;gBACD,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,IAAI,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,WAEjD,CACR,CACI,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\n\nimport Grid from '@material-ui/core/Grid';\nimport Divider from '@material-ui/core/Divider';\nimport Link from '@material-ui/core/Link';\n\nimport { Utils } from '../../helpers/utils';\n\ndeclare const PCore: any;\n\nconst FieldGroupList = props => {\n  let menuIconOverride$ = 'trash';\n  if (menuIconOverride$) {\n    menuIconOverride$ = Utils.getImageSrc(\n      menuIconOverride$,\n      PCore.getAssetLoader().getStaticServerUrl()\n    );\n  }\n\n  return (\n    <Grid container spacing={4} justifyContent='space-between'>\n      <Grid item style={{ width: '100%' }}>\n        <Grid container spacing={1}>\n          {props.items.map(item => (\n            <Grid item style={{ width: '100%' }}>\n              <b>{item.name}</b>\n              {props.onDelete && (\n                <button\n                  type='button'\n                  style={{ float: 'right' }}\n                  className='psdk-utility-button'\n                  id={`delete-row-${item.id}`}\n                  onClick={() => {\n                    props.onDelete(item.id);\n                  }}\n                >\n                  <img className='psdk-utility-card-action-svg-icon' src={menuIconOverride$}></img>\n                </button>\n              )}\n              {item.children}\n              <br />\n              {props.onAdd && <Divider />}\n              <br />\n            </Grid>\n          ))}\n          {props.onAdd && (\n            <Link onClick={props.onAdd} style={{ cursor: 'pointer' }}>\n              +Add\n            </Link>\n          )}\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default FieldGroupList;\n"]}

package/lib/components/designSystemExtension/FieldGroupList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/designSystemExtension/FieldGroupList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default } from './FieldGroupList';\n"]}

package/lib/components/designSystemExtension/FieldValueList/FieldValueList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldValueList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":";AAiCA,QAAA,MAAM,cAAc,6BAsEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/designSystemExtension/FieldValueList/FieldValueList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldValueList.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldMargin: {\n    // paddingRight: theme.spacing(1),\n    // paddingLeft: theme.spacing(1),\n    // paddingTop: theme.spacing(1),\n    // paddingBottom: theme.spacing(1),\n    // marginRight: theme.spacing(1),\n    // marginLeft: theme.spacing(1),\n    // marginTop: theme.spacing(1),\n    // marginBottom: theme.spacing(1)\n  },\n  fieldLabel: {\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    fontWeight: 400,\n    color: theme.palette.text.primary\n  }\n}));\n\nconst FieldValueList = props => {\n  const classes = useStyles();\n\n  const fields: any = [];\n\n  // eslint-disable-next-line guard-for-in\n  for (const label in props.item) {\n    fields.push({ label, value: props.item[label] });\n  }\n\n  function getGridItemLabel(label) {\n    const dispValue = label;\n\n    return (\n      <Grid item xs={6}>\n        <Typography\n          variant='body2'\n          component='span'\n          className={`${classes.fieldLabel} ${classes.fieldMargin}`}\n        >\n          {dispValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function formatItemValue(value) {\n    let formattedVal = value;\n\n    // if the value is undefined or an empty string, we want to display it as \"---\"\n    if (formattedVal === undefined || formattedVal === '') {\n      formattedVal = '---';\n    }\n\n    return formattedVal;\n  }\n\n  function getGridItemValue(value) {\n    const formattedValue = formatItemValue(value);\n\n    return (\n      <Grid item xs={6}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItems() {\n    const gridItems = fields.map(item => {\n      return (\n        <Grid container spacing={1} key={item.label}>\n          {getGridItemLabel(item.label)}\n          {getGridItemValue(item.value)}\n        </Grid>\n      );\n    });\n    return gridItems;\n  }\n\n  return (\n    <React.Fragment>\n      <Grid container spacing={4} justifyContent='space-between'>\n        <Grid item style={{ width: '100%' }}>\n          {getGridItems()}\n        </Grid>\n      </Grid>\n    </React.Fragment>\n  );\n};\n\nexport default FieldValueList;\n"]}

package/lib/components/designSystemExtension/FieldValueList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/designSystemExtension/FieldValueList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default } from './FieldValueList';\n"]}

package/lib/components/designSystemExtension/Operator/Operator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAuBnC,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAoKrC;kBApKuB,QAAQ;;;;;;eAAR,QAAQ"}