@pega/react-sdk-components 0.23.0

package/lib/components/infra/ToDo/ToDo.js

@@ -0,0 +1,226 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { Utils } from '../../helpers/utils';
+import { Box, Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText, ListItemSecondaryAction, } from "@material-ui/core";
+import Snackbar from '@material-ui/core/Snackbar';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+import ArrowForwardIosOutlinedIcon from '@material-ui/icons/ArrowForwardIosOutlined';
+import { makeStyles } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/core/styles';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import './ToDo.css';
+// import { useNavBar } from "../templates/AppShell";
+const useStyles = makeStyles((theme) => ({
+    root: {
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        borderLeft: "6px solid",
+        borderLeftColor: theme.palette.primary.light
+    },
+    avatar: {
+        backgroundColor: theme.palette.primary.light,
+        color: theme.palette.getContrastText(theme.palette.primary.light),
+    }
+}));
+export default function ToDo(props) {
+    const { caseInfoID, datasource, getPConnect, headerText, showTodoList, myWorkList } = props;
+    const bLogging = true;
+    const [bShowMore, setBShowMore] = useState(true);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const [currentUser, setCurrentUser] = useState(PCore.getEnvironmentInfo().getOperatorName());
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const [currentUserInitials, setCurrentUserInitials] = useState(Utils.getInitials(currentUser));
+    const [showSnackbar, setShowSnackbar] = useState(false);
+    const [snackbarMessage, setSnackbarMessage] = useState("");
+    const thePConn = getPConnect();
+    let assignmentCount = 0;
+    const assignmentsSource = datasource?.source || myWorkList?.source;
+    // let arAssignments : Array<any> = [];
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    const [arAssignments, setArAssignments] = useState(initAssignments());
+    const classes = useStyles();
+    const theme = useTheme();
+    const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    // const { setOpen } = useNavBar();
+    function topThreeAssignments(arList) {
+        const arList3 = new Array();
+        if (arList && typeof (arList) === "object") {
+            let len = arList.length;
+            if (len > 3)
+                len = 3;
+            for (let i = 0; i < len; i += 1) {
+                arList3.push(arList[i]);
+            }
+        }
+        return arList3;
+    }
+    function getCaseInfoAssignment(arList, inCaseInfoID) {
+        const arList1 = new Array();
+        for (const aIndex in arList) {
+            if (arList[aIndex].ID.indexOf(inCaseInfoID) >= 0) {
+                const listRow = JSON.parse(JSON.stringify(arList[aIndex]));
+                // urgency becomes priority
+                if (listRow.urgency) {
+                    listRow["priority"] = listRow.urgency;
+                }
+                if (listRow.ID) {
+                    // mimic regular list
+                    listRow["id"] = listRow["ID"];
+                }
+                arList1.push(listRow);
+                break;
+            }
+        }
+        return arList1;
+    }
+    function getID(assignment) {
+        let sID = "";
+        if (assignment.value) {
+            const refKey = assignment.value;
+            sID = refKey.substring(refKey.lastIndexOf(" ") + 1);
+        }
+        else {
+            const refKey = assignment.ID;
+            const arKeys = refKey.split("!")[0].split(" ");
+            sID = arKeys[2];
+        }
+        return sID;
+    }
+    function showToast(message) {
+        const theMessage = `Assignment: ${message}`;
+        // eslint-disable-next-line no-console
+        console.error(theMessage);
+        setSnackbarMessage(message);
+        setShowSnackbar(true);
+    }
+    function handleSnackbarClose(event, reason) {
+        if (reason === 'clickaway') {
+            return;
+        }
+        setShowSnackbar(false);
+    }
+    ;
+    function _showMore() {
+        setBShowMore(false);
+        setArAssignments(assignmentsSource);
+    }
+    function _showLess() {
+        setBShowMore(true);
+        setArAssignments(topThreeAssignments(assignmentsSource));
+    }
+    function clickGo(inAssignmentArray) {
+        //
+        // By Sherif
+        // Disable closing the side bar per standup vote
+        //
+        // setOpen(false);
+        const { id } = inAssignmentArray[0];
+        let { classname = "" } = inAssignmentArray[0];
+        const sTarget = thePConn.getContainerName();
+        const sTargetContainerName = sTarget;
+        const options = { "containerName": sTargetContainerName };
+        if (classname === null || classname === "") {
+            classname = thePConn.getCaseInfo().getClassName();
+        }
+        if (sTarget === "workarea") {
+            options["isActionFromToDoList"] = true;
+            options["target"] = "";
+            options["context"] = null;
+            options["isChild"] = undefined;
+        }
+        else {
+            options["isActionFromToDoList"] = false;
+            options["target"] = sTarget;
+        }
+        thePConn.getActionsApi().openAssignment(id, classname, options).then(() => {
+            if (bLogging) {
+                // eslint-disable-next-line no-console
+                console.log(`openAssignment completed`);
+            }
+        })
+            .catch(() => {
+            showToast(`Submit failed!`);
+        });
+    }
+    function initAssignments() {
+        if (showTodoList) {
+            if (assignmentsSource) {
+                assignmentCount = (assignmentsSource !== null) ? assignmentsSource.length : 0;
+                return topThreeAssignments(assignmentsSource);
+            }
+            else {
+                // turn off todolist
+                return [];
+            }
+        }
+        else if (caseInfoID !== undefined) {
+            // get caseInfoId assignment.
+            return getCaseInfoAssignment(assignmentsSource, caseInfoID);
+        }
+        return [];
+    }
+    const getListItemComponent = assignment => {
+        if (isDesktop) {
+            return (React.createElement(React.Fragment, null,
+                "Task in",
+                React.createElement(Button, { size: "small", color: "primary" }, `${assignment.name} ${getID(assignment)}`),
+                ` \u2022 `,
+                React.createElement("span", { className: "psdk-todo-assignment-status" }, assignment.status),
+                ` \u2022  Priority ${assignment.priority}`));
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Button, { size: "small", color: "primary" }, `${assignment.name} ${getID(assignment)}`),
+            ` \u2022  Priority ${assignment.priority}`));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { className: classes.root },
+            showTodoList && (React.createElement(CardHeader, { title: React.createElement(Badge, { badgeContent: assignmentCount, color: "primary" },
+                    React.createElement(Typography, { variant: "h6" },
+                        headerText,
+                        "\u00A0\u00A0\u00A0")), avatar: React.createElement(Avatar, { className: classes.avatar }, currentUserInitials) })),
+            React.createElement(CardContent, null,
+                React.createElement(List, null, arAssignments.map(assignment => (React.createElement(ListItem, { key: assignment.id, dense: true, divider: true, onClick: () => clickGo([assignment]) },
+                    React.createElement(ListItemText, { primary: assignment.stepName, secondary: getListItemComponent(assignment) }),
+                    React.createElement(ListItemSecondaryAction, null,
+                        React.createElement(IconButton, { onClick: () => clickGo([assignment]) },
+                            React.createElement(ArrowForwardIosOutlinedIcon, null)))))))),
+            showTodoList && (React.createElement(Box, { display: "flex", justifyContent: "center" }, bShowMore ? React.createElement(Button, { color: "primary", onClick: _showMore }, "Show more")
+                : React.createElement(Button, { onClick: _showLess }, "Show less")))),
+        React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: "small", "aria-label": "close", color: "inherit", onClick: handleSnackbarClose },
+                React.createElement(CloseIcon, { fontSize: "small" })) })));
+}
+ToDo.propTypes = {
+    datasource: PropTypes.instanceOf(Object),
+    myWorkList: PropTypes.instanceOf(Object),
+    caseInfoID: PropTypes.string,
+    // buildName: PropTypes.string,
+    getPConnect: PropTypes.func.isRequired,
+    headerText: PropTypes.string,
+    // eslint-disable-next-line react/no-unused-prop-types
+    itemKey: PropTypes.string,
+    showTodoList: PropTypes.bool,
+    // target: PropTypes.string,
+    // eslint-disable-next-line react/no-unused-prop-types
+    type: PropTypes.string,
+    // pageMessages: PropTypes.arrayOf(PropTypes.any),
+    // eslint-disable-next-line react/no-unused-prop-types
+    context: PropTypes.string,
+    // hideActionButtons: PropTypes.bool
+};
+ToDo.defaultProps = {
+    caseInfoID: "",
+    datasource: [],
+    myWorkList: {},
+    // buildName: "",
+    headerText: "To do",
+    itemKey: "",
+    showTodoList: true,
+    // target: "",
+    type: "worklist",
+    // pageMessages: null,
+    context: "",
+    // hideActionButtons: false
+};
+//# sourceMappingURL=ToDo.js.map

package/lib/components/infra/ToDo/ToDo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../../src/components/infra/ToDo/ToDo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Utils } from '../../helpers/utils';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Avatar,\n  Typography,\n  Badge,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction,\n} from \"@material-ui/core\";\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport ArrowForwardIosOutlinedIcon from '@material-ui/icons/ArrowForwardIosOutlined';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport './ToDo.css';\n\n// import { useNavBar } from \"../templates/AppShell\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    borderLeft: \"6px solid\",\n    borderLeftColor: theme.palette.primary.light\n  },\n  avatar: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light),\n  }\n}));\n\ndeclare const PCore: any;\n\nexport default function ToDo(props) {\n  const {\n    caseInfoID,\n    datasource,\n    getPConnect,\n    headerText,\n    showTodoList,\n    myWorkList\n  } = props;\n\n  const bLogging = true;\n  const [bShowMore, setBShowMore] = useState( true );\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const[currentUser, setCurrentUser] = useState(PCore.getEnvironmentInfo().getOperatorName());\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const[currentUserInitials, setCurrentUserInitials] = useState(Utils.getInitials(currentUser));\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage]: any = useState(\"\");\n\n\n  const thePConn = getPConnect();\n  let assignmentCount = 0;\n  const assignmentsSource = datasource?.source || myWorkList?.source;\n  // let arAssignments : Array<any> = [];\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  const[arAssignments, setArAssignments] = useState<Array<any>>( initAssignments() );\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n  // const { setOpen } = useNavBar();\n\n  function topThreeAssignments(arList: Array<any>): Array<any> {\n    const arList3: Array<any> = new Array<any>();\n\n    if (arList && typeof(arList) === \"object\") {\n      let len = arList.length;\n      if (len > 3) len = 3;\n\n      for (let i =0; i < len; i+=1) {\n        arList3.push(arList[i]);\n      }\n    }\n    return arList3;\n  }\n\n  function getCaseInfoAssignment(arList: Array<any>, inCaseInfoID: string) {\n    const arList1: Array<any> = new Array<any>();\n    for ( const aIndex in arList) {\n      if (arList[aIndex].ID.indexOf(inCaseInfoID) >= 0) {\n\n        const listRow = JSON.parse(JSON.stringify(arList[aIndex]));\n\n        // urgency becomes priority\n        if (listRow.urgency) {\n          listRow[\"priority\"] = listRow.urgency;\n        }\n\n        if (listRow.ID) {\n          // mimic regular list\n          listRow[\"id\"] = listRow[\"ID\"];\n        }\n\n        arList1.push(listRow);\n        break;\n      }\n    }\n    return arList1;\n  }\n\n  function getID(assignment: any) {\n    let sID = \"\";\n    if (assignment.value) {\n      const refKey = assignment.value;\n      sID = refKey.substring(refKey.lastIndexOf(\" \") + 1);\n    }\n    else {\n      const refKey = assignment.ID;\n      const arKeys = refKey.split(\"!\")[0].split(\" \");\n      sID = arKeys[2];\n    }\n    return sID;\n  }\n\n\n  function showToast(message: string) {\n    const theMessage = `Assignment: ${message}`;\n    // eslint-disable-next-line no-console\n    console.error(theMessage);\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  };\n\n\n  function _showMore() {\n    setBShowMore(false);\n    setArAssignments(assignmentsSource);\n  }\n\n\n  function _showLess() {\n    setBShowMore(true);\n    setArAssignments(topThreeAssignments(assignmentsSource));\n  }\n\n\n  function clickGo(inAssignmentArray: any) {\n    //\n    // By Sherif\n    // Disable closing the side bar per standup vote\n    //\n    // setOpen(false);\n\n    const { id } = inAssignmentArray[0];\n    let { classname = \"\" } = inAssignmentArray[0];\n    const sTarget = thePConn.getContainerName();\n    const sTargetContainerName = sTarget;\n\n    const options = { \"containerName\": sTargetContainerName};\n\n    if (classname === null || classname === \"\") {\n      classname = thePConn.getCaseInfo().getClassName();\n    }\n\n    if (sTarget === \"workarea\") {\n      options[\"isActionFromToDoList\"] = true;\n      options[\"target\"] = \"\";\n      options[\"context\"] = null;\n      options[\"isChild\"] = undefined;\n    }\n    else {\n      options[\"isActionFromToDoList\"] = false;\n      options[\"target\"] = sTarget;\n    }\n\n    thePConn.getActionsApi().openAssignment(id, classname, options).then(() => {\n      if (bLogging) {\n        // eslint-disable-next-line no-console\n        console.log(`openAssignment completed`);\n      }\n    })\n    .catch(() => {\n      showToast( `Submit failed!`);\n    });\n\n  }\n\n\n  function initAssignments() : Array<any> {\n    if (showTodoList) {\n      if (assignmentsSource) {\n        assignmentCount = (assignmentsSource !== null) ? assignmentsSource.length : 0;\n        return topThreeAssignments(assignmentsSource);\n      }else {\n        // turn off todolist\n        return [];\n      }\n    }\n    else if (caseInfoID !== undefined) {\n      // get caseInfoId assignment.\n        return getCaseInfoAssignment(assignmentsSource, caseInfoID);\n    }\n    return [];\n  }\n\n  const getListItemComponent = assignment => {\n    if (isDesktop) {\n      return (\n        <>\n          Task in\n          <Button size=\"small\" color=\"primary\">{`${assignment.name} ${getID(assignment)}`}</Button>\n          {` \\u2022 `}<span className=\"psdk-todo-assignment-status\">{assignment.status}</span>\n          {` \\u2022  Priority ${assignment.priority}`}\n        </>\n      )\n    } return (\n      <>\n        <Button size=\"small\" color=\"primary\">{`${assignment.name} ${getID(assignment)}`}</Button>\n        {` \\u2022  Priority ${assignment.priority}`}\n      </>\n    )\n  }\n\n  return (\n    <React.Fragment>\n      <Card className={classes.root}>\n            {\n              showTodoList && (\n                <CardHeader\n                  title={\n                      <Badge badgeContent={assignmentCount} color=\"primary\">\n                        <Typography variant=\"h6\">{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n                      </Badge>\n                    }\n                  avatar={\n                    <Avatar className={classes.avatar}>\n                      {currentUserInitials}\n                    </Avatar>\n                  }\n                ></CardHeader>\n              )\n            }\n            <CardContent>\n              <List>\n                {\n                  arAssignments.map(assignment => (\n                    <ListItem\n                      key={assignment.id}\n                      dense\n                      divider\n                      onClick={() => clickGo([assignment])}\n                    >\n                      <ListItemText\n                        primary={assignment.stepName}\n                        secondary={getListItemComponent(assignment)}\n                      />\n                      <ListItemSecondaryAction>\n                          <IconButton onClick={() => clickGo([assignment])}>\n                            <ArrowForwardIosOutlinedIcon />\n                          </IconButton>\n                      </ListItemSecondaryAction>\n                    </ListItem>\n                  ))\n                }\n              </List>\n            </CardContent>\n              {\n                  showTodoList && (\n                    <Box\n                      display=\"flex\"\n                      justifyContent=\"center\"\n                    >\n                      {\n                        bShowMore ? <Button color=\"primary\" onClick={_showMore}>Show more</Button>\n                          : <Button onClick={_showLess}>Show less</Button>\n                      }\n                    </Box>\n                  )\n              }\n      </Card>\n\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size=\"small\" aria-label=\"close\" color=\"inherit\" onClick={handleSnackbarClose}>\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        }\n      />\n    </React.Fragment>\n  );\n}\n\nToDo.propTypes = {\n  datasource: PropTypes.instanceOf(Object),\n  myWorkList: PropTypes.instanceOf(Object),\n  caseInfoID: PropTypes.string,\n  // buildName: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  headerText: PropTypes.string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  itemKey: PropTypes.string,\n  showTodoList: PropTypes.bool,\n  // target: PropTypes.string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  type: PropTypes.string,\n  // pageMessages: PropTypes.arrayOf(PropTypes.any),\n  // eslint-disable-next-line react/no-unused-prop-types\n  context: PropTypes.string,\n  // hideActionButtons: PropTypes.bool\n};\n\nToDo.defaultProps = {\n  caseInfoID: \"\",\n  datasource: [],\n  myWorkList: {},\n  // buildName: \"\",\n  headerText: \"To do\",\n  itemKey: \"\",\n  showTodoList: true,\n  // target: \"\",\n  type: \"worklist\",\n  // pageMessages: null,\n  context: \"\",\n  // hideActionButtons: false\n};\n"]}

package/lib/components/infra/ToDo/index.d.ts

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

package/lib/components/infra/ToDo/index.d.ts.map

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

package/lib/components/infra/ToDo/index.js

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

package/lib/components/infra/ToDo/index.js.map

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

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTab.d.ts

@@ -0,0 +1,3 @@
+declare const LeftAlignVerticalTab: any;
+export default LeftAlignVerticalTab;
+//# sourceMappingURL=LeftAlignVerticalTab.d.ts.map

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftAlignVerticalTab.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/VerticalTabs/LeftAlignVerticalTab.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,oBAAoB,EAAE,GAS4B,CAAC;AAEzD,eAAe,oBAAoB,CAAC"}

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTab.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { withStyles } from '@material-ui/core/styles';
+import { Tab, Divider, } from '@material-ui/core';
+// LeftAlignVerticalTab is a specialized Tab that has styles to make it
+//  left aligned and full width of the container Tabs
+// Aligning the Tab labels left (with & .<class name> syntax) inspired by:
+//  https://stackoverflow.com/questions/63307723/how-to-modify-the-wrapper-css-rule-of-a-tabs-component-to-make-the-text-aligned
+// In this styling, "root" is the top-level "Tab" object (which is the button)
+//  and the button contains spans that will match on the '> span'
+const LeftAlignVerticalTab = withStyles(( /* theme */) => ({
+    root: {
+        width: '100%',
+        maxWidth: '100%',
+    },
+    wrapper: {
+        display: 'block',
+        textAlign: 'left',
+    },
+}))((props) => React.createElement("div", null,
+    React.createElement(Tab, { ...props }),
+    React.createElement(Divider, null)));
+export default LeftAlignVerticalTab;
+//# sourceMappingURL=LeftAlignVerticalTab.js.map

package/lib/components/infra/VerticalTabs/LeftAlignVerticalTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftAlignVerticalTab.js","sourceRoot":"","sources":["../../../../src/components/infra/VerticalTabs/LeftAlignVerticalTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EACL,GAAG,EACH,OAAO,GACR,MAAM,mBAAmB,CAAC;AAE3B,uEAAuE;AACvE,qDAAqD;AAErD,0EAA0E;AAC1E,gIAAgI;AAEhI,8EAA8E;AAC9E,iEAAiE;AACjE,MAAM,oBAAoB,GAAQ,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7D,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;IAAK,oBAAC,GAAG,OAAK,KAAK,GAAI;IAAA,oBAAC,OAAO,OAAG,CAAM,CAAC,CAAC;AAEzD,eAAe,oBAAoB,CAAC","sourcesContent":["import React from \"react\";\nimport { withStyles } from '@material-ui/core/styles'\nimport {\n  Tab,\n  Divider,\n} from '@material-ui/core';\n\n// LeftAlignVerticalTab is a specialized Tab that has styles to make it\n//  left aligned and full width of the container Tabs\n\n// Aligning the Tab labels left (with & .<class name> syntax) inspired by:\n//  https://stackoverflow.com/questions/63307723/how-to-modify-the-wrapper-css-rule-of-a-tabs-component-to-make-the-text-aligned\n\n// In this styling, \"root\" is the top-level \"Tab\" object (which is the button)\n//  and the button contains spans that will match on the '> span'\nconst LeftAlignVerticalTab: any = withStyles((/* theme */) => ({\n  root: {\n    width: '100%',\n    maxWidth: '100%',\n  },\n  wrapper: {\n    display: 'block',\n    textAlign: 'left',\n  },\n}))((props) => <div><Tab {...props} /><Divider /></div>);\n\nexport default LeftAlignVerticalTab;\n"]}

package/lib/components/infra/VerticalTabs/VerticalTabs.d.ts

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

package/lib/components/infra/VerticalTabs/VerticalTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgCnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,eAiCzC;kBAjCuB,YAAY;;;;;;;;eAAZ,YAAY"}

package/lib/components/infra/VerticalTabs/VerticalTabs.js

@@ -0,0 +1,50 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { makeStyles } from '@material-ui/core/styles';
+import Tabs from '@material-ui/core/Tabs';
+import LeftAlignVerticalTab from './LeftAlignVerticalTab';
+// The MuiTabs-indicator class is in a span whose parent is div (under the Tabs root component)
+//  So, we're going to make the selected vertical tab indicator use a color from our theme.
+const useStyles = makeStyles((theme) => ({
+    tabs: {
+        '& div > span': {
+            backgroundColor: theme.palette.info.dark,
+            width: "3px"
+        },
+    },
+}));
+// Implementation of custom event inspired by:
+//  https://betterprogramming.pub/master-your-react-skills-with-event-listeners-ebc01dde4fad
+const createCustomEvent = (eventName, additionalData) => {
+    if (window) {
+        return new CustomEvent(eventName, {
+            detail: { additionalData }
+        });
+    }
+    return null;
+};
+export default function VerticalTabs(props) {
+    // Get a React warning when we use tabConfig as mixed case. So all lowercase tabconfig
+    const { tabconfig } = props;
+    const classes = useStyles();
+    const [value, setValue] = useState(0);
+    useEffect(() => {
+        const eventData = { "itemClicked": value.toString() };
+        const myEvent = createCustomEvent('VerticalTabClick', eventData);
+        if (myEvent !== null) {
+            document.dispatchEvent(myEvent);
+        }
+    }, [value]);
+    const handleChange = (event, newValue) => {
+        setValue(newValue);
+    };
+    return (React.createElement("div", { id: "VerticalTabs" },
+        React.createElement(Tabs, { className: classes.tabs, orientation: "vertical", value: value, onChange: handleChange }, tabconfig.map((tab) => React.createElement(LeftAlignVerticalTab, { ...props, label: tab.name, key: tab.name })))));
+}
+VerticalTabs.defaultProps = {
+    tabconfig: []
+};
+VerticalTabs.propTypes = {
+    tabconfig: PropTypes.arrayOf(PropTypes.object)
+};
+//# sourceMappingURL=VerticalTabs.js.map

package/lib/components/infra/VerticalTabs/VerticalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../../src/components/infra/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,+FAA+F;AAC/F,2FAA2F;AAC3F,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpC;IACA,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YACxC,KAAK,EAAE,KAAK;SACb;KACF;CACJ,CAAC,CAAC,CAAC;AAEJ,8CAA8C;AAC9C,4FAA4F;AAC5F,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,cAAuC,EAAsB,EAAE;IAC3G,IAAI,MAAM,EAAE;QACV,OAAO,IAAI,WAAW,CAAC,SAAS,EAAE;YAChC,MAAM,EAAE,EAAE,cAAc,EAAE;SAC3B,CAAC,CAAC;KACJ;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,sFAAsF;IACtF,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QAEb,MAAM,SAAS,GAAG,EAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAC,CAAC;QACpD,MAAM,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;QAEjE,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,QAAQ,CAAC,aAAa,CAAE,OAAO,CAAE,CAAC;SACnC;IAEH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,CAAC,KAA4B,EAAE,QAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,EAAE,EAAC,cAAc;QAEpB,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,WAAW,EAAC,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,IACrB,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAC,oBAAoB,OAAK,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,GAAI,CAAC,CACvF,CACH,CACP,CAAA;AACH,CAAC;AAED,YAAY,CAAC,YAAY,GAAG;IAC1B,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;CAC/C,CAAC","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from '@material-ui/core/styles'\n\nimport Tabs from '@material-ui/core/Tabs';\nimport LeftAlignVerticalTab from './LeftAlignVerticalTab';\n\n\n// The MuiTabs-indicator class is in a span whose parent is div (under the Tabs root component)\n//  So, we're going to make the selected vertical tab indicator use a color from our theme.\nconst useStyles = makeStyles((theme) => (\n    {\n    tabs: {\n      '& div > span': {\n        backgroundColor: theme.palette.info.dark,\n        width: \"3px\"\n      },\n    },\n}));\n\n// Implementation of custom event inspired by:\n//  https://betterprogramming.pub/master-your-react-skills-with-event-listeners-ebc01dde4fad\nconst createCustomEvent = (eventName: string, additionalData: {[key: string]: string}): CustomEvent | null => {\n  if (window) {\n    return new CustomEvent(eventName, {\n      detail: { additionalData }\n    });\n  }\n\n  return null;\n};\n\n\nexport default function VerticalTabs(props) {\n  // Get a React warning when we use tabConfig as mixed case. So all lowercase tabconfig\n  const { tabconfig } = props;\n  const classes = useStyles();\n  const [value, setValue] = useState(0);\n\n  useEffect(() => {\n\n    const eventData = {\"itemClicked\": value.toString()};\n    const myEvent = createCustomEvent('VerticalTabClick', eventData);\n\n    if (myEvent !== null) {\n      document.dispatchEvent( myEvent );\n    }\n\n  }, [value]);\n\n  const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div id=\"VerticalTabs\">\n      {/* VerticalTabs: {JSON.stringify(tabconfig)} */}\n      <Tabs\n        className={classes.tabs}\n        orientation=\"vertical\"\n        value={value}\n        onChange={handleChange}>\n        {tabconfig.map((tab) => <LeftAlignVerticalTab {...props} label={tab.name} key={tab.name} />)}\n      </Tabs>\n    </div>\n  )\n}\n\nVerticalTabs.defaultProps = {\n  tabconfig: []\n};\n\nVerticalTabs.propTypes = {\n  tabconfig: PropTypes.arrayOf(PropTypes.object)\n};\n"]}

package/lib/components/infra/VerticalTabs/index.d.ts

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

package/lib/components/infra/VerticalTabs/index.d.ts.map

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

package/lib/components/infra/VerticalTabs/index.js

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

package/lib/components/infra/VerticalTabs/index.js.map

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

package/lib/components/infra/View/View.css

@@ -0,0 +1,8 @@
+.template-title-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: calc(0.9375rem);
+  font-weight: 600;
+  margin-bottom: 5px;
+}

package/lib/components/infra/View/View.d.ts

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

package/lib/components/infra/View/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,YAAY,CAAC;AASpB,iBAAwB,IAAI,CAAC,KAAK,KAAA,eAuGjC;kBAvGuB,IAAI;;;;;;;;;;;;;;;;;eAAJ,IAAI"}

package/lib/components/infra/View/View.js

@@ -0,0 +1,136 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+// import { FieldGroup } from "@pega/cosmos-react-core";
+// import { LazyMap as LazyComponentMap } from "../../components_map";
+import { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';
+import ErrorBoundary from '../ErrorBoundary';
+import { getAllFields } from '../../templates/utils';
+// Need to import any templates that we might render
+import './View.css';
+//
+// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
+// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
+// is totally at your own risk.
+//
+const FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];
+export default function View(props) {
+    const { children, template, getPConnect, mode } = props;
+    let { label, showLabel = false } = props;
+    // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views
+    // Putting this logic here instead of copy/paste in every Form template index.js
+    const inheritedProps = getPConnect().getInheritedProps();
+    label = inheritedProps.label || label;
+    showLabel = inheritedProps.showLabel || showLabel;
+    const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible
+    if (isEmbeddedDataView && showLabel === undefined) {
+        showLabel = true;
+    }
+    // As long as the template is defined in the dependencies of the view
+    // it will be loaded, otherwise fall back to single column
+    //  JA - React SDK not using LazyComponentMap yet
+    if (template /* && LazyComponentMap[template] */) {
+        // const ViewTemplate = LazyComponentMap[template];
+        let ViewTemplate;
+        if (SdkComponentMap) {
+            // This is the node_modules version of react_pconnect!
+            const theLocalComponent = SdkComponentMap.getLocalComponentMap()[template];
+            if (theLocalComponent !== undefined) {
+                // eslint-disable-next-line no-console
+                console.log(`View component found ${template}: Local`);
+                ViewTemplate = theLocalComponent;
+            }
+            else {
+                const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[template];
+                if (thePegaProvidedComponent !== undefined) {
+                    // console.log(`View component found ${template}: Pega-provided`);
+                    ViewTemplate = thePegaProvidedComponent;
+                }
+                else {
+                    // eslint-disable-next-line no-console
+                    console.error(`View component can't find template type ${template}`);
+                    ViewTemplate = ErrorBoundary;
+                }
+            }
+            if (template === "ListView") {
+                // special case for ListView - add in a prop
+                const bInForm = true;
+                props = { ...props, bInForm };
+            }
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.warn(`View: SdkComponentMap expected but not found.`);
+            // eslint-disable-next-line no-console
+            console.error(`View: Trying to render an unknown template: ${template}`);
+        }
+        // for debugging/investigation
+        // console.log(`View rendering template: ${template}`);
+        // spreading because all props should go to the template
+        let RenderedTemplate = React.createElement(ViewTemplate, { ...props }, children);
+        if (FORMTEMPLATES.includes(template) && showLabel) {
+            // Original:
+            // RenderedTemplate = (
+            //   <FieldGroup name={label} style={{ marginBlockStart: "1rem" }}>
+            //     {RenderedTemplate}
+            //   </FieldGroup>
+            // );
+            RenderedTemplate = (React.createElement("div", { "data-name": 'RenderedTemplate', "data-template-type": template, 
+                /* name */ id: 'label', style: { marginBlockStart: '1rem' }, className: 'grid-column' }, RenderedTemplate));
+        }
+        return (React.createElement("div", { className: 'grid-column' },
+            showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && (React.createElement("div", { className: 'template-title-container' },
+                React.createElement("span", null, label))),
+            RenderedTemplate));
+    }
+    // debugging/investigation help
+    // console.log(`View about to render React.Fragment for children: ${children}`);
+    if (children) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    else {
+        return React.createElement("div", { id: 'View' }, "View has no children.");
+    }
+}
+View.defaultProps = {
+    label: undefined,
+    showLabel: undefined,
+    mode: undefined
+};
+View.propTypes = {
+    children: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.node),
+        PropTypes.array
+    ]) /* array might be empty */,
+    template: PropTypes.string /* .isRequired */,
+    getPConnect: PropTypes.func.isRequired,
+    label: PropTypes.string,
+    showLabel: PropTypes.bool,
+    mode: PropTypes.string,
+    title: PropTypes.string
+};
+// Adapted from Nebula/Constellation to add in additional props for some templates
+View.additionalProps = (state, getPConnect) => {
+    const thePConn = getPConnect();
+    const { template } = thePConn.getConfigProps();
+    let propObj = {};
+    let allFields = {};
+    switch (template) {
+        case 'CaseSummary':
+            allFields = getAllFields(thePConn);
+            // eslint-disable-next-line no-case-declarations
+            const unresFields = {
+                primaryFields: allFields[0],
+                secondaryFields: allFields[1]
+            };
+            propObj = thePConn.resolveConfigProps(unresFields);
+            break;
+        case 'Details':
+            allFields = getAllFields(thePConn);
+            propObj = { fields: allFields[0] };
+            break;
+        default:
+            break;
+    }
+    return propObj;
+};
+//# sourceMappingURL=View.js.map

package/lib/components/infra/View/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import { FieldGroup } from \"@pega/cosmos-react-core\";\n// import { LazyMap as LazyComponentMap } from \"../../components_map\";\n\nimport { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';\nimport ErrorBoundary from '../ErrorBoundary';\n\nimport { getAllFields } from '../../templates/utils';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\n\nexport default function View(props) {\n  const { children, template, getPConnect, mode } = props;\n  let { label, showLabel = false } = props;\n\n  // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n  // Putting this logic here instead of copy/paste in every Form template index.js\n\n  const inheritedProps = getPConnect().getInheritedProps();\n  label = inheritedProps.label || label;\n  showLabel = inheritedProps.showLabel || showLabel;\n\n  const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n  if (isEmbeddedDataView && showLabel === undefined) {\n    showLabel = true;\n  }\n\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  //  JA - React SDK not using LazyComponentMap yet\n  if (template /* && LazyComponentMap[template] */) {\n    // const ViewTemplate = LazyComponentMap[template];\n    let ViewTemplate: any;\n\n    if (SdkComponentMap) {\n      // This is the node_modules version of react_pconnect!\n      const theLocalComponent = SdkComponentMap.getLocalComponentMap()[template];\n      if ( theLocalComponent !== undefined) {\n          // eslint-disable-next-line no-console\n          console.log(`View component found ${template}: Local`);\n          ViewTemplate = theLocalComponent\n      } else {\n          const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[template];\n          if ( thePegaProvidedComponent !== undefined) {\n            // console.log(`View component found ${template}: Pega-provided`);\n            ViewTemplate = thePegaProvidedComponent;\n          } else {\n              // eslint-disable-next-line no-console\n              console.error(`View component can't find template type ${template}`);\n              ViewTemplate = ErrorBoundary;\n          }\n      }\n\n      if (template === \"ListView\") {\n        // special case for ListView - add in a prop\n        const bInForm = true;\n        props = { ...props, bInForm};\n      }\n    } else {\n\n      // eslint-disable-next-line no-console\n      console.warn(`View: SdkComponentMap expected but not found.`)\n\n      // eslint-disable-next-line no-console\n      console.error(`View: Trying to render an unknown template: ${template}`);\n  \n    }\n\n    // for debugging/investigation\n    // console.log(`View rendering template: ${template}`);\n\n    // spreading because all props should go to the template\n    let RenderedTemplate = <ViewTemplate {...props}>{children}</ViewTemplate>;\n\n    if (FORMTEMPLATES.includes(template) && showLabel) {\n      // Original:\n      // RenderedTemplate = (\n      //   <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n      //     {RenderedTemplate}\n      //   </FieldGroup>\n      // );\n      RenderedTemplate = (\n        <div\n          data-name='RenderedTemplate'\n          data-template-type={template}\n          /* name */ id='label'\n          style={{ marginBlockStart: '1rem' }}\n          className='grid-column'\n        >\n          {RenderedTemplate}\n        </div>\n      );\n    }\n\n    return (\n      <div className='grid-column'>\n        {showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && (\n          <div className='template-title-container'>\n            <span>{label}</span>\n          </div>\n        )}\n        {RenderedTemplate}\n      </div>\n    );\n  }\n\n  // debugging/investigation help\n  // console.log(`View about to render React.Fragment for children: ${children}`);\n\n  if (children) {\n    return <>{children}</>;\n  } else {\n    return <div id='View'>View has no children.</div>;\n  }\n}\n\nView.defaultProps = {\n  label: undefined,\n  showLabel: undefined,\n  mode: undefined\n};\n\nView.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.array\n  ]) /* array might be empty */,\n  template: PropTypes.string /* .isRequired */,\n  getPConnect: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  showLabel: PropTypes.bool,\n  mode: PropTypes.string,\n  title: PropTypes.string\n};\n\n// Adapted from Nebula/Constellation to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n  const thePConn = getPConnect();\n  const { template } = thePConn.getConfigProps();\n\n  let propObj = {};\n  let allFields = {};\n\n  switch (template) {\n    case 'CaseSummary':\n      allFields = getAllFields(thePConn);\n      // eslint-disable-next-line no-case-declarations\n      const unresFields = {\n        primaryFields: allFields[0],\n        secondaryFields: allFields[1]\n      };\n      propObj = thePConn.resolveConfigProps(unresFields);\n      break;\n\n    case 'Details':\n      allFields = getAllFields(thePConn);\n      propObj = { fields: allFields[0] };\n      break;\n\n    default:\n      break;\n  }\n\n  return propObj;\n};\n"]}

package/lib/components/infra/View/index.d.ts

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

package/lib/components/infra/View/index.d.ts.map

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

package/lib/components/infra/View/index.js

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

package/lib/components/infra/View/index.js.map

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