oa-componentbook 0.18.375 → 0.18.377

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

@@ -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-table/CustomTableV1.js

@@ -245,12 +245,14 @@ function CustomTableV1(_ref2) {
                 return /*#__PURE__*/_react.default.createElement("div", {
                   key: idx
                 }, (option === null || option === void 0 ? void 0 : option.type) === "button" ? /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+                  style: _objectSpread({}, typeof getByPath(record, option === null || option === void 0 ? void 0 : option.key) === "object" ? getByPath(record, option === null || option === void 0 ? void 0 : option.key) : {}),
+                  disabled: (record === null || record === void 0 ? void 0 : record[option === null || option === void 0 ? void 0 : option.disabled]) || false,
                   type: (option === null || option === void 0 ? void 0 : option.subType) || "primary",
                   label: (option === null || option === void 0 ? void 0 : option.label) || (record === null || record === void 0 ? void 0 : record[option === null || option === void 0 ? void 0 : option.key]) || "",
                   onClick: () => customTableChange(record, config)
                 }) : (option === null || option === void 0 ? void 0 : option.type) === "tag" ? /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
                   label: getByPath(record, option === null || option === void 0 ? void 0 : option.key) || "",
-                  type: (option === null || option === void 0 ? void 0 : option.tagType) || "primary",
+                  type: getByPath(record, option === null || option === void 0 ? void 0 : option.tagType) || (option === null || option === void 0 ? void 0 : option.tagType) || "primary",
                   visible: true
                 }) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
                   typography: (option === null || option === void 0 ? void 0 : option.typography) || (col === null || col === void 0 ? void 0 : col.customStyle) && (record === null || record === void 0 || (_record$option$styleK = record[option === null || option === void 0 ? void 0 : option.styleKey]) === null || _record$option$styleK === void 0 ? void 0 : _record$option$styleK.typography) || "type-b2-400",
@@ -260,6 +262,7 @@ function CustomTableV1(_ref2) {
             case "tag":
               const tagType = typeof subType === "function" ? subType(_, record) : subType;
               const tagLabel = label || _;
+              console.log("tagLabel", tagLabel);
               return tagLabel ? /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
                 key: index,
                 label: tagLabel,

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

@@ -18,7 +18,10 @@ 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", "removeHandler", "listType", "deleteModalConfig"];
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
+/* eslint-disable */
 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 }; }
@@ -94,7 +97,12 @@ function DocumentUpload(_ref) {
       deleteHandler,
       showRoateButton,
       showZoomInButton,
-      showZoomOutButton
+      showZoomOutButton,
+      uploadButtonConfig,
+      notShowPreviewButton,
+      removeHandler = () => {},
+      listType,
+      deleteModalConfig
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
   const [previewOpen, setPreviewOpen] = (0, _react.useState)(false);
@@ -105,10 +113,16 @@ function DocumentUpload(_ref) {
   const [deleteConfirmation, setDeleteConfirmation] = (0, _react.useState)(false);
   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]);
   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') {
@@ -126,6 +140,22 @@ function DocumentUpload(_ref) {
       fileList: newFileList,
       file
     } = _ref2;
+    if (antDesignProps !== null && antDesignProps !== void 0 && antDesignProps.customRequest) {
+      const isError = newFileList.some(f => (f === null || f === void 0 ? void 0 : f.status) === 'error');
+      if (isError) {
+        setFileList([]);
+        setIsError(true);
+        setLoading(false);
+        return;
+      }
+      setIsError(false);
+      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);
@@ -135,7 +165,6 @@ function DocumentUpload(_ref) {
           modifiedFile.status = 'done';
           if (!isImageFile(file === null || file === void 0 ? void 0 : file.name)) {
             modifiedFile.url = _PdfSampleImage.default;
-            // delete modifiedFile?.type;
           }
         }
       } catch (error) {
@@ -147,38 +176,83 @@ 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'
     },
     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
+      if (removeHandler) removeHandler(file);
+      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.DeleteOutlined, null);
+    }
+    // Default to delete icon
+    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", {
-    className: "uploadDiv"
+    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: {
       token: {
@@ -205,18 +279,21 @@ function DocumentUpload(_ref) {
       }
     }]
   }, /*#__PURE__*/_react.default.createElement(_antd.Upload, _extends({
-    customRequest: () => {},
-    listType: "picture-card",
+    onClick: e => e.stopPropagation(),
+    ref: uploadRef,
+    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,
@@ -236,12 +313,14 @@ function DocumentUpload(_ref) {
       label: 'Yes, Delete',
       type: 'danger-primary'
     }],
-    imgSrc: _handIcon.default,
+    imgSrc: deleteModalConfig !== null && deleteModalConfig !== void 0 && deleteModalConfig.deleteImage ? deleteModalConfig.deleteImage : _handIcon.default,
     open: deleteConfirmation,
-    onCancel: () => setDeleteConfirmation(false),
-    title: "Delete Item?",
+    onCancel: () => {
+      setDeleteConfirmation(false);
+    },
+    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,7 +341,10 @@ 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: [],
@@ -280,6 +362,8 @@ DocumentUpload.defaultProps = {
   showDownloadButton: true,
   showRoateButton: true,
   showZoomInButton: true,
-  showZoomOutButton: true
+  showZoomOutButton: true,
+  uploadButtonConfig: null,
+  notShowPreviewButton: false
 };
 var _default = exports.default = DocumentUpload;

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

@@ -9,5 +9,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 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) } })); }
-const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-upload-list{\n  display: flex !important;\n  gap: 16px !important;\n  flex-wrap: wrap !important;\n}\n.ant-upload-wrapper .ant-upload-list::before {\n    display: none;\n}\n.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n  width: 96px;\n  height: 96px;\n  margin-block: 0;\n  margin-inline: 0;\n}\n.ant-upload-select button >  span.UploadImg{\n  width: 24px !important;\n  height: 24px;\n}\n.ant-upload-select button >  span.UploadImg > img{\n  width: 100% !important;\n}\n.ant-upload-list-item-container:last-child{\n  margin: 0 !important;\n}\n.ant-form-item{\n  margin-bottom: 0;\n}\n.ant-upload button{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n} \n\n.uploadSecPad div{\n  padding: 0 0 8px;\n}\n.anticon-upload{\n  font-size: 24px;\n}\n.ant-upload-disabled .button{\n  cursor: not-allowed;\n}\n.uploadSecPad{\n  width: 100%;\n}\n.uploadSecPad div:last-child{\n  padding: 0;\n}\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  .ant-upload-list-item-done,.ant-upload-list-item-A{\n    border: 1px solid var(--color-divider) !important;\n  }\n \n  .ant-upload-list-item-actions{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n  }\n \n.ant-upload-list-item-actions button{\n  background: #212121;\n    border-radius: 50px;\n    height: 24px !important;\n    display: flex;\n    align-items: center;\n}\n.ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover{\n  background: #212121;\n}\n  .ant-upload-list-item-actions a{\n    background: #212121;\n    border-radius: 50px;\n    height: 24px;\n    display: flex;\n  }\n \n  .ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{\n    opacity: 1 !important;\n  }\n  \n  @media only screen and (max-width: 600px) {\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n      width: 64px;\n      height: 64px;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {\n      opacity: 1;\n    }\n    .ant-upload-list-item-actions a {\n      height: 16px;\n      align-items: center;\n      justify-content: center;\n      width: 16px !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0px !important;\n    padding: 0px !important;\n    color: #fff;\n}\n  }\n"])));
-const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  h2{\n    margin: 0;\n  }\n \n  @media only screen and (max-width: 600px) {\n    \n    .ant-upload-list-item-actions button {\n      height: 16px!important;\n      width: 16px !important;\n      justify-content: center;\n  }\n  .ant-upload-list-item-actions a {\n    height: 16px;\n    width: 16px !important;\n    align-items: center;\n    justify-content: center;\n}\n    .ant-upload-list-item-actions {\n      gap: 8px;\n    }\n    .ant-upload button span + div{\n      display: none;\n    }\n  }\n"])));
+const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-upload-list {\n    display: flex !important;\n    gap: 16px !important;\n    flex-wrap: wrap !important;\n  }\n  .ant-upload-wrapper .ant-upload-list::before {\n    display: none;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper\n    .ant-upload.ant-upload-select,\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper\n    .ant-upload-list.ant-upload-list-picture-card\n    .ant-upload-list-item-container {\n    width: 96px;\n    height: 96px;\n    margin-block: 0;\n    margin-inline: 0;\n  }\n  .ant-upload-select button > span.UploadImg {\n    width: 24px !important;\n    height: 24px;\n  }\n  .ant-upload-select button > span.UploadImg > img {\n    width: 100% !important;\n  }\n  .ant-upload-list-item-container:last-child {\n    margin: 0 !important;\n  }\n  .ant-form-item {\n    margin-bottom: 0;\n  }\n  .ant-upload button {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .uploadSecPad div {\n    padding: 0 0 8px;\n  }\n  .anticon-upload {\n    font-size: 24px;\n  }\n  .ant-upload-disabled .button {\n    cursor: not-allowed;\n  }\n  .uploadSecPad {\n    width: 100%;\n  }\n  .uploadSecPad div:last-child {\n    padding: 0;\n  }\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  .ant-upload-list-item-done,\n  .ant-upload-list-item-A {\n    border: 1px solid var(--color-divider) !important;\n  }\n\n  .ant-upload-list-item-actions {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n  }\n\n  .ant-upload-list-item-actions button {\n    background: #212121;\n    border-radius: 50px;\n    height: 24px !important;\n    display: flex;\n    align-items: center;\n  }\n  .ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover {\n    background: #212121;\n  }\n  .ant-upload-list-item-actions a {\n    background: #212121;\n    border-radius: 50px;\n    height: 24px;\n    display: flex;\n  }\n\n  .ant-upload-wrapper\n    .ant-upload-list.ant-upload-list-picture-card\n    .ant-upload-list-item {\n    opacity: 1 !important;\n  }\n\n  @media only screen and (max-width: 600px) {\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper\n      .ant-upload-list.ant-upload-list-picture-card\n      .ant-upload-list-item-container,\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper\n      .ant-upload.ant-upload-select {\n      width: 64px;\n      height: 64px;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper\n      .ant-upload-list.ant-upload-list-picture-card\n      .ant-upload-list-item::before,\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper\n      .ant-upload-list.ant-upload-list-picture-card\n      .ant-upload-list-item-actions,\n    .ant-upload-wrapper\n      .ant-upload-list\n      .ant-upload-list-item\n      .ant-upload-list-item-actions\n      .ant-upload-list-item-action {\n      opacity: 1;\n    }\n    .ant-upload-list-item-actions a {\n      height: 16px;\n      align-items: center;\n      justify-content: center;\n      width: 16px !important;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper\n      .ant-upload-list.ant-upload-list-picture-card\n      .ant-upload-list-item-actions\n      .anticon-eye,\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper\n      .ant-upload-list.ant-upload-list-picture-card\n      .ant-upload-list-item-actions\n      .anticon-delete {\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0px !important;\n      padding: 0px !important;\n      color: #fff;\n    }\n  }\n"])));
+const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .errorBorder {\n    border: 1px dashed #de350b !important;\n  }\n\n  .uploadSecPad .ant-upload-list-picture {\n    padding: 0 !important;\n    gap: 0 !important;\n  }\n\n  .uploadSecPad\n    .ant-upload-wrapper\n    .ant-upload-list.ant-upload-list-picture\n    .ant-upload-list-item\n    .ant-upload-list-item-progress {\n    bottom: -2px;\n    width: calc(100% - 24px);\n    margin-top: 0;\n    padding-inline-start: 34px;\n  }\n\n  .uploadSecPad .ant-upload-list-item-thumbnail {\n    line-height: normal !important;\n    width: 24px !important;\n    height: 24px !important;\n    padding: 0;\n  }\n\n  .uploadSecPad .ant-upload-list-item-thumbnail .anticon-file,\n  .uploadSecPad .ant-upload-list-item-thumbnail .anticon-loading {\n    font-size: 24px !important;\n    color: #014fc5 !important;\n  }\n\n  .uploadSecPad .ant-upload-list-picture .ant-upload-list-item-done {\n    border: none !important;\n    margin: 0;\n    padding: 0;\n    height: auto;\n  }\n\n  .uploadSecPad .ant-upload-list-item-actions button,\n  .uploadSecPad .ant-upload-list-item-actions button:hover {\n    background: transparent !important;\n  }\n\n  .uploadSecPad .ant-upload-list-item-actions button .anticon-delete svg {\n    color: #de350b;\n    font-size: 18px;\n  }\n\n  .uploadSecPad\n    .ant-upload-wrapper\n    .ant-upload-list.ant-upload-list-picture\n    .ant-upload-list-item-uploading\n    .ant-upload-list-item-name {\n    color: #014fc5;\n  }\n  .uploadSecPad {\n    width: 100%;\n    border-radius: 4px;\n    border: 1px dashed #014fc5;\n    background: #f6f6f6;\n    padding: 24px 16px;\n    cursor: pointer;\n  }\n\n  .uploadSecPad .ant-upload-list-item-container {\n    width: 100%;\n  }\n\n  .uploadSecPad button {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    padding: 0;\n    margin: 0;\n    color: #014fc5;\n    cursor: pointer;\n  }\n  .uploadSecPad .ant-form-item-control-input {\n    min-height: auto;\n  }\n  .uploadSecPad .ant-upload-select {\n    padding: 0px;\n  }\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  h2 {\n    margin: 0;\n  }\n\n  .uploadSecPad\n    .ant-upload-wrapper\n    .ant-upload-list.ant-upload-list-picture\n    .ant-upload-list-item {\n    height: auto;\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    border-style: none !important;\n    margin: 0;\n  }\n\n  @media only screen and (max-width: 600px) {\n    .ant-upload-list-item-actions button {\n      height: 16px !important;\n      width: 16px !important;\n      justify-content: center;\n    }\n    .ant-upload-list-item-actions a {\n      height: 16px;\n      width: 16px !important;\n      align-items: center;\n      justify-content: center;\n    }\n    .ant-upload-list-item-actions {\n      gap: 8px;\n    }\n    .ant-upload button span + div {\n      display: none;\n    }\n  }\n"])));

package/build/layout/GenricLayOut/GenricLayOut.js

@@ -53,7 +53,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 GenricLayOut(_ref) {
-  var _state$misc29, _sidebar$mobileMenuIt, _imageViewer$content, _imageViewer$content2, _leftHeaderFirstButto, _leftHeaderFirstButto2, _infoPanel$data, _infoPanel$data2, _infoPanel$data3, _infoPanel$data4, _infoPanel$data5, _state$customDrawer3, _state$customDrawer4, _tabs$list, _tables$columns3, _tables$columns4, _tabs$active3, _state$tables4, _tables$selectionType, _tabs$active4, _tables$selectionType2, _tables$pagination17, _drawer$data, _tabs$active5, _drawer$data$drawer$a, _drawer$data2, _tabs$active6, _tabs$active7, _nestedDrawer$data, _nestedDrawer$data$ca, _nestedDrawer$data2, _customDrawer$data, _customDrawer$data2, _contentPanel$dataSou, _tables$tableFooter, _tables$selectedRowKe, _tables$tableFooter2, _tables$tableFooter3, _tables$tableFooter5;
+  var _state$misc30, _sidebar$mobileMenuIt, _imageViewer$content, _imageViewer$content2, _leftHeaderFirstButto, _leftHeaderFirstButto2, _infoPanel$data, _infoPanel$data2, _infoPanel$data3, _infoPanel$data4, _infoPanel$data5, _state$customDrawer3, _state$customDrawer4, _tabs$list, _tables$columns3, _tables$columns4, _tabs$active3, _state$tables5, _tables$selectionType, _tabs$active4, _tables$selectionType2, _tables$pagination17, _drawer$data, _tabs$active5, _drawer$data$drawer$a, _drawer$data2, _tabs$active6, _tabs$active7, _nestedDrawer$data, _nestedDrawer$data$ca, _nestedDrawer$data2, _customDrawer$data, _customDrawer$data2, _contentPanel$dataSou, _tables$tableFooter, _tables$selectedRowKe, _tables$tableFooter2, _tables$tableFooter3, _tables$tableFooter5;
   let {
     config,
     getInitialData,
@@ -81,7 +81,9 @@ function GenricLayOut(_ref) {
       handleCollapsibleKeyData,
       handleProfileReroute,
       handleTableFooterApi,
-      handleSwitchSelectItem
+      handleSwitchSelectItem,
+      handleTableColumnClickParent,
+      handleLeftHeaderFirstButton
     } = {}
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(_layoutReducer.genericLayoutReducer, config !== null && config !== void 0 ? config : _layoutReducer.initialState);
@@ -835,7 +837,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({
+              record
+            });
+          } 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 : {});
@@ -952,6 +958,26 @@ function GenricLayOut(_ref) {
           });
         }
       }
+    } else if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "CHANGE_ROW") {
+      if (handleTableColumnClick) {
+        var _state$tables2, _state$misc14;
+        const {
+          error,
+          data
+        } = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick(_objectSpread({
+          tables: (_state$tables2 = state === null || state === void 0 ? void 0 : state.tables) !== null && _state$tables2 !== void 0 ? _state$tables2 : {},
+          record: record,
+          type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
+        }, (_state$misc14 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc14 !== void 0 ? _state$misc14 : {})));
+        if (error) {
+          showErrorNotification(error);
+        } else {
+          dispatch({
+            type: _layoutReducer.actionTypes.CHANGE_ROW,
+            payload: data
+          });
+        }
+      }
     }
   };
 
@@ -1017,11 +1043,11 @@ function GenricLayOut(_ref) {
       }
     } else if ((configData === null || configData === void 0 ? void 0 : configData.action) === "ACTION_ON_CTA") {
       if (handleTableFooterApi) {
-        var _state$tables2;
+        var _state$tables3;
         const {
           error,
           data
-        } = await (handleTableFooterApi === null || handleTableFooterApi === void 0 ? void 0 : handleTableFooterApi(state === null || state === void 0 || (_state$tables2 = state.tables) === null || _state$tables2 === void 0 ? void 0 : _state$tables2.selectedRowKeys, state));
+        } = await (handleTableFooterApi === null || handleTableFooterApi === void 0 ? void 0 : handleTableFooterApi(state === null || state === void 0 || (_state$tables3 = state.tables) === null || _state$tables3 === void 0 ? void 0 : _state$tables3.selectedRowKeys, state));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -1119,7 +1145,7 @@ function GenricLayOut(_ref) {
       }
     });
     if (handleTableChange) {
-      var _state$dropdownSearch3, _state$inputSearch4, _state$tabs8, _header$subHeading15, _header$subHeading16, _staticFilter$data6, _customDrawer$applied8, _state$misc14, _state$staticFilter$m5, _state$staticFilter5;
+      var _state$dropdownSearch3, _state$inputSearch4, _state$tabs8, _header$subHeading15, _header$subHeading16, _staticFilter$data6, _customDrawer$applied8, _state$misc15, _state$staticFilter$m5, _state$staticFilter5;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -1144,7 +1170,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied8 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied8 !== void 0 ? _customDrawer$applied8 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), {}, {
         order: (sorter === null || sorter === void 0 ? void 0 : sorter.order) === "ascend" && "ASC" || (sorter === null || sorter === void 0 ? void 0 : sorter.order) === "descend" && "DESC" || ""
-      }, (_state$misc14 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc14 !== void 0 ? _state$misc14 : {}), {}, {
+      }, (_state$misc15 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc15 !== void 0 ? _state$misc15 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m5 = state === null || state === void 0 || (_state$staticFilter5 = state.staticFilter) === null || _state$staticFilter5 === void 0 ? void 0 : _state$staticFilter5.multiSelectValue) !== null && _state$staticFilter$m5 !== void 0 ? _state$staticFilter$m5 : []
       }));
       if (error) {
@@ -1227,7 +1253,7 @@ function GenricLayOut(_ref) {
     });
     const selectedStaticFilterValue = tables !== null && tables !== void 0 && tables.staticFilterKey && (tables === null || tables === void 0 ? void 0 : tables.staticFilterKey) == key && Array.isArray(staticFilter.data) ? (_staticFilter$data$fi2 = staticFilter.data.find(item => item.selected)) === null || _staticFilter$data$fi2 === void 0 ? void 0 : _staticFilter$data$fi2.value : undefined;
     if (handleTabClick) {
-      var _state$misc15, _tables$pagination, _tables$pagination2, _tables$sorting13, _tables$sorting14, _state$dropdownSearch4, _header$subHeading17, _header$subHeading18, _customDrawer$applied9, _state$misc16, _state$staticFilter$m6, _state$staticFilter6;
+      var _state$misc16, _tables$pagination, _tables$pagination2, _tables$sorting13, _tables$sorting14, _state$dropdownSearch4, _header$subHeading17, _header$subHeading18, _customDrawer$applied9, _state$misc17, _state$staticFilter$m6, _state$staticFilter6;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -1235,7 +1261,7 @@ function GenricLayOut(_ref) {
       const {
         error,
         data
-      } = await handleTabClick(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (_state$misc15 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc15 !== void 0 ? _state$misc15 : {}), {}, {
+      } = await handleTabClick(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (_state$misc16 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc16 !== void 0 ? _state$misc16 : {}), {}, {
         selectedTab: key,
         current: tables === null || tables === void 0 || (_tables$pagination = tables.pagination) === null || _tables$pagination === void 0 ? void 0 : _tables$pagination.current,
         pageSize: tables === null || tables === void 0 || (_tables$pagination2 = tables.pagination) === null || _tables$pagination2 === void 0 ? void 0 : _tables$pagination2.pageSize,
@@ -1249,7 +1275,7 @@ function GenricLayOut(_ref) {
         selectedOption: state.dropdownSearch.selectedOption
       }), (header === null || header === void 0 || (_header$subHeading17 = header.subHeading) === null || _header$subHeading17 === void 0 || (_header$subHeading17 = _header$subHeading17.jsxConfig) === null || _header$subHeading17 === void 0 ? void 0 : _header$subHeading17.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading18 = header.subHeading) === null || _header$subHeading18 === void 0 || (_header$subHeading18 = _header$subHeading18.jsxConfig) === null || _header$subHeading18 === void 0 ? void 0 : _header$subHeading18.value
-      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied9 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied9 !== void 0 ? _customDrawer$applied9 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc16 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc16 !== void 0 ? _state$misc16 : {}), {}, {
+      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied9 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied9 !== void 0 ? _customDrawer$applied9 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc17 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc17 !== void 0 ? _state$misc17 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m6 = state === null || state === void 0 || (_state$staticFilter6 = state.staticFilter) === null || _state$staticFilter6 === void 0 ? void 0 : _state$staticFilter6.multiSelectValue) !== null && _state$staticFilter$m6 !== void 0 ? _state$staticFilter$m6 : []
       }));
       if (error) {
@@ -1345,11 +1371,11 @@ function GenricLayOut(_ref) {
       return;
     }
     if (handleDrawerFormOnFinish) {
-      var _state$misc17;
+      var _state$misc18;
       const {
         error,
         data
-      } = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread(_objectSpread({}, record), formData), (_state$misc17 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc17 !== void 0 ? _state$misc17 : {})));
+      } = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread(_objectSpread({}, record), formData), (_state$misc18 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc18 !== void 0 ? _state$misc18 : {})));
       if (error) {
         showErrorNotification(error);
       } else {
@@ -1373,7 +1399,7 @@ function GenricLayOut(_ref) {
 
     // If there are remaining filters, reapply them
     if (Object.keys(currentFilters).length > 0) {
-      var _state$dropdownSearch5, _state$inputSearch5, _state$tabs11, _tables$pagination3, _tables$pagination4, _tables$filter6, _tables$sorting15, _header$subHeading19, _header$subHeading20, _staticFilter$data7, _tables$sorting16, _state$misc18, _state$staticFilter$m7, _state$staticFilter7;
+      var _state$dropdownSearch5, _state$inputSearch5, _state$tabs11, _tables$pagination3, _tables$pagination4, _tables$filter6, _tables$sorting15, _header$subHeading19, _header$subHeading20, _staticFilter$data7, _tables$sorting16, _state$misc19, _state$staticFilter$m7, _state$staticFilter7;
       const {
         error,
         data
@@ -1399,7 +1425,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting16 = tables.sorting) === null || _tables$sorting16 === void 0 ? void 0 : _tables$sorting16.sortDirection
-      }, (_state$misc18 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc18 !== void 0 ? _state$misc18 : {}), {}, {
+      }, (_state$misc19 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc19 !== void 0 ? _state$misc19 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m7 = state === null || state === void 0 || (_state$staticFilter7 = state.staticFilter) === null || _state$staticFilter7 === void 0 ? void 0 : _state$staticFilter7.multiSelectValue) !== null && _state$staticFilter$m7 !== void 0 ? _state$staticFilter$m7 : []
       }));
       if (error) {
@@ -1433,7 +1459,7 @@ function GenricLayOut(_ref) {
   const filterFormOnFinish = async formData => {
     // Check if this is a cancel/clear action - check both buttonClickType and the actual button data
     if (formData.type === "FILTER-CANCEL") {
-      var _state$dropdownSearch6, _state$inputSearch6, _state$tabs12, _tables$pagination5, _tables$pagination6, _tables$filter7, _tables$sorting17, _header$subHeading21, _header$subHeading22, _staticFilter$data8, _tables$sorting18, _state$misc19, _state$staticFilter$m8, _state$staticFilter8;
+      var _state$dropdownSearch6, _state$inputSearch6, _state$tabs12, _tables$pagination5, _tables$pagination6, _tables$filter7, _tables$sorting17, _header$subHeading21, _header$subHeading22, _staticFilter$data8, _tables$sorting18, _state$misc20, _state$staticFilter$m8, _state$staticFilter8;
       if (isFiltersEmpty(customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)) {
         dispatch({
           type: _layoutReducer.actionTypes.CUSTOM_DRAWER_CLOSED
@@ -1462,7 +1488,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting18 = tables.sorting) === null || _tables$sorting18 === void 0 ? void 0 : _tables$sorting18.sortDirection
-      }, (_state$misc19 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc19 !== void 0 ? _state$misc19 : {}), {}, {
+      }, (_state$misc20 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc20 !== void 0 ? _state$misc20 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m8 = state === null || state === void 0 || (_state$staticFilter8 = state.staticFilter) === null || _state$staticFilter8 === void 0 ? void 0 : _state$staticFilter8.multiSelectValue) !== null && _state$staticFilter$m8 !== void 0 ? _state$staticFilter$m8 : []
       }));
       if (error) {
@@ -1512,7 +1538,7 @@ function GenricLayOut(_ref) {
 
     // Only process filter data if this is actually a filter drawer
     if (formData.type === "FILTER-SUBMIT") {
-      var _state$dropdownSearch7, _state$inputSearch7, _ref4, _appliedFilters$filte, _state$tabs13, _config$tables29, _config$tables30, _tables$filter8, _tables$sorting19, _header$subHeading23, _header$subHeading24, _staticFilter$data9, _tables$sorting20, _state$misc20, _state$staticFilter$m9, _state$staticFilter9;
+      var _state$dropdownSearch7, _state$inputSearch7, _ref4, _appliedFilters$filte, _state$tabs13, _config$tables29, _config$tables30, _tables$filter8, _tables$sorting19, _header$subHeading23, _header$subHeading24, _staticFilter$data9, _tables$sorting20, _state$misc21, _state$staticFilter$m9, _state$staticFilter9;
       const appliedFilters = {};
       Object.keys(formData).forEach(key => {
         const value = formData[key];
@@ -1551,7 +1577,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting20 = tables.sorting) === null || _tables$sorting20 === void 0 ? void 0 : _tables$sorting20.sortDirection
-      }, (_state$misc20 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc20 !== void 0 ? _state$misc20 : {}), {}, {
+      }, (_state$misc21 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc21 !== void 0 ? _state$misc21 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m9 = state === null || state === void 0 || (_state$staticFilter9 = state.staticFilter) === null || _state$staticFilter9 === void 0 ? void 0 : _state$staticFilter9.multiSelectValue) !== null && _state$staticFilter$m9 !== void 0 ? _state$staticFilter$m9 : []
       }));
       if (error) {
@@ -1606,7 +1632,7 @@ function GenricLayOut(_ref) {
         }
       });
       if (handleSecondaryTableCTAClick) {
-        var _state$dropdownSearch8, _state$inputSearch8, _state$tabs14, _tables$pagination7, _tables$pagination8, _tables$filter9, _tables$sorting21, _tables$sorting22, _header$subHeading25, _header$subHeading26, _staticFilter$data10, _state$misc21, _state$staticFilter$m10, _state$staticFilter10;
+        var _state$dropdownSearch8, _state$inputSearch8, _state$tabs14, _tables$pagination7, _tables$pagination8, _tables$filter9, _tables$sorting21, _tables$sorting22, _header$subHeading25, _header$subHeading26, _staticFilter$data10, _state$misc22, _state$staticFilter$m10, _state$staticFilter10;
         const {
           error,
           data
@@ -1631,7 +1657,7 @@ function GenricLayOut(_ref) {
           toDate: formData === null || formData === void 0 ? void 0 : formData.toDate
         }, appliedFilters), (formData === null || formData === void 0 ? void 0 : formData.exportType) && {
           exportType: formData === null || formData === void 0 ? void 0 : formData.exportType
-        }), (_state$misc21 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc21 !== void 0 ? _state$misc21 : {}), {}, {
+        }), (_state$misc22 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc22 !== void 0 ? _state$misc22 : {}), {}, {
           multiSelectValue: (_state$staticFilter$m10 = state === null || state === void 0 || (_state$staticFilter10 = state.staticFilter) === null || _state$staticFilter10 === void 0 ? void 0 : _state$staticFilter10.multiSelectValue) !== null && _state$staticFilter$m10 !== void 0 ? _state$staticFilter$m10 : []
         })));
         if (error) {
@@ -1647,7 +1673,7 @@ function GenricLayOut(_ref) {
     }
   };
   const onClearAllAppliedFilters = async () => {
-    var _state$dropdownSearch9, _state$inputSearch9, _state$tabs15, _tables$pagination9, _tables$pagination10, _tables$filter10, _tables$sorting23, _header$subHeading27, _header$subHeading28, _staticFilter$data11, _tables$sorting24, _state$misc22, _state$staticFilter$m11, _state$staticFilter11;
+    var _state$dropdownSearch9, _state$inputSearch9, _state$tabs15, _tables$pagination9, _tables$pagination10, _tables$filter10, _tables$sorting23, _header$subHeading27, _header$subHeading28, _staticFilter$data11, _tables$sorting24, _state$misc23, _state$staticFilter$m11, _state$staticFilter11;
     const {
       error,
       data
@@ -1670,7 +1696,7 @@ function GenricLayOut(_ref) {
       staticFilter: staticFilter.data.find(item => item.selected).value
     }), {}, {
       order: tables === null || tables === void 0 || (_tables$sorting24 = tables.sorting) === null || _tables$sorting24 === void 0 ? void 0 : _tables$sorting24.sortDirection
-    }, (_state$misc22 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc22 !== void 0 ? _state$misc22 : {}), {}, {
+    }, (_state$misc23 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc23 !== void 0 ? _state$misc23 : {}), {}, {
       multiSelectValue: (_state$staticFilter$m11 = state === null || state === void 0 || (_state$staticFilter11 = state.staticFilter) === null || _state$staticFilter11 === void 0 ? void 0 : _state$staticFilter11.multiSelectValue) !== null && _state$staticFilter$m11 !== void 0 ? _state$staticFilter$m11 : []
     }));
     if (error) {
@@ -1729,14 +1755,14 @@ function GenricLayOut(_ref) {
       return;
     } else if (action === "CLOSE_MODAL_AND_FETCH") {
       if (handleModalCloseSuccess) {
-        var _stateRef$current, _state$misc23;
+        var _stateRef$current, _state$misc24;
         const {
           error,
           data
         } = await (handleModalCloseSuccess === null || handleModalCloseSuccess === void 0 ? void 0 : handleModalCloseSuccess(_objectSpread({
           modalValue: stateRef === null || stateRef === void 0 || (_stateRef$current = stateRef.current) === null || _stateRef$current === void 0 || (_stateRef$current = _stateRef$current.modal) === null || _stateRef$current === void 0 ? void 0 : _stateRef$current.value,
           call: buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.call
-        }, (_state$misc23 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc23 !== void 0 ? _state$misc23 : {})));
+        }, (_state$misc24 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc24 !== void 0 ? _state$misc24 : {})));
         if (error) {
           showErrorNotification(error);
         } else {
@@ -1750,11 +1776,11 @@ function GenricLayOut(_ref) {
       }
     } else {
       if (handleDrawerFormOnFinish) {
-        var _state$tables$selecte, _state$tables3, _state$misc24;
+        var _state$tables$selecte, _state$tables4, _state$misc25;
         let req = {};
         req.type = "APPROVE";
-        req.orderUUID = (_state$tables$selecte = state === null || state === void 0 || (_state$tables3 = state.tables) === null || _state$tables3 === void 0 || (_state$tables3 = _state$tables3.selectedRowKeys) === null || _state$tables3 === void 0 ? void 0 : _state$tables3.map(item => item.orderUUID)) !== null && _state$tables$selecte !== void 0 ? _state$tables$selecte : [];
-        req.misc = (_state$misc24 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc24 !== void 0 ? _state$misc24 : {};
+        req.orderUUID = (_state$tables$selecte = state === null || state === void 0 || (_state$tables4 = state.tables) === null || _state$tables4 === void 0 || (_state$tables4 = _state$tables4.selectedRowKeys) === null || _state$tables4 === void 0 ? void 0 : _state$tables4.map(item => item.orderUUID)) !== null && _state$tables$selecte !== void 0 ? _state$tables$selecte : [];
+        req.misc = (_state$misc25 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc25 !== void 0 ? _state$misc25 : {};
         const {
           error,
           data
@@ -1814,6 +1840,20 @@ function GenricLayOut(_ref) {
       dispatch({
         type: _layoutReducer.actionTypes.CUSTOM_DRAWER_OPEN
       });
+    } else if ((leftHeaderFirstButton === null || leftHeaderFirstButton === void 0 ? void 0 : leftHeaderFirstButton.action) === "EXPORT_DATA") {
+      handleLeftHeaderFirstButton(state).then(res => {
+        const {
+          error,
+          data
+        } = res;
+        if (error) {
+          showErrorNotification(error);
+        } else {
+          showSuccessNotification((data === null || data === void 0 ? void 0 : data.message) || "Export initiated successfully");
+        }
+      }).catch(err => {
+        showErrorNotification(err.message || "An error occurred during export");
+      });
     }
   };
 
@@ -1854,7 +1894,7 @@ function GenricLayOut(_ref) {
   };
   const rightHeaderSecondButtonClick = async () => {
     if ((rightHeaderSecondButton === null || rightHeaderSecondButton === void 0 ? void 0 : rightHeaderSecondButton.action) === "RESET_CUSTOM_DRAWER") {
-      var _state$dropdownSearch10, _state$inputSearch10, _state$tabs16, _tables$pagination11, _tables$pagination12, _tables$filter11, _tables$sorting25, _header$subHeading29, _header$subHeading30, _staticFilter$data12, _tables$sorting26, _state$misc25, _state$staticFilter$m12, _state$staticFilter12;
+      var _state$dropdownSearch10, _state$inputSearch10, _state$tabs16, _tables$pagination11, _tables$pagination12, _tables$filter11, _tables$sorting25, _header$subHeading29, _header$subHeading30, _staticFilter$data12, _tables$sorting26, _state$misc26, _state$staticFilter$m12, _state$staticFilter12;
       const {
         error,
         data
@@ -1877,7 +1917,7 @@ function GenricLayOut(_ref) {
         staticFilter: staticFilter.data.find(item => item.selected).value
       }), {}, {
         order: tables === null || tables === void 0 || (_tables$sorting26 = tables.sorting) === null || _tables$sorting26 === void 0 ? void 0 : _tables$sorting26.sortDirection
-      }, (_state$misc25 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc25 !== void 0 ? _state$misc25 : {}), {}, {
+      }, (_state$misc26 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc26 !== void 0 ? _state$misc26 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m12 = state === null || state === void 0 || (_state$staticFilter12 = state.staticFilter) === null || _state$staticFilter12 === void 0 ? void 0 : _state$staticFilter12.multiSelectValue) !== null && _state$staticFilter$m12 !== void 0 ? _state$staticFilter$m12 : []
       }));
       if (error) {
@@ -1930,7 +1970,7 @@ function GenricLayOut(_ref) {
   };
   const handleSubHeadingSelect = async val => {
     if (val) {
-      var _state$tabs17, _tables$pagination13, _tables$pagination14, _state$misc26;
+      var _state$tabs17, _tables$pagination13, _tables$pagination14, _state$misc27;
       dispatch({
         type: _layoutReducer.actionTypes.SET_SUBHEADING_SELECTED_CONFIG,
         payload: val
@@ -1944,7 +1984,7 @@ function GenricLayOut(_ref) {
         current: tables === null || tables === void 0 || (_tables$pagination13 = tables.pagination) === null || _tables$pagination13 === void 0 ? void 0 : _tables$pagination13.current,
         pageSize: tables === null || tables === void 0 || (_tables$pagination14 = tables.pagination) === null || _tables$pagination14 === void 0 ? void 0 : _tables$pagination14.pageSize,
         subHeadingSelectVal: val
-      }, (_state$misc26 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc26 !== void 0 ? _state$misc26 : {}));
+      }, (_state$misc27 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc27 !== void 0 ? _state$misc27 : {}));
       if (error) {
         showErrorNotification(error);
         dispatch({
@@ -1980,7 +2020,7 @@ function GenricLayOut(_ref) {
 
     // Call the handler if provided
     if (handleTableChange) {
-      var _state$dropdownSearch11, _state$inputSearch11, _state$tabs18, _tables$pagination15, _tables$sorting27, _tables$sorting28, _header$subHeading31, _header$subHeading32, _customDrawer$applied10, _state$misc27;
+      var _state$dropdownSearch11, _state$inputSearch11, _state$tabs18, _tables$pagination15, _tables$sorting27, _tables$sorting28, _header$subHeading31, _header$subHeading32, _customDrawer$applied10, _state$misc28;
       dispatch({
         type: _layoutReducer.actionTypes.SET_LOADING,
         payload: true
@@ -2002,7 +2042,7 @@ function GenricLayOut(_ref) {
         order: tables === null || tables === void 0 || (_tables$sorting28 = tables.sorting) === null || _tables$sorting28 === void 0 ? void 0 : _tables$sorting28.sortDirection
       }, (header === null || header === void 0 || (_header$subHeading31 = header.subHeading) === null || _header$subHeading31 === void 0 || (_header$subHeading31 = _header$subHeading31.jsxConfig) === null || _header$subHeading31 === void 0 ? void 0 : _header$subHeading31.type) == "select" ? {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading32 = header.subHeading) === null || _header$subHeading32 === void 0 || (_header$subHeading32 = _header$subHeading32.jsxConfig) === null || _header$subHeading32 === void 0 ? void 0 : _header$subHeading32.value
-      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied10 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied10 !== void 0 ? _customDrawer$applied10 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc27 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc27 !== void 0 ? _state$misc27 : {}), {}, {
+      } : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied10 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied10 !== void 0 ? _customDrawer$applied10 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc28 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc28 !== void 0 ? _state$misc28 : {}), {}, {
         staticFilter: filterValue,
         // Pass static filter value
         multiSelectValue: multiSelectValue
@@ -2046,7 +2086,7 @@ function GenricLayOut(_ref) {
       }
     });
     if (handleTableChange) {
-      var _state$dropdownSearch12, _state$inputSearch12, _state$tabs19, _tables$filter12, _tables$sorting29, _tables$sorting30, _header$subHeading33, _header$subHeading34, _staticFilter$data13, _customDrawer$applied11, _state$misc28, _state$staticFilter$m13, _state$staticFilter13;
+      var _state$dropdownSearch12, _state$inputSearch12, _state$tabs19, _tables$filter12, _tables$sorting29, _tables$sorting30, _header$subHeading33, _header$subHeading34, _staticFilter$data13, _customDrawer$applied11, _state$misc29, _state$staticFilter$m13, _state$staticFilter13;
       const {
         error,
         data
@@ -2066,7 +2106,7 @@ function GenricLayOut(_ref) {
         subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading34 = header.subHeading) === null || _header$subHeading34 === void 0 || (_header$subHeading34 = _header$subHeading34.jsxConfig) === null || _header$subHeading34 === void 0 ? void 0 : _header$subHeading34.value
       } : {}), (staticFilter === null || staticFilter === void 0 ? void 0 : staticFilter.visible) && ((_staticFilter$data13 = staticFilter.data) === null || _staticFilter$data13 === void 0 || (_staticFilter$data13 = _staticFilter$data13.find(item => item.selected)) === null || _staticFilter$data13 === void 0 ? void 0 : _staticFilter$data13.value) && {
         staticFilter: staticFilter.data.find(item => item.selected).value
-      }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied11 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied11 !== void 0 ? _customDrawer$applied11 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc28 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc28 !== void 0 ? _state$misc28 : {}), {}, {
+      }), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied11 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied11 !== void 0 ? _customDrawer$applied11 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc29 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc29 !== void 0 ? _state$misc29 : {}), {}, {
         multiSelectValue: (_state$staticFilter$m13 = state === null || state === void 0 || (_state$staticFilter13 = state.staticFilter) === null || _state$staticFilter13 === void 0 ? void 0 : _state$staticFilter13.multiSelectValue) !== null && _state$staticFilter$m13 !== void 0 ? _state$staticFilter$m13 : []
       }));
       if (error) {
@@ -2097,7 +2137,7 @@ function GenricLayOut(_ref) {
   console.log(state, "GenricLayOutstate");
   return /*#__PURE__*/_react.default.createElement(_styles.OapageWithDataStyle, {
     marginBottom: infoPanel !== null && infoPanel !== void 0 && infoPanel.bottomMarginRequired ? "18px" : "0",
-    className: (state === null || state === void 0 || (_state$misc29 = state.misc) === null || _state$misc29 === void 0 ? void 0 : _state$misc29.flow) === "hubAutomation" ? "hubAutomationContainer" : ""
+    className: (state === null || state === void 0 || (_state$misc30 = state.misc) === null || _state$misc30 === void 0 ? void 0 : _state$misc30.flow) === "hubAutomation" ? "hubAutomationContainer" : ""
   }, /*#__PURE__*/_react.default.createElement(_styles.DrawerWithOutFooter, null), /*#__PURE__*/_react.default.createElement("div", {
     className: "fullPageLayout"
   }, /*#__PURE__*/_react.default.createElement(_GlobalCss.default, null, (sidebar === null || sidebar === void 0 ? void 0 : sidebar.visible) && /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
@@ -2290,7 +2330,7 @@ function GenricLayOut(_ref) {
     onChange: onTableChange,
     customTableChange: customTableChange,
     pagination: tables === null || tables === void 0 ? void 0 : tables.pagination,
-    selectedRows: (state === null || state === void 0 || (_state$tables4 = state.tables) === null || _state$tables4 === void 0 ? void 0 : _state$tables4.selectedRowKeys) || [],
+    selectedRows: (state === null || state === void 0 || (_state$tables5 = state.tables) === null || _state$tables5 === void 0 ? void 0 : _state$tables5.selectedRowKeys) || [],
     rowSelection: (tables === null || tables === void 0 || (_tables$selectionType = tables.selectionType) === null || _tables$selectionType === void 0 ? void 0 : _tables$selectionType[(_tabs$active4 = tabs === null || tabs === void 0 ? void 0 : tabs.active) !== null && _tabs$active4 !== void 0 ? _tabs$active4 : "default"]) && Object.assign({
       type: tables === null || tables === void 0 || (_tables$selectionType2 = tables.selectionType) === null || _tables$selectionType2 === void 0 ? void 0 : _tables$selectionType2[tabs === null || tabs === void 0 ? void 0 : tabs.active]
     }, rowSelection),

package/build/layout/GenricLayOut/reducer/layoutReducer.js

@@ -56,7 +56,8 @@ const actionTypes = exports.actionTypes = {
   CLEAR_ALL_APPLIED_FILTERS: "CLEAR_ALL_APPLIED_FILTERS",
   UPDATE_FILTER_FORM_VALUES: "UPDATE_FILTER_FORM_VALUES",
   SET_STATIC_FILTER: "SET_STATIC_FILTER",
-  SET_PROFILE_DATA: "SET_PROFILE_DATA"
+  SET_PROFILE_DATA: "SET_PROFILE_DATA",
+  CHANGE_ROW: "CHANGE_ROW"
 };
 function getFieldDefaultValue(widget) {
   switch (widget) {
@@ -300,6 +301,9 @@ const genericLayoutReducer = exports.genericLayoutReducer = (0, _immer.produce)(
     case actionTypes.SET_PROFILE_DATA:
       draft.profileData = _objectSpread(_objectSpread({}, draft.profileData), action.payload);
       break;
+    case actionTypes.CHANGE_ROW:
+      draft.tables = action.payload.tables;
+      break;
     default:
       break;
   }

package/build/widgets/oa-widget-user-management/UserManagementWidget.js

@@ -46,8 +46,12 @@ function UserManagementWidget(_ref) {
   const [addingUser, setAddingUser] = (0, _react.useState)(false);
   const [deleteModalVisible, setDeleteModalVisible] = (0, _react.useState)(false);
   const [userToDelete, setUserToDelete] = (0, _react.useState)(null);
-  const [updateTrigger, setUpdateTrigger] = (0, _react.useState)(0);
   const notificationRef = (0, _react.useRef)(null);
+
+  // Use local state for users, initialized from initialData only
+  const [users, setUsers] = (0, _react.useState)(() => {
+    return Array.isArray(initialData) ? initialData : [];
+  });
   const openNotification = (0, _react.useCallback)(params => notificationRef.current.openNotification(params), []);
   const showErrorNotification = message => {
     openNotification({
@@ -68,23 +72,21 @@ function UserManagementWidget(_ref) {
     });
   };
 
-  // Get current users from form state
-  const users = form.getFieldValue(fieldName) || initialData;
-
-  // Update form state with new user list and trigger re-render
+  // Update both local state and form state
   const updateUsers = newUsers => {
+    setUsers(newUsers);
     form.setFieldsValue({
       [fieldName]: newUsers
     });
-    setUpdateTrigger(prev => prev + 1); // Trigger re-render
   };
 
-  // Initialize form field if not already set
+  // Sync users state with form and initialData
   (0, _react.useEffect)(() => {
-    const currentUsers = form.getFieldValue(fieldName);
-    if (!currentUsers) {
-      updateFormUsers(initialData);
-    }
+    const defaultUsers = Array.isArray(initialData) ? initialData : [];
+    setUsers(defaultUsers);
+    form.setFieldsValue({
+      [fieldName]: defaultUsers
+    });
   }, [initialData, fieldName, form]);
   const handleEdit = user => {
     setEditingUserId(user.id);

package/package.json

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