oa-componentbook 0.17.28 → 0.17.30

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

@@ -1,5 +1,6 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -18,6 +19,7 @@ var _CustomButton = _interopRequireDefault(require("../../components/oa-componen
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 ApprovalWidget(_ref) {
   var _approvalForm$isAppro, _approvalForm$disable, _approvalForm$disable2, _approvalForm$remarks, _approvalForm$disable3;
   let {
@@ -25,6 +27,7 @@ function ApprovalWidget(_ref) {
     description,
     docDetails,
     approvalForm,
+    isMandatory,
     hasDivider,
     isQuestionStyleWidget,
     questionId,
@@ -45,7 +48,7 @@ function ApprovalWidget(_ref) {
     className: isQuestionStyleWidget ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-8 col-lg-8 gutter'
   }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h4", {
     className: "type-b2-400"
-  }, title)), description && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, title, isMandatory && /*#__PURE__*/_react.default.createElement(_styles.RedText, null, "*"))), description && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-b2-400",
     color: "secondary-content"
   }, description)), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
@@ -55,7 +58,9 @@ function ApprovalWidget(_ref) {
     label: isQuestionStyleWidget ? 'View Previous Description' : 'View History'
   }), children)), ((docDetails === null || docDetails === void 0 ? void 0 : docDetails.onDownload) !== null || (docDetails === null || docDetails === void 0 ? void 0 : docDetails.onDelete) !== null || (docDetails === null || docDetails === void 0 ? void 0 : docDetails.onUpload) !== null) && /*#__PURE__*/_react.default.createElement("div", {
     className: "col-sm-12 col-md-4 col-lg-4"
-  }, /*#__PURE__*/_react.default.createElement(_UploadDownloadDocument.default, docDetails)))), approvalForm !== false && /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_UploadDownloadDocument.default, _extends({}, docDetails, {
+    formName: isMandatory ? "file-".concat(questionId) : undefined
+  }))))), approvalForm !== false && /*#__PURE__*/_react.default.createElement("div", {
     className: "col-sm-12 col-md-5 col-lg-5"
   }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
     name: "isApproved-".concat(questionId),
@@ -103,6 +108,7 @@ ApprovalWidget.propTypes = {
     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,
@@ -118,6 +124,7 @@ ApprovalWidget.defaultProps = {
     onUpload: null
   },
   approvalForm: true,
+  isMandatory: false,
   hasDivider: false,
   isQuestionStyleWidget: false,
   viewOnClick: null

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StyledAside = void 0;
+exports.StyledAside = exports.RedText = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
+var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
 const StyledAside = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-form-item.custom-radio-group {\n    margin-bottom: 12px;\n  }\n\n  .container {\n    margin-bottom: 8px;\n  }\n\n  .ant-divider-horizontal {\n    margin: 0px 0px 16px 0px;\n  }\n\n  .ant-form-item .ant-form-item-control-input {\n    min-height: auto;\n  }\n\n  .ant-radio-group-outline {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  textarea {\n    /* padding: 12px; */\n    min-height: 88px;\n    resize: none;\n    border-radius: 4px;\n  }\n\n  radiofield label {\n    white-space: nowrap;\n  }\n\n  docdetailstag a {\n    white-space: nowrap;\n  }\n\n  .view-button {\n    margin: 8px 0 0 0;\n  }\n"])));
-exports.StyledAside = StyledAside;
+exports.StyledAside = StyledAside;
+const RedText = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: red;\n  margin-left: 4px;\n"])));
+exports.RedText = RedText;

package/build/widgets/oa-widget-document/UploadDownloadDocument.js

@@ -6,14 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _antd = require("antd");
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _styles = require("./styles");
 var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function UploadDownloadDocument(_ref) {
   let {
     name,
+    formName,
     onDelete,
     onDownload,
     onUpload
@@ -30,7 +32,9 @@ function UploadDownloadDocument(_ref) {
       position: 'left',
       icon: /*#__PURE__*/_react.default.createElement(_icons.DownloadOutlined, null)
     },
-    label: /*#__PURE__*/_react.default.createElement(_styles.EllipsisLabel, null, name)
+    label: /*#__PURE__*/_react.default.createElement(_styles.EllipsisLabel, {
+      title: name
+    }, name)
   }), onDelete !== null && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
     type: "danger-text-only",
     onClick: onDelete,
@@ -41,6 +45,7 @@ function UploadDownloadDocument(_ref) {
   })) ||
   // Only deletable document
   onDelete !== null && /*#__PURE__*/_react.default.createElement(_styles.StyledSection, null, /*#__PURE__*/_react.default.createElement(_styles.EllipsisLabel, {
+    title: name,
     className: "type-b2-400"
   }, name), /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
     type: "danger-text-only",
@@ -51,30 +56,51 @@ function UploadDownloadDocument(_ref) {
     }
   })) ||
   // Only uploadable document
-  onUpload !== null && /*#__PURE__*/_react.default.createElement(_styles.StyledUpload
+  onUpload !== null && (formName ? /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: formName,
+    rules: [{
+      required: true,
+      message: 'Select a file.'
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_styles.StyledUpload
   //  Provided custom request so that automatic POST attempt does not happen
   , {
     customRequest: () => {},
-    onChange: handleUpload
+    onChange: handleUpload,
+    maxCount: 1,
+    multiple: false
   }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
     type: "secondary",
     label: "Choose File",
     onClick: () => {}
-  })) ||
+  }))) : /*#__PURE__*/_react.default.createElement(_styles.StyledUpload
+  //  Provided custom request so that automatic POST attempt does not happen
+  , {
+    customRequest: () => {},
+    onChange: handleUpload,
+    maxCount: 1,
+    multiple: false
+  }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+    type: "secondary",
+    label: "Choose File",
+    onClick: () => {}
+  }))) ||
   /*#__PURE__*/
   // Neither downloadable, uploadable nor deletable
-  _react.default.createElement(_antd.Typography, {
+  _react.default.createElement(_Typography.default, {
     type: "type-b2-400"
   }, "Not Uploaded"));
 }
 UploadDownloadDocument.propTypes = {
   name: _propTypes.default.string,
+  formName: _propTypes.default.string,
   onDelete: _propTypes.default.func,
   onDownload: _propTypes.default.func,
   onUpload: _propTypes.default.func
 };
 UploadDownloadDocument.defaultProps = {
   name: '',
+  formName: null,
   onDelete: null,
   onDownload: null,
   onUpload: null

package/build/widgets/oa-widget-stage-timeline/StageTimeline.js

@@ -16,7 +16,6 @@ function StageTimelineChild(_ref) {
   let {
     isActive,
     onClick,
-    stageId,
     stageName,
     status,
     subStages
@@ -96,7 +95,6 @@ function StageTimelineChild(_ref) {
 StageTimelineChild.propTypes = {
   isActive: _propTypes.default.bool,
   onClick: _propTypes.default.func,
-  stageId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   stageName: _propTypes.default.string.isRequired,
   // null and Not-Started result in the same behavior for a state.
   status: _propTypes.default.oneOf(['Not-Started', 'In-Progress', 'completed']),
@@ -111,7 +109,6 @@ StageTimelineChild.propTypes = {
 StageTimelineChild.defaultProps = {
   isActive: false,
   onClick: () => {},
-  stageId: null,
   status: null,
   subStages: []
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.17.28",
+  "version": "0.17.30",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",