@pega/react-sdk-components 23.1.10 → 23.1.12

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":";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"}
+{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,cAAe,SAAQ,UAAU;IAEzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,eAoCzE"}

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

@@ -1,32 +1,34 @@
-import React from "react";
-import { Grid } from "@material-ui/core";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
     colStyles: {
-        display: "grid",
-        gap: "1rem",
-        alignContent: "baseline",
-    },
+        display: 'grid',
+        gap: '1rem',
+        alignContent: 'baseline'
+    }
 }));
 export default function TwoColumn(props) {
     const classes = useStyles();
     const { children, templateCol = '1fr 1fr' } = props;
-    if (children.length !== 2) {
+    const childrenToRender = children;
+    if (childrenToRender.length !== 2) {
         // eslint-disable-next-line no-console
-        console.error(`TwoColumn template sees more than 2 columns: ${children.length}`);
+        console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);
     }
     // Calculate the size
     //  Default to assume the 2 columns are evenly split. However, override if templateCol
     //  (example value: "1fr 1fr")
     let aSize = 6;
     let bSize = 6;
-    const colAArray = templateCol.replaceAll(/[a-z]+/g, "").split(/\s/).map(itm => Number(itm));
+    const colAArray = templateCol
+        .replaceAll(/[a-z]+/g, '')
+        .split(/\s/)
+        .map(itm => Number(itm));
     const totalCols = colAArray.reduce((v, itm) => itm + v, 0);
     const ratio = 12 / totalCols;
     aSize = (ratio * colAArray[0]);
     bSize = (ratio * colAArray[1]);
-    return (React.createElement(Grid, { container: true, spacing: 1 },
-        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])));
+    return (_jsxs(Grid, { container: true, spacing: 1, children: [_jsx(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles, children: childrenToRender[1] })] }));
 }
 //# 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,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"]}
+{"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAQtD,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,KAAwC;IACxE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,gDAAgD,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;KAC1F;IAED,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW;SAC1B,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;SACzB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,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;IAE3C,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, GridSize } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  templateCol?: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function TwoColumn(props: PropsWithChildren<TwoColumnProps>) {\n  const classes = useStyles();\n\n  const { children, templateCol = '1fr 1fr' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  if (childrenToRender.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.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\n    .replaceAll(/[a-z]+/g, '')\n    .split(/\\s/)\n    .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        {childrenToRender[0]}\n      </Grid>\n      <Grid item xs={12} md={bSize} className={classes.colStyles}>\n        {childrenToRender[1]}\n      </Grid>\n    </Grid>\n  );\n}\n"]}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-interface TwoColumnPageProps {
-    children: Array<any>;
+import { PConnProps } from '../../../../types/PConnProps';
+interface TwoColumnPageProps extends PConnProps {
 }
 export default function TwoColumnPage(props: TwoColumnPageProps): JSX.Element;
 export {};

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":";AAIA,UAAU,kBAAkB;IAE1B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAOD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAS9D"}
+{"version":3,"file":"TwoColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,kBAAmB,SAAQ,UAAU;CAE9C;AAMD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAK9D"}

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 /*
  * The wrapper handles knowing how to take in just children
@@ -7,6 +7,6 @@ import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_ma
 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 }));
+    return _jsx(TwoColumn, { ...props });
 }
 //# 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,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"]}
+{"version":3,"file":"TwoColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAOnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\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 <TwoColumn {...props} />;\n}\n"]}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-interface TwoColumnTabProps {
-    children: Array<any>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
+interface TwoColumnTabProps extends PConnProps {
     templateCol?: string;
 }
-export default function TwoColumnTab(props: TwoColumnTabProps): JSX.Element;
+export default function TwoColumnTab(props: PropsWithChildren<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":";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"}
+{"version":3,"file":"TwoColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,eAoC/E"}

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

@@ -1,32 +1,34 @@
-import React from "react";
-import { Grid } from "@material-ui/core";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
     colStyles: {
-        display: "grid",
-        gap: "1rem",
-        alignContent: "baseline",
-    },
+        display: 'grid',
+        gap: '1rem',
+        alignContent: 'baseline'
+    }
 }));
 export default function TwoColumnTab(props) {
     const classes = useStyles();
     const { children, templateCol = '1fr 1fr' } = props;
-    if (children.length !== 2) {
+    const childrenToRender = children;
+    if (childrenToRender.length !== 2) {
         // eslint-disable-next-line no-console
-        console.error(`TwoColumn template sees more than 2 columns: ${children.length}`);
+        console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.length}`);
     }
     // Calculate the size
     //  Default to assume the 2 columns are evenly split. However, override if templateCol
     //  (example value: "1fr 1fr")
     let aSize = 6;
     let bSize = 6;
-    const colAArray = templateCol.replaceAll(/[a-z]+/g, "").split(/\s/).map(itm => Number(itm));
+    const colAArray = templateCol
+        .replaceAll(/[a-z]+/g, '')
+        .split(/\s/)
+        .map(itm => Number(itm));
     const totalCols = colAArray.reduce((v, itm) => itm + v, 0);
     const ratio = 12 / totalCols;
     aSize = (ratio * colAArray[0]);
     bSize = (ratio * colAArray[1]);
-    return (React.createElement(Grid, { container: true, spacing: 1 },
-        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])));
+    return (_jsxs(Grid, { container: true, spacing: 1, children: [_jsx(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles, children: childrenToRender[1] })] }));
 }
 //# 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,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"]}
+{"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAQtD,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,KAA2C;IAC9E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,gDAAgD,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;KAC1F;IAED,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW;SAC1B,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;SACzB,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,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;IAE3C,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YACvD,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, GridSize } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface TwoColumnTabProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  templateCol?: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  }\n}));\n\nexport default function TwoColumnTab(props: PropsWithChildren<TwoColumnTabProps>) {\n  const classes = useStyles();\n\n  const { children, templateCol = '1fr 1fr' } = props;\n  const childrenToRender = children as ReactElement[];\n\n  if (childrenToRender.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`TwoColumn template sees more than 2 columns: ${childrenToRender.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\n    .replaceAll(/[a-z]+/g, '')\n    .split(/\\s/)\n    .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        {childrenToRender[0]}\n      </Grid>\n      <Grid item xs={12} md={bSize} className={classes.colStyles}>\n        {childrenToRender[1]}\n      </Grid>\n    </Grid>\n  );\n}\n"]}

package/lib/components/template/WideNarrow/WideNarrow/WideNarrow.css

@@ -9,7 +9,6 @@
   float: left;
   padding: 0rem 0rem 0rem 0.3125rem;
   height: 100%;
-
 }
 
 .psdk-wide-narrow-column .psdk-wide-column-column {
@@ -17,5 +16,4 @@
   float: left;
   padding: 0rem 0.3125rem 0rem 0rem;
   height: 100%;
-
 }

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
 import './WideNarrow.css';
-interface WideNarrowProps {
+interface WideNarrowProps extends PConnProps {
     a: any;
     b: any;
-    children?: Array<any>;
     title?: string;
     cols?: string;
     icon?: string;
 }
-export default function WideNarrow(props: WideNarrowProps): JSX.Element;
+export default function WideNarrow(props: PropsWithChildren<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":";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"}
+{"version":3,"file":"WideNarrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAgB,SAAQ,UAAU;IAE1C,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IAEP,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,eAoB3E"}

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

@@ -1,16 +1,8 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import './WideNarrow.css';
 export default function WideNarrow(props) {
     // const {a, b /*, cols, icon, title */ } = props;
     const { a, b, children = [] } = props;
-    return (React.createElement(React.Fragment, null,
-        children && children.length === 2 &&
-            React.createElement("div", { className: "psdk-wide-narrow-column" },
-                React.createElement("div", { className: "psdk-wide-column-column" }, children[0]),
-                React.createElement("div", { className: "psdk-narrow-column-column" }, children[1])),
-        a && b &&
-            React.createElement("div", { className: "psdk-wide-narrow-column" },
-                React.createElement("div", { className: "psdk-wide-column-column" }, a),
-                React.createElement("div", { className: "psdk-narrow-column-column" }, b))));
+    return (_jsxs(_Fragment, { children: [children && children.length === 2 && (_jsxs("div", { className: 'psdk-wide-narrow-column', children: [_jsx("div", { className: 'psdk-wide-column-column', children: children[0] }), _jsx("div", { className: 'psdk-narrow-column-column', children: children[1] })] })), a && b && (_jsxs("div", { className: 'psdk-wide-narrow-column', children: [_jsx("div", { className: 'psdk-wide-column-column', children: a }), _jsx("div", { className: 'psdk-narrow-column-column', children: b })] }))] }));
 }
 //# sourceMappingURL=WideNarrow.js.map

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;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"]}
+{"version":3,"file":"WideNarrow.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAc1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEtC,OAAO,CACL,8BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC5D,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1D,CACP,EACA,CAAC,IAAI,CAAC,IAAI,CACT,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,CAAC,GAAO,EAClD,cAAK,SAAS,EAAC,2BAA2B,YAAE,CAAC,GAAO,IAChD,CACP,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\nimport './WideNarrow.css';\n\ninterface WideNarrowProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  a: any;\n  b: 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\nexport default function WideNarrow(props: PropsWithChildren<WideNarrowProps>) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children = [] } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{children[0]}</div>\n          <div className='psdk-narrow-column-column'>{children[1]}</div>\n        </div>\n      )}\n      {a && b && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{a}</div>\n          <div className='psdk-narrow-column-column'>{b}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

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

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-export default function WideNarrowDetails(props: any): JSX.Element;
+import { PConnProps } from '../../../../types/PConnProps';
+interface WideNarrowDetailsProps extends PConnProps {
+    showLabel?: boolean;
+    label?: string;
+    showHighlightedData?: boolean;
+}
+export default function WideNarrowDetails(props: WideNarrowDetailsProps): JSX.Element;
+export {};
 //# 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":";AAkBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,KAAA,eAuE9C"}
+{"version":3,"file":"WideNarrowDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAoEtE"}

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

@@ -1,17 +1,10 @@
-import React, { createElement } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 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 /* : WideNarrowDetailsProps */) {
+export default function WideNarrowDetails(props) {
     // 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;
@@ -21,9 +14,7 @@ export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */)
     // in a readonly (display) mode instead of a editable
     getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
     getPConnect().setInheritedProp('readOnly', true);
-    const children = getPConnect()
-        .getChildren()
-        ?.map((configObject, index) => {
+    const children = getPConnect().getChildren()?.map((configObject, index) => {
         let theConfigObject = configObject;
         if (!theConfigObject) {
             theConfigObject = {};
@@ -52,8 +43,6 @@ export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */)
     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))))));
+    return (_jsxs(FieldGroup, { name: theName, children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: COLUMN_WIDTHS[i], children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children?.map((child, i) => (_jsx(Grid, { item: true, xs: COLUMN_WIDTHS[i], children: child }, `r-${i + 1}`))) })] }));
 }
 //# 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 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"]}
+{"version":3,"file":"WideNarrowDetails.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from 'react';\nimport Grid, { GridSize } from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface 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().getChildren() as any[])?.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() as any).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, '', '', {}); // 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.css

@@ -9,7 +9,6 @@
   float: left;
   padding: 0rem 0.3125rem 0rem 0rem;
   height: 100%;
-
 }
 
 .psd-wide-narrow-column .psdk-wide-column-column {
@@ -17,5 +16,4 @@
   float: left;
   padding: 0rem 0rem 0rem 0.3125rem;
   height: 100%;
-
 }

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
 import './WideNarrowForm.css';
-interface WideNarrowFormProps {
-    children: Array<any>;
+interface WideNarrowFormProps extends PConnProps {
 }
-export default function WideNarrowForm(props: WideNarrowFormProps): JSX.Element;
+export default function WideNarrowForm(props: PropsWithChildren<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;AAG9B,UAAU,mBAAmB;IAE3B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAmBhE"}
+{"version":3,"file":"WideNarrowForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,sBAAsB,CAAC;AAE9B,UAAU,mBAAoB,SAAQ,UAAU;CAE/C;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,eAanF"}

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

@@ -1,10 +1,7 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import './WideNarrowForm.css';
 export default function WideNarrowForm(props) {
     const { children } = props;
-    return (React.createElement(React.Fragment, null, children && children.length === 2 &&
-        React.createElement("div", { className: "psdk-wide-narrow-column" },
-            React.createElement("div", { className: "psdk-wide-column-column" }, children[0]),
-            React.createElement("div", { className: "psdk-narrow-column-column" }, children[1]))));
+    return (_jsx(_Fragment, { children: children && children.length === 2 && (_jsxs("div", { className: 'psdk-wide-narrow-column', children: [_jsx("div", { className: 'psdk-wide-column-column', children: children[0] }), _jsx("div", { className: 'psdk-narrow-column-column', children: children[1] })] })) }));
 }
 //# sourceMappingURL=WideNarrowForm.js.map

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;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"]}
+{"version":3,"file":"WideNarrowForm.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAM9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,4BACG,QAAQ,IAAK,QAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC5D,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1D,CACP,GACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { PConnProps } from '../../../../types/PConnProps';\nimport './WideNarrowForm.css';\n\ninterface WideNarrowFormProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function WideNarrowForm(props: PropsWithChildren<WideNarrowFormProps>) {\n  const { children } = props;\n\n  return (\n    <>\n      {children && (children as ReactElement[]).length === 2 && (\n        <div className='psdk-wide-narrow-column'>\n          <div className='psdk-wide-column-column'>{children[0]}</div>\n          <div className='psdk-narrow-column-column'>{children[1]}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-interface WideNarrowPageProps {
-    children: Array<any>;
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
+interface WideNarrowPageProps extends PConnProps {
     title: string;
     templateCol?: string;
     icon?: string;
 }
-export default function WideNarrowPage(props: WideNarrowPageProps): JSX.Element;
+export default function WideNarrowPage(props: PropsWithChildren<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":";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"}
+{"version":3,"file":"WideNarrowPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,eAYnF"}

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

@@ -1,4 +1,5 @@
-import React, { Children } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from 'react';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 /*
  * The wrapper handles knowing how to take in just children and mapping
@@ -9,7 +10,6 @@ export default function WideNarrowPage(props) {
     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-", "") })));
+    return (_jsx("div", { children: _jsx(WideNarrow, { a: childArray[0], b: childArray[1], title: title, cols: templateCol, icon: icon?.replace('pi pi-', '') }) }));
 }
 //# 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,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"]}
+{"version":3,"file":"WideNarrowPage.js","sourceRoot":"","sources":["../../../../../src/components/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,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,wBACE,KAAC,UAAU,IAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAI,GAClH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren } from 'react';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface WideNarrowPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  templateCol?: string;\n  icon?: string;\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: PropsWithChildren<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 a={childArray[0]} b={childArray[1]} title={title} cols={templateCol} icon={icon?.replace('pi pi-', '')} />\n    </div>\n  );\n}\n"]}

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

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

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import { PConnProps } from '../../../types/PConnProps';
 import './WssNavBar.css';
-interface WssNavBarProps {
+interface WssNavBarProps extends PConnProps {
     appInfo: any;
-    navLinks: Array<any>;
+    navLinks: any[];
     operator: {
         currentUserInitials: string;
     };

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;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"}
+{"version":3,"file":"WssNavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/template/WssNavBar/WssNavBar.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE;QAAE,mBAAmB,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAE3D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC;CACd;AAuBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eA+GtD"}