@pega/react-sdk-components 0.23.26 → 0.23.28

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

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

package/lib/components/template/Details/DynamicTabs/DynamicTabs.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PConnProps } from '../../../../types/PConnProps';
+interface DynamicTabsProps extends PConnProps {
+    showLabel: boolean;
+    label: string;
+    referenceList?: any[];
+}
+declare function DynamicTabs(props: DynamicTabsProps): JSX.Element;
+export default DynamicTabs;
+//# sourceMappingURL=DynamicTabs.d.ts.map

package/lib/components/template/Details/DynamicTabs/DynamicTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAwD3C;AAED,eAAe,WAAW,CAAC"}

package/lib/components/template/Details/DynamicTabs/DynamicTabs.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { Children, useMemo, useState } from 'react';
+import { makeStyles, Tab, Tabs } from '@material-ui/core';
+import { TabContext, TabPanel } from '@material-ui/lab';
+import { buildView } from '../../../helpers/field-group-utils';
+const useStyles = makeStyles(() => ({
+    tab: {
+        minWidth: '72px'
+    }
+}));
+function DynamicTabs(props) {
+    const classes = useStyles();
+    const { referenceList, showLabel, label, getPConnect } = props;
+    const pConnect = getPConnect();
+    // Get the inherited props from the parent to determine label settings
+    const propsToUse = { label, showLabel, ...pConnect.getInheritedProps() };
+    const defaultTabIndex = 0;
+    // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.
+    const { tablabel } = pConnect.getComponentConfig();
+    const tablabelProp = PCore.getAnnotationUtils().getPropertyName(tablabel);
+    const referenceListData = pConnect.getValue(`${referenceList}.pxResults`, ''); // 2nd arg empty string until typedefs properly allow optional
+    const memoisedTabViews = useMemo(() => {
+        pConnect.setInheritedProp('displayMode', 'LABELS_LEFT');
+        pConnect.setInheritedProp('readOnly', true);
+        return (referenceListData &&
+            Children.toArray(referenceListData.map((item, index) => {
+                return _jsx(React.Fragment, { children: buildView(pConnect, index, '') }, item[tablabelProp]);
+            })));
+    }, [referenceListData]);
+    const [panelShown, changePanel] = useState(defaultTabIndex);
+    const handleTabClick = (e, id) => {
+        changePanel(parseInt(id, 10));
+    };
+    // Loop over the tab contents and and pull out the labels for the navigation
+    const tabItems = referenceListData?.map((item, i) => {
+        const currentTabLabel = item[tablabelProp] || PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');
+        return {
+            name: currentTabLabel,
+            id: i
+        };
+    }) || [];
+    return (_jsxs(_Fragment, { children: [propsToUse.label && _jsx("h3", { id: 'dynamic-tabs-title', children: propsToUse.label }), _jsxs(TabContext, { value: panelShown.toString(), children: [_jsx(Tabs, { onChange: handleTabClick, value: panelShown, variant: 'scrollable', scrollButtons: 'auto', indicatorColor: 'primary', id: 'dynamic-tabs', children: tabItems.map((tab) => (_jsx(Tab, { label: tab.name, value: tab.id, className: classes.tab }, tab.id))) }), tabItems.map((tab) => (_jsx(TabPanel, { value: tab.id.toString(), tabIndex: +tab.id, id: 'dynamic-tabpanel', children: _jsx("div", { children: memoisedTabViews[parseInt(tab.id, 10)] || 'No content exists' }) }, tab.id)))] })] }));
+}
+export default DynamicTabs;
+//# sourceMappingURL=DynamicTabs.js.map

package/lib/components/template/Details/DynamicTabs/DynamicTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,GAAG,EAAE;QACH,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAC,CAAC;AASJ,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACzE,MAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,oGAAoG;IACpG,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,kBAAkB,EAAE,CAAC;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC1E,MAAM,iBAAiB,GAAQ,QAAQ,CAAC,QAAQ,CAAC,GAAG,aAAa,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,8DAA8D;IAClJ,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAE5C,OAAO,CACL,iBAAiB;YACjB,QAAQ,CAAC,OAAO,CACd,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACpC,OAAO,KAAC,KAAK,CAAC,QAAQ,cAA2B,SAAS,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,IAAnD,IAAI,CAAC,YAAY,CAAC,CAAmD,CAAC;YACpG,CAAC,CAAC,CACH,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxB,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,4EAA4E;IAC5E,MAAM,QAAQ,GACZ,iBAAiB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACjC,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC,8BAA8B,EAAE,SAAS,CAAC,CAAC;QAC/H,OAAO;YACL,IAAI,EAAE,eAAe;YACrB,EAAE,EAAE,CAAC;SACN,CAAC;IACJ,CAAC,CAAC,IAAI,EAAE,CAAC;IAEX,OAAO,CACL,8BACG,UAAU,CAAC,KAAK,IAAI,aAAI,EAAE,EAAC,oBAAoB,YAAE,UAAU,CAAC,KAAK,GAAM,EACxE,MAAC,UAAU,IAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,aACtC,KAAC,IAAI,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,YAAY,EAAC,aAAa,EAAC,MAAM,EAAC,cAAc,EAAC,SAAS,EAAC,EAAE,EAAC,cAAc,YACpI,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,IAAc,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,IAA9D,GAAG,CAAC,EAAE,CAA4D,CAC7E,CAAC,GACG,EAEN,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAc,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAC,kBAAkB,YACvF,wBAAM,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,mBAAmB,GAAO,IAD7D,GAAG,CAAC,EAAE,CAEV,CACZ,CAAC,IACS,IACZ,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import React, { Children, useMemo, useState } from 'react';\nimport { makeStyles, Tab, Tabs } from '@material-ui/core';\nimport { TabContext, TabPanel } from '@material-ui/lab';\n\nimport { buildView } from '../../../helpers/field-group-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\nconst useStyles = makeStyles(() => ({\n  tab: {\n    minWidth: '72px'\n  }\n}));\n\ninterface DynamicTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  referenceList?: any[];\n}\n\nfunction DynamicTabs(props: DynamicTabsProps) {\n  const classes = useStyles();\n  const { referenceList, showLabel, label, getPConnect } = props;\n  const pConnect = getPConnect();\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...pConnect.getInheritedProps() };\n  const defaultTabIndex = 0;\n  // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.\n  const { tablabel } = pConnect.getComponentConfig();\n  const tablabelProp = PCore.getAnnotationUtils().getPropertyName(tablabel);\n  const referenceListData: any = pConnect.getValue(`${referenceList}.pxResults`, ''); // 2nd arg empty string until typedefs properly allow optional\n  const memoisedTabViews = useMemo(() => {\n    pConnect.setInheritedProp('displayMode', 'LABELS_LEFT');\n    pConnect.setInheritedProp('readOnly', true);\n\n    return (\n      referenceListData &&\n      Children.toArray(\n        referenceListData.map((item, index) => {\n          return <React.Fragment key={item[tablabelProp]}>{buildView(pConnect, index, '')}</React.Fragment>;\n        })\n      )\n    );\n  }, [referenceListData]);\n  const [panelShown, changePanel] = useState(defaultTabIndex);\n  const handleTabClick = (e, id) => {\n    changePanel(parseInt(id, 10));\n  };\n  // Loop over the tab contents and and pull out the labels for the navigation\n  const tabItems =\n    referenceListData?.map((item, i) => {\n      const currentTabLabel = item[tablabelProp] || PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      return {\n        name: currentTabLabel,\n        id: i\n      };\n    }) || [];\n\n  return (\n    <>\n      {propsToUse.label && <h3 id='dynamic-tabs-title'>{propsToUse.label}</h3>}\n      <TabContext value={panelShown.toString()}>\n        <Tabs onChange={handleTabClick} value={panelShown} variant='scrollable' scrollButtons='auto' indicatorColor='primary' id='dynamic-tabs'>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} className={classes.tab} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id.toString()} tabIndex={+tab.id} id='dynamic-tabpanel'>\n            <div>{memoisedTabViews[parseInt(tab.id, 10)] || 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n\nexport default DynamicTabs;\n"]}

package/lib/components/template/Details/DynamicTabs/index.d.ts

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

package/lib/components/template/Details/DynamicTabs/index.d.ts.map

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

package/lib/components/template/Details/DynamicTabs/index.js

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

package/lib/components/template/Details/DynamicTabs/index.js.map

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

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

@@ -1,22 +1,15 @@
 /// <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>;
-    };
+import { PConnProps } from '../../../types/PConnProps';
+interface FieldGroupTemplateProps extends PConnProps {
+    referenceList?: any[];
+    contextClass: string;
+    renderMode?: string;
+    heading?: string;
+    lookForChildInConfig?: boolean;
+    displayMode?: string;
+    fieldHeader?: string;
+    allowTableEdit: boolean;
 }
-export default FieldGroupTemplate;
+export default function FieldGroupTemplate(props: FieldGroupTemplateProps): JSX.Element;
+export {};
 //# sourceMappingURL=FieldGroupTemplate.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eAqF/C;kBArFuB,kBAAkB;;;;;;;;;;;;;;;;;eAAlB,kBAAkB"}
+{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,uBAAwB,SAAQ,UAAU;IAElD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAmFxE"}

package/lib/components/template/FieldGroupTemplate/FieldGroupTemplate.js

@@ -1,11 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react-hooks/rules-of-hooks */
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import FieldGroup from '../../designSystemExtension/FieldGroup';
-import FieldGroupList from '../../designSystemExtension/FieldGroupList';
+import { useMemo } from 'react';
 import { getReferenceList, buildView } from '../../helpers/field-group-utils';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function FieldGroupTemplate(props) {
-    const { referenceList, renderMode, contextClass, getPConnect, lookForChildInConfig, heading, displayMode, fieldHeader, allowTableEdit: allowAddEdit } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldGroup = getComponentFromMap('FieldGroup');
+    const FieldGroupList = getComponentFromMap('FieldGroupList');
+    const { referenceList = [], renderMode, contextClass, getPConnect, lookForChildInConfig, heading = '', displayMode, fieldHeader, allowTableEdit: allowAddEdit } = props;
     const pConn = getPConnect();
     const resolvedList = getReferenceList(pConn);
     pConn.setReferenceList(resolvedList);
@@ -23,7 +25,7 @@ export default function FieldGroupTemplate(props) {
             pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
         }
         else {
-            pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
+            pConn.getListActions().insert({}, referenceList.length);
         }
     };
     if (!isReadonlyMode) {
@@ -44,36 +46,19 @@ export default function FieldGroupTemplate(props) {
         const MemoisedChildren = useMemo(() => {
             return referenceList.map((item, index) => ({
                 id: index,
-                name: fieldHeader === 'propertyRef'
-                    ? getDynamicHeaderProp(item, index)
-                    : `${HEADING} ${index + 1}`,
+                name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`,
                 children: buildView(pConn, index, lookForChildInConfig)
             }));
         }, [referenceList?.length]);
-        return (React.createElement(FieldGroupList, { items: MemoisedChildren, onAdd: allowAddEdit !== false ? addFieldGroupItem : undefined, onDelete: allowAddEdit !== false ? deleteFieldGroupItem : undefined }));
+        return (_jsx(FieldGroupList, { items: MemoisedChildren, onAdd: allowAddEdit !== false ? addFieldGroupItem : undefined, onDelete: allowAddEdit !== false ? deleteFieldGroupItem : undefined }));
     }
     pConn.setInheritedProp('displayMode', 'LABELS_LEFT');
     const memoisedReadOnlyList = useMemo(() => {
         return referenceList.map((item, index) => {
             const key = item[heading] || `field-group-row-${index}`;
-            return (React.createElement(FieldGroup, { key: key, name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}` }, buildView(pConn, index, lookForChildInConfig)));
+            return (_jsx(FieldGroup, { name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`, children: buildView(pConn, index, lookForChildInConfig) }, key));
         });
     }, []);
-    return React.createElement("div", null, memoisedReadOnlyList);
+    return _jsx("div", { children: 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/template/FieldGroupTemplate/FieldGroupTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/template/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 '../../designSystemExtension/FieldGroup';\nimport FieldGroupList from '../../designSystemExtension/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    fieldHeader,\n    allowTableEdit: allowAddEdit\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 getDynamicHeaderProp = (item, index) => {\n    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {\n      return item[heading.substring(1)];\n    }\n    return `Row ${index + 1}`;\n  };\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 && allowAddEdit !== false) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name:\n          fieldHeader === 'propertyRef'\n            ? getDynamicHeaderProp(item, index)\n            : `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={allowAddEdit !== false ? addFieldGroupItem : undefined}\n        onDelete={allowAddEdit !== false ? deleteFieldGroupItem : undefined}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => {\n      const key = item[heading] || `field-group-row-${index}`;\n      return (\n        <FieldGroup\n          key={key}\n          name={fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`}\n        >\n          {buildView(pConn, index, lookForChildInConfig)}\n        </FieldGroup>\n      );\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"]}
+{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { useMemo } from 'react';\n\nimport { getReferenceList, buildView } from '../../helpers/field-group-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface FieldGroupTemplateProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  referenceList?: any[];\n  contextClass: string;\n  renderMode?: string;\n  heading?: string;\n  lookForChildInConfig?: boolean;\n  displayMode?: string;\n  fieldHeader?: string;\n  allowTableEdit: boolean;\n}\n\nexport default function FieldGroupTemplate(props: FieldGroupTemplateProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n  const FieldGroupList = getComponentFromMap('FieldGroupList');\n\n  const {\n    referenceList = [],\n    renderMode,\n    contextClass,\n    getPConnect,\n    lookForChildInConfig,\n    heading = '',\n    displayMode,\n    fieldHeader,\n    allowTableEdit: allowAddEdit\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 getDynamicHeaderProp = (item, index) => {\n    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {\n      return item[heading.substring(1)];\n    }\n    return `Row ${index + 1}`;\n  };\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({}, 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 && allowAddEdit !== false) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={allowAddEdit !== false ? addFieldGroupItem : undefined}\n        onDelete={allowAddEdit !== false ? deleteFieldGroupItem : undefined}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => {\n      const key = item[heading] || `field-group-row-${index}`;\n      return (\n        <FieldGroup key={key} name={fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`}>\n          {buildView(pConn, index, lookForChildInConfig)}\n        </FieldGroup>\n      );\n    });\n  }, []);\n\n  return <div>{memoisedReadOnlyList}</div>;\n}\n"]}

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

@@ -1,10 +1,9 @@
-/// <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[]>;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface InlineDashboardProps extends PConnProps {
+    title: string;
+    filterPosition?: string;
 }
-export default InlineDashboard;
+export default function InlineDashboard(props: PropsWithChildren<InlineDashboardProps>): JSX.Element;
+export {};
 //# sourceMappingURL=InlineDashboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,iBAAwB,eAAe,CAAC,KAAK,KAAA,eAkC5C;kBAlCuB,eAAe;;;;;eAAf,eAAe"}
+{"version":3,"file":"InlineDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6BD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAmCrF"}

package/lib/components/template/InlineDashboard/InlineDashboard.js

@@ -1,5 +1,4 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Grid, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(( /* theme */) => ({
@@ -31,18 +30,8 @@ const useStyles = makeStyles(( /* theme */) => ({
 export default function InlineDashboard(props) {
     const classes = useStyles();
     const { children, title, filterPosition } = props;
+    const childrenToRender = children;
     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])))));
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: 'h4', className: classes.headerStyles, children: title }), filterPosition === 'block-start' && (_jsxs(Grid, { container: true, spacing: 2, direction: 'column-reverse', className: classes.containerStyles, children: [_jsx(Grid, { item: true, xs: 12, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid, { id: 'filters', item: true, xs: 12, className: classes.filterContainerStyles, children: childrenToRender[1] })] })), filterPosition !== 'block-start' && (_jsxs(Grid, { container: true, spacing: 2, direction: direction, className: classes.containerStyles, children: [_jsx(Grid, { item: true, xs: 9, children: childrenToRender[0] }), _jsx(Grid, { id: 'filters', item: true, xs: 3, className: classes.inlineStyles, children: childrenToRender[1] })] }))] }));
 }
-InlineDashboard.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired
-    // template: PropTypes.string.isRequired
-};
 //# sourceMappingURL=InlineDashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboard.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,YAAY,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,mBAAmB,EAAE,iBAAiB;KACvC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK;IAC3C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,SAAS,GAAG,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IACrD,KAAK,CACK;QAEZ,cAAc,KAAK,aAAa,IAAI,CACnC,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe;YACvF,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IAC5C,QAAQ,CAAC,CAAC,CAAC,CACP;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,IACxD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR;QACA,cAAc,KAAK,aAAa,IAAI,CACnC,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe;YAClF,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,IACb,QAAQ,CAAC,CAAC,CAAC,CACP;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,IAC9C,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CACA,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,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, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((/* theme */) => ({\n  headerStyles: {\n    fontWeight: 500,\n    fontSize: '1.25rem'\n  },\n  containerStyles: {\n    marginTop: '1rem',\n    marginBottom: '1rem'\n  },\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  },\n  filterContainerStyles: {\n    display: 'grid',\n    gap: '1rem',\n    gridTemplateColumns: 'repeat(7, 1fr);'\n  },\n  inlineStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline',\n    marginTop: '1rem'\n  }\n}));\n\nexport default function InlineDashboard(props) {\n  const classes = useStyles();\n\n  const { children, title, filterPosition } = props;\n\n  const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';\n  return (\n    <>\n      <Typography variant='h4' className={classes.headerStyles}>\n        {title}\n      </Typography>\n\n      {filterPosition === 'block-start' && (\n        <Grid container spacing={2} direction='column-reverse' className={classes.containerStyles}>\n          <Grid item xs={12} className={classes.colStyles}>\n            {children[0]}\n          </Grid>\n          <Grid item xs={12} className={classes.filterContainerStyles}>\n            {children[1]}\n          </Grid>\n        </Grid>\n      )}\n      {filterPosition !== 'block-start' && (\n        <Grid container spacing={2} direction={direction} className={classes.containerStyles}>\n          <Grid item xs={9}>\n            {children[0]}\n          </Grid>\n          <Grid item xs={3} className={classes.inlineStyles}>\n            {children[1]}\n          </Grid>\n        </Grid>\n      )}\n    </>\n  );\n}\n\nInlineDashboard.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired\n  // template: PropTypes.string.isRequired\n};\n"]}
+{"version":3,"file":"InlineDashboard.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,YAAY,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,mBAAmB,EAAE,iBAAiB;KACvC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA8C;IACpF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,MAAM,SAAS,GAAG,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YACrD,KAAK,GACK,EAEZ,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe,aACvF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC5C,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,YACrE,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,EACA,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,aAClF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,YAC3D,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  filterPosition?: string;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  headerStyles: {\n    fontWeight: 500,\n    fontSize: '1.25rem'\n  },\n  containerStyles: {\n    marginTop: '1rem',\n    marginBottom: '1rem'\n  },\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  },\n  filterContainerStyles: {\n    display: 'grid',\n    gap: '1rem',\n    gridTemplateColumns: 'repeat(7, 1fr);'\n  },\n  inlineStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline',\n    marginTop: '1rem'\n  }\n}));\n\nexport default function InlineDashboard(props: PropsWithChildren<InlineDashboardProps>) {\n  const classes = useStyles();\n\n  const { children, title, filterPosition } = props;\n  const childrenToRender = children as ReactElement[];\n\n  const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';\n  return (\n    <>\n      <Typography variant='h4' className={classes.headerStyles}>\n        {title}\n      </Typography>\n\n      {filterPosition === 'block-start' && (\n        <Grid container spacing={2} direction='column-reverse' className={classes.containerStyles}>\n          <Grid item xs={12} className={classes.colStyles}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={12} className={classes.filterContainerStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n      {filterPosition !== 'block-start' && (\n        <Grid container spacing={2} direction={direction} className={classes.containerStyles}>\n          <Grid item xs={9}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={3} className={classes.inlineStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n    </>\n  );\n}\n"]}

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

@@ -1,18 +1,10 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function InlineDashboardPage(props: any): JSX.Element;
-declare namespace InlineDashboardPage {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<string>;
-        filterPosition: PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        icon: string;
-        filterPosition: string;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface InlineDashboardPageProps extends PConnProps {
+    title: string;
+    icon?: string;
+    filterPosition?: string;
 }
-export default InlineDashboardPage;
+export default function InlineDashboardPage(props: PropsWithChildren<InlineDashboardPageProps>): JSX.Element;
+export {};
 //# sourceMappingURL=InlineDashboardPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,mBAAmB,CAAC,KAAK,KAAA,eAoBhD;kBApBuB,mBAAmB;;;;;;;;;;;;;eAAnB,mBAAmB"}
+{"version":3,"file":"InlineDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,eAyB7F"}

package/lib/components/template/InlineDashboardPage/InlineDashboardPage.js

@@ -1,10 +1,12 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, Children, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import { buildFilterComponents } from '../../infra/DashboardFilter/filterUtils';
-import InlineDashboard from '../InlineDashboard';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function InlineDashboardPage(props) {
-    const { children, getPConnect } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const InlineDashboard = getComponentFromMap('InlineDashboard');
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { children, getPConnect, icon = '', filterPosition = 'block-start' } = props;
     const [filterComponents, setFilterComponents] = useState([]);
     const childArray = useMemo(() => {
         return Children.toArray(children);
@@ -13,22 +15,12 @@ export default function InlineDashboardPage(props) {
     useEffect(() => {
         setFilterComponents(buildFilterComponents(getPConnect, allFilters));
     }, []);
-    const inlineProps = props;
+    const inlineProps = { ...props };
+    inlineProps.children = [];
     // Region layout views
     inlineProps.children[0] = childArray[0];
     // filter items
     inlineProps.children[1] = filterComponents;
-    return React.createElement(InlineDashboard, { ...inlineProps });
+    return _jsx(InlineDashboard, { ...inlineProps });
 }
-InlineDashboardPage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    title: PropTypes.string.isRequired,
-    icon: PropTypes.string,
-    filterPosition: PropTypes.string
-};
-InlineDashboardPage.defaultProps = {
-    icon: '',
-    filterPosition: 'block-start'
-};
 //# sourceMappingURL=InlineDashboardPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboardPage.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK;IAC/C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,KAAK,CAAC;IAC1B,sBAAsB;IACtB,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,eAAe;IACf,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;IAE3C,OAAO,oBAAC,eAAe,OAAK,WAAW,GAAI,CAAC;AAC9C,CAAC;AAED,mBAAmB,CAAC,SAAS,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,cAAc,EAAE,SAAS,CAAC,MAAM;CACjC,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG;IACjC,IAAI,EAAE,EAAE;IACR,cAAc,EAAE,aAAa;CAC9B,CAAC","sourcesContent":["import React from 'react';\nimport { useMemo, Children, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { buildFilterComponents } from '../../infra/DashboardFilter/filterUtils';\nimport InlineDashboard from '../InlineDashboard';\n\nexport default function InlineDashboardPage(props) {\n  const { children, getPConnect } = props;\n  const [filterComponents, setFilterComponents] = useState([]);\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  const allFilters = getPConnect().getRawMetadata().children[1];\n\n  useEffect(() => {\n    setFilterComponents(buildFilterComponents(getPConnect, allFilters));\n  }, []);\n\n  const inlineProps = props;\n  // Region layout views\n  inlineProps.children[0] = childArray[0];\n  // filter items\n  inlineProps.children[1] = filterComponents;\n\n  return <InlineDashboard {...inlineProps} />;\n}\n\nInlineDashboardPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  title: PropTypes.string.isRequired,\n  icon: PropTypes.string,\n  filterPosition: PropTypes.string\n};\n\nInlineDashboardPage.defaultProps = {\n  icon: '',\n  filterPosition: 'block-start'\n};\n"]}
+{"version":3,"file":"InlineDashboardPage.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAkD;IAC5F,8EAA8E;IAC9E,MAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IACnF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IACjC,WAAW,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC1B,sBAAsB;IACtB,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,eAAe;IACf,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;IAE3C,OAAO,KAAC,eAAe,OAAK,WAAW,GAAI,CAAC;AAC9C,CAAC","sourcesContent":["import { useMemo, Children, useEffect, useState, PropsWithChildren } from 'react';\n\nimport { buildFilterComponents } from '../../infra/DashboardFilter/filterUtils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  icon?: string;\n  filterPosition?: string;\n}\n\nexport default function InlineDashboardPage(props: PropsWithChildren<InlineDashboardPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const InlineDashboard = getComponentFromMap('InlineDashboard');\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { children, getPConnect, icon = '', filterPosition = 'block-start' } = props;\n  const [filterComponents, setFilterComponents] = useState([]);\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  const allFilters = (getPConnect().getRawMetadata() as any).children[1];\n\n  useEffect(() => {\n    setFilterComponents(buildFilterComponents(getPConnect, allFilters));\n  }, []);\n\n  const inlineProps = { ...props };\n  inlineProps.children = [];\n  // Region layout views\n  inlineProps.children[0] = childArray[0];\n  // filter items\n  inlineProps.children[1] = filterComponents;\n\n  return <InlineDashboard {...inlineProps} />;\n}\n"]}

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

@@ -1,16 +1,8 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function ListPage(props: any): JSX.Element;
-declare namespace ListPage {
-    var defaultProps: {
-        parameters: undefined;
-    };
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        parameters: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-    };
+import { PConnProps } from '../../../types/PConnProps';
+interface ListPageProps extends PConnProps {
+    parameters: object;
 }
-export default ListPage;
+export default function ListPage(props: ListPageProps): JSX.Element;
+export {};
 //# sourceMappingURL=ListPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListPage/ListPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAKrC;kBALuB,QAAQ;;;;;;;;;;;eAAR,QAAQ"}
+{"version":3,"file":"ListPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListPage/ListPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,aAAc,SAAQ,UAAU;IAExC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAOpD"}

package/lib/components/template/ListPage/ListPage.js

@@ -1,14 +1,10 @@
-import React from "react";
-import PropTypes from "prop-types";
-import ListView from '../ListView';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function ListPage(props) {
-    return (React.createElement(ListView, { ...props }));
+    // Get emitted components from map (so we can get any override that may exist)
+    const ListView = getComponentFromMap('ListView');
+    // special case for ListView - add in a prop
+    const listViewProps = { ...props, bInForm: false };
+    return _jsx(ListView, { ...listViewProps });
 }
-ListPage.defaultProps = {
-    parameters: undefined
-};
-ListPage.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    parameters: PropTypes.objectOf(PropTypes.any)
-};
 //# sourceMappingURL=ListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListPage.js","sourceRoot":"","sources":["../../../../src/components/template/ListPage/ListPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK;IAEpC,OAAO,CACL,oBAAC,QAAQ,OAAM,KAAK,GAAa,CAClC,CAAA;AACH,CAAC;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IACnB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;CAC9C,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport ListView from '../ListView';\n\nexport default function ListPage(props) {\n\n  return (\n    <ListView  {...props}></ListView>\n  )\n}\n\nListPage.defaultProps = {\n  parameters: undefined\n};\n\nListPage.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  parameters: PropTypes.objectOf(PropTypes.any)\n};\n"]}
+{"version":3,"file":"ListPage.js","sourceRoot":"","sources":["../../../../src/components/template/ListPage/ListPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAQhF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;IACnD,8EAA8E;IAC9E,MAAM,QAAQ,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAEjD,4CAA4C;IAC5C,MAAM,aAAa,GAAG,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACnD,OAAO,KAAC,QAAQ,OAAK,aAAa,GAAI,CAAC;AACzC,CAAC","sourcesContent":["import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface ListPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  parameters: object;\n}\n\nexport default function ListPage(props: ListPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n\n  // special case for ListView - add in a prop\n  const listViewProps = { ...props, bInForm: false };\n  return <ListView {...listViewProps} />;\n}\n"]}

package/lib/components/template/ListView/DefaultViewMeta.d.ts

@@ -1,91 +1,2 @@
-export default function getDefaultViewMeta(fieldMeta: any, classID: any, showField: any): {
-    type: string;
-    config: {
-        trueLabel: string;
-        falseLabel: string;
-        caption: string;
-        label: undefined;
-        associationID: any;
-        associationLabel?: string | undefined;
-        value: string;
-        fieldType: any;
-        propertyType: any;
-        classID: any;
-        displayAs: any;
-        displayAsLink: any;
-        category: any;
-        show: any;
-    };
-} | {
-    type: string;
-    config: {
-        datasource: {
-            source: string;
-            fields: {
-                value: string;
-            };
-        };
-        associationID: any;
-        associationLabel?: string | undefined;
-        value: string;
-        label: string;
-        fieldType: any;
-        propertyType: any;
-        classID: any;
-        displayAs: any;
-        displayAsLink: any;
-        category: any;
-        show: any;
-    };
-} | {
-    type: string;
-    config: {
-        value: string;
-        placeholder: string;
-        displayAs: string;
-        associationID: any;
-        associationLabel: undefined;
-        label: string;
-        fieldType: any;
-        propertyType: any;
-        classID: any;
-        displayAsLink: any;
-        category: any;
-        show: any;
-    };
-} | {
-    type: string;
-    config: {
-        placeholder: string;
-        listType: string;
-        datasource: string;
-        deferDatasource: boolean;
-        associationID: any;
-        associationLabel?: string | undefined;
-        value: string;
-        label: string;
-        fieldType: any;
-        propertyType: any;
-        classID: any;
-        displayAs: any;
-        displayAsLink: any;
-        category: any;
-        show: any;
-    };
-} | {
-    type: any;
-    config: {
-        associationID: any;
-        associationLabel?: string | undefined;
-        value: string;
-        label: string;
-        fieldType: any;
-        propertyType: any;
-        classID: any;
-        displayAs: any;
-        displayAsLink: any;
-        category: any;
-        show: any;
-    };
-};
+export default function getDefaultViewMeta(fieldMeta: any, classID: any, showField: any): any;
 //# sourceMappingURL=DefaultViewMeta.d.ts.map

package/lib/components/template/ListView/DefaultViewMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultViewMeta.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/DefaultViewMeta.js"],"names":[],"mappings":"AAqCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLC"}
+{"version":3,"file":"DefaultViewMeta.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/DefaultViewMeta.ts"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,SAAS,KAAA,EAAE,OAAO,KAAA,EAAE,SAAS,KAAA,OAuLvE"}