@pega/react-sdk-components 0.23.0

package/lib/components/templates/DefaultForm/DefaultForm.css

@@ -0,0 +1,25 @@
+.psdk-default-form-one-column {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: calc(1rem);
+}
+
+.psdk-default-form-two-column {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: calc(1rem);
+}
+
+.psdk-default-form-three-column {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: calc(1rem);
+}
+
+.psdk-default-form-two-column .grid-column {
+  grid-column: 1 / span 2;
+}
+
+.psdk-default-form-three-column .grid-column {
+  grid-column: 1 / span 3;
+}

package/lib/components/templates/DefaultForm/DefaultForm.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+import './DefaultForm.css';
+declare function DefaultForm(props: any): JSX.Element;
+declare namespace DefaultForm {
+    var propTypes: {
+        NumCols: PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        NumCols: string;
+    };
+}
+export default DefaultForm;
+//# sourceMappingURL=DefaultForm.d.ts.map

package/lib/components/templates/DefaultForm/DefaultForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultForm.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,mBAAmB,CAAC;AAE3B,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAmCxC;kBAnCuB,WAAW;;;;;;;;eAAX,WAAW"}

package/lib/components/templates/DefaultForm/DefaultForm.js

@@ -0,0 +1,39 @@
+import React, { createElement } from "react";
+import PropTypes from "prop-types";
+import createPConnectComponent from '../../../bridge/react_pconnect';
+import './DefaultForm.css';
+export default function DefaultForm(props) {
+    const { getPConnect, NumCols } = props;
+    let divClass;
+    const numCols = NumCols || "1";
+    switch (numCols) {
+        case "1":
+            divClass = "psdk-default-form-one-column";
+            break;
+        case "2":
+            divClass = "psdk-default-form-two-column";
+            break;
+        case "3":
+            divClass = "psdk-default-form-three-column";
+            break;
+        default:
+            divClass = "psdk-default-form-one-column";
+            break;
+    }
+    // debugger;
+    // repoint the children because they are in a region and we need to not render the region
+    // to take the children and create components for them, put in an array and pass as the
+    // defaultForm kids
+    const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();
+    // eslint-disable-next-line react/no-array-index-key
+    const dfChildren = arChildren.map((kid, idx) => createElement(createPConnectComponent(), { ...kid, key: idx }));
+    return (React.createElement("div", { className: divClass }, dfChildren));
+}
+DefaultForm.propTypes = {
+    // children: PropTypes.arrayOf(PropTypes.node).isRequired,
+    NumCols: PropTypes.string
+};
+DefaultForm.defaultProps = {
+    NumCols: "1"
+};
+//# sourceMappingURL=DefaultForm.js.map

package/lib/components/templates/DefaultForm/DefaultForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultForm.js","sourceRoot":"","sources":["../../../../src/components/templates/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AAErE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEvC,IAAI,QAAgB,CAAC;IAErB,MAAM,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,MAAM;QACR;YACE,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;KACT;IAED,YAAY;IAEZ,yFAAyF;IACzF,uFAAuF;IACvF,mBAAmB;IACnB,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9E,oDAAoD;IACpD,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,uBAAuB,EAAE,EAAE,EAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,CAAC,CAAC,CAAC;IAE9G,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,IACrB,UAAU,CACP,CACP,CAAA;AACH,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,GAAG;CACb,CAAC","sourcesContent":["import React, { createElement } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport './DefaultForm.css';\n\nexport default function DefaultForm(props) {\n  const { getPConnect, NumCols } = props;\n\n  let divClass: string;\n\n  const numCols = NumCols || \"1\";\n  switch (numCols) {\n    case \"1\" :\n      divClass = \"psdk-default-form-one-column\";\n      break;\n    case \"2\" :\n      divClass = \"psdk-default-form-two-column\";\n      break;\n    case \"3\" :\n      divClass = \"psdk-default-form-three-column\";\n      break;\n    default :\n      divClass = \"psdk-default-form-one-column\";\n      break;\n  }\n\n  // debugger;\n\n  // repoint the children because they are in a region and we need to not render the region\n  // to take the children and create components for them, put in an array and pass as the\n  // defaultForm kids\n  const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();\n  // eslint-disable-next-line react/no-array-index-key\n  const dfChildren = arChildren.map((kid, idx) => createElement(createPConnectComponent(), {...kid, key: idx}));\n\n  return (\n    <div className={divClass}>\n      {dfChildren}\n    </div>\n  )\n}\n\nDefaultForm.propTypes = {\n  // children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  NumCols: PropTypes.string\n};\n\nDefaultForm.defaultProps = {\n  NumCols: \"1\"\n};\n"]}

package/lib/components/templates/DefaultForm/index.d.ts

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

package/lib/components/templates/DefaultForm/index.d.ts.map

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

package/lib/components/templates/DefaultForm/index.js

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

package/lib/components/templates/DefaultForm/index.js.map

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

package/lib/components/templates/Details/Details/Details.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare function Details(props: any): JSX.Element;
+declare namespace Details {
+    var defaultProps: {};
+    var propTypes: {};
+}
+export default Details;
+//# sourceMappingURL=Details.d.ts.map

package/lib/components/templates/Details/Details/Details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/Details/Details/Details.tsx"],"names":[],"mappings":";AAKA,iBAAwB,OAAO,CAAC,KAAK,KAAA,eAmBpC;kBAnBuB,OAAO;;;;eAAP,OAAO"}

package/lib/components/templates/Details/Details/Details.js

@@ -0,0 +1,24 @@
+import React from "react";
+// import PropTypes from "prop-types";
+import Grid from '@material-ui/core/Grid';
+import DetailsFields from '../../../designSystemExtensions/DetailsFields';
+export default function Details(props) {
+    const { children } = props;
+    const arFields = [];
+    for (const child of children) {
+        const theChildPConn = child.props.getPConnect();
+        const theChildrenOfChild = theChildPConn.getChildren();
+        arFields.push(theChildrenOfChild);
+    }
+    return (React.createElement("div", { id: "DetailsOneColumn" },
+        React.createElement(Grid, { container: true, spacing: 1 },
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(DetailsFields, { fields: arFields[0] })))));
+}
+Details.defaultProps = {
+// children: []
+};
+Details.propTypes = {
+// children: PropTypes.arrayOf(PropTypes.node)
+};
+//# sourceMappingURL=Details.js.map

package/lib/components/templates/Details/Details/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/templates/Details/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,OAAO,CACH,6BAAK,EAAE,EAAC,kBAAkB;QACxB,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;gBACf,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC,CACF,CACH,CACP,CAAC;AACN,CAAC;AAED,OAAO,CAAC,YAAY,GAAG;AACrB,eAAe;CAChB,CAAA;AAED,OAAO,CAAC,SAAS,GAAG;AAClB,8CAA8C;CAC/C,CAAC","sourcesContent":["import React from \"react\";\n// import PropTypes from \"prop-types\";\nimport Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtensions/DetailsFields';\n\nexport default function Details(props) {\n  const { children } = props;\n  const arFields: Array<any> = [];\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  return (\n      <div id=\"DetailsOneColumn\">\n        <Grid container spacing={1}>\n          <Grid item xs={12}>\n            <DetailsFields fields={arFields[0]} />\n          </Grid>\n        </Grid>\n      </div>\n    );\n}\n\nDetails.defaultProps = {\n  // children: []\n}\n\nDetails.propTypes = {\n  // children: PropTypes.arrayOf(PropTypes.node)\n};\n"]}

package/lib/components/templates/Details/Details/index.d.ts

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

package/lib/components/templates/Details/Details/index.d.ts.map

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

package/lib/components/templates/Details/Details/index.js

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

package/lib/components/templates/Details/Details/index.js.map

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

package/lib/components/templates/Details/DetailsSubTabs/DetailsSubTabs.d.ts

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

package/lib/components/templates/Details/DetailsSubTabs/DetailsSubTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsSubTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,iBAAwB,cAAc,CAAC,KAAK,KAAA,eA4C3C;kBA5CuB,cAAc;;;;;;;;;;;;;eAAd,cAAc"}

package/lib/components/templates/Details/DetailsSubTabs/DetailsSubTabs.js

@@ -0,0 +1,45 @@
+import { useState, useEffect, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';
+import React from 'react';
+import { Tab, Tabs, TextField } from '@material-ui/core';
+import { TabContext, TabPanel } from '@material-ui/lab';
+export default function DetailsSubTabs(props) {
+    const { children, label, showLabel, getPConnect } = props;
+    // Get the inherited props from the parent to determine label settings
+    const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
+    const defaultTabIndex = 0;
+    const deferLoadedTabs = children[0];
+    let availableTabs = [];
+    useEffect(() => {
+        availableTabs = getVisibleTabs(deferLoadedTabs, 'detailsSubTabs');
+    }, [availableTabs]);
+    const [currentTabId, setCurrentTabId] = useState(defaultTabIndex.toString());
+    const [tabItems, setTabitem] = useState([]);
+    useEffect(() => {
+        const tempTabItems = getTransientTabs(availableTabs, currentTabId, tabItems);
+        setTabitem(tempTabItems);
+    }, [currentTabId]);
+    const handleTabClick = (id, index) => {
+        setCurrentTabId(index);
+        tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);
+    };
+    return (React.createElement(Fragment, null,
+        propsToUse.showLabel && React.createElement(TextField, null, propsToUse.label),
+        React.createElement(TabContext, { value: currentTabId.toString() },
+            React.createElement(Tabs, { onChange: handleTabClick, value: currentTabId }, tabItems.map((tab) => (React.createElement(Tab, { key: tab.id, label: tab.name, value: tab.id })))),
+            tabItems.map((tab) => (React.createElement(TabPanel, { key: tab.id, value: tab.id, tabIndex: +tab.id },
+                React.createElement("div", null, tab.content ? tab.content : 'No content exists')))))));
+}
+DetailsSubTabs.defaultProps = {
+    children: [],
+    label: undefined,
+    showLabel: true
+};
+DetailsSubTabs.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node),
+    showLabel: PropTypes.bool,
+    label: PropTypes.string,
+    getPConnect: PropTypes.func.isRequired
+};
+//# sourceMappingURL=DetailsSubTabs.js.map

package/lib/components/templates/Details/DetailsSubTabs/DetailsSubTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsSubTabs.js","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC1D,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,MAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,IAAI,aAAa,GAAG,EAAE,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7E,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7E,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,KAAa,EAAE,EAAE;QAC3C,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ;QACN,UAAU,CAAC,SAAS,IAAI,oBAAC,SAAS,QAAE,UAAU,CAAC,KAAK,CAAa;QAClE,oBAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE;YACxC,oBAAC,IAAI,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,IAChD,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,GAAI,CACrD,CAAC,CACG;YAEN,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;gBACrD,iCAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAO,CACnD,CACZ,CAAC,CACS,CACJ,CACZ,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,YAAY,GAAG;IAC5B,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC","sourcesContent":["import { useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';\nimport React from 'react';\nimport { Tab, Tabs, TextField } from '@material-ui/core';\nimport { TabContext, TabPanel } from '@material-ui/lab';\n\nexport default function DetailsSubTabs(props) {\n  const { children, label, showLabel, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  const defaultTabIndex = 0;\n  const deferLoadedTabs = children[0];\n  let availableTabs = [];\n\n  useEffect(() => {\n    availableTabs = getVisibleTabs(deferLoadedTabs, 'detailsSubTabs');\n  }, [availableTabs]);\n\n  const [currentTabId, setCurrentTabId] = useState(defaultTabIndex.toString());\n\n  const [tabItems, setTabitem] = useState([]);\n  useEffect(() => {\n    const tempTabItems = getTransientTabs(availableTabs, currentTabId, tabItems);\n    setTabitem(tempTabItems);\n  }, [currentTabId]);\n\n  const handleTabClick = (id, index: string) => {\n    setCurrentTabId(index);\n    tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);\n  };\n\n  return (\n    <Fragment>\n      {propsToUse.showLabel && <TextField>{propsToUse.label}</TextField>}\n      <TabContext value={currentTabId.toString()}>\n        <Tabs onChange={handleTabClick} value={currentTabId}>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id} tabIndex={+tab.id}>\n            <div>{tab.content ? tab.content : 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </Fragment>\n  );\n}\n\nDetailsSubTabs.defaultProps = {\n  children: [],\n  label: undefined,\n  showLabel: true\n};\n\nDetailsSubTabs.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node),\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired\n};\n"]}

package/lib/components/templates/Details/DetailsSubTabs/index.d.ts

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

package/lib/components/templates/Details/DetailsSubTabs/index.d.ts.map

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

package/lib/components/templates/Details/DetailsSubTabs/index.js

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

package/lib/components/templates/Details/DetailsSubTabs/index.js.map

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

package/lib/components/templates/Details/DetailsThreeColumn/DetailsThreeColumn.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare function DetailsThreeColumn(props: any): JSX.Element;
+declare namespace DetailsThreeColumn {
+    var propTypes: {};
+}
+export default DetailsThreeColumn;
+//# sourceMappingURL=DetailsThreeColumn.d.ts.map

package/lib/components/templates/Details/DetailsThreeColumn/DetailsThreeColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsThreeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AAKA,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eA8B/C;kBA9BuB,kBAAkB;;;eAAlB,kBAAkB"}

package/lib/components/templates/Details/DetailsThreeColumn/DetailsThreeColumn.js

@@ -0,0 +1,32 @@
+import React from 'react';
+// import PropTypes from "prop-types";
+import Grid from '@material-ui/core/Grid';
+import DetailsFields from '../../../designSystemExtensions/DetailsFields';
+export default function DetailsThreeColumn(props) {
+    const { children } = props;
+    const arFields = [];
+    for (const child of children) {
+        const theChildPConn = child.props.getPConnect();
+        const theChildrenOfChild = theChildPConn.getChildren();
+        arFields.push(theChildrenOfChild);
+    }
+    if (arFields.length !== 3) {
+        // eslint-disable-next-line no-console
+        console.error(`DetailsThreeColumn expects 3 children and received ${arFields.length}`);
+    }
+    return (React.createElement("div", { id: 'DetailsThreeColumn' },
+        React.createElement(Grid, { container: true, spacing: 1 },
+            React.createElement(Grid, { item: true, xs: 4 },
+                React.createElement(DetailsFields, { fields: arFields[0] })),
+            React.createElement(Grid, { item: true, xs: 4 },
+                React.createElement(DetailsFields, { fields: arFields[1] })),
+            React.createElement(Grid, { item: true, xs: 4 },
+                React.createElement(DetailsFields, { fields: arFields[2] })))));
+}
+DetailsThreeColumn.propTypes = {
+// showLabel: PropTypes.bool,
+// label: PropTypes.string,
+// getPConnect: PropTypes.func.isRequired,
+// template: PropTypes.string.isRequired
+};
+//# sourceMappingURL=DetailsThreeColumn.js.map

package/lib/components/templates/Details/DetailsThreeColumn/DetailsThreeColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,sDAAsD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KACxF;IAED,OAAO,CACL,6BAAK,EAAE,EAAC,oBAAoB;QAC1B,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC,CACF,CACH,CACP,CAAC;AACJ,CAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;AAC7B,6BAA6B;AAC7B,2BAA2B;AAC3B,0CAA0C;AAC1C,wCAAwC;CACzC,CAAC","sourcesContent":["import React from 'react';\n// import PropTypes from \"prop-types\";\nimport Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtensions/DetailsFields';\n\nexport default function DetailsThreeColumn(props) {\n  const { children } = props;\n  const arFields: Array<any> = [];\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  if (arFields.length !== 3) {\n    // eslint-disable-next-line no-console\n    console.error(`DetailsThreeColumn expects 3 children and received ${arFields.length}`);\n  }\n\n  return (\n    <div id='DetailsThreeColumn'>\n      <Grid container spacing={1}>\n        <Grid item xs={4}>\n          <DetailsFields fields={arFields[0]} />\n        </Grid>\n        <Grid item xs={4}>\n          <DetailsFields fields={arFields[1]} />\n        </Grid>\n        <Grid item xs={4}>\n          <DetailsFields fields={arFields[2]} />\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n\nDetailsThreeColumn.propTypes = {\n  // showLabel: PropTypes.bool,\n  // label: PropTypes.string,\n  // getPConnect: PropTypes.func.isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}

package/lib/components/templates/Details/DetailsThreeColumn/index.d.ts

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

package/lib/components/templates/Details/DetailsThreeColumn/index.d.ts.map

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

package/lib/components/templates/Details/DetailsThreeColumn/index.js

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

package/lib/components/templates/Details/DetailsThreeColumn/index.js.map

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

package/lib/components/templates/Details/DetailsTwoColumn/DetailsTwoColumn.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare function DetailsTwoColumn(props: any): JSX.Element;
+declare namespace DetailsTwoColumn {
+    var propTypes: {};
+}
+export default DetailsTwoColumn;
+//# sourceMappingURL=DetailsTwoColumn.d.ts.map

package/lib/components/templates/Details/DetailsTwoColumn/DetailsTwoColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsTwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AAKA,iBAAwB,gBAAgB,CAAC,KAAK,KAAA,eA4B7C;kBA5BuB,gBAAgB;;;eAAhB,gBAAgB"}

package/lib/components/templates/Details/DetailsTwoColumn/DetailsTwoColumn.js

@@ -0,0 +1,30 @@
+import React from "react";
+// import PropTypes from "prop-types";
+import Grid from '@material-ui/core/Grid';
+import DetailsFields from '../../../designSystemExtensions/DetailsFields';
+export default function DetailsTwoColumn(props) {
+    const { children } = props;
+    const arFields = [];
+    for (const child of children) {
+        const theChildPConn = child.props.getPConnect();
+        const theChildrenOfChild = theChildPConn.getChildren();
+        arFields.push(theChildrenOfChild);
+    }
+    if (arFields.length !== 2) {
+        // eslint-disable-next-line no-console
+        console.error(`DetailsTwoColumn expects 2 children and received ${arFields.length}`);
+    }
+    return (React.createElement("div", { id: "DetailsTwoColumn" },
+        React.createElement(Grid, { container: true, spacing: 1 },
+            React.createElement(Grid, { item: true, xs: 6 },
+                React.createElement(DetailsFields, { fields: arFields[0] })),
+            React.createElement(Grid, { item: true, xs: 6 },
+                React.createElement(DetailsFields, { fields: arFields[1] })))));
+}
+DetailsTwoColumn.propTypes = {
+// showLabel: PropTypes.bool,
+// label: PropTypes.string,
+// getPConnect: PropTypes.func.isRequired,
+// template: PropTypes.string.isRequired
+};
+//# sourceMappingURL=DetailsTwoColumn.js.map

package/lib/components/templates/Details/DetailsTwoColumn/DetailsTwoColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK;IAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,oDAAoD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KACtF;IAGD,OAAO,CACL,6BAAK,EAAE,EAAC,kBAAkB;QACxB,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC,CACF,CACH,CACP,CAAA;AACH,CAAC;AAED,gBAAgB,CAAC,SAAS,GAAG;AAC3B,6BAA6B;AAC7B,2BAA2B;AAC3B,0CAA0C;AAC1C,wCAAwC;CACzC,CAAC","sourcesContent":["import React from \"react\";\n// import PropTypes from \"prop-types\";\nimport Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtensions/DetailsFields';\n\nexport default function DetailsTwoColumn(props) {\n  const { children } = props;\n  const arFields: Array<any> = [];\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  if (arFields.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.error(`DetailsTwoColumn expects 2 children and received ${arFields.length}`);\n  }\n\n\n  return (\n    <div id=\"DetailsTwoColumn\">\n      <Grid container spacing={1}>\n        <Grid item xs={6}>\n          <DetailsFields fields={arFields[0]} />\n        </Grid>\n        <Grid item xs={6}>\n          <DetailsFields fields={arFields[1]} />\n        </Grid>\n      </Grid>\n    </div>\n  )\n}\n\nDetailsTwoColumn.propTypes = {\n  // showLabel: PropTypes.bool,\n  // label: PropTypes.string,\n  // getPConnect: PropTypes.func.isRequired,\n  // template: PropTypes.string.isRequired\n};\n"]}

package/lib/components/templates/Details/DetailsTwoColumn/index.d.ts

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

package/lib/components/templates/Details/DetailsTwoColumn/index.d.ts.map

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

package/lib/components/templates/Details/DetailsTwoColumn/index.js

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

package/lib/components/templates/Details/DetailsTwoColumn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/Details/DetailsTwoColumn/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from './DetailsTwoColumn';"]}

package/lib/components/templates/FieldGroupTemplate/FieldGroupTemplate.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function FieldGroupTemplate(props: any): JSX.Element;
+declare namespace FieldGroupTemplate {
+    var defaultProps: {
+        referenceList: never[];
+        heading: undefined;
+        contextClass: null;
+        displayMode: undefined;
+    };
+    var propTypes: {
+        referenceList: PropTypes.Requireable<unknown[]>;
+        contextClass: PropTypes.Requireable<string>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        renderMode: PropTypes.Validator<string>;
+        heading: PropTypes.Requireable<string>;
+        lookForChildInConfig: PropTypes.Requireable<boolean>;
+        displayMode: PropTypes.Requireable<string>;
+    };
+}
+export default FieldGroupTemplate;
+//# sourceMappingURL=FieldGroupTemplate.d.ts.map

package/lib/components/templates/FieldGroupTemplate/FieldGroupTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eAkE/C;kBAlEuB,kBAAkB;;;;;;;;;;;;;;;;;eAAlB,kBAAkB"}

package/lib/components/templates/FieldGroupTemplate/FieldGroupTemplate.js

@@ -0,0 +1,70 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import FieldGroup from '../../designSystemExtensions/FieldGroup';
+import FieldGroupList from '../../designSystemExtensions/FieldGroupList';
+import { getReferenceList, buildView } from '../../helpers/field-group-utils';
+export default function FieldGroupTemplate(props) {
+    const { referenceList, renderMode, contextClass, getPConnect, lookForChildInConfig, heading, displayMode } = props;
+    const pConn = getPConnect();
+    const resolvedList = getReferenceList(pConn);
+    pConn.setReferenceList(resolvedList);
+    const pageReference = `${pConn.getPageReference()}${resolvedList}`;
+    const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'LABELS_LEFT';
+    const HEADING = heading ?? 'Row';
+    const addRecord = () => {
+        if (PCore.getPCoreVersion()?.includes('8.7')) {
+            pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
+        }
+        else {
+            pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
+        }
+    };
+    if (!isReadonlyMode) {
+        const addFieldGroupItem = () => {
+            addRecord();
+        };
+        const deleteFieldGroupItem = index => {
+            if (PCore.getPCoreVersion()?.includes('8.7')) {
+                pConn.getListActions().deleteEntry(index, pageReference);
+            }
+            else {
+                pConn.getListActions().deleteEntry(index);
+            }
+        };
+        if (referenceList.length === 0) {
+            addFieldGroupItem();
+        }
+        const MemoisedChildren = useMemo(() => {
+            return referenceList.map((item, index) => ({
+                id: index,
+                name: `${HEADING} ${index + 1}`,
+                children: buildView(pConn, index, lookForChildInConfig)
+            }));
+        }, [referenceList?.length]);
+        return (React.createElement(FieldGroupList, { items: MemoisedChildren, onAdd: addFieldGroupItem, onDelete: deleteFieldGroupItem }));
+    }
+    pConn.setInheritedProp('displayMode', 'LABELS_LEFT');
+    const memoisedReadOnlyList = useMemo(() => {
+        return referenceList.map((item, index) => (
+        // eslint-disable-next-line react/no-array-index-key
+        React.createElement(FieldGroup, { item: item, key: index, name: `${HEADING} ${index + 1}` })));
+    }, []);
+    return React.createElement("div", null, memoisedReadOnlyList);
+}
+FieldGroupTemplate.defaultProps = {
+    referenceList: [],
+    heading: undefined,
+    contextClass: null,
+    displayMode: undefined
+};
+FieldGroupTemplate.propTypes = {
+    referenceList: PropTypes.arrayOf(Object),
+    contextClass: PropTypes.string,
+    getPConnect: PropTypes.func.isRequired,
+    renderMode: PropTypes.string.isRequired,
+    heading: PropTypes.string,
+    lookForChildInConfig: PropTypes.bool,
+    displayMode: PropTypes.string
+};
+//# sourceMappingURL=FieldGroupTemplate.js.map

package/lib/components/templates/FieldGroupTemplate/FieldGroupTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/templates/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport FieldGroup from '../../designSystemExtensions/FieldGroup';\nimport FieldGroupList from '../../designSystemExtensions/FieldGroupList';\nimport { getReferenceList, buildView } from '../../helpers/field-group-utils';\n\ndeclare const PCore: any;\n\nexport default function FieldGroupTemplate(props) {\n  const {\n    referenceList,\n    renderMode,\n    contextClass,\n    getPConnect,\n    lookForChildInConfig,\n    heading,\n    displayMode\n  } = props;\n  const pConn = getPConnect();\n  const resolvedList = getReferenceList(pConn);\n  pConn.setReferenceList(resolvedList);\n  const pageReference = `${pConn.getPageReference()}${resolvedList}`;\n  const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'LABELS_LEFT';\n  const HEADING = heading ?? 'Row';\n\n  const addRecord = () => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);\n    } else {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length);\n    }\n  }\n\n  if (!isReadonlyMode) {\n    const addFieldGroupItem = () => {\n      addRecord();\n    };\n    const deleteFieldGroupItem = index => {\n      if (PCore.getPCoreVersion()?.includes('8.7')) {\n        pConn.getListActions().deleteEntry(index, pageReference);\n      } else {\n        pConn.getListActions().deleteEntry(index);\n      }\n    };\n    if (referenceList.length === 0) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name: `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={addFieldGroupItem}\n        onDelete={deleteFieldGroupItem}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <FieldGroup item={item} key={index} name={`${HEADING} ${index + 1}`} />\n    ));\n  }, []);\n\n  return <div>{memoisedReadOnlyList}</div>;\n}\n\nFieldGroupTemplate.defaultProps = {\n  referenceList: [],\n  heading: undefined,\n  contextClass: null,\n  displayMode: undefined\n};\n\nFieldGroupTemplate.propTypes = {\n  referenceList: PropTypes.arrayOf(Object),\n  contextClass: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  renderMode: PropTypes.string.isRequired,\n  heading: PropTypes.string,\n  lookForChildInConfig: PropTypes.bool,\n  displayMode: PropTypes.string\n};\n"]}

package/lib/components/templates/FieldGroupTemplate/index.d.ts

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

package/lib/components/templates/FieldGroupTemplate/index.d.ts.map

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

package/lib/components/templates/FieldGroupTemplate/index.js

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

package/lib/components/templates/FieldGroupTemplate/index.js.map

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

package/lib/components/templates/InlineDashboard/InlineDashboard.d.ts

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

package/lib/components/templates/InlineDashboard/InlineDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,iBAAwB,eAAe,CAAC,KAAK,KAAA,eAkC5C;kBAlCuB,eAAe;;;;;eAAf,eAAe"}

package/lib/components/templates/InlineDashboard/InlineDashboard.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Grid, Typography } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+const useStyles = makeStyles(( /* theme */) => ({
+    headerStyles: {
+        fontWeight: 500,
+        fontSize: '1.25rem'
+    },
+    containerStyles: {
+        marginTop: '1rem',
+        marginBottom: '1rem'
+    },
+    colStyles: {
+        display: 'grid',
+        gap: '1rem',
+        alignContent: 'baseline'
+    },
+    filterContainerStyles: {
+        display: 'grid',
+        gap: '1rem',
+        gridTemplateColumns: 'repeat(7, 1fr);'
+    },
+    inlineStyles: {
+        display: 'grid',
+        gap: '1rem',
+        alignContent: 'baseline',
+        marginTop: '1rem'
+    }
+}));
+export default function InlineDashboard(props) {
+    const classes = useStyles();
+    const { children, title, filterPosition } = props;
+    const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Typography, { variant: 'h4', className: classes.headerStyles }, title),
+        filterPosition === 'block-start' && (React.createElement(Grid, { container: true, spacing: 2, direction: 'column-reverse', className: classes.containerStyles },
+            React.createElement(Grid, { item: true, xs: 12, className: classes.colStyles }, children[0]),
+            React.createElement(Grid, { item: true, xs: 12, className: classes.filterContainerStyles }, children[1]))),
+        filterPosition !== 'block-start' && (React.createElement(Grid, { container: true, spacing: 2, direction: direction, className: classes.containerStyles },
+            React.createElement(Grid, { item: true, xs: 9 }, children[0]),
+            React.createElement(Grid, { item: true, xs: 3, className: classes.inlineStyles }, children[1])))));
+}
+InlineDashboard.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired
+    // template: PropTypes.string.isRequired
+};
+//# sourceMappingURL=InlineDashboard.js.map