@pega/react-sdk-components 0.23.26 → 8.8.20

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.d.ts

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

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.d.ts.map

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

package/lib/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWideForm.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.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;YACxC,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR;YACN,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF,CAEW,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './NarrowWideForm.css';\n\nexport default function NarrowWideForm(props) {\n  const {children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-narrow-wide-column\">\n      <div className=\"psdk-narrow-column-column\">\n        {children[0]}\n      </div>\n      <div className=\"psdk-wide-column-column\">\n        {children[1]}\n      </div>\n    </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}
+{"version":3,"file":"NarrowWideForm.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWideForm/NarrowWideForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAU9B,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;YACxC,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR;YACN,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF,CAEW,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './NarrowWideForm.css';\n\n// NarrowWideForm does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface NarrowWideFormProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nexport default function NarrowWideForm(props: NarrowWideFormProps) {\n  const {children} = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-narrow-wide-column\">\n      <div className=\"psdk-narrow-column-column\">\n        {children[0]}\n      </div>\n      <div className=\"psdk-wide-column-column\">\n        {children[1]}\n      </div>\n    </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.d.ts

@@ -1,17 +1,10 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function NarrowWidePage(props: any): JSX.Element;
-declare namespace NarrowWidePage {
-    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 NarrowWidePageProps {
+    children: Array<any>;
+    title: string;
+    templateCol: string;
+    icon: string;
 }
-export default NarrowWidePage;
+export default function NarrowWidePage(props: NarrowWidePageProps): JSX.Element;
+export {};
 //# sourceMappingURL=NarrowWidePage.d.ts.map

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.d.ts.map

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

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.js

@@ -1,25 +1,16 @@
 import React, { Children } from "react";
-import PropTypes from "prop-types";
 // import { TwoColumnPage as TwoColumn } from "@pega/cosmos-react-core";
-import NarrowWide from '../NarrowWide/NarrowWide';
+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 NarrowWidePage(props) {
-    const { children, title, templateCol, icon } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const NarrowWide = getComponentFromMap('NarrowWide');
+    const { children, title, templateCol = '1fr 1fr', icon = '' } = props;
     const childArray = Children.toArray(children);
     return (React.createElement("div", null,
         React.createElement(NarrowWide, { a: childArray[0], b: childArray[1], title: title, cols: templateCol, icon: icon?.replace("pi pi-", "") })));
 }
-NarrowWidePage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    title: PropTypes.string.isRequired,
-    templateCol: PropTypes.string,
-    icon: PropTypes.string
-};
-NarrowWidePage.defaultProps = {
-    templateCol: "1fr 1fr",
-    icon: ""
-};
 //# sourceMappingURL=NarrowWidePage.js.map

package/lib/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowWidePage.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.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 NarrowWide from '../NarrowWide/NarrowWide';\n\n/*\n * The wrapper handles knowing how to take in just children and mapping\n * to the Cosmos template.\n */\nexport default function NarrowWidePage(props) {\n  const { children, title, templateCol, icon } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n    <NarrowWide\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\nNarrowWidePage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  title: PropTypes.string.isRequired,\n  templateCol: PropTypes.string,\n  icon: PropTypes.string\n};\n\nNarrowWidePage.defaultProps = {\n  templateCol: \"1fr 1fr\",\n  icon: \"\"\n};\n"]}
+{"version":3,"file":"NarrowWidePage.js","sourceRoot":"","sources":["../../../../../src/components/template/NarrowWide/NarrowWidePage/NarrowWidePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,wEAAwE;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAanF;;;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\";\n// import { TwoColumnPage as TwoColumn } from \"@pega/cosmos-react-core\";\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n\n// NarrowWidePage does NOT have getPConnect. So, no need to extend from PConnProps\ninterface NarrowWidePageProps {\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 NarrowWidePage(props: NarrowWidePageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const NarrowWide = getComponentFromMap('NarrowWide');\n\n  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;\n  const childArray = Children.toArray(children);\n\n  return (\n    <div>\n    <NarrowWide\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/OneColumn/OneColumn/OneColumn.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"OneColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,iBAAwB,SAAS,CAAC,KAAK,KAAA,eAYtC;kBAZuB,SAAS;;;;;eAAT,SAAS"}
+{"version":3,"file":"OneColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":";AAKA,UAAU,cAAc;IAEtB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAYD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eAYtD"}

package/lib/components/template/OneColumn/OneColumn/OneColumn.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(( /* theme */) => ({
@@ -15,8 +14,4 @@ export default function OneColumn(props) {
     return (React.createElement(Grid, { container: true, spacing: 2 },
         React.createElement(Grid, { item: true, xs: 12, className: classes.colStyles }, children.map(child => { return child; }))));
 }
-OneColumn.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    // template: PropTypes.string.isRequired
-};
 //# sourceMappingURL=OneColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OneColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IAC5C,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAE,CACrC,CACF,CACR,CAAA;AACH,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((/* theme */) => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\n\nexport default function OneColumn(props) {\n  const classes = useStyles();\n\n  const { children} = props;\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} className={classes.colStyles}>\n        {children.map(child => { return child; } )}\n      </Grid>\n    </Grid>\n  )\n}\n\nOneColumn.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}
+{"version":3,"file":"OneColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumn/OneColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IAC5C,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAE,CACrC,CACF,CACR,CAAA;AACH,CAAC","sourcesContent":["import React from \"react\";\nimport { Grid } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// OneColumn does NOT have getPConnect. So, no need to extend from PConnProps\ninterface OneColumnProps{\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nconst useStyles = makeStyles((/* theme */) => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\n\nexport default function OneColumn(props: OneColumnProps) {\n  const classes = useStyles();\n\n  const { children} = props;\n\n  return (\n    <Grid container spacing={2}>\n      <Grid item xs={12} className={classes.colStyles}>\n        {children.map(child => { return child; } )}\n      </Grid>\n    </Grid>\n  )\n}\n"]}

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.d.ts

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

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAO1C;kBAPuB,aAAa;;;;;;eAAb,aAAa"}
+{"version":3,"file":"OneColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.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/OneColumn/OneColumnPage/OneColumnPage.js

@@ -1,15 +1,12 @@
 import React from "react";
-import PropTypes from "prop-types";
-import OneColumn from '../OneColumn/OneColumn';
+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 OneColumnPage(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const OneColumn = getComponentFromMap('OneColumn');
     return (React.createElement(OneColumn, { ...props }));
 }
-OneColumnPage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-};
-OneColumnPage.defaultProps = {};
 //# sourceMappingURL=OneColumnPage.js.map

package/lib/components/template/OneColumn/OneColumnPage/OneColumnPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.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,OACH,KAAK,GACV,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 OneColumn from '../OneColumn/OneColumn';\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function OneColumnPage(props) {\n\n  return (\n    <OneColumn\n       {...props}\n    />\n  );\n}\n\nOneColumnPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nOneColumnPage.defaultProps = {\n};\n"]}
+{"version":3,"file":"OneColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnPage/OneColumnPage.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,OACH,KAAK,GACV,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// OneColumnPage does NOT have getPConnect. So, no need to extend from PConnProps\ninterface OneColumnPageProps{\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 OneColumnPage(props: OneColumnPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const OneColumn = getComponentFromMap('OneColumn');\n\n  return (\n    <OneColumn\n       {...props}\n    />\n  );\n}\n"]}

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.d.ts

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

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,eAQzC;kBARuB,YAAY;;;;;eAAZ,YAAY"}
+{"version":3,"file":"OneColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IAEzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAQ5D"}

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.js

@@ -1,11 +1,6 @@
 import React from "react";
-import PropTypes from "prop-types";
 export default function OneColumnTab(props) {
     const { children } = props;
     return (React.createElement("div", { id: "OneColumnTab" }, children));
 }
-OneColumnTab.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    // template: PropTypes.string.isRequired
-};
 //# sourceMappingURL=OneColumnTab.js.map

package/lib/components/template/OneColumn/OneColumnTab/OneColumnTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,6BAAK,EAAE,EAAC,cAAc,IACnB,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function OneColumnTab(props) {\n  const { children} = props;\n\n  return (\n    <div id=\"OneColumnTab\">\n      {children}\n    </div>\n  )\n}\n\nOneColumnTab.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}
+{"version":3,"file":"OneColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/template/OneColumn/OneColumnTab/OneColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,6BAAK,EAAE,EAAC,cAAc,IACnB,QAAQ,CACL,CACP,CAAA;AACH,CAAC","sourcesContent":["import React from \"react\";\n\ninterface OneColumnTabProps{\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\nexport default function OneColumnTab(props: OneColumnTabProps) {\n  const { children} = props;\n\n  return (\n    <div id=\"OneColumnTab\">\n      {children}\n    </div>\n  )\n}\n"]}

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

@@ -1,18 +1,4 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import './PromotedFilters.css';
-declare function PromotedFilters(props: any): JSX.Element;
-declare namespace PromotedFilters {
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        viewName: PropTypes.Validator<string>;
-        filters: PropTypes.Validator<(object | null | undefined)[]>;
-        listViewProps: PropTypes.Validator<{
-            [x: string]: any;
-        }>;
-        pageClass: PropTypes.Validator<string>;
-        parameters: PropTypes.Requireable<object>;
-    };
-}
-export default PromotedFilters;
+export default function PromotedFilters(props: any): JSX.Element;
 //# sourceMappingURL=PromotedFilters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAO,uBAAuB,CAAC;AAkD/B,iBAAwB,eAAe,CAAC,KAAK,KAAA,eA8F5C;kBA9FuB,eAAe;;;;;;;;;;;;eAAf,eAAe"}
+{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":";AAMA,OAAO,uBAAuB,CAAC;AA+D/B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,KAAA,eAiG5C"}

package/lib/components/template/PromotedFilters/PromotedFilters.js

@@ -1,10 +1,20 @@
 import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';
-import PropTypes from 'prop-types';
 import Button from '@material-ui/core/Button';
 import createPConnectComponent from '../../../bridge/react_pconnect';
-import ListView from '../ListView';
-import Utils from '../../helpers/utils';
+import { isEmptyObject } from '../../helpers/common-utils';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './PromotedFilters.css';
+// import type { PConnProps } from '../../../types/PConnProps';
+// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem
+//  Currently just expects "object"
+// interface PromotedFilterProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   viewName: string,
+//   filters: Array<any>,
+//   listViewProps: any,
+//   pageClass: string,
+//   parameters?: object
+// }
 const localeCategory = 'SimpleTable';
 const SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [
     'TextInput',
@@ -48,7 +58,9 @@ function Filters({ filters, transientItemID, localeReference }) {
 function isValidInput(input) {
     return Object.values(input).findIndex((v) => v) >= 0;
 }
-export default function PromotedFilters(props) {
+export default function PromotedFilters(props /* : PromotedFilterProps */) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const ListView = getComponentFromMap('ListView');
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;
     const [initTable, setInitTable] = useState(false);
@@ -98,7 +110,7 @@ export default function PromotedFilters(props) {
             const Query = {
                 dataViewParameters: parameters
             };
-            if (!Utils.isEmptyObject(promotedFilters)) {
+            if (!isEmptyObject(promotedFilters)) {
                 Query.query = { filter: { filterConditions: promotedFilters } };
             }
             setPayload(Query);
@@ -120,12 +132,4 @@ export default function PromotedFilters(props) {
                 show: initTable
             } })));
 }
-PromotedFilters.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    viewName: PropTypes.string.isRequired,
-    filters: PropTypes.arrayOf(PropTypes.object).isRequired,
-    listViewProps: PropTypes.objectOf(PropTypes.any).isRequired,
-    pageClass: PropTypes.string.isRequired,
-    parameters: PropTypes.object
-};
 //# sourceMappingURL=PromotedFilters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport ListView from '../ListView';\nimport Utils from '../../helpers/utils';\nimport './PromotedFilters.css';\n\ndeclare const PCore;\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    // eslint-disable-next-line react/no-array-index-key\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex((v) => v) >= 0;\n}\n\nexport default function PromotedFilters(props) {\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach((filter) => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: \"EQ\",\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    (e) => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach((key) => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: parameters\n        };\n\n        if (!Utils.isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <Fragment>\n      <div>{listViewProps.title}</div>\n      <div className=\"psdk-grid-filter\">\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference}/>\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n            {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{float: 'right'}} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n            {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && <ListView {...listViewProps} title='' payload={payload}\n         isSearchable\n         tableDisplay={{\n           show: initTable\n         }}\n       />}\n    </Fragment>\n  );\n}\n\nPromotedFilters.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  viewName: PropTypes.string.isRequired,\n  filters: PropTypes.arrayOf(PropTypes.object).isRequired,\n  listViewProps: PropTypes.objectOf(PropTypes.any).isRequired,\n  pageClass: PropTypes.string.isRequired,\n  parameters: PropTypes.object\n};\n"]}
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement, Fragment } from 'react';\nimport Button from '@material-ui/core/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { isEmptyObject } from '../../helpers/common-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './PromotedFilters.css';\n\n// import type { PConnProps } from '../../../types/PConnProps';\n\n// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem\n//  Currently just expects \"object\"\n// interface PromotedFilterProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n//   viewName: string,\n//   filters: Array<any>,\n//   listViewProps: any,\n//   pageClass: string,\n//   parameters?: object\n// }\n\n\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    // eslint-disable-next-line react/no-array-index-key\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex((v) => v) >= 0;\n}\n\nexport default function PromotedFilters(props /* : PromotedFilterProps */) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach((filter) => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: \"EQ\",\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    (e) => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach((key) => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: parameters\n        };\n\n        if (!isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <Fragment>\n      <div>{listViewProps.title}</div>\n      <div className=\"psdk-grid-filter\">\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference}/>\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n          {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{float: 'right'}} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n          {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && <ListView {...listViewProps} title='' payload={payload}\n         isSearchable\n         tableDisplay={{\n           show: initTable\n         }}\n       />}\n    </Fragment>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,eAqBxC"}
+{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,eA2GxC"}

package/lib/components/template/SimpleTable/SimpleTable/SimpleTable.js

@@ -1,18 +1,70 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import React from 'react';
-import FieldGroupTemplate from '../../FieldGroupTemplate';
-import SimpleTableManual from '../SimpleTableManual';
-export default function SimpleTable(props) {
-    const { getPConnect, multiRecordDisplayAs, allowTableEdit } = props;
+import { buildMetaForListView, getContext } from '../../../helpers/simpleTableHelpers';
+import { useRef } from 'react';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
+export default function SimpleTable(props /* : SimpleTableProps */) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const ListView = getComponentFromMap('ListView');
+    const FieldGroupTemplate = getComponentFromMap('FieldGroupTemplate');
+    const SimpleTableManual = getComponentFromMap('SimpleTableManual');
+    const { getPConnect, multiRecordDisplayAs, allowTableEdit, label: labelProp, propertyLabel, displayMode, fieldMetadata, hideLabel, parameters, isDataObject, type, ruleClass, authorContext, name } = props;
     let { contextClass } = props;
     if (!contextClass) {
         let listName = getPConnect().getComponentConfig().referenceList;
         listName = PCore.getAnnotationUtils().getPropertyName(listName);
-        contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;
+        // was... contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;
+        const theFieldMetadata = getPConnect().getFieldMetadata(listName);
+        if (theFieldMetadata) {
+            contextClass = theFieldMetadata['pageClass'];
+        }
+        else {
+            contextClass = undefined;
+        }
     }
     if (multiRecordDisplayAs === 'fieldGroup') {
         const fieldGroupProps = { ...props, contextClass };
         return React.createElement(FieldGroupTemplate, { ...fieldGroupProps });
     }
+    const label = labelProp || propertyLabel;
+    const propsToUse = { label, ...getPConnect().getInheritedProps() };
+    const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';
+    if (fieldMetadata &&
+        fieldMetadata.type === 'Page List' &&
+        fieldMetadata.dataRetrievalType === 'refer') {
+        const { children: [{ children: rawFields }], parameters: rawParams } = getPConnect().getRawMetadata().config;
+        if (isDisplayModeEnabled && hideLabel) {
+            propsToUse.label = '';
+        }
+        const metaForListView = buildMetaForListView(fieldMetadata, rawFields, type, ruleClass, name, propsToUse.label, isDataObject, parameters // resolved params
+        );
+        const metaForPConnect = JSON.parse(JSON.stringify(metaForListView));
+        metaForPConnect.config.parameters =
+            rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;
+        const { referenceListStr: referenceList } = getContext(getPConnect());
+        let requiredContextForQueryInDisplayMode = {};
+        if (isDisplayModeEnabled) {
+            requiredContextForQueryInDisplayMode = {
+                referenceList
+            };
+        }
+        const options = {
+            context: getPConnect().getContextName(),
+            pageReference: getPConnect().getPageReference(),
+            ...requiredContextForQueryInDisplayMode
+        };
+        const refToPConnect = useRef(PCore.createPConnect({ meta: metaForPConnect, options }).getPConnect).current; // getPConnect should be created only once.
+        /* BUG-637178 : need to send context */
+        const listViewProps = {
+            ...metaForListView.config,
+            getPConnect: refToPConnect,
+            displayMode,
+            fieldName: authorContext,
+            bInForm: true
+        };
+        const listViewComponent = React.createElement(ListView, { ...listViewProps });
+        return listViewComponent;
+    }
     else {
         const simpleTableManualProps = { ...props, contextClass };
         if (allowTableEdit === false) {

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAIrD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,YAAY,EAAE;QACjB,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC;QAChE,QAAQ,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAChE,YAAY,GAAG,WAAW,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;KACpE;IACD,IAAI,oBAAoB,KAAK,YAAY,EAAE;QACzC,MAAM,eAAe,GAAG,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,CAAC;QACnD,OAAO,oBAAC,kBAAkB,OAAK,eAAe,GAAI,CAAC;KACpD;SAAM;QACL,MAAM,sBAAsB,GAAG,EAAC,GAAG,KAAK,EAAE,YAAY,EAAC,CAAC;QACxD,IAAI,cAAc,KAAK,KAAK,EAAE;YAC5B,sBAAsB,CAAC,UAAU,GAAG,IAAI,CAAC;YACzC,sBAAsB,CAAC,aAAa,GAAG,IAAI,CAAC;YAC5C,sBAAsB,CAAC,eAAe,GAAG,IAAI,CAAC;SAC/C;QACD,OAAO,oBAAC,iBAAiB,OAAK,sBAAsB,GAAI,CAAC;KAC1D;AACH,CAAC","sourcesContent":["import React from 'react';\nimport FieldGroupTemplate from '../../FieldGroupTemplate';\nimport SimpleTableManual from '../SimpleTableManual';\n\ndeclare const PCore: any;\n\nexport default function SimpleTable(props) {\n  const { getPConnect, multiRecordDisplayAs, allowTableEdit } = props;\n\n  let { contextClass } = props;\n  if (!contextClass) {\n    let listName = getPConnect().getComponentConfig().referenceList;\n    listName = PCore.getAnnotationUtils().getPropertyName(listName);\n    contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;\n  }\n  if (multiRecordDisplayAs === 'fieldGroup') {\n    const fieldGroupProps = { ...props, contextClass };\n    return <FieldGroupTemplate {...fieldGroupProps} />;\n  } else {\n    const simpleTableManualProps = {...props, contextClass};\n    if (allowTableEdit === false) {\n      simpleTableManualProps.hideAddRow = true;\n      simpleTableManualProps.hideDeleteRow = true;\n      simpleTableManualProps.disableDragDrop = true;\n    }\n    return <SimpleTableManual {...simpleTableManualProps} />;\n  }\n}\n"]}
+{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport React from 'react';\nimport { buildMetaForListView, getContext } from '../../../helpers/simpleTableHelpers';\nimport { useRef } from 'react';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// import type { PConnProps } from '../../../../types/PConnProps';\n\n// Can't use SimpleTableProps until getComponentConfig() and getFieldMetadata() are NOT private\n// interface SimpleTableProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n//   multiRecordDisplayAs: string,\n//   allowTableEdit: boolean,\n//   contextClass: any\n// }\ndeclare const PCore: any;\n\nexport default function SimpleTable(props /* : SimpleTableProps */) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n  const FieldGroupTemplate = getComponentFromMap('FieldGroupTemplate');\n  const SimpleTableManual = getComponentFromMap('SimpleTableManual');\n\n  const {\n    getPConnect,\n    multiRecordDisplayAs,\n    allowTableEdit,\n    label: labelProp,\n    propertyLabel,\n    displayMode,\n    fieldMetadata,\n    hideLabel,\n    parameters,\n    isDataObject,\n    type,\n    ruleClass,\n    authorContext,\n    name\n  } = props;\n\n  let { contextClass } = props;\n  if (!contextClass) {\n    let listName = getPConnect().getComponentConfig().referenceList;\n    listName = PCore.getAnnotationUtils().getPropertyName(listName);\n    // was... contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;\n    const theFieldMetadata = getPConnect().getFieldMetadata(listName);\n    if (theFieldMetadata) {\n      contextClass = theFieldMetadata['pageClass'];\n    } else {\n      contextClass = undefined;\n    }\n  }\n  if (multiRecordDisplayAs === 'fieldGroup') {\n    const fieldGroupProps = { ...props, contextClass };\n    return <FieldGroupTemplate {...fieldGroupProps} />;\n  }\n\n  const label = labelProp || propertyLabel;\n  const propsToUse = { label, ...getPConnect().getInheritedProps() };\n  const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';\n\n  if (\n    fieldMetadata &&\n    fieldMetadata.type === 'Page List' &&\n    fieldMetadata.dataRetrievalType === 'refer'\n  ) {\n    const {\n      children: [{ children: rawFields }],\n      parameters: rawParams\n    } = getPConnect().getRawMetadata().config;\n    if (isDisplayModeEnabled && hideLabel) {\n      propsToUse.label = '';\n    }\n\n    const metaForListView = buildMetaForListView(\n      fieldMetadata,\n      rawFields,\n      type,\n      ruleClass,\n      name,\n      propsToUse.label,\n      isDataObject,\n      parameters // resolved params\n    );\n\n    const metaForPConnect = JSON.parse(JSON.stringify(metaForListView));\n    metaForPConnect.config.parameters =\n      rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;\n\n    const { referenceListStr: referenceList } = getContext(getPConnect());\n    let requiredContextForQueryInDisplayMode = {};\n    if (isDisplayModeEnabled) {\n      requiredContextForQueryInDisplayMode = {\n        referenceList\n      };\n    }\n    const options = {\n      context: getPConnect().getContextName(),\n      pageReference: getPConnect().getPageReference(),\n      ...requiredContextForQueryInDisplayMode\n    };\n\n    const refToPConnect = useRef(\n      PCore.createPConnect({ meta: metaForPConnect, options }).getPConnect\n    ).current; // getPConnect should be created only once.\n    /* BUG-637178 : need to send context */\n    const listViewProps = {\n      ...metaForListView.config,\n      getPConnect: refToPConnect,\n      displayMode,\n      fieldName: authorContext,\n      bInForm: true\n    };\n    const listViewComponent = <ListView {...listViewProps} />;\n    return listViewComponent;\n  } else {\n    const simpleTableManualProps = { ...props, contextClass };\n    if (allowTableEdit === false) {\n      simpleTableManualProps.hideAddRow = true;\n      simpleTableManualProps.hideDeleteRow = true;\n      simpleTableManualProps.disableDragDrop = true;\n    }\n    return <SimpleTableManual {...simpleTableManualProps} />;\n  }\n}\n"]}

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.d.ts

@@ -1,3 +1,20 @@
 /// <reference types="react" />
-export default function SimpleTableManual(props: any): JSX.Element;
+import type { PConnProps } from '../../../../types/PConnProps';
+interface SimpleTableManualProps extends PConnProps {
+    hideAddRow?: boolean;
+    hideDeleteRow?: boolean;
+    disableDragDrop?: boolean;
+    referenceList?: Array<any>;
+    children?: Array<any>;
+    renderMode?: string;
+    presets?: Array<any>;
+    label?: string;
+    showLabel?: boolean;
+    dataPageName?: string;
+    contextClass?: string;
+    propertyLabel?: string;
+    fieldMetadata?: any;
+}
+export default function SimpleTableManual(props: SimpleTableManualProps): JSX.Element;
+export {};
 //# sourceMappingURL=SimpleTableManual.d.ts.map

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTableManual.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx"],"names":[],"mappings":";AAoEA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,KAAA,eAunB9C"}
+{"version":3,"file":"SimpleTableManual.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB;AAsCD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAunBtE"}

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.js

@@ -90,7 +90,7 @@ export default function SimpleTableManual(props) {
     const resolvedList = getReferenceList(pConn);
     const pageReference = `${pConn.getPageReference()}${resolvedList}`;
     pConn.setReferenceList(resolvedList);
-    const menuIconOverride$ = Utils.getImageSrc('trash', PCore.getAssetLoader().getStaticServerUrl());
+    const menuIconOverride$ = Utils.getImageSrc('trash', Utils.getSDKStaticConentUrl());
     const resolvedFields = children?.[0]?.children || presets?.[0].children?.[0].children;
     // NOTE: props has each child.config with datasource and value undefined
     //  but getRawMetadata() has each child.config with datasource and value showing their unresolved values (ex: "@P thePropName")
@@ -153,8 +153,8 @@ export default function SimpleTableManual(props) {
         });
     };
     function generateRowsData() {
-        // if dataPageName property value exists then make a datapage fetch call and get the list of data.
-        if (dataPageName) {
+        // if referenceList is empty and dataPageName property value exists then make a datapage fetch call and get the list of data.
+        if (!referenceList.length && dataPageName) {
             getDataPage(dataPageName, parameters, context).then(listData => {
                 const data = formatRowsData(listData);
                 myRows = data;
@@ -198,7 +198,7 @@ export default function SimpleTableManual(props) {
             pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
         }
         else {
-            pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
+            pConn.getListActions().insert({ classID: contextClass }, referenceList.length, ''); // 3rd arg null until typedef marked correctly as optional
         }
     };
     const deleteRecord = index => {
@@ -206,7 +206,7 @@ export default function SimpleTableManual(props) {
             pConn.getListActions().deleteEntry(index, pageReference);
         }
         else {
-            pConn.getListActions().deleteEntry(index);
+            pConn.getListActions().deleteEntry(index, ''); // 2nd arg empty string until typedef marked correctly as optional
         }
     };
     function buildElementsForTable() {