oa-componentbook 1.0.1-stage.424 → 1.0.1-stage.426

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

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

package/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": "1.0.1-stage.424",
+  "version": "1.0.1-stage.426",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",