npm - @pega/react-sdk-components - Versions diffs - 0.23.26 → 8.8.20 - Mend

@pega/react-sdk-components 0.23.26 → 8.8.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (553) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,~~SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,~~IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;~~AAElD~~,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,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,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,~~KAAK~~;~~IACzC~~,yCAAyC;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;~~IACzB~~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~~;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CACzC,CAAC~~","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~~"]}
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 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\n// DetailsFields is one of the few components that does NOT have getPConnect.\n// So, no need to extend PConnProps\ninterface DetailsFieldsProps{\n // If any, enter additional props that only exist on this component\n fields: Array<any>\n}\n\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: DetailsFieldsProps) {\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"]}

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-declare const FieldGroup: (props: any) => JSX.Element;
-export default FieldGroup;
+interface FieldGroupProps {
+    children: Array<any> | any;
+    name: string | object;
+}
+export default function FieldGroup(props: FieldGroupProps): JSX.Element;
+export {};
 //# sourceMappingURL=FieldGroup.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":";~~AAqBA~~,~~QAAA~~,MAAM,~~UAAU~~,~~6BAwBf~~,CAAC;~~AAEF~~,~~eAAe~~,UAAU,CAAC"}
1	+ {"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":";AAMA,UAAU,eAAe;IAEvB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAoBD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAwBxD"}

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

@@ -17,7 +17,7 @@ const useStyles = makeStyles(theme => ({
         width: '100%'
     }
 }));
-const FieldGroup = props => {
+export default function FieldGroup(props) {
     const { children, name } = props;
     const classes = useStyles();
     const descAndChildren = (React.createElement(Grid, { container: true },
@@ -28,6 +28,6 @@ const FieldGroup = props => {
                 name && (React.createElement("div", { className: classes.fieldMargin },
                     React.createElement("b", null, props.name))),
                 descAndChildren))));
-};
-export default FieldGroup;
+}
+;
 //# sourceMappingURL=FieldGroup.js.map

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

	@@ -1 +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;~~AAEtD~~,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,UAAU,~~GAAG~~,~~KAAK,~~CAAC,~~EAAE~~;~~IACzB~~,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~~,CAAC~~;~~AAEF~~,~~eAAe,UAAU,~~CAAC","sourcesContent":["import React from 'react';\nimport Grid from '@material-ui/core/Grid';\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 paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1),\n marginTop: theme.spacing(1)\n },\n fullWidth: {\n width: '100%'\n }\n}));\n\~~nconst~~ ~~FieldGroup~~ = props => {\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~~\nexport default FieldGroup;\n~~"]}
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"]}

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

@@ -1,4 +1,9 @@
 /// <reference types="react" />
-declare const FieldGroupList: (props: any) => JSX.Element;
-export default FieldGroupList;
+interface FieldGroupListProps {
+    items: Array<any> | any;
+    onDelete: any;
+    onAdd: any;
+}
+export default function FieldGroupList(props: FieldGroupListProps): JSX.Element;
+export {};
 //# sourceMappingURL=FieldGroupList.d.ts.map

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

	@@ -1 +1 @@
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"}
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"}

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

@@ -3,10 +3,10 @@ import Grid from '@material-ui/core/Grid';
 import Divider from '@material-ui/core/Divider';
 import Link from '@material-ui/core/Link';
 import { Utils } from '../../helpers/utils';
-const FieldGroupList = props => {
+export default function FieldGroupList(props) {
     let menuIconOverride$ = 'trash';
     if (menuIconOverride$) {
-        menuIconOverride$ = Utils.getImageSrc(menuIconOverride$, PCore.getAssetLoader().getStaticServerUrl());
+        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%' } },
@@ -22,6 +22,6 @@ const FieldGroupList = props => {
                     props.onAdd && React.createElement(Divider, null),
                     React.createElement("br", null)))),
                 props.onAdd && (React.createElement(Link, { onClick: props.onAdd, style: { cursor: 'pointer' } }, "+Add"))))));
-};
-export default FieldGroupList;
+}
+;
 //# sourceMappingURL=FieldGroupList.js.map

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

	@@ -1 +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;~~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~~"]}
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"]}

package/lib/components/designSystemExtension/FieldValueList/FieldValueList.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
 /// <reference types="react" />
-declare const FieldValueList: (props: any) => JSX.Element;
-export default FieldValueList;
+interface FieldValueListProps {
+    name?: string;
+    value: any;
+    variant?: string;
+}
+export default function FieldValueList(props: FieldValueListProps): JSX.Element;
+export {};
 //# sourceMappingURL=FieldValueList.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldValueList.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldValueList/FieldValueList.tsx"],"names":[],"mappings":";~~AAuCA~~,~~QAAA~~,MAAM,~~cAAc~~,~~6BA8CnB~~,CAAC;~~AAEF~~,~~eAAe~~,cAAc,CAAC"}
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"}

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

@@ -31,7 +31,7 @@ function formatItemValue(value) {
     }
     return formattedVal;
 }
-const FieldValueList = props => {
+export default function FieldValueList(props) {
     const { name, value, variant = 'inline' } = props;
     const classes = useStyles();
     function getGridItemLabel() {
@@ -47,6 +47,6 @@ const FieldValueList = props => {
         React.createElement(Grid, { container: true, spacing: 4, justifyContent: 'space-between' },
             getGridItemLabel(),
             getGridItemValue())));
-};
-export default FieldValueList;
+}
+;
 //# sourceMappingURL=FieldValueList.js.map

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

	@@ -1 +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;~~AAEtD~~,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~~,~~GAAG~~,~~KAAK~~,CAAC,~~EAAE~~;~~IAC7B~~,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~~,CAAC~~;~~AAEF~~,~~eAAe,cAAc,~~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\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\~~nconst~~ ~~FieldValueList~~ = props => {\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~~\nexport default FieldValueList;\n~~"]}
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"]}

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

@@ -1,11 +1,21 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function Operator(props: any): JSX.Element;
-declare namespace Operator {
-    var defaultProps: {};
-    var propTypes: {
-        caseOpConfig: PropTypes.Validator<object>;
+interface OperatorProps {
+    caseOpConfig: {
+        label: string;
+        createDateTime: string;
+        createLabel: string;
+        createOperator: {
+            userName: string;
+            userId: string;
+        };
+        updateDateTime: string;
+        updateLabel: string;
+        updateOperator: {
+            userName: string;
+            userId: string;
+        };
     };
 }
-export default Operator;
+export default function Operator(props: OperatorProps): JSX.Element;
+export {};
 //# sourceMappingURL=Operator.d.ts.map

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

	@@ -1 +1 @@
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"}
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"}

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

@@ -1,5 +1,4 @@
 import React, { useState } from "react";
-import PropTypes from "prop-types";
 import TextField from '@material-ui/core/TextField';
 import Popover from '@material-ui/core/Popover';
 import Grid from '@material-ui/core/Grid';
@@ -24,7 +23,7 @@ export default function Operator(props) {
     let caseOpLabel = "---";
     let caseOpName = "---";
     let caseOpId = "";
-    let caseTime = null;
+    let caseTime = "";
     if (fieldLabel === "create operator") {
         caseOpLabel = caseOpConfig.createLabel;
         caseOpName = caseOpConfig.createOperator.userName;
@@ -47,6 +46,8 @@ export default function Operator(props) {
     });
     function showOperatorDetails(event) {
         const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);
+        const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+        const localeCategory = 'Operator';
         operatorPreviewPromise.then((res) => {
             const fillerString = "---";
             let fields = [];
@@ -56,27 +57,27 @@ export default function Operator(props) {
                 fields = [
                     {
                         id: "pyPosition",
-                        name: "Position",
+                        name: localizedVal("Position", localeCategory),
                         value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString
                     },
                     {
                         id: "pyOrganization",
-                        name: "Organization",
+                        name: localizedVal("Organization", localeCategory),
                         value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString
                     },
                     {
                         id: "ReportToUserName",
-                        name: "Reports to",
+                        name: localizedVal('Reports to', localeCategory),
                         value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString
                     },
                     {
                         id: "pyTelephone",
-                        name: "Telephone",
+                        name: localizedVal('Telephone', localeCategory),
                         value: res.data.pyOperatorInfo.pyTelephone ? React.createElement("a", { href: `tel:${res.data.pyOperatorInfo.pyTelephone}` }, res.data.pyOperatorInfo.pyTelephone) : fillerString
                     },
                     {
                         id: "pyEmailAddress",
-                        name: "Email address",
+                        name: localizedVal('Email address', localeCategory),
                         value: res.data.pyOperatorInfo.pyEmailAddress ? React.createElement("a", { href: `mailto:${res.data.pyOperatorInfo.pyEmailAddress}` }, res.data.pyOperatorInfo.pyEmailAddress) : fillerString
                     }
                 ];
@@ -87,27 +88,27 @@ export default function Operator(props) {
                 fields = [
                     {
                         id: "pyPosition",
-                        name: "Position",
+                        name: localizedVal("Position", localeCategory),
                         value: fillerString
                     },
                     {
                         id: "pyOrganization",
-                        name: "Organization",
+                        name: localizedVal("Organization", localeCategory),
                         value: fillerString
                     },
                     {
                         id: "ReportToUserName",
-                        name: "Reports to",
+                        name: localizedVal('Reports to', localeCategory),
                         value: fillerString
                     },
                     {
                         id: "pyTelephone",
-                        name: "Telephone",
+                        name: localizedVal('Telephone', localeCategory),
                         value: fillerString
                     },
                     {
                         id: "pyEmailAddress",
-                        name: "Email address",
+                        name: localizedVal('Email address', localeCategory),
                         value: fillerString
                     }
                 ];
@@ -148,8 +149,4 @@ export default function Operator(props) {
         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()));
 }
-Operator.defaultProps = {};
-Operator.propTypes = {
-    caseOpConfig: PropTypes.object.isRequired,
-};
 //# sourceMappingURL=Operator.js.map

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

	@@ -1 +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 PropTypes from \"prop-types\";\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\ndeclare const PCore: any;\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) {\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 = null;\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\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: \"Position\",\n value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString\n },\n {\n id: \"pyOrganization\",\n name: \"Organization\",\n value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString\n },\n {\n id: \"ReportToUserName\",\n name: \"Reports to\",\n value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString\n },\n {\n id: \"pyTelephone\",\n name: \"Telephone\",\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: \"Email address\",\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: \"Position\",\n value: fillerString\n },\n {\n id: \"pyOrganization\",\n name: \"Organization\",\n value: fillerString\n },\n {\n id: \"ReportToUserName\",\n name: \"Reports to\",\n value: fillerString\n },\n {\n id: \"pyTelephone\",\n name: \"Telephone\",\n value: fillerString\n },\n {\n id: \"pyEmailAddress\",\n name: \"Email address\",\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\nOperator.defaultProps = {\n}\n\nOperator.propTypes = {\n caseOpConfig: PropTypes.object.isRequired,\n};\n"]}
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"]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":";~~AAcA~~,MAAM,CAAC,OAAO,UAAU,KAAK,~~gBAY5B~~"}
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"}

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

@@ -1,5 +1,4 @@
 import React from "react";
-// import PropTypes from "prop-types";
 import { Card, CardContent, CardHeader, Typography } from "@material-ui/core";
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles((theme) => ({
@@ -10,15 +9,13 @@ const useStyles = makeStyles((theme) => ({
         borderLeftColor: theme.palette.primary.light
     },
 }));
-export default function Pulse( /* props */) {
-    // const { children } = props;
+export default function Pulse(props) {
+    // eslint-disable-next-line no-unused-vars, @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"))));
 }
-// Pulse.propTypes = {
-//   children: PropTypes.arrayOf(PropTypes.node).isRequired
-// };
 //# sourceMappingURL=Pulse.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,~~sCAAsC;AACtC,~~OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;~~AAEtD~~,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,~~EAAC~~,~~WAAW~~;~~IACvC~~,~~8BAA8B~~;~~IAC9B~~,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~~;AAED,sBAAsB;AACtB,2DAA2D;AAC3D,KAAK~~","sourcesContent":["import React from \"react\";\~~n// import PropTypes from \"prop-types\";\~~nimport { Card, CardContent, CardHeader, Typography } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\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 */) {\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~~\n// Pulse.propTypes = {\n// children: PropTypes.arrayOf(PropTypes.node).isRequired\n// };\n~~"]}
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"]}

package/lib/components/designSystemExtension/RichTextEditor/RichTextEditor.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import React from 'react';
+interface RichTextEditorProps {
+    id?: string;
+    defaultValue: string;
+    label: string;
+    labelHidden: boolean;
+    info: string;
+    testId: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readOnly: boolean;
+    error: boolean;
+    onBlur: React.EventHandler<any>;
+    onChange: React.EventHandler<any>;
+}
+declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<unknown>>;
+export default RichTextEditor;
+//# sourceMappingURL=RichTextEditor.d.ts.map

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

@@ -0,0 +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"}

package/lib/components/designSystemExtension/RichTextEditor/RichTextEditor.js ADDED Viewed

@@ -0,0 +1,77 @@
+import React, { forwardRef } from 'react';
+import { Editor } from '@tinymce/tinymce-react';
+import { FormControl, FormHelperText, InputLabel, makeStyles } from '@material-ui/core';
+import { useAfterInitialEffect, useConsolidatedRef, useUID } from '../../../hooks';
+const useStyles = makeStyles((theme) => ({
+    fieldLabel: {
+        position: 'relative',
+        transform: 'translate(0, 0px) scale(1)',
+        marginBottom: '5px',
+        color: theme.palette.text.secondary
+    }
+}));
+const RichTextEditor = forwardRef(function RichTextEditor(props, ref) {
+    const classes = useStyles();
+    const uid = useUID();
+    const { id = uid, defaultValue, label, labelHidden, info, testId, placeholder, disabled, required, readOnly, error, onBlur, onChange } = props;
+    const editorRef = useConsolidatedRef(ref);
+    let richTextComponent = null;
+    useAfterInitialEffect(() => {
+        editorRef?.current.mode.set(readOnly || disabled ? 'readonly' : 'design');
+    }, [readOnly, disabled]);
+    const filePickerCallback = (cb) => {
+        const input = document.createElement('input');
+        input.setAttribute('type', 'file');
+        input.setAttribute('accept', 'image/*');
+        input.addEventListener('change', (e) => {
+            const file = e.target.files[0];
+            const reader = new FileReader();
+            reader.addEventListener('load', () => {
+                /*
+                  Note: Now we need to register the blob in TinyMCEs image blob
+                  registry. In the next release this part hopefully won't be
+                  necessary, as we are looking to handle it internally.
+                */
+                const blobId = `blobid${new Date().getTime()}`;
+                const blobCache = editorRef.current.editorUpload.blobCache;
+                const base64 = reader.result.split(',')[1];
+                const blobInfo = blobCache.create(blobId, file, base64);
+                blobCache.add(blobInfo);
+                /* call the callback and populate the Title field with the file name */
+                cb(blobInfo.blobUri(), { title: file.name });
+            });
+            reader.readAsDataURL(file);
+        });
+        input.click();
+    };
+    if (readOnly) {
+        const value = defaultValue || '--';
+        // eslint-disable-next-line react/no-danger
+        richTextComponent = React.createElement("div", { key: id, id: id, className: "readonly-richtext-editor", dangerouslySetInnerHTML: { __html: value } });
+    }
+    else {
+        richTextComponent = (React.createElement(Editor, { tinymceScriptSrc: "tinymce/tinymce.min.js", onInit: (_evt, editor) => {
+                editorRef.current = editor;
+            }, id: id, initialValue: defaultValue, disabled: disabled, init: {
+                placeholder,
+                menubar: false,
+                statusbar: false,
+                min_height: 130,
+                plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],
+                autoresize_bottom_margin: 0,
+                toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',
+                toolbar_location: 'bottom',
+                content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',
+                branding: false,
+                paste_data_images: true,
+                file_picker_types: 'image',
+                file_picker_callback: filePickerCallback
+            }, onBlur: onBlur, onEditorChange: onChange }));
+    }
+    return (React.createElement(FormControl, { "data-test-id": testId, error: error, required: required },
+        !labelHidden && (React.createElement(InputLabel, { id: "demo-simple-select-error-label", className: classes.fieldLabel }, label)),
+        richTextComponent,
+        info && React.createElement(FormHelperText, null, info)));
+});
+export default RichTextEditor;
+//# sourceMappingURL=RichTextEditor.js.map

package/lib/components/designSystemExtension/RichTextEditor/RichTextEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport { Editor } from '@tinymce/tinymce-react';\nimport { FormControl, FormHelperText, InputLabel, makeStyles } from '@material-ui/core';\nimport { useAfterInitialEffect, useConsolidatedRef, useUID } from '../../../hooks';\n\nconst useStyles = makeStyles((theme) => ({\n fieldLabel: {\n position: 'relative',\n transform: 'translate(0, 0px) scale(1)',\n marginBottom: '5px',\n color: theme.palette.text.secondary\n }\n}));\n\ninterface RichTextEditorProps {\n id?: string;\n defaultValue: string;\n label: string;\n labelHidden: boolean;\n info: string;\n testId: string;\n placeholder: string;\n disabled: boolean;\n required: boolean;\n readOnly: boolean;\n error: boolean;\n onBlur: React.EventHandler<any>;\n onChange: React.EventHandler<any>;\n}\n\nconst RichTextEditor = forwardRef(function RichTextEditor(props: RichTextEditorProps, ref) {\n const classes = useStyles();\n const uid = useUID();\n const { id = uid, defaultValue, label, labelHidden, info, testId, placeholder, disabled, required, readOnly, error, onBlur, onChange } = props;\n\n const editorRef: any = useConsolidatedRef(ref);\n let richTextComponent: any = null;\n\n useAfterInitialEffect(() => {\n editorRef?.current.mode.set(readOnly || disabled ? 'readonly' : 'design');\n }, [readOnly, disabled]);\n\n const filePickerCallback = (cb) => {\n const input = document.createElement('input');\n input.setAttribute('type', 'file');\n input.setAttribute('accept', 'image/*');\n\n input.addEventListener('change', (e: any) => {\n const file = e.target.files[0];\n\n const reader: any = new FileReader();\n reader.addEventListener('load', () => {\n /*\n Note: Now we need to register the blob in TinyMCEs image blob\n registry. In the next release this part hopefully won't be\n necessary, as we are looking to handle it internally.\n */\n const blobId = `blobid${new Date().getTime()}`;\n const blobCache = editorRef.current.editorUpload.blobCache;\n const base64 = reader.result.split(',')[1];\n const blobInfo = blobCache.create(blobId, file, base64);\n blobCache.add(blobInfo);\n\n /* call the callback and populate the Title field with the file name */\n cb(blobInfo.blobUri(), { title: file.name });\n });\n reader.readAsDataURL(file);\n });\n\n input.click();\n };\n\n if (readOnly) {\n const value = defaultValue || '--';\n // eslint-disable-next-line react/no-danger\n richTextComponent = <div key={id} id={id} className=\"readonly-richtext-editor\" dangerouslySetInnerHTML={{ __html: value }} />;\n } else {\n richTextComponent = (\n <Editor\n tinymceScriptSrc=\"tinymce/tinymce.min.js\"\n onInit={(_evt, editor) => {\n editorRef.current = editor;\n }}\n id={id}\n initialValue={defaultValue}\n disabled={disabled}\n init={{\n placeholder,\n menubar: false,\n statusbar: false,\n min_height: 130,\n plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],\n autoresize_bottom_margin: 0,\n toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',\n toolbar_location: 'bottom',\n content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',\n branding: false,\n paste_data_images: true,\n file_picker_types: 'image',\n file_picker_callback: filePickerCallback\n }}\n onBlur={onBlur}\n onEditorChange={onChange}\n />\n );\n }\n\n return (\n <FormControl data-test-id={testId} error={error} required={required}>\n {!labelHidden && (\n <InputLabel id=\"demo-simple-select-error-label\" className={classes.fieldLabel}>\n {label}\n </InputLabel>\n )}\n {richTextComponent}\n {info && <FormHelperText>{info}</FormHelperText>}\n </FormControl>\n );\n});\n\nexport default RichTextEditor;\n"]}

package/lib/components/designSystemExtension/RichTextEditor/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default } from './RichTextEditor';
2	+ //# sourceMappingURL=index.d.ts.map

package/lib/components/designSystemExtension/RichTextEditor/index.d.ts.map ADDED Viewed

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