oa-componentbook 1.0.1-stage.423 → 1.0.1-stage.425

package/build/components/oa-component-modal/CustomModal.js

@@ -105,7 +105,10 @@ function CustomModal(_ref) {
     open: open,
     title: (title || imgSrc) && /*#__PURE__*/_react.default.createElement(_styles.TitleContainer, null, imgSrc && /*#__PURE__*/_react.default.createElement("img", {
       src: imgSrc,
-      alt: ""
+      alt: "",
+      onError: e => {
+        e.target.style.display = "none";
+      }
     }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
       typography: typographies.title
     }, title)),

package/build/components/oa-component-upload/CustomUpload.js

@@ -28,7 +28,7 @@ var _CustomModal = _interopRequireDefault(require("../oa-component-modal/CustomM
 var _handIcon = _interopRequireDefault(require("../../images/hand-icon.svg"));
 var _PdfSampleImage = _interopRequireDefault(require("../../images/PdfSampleImage.png"));
 var _CustomNotification = _interopRequireDefault(require("../../components/oa-component-notification/CustomNotification"));
-const _excluded = ["uploadedDocuments", "onChange", "multipleDoc", "showDelete", "formName", "getPreview", "isMandatory", "noOfUpload", "downloadCallback", "formRules", "allowLocalDelete", "deleteHandler", "s3ResponseReturn", "form", "beforeUploadFileValidations", "allowedMediaType", "maxAllowedSize", "generateS3Url", "uploadOnS3", "label"];
+const _excluded = ["uploadedDocuments", "onChange", "multipleDoc", "showDelete", "formName", "getPreview", "isMandatory", "noOfUpload", "downloadCallback", "formRules", "allowLocalDelete", "deleteHandler", "s3ResponseReturn", "form", "beforeUploadFileValidations", "allowedMediaType", "maxAllowedSize", "generateS3Url", "uploadOnS3", "label", "showPreviewIcon", "showDownloadIcon"];
 /* 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); }
@@ -110,7 +110,9 @@ function DocumentUpload(_ref) {
       maxAllowedSize,
       generateS3Url,
       uploadOnS3,
-      label
+      label,
+      showPreviewIcon,
+      showDownloadIcon
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
   const [previewOpen, setPreviewOpen] = (0, _react.useState)(false);
@@ -268,8 +270,9 @@ function DocumentUpload(_ref) {
     onChange: handleChange,
     onRemove: handleRemove,
     showUploadList: {
-      showDownloadIcon: false,
+      showDownloadIcon: showDownloadIcon,
       showRemoveIcon: showDelete,
+      showPreviewIcon: showPreviewIcon,
       removeIcon: /*#__PURE__*/_react.default.createElement(_icons.DeleteFilled, null),
       previewIcon: /*#__PURE__*/_react.default.createElement(_icons.EyeFilled, null)
     }
@@ -279,7 +282,8 @@ function DocumentUpload(_ref) {
     title: previewTitle,
     onCancel: () => setPreviewOpen(false),
     downloadCallback: downloadCallback,
-    selectedDocumentData: selectedDocumentData
+    selectedDocumentData: selectedDocumentData,
+    showDownloadIcon: showDownloadIcon
   }), deleteConfirmation && /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     buttonConfig: [{
       callback: () => DeleteFile(previewImage),
@@ -311,7 +315,9 @@ DocumentUpload.propTypes = {
   formRules: _propTypes.default.array,
   beforeUploadFileValidations: _propTypes.default.bool,
   allowedMediaType: _propTypes.default.array,
-  maxAllowedSize: _propTypes.default.string
+  maxAllowedSize: _propTypes.default.string,
+  showPreviewIcon: _propTypes.default.bool,
+  showDownloadIcon: _propTypes.default.bool
 };
 DocumentUpload.defaultProps = {
   uploadedDocuments: [],
@@ -327,6 +333,7 @@ DocumentUpload.defaultProps = {
   allowLocalDelete: true,
   beforeUploadFileValidations: false,
   allowedMediaType: [],
-  maxAllowedSize: ""
+  maxAllowedSize: "",
+  showPreviewIcon: true
 };
 var _default = exports.default = DocumentUpload;

package/build/components/oa-component-viewer/CustomViewer.js

@@ -26,7 +26,7 @@ var _common = _interopRequireDefault(require("../../utils/common"));
 var _styles = require("./styles");
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
-const _excluded = ["downloadCallback", "title", "selectedDocumentData", "previewFile", "fileName"],
+const _excluded = ["downloadCallback", "title", "selectedDocumentData", "previewFile", "fileName", "showDownloadIcon"],
   _excluded2 = ["zoomIn", "zoomOut"];
 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); }
@@ -181,7 +181,8 @@ function CustomViewer(_ref2) {
       title,
       selectedDocumentData,
       previewFile,
-      fileName = 'download'
+      fileName = 'download',
+      showDownloadIcon = true
     } = _ref2,
     antDesignProps = _objectWithoutProperties(_ref2, _excluded);
   console.log(downloadCallback, title, selectedDocumentData, previewFile, fileName, antDesignProps, 'antDesignProps');
@@ -226,15 +227,16 @@ function CustomViewer(_ref2) {
     return 'UNSUPPORTED';
   }, [previewFile, title]);
   console.log(getUrl, 'getUrl');
+  const buttonConfig = showDownloadIcon ? [{
+    callback: () => {
+      downloadCallback(selectedDocumentData);
+    },
+    label: 'Download'
+  }] : [];
   return /*#__PURE__*/_react.default.createElement(_CustomModal.default, _extends({
     width: 860,
     className: "imageZoom",
-    buttonConfig: [{
-      callback: () => {
-        downloadCallback(selectedDocumentData);
-      },
-      label: 'Download'
-    }]
+    buttonConfig: buttonConfig
   }, antDesignProps), /*#__PURE__*/_react.default.createElement(_reactZoomPanPinch.TransformWrapper, null, _ref4 => {
     let {
         zoomIn,
@@ -262,12 +264,14 @@ CustomViewer.propTypes = {
   fileName: _propTypes.default.string,
   antDesignProps: _propTypes.default.object,
   downloadCallback: _propTypes.default.func,
-  selectedDocumentData: _propTypes.default.object
+  selectedDocumentData: _propTypes.default.object,
+  showDownloadIcon: _propTypes.default.bool
 };
 CustomViewer.defaultProps = {
   fileName: 'download',
   antDesignProps: {},
   downloadCallback: () => {},
-  selectedDocumentData: {}
+  selectedDocumentData: {},
+  showDownloadIcon: true
 };
 var _default = exports.default = CustomViewer;

package/build/dev/oa-component-upload/CustomUpload.js

@@ -114,6 +114,7 @@ function DocumentUpload(_ref) {
   const [selectedFile, setSelectedFile] = (0, _react.useState)(null);
   const [selectedDocumentData, setSelectedDocumentData] = (0, _react.useState)({});
   const [isError, setIsError] = (0, _react.useState)(false);
+  const uploadRef = _react.default.useRef(null);
   (0, _react.useEffect)(() => {
     setFileList(uploadedDocuments);
   }, [uploadedDocuments === null || uploadedDocuments === void 0 ? void 0 : uploadedDocuments.length]);
@@ -241,6 +242,17 @@ function DocumentUpload(_ref) {
     return /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null);
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.MainStyleSec, null, /*#__PURE__*/_react.default.createElement(_styles.StyledSection, null, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: listType === "picture" ? () => {
+      var _inst$upload, _inst$nativeElement, _inst$nativeElement$q, _inst$querySelector, _input$click;
+      if ((fileList === null || fileList === void 0 ? void 0 : fileList.length) >= noOfUpload) return;
+      const inst = uploadRef.current;
+      if (inst !== null && inst !== void 0 && inst.onClick) {
+        inst.onClick();
+        return;
+      }
+      const input = (inst === null || inst === void 0 || (_inst$upload = inst.upload) === null || _inst$upload === void 0 ? void 0 : _inst$upload.input) || (inst === null || inst === void 0 ? void 0 : inst.fileInput) || (inst === null || inst === void 0 || (_inst$nativeElement = inst.nativeElement) === null || _inst$nativeElement === void 0 || (_inst$nativeElement$q = _inst$nativeElement.querySelector) === null || _inst$nativeElement$q === void 0 ? void 0 : _inst$nativeElement$q.call(_inst$nativeElement, 'input[type="file"]')) || (inst === null || inst === void 0 || (_inst$querySelector = inst.querySelector) === null || _inst$querySelector === void 0 ? void 0 : _inst$querySelector.call(inst, 'input[type="file"]'));
+      input === null || input === void 0 || (_input$click = input.click) === null || _input$click === void 0 || _input$click.call(input);
+    } : null,
     className: listType === "picture" ? "uploadSecPad ".concat(isError && "errorBorder") : "uploadDiv"
   }, multipleDoc > 0 && /*#__PURE__*/_react.default.createElement("em", null, multipleDoc), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: {
@@ -268,6 +280,8 @@ function DocumentUpload(_ref) {
       }
     }]
   }, /*#__PURE__*/_react.default.createElement(_antd.Upload, _extends({
+    onClick: e => e.stopPropagation(),
+    ref: uploadRef,
     listType: listType ? listType : "picture-card",
     fileList: fileList,
     onPreview: notShowPreviewButton ? undefined : handlePreview,

package/package.json

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