@pega/react-sdk-components 23.1.10 → 23.1.11

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

@@ -1,6 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
+import KeyboardArrowRightIcon from '@material-ui/icons/KeyboardArrowRight';
+import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
 const useStyles = makeStyles(theme => ({
     root: {
         marginRight: theme.spacing(1),
@@ -15,19 +18,27 @@ const useStyles = makeStyles(theme => ({
     },
     fullWidth: {
         width: '100%'
+    },
+    fieldGroupHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '5px',
+        cursor: collapsible => (collapsible ? 'pointer' : 'auto')
+    },
+    instructionText: {
+        padding: '5px 0'
     }
 }));
 export default function FieldGroup(props) {
-    const { children, name } = props;
-    const classes = useStyles();
-    const descAndChildren = (React.createElement(Grid, { container: true },
-        React.createElement("div", { className: classes.fullWidth }, children)));
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Grid, { container: true, spacing: 4, justifyContent: 'space-between' },
-            React.createElement(Grid, { item: true, style: { width: '100%' } },
-                name && (React.createElement("div", { className: classes.fieldMargin },
-                    React.createElement("b", null, props.name))),
-                descAndChildren))));
+    const { children, name, collapsible = false, instructions } = props;
+    const classes = useStyles(collapsible);
+    const [collapsed, setCollapsed] = useState(false);
+    const descAndChildren = (_jsx(Grid, { container: true, children: _jsx("div", { className: classes.fullWidth, children: children }) }));
+    const headerClickHandler = () => {
+        setCollapsed(current => !current);
+    };
+    return (_jsx(Grid, { container: true, spacing: 4, justifyContent: 'space-between', children: _jsxs(Grid, { item: true, style: { width: '100%' }, children: [name && (_jsx("div", { className: classes.fieldMargin, children: collapsible ? (_jsxs("span", { id: 'field-group-header', className: classes.fieldGroupHeader, onClick: headerClickHandler, children: [collapsed ? _jsx(KeyboardArrowRightIcon, {}) : _jsx(KeyboardArrowDownIcon, {}), _jsx("b", { children: name })] })) : (_jsx("b", { children: name })) })), instructions && instructions !== 'none' && (
+                // eslint-disable-next-line react/no-danger
+                _jsx("div", { className: classes.instructionText, dangerouslySetInnerHTML: { __html: instructions } }, 'instructions')), !collapsed && descAndChildren] }) }));
 }
-;
 //# sourceMappingURL=FieldGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAWtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,eAAe,GAAG,CACtB,oBAAC,IAAI,IAAC,SAAS;QACb,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,IAAG,QAAQ,CAAO,CAC9C,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe;YACxD,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,IAAI,IAAI,CACP,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW;oBACjC,+BAAI,KAAK,CAAC,IAAI,CAAK,CACf,CACP;gBACA,eAAe,CACX,CACF,CACQ,CAClB,CAAC;AACJ,CAAC;AAAA,CAAC","sourcesContent":["import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\n\n// FieldGroupProps is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface FieldGroupProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any> | any,\n  name: string | object,\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  },\n  fullWidth: {\n    width: '100%'\n  }\n}));\n\nexport default function FieldGroup(props: FieldGroupProps) {\n  const { children, name } = props;\n  const classes = useStyles();\n\n  const descAndChildren = (\n    <Grid container>\n      <div className={classes.fullWidth}>{children}</div>\n    </Grid>\n  );\n\n  return (\n    <React.Fragment>\n      <Grid container spacing={4} justifyContent='space-between'>\n        <Grid item style={{ width: '100%' }}>\n          {name && (\n            <div className={classes.fieldMargin}>\n              <b>{props.name}</b>\n            </div>\n          )}\n          {descAndChildren}\n        </Grid>\n      </Grid>\n    </React.Fragment>\n  );\n};\n"]}
+{"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, useState } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport KeyboardArrowRightIcon from '@material-ui/icons/KeyboardArrowRight';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\n\n// FieldGroupProps is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface FieldGroupProps {\n  // If any, enter additional props that only exist on this component\n  name?: string;\n  collapsible?: boolean;\n  instructions?: string;\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  },\n  fullWidth: {\n    width: '100%'\n  },\n  fieldGroupHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '5px',\n    cursor: collapsible => (collapsible ? 'pointer' : 'auto')\n  },\n  instructionText: {\n    padding: '5px 0'\n  }\n}));\n\nexport default function FieldGroup(props: PropsWithChildren<FieldGroupProps>) {\n  const { children, name, collapsible = false, instructions } = props;\n  const classes = useStyles(collapsible);\n  const [collapsed, setCollapsed] = useState(false);\n\n  const descAndChildren = (\n    <Grid container>\n      <div className={classes.fullWidth}>{children}</div>\n    </Grid>\n  );\n\n  const headerClickHandler = () => {\n    setCollapsed(current => !current);\n  };\n\n  return (\n    <Grid container spacing={4} justifyContent='space-between'>\n      <Grid item style={{ width: '100%' }}>\n        {name && (\n          <div className={classes.fieldMargin}>\n            {collapsible ? (\n              <span id='field-group-header' className={classes.fieldGroupHeader} onClick={headerClickHandler}>\n                {collapsed ? <KeyboardArrowRightIcon /> : <KeyboardArrowDownIcon />}\n                <b>{name}</b>\n              </span>\n            ) : (\n              <b>{name}</b>\n            )}\n          </div>\n        )}\n        {instructions && instructions !== 'none' && (\n          // eslint-disable-next-line react/no-danger\n          <div key='instructions' className={classes.instructionText} dangerouslySetInnerHTML={{ __html: instructions }} />\n        )}\n        {!collapsed && descAndChildren}\n      </Grid>\n    </Grid>\n  );\n}\n"]}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface FieldGroupListProps {
-    items: Array<any> | any;
+    items: any[] | any;
     onDelete: any;
     onAdd: any;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/FieldGroupList.tsx"],"names":[],"mappings":";AAUA,UAAU,mBAAmB;IAE3B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAA;CACX;AAGD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA4ChE"}
+{"version":3,"file":"FieldGroupList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/FieldGroupList.tsx"],"names":[],"mappings":";AAQA,UAAU,mBAAmB;IAE3B,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA0ChE"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Grid from '@material-ui/core/Grid';
 import Divider from '@material-ui/core/Divider';
 import Link from '@material-ui/core/Link';
@@ -8,20 +8,8 @@ export default function FieldGroupList(props) {
     if (menuIconOverride$) {
         menuIconOverride$ = Utils.getImageSrc(menuIconOverride$, Utils.getSDKStaticConentUrl());
     }
-    return (React.createElement(Grid, { container: true, spacing: 4, justifyContent: 'space-between' },
-        React.createElement(Grid, { item: true, style: { width: '100%' } },
-            React.createElement(Grid, { container: true, spacing: 1 },
-                props.items.map(item => (React.createElement(Grid, { item: true, style: { width: '100%' } },
-                    React.createElement("b", null, item.name),
-                    props.onDelete && (React.createElement("button", { type: 'button', style: { float: 'right' }, className: 'psdk-utility-button', id: `delete-row-${item.id}`, onClick: () => {
-                            props.onDelete(item.id);
-                        } },
-                        React.createElement("img", { className: 'psdk-utility-card-action-svg-icon', src: menuIconOverride$ }))),
-                    item.children,
-                    React.createElement("br", null),
-                    props.onAdd && React.createElement(Divider, null),
-                    React.createElement("br", null)))),
-                props.onAdd && (React.createElement(Link, { onClick: props.onAdd, style: { cursor: 'pointer' } }, "+Add"))))));
+    return (_jsx(Grid, { container: true, spacing: 4, justifyContent: 'space-between', children: _jsx(Grid, { item: true, style: { width: '100%' }, children: _jsxs(Grid, { container: true, spacing: 1, children: [props.items.map(item => (_jsxs(Grid, { item: true, style: { width: '100%' }, children: [_jsx("b", { children: item.name }), props.onDelete && (_jsx("button", { type: 'button', style: { float: 'right' }, className: 'psdk-utility-button', id: `delete-row-${item.id}`, "aria-label": 'Delete Row', onClick: () => {
+                                    props.onDelete(item.id);
+                                }, children: _jsx("img", { className: 'psdk-utility-card-action-svg-icon', src: menuIconOverride$ }) })), item.children, _jsx("br", {}), props.onAdd && _jsx(Divider, {}), _jsx("br", {})] }))), props.onAdd && (_jsx(Link, { onClick: props.onAdd, style: { cursor: 'pointer' }, children: "+Add" }))] }) }) }));
 }
-;
 //# sourceMappingURL=FieldGroupList.js.map

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

@@ -1 +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;AAY5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,IAAI,iBAAiB,GAAG,OAAO,CAAC;IAChC,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACnC,iBAAiB,EACjB,KAAK,CAAC,qBAAqB,EAAE,CAC9B,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;AAAA,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\n// FieldGroupList is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface FieldGroupListProps {\n  // If any, enter additional props that only exist on this component\n  items: Array<any> | any,\n  onDelete: any,\n  onAdd: any\n}\n\n\nexport default function FieldGroupList(props: FieldGroupListProps) {\n  let menuIconOverride$ = 'trash';\n  if (menuIconOverride$) {\n    menuIconOverride$ = Utils.getImageSrc(\n      menuIconOverride$,\n      Utils.getSDKStaticConentUrl()\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"]}
+{"version":3,"file":"FieldGroupList.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroupList/FieldGroupList.tsx"],"names":[],"mappings":";AAAA,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;AAW5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,IAAI,iBAAiB,GAAG,OAAO,CAAC;IAChC,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;KACzF;IAED,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,YACxD,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YACjC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACvB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,MAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACjC,sBAAI,IAAI,CAAC,IAAI,GAAK,EACjB,KAAK,CAAC,QAAQ,IAAI,CACjB,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,cAAc,IAAI,CAAC,EAAE,EAAE,gBAChB,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE;oCACZ,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCAC1B,CAAC,YAED,cAAK,SAAS,EAAC,mCAAmC,EAAC,GAAG,EAAE,iBAAiB,GAAI,GACtE,CACV,EACA,IAAI,CAAC,QAAQ,EACd,cAAM,EACL,KAAK,CAAC,KAAK,IAAI,KAAC,OAAO,KAAG,EAC3B,cAAM,IACD,CACR,CAAC,EACD,KAAK,CAAC,KAAK,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,qBAEjD,CACR,IACI,GACF,GACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import 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\n// FieldGroupList is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface FieldGroupListProps {\n  // If any, enter additional props that only exist on this component\n  items: any[] | any;\n  onDelete: any;\n  onAdd: any;\n}\n\nexport default function FieldGroupList(props: FieldGroupListProps) {\n  let menuIconOverride$ = 'trash';\n  if (menuIconOverride$) {\n    menuIconOverride$ = Utils.getImageSrc(menuIconOverride$, Utils.getSDKStaticConentUrl());\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                  aria-label='Delete Row'\n                  onClick={() => {\n                    props.onDelete(item.id);\n                  }}\n                >\n                  <img className='psdk-utility-card-action-svg-icon' src={menuIconOverride$} />\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldValueList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":";AAQA,UAAU,mBAAmB;IAE3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAoCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA8ChE"}
+{"version":3,"file":"FieldValueList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":";AAMA,UAAU,mBAAmB;IAE3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAmCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAgChE"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
@@ -35,18 +35,12 @@ export default function FieldValueList(props) {
     const { name, value, variant = 'inline' } = props;
     const classes = useStyles();
     function getGridItemLabel() {
-        return (React.createElement(Grid, { item: true, xs: variant === 'stacked' ? 12 : 6, className: variant === 'stacked' ? classes.noPaddingBottom : '' },
-            React.createElement(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel}` }, name)));
+        return (_jsx(Grid, { item: true, xs: variant === 'stacked' ? 12 : 6, className: variant === 'stacked' ? classes.noPaddingBottom : '', children: _jsx(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel}`, children: name }) }));
     }
     function getGridItemValue() {
         const formattedValue = formatItemValue(value);
-        return (React.createElement(Grid, { item: true, xs: variant === 'stacked' ? 12 : 6, className: variant === 'stacked' ? classes.noPaddingTop : '' },
-            React.createElement(Typography, { variant: variant === 'stacked' ? 'h6' : 'body2', component: 'span', className: classes.fieldValue }, formattedValue)));
+        return (_jsx(Grid, { item: true, xs: variant === 'stacked' ? 12 : 6, className: variant === 'stacked' ? classes.noPaddingTop : '', children: _jsx(Typography, { variant: variant === 'stacked' ? 'h6' : 'body2', component: 'span', className: classes.fieldValue, children: formattedValue }) }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Grid, { container: true, spacing: 4, justifyContent: 'space-between' },
-            getGridItemLabel(),
-            getGridItemValue())));
+    return (_jsxs(Grid, { container: true, spacing: 4, justifyContent: 'space-between', children: [getGridItemLabel(), getGridItemValue()] }));
 }
-;
 //# sourceMappingURL=FieldValueList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldValueList.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAYtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,cAAc;KAC3B;IACD,eAAe,EAAE;QACf,aAAa,EAAE,cAAc;KAC9B;CACF,CAAC,CAAC,CAAC;AAEJ,SAAS,eAAe,CAAC,KAAK;IAC5B,IAAI,YAAY,GAAG,KAAK,CAAC;IAEzB,+EAA+E;IAC/E,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,EAAE,EAAE;QACrD,YAAY,GAAG,KAAK,CAAC;KACtB;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,SAAS,gBAAgB;QACvB,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,QACJ,EAAE,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAClC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;YAE/D,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,IAC5E,IAAI,CACM,CACR,CACR,CAAC;IACJ,CAAC;IAED,SAAS,gBAAgB;QACvB,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,QACJ,EAAE,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAClC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;YAE5D,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAC/C,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,cAAc,CACJ,CACR,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe;YACvD,gBAAgB,EAAE;YAClB,gBAAgB,EAAE,CACd,CACQ,CAClB,CAAC;AACJ,CAAC;AAAA,CAAC","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\n// FieldValueList is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface FieldValueListProps{\n  // If any, enter additional props that only exist on this component\n  name?: string,\n  value: any,\n  variant?: string\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  fieldLabel: {\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    color: theme.palette.text.primary\n  },\n  noPaddingTop: {\n    paddingTop: '0 !important'\n  },\n  noPaddingBottom: {\n    paddingBottom: '0 !important'\n  }\n}));\n\nfunction 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\nexport default function FieldValueList(props: FieldValueListProps) {\n  const { name, value, variant = 'inline' } = props;\n  const classes = useStyles();\n\n  function getGridItemLabel() {\n    return (\n      <Grid\n        item\n        xs={variant === 'stacked' ? 12 : 6}\n        className={variant === 'stacked' ? classes.noPaddingBottom : ''}\n      >\n        <Typography variant='body2' component='span' className={`${classes.fieldLabel}`}>\n          {name}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItemValue() {\n    const formattedValue = formatItemValue(value);\n\n    return (\n      <Grid\n        item\n        xs={variant === 'stacked' ? 12 : 6}\n        className={variant === 'stacked' ? classes.noPaddingTop : ''}\n      >\n        <Typography\n          variant={variant === 'stacked' ? 'h6' : 'body2'}\n          component='span'\n          className={classes.fieldValue}\n        >\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  return (\n    <React.Fragment>\n      <Grid container spacing={4} justifyContent='space-between'>\n        {getGridItemLabel()}\n        {getGridItemValue()}\n      </Grid>\n    </React.Fragment>\n  );\n};\n"]}
+{"version":3,"file":"FieldValueList.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAWtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,cAAc;KAC3B;IACD,eAAe,EAAE;QACf,aAAa,EAAE,cAAc;KAC9B;CACF,CAAC,CAAC,CAAC;AAEJ,SAAS,eAAe,CAAC,KAAK;IAC5B,IAAI,YAAY,GAAG,KAAK,CAAC;IAEzB,+EAA+E;IAC/E,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,EAAE,EAAE;QACrD,YAAY,GAAG,KAAK,CAAC;KACtB;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,SAAS,gBAAgB;QACvB,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,YAC5G,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,YAC5E,IAAI,GACM,GACR,CACR,CAAC;IACJ,CAAC;IAED,SAAS,gBAAgB;QACvB,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YACzG,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,UAAU,YACxG,cAAc,GACJ,GACR,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aACvD,gBAAgB,EAAE,EAClB,gBAAgB,EAAE,IACd,CACR,CAAC;AACJ,CAAC","sourcesContent":["import Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\n// FieldValueList is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface FieldValueListProps {\n  // If any, enter additional props that only exist on this component\n  name?: string;\n  value: any;\n  variant?: string;\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  fieldLabel: {\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    color: theme.palette.text.primary\n  },\n  noPaddingTop: {\n    paddingTop: '0 !important'\n  },\n  noPaddingBottom: {\n    paddingBottom: '0 !important'\n  }\n}));\n\nfunction 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\nexport default function FieldValueList(props: FieldValueListProps) {\n  const { name, value, variant = 'inline' } = props;\n  const classes = useStyles();\n\n  function getGridItemLabel() {\n    return (\n      <Grid item xs={variant === 'stacked' ? 12 : 6} className={variant === 'stacked' ? classes.noPaddingBottom : ''}>\n        <Typography variant='body2' component='span' className={`${classes.fieldLabel}`}>\n          {name}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItemValue() {\n    const formattedValue = formatItemValue(value);\n\n    return (\n      <Grid item xs={variant === 'stacked' ? 12 : 6} className={variant === 'stacked' ? classes.noPaddingTop : ''}>\n        <Typography variant={variant === 'stacked' ? 'h6' : 'body2'} component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container spacing={4} justifyContent='space-between'>\n      {getGridItemLabel()}\n      {getGridItemValue()}\n    </Grid>\n  );\n}\n"]}

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

@@ -1,20 +1,20 @@
 /// <reference types="react" />
-interface OperatorProps {
-    caseOpConfig: {
-        label: string;
-        createDateTime: string;
-        createLabel: string;
-        createOperator: {
-            userName: string;
-            userId: string;
-        };
-        updateDateTime: string;
-        updateLabel: string;
-        updateOperator: {
-            userName: string;
-            userId: string;
-        };
+import { PConnProps } from '../../../types/PConnProps';
+interface OperatorProps extends PConnProps {
+    label: string;
+    createDateTime: string;
+    createLabel: string;
+    createOperator: {
+        userName: string;
+        userId: string;
     };
+    updateDateTime: string;
+    updateLabel: string;
+    updateOperator: {
+        userName: string;
+        userId: string;
+    };
+    displayLabel?: any;
 }
 export default function Operator(props: OperatorProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Operator.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":";AAYA,UAAU,aAAa;IAErB,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACrD,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAA;KACrD,CAAA;CACF;AAeD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAsKpD"}
+{"version":3,"file":"Operator.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,UAAU,aAAc,SAAQ,UAAU;IAExC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAaD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAqLpD"}

package/lib/components/designSystemExtension/Operator/Operator.js

@@ -1,84 +1,83 @@
-import React, { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
 import TextField from '@material-ui/core/TextField';
 import Popover from '@material-ui/core/Popover';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import Utils from '../../helpers/utils';
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
     root: {
         padding: theme.spacing(1),
-        margin: theme.spacing(1),
+        margin: theme.spacing(1)
     },
     popover: {
         padding: theme.spacing(1),
-        margin: theme.spacing(1),
+        margin: theme.spacing(1)
     }
 }));
 export default function Operator(props) {
     // const componentName = "Operator";
-    const { caseOpConfig } = props;
     const classes = useStyles();
-    const fieldLabel = caseOpConfig.label.toLowerCase();
-    let caseOpLabel = "---";
-    let caseOpName = "---";
-    let caseOpId = "";
-    let caseTime = "";
-    if (fieldLabel === "create operator") {
-        caseOpLabel = caseOpConfig.createLabel;
-        caseOpName = caseOpConfig.createOperator.userName;
-        caseTime = caseOpConfig.createDateTime;
-        caseOpId = caseOpConfig.createOperator.userId;
+    const fieldLabel = props?.label?.toLowerCase();
+    const displayLabel = props?.displayLabel?.toLowerCase();
+    let caseOpLabel = '---';
+    let caseOpName = '---';
+    let caseOpId = '';
+    let caseTime = '';
+    if (fieldLabel === 'create operator' || displayLabel === 'create operator') {
+        caseOpLabel = props.createLabel;
+        caseOpName = props.createOperator.userName;
+        caseTime = props.createDateTime;
+        caseOpId = props.createOperator.userId;
     }
-    else if (fieldLabel === "update operator") {
-        caseOpLabel = caseOpConfig.updateLabel;
-        caseOpName = caseOpConfig.updateOperator.userName;
-        caseTime = caseOpConfig.updateDateTime;
-        caseOpId = caseOpConfig.updateOperator.userId;
+    else if (fieldLabel === 'update operator' || displayLabel === 'update operator') {
+        caseOpLabel = props.updateLabel;
+        caseOpName = props.updateOperator.userName;
+        caseTime = props.updateDateTime;
+        caseOpId = props.updateOperator.userId;
     }
     // Popover-related
     const [popoverAnchorEl, setPopoverAnchorEl] = useState(null);
     const [popoverFields, setPopoverFields] = useState([]);
     const popoverOpen = Boolean(popoverAnchorEl);
     const popoverId = popoverOpen ? 'operator-details-popover' : undefined;
-    const handlePopoverClose = (() => {
+    const handlePopoverClose = () => {
         setPopoverAnchorEl(null);
-    });
+    };
     function showOperatorDetails(event) {
         const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);
         const localizedVal = PCore.getLocaleUtils().getLocaleValue;
         const localeCategory = 'Operator';
         operatorPreviewPromise.then((res) => {
-            const fillerString = "---";
+            const fillerString = '---';
             let fields = [];
-            if (res.data &&
-                res.data.pyOperatorInfo &&
-                res.data.pyOperatorInfo.pyUserName) {
+            if (res.data && res.data.pyOperatorInfo && res.data.pyOperatorInfo.pyUserName) {
                 fields = [
                     {
-                        id: "pyPosition",
-                        name: localizedVal("Position", localeCategory),
+                        id: 'pyPosition',
+                        name: localizedVal('Position', localeCategory),
                         value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString
                     },
                     {
-                        id: "pyOrganization",
-                        name: localizedVal("Organization", localeCategory),
+                        id: 'pyOrganization',
+                        name: localizedVal('Organization', localeCategory),
                         value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString
                     },
                     {
-                        id: "ReportToUserName",
+                        id: 'ReportToUserName',
                         name: localizedVal('Reports to', localeCategory),
                         value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString
                     },
                     {
-                        id: "pyTelephone",
+                        id: 'pyTelephone',
                         name: localizedVal('Telephone', localeCategory),
-                        value: res.data.pyOperatorInfo.pyTelephone ? React.createElement("a", { href: `tel:${res.data.pyOperatorInfo.pyTelephone}` }, res.data.pyOperatorInfo.pyTelephone) : fillerString
+                        value: res.data.pyOperatorInfo.pyTelephone ? (_jsx("a", { href: `tel:${res.data.pyOperatorInfo.pyTelephone}`, children: res.data.pyOperatorInfo.pyTelephone })) : (fillerString)
                     },
                     {
-                        id: "pyEmailAddress",
+                        id: 'pyEmailAddress',
                         name: localizedVal('Email address', localeCategory),
-                        value: res.data.pyOperatorInfo.pyEmailAddress ? React.createElement("a", { href: `mailto:${res.data.pyOperatorInfo.pyEmailAddress}` }, res.data.pyOperatorInfo.pyEmailAddress) : fillerString
+                        value: res.data.pyOperatorInfo.pyEmailAddress ? (_jsx("a", { href: `mailto:${res.data.pyOperatorInfo.pyEmailAddress}`, children: res.data.pyOperatorInfo.pyEmailAddress })) : (fillerString)
                     }
                 ];
             }
@@ -87,27 +86,27 @@ export default function Operator(props) {
                 console.log(`Operator: PCore.getUserApi().getOperatorDetails(${caseOpId}); returned empty res.data.pyOperatorInfo.pyUserName - adding default`);
                 fields = [
                     {
-                        id: "pyPosition",
-                        name: localizedVal("Position", localeCategory),
+                        id: 'pyPosition',
+                        name: localizedVal('Position', localeCategory),
                         value: fillerString
                     },
                     {
-                        id: "pyOrganization",
-                        name: localizedVal("Organization", localeCategory),
+                        id: 'pyOrganization',
+                        name: localizedVal('Organization', localeCategory),
                         value: fillerString
                     },
                     {
-                        id: "ReportToUserName",
+                        id: 'ReportToUserName',
                         name: localizedVal('Reports to', localeCategory),
                         value: fillerString
                     },
                     {
-                        id: "pyTelephone",
+                        id: 'pyTelephone',
                         name: localizedVal('Telephone', localeCategory),
                         value: fillerString
                     },
                     {
-                        id: "pyEmailAddress",
+                        id: 'pyEmailAddress',
                         name: localizedVal('Email address', localeCategory),
                         value: fillerString
                     }
@@ -126,27 +125,15 @@ export default function Operator(props) {
             return;
         }
         // There are fields, so build the grid.
-        return React.createElement(Grid, { container: true, className: classes.popover, spacing: 1 },
-            React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(Typography, { variant: "h6" }, caseOpName)),
-            popoverFields.map((field) => {
-                return React.createElement(React.Fragment, { key: field.id },
-                    React.createElement(Grid, { container: true, item: true, xs: 12, spacing: 1 },
-                        React.createElement(Grid, { item: true, xs: 6 },
-                            React.createElement(Typography, { variant: "caption" }, field.name)),
-                        React.createElement(Grid, { item: true, xs: 6 },
-                            React.createElement(Typography, { variant: "subtitle2" }, field.value))));
-            }));
+        return (_jsxs(Grid, { container: true, className: classes.popover, spacing: 1, children: [_jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { variant: 'h6', children: caseOpName }) }), popoverFields.map(field => {
+                    return (_jsx(React.Fragment, { children: _jsxs(Grid, { container: true, item: true, xs: 12, spacing: 1, children: [_jsx(Grid, { item: true, xs: 6, children: _jsx(Typography, { variant: 'caption', children: field.name }) }), _jsx(Grid, { item: true, xs: 6, children: _jsx(Typography, { variant: 'subtitle2', children: field.value }) })] }) }, field.id));
+                })] }));
     }
     // End of popover-related
-    return React.createElement(React.Fragment, null,
-        React.createElement(TextField, { defaultValue: caseOpName, label: caseOpLabel, onClick: showOperatorDetails, InputProps: {
-                readOnly: true,
-                disableUnderline: true,
-                inputProps: { style: { cursor: 'pointer' } }
-            } }),
-        React.createElement("br", null),
-        Utils.generateDateTime(caseTime, "DateTime-Since"),
-        React.createElement(Popover, { id: popoverId, open: popoverOpen, anchorEl: popoverAnchorEl, onClose: handlePopoverClose, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, PaperProps: { style: { maxWidth: '45ch' } } }, getPopoverGrid()));
+    return (_jsxs(_Fragment, { children: [_jsx(TextField, { defaultValue: caseOpName, label: caseOpLabel, onClick: showOperatorDetails, InputProps: {
+                    readOnly: true,
+                    disableUnderline: true,
+                    inputProps: { style: { cursor: 'pointer' } }
+                } }), _jsx("br", {}), Utils.generateDateTime(caseTime, 'DateTime-Since'), _jsx(Popover, { id: popoverId, open: popoverOpen, anchorEl: popoverAnchorEl, onClose: handlePopoverClose, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, PaperProps: { style: { maxWidth: '45ch' } }, children: getPopoverGrid() })] }));
 }
 //# sourceMappingURL=Operator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Operator.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useState} from \"react\";\nimport TextField from '@material-ui/core/TextField';\nimport Popover from '@material-ui/core/Popover';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\n\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Utils from '../../helpers/utils';\n\n// Operator is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface OperatorProps{\n  // If any, enter additional props that only exist on this component\n  caseOpConfig: {\n    label: string,\n    createDateTime: string,\n    createLabel: string,\n    createOperator: { userName: string, userId: string },\n    updateDateTime: string,\n    updateLabel: string,\n    updateOperator: { userName: string, userId: string }\n  }\n}\n\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1),\n  },\n  popover: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1),\n  }\n}));\n\nexport default function Operator(props: OperatorProps) {\n  // const componentName = \"Operator\";\n  const { caseOpConfig } = props;\n  const classes = useStyles();\n\n  const fieldLabel = caseOpConfig.label.toLowerCase();\n  let caseOpLabel = \"---\";\n  let caseOpName = \"---\";\n  let caseOpId = \"\";\n  let caseTime = \"\";\n\n  if (fieldLabel === \"create operator\") {\n    caseOpLabel = caseOpConfig.createLabel;\n    caseOpName = caseOpConfig.createOperator.userName;\n    caseTime = caseOpConfig.createDateTime;\n    caseOpId = caseOpConfig.createOperator.userId;\n  } else if (fieldLabel === \"update operator\") {\n    caseOpLabel = caseOpConfig.updateLabel;\n    caseOpName = caseOpConfig.updateOperator.userName;\n    caseTime = caseOpConfig.updateDateTime;\n    caseOpId = caseOpConfig.updateOperator.userId;\n  }\n\n  // Popover-related\n  const [popoverAnchorEl, setPopoverAnchorEl] = useState(null);\n  const [popoverFields, setPopoverFields] = useState<Array<any>>([]);\n\n  const popoverOpen = Boolean(popoverAnchorEl);\n  const popoverId = popoverOpen ? 'operator-details-popover' : undefined;\n\n  const handlePopoverClose = (() => {\n    setPopoverAnchorEl(null);\n  })\n\n  function showOperatorDetails(event) {\n\n    const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);\n    const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n    const localeCategory = 'Operator';\n\n    operatorPreviewPromise.then((res) => {\n      const fillerString = \"---\";\n      let fields: any = [];\n      if (\n        res.data &&\n        res.data.pyOperatorInfo &&\n        res.data.pyOperatorInfo.pyUserName\n      ) {\n        fields = [\n          {\n            id: \"pyPosition\",\n            name: localizedVal(\"Position\", localeCategory),\n            value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString\n          },\n          {\n            id: \"pyOrganization\",\n            name: localizedVal(\"Organization\", localeCategory),\n            value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString\n          },\n          {\n            id: \"ReportToUserName\",\n            name: localizedVal('Reports to', localeCategory),\n            value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString\n          },\n          {\n            id: \"pyTelephone\",\n            name: localizedVal('Telephone', localeCategory),\n            value: res.data.pyOperatorInfo.pyTelephone ? <a href={`tel:${res.data.pyOperatorInfo.pyTelephone}`}>{res.data.pyOperatorInfo.pyTelephone}</a> : fillerString\n          },\n          {\n            id: \"pyEmailAddress\",\n            name: localizedVal('Email address', localeCategory),\n            value: res.data.pyOperatorInfo.pyEmailAddress ? <a href={`mailto:${res.data.pyOperatorInfo.pyEmailAddress}`}>{res.data.pyOperatorInfo.pyEmailAddress}</a> : fillerString\n          }\n        ];\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(`Operator: PCore.getUserApi().getOperatorDetails(${caseOpId}); returned empty res.data.pyOperatorInfo.pyUserName - adding default`);\n        fields = [\n          {\n            id: \"pyPosition\",\n            name: localizedVal(\"Position\", localeCategory),\n            value: fillerString\n          },\n          {\n            id: \"pyOrganization\",\n            name: localizedVal(\"Organization\", localeCategory),\n            value: fillerString\n          },\n          {\n            id: \"ReportToUserName\",\n            name: localizedVal('Reports to', localeCategory),\n            value: fillerString\n          },\n          {\n            id: \"pyTelephone\",\n            name: localizedVal('Telephone', localeCategory),\n            value: fillerString\n          },\n          {\n            id: \"pyEmailAddress\",\n            name: localizedVal('Email address', localeCategory),\n            value: fillerString\n          }\n        ];\n      }\n      // Whatever the fields are, update the component's popoverFields\n      setPopoverFields(fields);\n    });\n\n    setPopoverAnchorEl(event.currentTarget);\n  }\n\n  function getPopoverGrid() {\n    // return popoverFields.map((field) => {\n    //   return <div className={classes.popover}>{field.name}: {field.value}</div>\n    // })\n\n    if (popoverFields.length === 0) {\n      return;\n    }\n\n    // There are fields, so build the grid.\n    return <Grid container className={classes.popover} spacing={1}>\n      <Grid item xs={12}><Typography variant=\"h6\">{caseOpName}</Typography></Grid>\n      {popoverFields.map((field) => {\n        return <React.Fragment key={field.id}>\n          <Grid container item xs={12} spacing={1}>\n            <Grid item xs={6}><Typography variant=\"caption\">{field.name}</Typography></Grid>\n            <Grid item xs={6}><Typography variant=\"subtitle2\">{field.value}</Typography></Grid>\n          </Grid>\n        </React.Fragment>\n      })}\n    </Grid>\n\n  }\n\n  // End of popover-related\n\n  return <React.Fragment>\n      <TextField\n        defaultValue={caseOpName}\n        label={caseOpLabel}\n        onClick={showOperatorDetails}\n        InputProps={{\n          readOnly: true,\n          disableUnderline: true,\n          inputProps: {style: {cursor: 'pointer'}}\n        }}\n      />\n      <br />\n      {Utils.generateDateTime(caseTime, \"DateTime-Since\")}\n\n      <Popover\n        id={popoverId}\n        open={popoverOpen}\n        anchorEl={popoverAnchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center'}}\n        transformOrigin={{ vertical: 'top', horizontal: 'center'}}\n        PaperProps={{ style: {maxWidth: '45ch'}}}\n      >\n        {getPopoverGrid()}\n      </Popover>\n    </React.Fragment>;\n\n}\n"]}
+{"version":3,"file":"Operator.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport Popover from '@material-ui/core/Popover';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Utils from '../../helpers/utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// Operator is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface OperatorProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  createDateTime: string;\n  createLabel: string;\n  createOperator: { userName: string; userId: string };\n  updateDateTime: string;\n  updateLabel: string;\n  updateOperator: { userName: string; userId: string };\n  displayLabel?: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  },\n  popover: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function Operator(props: OperatorProps) {\n  // const componentName = \"Operator\";\n  const classes = useStyles();\n\n  const fieldLabel = props?.label?.toLowerCase();\n  const displayLabel = props?.displayLabel?.toLowerCase();\n  let caseOpLabel = '---';\n  let caseOpName = '---';\n  let caseOpId = '';\n  let caseTime = '';\n\n  if (fieldLabel === 'create operator' || displayLabel === 'create operator') {\n    caseOpLabel = props.createLabel;\n    caseOpName = props.createOperator.userName;\n    caseTime = props.createDateTime;\n    caseOpId = props.createOperator.userId;\n  } else if (fieldLabel === 'update operator' || displayLabel === 'update operator') {\n    caseOpLabel = props.updateLabel;\n    caseOpName = props.updateOperator.userName;\n    caseTime = props.updateDateTime;\n    caseOpId = props.updateOperator.userId;\n  }\n\n  // Popover-related\n  const [popoverAnchorEl, setPopoverAnchorEl] = useState(null);\n  const [popoverFields, setPopoverFields] = useState<any[]>([]);\n\n  const popoverOpen = Boolean(popoverAnchorEl);\n  const popoverId = popoverOpen ? 'operator-details-popover' : undefined;\n\n  const handlePopoverClose = () => {\n    setPopoverAnchorEl(null);\n  };\n\n  function showOperatorDetails(event) {\n    const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);\n    const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n    const localeCategory = 'Operator';\n\n    operatorPreviewPromise.then((res: any) => {\n      const fillerString = '---';\n      let fields: any = [];\n      if (res.data && res.data.pyOperatorInfo && res.data.pyOperatorInfo.pyUserName) {\n        fields = [\n          {\n            id: 'pyPosition',\n            name: localizedVal('Position', localeCategory),\n            value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString\n          },\n          {\n            id: 'pyOrganization',\n            name: localizedVal('Organization', localeCategory),\n            value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString\n          },\n          {\n            id: 'ReportToUserName',\n            name: localizedVal('Reports to', localeCategory),\n            value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString\n          },\n          {\n            id: 'pyTelephone',\n            name: localizedVal('Telephone', localeCategory),\n            value: res.data.pyOperatorInfo.pyTelephone ? (\n              <a href={`tel:${res.data.pyOperatorInfo.pyTelephone}`}>{res.data.pyOperatorInfo.pyTelephone}</a>\n            ) : (\n              fillerString\n            )\n          },\n          {\n            id: 'pyEmailAddress',\n            name: localizedVal('Email address', localeCategory),\n            value: res.data.pyOperatorInfo.pyEmailAddress ? (\n              <a href={`mailto:${res.data.pyOperatorInfo.pyEmailAddress}`}>{res.data.pyOperatorInfo.pyEmailAddress}</a>\n            ) : (\n              fillerString\n            )\n          }\n        ];\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Operator: PCore.getUserApi().getOperatorDetails(${caseOpId}); returned empty res.data.pyOperatorInfo.pyUserName - adding default`\n        );\n        fields = [\n          {\n            id: 'pyPosition',\n            name: localizedVal('Position', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyOrganization',\n            name: localizedVal('Organization', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'ReportToUserName',\n            name: localizedVal('Reports to', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyTelephone',\n            name: localizedVal('Telephone', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyEmailAddress',\n            name: localizedVal('Email address', localeCategory),\n            value: fillerString\n          }\n        ];\n      }\n      // Whatever the fields are, update the component's popoverFields\n      setPopoverFields(fields);\n    });\n\n    setPopoverAnchorEl(event.currentTarget);\n  }\n\n  function getPopoverGrid() {\n    // return popoverFields.map((field) => {\n    //   return <div className={classes.popover}>{field.name}: {field.value}</div>\n    // })\n\n    if (popoverFields.length === 0) {\n      return;\n    }\n\n    // There are fields, so build the grid.\n    return (\n      <Grid container className={classes.popover} spacing={1}>\n        <Grid item xs={12}>\n          <Typography variant='h6'>{caseOpName}</Typography>\n        </Grid>\n        {popoverFields.map(field => {\n          return (\n            <React.Fragment key={field.id}>\n              <Grid container item xs={12} spacing={1}>\n                <Grid item xs={6}>\n                  <Typography variant='caption'>{field.name}</Typography>\n                </Grid>\n                <Grid item xs={6}>\n                  <Typography variant='subtitle2'>{field.value}</Typography>\n                </Grid>\n              </Grid>\n            </React.Fragment>\n          );\n        })}\n      </Grid>\n    );\n  }\n\n  // End of popover-related\n\n  return (\n    <>\n      <TextField\n        defaultValue={caseOpName}\n        label={caseOpLabel}\n        onClick={showOperatorDetails}\n        InputProps={{\n          readOnly: true,\n          disableUnderline: true,\n          inputProps: { style: { cursor: 'pointer' } }\n        }}\n      />\n      <br />\n      {Utils.generateDateTime(caseTime, 'DateTime-Since')}\n\n      <Popover\n        id={popoverId}\n        open={popoverOpen}\n        anchorEl={popoverAnchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n        PaperProps={{ style: { maxWidth: '45ch' } }}\n      >\n        {getPopoverGrid()}\n      </Popover>\n    </>\n  );\n}\n"]}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
 interface PulseProps {
-    children?: Array<any>;
 }
-export default function Pulse(props: PulseProps): JSX.Element;
+export default function Pulse(props: PropsWithChildren<PulseProps>): JSX.Element;
 export {};
 //# sourceMappingURL=Pulse.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":";AAMA,UAAU,UAAU;IAElB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACtB;AAYD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,eAa9C"}
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1C,UAAU,UAAU;CAEnB;AAWD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAAC,eAajE"}

package/lib/components/designSystemExtension/Pulse/Pulse.js

@@ -1,21 +1,18 @@
-import React from "react";
-import { Card, CardContent, CardHeader, Typography } from "@material-ui/core";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
     root: {
         marginTop: theme.spacing(1),
         marginBottom: theme.spacing(1),
-        borderLeft: "6px solid",
+        borderLeft: '6px solid',
         borderLeftColor: theme.palette.primary.light
-    },
+    }
 }));
 export default function Pulse(props) {
-    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { children } = props;
     const classes = useStyles();
-    return (React.createElement(Card, { className: classes.root },
-        React.createElement(CardHeader, { title: React.createElement(Typography, { variant: "h6" }, "Pulse") }),
-        React.createElement(CardContent, null,
-            React.createElement(Typography, null, "Pulse"))));
+    return (_jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { title: _jsx(Typography, { variant: 'h6', children: "Pulse" }) }), _jsx(CardContent, { children: _jsx(Typography, { children: "Pulse" }) })] }));
 }
 //# sourceMappingURL=Pulse.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAUtD,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,6EAA6E;IAC7E,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,oBAAC,UAAU,IAAC,KAAK,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAmB,GAAI;QAClE,oBAAC,WAAW;YACV,oBAAC,UAAU,gBAAmB,CAClB,CACT,CACR,CAAC;AACN,CAAC","sourcesContent":["import React from \"react\";\nimport { Card, CardContent, CardHeader, Typography } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// Pulse is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface PulseProps {\n  // If any, enter additional props that only exist on this component\n  children?: Array<any>\n}\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: \"6px solid\",\n    borderLeftColor: theme.palette.primary.light\n  },\n}));\n\nexport default function Pulse(props: PulseProps) {\n  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  const { children } = props;\n  const classes = useStyles();\n\n  return (\n      <Card className={classes.root}>\n        <CardHeader title={<Typography variant=\"h6\">Pulse</Typography>} />\n        <CardContent>\n          <Typography>Pulse</Typography>\n        </CardContent>\n      </Card>\n    );\n}\n"]}
+{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAQtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAoC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aAC3B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,sBAAmB,GAAI,EAClE,KAAC,WAAW,cACV,KAAC,UAAU,wBAAmB,GAClB,IACT,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Card, CardContent, CardHeader, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\n// Pulse is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface PulseProps {\n  // If any, enter additional props that only exist on this component\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light\n  }\n}));\n\nexport default function Pulse(props: PropsWithChildren<PulseProps>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { children } = props;\n  const classes = useStyles();\n\n  return (\n    <Card className={classes.root}>\n      <CardHeader title={<Typography variant='h6'>Pulse</Typography>} />\n      <CardContent>\n        <Typography>Pulse</Typography>\n      </CardContent>\n    </Card>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,cAAc,qFAwFlB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,cAAc,qFAwFlB,CAAC;AAEH,eAAe,cAAc,CAAC"}