oa-componentbook 1.0.1-stage.413 → 1.0.1-stage.414

package/build/components/oa-component-accordion/Accordion.js

@@ -92,7 +92,8 @@ function Accordion(_ref2) {
     componentConfig,
     subtext,
     customBody,
-    onActionClick
+    onActionClick,
+    collapsibleActiveKey
   } = _ref2;
   const themeConfig = {
     components: {
@@ -108,7 +109,8 @@ function Accordion(_ref2) {
     expandIcon: CollapseIcon,
     expandIconPosition: "end",
     defaultActiveKey: disabled ? "-1" : defaultActiveKey,
-    onChange: onChange
+    onChange: onChange,
+    activeKey: collapsibleActiveKey
   }, /*#__PURE__*/_react.default.createElement(_antd.Collapse.Panel, {
     "data-test": dataTest ? "".concat(dataTest, "--complete") : undefined,
     collapsible: disabled ? "disabled" : undefined,

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

@@ -14,7 +14,7 @@ var _Typography = _interopRequireDefault(require("../oa-component-typography/Typ
 var _typographyOptions = require("../../global-css/typography-options");
 var _utils = require("../../utils");
 var _styles = require("./styles");
-const _excluded = ["buttonConfig", "children", "data-test", "imgSrc", "onCancel", "open", "title", "typographies", "width", "bgColor", "showCloseIcon"];
+const _excluded = ["buttonConfig", "children", "data-test", "imgSrc", "onCancel", "open", "title", "typographies", "width", "bgColor", "showCloseIcon", "maskClosable"];
 /* eslint-disable */
 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); }
@@ -63,7 +63,9 @@ function CustomModal(_ref) {
       typographies,
       width,
       bgColor,
-      showCloseIcon = true // Add this prop with default value
+      showCloseIcon = true,
+      // Add this prop with default value
+      maskClosable = true // Control whether clicking mask closes modal
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   /*
@@ -107,7 +109,8 @@ function CustomModal(_ref) {
     }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
       typography: typographies.title
     }, title)),
-    width: width
+    width: width,
+    maskClosable: maskClosable
   }, props), children && /*#__PURE__*/_react.default.createElement(_styles.DescriptionContainer, null,
   // The label is a string or a number
   ((0, _utils.isString)(children) || (0, _utils.isNumber)(children)) && /*#__PURE__*/_react.default.createElement(_Typography.default, {

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

@@ -18,7 +18,7 @@ var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorV
 var _handIcon = _interopRequireDefault(require("../../images/hand-icon.svg"));
 var _PdfSampleImage = _interopRequireDefault(require("../../images/PdfSampleImage.png"));
 var _styles = require("./styles");
-const _excluded = ["uploadedDocuments", "handleCustomOnChange", "multipleDoc", "showDelete", "formName", "getPreview", "isMandatory", "noOfUpload", "downloadCallback", "showDownloadButton", "showDeleteButton", "deleteHandler", "showRoateButton", "showZoomInButton", "showZoomOutButton"];
+const _excluded = ["uploadedDocuments", "handleCustomOnChange", "multipleDoc", "showDelete", "formName", "getPreview", "isMandatory", "noOfUpload", "downloadCallback", "showDownloadButton", "showDeleteButton", "deleteHandler", "showRoateButton", "showZoomInButton", "showZoomOutButton", "uploadButtonConfig", "notShowPreviewButton", "listType", "deleteModalConfig"];
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,18 +44,18 @@ const getBase64 = file => new Promise((resolve, reject) => {
  * @returns {undefined}
  */
 const downloadFile = (base64String, fileName) => {
-  const link = document.createElement('a');
+  const link = document.createElement("a");
   link.href = base64String;
-  link.download = fileName || 'download';
+  link.download = fileName || "download";
   link.click();
 };
 function isImageFile(fileName) {
   var _fileName$split;
   // Extract the file extension from the file name
-  const fileExtension = fileName === null || fileName === void 0 || (_fileName$split = fileName.split('.')) === null || _fileName$split === void 0 || (_fileName$split = _fileName$split.pop()) === null || _fileName$split === void 0 ? void 0 : _fileName$split.toLowerCase();
+  const fileExtension = fileName === null || fileName === void 0 || (_fileName$split = fileName.split(".")) === null || _fileName$split === void 0 || (_fileName$split = _fileName$split.pop()) === null || _fileName$split === void 0 ? void 0 : _fileName$split.toLowerCase();
 
   // Define an array of image file extensions
-  const imageFileExtensions = ['jpg', 'jpeg', 'png'];
+  const imageFileExtensions = ["jpg", "jpeg", "png"];
 
   // Check if the file extension is in the array of image file extensions
   if (imageFileExtensions.indexOf(fileExtension) !== -1) {
@@ -94,12 +94,16 @@ function DocumentUpload(_ref) {
       deleteHandler,
       showRoateButton,
       showZoomInButton,
-      showZoomOutButton
+      showZoomOutButton,
+      uploadButtonConfig,
+      notShowPreviewButton,
+      listType,
+      deleteModalConfig
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
   const [previewOpen, setPreviewOpen] = (0, _react.useState)(false);
   const [previewImage, setPreviewImage] = (0, _react.useState)(null);
-  const [previewTitle, setPreviewTitle] = (0, _react.useState)('');
+  const [previewTitle, setPreviewTitle] = (0, _react.useState)("");
   const [loading, setLoading] = (0, _react.useState)(false);
   const [fileList, setFileList] = (0, _react.useState)(uploadedDocuments);
   const [deleteConfirmation, setDeleteConfirmation] = (0, _react.useState)(false);
@@ -109,9 +113,13 @@ function DocumentUpload(_ref) {
     setFileList(uploadedDocuments);
   }, [uploadedDocuments === null || uploadedDocuments === void 0 ? void 0 : uploadedDocuments.length]);
   const handlePreview = async file => {
+    // Don't show preview if notShowPreviewButton is true
+    if (notShowPreviewButton) {
+      return;
+    }
     if (file !== null && file !== void 0 && file.originFileObj) {
       setPreviewImage(file);
-    } else if ((file === null || file === void 0 ? void 0 : file.fileType) === 'thumbnail') {
+    } else if ((file === null || file === void 0 ? void 0 : file.fileType) === "thumbnail") {
       const url = await getPreview();
       setPreviewImage(url);
     } else {
@@ -126,16 +134,31 @@ function DocumentUpload(_ref) {
       fileList: newFileList,
       file
     } = _ref2;
+    if (antDesignProps !== null && antDesignProps !== void 0 && antDesignProps.customRequest) {
+      const isMaxFileSize = newFileList.some(f => {
+        var _f$error;
+        return (f === null || f === void 0 || (_f$error = f.error) === null || _f$error === void 0 ? void 0 : _f$error.status) !== "MAX_FILE_SIZE";
+      });
+      if (isMaxFileSize) {
+        setFileList([]);
+        return;
+      }
+      setFileList(newFileList);
+      const isUploading = newFileList.some(f => f.status === "uploading");
+      setLoading(isUploading);
+      return;
+    }
+
+    // Default behavior for non-custom uploads
     const modifiedList = await Promise.all(newFileList.map(async files => {
       let modifiedFile = files;
       setLoading(true);
       try {
         if ((file === null || file === void 0 ? void 0 : file.uid) === (files === null || files === void 0 ? void 0 : files.uid)) {
           await handleCustomOnChange(files);
-          modifiedFile.status = 'done';
+          modifiedFile.status = "done";
           if (!isImageFile(file === null || file === void 0 ? void 0 : file.name)) {
             modifiedFile.url = _PdfSampleImage.default;
-            // delete modifiedFile?.type;
           }
         }
       } catch (error) {
@@ -147,48 +170,81 @@ function DocumentUpload(_ref) {
     const tempList = modifiedList === null || modifiedList === void 0 ? void 0 : modifiedList.filter(Boolean);
     setFileList(tempList);
   };
+  const getUploadButtonIcon = () => {
+    if ((uploadButtonConfig === null || uploadButtonConfig === void 0 ? void 0 : uploadButtonConfig.icon) === "PlusOutlined") {
+      return /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null);
+  };
   const uploadButton = /*#__PURE__*/_react.default.createElement("button", {
     style: {
       border: 0,
-      background: 'none'
+      background: "none"
     },
     type: "button"
-  }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) :
-  /*#__PURE__*/
-  // <CustomIcon
-  //   className="UploadImg"
-  //   alt="phone img"
-  //   src={offerImg}
-  // />
-  _react.default.createElement(_icons.UploadOutlined, null), /*#__PURE__*/_react.default.createElement("div", null, "Upload"));
+  }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) : getUploadButtonIcon(), /*#__PURE__*/_react.default.createElement("div", null, uploadButtonConfig !== null && uploadButtonConfig !== void 0 && uploadButtonConfig.text ? uploadButtonConfig === null || uploadButtonConfig === void 0 ? void 0 : uploadButtonConfig.text : "Upload"));
   const DeleteFile = async () => {
-    await deleteHandler(selectedFile);
+    await deleteHandler(selectedFile, isEmptyFileList => {
+      if (isEmptyFileList) {
+        setFileList([]);
+      }
+    });
     setDeleteConfirmation(false);
     if (showDeleteButton) {
       setPreviewOpen(false);
     }
   };
   const handleRemove = file => new Promise((resolve, reject) => {
-    setSelectedFile(file);
-    setDeleteConfirmation(true);
-    resolve(false);
+    // If file is uploading, cancel immediately without confirmation
+    if ((file === null || file === void 0 ? void 0 : file.status) === "uploading") {
+      // Remove file from list immediately to cancel upload
+      const newFileList = fileList.filter(f => f.uid !== file.uid);
+      setFileList(newFileList);
+      resolve(true); // Allow removal
+      return;
+    }
+
+    // If file is done or error, show confirmation modal
+    if ((file === null || file === void 0 ? void 0 : file.status) === "done" || (file === null || file === void 0 ? void 0 : file.status) === "error") {
+      setSelectedFile(file);
+      setDeleteConfirmation(true);
+      resolve(false); // Prevent removal until confirmed
+      return;
+    }
+
+    // Default: allow removal
+    resolve(true);
   });
   const handleModalDeleteButton = file => {
     setSelectedFile(file);
     setDeleteConfirmation(true);
   };
+
+  // Get the appropriate remove icon based on file status
+  const getRemoveIcon = file => {
+    // Show cross icon during upload (to cancel)
+    if ((file === null || file === void 0 ? void 0 : file.status) === "uploading") {
+      return /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, null);
+    }
+    // Show delete icon after upload is done or if upload failed
+    if ((file === null || file === void 0 ? void 0 : file.status) === "done" || (file === null || file === void 0 ? void 0 : file.status) === "error") {
+      return /*#__PURE__*/_react.default.createElement(_icons.DeleteFilled, null);
+    }
+    // Default to delete icon
+    return /*#__PURE__*/_react.default.createElement(_icons.DeleteFilled, 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", {
     className: "uploadDiv"
   }, multipleDoc > 0 && /*#__PURE__*/_react.default.createElement("em", null, multipleDoc), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: {
       token: {
-        colorBorder: _ColorVariablesMap.default['--color-divider'],
+        colorBorder: _ColorVariablesMap.default["--color-divider"],
         borderRadiusLG: 4,
-        colorPrimaryHover: _ColorVariablesMap.default['--color-primary'],
-        colorPrimaryBorder: _ColorVariablesMap.default['--color-divider'],
-        colorFillAlter: _ColorVariablesMap.default['--color-secondary-background'],
-        colorError: _ColorVariablesMap.default['--color-negative'],
-        colorText: _ColorVariablesMap.default['--color-secondary-content']
+        colorPrimaryHover: _ColorVariablesMap.default["--color-primary"],
+        colorPrimaryBorder: _ColorVariablesMap.default["--color-divider"],
+        colorFillAlter: _ColorVariablesMap.default["--color-secondary-background"],
+        colorError: _ColorVariablesMap.default["--color-negative"],
+        colorText: _ColorVariablesMap.default["--color-secondary-content"]
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
@@ -196,27 +252,28 @@ function DocumentUpload(_ref) {
     rules: [{
       validator: (rule, value) => {
         if (isMandatory && !(value !== null && value !== void 0 && value.length)) {
-          if (typeof value === 'object' && Object.keys(value).length > 0) {
+          if (typeof value === "object" && Object.keys(value).length > 0) {
             return Promise.resolve();
           }
-          return Promise.reject(new Error('Please upload the document.'));
+          return Promise.reject(new Error("Please upload the document."));
         }
         return Promise.resolve();
       }
     }]
   }, /*#__PURE__*/_react.default.createElement(_antd.Upload, _extends({
-    customRequest: () => {},
-    listType: "picture-card",
+    listType: listType ? listType : "picture-card",
     fileList: fileList,
-    onPreview: handlePreview,
+    onPreview: notShowPreviewButton ? undefined : handlePreview,
     onChange: handleChange,
     onRemove: handleRemove,
     showUploadList: {
       showDownloadIcon: false,
-      showRemoveIcon: showDelete,
-      removeIcon: /*#__PURE__*/_react.default.createElement(_icons.DeleteFilled, null),
-      previewIcon: /*#__PURE__*/_react.default.createElement(_icons.EyeFilled, null)
-    }
+      showRemoveIcon: showDelete !== undefined ? showDelete : true,
+      showPreviewIcon: !notShowPreviewButton,
+      removeIcon: file => getRemoveIcon(file),
+      previewIcon: notShowPreviewButton ? false : /*#__PURE__*/_react.default.createElement(_icons.EyeFilled, null)
+    },
+    maxCount: noOfUpload
   }, antDesignProps), (fileList === null || fileList === void 0 ? void 0 : fileList.length) >= noOfUpload ? null : uploadButton)))))), previewOpen && /*#__PURE__*/_react.default.createElement(_CustomViewer.default, {
     open: previewOpen,
     previewFile: previewImage,
@@ -233,15 +290,15 @@ function DocumentUpload(_ref) {
   }), deleteConfirmation && /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     buttonConfig: [{
       callback: () => DeleteFile(),
-      label: 'Yes, Delete',
-      type: 'danger-primary'
+      label: "Yes, Delete",
+      type: "danger-primary"
     }],
     imgSrc: _handIcon.default,
     open: deleteConfirmation,
     onCancel: () => setDeleteConfirmation(false),
-    title: "Delete Item?",
+    title: deleteModalConfig !== null && deleteModalConfig !== void 0 && deleteModalConfig.title ? deleteModalConfig.title : "Delete Item?",
     className: "delete-modal-confirmation"
-  }, "This action will permanently delete the selected item"));
+  }, deleteModalConfig !== null && deleteModalConfig !== void 0 && deleteModalConfig.body ? deleteModalConfig.body : "This action will permanently delete the selected item"));
 }
 DocumentUpload.propTypes = {
   uploadedDocuments: _propTypes.default.array,
@@ -262,12 +319,15 @@ DocumentUpload.propTypes = {
   showDeleteButton: _propTypes.default.bool,
   showRoateButton: _propTypes.default.bool,
   showZoomInButton: _propTypes.default.bool,
-  showZoomOutButton: _propTypes.default.bool
+  showZoomOutButton: _propTypes.default.bool,
+  uploadButtonConfig: _propTypes.default.object,
+  // Config for upload button text
+  notShowPreviewButton: _propTypes.default.bool // Hide preview button
 };
 DocumentUpload.defaultProps = {
   uploadedDocuments: [],
   handleCustomOnChange: () => {},
-  formName: '',
+  formName: "",
   multipleDoc: 0,
   showDelete: true,
   getPreview: () => {},
@@ -280,6 +340,8 @@ DocumentUpload.defaultProps = {
   showDownloadButton: true,
   showRoateButton: true,
   showZoomInButton: true,
-  showZoomOutButton: true
+  showZoomOutButton: true,
+  uploadButtonConfig: null,
+  notShowPreviewButton: false
 };
 var _default = exports.default = DocumentUpload;

package/build/layout/GenricLayOut/GenricLayOut.js

@@ -81,7 +81,8 @@ function GenricLayOut(_ref) {
       handleCollapsibleKeyData,
       handleProfileReroute,
       handleTableFooterApi,
-      handleSwitchSelectItem
+      handleSwitchSelectItem,
+      handleTableColumnClickParent
     } = {}
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(_layoutReducer.genericLayoutReducer, config !== null && config !== void 0 ? config : _layoutReducer.initialState);
@@ -835,7 +836,11 @@ function GenricLayOut(_ref) {
         if (error) {
           showErrorNotification(error);
         } else {
-          if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.type) === "openNestedDrawer") {
+          if ((data === null || data === void 0 ? void 0 : data.call) === "parent") {
+            handleTableColumnClickParent({
+              data
+            });
+          } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.type) === "openNestedDrawer") {
             var _config$nestedDrawer;
             const record = config === null || config === void 0 || (_config$nestedDrawer = config.nestedDrawer) === null || _config$nestedDrawer === void 0 || (_config$nestedDrawer = _config$nestedDrawer.data) === null || _config$nestedDrawer === void 0 ? void 0 : _config$nestedDrawer.cancelOrder;
             const dynamicConfig = (0, _staticConfigResolver.default)(record, data !== null && data !== void 0 ? data : {});

package/build/layout/GenricLayOut/components/Modal.js

@@ -22,7 +22,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable */
 function LayoutModal(_ref) {
-  var _modal$jsxConfig;
+  var _modal$jsxConfig, _modal$modalContent14;
   let {
     modal,
     onCancel,
@@ -84,7 +84,8 @@ function LayoutModal(_ref) {
     imgSrc: modal === null || modal === void 0 ? void 0 : modal.imgSrc,
     buttonConfig: getModalButtonConfig(modal === null || modal === void 0 || (_modal$jsxConfig = modal.jsxConfig) === null || _modal$jsxConfig === void 0 ? void 0 : _modal$jsxConfig.buttonConfig),
     bgColor: modal === null || modal === void 0 ? void 0 : modal.bgColor,
-    showCloseIcon: modal === null || modal === void 0 ? void 0 : modal.showCloseIcon
+    showCloseIcon: modal === null || modal === void 0 ? void 0 : modal.showCloseIcon,
+    maskClosable: (modal === null || modal === void 0 || (_modal$modalContent14 = modal.modalContent) === null || _modal$modalContent14 === void 0 ? void 0 : _modal$modalContent14.backClickDisable) === true ? false : (modal === null || modal === void 0 ? void 0 : modal.maskClosable) !== undefined ? modal === null || modal === void 0 ? void 0 : modal.maskClosable : true
   }, render());
 }
 LayoutModal.propTypes = {

package/package.json

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