oa-componentbook 1.0.1-stage.96 → 1.0.1-stage.98

package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js

@@ -1,376 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.symbol.description.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _antd = require("antd");
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-var _UploadDownloadWidget = _interopRequireDefault(require("../oa-widget-upload-download/UploadDownloadWidget"));
-var _styles = require("./styles");
-var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
-var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
-var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
-var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
-var _CustomTag = _interopRequireDefault(require("../../components/oa-component-tag/CustomTag"));
-var _CustomTooltip = _interopRequireDefault(require("../../components/oa-component-tooltip/CustomTooltip"));
-const _excluded = ["children", "description", "docDetails", "multipleDocDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form", "columnDynamicCssClass", "tooltipPlacement"];
-/* eslint-disable */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * @typedef {import('../../components/oa-component-upload/CustomUpload').DocumentDetails} DocumentDetails
- *
- * @typedef {Object} ApprovalForm
- * @property {boolean} [disabled=false] Whether the approval form is disabled.
- * @property {boolean} [hidden=false] Whether the approval form is hidden.
- * @property {boolean} [invisible=false] Whether the approval form is invisible (preserving layout).
- * @property {boolean} [isApproved] Initial value for the approval status.
- * @property {string} [remarks] Initial value for the remarks.
- *
- * @typedef {Object} Props
- * @property {React.ReactNode} [children] Content to be rendered inside the ApprovalWidget.
- * @property {string} [description] Description for the widget.
- * @property {DocumentDetails} [docDetails] Document details for the widget.
- * @property {ApprovalForm} [approvalForm] Form data for approval.
- * @property {boolean} [isMandatory=false] Whether the widget is mandatory.
- * @property {boolean} [hasDivider=false] Display a divider line beneath the widget.
- * @property {boolean} [isQuestionStyleWidget=false] Whether the widget has a question-style layout.
- * @property {string|number} questionId Identifier for the question.
- * @property {string} title Title of the widget.
- * @property {Function} [viewOnClick] Callback function for the view action.
- * @property {string} ['data-test'] Data test string to be applied to the outermost element.
- */
-function ApprovalWidget(_ref) {
-  var _approvalForm$disable2, _actionContent$label, _approvalForm$disable3, _approvalForm$disable4, _approvalForm$disable5, _approvalForm$remarks, _approvalForm$disable6, _approvalForm$disable7, _approvalForm$disable8, _approvalForm$disable9, _approvalForm$disable10;
-  let {
-      children,
-      description,
-      docDetails,
-      multipleDocDetails,
-      approvalForm,
-      isMandatory,
-      hasDivider,
-      isQuestionStyleWidget,
-      questionId,
-      title,
-      viewOnClick,
-      actionRenderType,
-      actionContent,
-      systemStatus,
-      documentTitle,
-      descriptionTitle,
-      "data-test": dataTest,
-      form,
-      columnDynamicCssClass,
-      tooltipPlacement
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const getInitialValue = isApproved => {
-    switch (isApproved) {
-      case true:
-        return 1;
-      case false:
-        return 0;
-      default:
-        return undefined;
-    }
-  };
-  const [isApproved, setIsApproved] = (0, _react.useState)(getInitialValue(approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved));
-  const [radioButtonValue, setRadioButtonValue] = (0, _react.useState)(null);
-  const getFieldDecorator = form === null || form === void 0 ? void 0 : form.getFieldDecorator;
-  const onRadioChange = event => setIsApproved(event.target.value);
-  const onChangeRadioWithForm = event => setRadioButtonValue(event.target.value);
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: columnDynamicCssClass === null || columnDynamicCssClass === void 0 ? void 0 : columnDynamicCssClass.firstColumn
-  }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "type-button-500"
-  }, title, isMandatory && /*#__PURE__*/_react.default.createElement(_styles.RedText, null, "*"))), description && /*#__PURE__*/_react.default.createElement(_styles.Styledescription, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400",
-    color: "secondary-content"
-  }, descriptionTitle), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400",
-    color: "primary-content"
-  }, description)), !isQuestionStyleWidget && ((multipleDocDetails === null || multipleDocDetails === void 0 ? void 0 : multipleDocDetails.length) > 0 ? multipleDocDetails.map(docDetails => {
-    var _approvalForm$disable;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "oaCustomerResponse"
-    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      typography: "type-b2-400",
-      color: "secondary-content"
-    }, docDetails.documentTitle, " \xA0"), /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
-      disabled: (_approvalForm$disable = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable !== void 0 ? _approvalForm$disable : false,
-      "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
-    }, docDetails, {
-      formName: isMandatory ? "file-".concat(questionId) : undefined
-    })));
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "oaCustomerResponse"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400",
-    color: "secondary-content"
-  }, documentTitle, " \xA0"), /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
-    disabled: (_approvalForm$disable2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable2 !== void 0 ? _approvalForm$disable2 : false,
-    "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
-  }, docDetails, {
-    formName: isMandatory ? "file-".concat(questionId) : undefined
-  })))), children && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
-    className: "view-button",
-    "data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
-    onClick: () => viewOnClick(questionId),
-    type: "text-only",
-    label:
-    // isQuestionStyleWidget
-    //   ? "View Previous Description"
-    //   :
-    "View History"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: columnDynamicCssClass === null || columnDynamicCssClass === void 0 ? void 0 : columnDynamicCssClass.secondColumn
-  }, systemStatus === null || systemStatus === void 0 ? void 0 : systemStatus.map(status => {
-    var _status$items;
-    return /*#__PURE__*/_react.default.createElement("div", null, status.renderType === "text" && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      typography: "type-b2-400",
-      color: "secondary-content"
-    }, status.label), status.renderType === "tag" && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomTag.default, status)), status.renderType === "toolTip" && ((_status$items = status.items) === null || _status$items === void 0 ? void 0 : _status$items.length) > 0 && /*#__PURE__*/_react.default.createElement(_CustomTooltip.default, {
-      overlayClassName: "multipleDocumentTooltip",
-      isDisplayed: true,
-      placement: status.tooltipPlacement // Pass placement as a prop
-      ,
-      title: (() => {
-        const totalItems = status.items.length;
-        const numColumns = totalItems === 1 ? 1 : 2; // 1 column if only 1 item, else 2 columns
-
-        const col1Size = Math.ceil(totalItems / numColumns); // First column gets extra if odd
-        const col2Size = totalItems - col1Size; // Remaining items go to second column
-
-        const columns = [status.items.slice(0, col1Size),
-        // First column
-        status.items.slice(col1Size) // Second column
-        ];
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (status === null || status === void 0 ? void 0 : status.title) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-          typography: "type-sl1-700",
-          color: "secondary-content"
-        }, status.title), /*#__PURE__*/_react.default.createElement("div", {
-          className: "tooltip-grid",
-          style: {
-            flexDirection: totalItems === 1 ? "column" : "row",
-            // Make it single column if only 1 item
-            width: totalItems === 1 ? "100%" : "auto" // Full width if only 1 item
-          }
-        }, columns.map((columnItems, colIndex) => /*#__PURE__*/_react.default.createElement("div", {
-          key: "col-".concat(colIndex),
-          className: "tooltip-column"
-        }, columnItems.map(item => /*#__PURE__*/_react.default.createElement("li", {
-          key: item.title,
-          className: "tooltip-item"
-        }, !(status !== null && status !== void 0 && status.hideIcon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-          size: 20,
-          icon: item.type === "positive" ? _Check.default : _Close.default,
-          color: item.type === "positive" ? "positive" : "negative"
-        }), /*#__PURE__*/_react.default.createElement("p", null, item.title)))))));
-      })()
-    }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
-      type: "text-only",
-      label: status.label
-    })));
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: columnDynamicCssClass === null || columnDynamicCssClass === void 0 ? void 0 : columnDynamicCssClass.thirdColumn
-  }, actionRenderType === "text" && /*#__PURE__*/_react.default.createElement("div", {
-    className: "oaActionText"
-  }, (actionContent === null || actionContent === void 0 ? void 0 : actionContent.icon) && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-    icon: _CheckCircle.default,
-    size: 20,
-    color: "secondary-content"
-  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400",
-    color: "secondary-content"
-  }, (_actionContent$label = actionContent === null || actionContent === void 0 ? void 0 : actionContent.label) !== null && _actionContent$label !== void 0 ? _actionContent$label : "-")), actionRenderType === "button" && /*#__PURE__*/_react.default.createElement(_CustomButton.default, _extends({
-    disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false
-  }, actionContent)), actionRenderType === "radio" &&
-  /*#__PURE__*/
-  //className="col-sm-12 col-md-4 col-lg-4"
-  _react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    name: "isApproved-".concat(questionId),
-    className: "custom-radio-group",
-    initialValue: isApproved,
-    rules: [{
-      required: true,
-      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
-        "data-test": "".concat(dataTest, "--is-approved-validation-message")
-      }, "Approval status needs to be selected.") : "Approval status needs to be selected."
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined,
-    onChange: onRadioChange,
-    value: isApproved
-  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
-    disabled: (_approvalForm$disable4 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable4 !== void 0 ? _approvalForm$disable4 : false,
-    label: "Mark as Approved",
-    value: 1
-  }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
-    disabled: (_approvalForm$disable5 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable5 !== void 0 ? _approvalForm$disable5 : false,
-    label: "Mark as Pending",
-    value: 0
-  }))), isApproved === 0 && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
-    className: "type-b2-400"
-  }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    name: "remarks-".concat(questionId),
-    initialValue: (_approvalForm$remarks = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.remarks) !== null && _approvalForm$remarks !== void 0 ? _approvalForm$remarks : "",
-    rules: [{
-      required: true,
-      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
-        "data-test": "".concat(dataTest, "--remarks-validation-message")
-      }, "Remarks cannot be empty.") : "Remarks cannot be empty."
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
-    "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
-    disabled: (_approvalForm$disable6 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable6 !== void 0 ? _approvalForm$disable6 : false
-  })))), actionRenderType === "buttonWithForm" && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    validateStatus: form.getFieldError("validateDocumentButton#".concat(questionId)) ? "error" : "",
-    help: /*#__PURE__*/_react.default.createElement("div", {
-      className: "errorForRtv"
-    }, form.getFieldError("validateDocumentButton#".concat(questionId)) || "")
-  }, getFieldDecorator("validateDocumentButton#".concat(questionId), {
-    rules: isMandatory ? [{
-      required: true,
-      message: "This field is required"
-    }] : []
-  })( /*#__PURE__*/_react.default.createElement(_CustomButton.default, _extends({}, actionContent, {
-    disabled: (_approvalForm$disable7 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable7 !== void 0 ? _approvalForm$disable7 : false
-  })))), actionRenderType === "radioWithForm" && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    className: "custom-radio-group",
-    validateStatus: form.getFieldError("icQues_status_".concat(questionId)) ? "error" : "",
-    help: form.getFieldError("icQues_status_".concat(questionId)) || ""
-  }, getFieldDecorator("icQues_status_".concat(questionId), {
-    rules: isMandatory ? [{
-      required: true,
-      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
-        "data-test": "".concat(dataTest, "--is-approved-validation-message")
-      }, "Approval status needs to be selected.") : "Approval status needs to be selected."
-    }] : []
-  })( /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined,
-    onChange: onChangeRadioWithForm,
-    value: radioButtonValue
-  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
-    label: "Mark as Approved",
-    value: "Complete",
-    disabled: (_approvalForm$disable8 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable8 !== void 0 ? _approvalForm$disable8 : false
-  }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
-    label: "Mark as Pending",
-    value: "Incomplete",
-    disabled: (_approvalForm$disable9 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable9 !== void 0 ? _approvalForm$disable9 : false
-  })))), form.getFieldValue("icQues_status_".concat(questionId)) == "Incomplete" && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
-    className: "type-b2-400"
-  }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    validateStatus: form.getFieldError("icQues_remarks_".concat(questionId)) ? "error" : "",
-    help: form.getFieldError("icQues_remarks_".concat(questionId)) || ""
-  }, getFieldDecorator("icQues_remarks_".concat(questionId), {
-    rules: isMandatory ? [{
-      required: true,
-      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
-        "data-test": "".concat(dataTest, "--remarks-validation-message")
-      }, "Remarks cannot be empty.") : "Remarks cannot be empty."
-    }] : []
-  })( /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
-    "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
-    disabled: (_approvalForm$disable10 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable10 !== void 0 ? _approvalForm$disable10 : false
-  }))))), actionRenderType === "buttonWithFormV4" && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    name: "validateDocumentButton#".concat(questionId),
-    initialValue: approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved,
-    rules: isMandatory ? [{
-      required: true,
-      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
-        "data-test": "".concat(dataTest, "--is-approved-validation-message")
-      }, "Approval status needs to be selected.") : "Approval status needs to be selected."
-    }] : []
-  }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, actionContent)))), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
-}
-ApprovalWidget.propTypes = {
-  children: _propTypes.default.node,
-  "data-test": _propTypes.default.string,
-  description: _propTypes.default.string,
-  // Leave description optional
-  docDetails: _propTypes.default.shape({
-    multiple: _propTypes.default.bool,
-    onUpload: _propTypes.default.func,
-    uploadedDocuments: _propTypes.default.arrayOf(_propTypes.default.shape({
-      name: _propTypes.default.string,
-      onDelete: _propTypes.default.func,
-      onDownload: _propTypes.default.func
-    }))
-  }),
-  multipleDocDetails: _propTypes.default.array,
-  hasDivider: _propTypes.default.bool,
-  // Leave hasDivider optional,
-  approvalForm: _propTypes.default.shape({
-    disabled: _propTypes.default.bool,
-    hidden: _propTypes.default.bool,
-    invisible: _propTypes.default.bool,
-    isApproved: _propTypes.default.bool,
-    remarks: _propTypes.default.string
-  }),
-  isMandatory: _propTypes.default.bool,
-  isQuestionStyleWidget: _propTypes.default.bool,
-  questionId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  title: _propTypes.default.string.isRequired,
-  // Make title required
-  viewOnClick: _propTypes.default.func,
-  actionRenderType: _propTypes.default.string,
-  actionContent: _propTypes.default.shape({
-    label: _propTypes.default.string
-  }),
-  systemStatus: _propTypes.default.arrayOf(_propTypes.default.shape({
-    renderType: _propTypes.default.string,
-    label: _propTypes.default.string,
-    title: _propTypes.default.string
-  })),
-  documentTitle: _propTypes.default.string,
-  descriptionTitle: _propTypes.default.string,
-  form: _propTypes.default.object,
-  tooltipPlacement: _propTypes.default.string,
-  columnDynamicCssClass: _propTypes.default.object
-};
-ApprovalWidget.defaultProps = {
-  children: null,
-  "data-test": undefined,
-  description: "",
-  docDetails: {},
-  approvalForm: {},
-  isMandatory: false,
-  hasDivider: false,
-  isQuestionStyleWidget: false,
-  viewOnClick: undefined,
-  actionRenderType: undefined,
-  actionContent: {},
-  systemStatus: [],
-  documentTitle: "",
-  descriptionTitle: "",
-  form: null,
-  tooltipPlacement: "bottom",
-  // Default placement
-  columnDynamicCssClass: {
-    firstColumn: "col-sm-12 col-md-5 col-lg-5",
-    secondColumn: "col-sm-12 col-md-4 col-lg-4 flexCol8",
-    thirdColumn: "col-sm-12 col-md-3 col-lg-3"
-  }
-};
-var _default = exports.default = ApprovalWidget;

package/build/widgets/oa-widget-reupload-drawer/ReUploadDrawer.js

@@ -1,164 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.promise.js");
-var _react = _interopRequireDefault(require("react"));
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _antd = require("antd");
-var _InfoOutlined = _interopRequireDefault(require("@material-ui/icons/InfoOutlined"));
-var _CustomDrawer = _interopRequireDefault(require("../../components/oa-component-drawer/CustomDrawer"));
-var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
-var _CustomInfo = _interopRequireDefault(require("../../components/oa-component-info/CustomInfo"));
-var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
-var _CustomUpload = _interopRequireDefault(require("../../dev/oa-component-upload/CustomUpload"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function GenericUpload(_ref) {
-  var _config$documents;
-  let {
-    config,
-    uploadHandler,
-    deleteHandler: _deleteHandler,
-    downloadHandler,
-    previewHandler,
-    visible,
-    onClose,
-    validationConfig = {
-      maxSize: 5,
-      allowedTypes: ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'],
-      customValidation: null
-    },
-    uploadedDocuments,
-    showDelete = true,
-    showPreview = false,
-    form
-  } = _ref;
-  const validateFile = (file, docTypeId) => {
-    const isValidType = validationConfig.allowedTypes.includes(file.type);
-    if (!isValidType) {
-      form.setFields([{
-        name: docTypeId,
-        errors: ["Only ".concat(validationConfig.allowedTypes.map(type => type.split('/')[1].toUpperCase()).join('/'), " files are allowed!")]
-      }]);
-      return false;
-    }
-    const isValidSize = file.size / 1024 / 1024 < validationConfig.maxSize;
-    if (!isValidSize) {
-      form.setFields([{
-        name: docTypeId,
-        errors: ["File must be smaller than ".concat(validationConfig.maxSize, "MB!")]
-      }]);
-      return false;
-    }
-    if (validationConfig.customValidation) {
-      return validationConfig.customValidation(file, docTypeId);
-    }
-    return true;
-  };
-  const handleUpload = async (file, docTypeId, documentId) => {
-    if (!validateFile(file, docTypeId)) {
-      return null;
-    }
-    return uploadHandler(file, docTypeId, documentId);
-  };
-  return /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
-    title: config.title,
-    width: config.width,
-    open: visible,
-    onClose: onClose,
-    buttonConfig: config.buttonConfig
-  }, config.systemInfo && /*#__PURE__*/_react.default.createElement("div", {
-    className: "margin-bottom-32"
-  }, /*#__PURE__*/_react.default.createElement(_CustomInfo.default, _extends({}, config.systemInfo, {
-    iconConfig: {
-      icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-        icon: _InfoOutlined.default,
-        size: 24,
-        color: "negative"
-      }),
-      position: 'left'
-    }
-  }))), (config === null || config === void 0 ? void 0 : config.heading) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "padding-bottom-32"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "type-t1-500",
-    color: "primary-content"
-  }, config.heading, ' ')), /*#__PURE__*/_react.default.createElement(_antd.Form, {
-    form: form
-  }, (_config$documents = config.documents) === null || _config$documents === void 0 ? void 0 : _config$documents.map(item => /*#__PURE__*/_react.default.createElement("div", {
-    key: item.docTypeId
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "padding-bottom-4"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-500",
-    color: "primary-content"
-  }, item === null || item === void 0 ? void 0 : item.docName)), /*#__PURE__*/_react.default.createElement(_CustomUpload.default, {
-    isMandatory: true,
-    handleCustomOnChange: (file, status) => handleUpload(file, item.docTypeId, item.documentId),
-    formName: item.docTypeId,
-    uploadedDocuments: uploadedDocuments && uploadedDocuments[item.docTypeId] ? [uploadedDocuments[item.docTypeId]] : [],
-    deleteHandler: selectedFile => _deleteHandler(item.docTypeId),
-    downloadCallback: file => downloadHandler(item.docTypeId),
-    getPreview: previewHandler || (() => {}),
-    showDelete: showDelete,
-    showPreview: showPreview,
-    accept: validationConfig.allowedTypes.join(', '),
-    docName: item.docName
-  })))));
-}
-GenericUpload.propTypes = {
-  config: _propTypes.default.shape({
-    title: _propTypes.default.string.isRequired,
-    width: _propTypes.default.number,
-    buttonConfig: _propTypes.default.arrayOf(_propTypes.default.shape({
-      callback: _propTypes.default.func,
-      label: _propTypes.default.string,
-      type: _propTypes.default.string
-    })),
-    systemInfo: _propTypes.default.shape({
-      title: _propTypes.default.string,
-      color: _propTypes.default.string,
-      description: _propTypes.default.node
-    }),
-    heading: _propTypes.default.string,
-    documents: _propTypes.default.arrayOf(_propTypes.default.shape({
-      title: _propTypes.default.string,
-      docTypeId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-      docName: _propTypes.default.string
-    }))
-  }).isRequired,
-  uploadHandler: _propTypes.default.func.isRequired,
-  deleteHandler: _propTypes.default.func.isRequired,
-  downloadHandler: _propTypes.default.func.isRequired,
-  previewHandler: _propTypes.default.func,
-  validationConfig: _propTypes.default.shape({
-    maxSize: _propTypes.default.number,
-    allowedTypes: _propTypes.default.arrayOf(_propTypes.default.string),
-    customValidation: _propTypes.default.func
-  }),
-  uploadedDocuments: _propTypes.default.object,
-  showDelete: _propTypes.default.bool,
-  showPreview: _propTypes.default.bool,
-  form: _propTypes.default.object.isRequired,
-  visible: _propTypes.default.bool.isRequired,
-  onClose: _propTypes.default.func.isRequired
-};
-GenericUpload.defaultProps = {
-  previewHandler: () => {},
-  validationConfig: {
-    maxSize: 5,
-    allowedTypes: ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'],
-    customValidation: null
-  },
-  uploadedDocuments: {},
-  showDelete: true,
-  showPreview: false
-};
-var _default = exports.default = GenericUpload;