@pega/react-sdk-components 0.23.0

package/lib/components/templates/SingleReferenceReadOnly/SingleReferenceReadOnly.js

@@ -0,0 +1,51 @@
+import PropTypes from "prop-types";
+export default function SingleReferenceReadOnly(props) {
+    const { getPConnect, displayAs, ruleClass, label, type, displayMode, referenceType, hideLabel, dataRelationshipContext, config } = props;
+    const editableComponents = ["AutoComplete", "SimpleTableSelect", "Dropdown"];
+    if (editableComponents.includes(type)) {
+        config.caseClass = ruleClass;
+        config.text = config.primaryField;
+        config.caseID = config.value;
+        config.contextPage = `@P .${dataRelationshipContext}`;
+        config.resourceParams = {
+            "workID": displayAs === "table" ? config.selectionKey : config.value
+        };
+        config.resourcePayload = {
+            "caseClassName": ruleClass
+        };
+    }
+    return getPConnect().createComponent({
+        type: 'SemanticLink',
+        config: {
+            ...config,
+            label,
+            displayMode,
+            referenceType,
+            hideLabel,
+            dataRelationshipContext
+        }
+    });
+}
+SingleReferenceReadOnly.defaultProps = {
+    displayAs: "",
+    ruleClass: "",
+    label: "",
+    displayMode: "",
+    type: "",
+    referenceType: "",
+    hideLabel: false,
+    dataRelationshipContext: null
+};
+SingleReferenceReadOnly.propTypes = {
+    config: PropTypes.object,
+    getPConnect: PropTypes.func.isRequired,
+    displayAs: PropTypes.string,
+    ruleClass: PropTypes.string,
+    label: PropTypes.string,
+    displayMode: PropTypes.string,
+    type: PropTypes.string,
+    referenceType: PropTypes.string,
+    hideLabel: PropTypes.bool,
+    dataRelationshipContext: PropTypes.string
+};
+//# sourceMappingURL=SingleReferenceReadOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleReferenceReadOnly.js","sourceRoot":"","sources":["../../../../src/components/templates/SingleReferenceReadOnly/SingleReferenceReadOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK;IACnD,MAAM,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,aAAa,EACb,SAAS,EACT,uBAAuB,EACvB,MAAM,EACP,GAAG,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,CAAC,cAAc,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC;IAE7E,IAAI,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACrC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;QAC7B,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC;QAClC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,WAAW,GAAG,OAAO,uBAAuB,EAAE,CAAC;QACtD,MAAM,CAAC,cAAc,GAAG;YACtB,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;SACrE,CAAC;QACF,MAAM,CAAC,eAAe,GAAG;YACvB,eAAe,EAAE,SAAS;SAC3B,CAAC;KACH;IAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC;QACnC,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE;YACN,GAAG,MAAM;YACT,KAAK;YACL,WAAW;YACX,aAAa;YACb,SAAS;YACT,uBAAuB;SACxB;KACF,CAAC,CAAC;AACL,CAAC;AAED,uBAAuB,CAAC,YAAY,GAAG;IACrC,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,IAAI,EAAE,EAAE;IACR,aAAa,EAAE,EAAE;IACjB,SAAS,EAAE,KAAK;IAChB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF,uBAAuB,CAAC,SAAS,GAAG;IAClC,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,uBAAuB,EAAE,SAAS,CAAC,MAAM;CAC1C,CAAC","sourcesContent":["import PropTypes from \"prop-types\";\n\nexport default function SingleReferenceReadOnly(props) {\n  const {\n    getPConnect,\n    displayAs,\n    ruleClass,\n    label,\n    type,\n    displayMode,\n    referenceType,\n    hideLabel,\n    dataRelationshipContext,\n    config\n  } = props;\n  const editableComponents = [\"AutoComplete\", \"SimpleTableSelect\", \"Dropdown\"];\n\n  if (editableComponents.includes(type)) {\n    config.caseClass = ruleClass;\n    config.text = config.primaryField;\n    config.caseID = config.value;\n    config.contextPage = `@P .${dataRelationshipContext}`;\n    config.resourceParams = {\n      \"workID\": displayAs === \"table\" ? config.selectionKey : config.value\n    };\n    config.resourcePayload = {\n      \"caseClassName\": ruleClass\n    };\n  }\n\n  return getPConnect().createComponent({\n    type: 'SemanticLink',\n    config: {\n      ...config,\n      label,\n      displayMode,\n      referenceType,\n      hideLabel,\n      dataRelationshipContext\n    }\n  });\n}\n\nSingleReferenceReadOnly.defaultProps = {\n  displayAs: \"\",\n  ruleClass: \"\",\n  label: \"\",\n  displayMode: \"\",\n  type: \"\",\n  referenceType: \"\",\n  hideLabel: false,\n  dataRelationshipContext: null\n};\n\nSingleReferenceReadOnly.propTypes = {\n  config: PropTypes.object,\n  getPConnect: PropTypes.func.isRequired,\n  displayAs: PropTypes.string,\n  ruleClass: PropTypes.string,\n  label: PropTypes.string,\n  displayMode: PropTypes.string,\n  type: PropTypes.string,\n  referenceType: PropTypes.string,\n  hideLabel: PropTypes.bool,\n  dataRelationshipContext: PropTypes.string\n};\n"]}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/SubTabs/SubTabs.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,OAAO,CAAC,KAAK,KAAA,eAkDpC;kBAlDuB,OAAO;;;;;;;;eAAP,OAAO"}

package/lib/components/templates/SubTabs/SubTabs.js

@@ -0,0 +1,33 @@
+import React, { Fragment, useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { Tab, Tabs } from "@material-ui/core";
+import { TabContext, TabPanel } from '@material-ui/lab';
+import { getTransientTabs, getVisibleTabs, tabClick } from './tabUtils';
+export default function SubTabs(props) {
+    const { children } = props;
+    const defaultTabIndex = 0;
+    const deferLoadedTabs = children[0];
+    const availableTabs = getVisibleTabs(deferLoadedTabs, "tabsSubs");
+    const [currentTabId, setCurrentTabId] = useState(defaultTabIndex.toString());
+    const [tabItems, setTabitem] = useState([]);
+    useEffect(() => {
+        const tempTabItems = getTransientTabs(availableTabs, currentTabId, tabItems);
+        setTabitem(tempTabItems);
+    }, [currentTabId]);
+    const handleTabClick = (id, index) => {
+        setCurrentTabId(index);
+        tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);
+    };
+    return (React.createElement(Fragment, null,
+        React.createElement(TabContext, { value: currentTabId.toString() },
+            React.createElement(Tabs, { onChange: handleTabClick, value: currentTabId, variant: "scrollable" }, 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")))))));
+}
+SubTabs.defaultProps = {
+    children: []
+};
+SubTabs.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node)
+};
+//# sourceMappingURL=SubTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubTabs.js","sourceRoot":"","sources":["../../../../src/components/templates/SubTabs/SubTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7E,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC,CAAC;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,gBAAgB,CACnC,aAAa,EACb,YAAY,EACZ,QAAQ,CACT,CAAC;QACF,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAGnB,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,KAAa,EAAE,EAAE;QAC3C,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE;YAC1C,oBAAC,IAAI,IACH,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,YAAY,IAErB,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAO,EAAE,EAAE,CACxB,oBAAC,GAAG,IACJ,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAE,GAAG,CAAC,IAAI,EACf,KAAK,EAAE,GAAG,CAAC,EAAE,GACX,CACP,CACQ;YAGH,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAO,EAAE,EAAE,CAAC,CACxB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE;gBACrD,iCAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAO,CACnD,CACZ,CAAC,CACS,CACJ,CACZ,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,EAAE;CACd,CAAA;AAED,OAAO,CAAC,SAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;CAC7C,CAAC","sourcesContent":["import React, { Fragment, useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tab, Tabs } from \"@material-ui/core\";\nimport { TabContext, TabPanel } from '@material-ui/lab';\nimport { getTransientTabs, getVisibleTabs, tabClick } from './tabUtils';\n\nexport default function SubTabs(props) {\n  const { children } = props;\n\n  const defaultTabIndex = 0;\n  const deferLoadedTabs = children[0];\n  const availableTabs = getVisibleTabs(deferLoadedTabs, \"tabsSubs\");\n  const [currentTabId, setCurrentTabId] = useState(defaultTabIndex.toString());\n\n  const [tabItems, setTabitem] = useState<Array<any>>([]);\n  useEffect(() => {\n    const tempTabItems = getTransientTabs(\n      availableTabs,\n      currentTabId,\n      tabItems\n    );\n    setTabitem(tempTabItems);\n  }, [currentTabId]);\n\n\n  const handleTabClick = (id, index: string) => {\n    setCurrentTabId(index);\n    tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);\n  };\n\n  return (\n    <Fragment>\n      <TabContext value={currentTabId.toString()}>\n      <Tabs\n        onChange={handleTabClick}\n        value={currentTabId}\n        variant=\"scrollable\"\n        >\n      {tabItems.map((tab:any) =>\n        <Tab\n        key={tab.id}\n        label={tab.name}\n        value={tab.id}\n        />\n  )}\n    </Tabs>\n\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\nSubTabs.defaultProps = {\n   children: []\n}\n\nSubTabs.propTypes = {\n   children: PropTypes.arrayOf(PropTypes.node)\n};\n"]}

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

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

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

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

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

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

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

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

package/lib/components/templates/SubTabs/tabUtils.d.ts

@@ -0,0 +1,5 @@
+export declare const getDeferFriendlyTabs: (allTabs: any) => any;
+export declare const getVisibleTabs: (allTabs: any, uuid: any) => any;
+export declare const getTransientTabs: (availableTabs: any, currentTabId: any, tabItems: any) => any;
+export declare const tabClick: (id: any, availableTabs: any, currentTabId: any, setCurrentTabId: any, tabItems: any) => void;
+//# sourceMappingURL=tabUtils.d.ts.map

package/lib/components/templates/SubTabs/tabUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/SubTabs/tabUtils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,uBAKhC,CAAC;AAEF,eAAO,MAAM,cAAc,kCAoB1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+DAuB5B,CAAC;AAEF,eAAO,MAAM,QAAQ,+FAepB,CAAC"}

package/lib/components/templates/SubTabs/tabUtils.js

@@ -0,0 +1,62 @@
+export const getDeferFriendlyTabs = allTabs => {
+    return allTabs.map(tab => {
+        const theTabCompConfig = tab.getPConnect().getConfigProps();
+        return { type: 'DeferLoad', config: theTabCompConfig };
+    });
+};
+export const getVisibleTabs = (allTabs, uuid) => {
+    let index = 0;
+    return allTabs.props
+        .getPConnect()
+        .getChildren()
+        ?.filter(child => {
+        // US-402838: Filter out tab entries if the config object does not contain the visibility attribute or it evaluates to the boolean true,
+        const config = child.getPConnect().getConfigProps();
+        // BUG-642335 - adding isChildDeferLoad prop
+        if (child.getPConnect().getComponentName() === 'DeferLoad') {
+            const { name: viewName, deferLoadId = `${viewName}_${uuid}_${index}` } = config;
+            child.getPConnect().registerAdditionalProps({
+                deferLoadId,
+                isChildDeferLoad: true
+            });
+        }
+        index += 1;
+        return !('visibility' in config) || config.visibility === true;
+    });
+};
+export const getTransientTabs = (availableTabs, currentTabId, tabItems) => {
+    return (availableTabs?.map((child, i) => {
+        const config = child.getPConnect().getConfigProps();
+        const tabLabel = config.label ||
+            config.inheritedProps?.find(obj => obj.prop === 'label')?.value ||
+            PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');
+        const tabContent = () => {
+            if (i.toString() === currentTabId) {
+                return tabItems?.[i.toString()]?.content
+                    ? tabItems?.[i.toString()]?.content
+                    : child.getPConnect().getComponent();
+            }
+            return tabItems?.[i.toString()]?.content;
+        };
+        return {
+            name: tabLabel,
+            id: i.toString(),
+            content: tabContent()
+        };
+    }) || []);
+};
+export const tabClick = (id, availableTabs, currentTabId, setCurrentTabId, tabItems) => {
+    const currentPConn = availableTabs[currentTabId].getPConnect();
+    const { deferLoadId } = currentPConn.getConfigProps();
+    PCore.getDeferLoadManager().deactivate(deferLoadId, currentPConn.getContextName());
+    setCurrentTabId(id);
+    const index = parseInt(id, 10);
+    if (tabItems[index]?.content === null) {
+        tabItems[index].content = availableTabs[index].getPConnect().getComponent();
+    }
+    const nextPConn = availableTabs[id].getPConnect();
+    const { deferLoadId: activeId } = nextPConn?.getConfigProps();
+    PCore.getDeferLoadManager().activate(activeId, nextPConn?.getContextName());
+    PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn?.getContextName());
+};
+//# sourceMappingURL=tabUtils.js.map

package/lib/components/templates/SubTabs/tabUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabUtils.js","sourceRoot":"","sources":["../../../../src/components/templates/SubTabs/tabUtils.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC,EAAE;IAC5C,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACvB,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;QAC5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC9C,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,OAAO,OAAO,CAAC,KAAK;SACjB,WAAW,EAAE;SACb,WAAW,EAAE;QACd,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;QACf,wIAAwI;QACxI,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;QAEpD,4CAA4C;QAC5C,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,KAAK,WAAW,EAAE;YAC1D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,GAAG,GAAG,QAAQ,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC;YAChF,KAAK,CAAC,WAAW,EAAE,CAAC,uBAAuB,CAAC;gBAC1C,WAAW;gBACX,gBAAgB,EAAE,IAAI;aACvB,CAAC,CAAC;SACJ;QACD,KAAK,IAAI,CAAC,CAAC;QACX,OAAO,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC;IACjE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IACxE,OAAO,CACL,aAAa,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;QACpD,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK;YACZ,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE,KAAK;YAC/D,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC,8BAA8B,EAAE,SAAS,CAAC,CAAC;QACnF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,CAAC,QAAQ,EAAE,KAAK,YAAY,EAAE;gBACjC,OAAO,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO;oBACtC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO;oBACnC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,CAAC;aACxC;YACD,OAAO,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC;QAC3C,CAAC,CAAC;QACF,OAAO;YACL,IAAI,EAAE,QAAQ;YACd,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE;YAChB,OAAO,EAAE,UAAU,EAAE;SACtB,CAAC;IACJ,CAAC,CAAC,IAAI,EAAE,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE;IACrF,MAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;IAC/D,MAAM,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC;IACtD,KAAK,CAAC,mBAAmB,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC,cAAc,EAAE,CAAC,CAAC;IAEnF,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/B,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE;QACrC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,CAAC;KAC7E;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,cAAc,EAAE,CAAC;IAC9D,KAAK,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;IAC5E,KAAK,CAAC,mBAAmB,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;AACtF,CAAC,CAAC","sourcesContent":["\ndeclare const PCore;\n\nexport const getDeferFriendlyTabs = allTabs => {\n  return allTabs.map(tab => {\n    const theTabCompConfig = tab.getPConnect().getConfigProps();\n    return { type: 'DeferLoad', config: theTabCompConfig };\n  });\n};\n\nexport const getVisibleTabs = (allTabs, uuid) => {\n  let index = 0;\n  return allTabs.props\n    .getPConnect()\n    .getChildren()\n    ?.filter(child => {\n      // US-402838: Filter out tab entries if the config object does not contain the visibility attribute or it evaluates to the boolean true,\n      const config = child.getPConnect().getConfigProps();\n\n      // BUG-642335 - adding isChildDeferLoad prop\n      if (child.getPConnect().getComponentName() === 'DeferLoad') {\n        const { name: viewName, deferLoadId = `${viewName}_${uuid}_${index}` } = config;\n        child.getPConnect().registerAdditionalProps({\n          deferLoadId,\n          isChildDeferLoad: true\n        });\n      }\n      index += 1;\n      return !('visibility' in config) || config.visibility === true;\n    });\n};\n\nexport const getTransientTabs = (availableTabs, currentTabId, tabItems) => {\n  return (\n    availableTabs?.map((child, i) => {\n      const config = child.getPConnect().getConfigProps();\n      const tabLabel =\n        config.label ||\n        config.inheritedProps?.find(obj => obj.prop === 'label')?.value ||\n        PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      const tabContent = () => {\n        if (i.toString() === currentTabId) {\n          return tabItems?.[i.toString()]?.content\n            ? tabItems?.[i.toString()]?.content\n            : child.getPConnect().getComponent();\n        }\n        return tabItems?.[i.toString()]?.content;\n      };\n      return {\n        name: tabLabel,\n        id: i.toString(),\n        content: tabContent()\n      };\n    }) || []\n  );\n};\n\nexport const tabClick = (id, availableTabs, currentTabId, setCurrentTabId, tabItems) => {\n  const currentPConn = availableTabs[currentTabId].getPConnect();\n  const { deferLoadId } = currentPConn.getConfigProps();\n  PCore.getDeferLoadManager().deactivate(deferLoadId, currentPConn.getContextName());\n\n  setCurrentTabId(id);\n  const index = parseInt(id, 10);\n  if (tabItems[index]?.content === null) {\n    tabItems[index].content = availableTabs[index].getPConnect().getComponent();\n  }\n\n  const nextPConn = availableTabs[id].getPConnect();\n  const { deferLoadId: activeId } = nextPConn?.getConfigProps();\n  PCore.getDeferLoadManager().activate(activeId, nextPConn?.getContextName());\n  PCore.getDeferLoadManager().refreshComponent(activeId, nextPConn?.getContextName());\n};\n"]}

package/lib/components/templates/TwoColumn/TwoColumn/TwoColumn.css

@@ -0,0 +1,13 @@
+.psdk-two-column {
+  display: flow-root;
+  height: 100%;
+}
+
+/* Create two equal columns that floats next to each other */
+.psdk-two-column-column {
+  width: 50%;
+  float: left;
+  padding: 0rem 0.3125rem;
+  height: 100%;
+
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,iBAAwB,SAAS,CAAC,KAAK,KAAA,eAgCtC;kBAhCuB,SAAS;;;;;;;;;eAAT,SAAS"}

package/lib/components/templates/TwoColumn/TwoColumn/TwoColumn.js

@@ -0,0 +1,43 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@material-ui/core";
+import { makeStyles } from '@material-ui/core/styles';
+const useStyles = makeStyles(() => ({
+    colStyles: {
+        display: "grid",
+        gap: "1rem",
+        alignContent: "baseline",
+    },
+}));
+export default function TwoColumn(props) {
+    const classes = useStyles();
+    const { children, templateCol } = props;
+    if (children.length !== 2) {
+        // eslint-disable-next-line no-console
+        console.error(`TwoColumn template sees more than 2 columns: ${children.length}`);
+    }
+    // Calculate the size
+    //  Default to assume the 2 columns are evenly split. However, override if templateCol
+    //  (example value: "1fr 1fr")
+    let aSize = 6;
+    let bSize = 6;
+    const colAArray = templateCol.replaceAll(/[a-z]+/g, "").split(/\s/).map(itm => Number(itm));
+    const totalCols = colAArray.reduce((v, itm) => itm + v, 0);
+    const ratio = 12 / totalCols;
+    aSize = (ratio * colAArray[0]);
+    bSize = (ratio * colAArray[1]);
+    return (React.createElement(Grid, { container: true, spacing: 1 },
+        React.createElement(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles }, children[0]),
+        React.createElement(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles }, children[1])));
+}
+TwoColumn.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+    // title: PropTypes.string,
+    templateCol: PropTypes.string,
+    // icon: PropTypes.string
+};
+TwoColumn.defaultProps = {
+    templateCol: "1fr 1fr",
+    // icon: ""
+};
+//# sourceMappingURL=TwoColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/templates/TwoColumn/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAEtC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAE,gDAAgD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAClF;IAEA,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CAAA;AACF,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,2BAA2B;IAC3B,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,yBAAyB;CAC1B,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,WAAW,EAAE,SAAS;IACtB,WAAW;CACZ,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid, GridSize } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\nexport default function TwoColumn(props) {\n  const classes = useStyles();\n\n const {children, templateCol} = props;\n\n if (children.length !== 2) {\n  // eslint-disable-next-line no-console\n  console.error( `TwoColumn template sees more than 2 columns: ${children.length}`);\n }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol.replaceAll(/[a-z]+/g, \"\").split(/\\s/).map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n return (\n   <Grid container spacing={1}>\n     <Grid item xs={12} md={aSize} className={classes.colStyles}>\n       {children[0]}\n     </Grid>\n     <Grid item xs={12} md={bSize} className={classes.colStyles}>\n       {children[1]}\n     </Grid>\n   </Grid>\n )\n}\n\nTwoColumn.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  // title: PropTypes.string,\n  templateCol: PropTypes.string,\n  // icon: PropTypes.string\n};\n\nTwoColumn.defaultProps = {\n  templateCol: \"1fr 1fr\",\n  // icon: \"\"\n};\n"]}

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

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

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

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

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

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

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

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

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

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

package/lib/components/templates/TwoColumn/TwoColumnPage/TwoColumnPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumnPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAO1C;kBAPuB,aAAa;;;;;;eAAb,aAAa"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import PropTypes from "prop-types";
+// import { TwoColumnPage as TwoColumn } from "@pega/cosmos-react-core";
+import TwoColumn from '../TwoColumn';
+/*
+ * The wrapper handles knowing how to take in just children
+ *  and mapping to the TwoColumn template.
+ */
+export default function TwoColumnPage(props) {
+    return (React.createElement(TwoColumn, { ...props }));
+}
+TwoColumnPage.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+};
+TwoColumnPage.defaultProps = {};
+//# sourceMappingURL=TwoColumnPage.js.map

package/lib/components/templates/TwoColumn/TwoColumnPage/TwoColumnPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumnPage.js","sourceRoot":"","sources":["../../../../../src/components/templates/TwoColumn/TwoColumnPage/TwoColumnPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,wEAAwE;AACxE,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK;IAEzC,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;CACvD,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,EAC5B,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// import { TwoColumnPage as TwoColumn } from \"@pega/cosmos-react-core\";\nimport TwoColumn from '../TwoColumn';\n\n/*\n * The wrapper handles knowing how to take in just children\n *  and mapping to the TwoColumn template.\n */\nexport default function TwoColumnPage(props) {\n\n  return (\n    <TwoColumn\n      {...props}\n    />\n  );\n}\n\nTwoColumnPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nTwoColumnPage.defaultProps = {\n};\n"]}

package/lib/components/templates/TwoColumn/TwoColumnPage/index.d.ts

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

package/lib/components/templates/TwoColumn/TwoColumnPage/index.d.ts.map

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

package/lib/components/templates/TwoColumn/TwoColumnPage/index.js

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

package/lib/components/templates/TwoColumn/TwoColumnPage/index.js.map

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

package/lib/components/templates/TwoColumn/TwoColumnTab/TwoColumnTab.css

@@ -0,0 +1,12 @@
+.psdk-two-column {
+  display: flow-root;
+  height: 100%;
+}
+
+/* Create two equal columns that floats next to each other */
+.psdk-two-column-column {
+  width: 50%;
+  float: left;
+  padding: 0rem 0.3125rem;
+  height: 100%;
+}

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

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

package/lib/components/templates/TwoColumn/TwoColumnTab/TwoColumnTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumnTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,eAgCzC;kBAhCuB,YAAY;;;;;;;;;eAAZ,YAAY"}

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

@@ -0,0 +1,40 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@material-ui/core";
+import { makeStyles } from '@material-ui/core/styles';
+const useStyles = makeStyles(() => ({
+    colStyles: {
+        display: "grid",
+        gap: "1rem",
+        alignContent: "baseline",
+    },
+}));
+export default function TwoColumnTab(props) {
+    const classes = useStyles();
+    const { children, templateCol } = props;
+    if (children.length !== 2) {
+        // eslint-disable-next-line no-console
+        console.error(`TwoColumn template sees more than 2 columns: ${children.length}`);
+    }
+    // Calculate the size
+    //  Default to assume the 2 columns are evenly split. However, override if templateCol
+    //  (example value: "1fr 1fr")
+    let aSize = 6;
+    let bSize = 6;
+    const colAArray = templateCol.replaceAll(/[a-z]+/g, "").split(/\s/).map(itm => Number(itm));
+    const totalCols = colAArray.reduce((v, itm) => itm + v, 0);
+    const ratio = 12 / totalCols;
+    aSize = (ratio * colAArray[0]);
+    bSize = (ratio * colAArray[1]);
+    return (React.createElement(Grid, { container: true, spacing: 1 },
+        React.createElement(Grid, { item: true, xs: 12, md: aSize, className: classes.colStyles }, children[0]),
+        React.createElement(Grid, { item: true, xs: 12, md: bSize, className: classes.colStyles }, children[1])));
+}
+TwoColumnTab.propTypes = {
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+    templateCol: PropTypes.string,
+};
+TwoColumnTab.defaultProps = {
+    templateCol: "1fr 1fr",
+};
+//# sourceMappingURL=TwoColumnTab.js.map

package/lib/components/templates/TwoColumn/TwoColumnTab/TwoColumnTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoColumnTab.js","sourceRoot":"","sources":["../../../../../src/components/templates/TwoColumn/TwoColumnTab/TwoColumnTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAEtC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAE,gDAAgD,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAClF;IAEA,qBAAqB;IACrB,sFAAsF;IACtF,8BAA8B;IAC9B,IAAI,KAAK,GAAa,CAAC,CAAC;IACxB,IAAI,KAAK,GAAa,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;IAC7B,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAC3C,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAa,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IACvD,QAAQ,CAAC,CAAC,CAAC,CACP,CACF,CACR,CAAA;AACF,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,WAAW,EAAE,SAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC1B,WAAW,EAAE,SAAS;CACvB,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid, GridSize } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() => ({\n  colStyles: {\n    display: \"grid\",\n    gap: \"1rem\",\n    alignContent: \"baseline\",\n  },\n}));\n\nexport default function TwoColumnTab(props) {\n  const classes = useStyles();\n\n const {children, templateCol} = props;\n\n if (children.length !== 2) {\n  // eslint-disable-next-line no-console\n  console.error( `TwoColumn template sees more than 2 columns: ${children.length}`);\n }\n\n  // Calculate the size\n  //  Default to assume the 2 columns are evenly split. However, override if templateCol\n  //  (example value: \"1fr 1fr\")\n  let aSize: GridSize = 6;\n  let bSize: GridSize = 6;\n\n  const colAArray = templateCol.replaceAll(/[a-z]+/g, \"\").split(/\\s/).map(itm => Number(itm));\n  const totalCols = colAArray.reduce((v, itm) => itm + v, 0);\n  const ratio = 12 / totalCols;\n  aSize = (ratio * colAArray[0]) as GridSize;\n  bSize = (ratio * colAArray[1]) as GridSize;\n\n return (\n   <Grid container spacing={1}>\n     <Grid item xs={12} md={aSize} className={classes.colStyles}>\n       {children[0]}\n     </Grid>\n     <Grid item xs={12} md={bSize} className={classes.colStyles}>\n       {children[1]}\n     </Grid>\n   </Grid>\n )\n}\n\nTwoColumnTab.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  templateCol: PropTypes.string,\n};\n\nTwoColumnTab.defaultProps = {\n  templateCol: \"1fr 1fr\",\n};\n"]}

package/lib/components/templates/TwoColumn/TwoColumnTab/index.d.ts

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

package/lib/components/templates/TwoColumn/TwoColumnTab/index.d.ts.map

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

package/lib/components/templates/TwoColumn/TwoColumnTab/index.js

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

package/lib/components/templates/TwoColumn/TwoColumnTab/index.js.map

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

package/lib/components/templates/WideNarrow/WideNarrow/WideNarrow.css

@@ -0,0 +1,21 @@
+.psdk-wide-narrow-column {
+  display: flow-root;
+  height: 100%;
+}
+
+/* Create two columns that float next to each other */
+.psdk-wide-narrow-column .psdk-narrow-column-column {
+  width: 30%;
+  float: left;
+  padding: 0rem 0rem 0rem 0.3125rem;
+  height: 100%;
+
+}
+
+.psdk-wide-narrow-column .psdk-wide-column-column {
+  width: 70%;
+  float: left;
+  padding: 0rem 0.3125rem 0rem 0rem;
+  height: 100%;
+
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './WideNarrow.css';
+export default function WideNarrow(props: any): JSX.Element;
+//# sourceMappingURL=WideNarrow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,eA8BvC"}

package/lib/components/templates/WideNarrow/WideNarrow/WideNarrow.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrow.js","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrow/WideNarrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK;IACtC,kDAAkD;IAClD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACd,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAChC,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CAAC,CAAC,CAAC,CACR;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,QAAQ,CAAC,CAAC,CAAC,CACR,CACF;QAEP,CAAC,IAAI,CAAC;YACL,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,yBAAyB,IACrC,CAAC,CACE;gBACN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,CACE,CACF,CAES,CAElB,CAAA;AAEH,CAAC","sourcesContent":["import React from \"react\";\n\nimport './WideNarrow.css';\n\nexport default function WideNarrow(props) {\n  // const {a, b /*, cols, icon, title */ } = props;\n  const { a, b, children } = props;\n\n  return (\n    <React.Fragment>\n    {children && children.length === 2 &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {children[0]}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {children[1]}\n        </div>\n      </div>\n    }\n    {a && b &&\n      <div className=\"psdk-wide-narrow-column\">\n        <div className=\"psdk-wide-column-column\">\n          {a}\n        </div>\n        <div className=\"psdk-narrow-column-column\">\n          {b}\n        </div>\n      </div>\n    }\n    </React.Fragment>\n\n  )\n\n}\n"]}

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

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

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

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

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

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

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

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

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

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

package/lib/components/templates/WideNarrow/WideNarrowDetails/WideNarrowDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideNarrowDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx"],"names":[],"mappings":";AAKA,iBAAwB,iBAAiB,CAAC,KAAK,KAAA,eAyC9C;kBAzCuB,iBAAiB;;;eAAjB,iBAAiB"}