@pega/react-sdk-components 8.23.11 → 23.1.11

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

@@ -1,9 +1,11 @@
-import React, { createElement } from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
-import FieldGroup from '../../../designSystemExtension/FieldGroup';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function Details(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldGroup = getComponentFromMap('FieldGroup');
     const { label, showLabel, getPConnect, showHighlightedData } = props;
     // Get the inherited props from the parent to determine label settings
     const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
@@ -11,9 +13,7 @@ export default function Details(props) {
     // in a readonly (display) mode instead of a editable
     getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
     getPConnect().setInheritedProp('readOnly', true);
-    const children = getPConnect()
-        .getChildren()
-        .map((configObject, index) => createElement(createPConnectComponent(), {
+    const children = getPConnect().getChildren().map((configObject, index) => createElement(createPConnectComponent(), {
         ...configObject,
         // eslint-disable-next-line react/no-array-index-key
         key: index.toString()
@@ -29,22 +29,9 @@ export default function Details(props) {
                 field.type = 'TextInput';
                 field.config.displayAsStatus = true;
             }
-            return getPConnect().createComponent(field);
+            return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
         });
     }
-    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
-        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: 12, key: `hf-${i + 1}` }, child))))),
-        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: 12, key: `r-${i + 1}` }, child))))));
+    return (_jsxs(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '', children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: 12, children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children.map((child, i) => (_jsx(Grid, { item: true, xs: 12, children: child }, `r-${i + 1}`))) })] }));
 }
-Details.defaultProps = {
-    label: undefined,
-    showLabel: true,
-    showHighlightedData: false
-};
-Details.propTypes = {
-    showLabel: PropTypes.bool,
-    label: PropTypes.string,
-    getPConnect: PropTypes.func.isRequired,
-    showHighlightedData: PropTypes.bool
-};
 //# sourceMappingURL=Details.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nexport default function Details(props) {\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    .map((configObject, index) =>\n      createElement(createPConnectComponent(), {\n        ...configObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      })\n    );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={12} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={12} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n\nDetails.defaultProps = {\n  label: undefined,\n  showLabel: true,\n  showHighlightedData: false\n};\n\nDetails.propTypes = {\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  showHighlightedData: PropTypes.bool\n};\n"]}
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAErE,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACxJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,MAAM,CAAC,GAAG,CAAC,EAAE,CAE9B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,KAAK,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: boolean;\n  showHighlightedData: boolean;\n}\n\nexport default function Details(props: DetailsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={12} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={12} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

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

@@ -1,18 +1,9 @@
-/// <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>;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../../types/PConnProps';
+interface DetailsSubTabsProps extends PConnProps {
+    showLabel: boolean;
+    label: string;
 }
-export default DetailsSubTabs;
+export default function DetailsSubTabs(props: PropsWithChildren<DetailsSubTabsProps>): JSX.Element;
+export {};
 //# sourceMappingURL=DetailsSubTabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsSubTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,iBAAwB,cAAc,CAAC,KAAK,KAAA,eA4C3C;kBA5CuB,cAAc;;;;;;;;;;;;;eAAd,cAAc"}
+{"version":3,"file":"DetailsSubTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAKzE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,eA4CnF"}

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

@@ -1,15 +1,14 @@
-import { useState, useEffect, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, useEffect, useState } from 'react';
 import { Tab, Tabs, TextField } from '@material-ui/core';
 import { TabContext, TabPanel } from '@material-ui/lab';
+import { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';
 export default function DetailsSubTabs(props) {
-    const { children, label, showLabel, getPConnect } = props;
+    const { children = [], label, showLabel = true, 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];
+    const deferLoadedTabs = Children.toArray(children)[0];
     let availableTabs = [];
     useEffect(() => {
         availableTabs = getVisibleTabs(deferLoadedTabs, 'detailsSubTabs');
@@ -24,22 +23,6 @@ export default function DetailsSubTabs(props) {
         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')))))));
+    return (_jsxs(_Fragment, { children: [propsToUse.showLabel && _jsx(TextField, { children: propsToUse.label }), _jsxs(TabContext, { value: currentTabId.toString(), children: [_jsx(Tabs, { onChange: handleTabClick, value: currentTabId, children: tabItems.map((tab) => (_jsx(Tab, { label: tab.name, value: tab.id }, tab.id))) }), tabItems.map((tab) => (_jsx(TabPanel, { value: tab.id, tabIndex: +tab.id, children: _jsx("div", { children: tab.content ? tab.content : 'No content exists' }) }, tab.id)))] })] }));
 }
-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/template/Details/DetailsSubTabs/DetailsSubTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsSubTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":"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","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"]}
+{"version":3,"file":"DetailsSubTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AASpF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACtE,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,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,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,8BACG,UAAU,CAAC,SAAS,IAAI,KAAC,SAAS,cAAE,UAAU,CAAC,KAAK,GAAa,EAClE,MAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,aACxC,KAAC,IAAI,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,YAChD,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,IAAc,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,IAAtC,GAAG,CAAC,EAAE,CAAoC,CACrD,CAAC,GACG,EAEN,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAc,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,YACrD,wBAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,GAAO,IAD/C,GAAG,CAAC,EAAE,CAEV,CACZ,CAAC,IACS,IACZ,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren, useEffect, useState } from 'react';\nimport { Tab, Tabs, TextField } from '@material-ui/core';\nimport { TabContext, TabPanel } from '@material-ui/lab';\n\nimport { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsSubTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n}\n\nexport default function DetailsSubTabs(props: PropsWithChildren<DetailsSubTabsProps>) {\n  const { children = [], label, showLabel = true, 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.toArray(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    <>\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    </>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsThreeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eAyD/C;kBAzDuB,kBAAkB;;;;;;;;;;;;;eAAlB,kBAAkB"}
+{"version":3,"file":"DetailsThreeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,uBAAwB,SAAQ,UAAU;IAElD,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA0DxE"}

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

@@ -1,19 +1,19 @@
-import React, { createElement } from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
-import FieldGroup from '../../../designSystemExtension/FieldGroup';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function DetailsThreeColumn(props) {
-    const { label, showLabel, getPConnect, showHighlightedData } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldGroup = getComponentFromMap('FieldGroup');
+    const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
     // Get the inherited props from the parent to determine label settings
     const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
     // Set display mode prop and re-create the children so this part of the dom tree renders
     // in a readonly (display) mode instead of a editable
     getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
     getPConnect().setInheritedProp('readOnly', true);
-    const children = getPConnect()
-        .getChildren()
-        .map((configObject, index) => createElement(createPConnectComponent(), {
+    const children = getPConnect().getChildren().map((configObject, index) => createElement(createPConnectComponent(), {
         ...configObject,
         // eslint-disable-next-line react/no-array-index-key
         key: index.toString()
@@ -29,22 +29,9 @@ export default function DetailsThreeColumn(props) {
                 field.type = 'TextInput';
                 field.config.displayAsStatus = true;
             }
-            return getPConnect().createComponent(field);
+            return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
         });
     }
-    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
-        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: 4, key: `hf-${i + 1}` }, child))))),
-        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: 4, key: `r-${i + 1}` }, child))))));
+    return (_jsxs(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '', children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: 4, children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children.map((child, i) => (_jsx(Grid, { item: true, xs: 4, children: child }, `r-${i + 1}`))) })] }));
 }
-DetailsThreeColumn.defaultProps = {
-    label: undefined,
-    showLabel: true,
-    showHighlightedData: false
-};
-DetailsThreeColumn.propTypes = {
-    showLabel: PropTypes.bool,
-    label: PropTypes.string,
-    getPConnect: PropTypes.func.isRequired,
-    showHighlightedData: PropTypes.bool
-};
 //# sourceMappingURL=DetailsThreeColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nexport default function DetailsThreeColumn(props) {\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    .map((configObject, index) =>\n      createElement(createPConnectComponent(), {\n        ...configObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      })\n    );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={4} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={4} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n\nDetailsThreeColumn.defaultProps = {\n  label: undefined,\n  showLabel: true,\n  showHighlightedData: false\n};\n\nDetailsThreeColumn.propTypes = {\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  showHighlightedData: PropTypes.bool\n};\n"]}
+{"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,+FAA+F;QAC1J,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsThreeColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsThreeColumn(props: DetailsThreeColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={4} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={4} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsTwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,gBAAgB,CAAC,KAAK,KAAA,eAyD7C;kBAzDuB,gBAAgB;;;;;;;;;;;;;eAAhB,gBAAgB"}
+{"version":3,"file":"DetailsTwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,qBAAsB,SAAQ,UAAU;IAEhD,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eA0DpE"}

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

@@ -1,19 +1,19 @@
-import React, { createElement } from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
-import FieldGroup from '../../../designSystemExtension/FieldGroup';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function DetailsTwoColumn(props) {
-    const { label, showLabel, getPConnect, showHighlightedData } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldGroup = getComponentFromMap('FieldGroup');
+    const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
     // Get the inherited props from the parent to determine label settings
     const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
     // Set display mode prop and re-create the children so this part of the dom tree renders
     // in a readonly (display) mode instead of a editable
     getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
     getPConnect().setInheritedProp('readOnly', true);
-    const children = getPConnect()
-        .getChildren()
-        .map((configObject, index) => createElement(createPConnectComponent(), {
+    const children = getPConnect().getChildren().map((configObject, index) => createElement(createPConnectComponent(), {
         ...configObject,
         // eslint-disable-next-line react/no-array-index-key
         key: index.toString()
@@ -29,22 +29,9 @@ export default function DetailsTwoColumn(props) {
                 field.type = 'TextInput';
                 field.config.displayAsStatus = true;
             }
-            return getPConnect().createComponent(field);
+            return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
         });
     }
-    return (React.createElement(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '' },
-        showHighlightedData && highlightedDataArr.length > 0 && (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' } }, highlightedDataArr.map((child, i) => (React.createElement(Grid, { item: true, xs: 6, key: `hf-${i + 1}` }, child))))),
-        React.createElement(Grid, { container: true, spacing: 1 }, children.map((child, i) => (React.createElement(Grid, { item: true, xs: 6, key: `r-${i + 1}` }, child))))));
+    return (_jsxs(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '', children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: 6, children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children.map((child, i) => (_jsx(Grid, { item: true, xs: 6, children: child }, `r-${i + 1}`))) })] }));
 }
-DetailsTwoColumn.defaultProps = {
-    label: undefined,
-    showLabel: true,
-    showHighlightedData: false
-};
-DetailsTwoColumn.propTypes = {
-    showLabel: PropTypes.bool,
-    label: PropTypes.string,
-    getPConnect: PropTypes.func.isRequired,
-    showHighlightedData: PropTypes.bool
-};
 //# sourceMappingURL=DetailsTwoColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport FieldGroup from '../../../designSystemExtension/FieldGroup';\n\nexport default function DetailsTwoColumn(props) {\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = getPConnect()\n    .getChildren()\n    .map((configObject, index) =>\n      createElement(createPConnectComponent(), {\n        ...configObject,\n        // eslint-disable-next-line react/no-array-index-key\n        key: index.toString()\n      })\n    );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = getPConnect().getRawMetadata().config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={6} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={6} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n\nDetailsTwoColumn.defaultProps = {\n  label: undefined,\n  showLabel: true,\n  showHighlightedData: false\n};\n\nDetailsTwoColumn.propTypes = {\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  showHighlightedData: PropTypes.bool\n};\n"]}
+{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACxJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsTwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsTwoColumn(props: DetailsTwoColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={6} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={6} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

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":"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","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;AAWnC,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"}