@pega/react-sdk-components 0.23.0

package/lib/components/infra/Assignment/Assignment.js

@@ -0,0 +1,217 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import AssignmentCard from '../AssignmentCard';
+import MultiStep from '../MultiStep';
+import Snackbar from '@material-ui/core/Snackbar';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+export default function Assignment(props) {
+    const { getPConnect, children, itemKey, isCreateStage } = props;
+    const thePConn = getPConnect();
+    const [bHasNavigation, setHasNavigation] = useState(false);
+    const [actionButtons, setActionButtons] = useState({});
+    const [bIsVertical, setIsVertical] = useState(false);
+    const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState([]);
+    const [arNavigationSteps, setArNavigationSteps] = useState([]);
+    const actionsAPI = thePConn.getActionsApi();
+    // store off bound functions to above pointers
+    const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);
+    const navigateToStep = actionsAPI.navigateToStep.bind(actionsAPI);
+    const cancelAssignment = actionsAPI.cancelAssignment.bind(actionsAPI);
+    const saveAssignment = actionsAPI.saveAssignment?.bind(actionsAPI);
+    const cancelCreateStageAssignment = actionsAPI.cancelCreateStageAssignment.bind(actionsAPI);
+    // const showPage = actionsAPI.showPage.bind(actionsAPI);
+    const [showSnackbar, setShowSnackbar] = useState(false);
+    const [snackbarMessage, setSnackbarMessage] = useState("");
+    function findCurrentIndicies(arStepperSteps, arIndicies, depth) {
+        let count = 0;
+        arStepperSteps.forEach((step) => {
+            if (step.visited_status === "current") {
+                arIndicies[depth] = count;
+                // add in
+                step["step_status"] = "";
+            }
+            else if (step.visited_status === "success") {
+                count += 1;
+                step.step_status = "completed";
+            }
+            else {
+                count += 1;
+                step.step_status = "";
+            }
+            if (step.steps) {
+                arIndicies = findCurrentIndicies(step.steps, arIndicies, depth + 1);
+            }
+        });
+        return arIndicies;
+    }
+    useEffect(() => {
+        if (children && children.length > 0) {
+            // debugger;
+            const oWorkItem = children[0].props.getPConnect();
+            const oWorkData = oWorkItem.getDataObject();
+            const oData = thePConn.getDataObject();
+            if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
+                const oCaseInfo = oData.caseInfo;
+                if (oCaseInfo && oCaseInfo.actionButtons) {
+                    setActionButtons(oCaseInfo.actionButtons);
+                }
+                if (oCaseInfo?.navigation /* was oCaseInfo.navigation != null */) {
+                    setHasNavigation(true);
+                    if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === "standard") {
+                        setHasNavigation(false);
+                    }
+                    else if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === "vertical") {
+                        setIsVertical(true);
+                    }
+                    else {
+                        setIsVertical(false);
+                    }
+                    setArNavigationSteps(JSON.parse(JSON.stringify(oCaseInfo.navigation.steps)));
+                    setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));
+                }
+            }
+        }
+    }, [children]);
+    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 onSaveActionSuccess(data) {
+        actionsAPI.cancelAssignment(itemKey).then(() => {
+            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CREATE_STAGE_SAVED, data);
+        });
+    }
+    function buttonPress(sAction, sButtonType) {
+        if (sButtonType === "secondary") {
+            switch (sAction) {
+                case "navigateToStep": {
+                    const navigatePromise = navigateToStep("previous", itemKey);
+                    navigatePromise
+                        .then(() => {
+                    })
+                        .catch(() => {
+                        showToast(`Navigation failed!`);
+                    });
+                    break;
+                }
+                case "saveAssignment": {
+                    const caseID = thePConn.getCaseInfo().getKey();
+                    const assignmentID = thePConn.getCaseInfo().getAssignmentID();
+                    const savePromise = saveAssignment(itemKey);
+                    savePromise
+                        .then(() => {
+                        const caseType = thePConn.getCaseInfo().c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);
+                        onSaveActionSuccess({ caseType, caseID, assignmentID });
+                    })
+                        .catch(() => {
+                        showToast('Save failed');
+                    });
+                    break;
+                }
+                case "cancelAssignment": {
+                    // check if create stage (modal)
+                    const { PUB_SUB_EVENTS } = PCore.getConstants();
+                    const { publish } = PCore.getPubSubUtils();
+                    if (isCreateStage) {
+                        const cancelPromise = cancelCreateStageAssignment(itemKey);
+                        cancelPromise
+                            .then(data => {
+                            publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);
+                        })
+                            .catch(() => {
+                            showToast(`Cancel failed!`);
+                        });
+                    }
+                    else {
+                        const cancelPromise = cancelAssignment(itemKey);
+                        cancelPromise
+                            .then(data => {
+                            publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);
+                        })
+                            .catch(() => {
+                            showToast(`Cancel failed!`);
+                        });
+                    }
+                    break;
+                }
+                default:
+                    break;
+            }
+        }
+        else if (sButtonType === "primary") {
+            // eslint-disable-next-line sonarjs/no-small-switch
+            switch (sAction) {
+                case "finishAssignment":
+                    {
+                        const finishPromise = finishAssignment(itemKey);
+                        finishPromise
+                            .then(() => {
+                        })
+                            .catch(() => {
+                            showToast(`Submit failed!`);
+                        });
+                        break;
+                    }
+                default:
+                    break;
+            }
+        }
+    }
+    return (React.createElement("div", { id: "Assignment" }, bHasNavigation ?
+        React.createElement(React.Fragment, null,
+            React.createElement(MultiStep, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, bIsVertical: bIsVertical, arCurrentStepIndicies: arCurrentStepIndicies, arNavigationSteps: arNavigationSteps }, children),
+            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" })) }))
+        : (React.createElement(React.Fragment, null,
+            React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children),
+            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" })) })))));
+}
+// From WC SDK
+// const aHtml = html`
+// ${this.bHasNavigation?
+//   html`
+//     <div class="psdk-stepper">
+//     <multi-step-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}
+//         .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}
+//         .bIsVertical=${this.bIsVertical} .arCurrentStepIndicies=${this.arCurrentStepIndicies}
+//         .arNavigationSteps=${this.arNavigationSteps}
+//         @MultiStepActionButtonClick="${this._onActionButtonClick}">
+//     </multi-step-component>
+//     <lit-toast></lit-toast>
+//     </div>`
+//     :
+//   html`
+//     <div>
+//         <assignment-card-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}
+//           .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}
+//           @AssignmentActionButtonClick="${this._onActionButtonClick}">
+//         </assignment-card-component>
+//         <lit-toast></lit-toast>
+//     </div>`}
+// `;
+Assignment.propTypes = {
+    children: PropTypes.node.isRequired,
+    getPConnect: PropTypes.func.isRequired,
+    itemKey: PropTypes.string,
+    isCreateStage: PropTypes.bool
+    // actionButtons: PropTypes.object
+    // buildName: PropTypes.string
+};
+Assignment.defaultProps = {
+    itemKey: null,
+    isCreateStage: false
+    // buildName: null
+};
+//# sourceMappingURL=Assignment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Assignment.js","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport AssignmentCard from '../AssignmentCard';\nimport MultiStep from '../MultiStep';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\ndeclare const PCore: any;\n\nexport default function Assignment(props) {\n  const { getPConnect, children, itemKey, isCreateStage } = props;\n  const thePConn = getPConnect();\n\n  const [bHasNavigation, setHasNavigation] = useState(false);\n  const [actionButtons, setActionButtons] = useState( {} );\n  const [bIsVertical, setIsVertical] = useState(false);\n  const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState<Array<any>>([]);\n  const [arNavigationSteps, setArNavigationSteps] = useState<Array<any>>([]);\n\n  const actionsAPI = thePConn.getActionsApi();\n\n  // store off bound functions to above pointers\n  const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);\n  const navigateToStep = actionsAPI.navigateToStep.bind(actionsAPI);\n  const cancelAssignment = actionsAPI.cancelAssignment.bind(actionsAPI);\n  const saveAssignment = actionsAPI.saveAssignment?.bind(actionsAPI);\n  const cancelCreateStageAssignment = actionsAPI.cancelCreateStageAssignment.bind(actionsAPI);\n  // const showPage = actionsAPI.showPage.bind(actionsAPI);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(\"\");\n\n  function findCurrentIndicies(arStepperSteps: Array<any>, arIndicies: Array<number>, depth: number) : Array<number> {\n\n    let count = 0;\n    arStepperSteps.forEach( (step) => {\n      if (step.visited_status === \"current\") {\n        arIndicies[depth] = count;\n\n        // add in\n        step[\"step_status\"] = \"\";\n      }\n      else if (step.visited_status === \"success\") {\n        count += 1;\n        step.step_status = \"completed\"\n      }\n      else {\n        count += 1;\n        step.step_status = \"\";\n      }\n\n      if (step.steps) {\n        arIndicies = findCurrentIndicies(step.steps, arIndicies, depth + 1)\n      }\n    });\n\n    return arIndicies;\n  }\n\n\n  useEffect( ()=> {\n\n    if (children && children.length > 0) {\n\n      // debugger;\n\n      const oWorkItem = children[0].props.getPConnect();\n      const oWorkData = oWorkItem.getDataObject();\n      const oData = thePConn.getDataObject();\n\n      if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {\n        const oCaseInfo = oData.caseInfo;\n\n        if (oCaseInfo && oCaseInfo.actionButtons) {\n          setActionButtons(oCaseInfo.actionButtons);\n        }\n\n        if ( oCaseInfo?.navigation /* was oCaseInfo.navigation != null */) {\n          setHasNavigation(true);\n\n          if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === \"standard\") {\n            setHasNavigation(false);\n          }\n          else if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === \"vertical\") {\n            setIsVertical(true);\n          }\n          else {\n            setIsVertical(false);\n          }\n\n          setArNavigationSteps(JSON.parse(JSON.stringify(oCaseInfo.navigation.steps)));\n          setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));\n\n        }\n      }\n\n    }\n\n\n  }, [children]);\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  function onSaveActionSuccess(data) {\n    actionsAPI.cancelAssignment(itemKey).then(() => {\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CREATE_STAGE_SAVED, data);\n    });\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n\n    if (sButtonType === \"secondary\") {\n\n      switch (sAction) {\n        case \"navigateToStep\": {\n          const navigatePromise = navigateToStep( \"previous\", itemKey );\n\n          navigatePromise\n            .then(() => {\n            })\n            .catch(() => {\n              showToast( `Navigation failed!`);\n            });\n\n          break;\n        }\n\n        case \"saveAssignment\": {\n          const caseID = thePConn.getCaseInfo().getKey();\n          const assignmentID = thePConn.getCaseInfo().getAssignmentID();\n          const savePromise = saveAssignment(itemKey);\n\n          savePromise\n          .then(() => {\n            const caseType = thePConn.getCaseInfo().c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);\n            onSaveActionSuccess({ caseType, caseID, assignmentID });\n          })\n          .catch(() => {\n            showToast('Save failed');\n          });\n\n          break;\n        }\n\n        case \"cancelAssignment\": {\n          // check if create stage (modal)\n          const { PUB_SUB_EVENTS } = PCore.getConstants();\n          const { publish } = PCore.getPubSubUtils();\n          if (isCreateStage) {\n            const cancelPromise = cancelCreateStageAssignment(itemKey);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`Cancel failed!`);\n              });\n          } else {\n            const cancelPromise = cancelAssignment(itemKey);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`Cancel failed!`);\n              });\n          }\n          break;\n        }\n\n        default:\n          break;\n      }\n    }\n    else if (sButtonType === \"primary\") {\n      // eslint-disable-next-line sonarjs/no-small-switch\n      switch (sAction) {\n        case \"finishAssignment\" :\n          {\n            const finishPromise = finishAssignment(itemKey);\n\n            finishPromise\n              .then(() => {\n              })\n              .catch(() => {\n                showToast( `Submit failed!`);\n              });\n\n            break;\n          }\n\n        default:\n          break;\n      }\n    }\n\n  }\n\n\n  return (\n    <div id=\"Assignment\">\n      { bHasNavigation ?\n          <React.Fragment>\n            <MultiStep getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}\n              bIsVertical={bIsVertical} arCurrentStepIndicies={arCurrentStepIndicies} arNavigationSteps={arNavigationSteps}>\n              {children}\n            </MultiStep>\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          <React.Fragment>\n            <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n              {children}\n            </AssignmentCard>\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    </div>\n  )\n}\n\n// From WC SDK\n// const aHtml = html`\n// ${this.bHasNavigation?\n//   html`\n//     <div class=\"psdk-stepper\">\n//     <multi-step-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}\n//         .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}\n//         .bIsVertical=${this.bIsVertical} .arCurrentStepIndicies=${this.arCurrentStepIndicies}\n//         .arNavigationSteps=${this.arNavigationSteps}\n//         @MultiStepActionButtonClick=\"${this._onActionButtonClick}\">\n//     </multi-step-component>\n//     <lit-toast></lit-toast>\n//     </div>`\n//     :\n//   html`\n//     <div>\n//         <assignment-card-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}\n//           .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}\n//           @AssignmentActionButtonClick=\"${this._onActionButtonClick}\">\n//         </assignment-card-component>\n//         <lit-toast></lit-toast>\n//     </div>`}\n// `;\n\n\nAssignment.propTypes = {\n  children: PropTypes.node.isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  itemKey: PropTypes.string,\n  isCreateStage: PropTypes.bool\n  // actionButtons: PropTypes.object\n  // buildName: PropTypes.string\n};\n\nAssignment.defaultProps = {\n  itemKey: null,\n  isCreateStage: false\n  // buildName: null\n};\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function AssignmentCard(props: any): JSX.Element;
+declare namespace AssignmentCard {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        itemKey: PropTypes.Requireable<string>;
+        actionButtons: PropTypes.Requireable<object>;
+        onButtonPress: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    var defaultProps: {
+        itemKey: null;
+    };
+}
+export default AssignmentCard;
+//# sourceMappingURL=AssignmentCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,cAAc,CAAC,KAAK,KAAA,eAyB3C;kBAzBuB,cAAc;;;;;;;;;;;;eAAd,cAAc"}

package/lib/components/infra/AssignmentCard/AssignmentCard.js

@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import ActionButtons from "../ActionButtons";
+export default function AssignmentCard(props) {
+    const { children, actionButtons, onButtonPress } = props;
+    const [arMainButtons, setArMainButtons] = useState([]);
+    const [arSecondaryButtons, setArSecondaryButtons] = useState([]);
+    useEffect(() => {
+        if (actionButtons) {
+            setArMainButtons(actionButtons.main);
+            setArSecondaryButtons(actionButtons.secondary);
+        }
+    }, [actionButtons]);
+    function buttonPress(sAction, sType) {
+        onButtonPress(sAction, sType);
+    }
+    return (React.createElement(React.Fragment, null,
+        children,
+        arMainButtons && arSecondaryButtons && React.createElement(ActionButtons, { arMainButtons: arMainButtons, arSecondaryButtons: arSecondaryButtons, onButtonPress: buttonPress })));
+}
+AssignmentCard.propTypes = {
+    children: PropTypes.node.isRequired,
+    // eslint-disable-next-line react/no-unused-prop-types
+    getPConnect: PropTypes.func.isRequired,
+    // eslint-disable-next-line react/no-unused-prop-types
+    itemKey: PropTypes.string,
+    actionButtons: PropTypes.object,
+    onButtonPress: PropTypes.func
+    // buildName: PropTypes.string
+};
+AssignmentCard.defaultProps = {
+    itemKey: null,
+    // buildName: null
+};
+//# sourceMappingURL=AssignmentCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentCard.js","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAExD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjE,SAAS,CAAE,GAAE,EAAE;QACb,IAAI,aAAa,EAAE;YACjB,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACrC,qBAAqB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SAChD;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,WAAW,CAAC,OAAO,EAAE,KAAK;QACjC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACL;QACG,QAAQ;QAEP,aAAa,IAAI,kBAAkB,IAAI,oBAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,WAAW,GAAkB,CAEzK,CACJ,CAAA;AACH,CAAC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,sDAAsD;IACtD,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,sDAAsD;IACtD,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,aAAa,EAAE,SAAS,CAAC,IAAI;IAC7B,8BAA8B;CAC/B,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,OAAO,EAAE,IAAI;IACb,kBAAkB;CACnB,CAAC","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport ActionButtons from \"../ActionButtons\";\n\nexport default function AssignmentCard(props) {\n  const { children, actionButtons, onButtonPress} = props;\n\n  const [arMainButtons, setArMainButtons] = useState([]);\n  const [arSecondaryButtons, setArSecondaryButtons] = useState([]);\n\n  useEffect( ()=> {\n    if (actionButtons) {\n      setArMainButtons(actionButtons.main);\n      setArSecondaryButtons(actionButtons.secondary);\n    }\n  }, [actionButtons]);\n\n  function buttonPress(sAction, sType) {\n    onButtonPress(sAction, sType);\n  }\n\n  return (\n    <>\n      {children}\n      {\n        arMainButtons && arSecondaryButtons && <ActionButtons arMainButtons={arMainButtons} arSecondaryButtons={arSecondaryButtons} onButtonPress={buttonPress}></ActionButtons>\n      }\n    </>\n  )\n}\n\nAssignmentCard.propTypes = {\n  children: PropTypes.node.isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  getPConnect: PropTypes.func.isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  itemKey: PropTypes.string,\n  actionButtons: PropTypes.object,\n  onButtonPress: PropTypes.func\n  // buildName: PropTypes.string\n};\n\nAssignmentCard.defaultProps = {\n  itemKey: null,\n  // buildName: null\n};\n"]}

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

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

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

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

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

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

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

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

package/lib/components/infra/Attachment/Attachment.css

@@ -0,0 +1,18 @@
+.label {
+  display: block;
+  margin-bottom: 10px;
+}
+
+.file-div {
+  border: 1px dashed #262626;
+  width: 100%;
+  padding: 0.5rem;
+  text-align: center;
+  position: relative;
+}
+
+.progress-div {
+  text-align: center;
+  position: absolute;
+  left: 47%;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Attachment/Attachment.tsx"],"names":[],"mappings":";AAKA,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,eAgYvC"}