@pega/react-sdk-components 0.23.26 → 8.8.20

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.d.ts

@@ -1,14 +1,8 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function TwoColumn(props: any): JSX.Element;
-declare namespace TwoColumn {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        templateCol: PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        templateCol: string;
-    };
+interface TwoColumnProps {
+    children: Array<any>;
+    templateCol?: string;
 }
-export default TwoColumn;
+export default function TwoColumn(props: TwoColumnProps): JSX.Element;
+export {};
 //# sourceMappingURL=TwoColumn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,iBAAwB,SAAS,CAAC,KAAK,KAAA,eAgCtC;kBAhCuB,SAAS;;;;;;;;;eAAT,SAAS"}
+{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AAKA,UAAU,cAAc;IAEtB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAWD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eAgCtD"}

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.js

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { Grid } from "@material-ui/core";
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
@@ -11,7 +10,7 @@ const useStyles = makeStyles(() => ({
 }));
 export default function TwoColumn(props) {
     const classes = useStyles();
-    const { children, templateCol } = props;
+    const { children, templateCol = '1fr 1fr' } = props;
     if (children.length !== 2) {
         // eslint-disable-next-line no-console
         console.error(`TwoColumn template sees more than 2 columns: ${children.length}`);
@@ -30,14 +29,4 @@ export default function TwoColumn(props) {
         React.createElement(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles }, children[0]),
         React.createElement(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles }, children[1])));
 }
-TwoColumn.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    // title: PropTypes.string,
-    templateCol: PropTypes.string,
-    // icon: PropTypes.string
-};
-TwoColumn.defaultProps = {
-    templateCol: "1fr 1fr",
-    // icon: ""
-};
 //# sourceMappingURL=TwoColumn.js.map

package/lib/components/template/TwoColumn/TwoColumn/TwoColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAEtC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAE,gDAAgD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAClF;IAEA,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CAAA;AACF,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,2BAA2B;IAC3B,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,yBAAyB;CAC1B,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,WAAW,EAAE,SAAS;IACtB,WAAW;CACZ,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid, GridSize } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\nexport default function TwoColumn(props) {\n  const classes = useStyles();\n\n const {children, templateCol} = props;\n\n if (children.length !== 2) {\n  // eslint-disable-next-line no-console\n  console.error( `TwoColumn template sees more than 2 columns: ${children.length}`);\n }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol.replaceAll(/[a-z]+/g, \"\").split(/\\s/).map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n return (\n   <Grid container spacing={1}>\n     <Grid item xs={12} md={aSize} className={classes.colStyles}>\n       {children[0]}\n     </Grid>\n     <Grid item xs={12} md={bSize} className={classes.colStyles}>\n       {children[1]}\n     </Grid>\n   </Grid>\n )\n}\n\nTwoColumn.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  // title: PropTypes.string,\n  templateCol: PropTypes.string,\n  // icon: PropTypes.string\n};\n\nTwoColumn.defaultProps = {\n  templateCol: \"1fr 1fr\",\n  // icon: \"\"\n};\n"]}
+{"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAUtD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAC,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAE,gDAAgD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAClF;IAEA,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CAAA;AACF,CAAC","sourcesContent":["import React from \"react\";\nimport { Grid, GridSize } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// TwoColumn does NOT have getPConnect. So, no need to extend from PConnProps\ninterface TwoColumnProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  templateCol?: string\n}\n\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\nexport default function TwoColumn(props: TwoColumnProps) {\n  const classes = useStyles();\n\n const {children, templateCol = '1fr 1fr' } = props;\n\n if (children.length !== 2) {\n  // eslint-disable-next-line no-console\n  console.error( `TwoColumn template sees more than 2 columns: ${children.length}`);\n }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol.replaceAll(/[a-z]+/g, \"\").split(/\\s/).map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n return (\n   <Grid container spacing={1}>\n     <Grid item xs={12} md={aSize} className={classes.colStyles}>\n       {children[0]}\n     </Grid>\n     <Grid item xs={12} md={bSize} className={classes.colStyles}>\n       {children[1]}\n     </Grid>\n   </Grid>\n )\n}\n"]}

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function TwoColumnPage(props: any): JSX.Element;
-declare namespace TwoColumnPage {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-    };
-    var defaultProps: {};
+interface TwoColumnPageProps {
+    children: Array<any>;
 }
-export default TwoColumnPage;
+export default function TwoColumnPage(props: TwoColumnPageProps): JSX.Element;
+export {};
 //# sourceMappingURL=TwoColumnPage.d.ts.map

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAO1C;kBAPuB,aAAa;;;;;;eAAb,aAAa"}
+{"version":3,"file":"TwoColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AAIA,UAAU,kBAAkB;IAE1B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAOD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAS9D"}

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.js

@@ -1,15 +1,12 @@
 import React from "react";
-import PropTypes from "prop-types";
-import TwoColumn from '../TwoColumn/TwoColumn';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 /*
  * The wrapper handles knowing how to take in just children
  *  and mapping to the TwoColumn template.
  */
 export default function TwoColumnPage(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const TwoColumn = getComponentFromMap('TwoColumn');
     return (React.createElement(TwoColumn, { ...props }));
 }
-TwoColumnPage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-};
-TwoColumnPage.defaultProps = {};
 //# sourceMappingURL=TwoColumnPage.js.map

package/lib/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK;IAEzC,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;CACvD,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,EAC5B,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport TwoColumn from '../TwoColumn/TwoColumn';\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function TwoColumnPage(props) {\n\n  return (\n    <TwoColumn\n      {...props}\n    />\n  );\n}\n\nTwoColumnPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nTwoColumnPage.defaultProps = {\n};\n"]}
+{"version":3,"file":"TwoColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AASnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// TwoColumnPage does NOT have getPConnect. So, no need to extend from PConnProps\ninterface TwoColumnPageProps{\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function TwoColumnPage(props: TwoColumnPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const TwoColumn = getComponentFromMap('TwoColumn');\n\n  return (\n    <TwoColumn\n      {...props}\n    />\n  );\n}\n"]}

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.d.ts

@@ -1,14 +1,8 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function TwoColumnTab(props: any): JSX.Element;
-declare namespace TwoColumnTab {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        templateCol: PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        templateCol: string;
-    };
+interface TwoColumnTabProps {
+    children: Array<any>;
+    templateCol?: string;
 }
-export default TwoColumnTab;
+export default function TwoColumnTab(props: TwoColumnTabProps): JSX.Element;
+export {};
 //# sourceMappingURL=TwoColumnTab.d.ts.map

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,eAgCzC;kBAhCuB,YAAY;;;;;;;;;eAAZ,YAAY"}
+{"version":3,"file":"TwoColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AAKA,UAAU,iBAAiB;IAEzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAWD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAC,iBAAiB,eAgC3D"}

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.js

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { Grid } from "@material-ui/core";
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
@@ -11,7 +10,7 @@ const useStyles = makeStyles(() => ({
 }));
 export default function TwoColumnTab(props) {
     const classes = useStyles();
-    const { children, templateCol } = props;
+    const { children, templateCol = '1fr 1fr' } = props;
     if (children.length !== 2) {
         // eslint-disable-next-line no-console
         console.error(`TwoColumn template sees more than 2 columns: ${children.length}`);
@@ -30,11 +29,4 @@ export default function TwoColumnTab(props) {
         React.createElement(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles }, children[0]),
         React.createElement(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles }, children[1])));
 }
-TwoColumnTab.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    templateCol: PropTypes.string,
-};
-TwoColumnTab.defaultProps = {
-    templateCol: "1fr 1fr",
-};
 //# sourceMappingURL=TwoColumnTab.js.map

package/lib/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAEtC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAE,gDAAgD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAClF;IAEA,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CAAA;AACF,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,WAAW,EAAE,SAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC1B,WAAW,EAAE,SAAS;CACvB,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid, GridSize } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\nexport default function TwoColumnTab(props) {\n  const classes = useStyles();\n\n const {children, templateCol} = props;\n\n if (children.length !== 2) {\n  // eslint-disable-next-line no-console\n  console.error( `TwoColumn template sees more than 2 columns: ${children.length}`);\n }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol.replaceAll(/[a-z]+/g, \"\").split(/\\s/).map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n return (\n   <Grid container spacing={1}>\n     <Grid item xs={12} md={aSize} className={classes.colStyles}>\n       {children[0]}\n     </Grid>\n     <Grid item xs={12} md={bSize} className={classes.colStyles}>\n       {children[1]}\n     </Grid>\n   </Grid>\n )\n}\n\nTwoColumnTab.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  templateCol: PropTypes.string,\n};\n\nTwoColumnTab.defaultProps = {\n  templateCol: \"1fr 1fr\",\n};\n"]}
+{"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAUtD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAuB;IAC1D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAC,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IAElD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAE,gDAAgD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAClF;IAEA,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CAAA;AACF,CAAC","sourcesContent":["import React from \"react\";\nimport { Grid, GridSize } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// TwoColumnTab does NOT have getPConnect. So, no need to extend from PConnProps\ninterface TwoColumnTabProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  templateCol?: string\n}\n\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\nexport default function TwoColumnTab(props:TwoColumnTabProps) {\n  const classes = useStyles();\n\n const {children, templateCol = '1fr 1fr'} = props;\n\n if (children.length !== 2) {\n  // eslint-disable-next-line no-console\n  console.error( `TwoColumn template sees more than 2 columns: ${children.length}`);\n }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol.replaceAll(/[a-z]+/g, \"\").split(/\\s/).map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n return (\n   <Grid container spacing={1}>\n     <Grid item xs={12} md={aSize} className={classes.colStyles}>\n       {children[0]}\n     </Grid>\n     <Grid item xs={12} md={bSize} className={classes.colStyles}>\n       {children[1]}\n     </Grid>\n   </Grid>\n )\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.d.ts

@@ -1,4 +1,13 @@
 /// <reference types="react" />
 import './WideNarrow.css';
-export default function WideNarrow(props: any): JSX.Element;
+interface WideNarrowProps {
+    a: any;
+    b: any;
+    children?: Array<any>;
+    title?: string;
+    cols?: string;
+    icon?: string;
+}
+export default function WideNarrow(props: WideNarrowProps): JSX.Element;
+export {};
 //# sourceMappingURL=WideNarrow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WideNarrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,eA8BvC"}
+{"version":3,"file":"WideNarrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":";AACA,OAAO,kBAAkB,CAAC;AAG1B,UAAU,eAAe;IAEvB,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAGD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eA8BxD"}

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.js

@@ -2,7 +2,7 @@ import React from "react";
 import './WideNarrow.css';
 export default function WideNarrow(props) {
     // const {a, b /*, cols, icon, title */ } = props;
-    const { a, b, children } = props;
+    const { a, b, children = [] } = props;
     return (React.createElement(React.Fragment, null,
         children && children.length === 2 &&
             React.createElement("div", { className: "psdk-wide-narrow-column" },

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrow.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK;IACtC,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAChC,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF;QAEP,CAAC,IAAI,CAAC;YACL,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,CAAC,CACE;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,CACE,CACF,CAES,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './WideNarrow.css';\n\nexport default function WideNarrow(props) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children } = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {children[0]}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {children[1]}\n        </div>\n      </div>\n    }\n    {a && b &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {a}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {b}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}
+{"version":3,"file":"WideNarrow.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAiB1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEtC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAChC,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF;QAEP,CAAC,IAAI,CAAC;YACL,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,CAAC,CACE;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,CACE,CACF,CAES,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\nimport './WideNarrow.css';\n\n// WideNarrow does NOT have getPConnect. So, no need to extend from PConnProps\ninterface WideNarrowProps {\n  // If any, enter additional props that only exist on this component\n  a: any,\n  b: any,\n  children?: Array<any>,\n  // eslint-disable-next-line react/no-unused-prop-types\n  title?: string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  cols?: string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  icon?: string\n}\n\n\nexport default function WideNarrow(props: WideNarrowProps) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children = [] } = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {children[0]}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {children[1]}\n        </div>\n      </div>\n    }\n    {a && b &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {a}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {b}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.d.ts

@@ -1,18 +1,3 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function WideNarrowDetails(props: any): JSX.Element;
-declare namespace WideNarrowDetails {
-    var defaultProps: {
-        label: undefined;
-        showLabel: boolean;
-        showHighlightedData: boolean;
-    };
-    var propTypes: {
-        showLabel: PropTypes.Requireable<boolean>;
-        label: PropTypes.Requireable<string>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        showHighlightedData: PropTypes.Requireable<boolean>;
-    };
-}
-export default WideNarrowDetails;
+export default function WideNarrowDetails(props: any): JSX.Element;
 //# sourceMappingURL=WideNarrowDetails.d.ts.map

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,iBAAiB,CAAC,KAAK,KAAA,eAyD9C;kBAzDuB,iBAAiB;;;;;;;;;;;;;eAAjB,iBAAiB"}
+{"version":3,"file":"WideNarrowDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":";AAkBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,KAAA,eAuE9C"}

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.js

@@ -1,11 +1,20 @@
 import React, { createElement } from 'react';
-import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
-import FieldGroup from '../../../designSystemExtension/FieldGroup';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
+// import type { PConnProps } from '../../../../types/PConnProps';
+// Can't use PConnProps until PConnect.getChildren() type is ok
+// interface WideNarrowDetailsProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   showLabel?: boolean,
+//   label?: string,
+//   showHighlightedData?: boolean
+// }
 const COLUMN_WIDTHS = [8, 4];
-export default function WideNarrowDetails(props) {
-    const { label, showLabel, getPConnect, showHighlightedData } = props;
+export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldGroup = getComponentFromMap('FieldGroup');
+    const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
     // Get the inherited props from the parent to determine label settings
     const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
     // Set display mode prop and re-create the children so this part of the dom tree renders
@@ -14,11 +23,17 @@ export default function WideNarrowDetails(props) {
     getPConnect().setInheritedProp('readOnly', true);
     const children = getPConnect()
         .getChildren()
-        .map((configObject, index) => createElement(createPConnectComponent(), {
-        ...configObject,
-        // eslint-disable-next-line react/no-array-index-key
-        key: index.toString()
-    }));
+        ?.map((configObject, index) => {
+        let theConfigObject = configObject;
+        if (!theConfigObject) {
+            theConfigObject = {};
+        }
+        return createElement(createPConnectComponent(), {
+            ...theConfigObject,
+            // eslint-disable-next-line react/no-array-index-key
+            key: index.toString()
+        });
+    });
     // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent
     let highlightedDataArr = [];
     if (showHighlightedData) {
@@ -30,22 +45,15 @@ export default function WideNarrowDetails(props) {
                 field.type = 'TextInput';
                 field.config.displayAsStatus = true;
             }
-            return getPConnect().createComponent(field);
+            return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
         });
     }
-    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
+    let theName = '';
+    if (propsToUse?.showLabel && propsToUse.label) {
+        theName = propsToUse.label;
+    }
+    return (React.createElement(FieldGroup, { name: theName },
         showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: COLUMN_WIDTHS[i], key: `hf-${i + 1}` }, child))))),
-        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: COLUMN_WIDTHS[i], key: `r-${i + 1}` }, child))))));
+        React.createElement(Grid, { container: true, spacing: 1 }, children?.map((child, i) => (React.createElement(Grid, { item: true, xs: COLUMN_WIDTHS[i], key: `r-${i + 1}` }, child))))));
 }
-WideNarrowDetails.defaultProps = {
-    label: undefined,
-    showLabel: true,
-    showHighlightedData: false
-};
-WideNarrowDetails.propTypes = {
-    showLabel: PropTypes.bool,
-    label: PropTypes.string,
-    getPConnect: PropTypes.func.isRequired,
-    showHighlightedData: PropTypes.bool
-};
 //# sourceMappingURL=WideNarrowDetails.js.map

package/lib/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport { GridSize } from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nconst COLUMN_WIDTHS = [8, 4];\n\nexport default function WideNarrowDetails(props) {\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    .map((configObject, index) =>\n      createElement(createPConnectComponent(), {\n        ...configObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      })\n    );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n\nWideNarrowDetails.defaultProps = {\n  label: undefined,\n  showLabel: true,\n  showHighlightedData: false\n};\n\nWideNarrowDetails.propTypes = {\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  showHighlightedData: PropTypes.bool\n};\n"]}
+{"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { GridSize } from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// import type { PConnProps } from '../../../../types/PConnProps';\n\n// Can't use PConnProps until PConnect.getChildren() type is ok\n// interface WideNarrowDetailsProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n//   showLabel?: boolean,\n//   label?: string,\n//   showHighlightedData?: boolean\n// }\n\nconst COLUMN_WIDTHS = [8, 4];\n\nexport default function WideNarrowDetails(props /* : WideNarrowDetailsProps */) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    ?.map((configObject, index) => {\n      let theConfigObject: object = configObject;\n      if (!theConfigObject) {\n        theConfigObject = {}\n      }\n\n      return createElement(createPConnectComponent(), {\n        ...theConfigObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      });\n    });\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field,\n        '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  let theName = '';\n  if (propsToUse?.showLabel && propsToUse.label ) {\n    theName = propsToUse.label;\n  }\n\n  return (\n    <FieldGroup name={theName}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children?.map((child, i) => (\n          <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
 import './WideNarrowForm.css';
-export default function WideNarrowForm(props: any): JSX.Element;
+interface WideNarrowFormProps {
+    children: Array<any>;
+}
+export default function WideNarrowForm(props: WideNarrowFormProps): JSX.Element;
+export {};
 //# sourceMappingURL=WideNarrowForm.d.ts.map

package/lib/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,eAmB3C"}
+{"version":3,"file":"WideNarrowForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAG9B,UAAU,mBAAmB;IAE3B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAmBhE"}

package/lib/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowForm.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAChC,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR;YACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF,CAES,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './WideNarrowForm.css';\n\nexport default function WideNarrowForm(props) {\n  const {children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {children[0]}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {children[1]}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}
+{"version":3,"file":"WideNarrowForm.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAQ9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAChC,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR;YACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF,CAES,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './WideNarrowForm.css';\n\n// WideNarrowForm does NOT have getPConnect. So, no need to extend from PConnProps\ninterface WideNarrowFormProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\nexport default function WideNarrowForm(props: WideNarrowFormProps) {\n  const {children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {children[0]}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {children[1]}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.d.ts

@@ -1,17 +1,10 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function WideNarrowPage(props: any): JSX.Element;
-declare namespace WideNarrowPage {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        title: PropTypes.Validator<string>;
-        templateCol: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        templateCol: string;
-        icon: string;
-    };
+interface WideNarrowPageProps {
+    children: Array<any>;
+    title: string;
+    templateCol?: string;
+    icon?: string;
 }
-export default WideNarrowPage;
+export default function WideNarrowPage(props: WideNarrowPageProps): JSX.Element;
+export {};
 //# sourceMappingURL=WideNarrowPage.d.ts.map

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,iBAAwB,cAAc,CAAC,KAAK,KAAA,eAe3C;kBAfuB,cAAc;;;;;;;;;;;;eAAd,cAAc"}
+{"version":3,"file":"WideNarrowPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":";AAIA,UAAU,mBAAmB;IAE3B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAkBhE"}

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.js

@@ -1,25 +1,15 @@
 import React, { Children } from "react";
-import PropTypes from "prop-types";
-// import { TwoColumnPage as TwoColumn } from "@pega/cosmos-react-core";
-import WideNarrow from '../WideNarrow/WideNarrow';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 /*
  * The wrapper handles knowing how to take in just children and mapping
  * to the Cosmos template.
  */
 export default function WideNarrowPage(props) {
-    const { children, title, templateCol, icon } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const WideNarrow = getComponentFromMap('WideNarrow');
+    const { children, title, templateCol = '1fr 1fr', icon = '' } = props;
     const childArray = Children.toArray(children);
     return (React.createElement("div", null,
         React.createElement(WideNarrow, { a: childArray[0], b: childArray[1], title: title, cols: templateCol, icon: icon?.replace("pi pi-", "") })));
 }
-WideNarrowPage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    title: PropTypes.string.isRequired,
-    templateCol: PropTypes.string,
-    icon: PropTypes.string
-};
-WideNarrowPage.defaultProps = {
-    templateCol: "1fr 1fr",
-    icon: ""
-};
 //# sourceMappingURL=WideNarrowPage.js.map

package/lib/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideNarrowPage.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,wEAAwE;AACxE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL;QACA,oBAAC,UAAU,IACP,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GACjC,CACE,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import React, { Children } from \"react\";\nimport PropTypes from \"prop-types\";\n\n// import { TwoColumnPage as TwoColumn } from \"@pega/cosmos-react-core\";\nimport WideNarrow from '../WideNarrow/WideNarrow';\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function WideNarrowPage(props) {\n  const { children, title, templateCol, icon } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n    <WideNarrow\n        a={childArray[0]}\n        b={childArray[1]}\n        title={title}\n        cols={templateCol}\n        icon={icon?.replace(\"pi pi-\", \"\")}\n      />\n    </div>\n  );\n}\n\nWideNarrowPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  title: PropTypes.string.isRequired,\n  templateCol: PropTypes.string,\n  icon: PropTypes.string\n};\n\nWideNarrowPage.defaultProps = {\n  templateCol: \"1fr 1fr\",\n  icon: \"\"\n};\n"]}
+{"version":3,"file":"WideNarrowPage.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAYnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL;QACA,oBAAC,UAAU,IACP,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GACjC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { Children } from \"react\";\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// WideNarrowPage does NOT have getPConnect. So, no need to extend from PConnProps\ninterface WideNarrowPageProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  title: string,\n  templateCol?: string,\n  icon?: string\n}\n\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function WideNarrowPage(props: WideNarrowPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const WideNarrow = getComponentFromMap('WideNarrow');\n\n  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n    <WideNarrow\n        a={childArray[0]}\n        b={childArray[1]}\n        title={title}\n        cols={templateCol}\n        icon={icon?.replace(\"pi pi-\", \"\")}\n      />\n    </div>\n  );\n}\n"]}

package/lib/components/template/WssNavBar/WssNavBar.d.ts

@@ -1,4 +1,20 @@
 /// <reference types="react" />
 import './WssNavBar.css';
-export default function WssNavBar(props: any): JSX.Element;
+interface WssNavBarProps {
+    appInfo: any;
+    navLinks: Array<any>;
+    operator: {
+        currentUserInitials: string;
+    };
+    navDisplayOptions: {
+        alignment: string;
+        position: string;
+    };
+    portalName: string;
+    imageSrc: string;
+    fullImageSrc: string;
+    appName: any;
+}
+export default function WssNavBar(props: WssNavBarProps): JSX.Element;
+export {};
 //# sourceMappingURL=WssNavBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WssNavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":";AAWA,OAAO,iBAAiB,CAAC;AAuBzB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,KAAA,eA+GtC"}
+{"version":3,"file":"WssNavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":";AAWA,OAAO,iBAAiB,CAAC;AAIzB,UAAU,cAAc;IAEtB,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACpB,QAAQ,EAAE;QAAE,mBAAmB,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAE1D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,GAAG,CAAA;CACd;AAwBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eA+GtD"}

package/lib/components/template/WssNavBar/WssNavBar.js

@@ -48,12 +48,12 @@ export default function WssNavBar(props) {
     const handleCloseUserMenu = () => {
         setAnchorElUser(null);
     };
-    const navLinksContent = (React.createElement(Box, { sx: { flexGrow: 1, display: { xs: 'none', md: 'flex' } }, style: { justifyContent: alignment } }, navLinks.map(link => (React.createElement(Button, { className: 'link-style', key: link.text, onClick: link.onClick }, link.text)))));
+    const navLinksContent = (React.createElement(Box, { id: "nav-links", sx: { flexGrow: 1, display: { xs: 'none', md: 'flex' } }, style: { justifyContent: alignment } }, navLinks.map(link => (React.createElement(Button, { className: 'link-style', key: link.text, onClick: link.onClick }, link.text)))));
     return (React.createElement("div", { id: 'NavBar', className: 'nav-bar' },
         React.createElement(AppBar, { position: 'static', color: 'primary' },
             React.createElement(Container, { maxWidth: 'xl' },
                 React.createElement(Toolbar, { disableGutters: true, style: { justifyContent: 'space-between' } },
-                    React.createElement(Button, { style: { textTransform: 'capitalize' }, onClick: appInfo.onClick },
+                    React.createElement(Button, { id: "appName", style: { textTransform: 'capitalize' }, onClick: appInfo.onClick },
                         React.createElement("img", { src: appInfo.imageSrc, className: classes.appListLogo }),
                         React.createElement("span", { className: classes.appName }, appInfo.appName)),
                     React.createElement(Box, { sx: { flexGrow: 1, display: { xs: 'flex', md: 'none' } } },

package/lib/components/template/WssNavBar/WssNavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Box from '@material-ui/core/Box';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Container from '@material-ui/core/Container';\nimport { IconButton, Menu, MenuItem, Typography } from '@material-ui/core';\nimport { Button } from '@material-ui/core';\nimport Avatar from '@material-ui/core/Avatar';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { logout } from '../../helpers/authManager';\nimport './WssNavBar.css';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  appListLogo: {\n    width: '3.6rem'\n  },\n  appName: {\n    color: 'white',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(4),\n    fontSize: '1.5rem'\n  }\n}));\n\nexport default function WssNavBar(props) {\n  const { appInfo, navLinks, operator, navDisplayOptions } = props;\n  const { alignment, position } = navDisplayOptions;\n  const classes = useStyles();\n\n  const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);\n  const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null);\n\n  const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElNav(event.currentTarget);\n  };\n  const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElUser(event.currentTarget);\n  };\n\n  const handleCloseNavMenu = () => {\n    setAnchorElNav(null);\n  };\n\n  const handleCloseUserMenu = () => {\n    setAnchorElUser(null);\n  };\n\n  const navLinksContent = (\n    <Box\n      sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}\n      style={{ justifyContent: alignment }}\n    >\n      {navLinks.map(link => (\n        <Button className='link-style' key={link.text} onClick={link.onClick}>\n          {link.text}\n        </Button>\n      ))}\n    </Box>\n  );\n\n  return (\n    <div id='NavBar' className='nav-bar'>\n      <AppBar position='static' color='primary'>\n        <Container maxWidth='xl'>\n          <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>\n            <Button style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>\n              <img src={appInfo.imageSrc} className={classes.appListLogo} />\n              <span className={classes.appName}>{appInfo.appName}</span>\n            </Button>\n            <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\n              <IconButton\n                size='small'\n                aria-label='account of current user'\n                aria-controls='menu-appbar'\n                aria-haspopup='true'\n                onClick={handleOpenNavMenu}\n                color='inherit'\n              >\n                <MenuIcon />\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElNav}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'left'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'left'\n                }}\n                open={Boolean(anchorElNav)}\n                onClose={handleCloseNavMenu}\n              >\n                {navLinks.map(link => (\n                  <MenuItem key={link.text} onClick={link.onClick}>\n                    <Typography>{link.text}</Typography>\n                  </MenuItem>\n                ))}\n              </Menu>\n            </Box>\n\n            {position === 'inline' && <>{navLinksContent}</>}\n\n            <Box sx={{ flexGrow: 0 }}>\n              <IconButton onClick={handleOpenUserMenu}>\n                <Avatar>{operator.currentUserInitials}</Avatar>\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElUser}\n                anchorOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                open={Boolean(anchorElUser)}\n                onClose={handleCloseUserMenu}\n              >\n                <MenuItem onClick={logout}>\n                  <Typography>Logout</Typography>\n                </MenuItem>\n              </Menu>\n            </Box>\n          </Toolbar>\n          {position === 'below' && <>{navLinksContent}</>}\n        </Container>\n      </AppBar>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WssNavBar.js","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Box from '@material-ui/core/Box';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Container from '@material-ui/core/Container';\nimport { IconButton, Menu, MenuItem, Typography } from '@material-ui/core';\nimport { Button } from '@material-ui/core';\nimport Avatar from '@material-ui/core/Avatar';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { logout } from '../../helpers/authManager';\nimport './WssNavBar.css';\n\n// WssNavBar does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface WssNavBarProps {\n  // If any, enter additional props that only exist on this component\n  appInfo: any,\n  navLinks: Array<any>\n  operator: { currentUserInitials: string },\n  navDisplayOptions: { alignment: string, position: string},\n  // eslint-disable-next-line react/no-unused-prop-types\n  portalName: string,\n  imageSrc: string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  fullImageSrc: string,\n   appName: any\n}\n\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  appListLogo: {\n    width: '3.6rem'\n  },\n  appName: {\n    color: 'white',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(4),\n    fontSize: '1.5rem'\n  }\n}));\n\nexport default function WssNavBar(props: WssNavBarProps) {\n  const { appInfo, navLinks, operator, navDisplayOptions } = props;\n  const { alignment, position } = navDisplayOptions;\n  const classes = useStyles();\n\n  const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);\n  const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null);\n\n  const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElNav(event.currentTarget);\n  };\n  const handleOpenUserMenu = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorElUser(event.currentTarget);\n  };\n\n  const handleCloseNavMenu = () => {\n    setAnchorElNav(null);\n  };\n\n  const handleCloseUserMenu = () => {\n    setAnchorElUser(null);\n  };\n\n  const navLinksContent = (\n    <Box id=\"nav-links\"\n      sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}\n      style={{ justifyContent: alignment }}\n    >\n      {navLinks.map(link => (\n        <Button className='link-style' key={link.text} onClick={link.onClick}>\n          {link.text}\n        </Button>\n      ))}\n    </Box>\n  );\n\n  return (\n    <div id='NavBar' className='nav-bar'>\n      <AppBar position='static' color='primary'>\n        <Container maxWidth='xl'>\n          <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>\n            <Button id=\"appName\" style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>\n              <img src={appInfo.imageSrc} className={classes.appListLogo} />\n              <span className={classes.appName}>{appInfo.appName}</span>\n            </Button>\n            <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>\n              <IconButton\n                size='small'\n                aria-label='account of current user'\n                aria-controls='menu-appbar'\n                aria-haspopup='true'\n                onClick={handleOpenNavMenu}\n                color='inherit'\n              >\n                <MenuIcon />\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElNav}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'left'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'left'\n                }}\n                open={Boolean(anchorElNav)}\n                onClose={handleCloseNavMenu}\n              >\n                {navLinks.map(link => (\n                  <MenuItem key={link.text} onClick={link.onClick}>\n                    <Typography>{link.text}</Typography>\n                  </MenuItem>\n                ))}\n              </Menu>\n            </Box>\n\n            {position === 'inline' && <>{navLinksContent}</>}\n\n            <Box sx={{ flexGrow: 0 }}>\n              <IconButton onClick={handleOpenUserMenu}>\n                <Avatar>{operator.currentUserInitials}</Avatar>\n              </IconButton>\n              <Menu\n                id='menu-appbar'\n                anchorEl={anchorElUser}\n                anchorOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                keepMounted\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right'\n                }}\n                open={Boolean(anchorElUser)}\n                onClose={handleCloseUserMenu}\n              >\n                <MenuItem onClick={logout}>\n                  <Typography>Logout</Typography>\n                </MenuItem>\n              </Menu>\n            </Box>\n          </Toolbar>\n          {position === 'below' && <>{navLinksContent}</>}\n        </Container>\n      </AppBar>\n    </div>\n  );\n}\n"]}