oa-componentbook 1.0.1-stage.439 → 1.0.1-stage.440

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

@@ -5,9 +5,12 @@ require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = UserManagementWidget;
+exports.default = _default;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.regexp.constructor.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _EditOutlined = _interopRequireDefault(require("@material-ui/icons/EditOutlined"));
@@ -28,7 +31,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 UserManagementWidget(_ref) {
+function _default(_ref) {
+  var _drawer$data, _activeDrawerData$mis;
   let {
     form,
     fieldName = "users",
@@ -39,7 +43,8 @@ function UserManagementWidget(_ref) {
     addUserClick,
     deleteUserClick,
     editUserClick,
-    misc
+    misc,
+    drawer
   } = _ref;
   const finalFields = fields || [];
   const [editingUserId, setEditingUserId] = (0, _react.useState)(null);
@@ -88,6 +93,28 @@ function UserManagementWidget(_ref) {
       [fieldName]: defaultUsers
     });
   }, [initialData, fieldName, form]);
+
+  // Reset form state when drawer closes or opens to ensure fresh context
+  (0, _react.useEffect)(() => {
+    if (drawer && drawer.visible === false) {
+      // Reset adding/editing state when drawer closes
+      setAddingUser(false);
+      setEditingUserId(null);
+      setDeleteModalVisible(false);
+      setUserToDelete(null);
+
+      // Clear form fields
+      const clearData = {};
+      finalFields.forEach(field => {
+        clearData["".concat(fieldName, "_").concat(field.key)] = "";
+      });
+      form.setFieldsValue(clearData);
+    }
+  }, [drawer === null || drawer === void 0 ? void 0 : drawer.visible, form, fieldName, finalFields]);
+
+  // Access branchId dynamically from drawer data using active drawer key
+  const activeDrawerData = drawer === null || drawer === void 0 || (_drawer$data = drawer.data) === null || _drawer$data === void 0 ? void 0 : _drawer$data[drawer === null || drawer === void 0 ? void 0 : drawer.active];
+  const branchId = activeDrawerData === null || activeDrawerData === void 0 || (_activeDrawerData$mis = activeDrawerData.misc) === null || _activeDrawerData$mis === void 0 ? void 0 : _activeDrawerData$mis.branchId;
   const handleEdit = user => {
     setEditingUserId(user.id);
     setAddingUser(false);
@@ -127,7 +154,7 @@ function UserManagementWidget(_ref) {
           const {
             error,
             data
-          } = await editUserClick(editingUserId, userData);
+          } = await editUserClick(editingUserId, userData, misc);
           if (error) {
             showErrorNotification(error);
           } else {
@@ -146,10 +173,13 @@ function UserManagementWidget(_ref) {
       } else if (addingUser) {
         // Add new user
         if (addUserClick) {
+          console.log("userData", userData);
+          console.log("misc", misc);
+          console.log("branchId", branchId);
           const {
             error,
             data
-          } = await addUserClick(userData, misc);
+          } = await addUserClick(userData, misc, branchId);
           if (error) {
             showErrorNotification(error);
           } else {
@@ -215,15 +245,38 @@ function UserManagementWidget(_ref) {
   };
   const canDelete = users.length > 1;
   const isEditing = editingUserId !== null || addingUser;
+
+  // Process rules to handle checkValidator structure (similar to FormWidget)
+  const processRules = rules => {
+    if (!rules || !Array.isArray(rules)) {
+      return rules;
+    }
+    return rules.map(r => {
+      // If rule has checkValidator, extract the nested rule object
+      if (r !== null && r !== void 0 && r.checkValidator && r !== null && r !== void 0 && r.rule) {
+        let processedRule = _objectSpread({}, r.rule);
+
+        // Handle pattern conversion if it's a string
+        if (processedRule.pattern && typeof processedRule.pattern === "string") {
+          processedRule.pattern = new RegExp(processedRule.pattern);
+        }
+        return processedRule;
+      }
+
+      // Return rule as-is if it doesn't have checkValidator structure
+      return r;
+    });
+  };
   const renderFormField = field => {
     var _field$options;
     const fieldNameWithPrefix = "".concat(fieldName, "_").concat(field.key);
+    const processedRules = processRules(field.rules);
     switch (field.widget || field.type) {
       case "input":
         return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
           name: fieldNameWithPrefix,
           label: field.label,
-          rules: field.rules,
+          rules: processedRules,
           style: {
             marginBottom: 16
           }
@@ -234,7 +287,7 @@ function UserManagementWidget(_ref) {
         return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
           name: fieldNameWithPrefix,
           label: field.label,
-          rules: field.rules,
+          rules: processedRules,
           style: {
             marginBottom: 16
           }
@@ -249,7 +302,7 @@ function UserManagementWidget(_ref) {
         return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
           name: fieldNameWithPrefix,
           label: field.label,
-          rules: field.rules,
+          rules: processedRules,
           style: {
             marginBottom: 16
           }

package/package.json

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

package/build/components/oa-component-document-details-panel/DocumentDetailsPanel.js

@@ -1,139 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
-var _CustomButton = _interopRequireDefault(require("../oa-component-button/CustomButton"));
-var _templateObject;
-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) } })); }
-/**
- * Styled container for the details panel
- */
-const PanelContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: #fff;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n\n  .panel-title {\n    margin: 0 0 24px 0;\n  }\n\n  .section-header {\n    background: var(--color-tertiary-background, #f5f5f5);\n    padding: 12px 16px;\n  }\n\n  .details-table {\n    width: 100%;\n  }\n\n  .details-row {\n    display: flex;\n    border-bottom: 1px solid var(--color-border, #f0f0f0);\n    padding: 16px 0;\n  }\n\n  .details-label {\n    width: 140px;\n    min-width: 100px;\n    flex-shrink: 0;\n  }\n\n  .details-value {\n    flex: 1;\n    word-break: break-word;\n    font-weight: 500;\n  }\n\n  .details-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 24px;\n    padding-top: 24px;\n    border-top: 1px solid var(--color-border, #e8e8e8);\n  }\n\n  .children-container {\n    margin-top: 24px;\n  }\n"])));
-
-/**
- * DocumentDetailsPanel Component
- *
- * A reusable panel for displaying document/invoice details with key-value pairs.
- * Can be used standalone or as children of DocumentSideDrawer, Modal, etc.
- * Uses existing Typography and CustomButton components.
- *
- * @example
- * // Standalone usage
- * <DocumentDetailsPanel
- *   title="Check if the below details are correct"
- *   sectionTitle="INVOICE DETAILS"
- *   details={[
- *     { label: 'Date', value: '17 Nov 2025' },
- *     { label: 'Invoice Number', value: 'IEXPS8790L' },
- *   ]}
- *   actions={[
- *     { label: 'Download Invoice', onClick: () => {}, icon: <MaterialIcon icon={GetAppIcon} /> },
- *   ]}
- * />
- *
- * @example
- * // With DocumentSideDrawer
- * <DocumentSideDrawer title="VALIDATE" documentConfig={...}>
- *   <DocumentDetailsPanel
- *     title="Verify the details"
- *     details={[...]}
- *     actions={[...]}
- *   />
- * </DocumentSideDrawer>
- */
-function DocumentDetailsPanel(_ref) {
-  let {
-    title,
-    sectionTitle,
-    details,
-    actions,
-    children,
-    className,
-    style
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(PanelContainer, {
-    className: className,
-    style: style
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: "panel-title"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-t2-700",
-    color: "primary-content"
-  }, title)), sectionTitle && /*#__PURE__*/_react.default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-sl1-700",
-    color: "secondary-content"
-  }, sectionTitle)), details && details.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "details-table"
-  }, details.map((detail, index) => /*#__PURE__*/_react.default.createElement("div", {
-    className: "details-row",
-    key: detail.key || index
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "details-label"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400",
-    color: "secondary-content"
-  }, detail.label)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "details-value"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400",
-    color: "primary-content"
-  }, detail.value))))), actions && actions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "details-actions"
-  }, actions.map((action, index) => /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
-    key: action.key || index,
-    label: action.label,
-    onClick: action.onClick,
-    type: "text-only",
-    size: "medium",
-    iconConfig: {
-      icon: action.icon || null,
-      position: 'left'
-    }
-  }))), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: "children-container"
-  }, children));
-}
-DocumentDetailsPanel.propTypes = {
-  /** Title text displayed at the top of the panel */
-  title: _propTypes.default.string,
-  /** Section header text (e.g., "INVOICE DETAILS") */
-  sectionTitle: _propTypes.default.string,
-  /** Array of detail items to display as key-value pairs */
-  details: _propTypes.default.arrayOf(_propTypes.default.shape({
-    key: _propTypes.default.string,
-    label: _propTypes.default.string.isRequired,
-    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.node]).isRequired
-  })),
-  /** Array of action buttons/links to display */
-  actions: _propTypes.default.arrayOf(_propTypes.default.shape({
-    key: _propTypes.default.string,
-    label: _propTypes.default.string.isRequired,
-    onClick: _propTypes.default.func,
-    icon: _propTypes.default.node
-  })),
-  /** Additional content to render below the details */
-  children: _propTypes.default.node,
-  /** Additional CSS class */
-  className: _propTypes.default.string,
-  /** Inline styles */
-  style: _propTypes.default.object
-};
-DocumentDetailsPanel.defaultProps = {
-  title: null,
-  sectionTitle: null,
-  details: [],
-  actions: [],
-  children: null,
-  className: '',
-  style: {}
-};
-var _default = exports.default = DocumentDetailsPanel;