oa-componentbook 1.0.1-stage.441 → 1.0.1-stage.443

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

@@ -15,7 +15,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 /**
  * 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"])));
+const PanelContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: var(--color-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  .table-container {\n    border: 1px solid var(--color-border, #e8e8e8);\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 24px;\n  }\n\n  .section-header {\n    background: var(--color-background-secondary, #f5f5f5);\n    padding: 12px 16px;\n    margin: 0;\n    border-bottom: 1px solid var(--color-border, #e8e8e8);\n  }\n\n  .details-table {\n    width: 100%;\n    margin: 0;\n    border-collapse: collapse;\n    background: var(--color-background, #fff);\n  }\n\n  .details-row {\n    border-bottom: 1px solid var(--color-border-light, #f0f0f0);\n  }\n\n  .details-row:last-child {\n    border-bottom: none;\n  }\n\n  .details-label {\n    width: 140px;\n    min-width: 140px;\n    padding: 16px;\n    padding-right: 16px;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .details-value {\n    padding: 16px;\n    word-break: break-word;\n    font-weight: 500;\n    vertical-align: top;\n  }\n\n  .details-actions {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 0;\n    padding-top: 0;\n    border-top: none;\n  }\n\n  .details-actions button {\n    padding: 0;\n  }\n\n  .children-container {\n    margin-top: 24px;\n  }\n"])));
 
 /**
  * DocumentDetailsPanel Component
@@ -66,39 +66,53 @@ function DocumentDetailsPanel(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-t2-700",
     color: "primary-content"
-  }, title)), sectionTitle && /*#__PURE__*/_react.default.createElement("div", {
+  }, title)), (sectionTitle || details && details.length > 0) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "table-container"
+  }, 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", {
+  }, sectionTitle)), details && details.length > 0 && /*#__PURE__*/_react.default.createElement("table", {
+    className: "details-table",
+    role: "table",
+    "aria-label": sectionTitle || 'Details'
+  }, /*#__PURE__*/_react.default.createElement("tbody", null, details.map((detail, index) => {
+    const rowKey = detail.key || "detail-".concat(detail.label, "-").concat(index);
+    return /*#__PURE__*/_react.default.createElement("tr", {
+      className: "details-row",
+      key: rowKey
+    }, /*#__PURE__*/_react.default.createElement("th", {
+      className: "details-label",
+      scope: "row"
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      typography: "type-b2-400",
+      color: "secondary-content"
+    }, detail.label)), /*#__PURE__*/_react.default.createElement("td", {
+      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",
+    role: "group",
+    "aria-label": "Document actions"
+  }, actions.map((action, index) => {
+    const actionKey = action.key || "action-".concat(action.label, "-").concat(index);
+    return /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+      key: actionKey,
+      label: action.label,
+      onClick: action.onClick,
+      type: "text-only",
+      size: "medium",
+      "aria-label": action.ariaLabel || action.label,
+      iconConfig: {
+        icon: action.icon || null,
+        position: 'left'
+      }
+    });
+  })), children && /*#__PURE__*/_react.default.createElement("div", {
     className: "children-container"
   }, children));
 }
@@ -118,7 +132,8 @@ DocumentDetailsPanel.propTypes = {
     key: _propTypes.default.string,
     label: _propTypes.default.string.isRequired,
     onClick: _propTypes.default.func,
-    icon: _propTypes.default.node
+    icon: _propTypes.default.node,
+    ariaLabel: _propTypes.default.string
   })),
   /** Additional content to render below the details */
   children: _propTypes.default.node,

package/build/components/oa-component-progress-bar/CustomProgressBar.js

@@ -18,7 +18,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {number} totalStep - The total number of steps in the progress.
  * @param {string} headingColor - The color used for the step text heading.
  * @param {string} barColor - The color used for the progress bar.
- * @param {boolean} showStepText - Whether to display the step text (Step X out of Y).
  *
  * @returns {React.ReactElement} A component displaying the current progress.
  */
@@ -27,10 +26,9 @@ function ProgressBar(_ref) {
     currentStep,
     totalStep,
     headingColor,
-    barColor,
-    showStepText
+    barColor
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showStepText && /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "margin-bottom-8"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: headingColor,
@@ -59,14 +57,12 @@ ProgressBar.propTypes = {
   currentStep: _propTypes.default.number,
   totalStep: _propTypes.default.number,
   headingColor: _propTypes.default.string,
-  barColor: _propTypes.default.string,
-  showStepText: _propTypes.default.bool
+  barColor: _propTypes.default.string
 };
 ProgressBar.defaultProps = {
   currentStep: 1,
   totalStep: 1,
   headingColor: 'positive',
-  barColor: 'positive',
-  showStepText: true
+  barColor: 'positive'
 };
 var _default = exports.default = ProgressBar;

package/build/components/oa-component-table-with-search-and-filter/TableWithSearchAndFilter.js

@@ -8,9 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.json.stringify.js");
 var _react = _interopRequireWildcard(require("react"));
 var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
 var _FilterList = _interopRequireDefault(require("@material-ui/icons/FilterList"));
@@ -83,8 +81,6 @@ function TableWithSearchAndFilter(_ref) {
   const {
     show: showSearch = true,
     placeholder: searchPlaceholder = 'Search...',
-    debounceDelay = 500,
-    searchKeys = [],
     onSearch
   } = searchProps;
 
@@ -111,42 +107,15 @@ function TableWithSearchAndFilter(_ref) {
     onShowSizeChange
   } = paginationProps;
 
+  // Constants
+  const SEARCH_INPUT_WIDTH = '350px';
+
   // Search state
   const [searchValue, setSearchValue] = (0, _react.useState)('');
-  const [filteredData, setFilteredData] = (0, _react.useState)(dataSource);
-  const timerRef = (0, _react.useRef)(null);
 
   // Filter drawer state
   const [isFilterDrawerVisible, setIsFilterDrawerVisible] = (0, _react.useState)(false);
   const [filterValues, setFilterValues] = (0, _react.useState)({});
-  const [appliedFilters, setAppliedFilters] = (0, _react.useState)({});
-
-  // Client-side filtering function
-  const applyFiltersAndSearch = (data, search, filters) => {
-    let result = [...data];
-    if (search && searchKeys.length > 0) {
-      const searchLower = search.toLowerCase();
-      result = result.filter(item => searchKeys.some(key => {
-        var _item$key;
-        return (_item$key = item[key]) === null || _item$key === void 0 ? void 0 : _item$key.toString().toLowerCase().includes(searchLower);
-      }));
-    }
-    Object.entries(filters).forEach(_ref2 => {
-      let [key, value] = _ref2;
-      if (value) {
-        result = result.filter(item => {
-          var _item$key2;
-          return ((_item$key2 = item[key]) === null || _item$key2 === void 0 ? void 0 : _item$key2.toString().toLowerCase()) === value.toString().toLowerCase();
-        });
-      }
-    });
-    setFilteredData(result);
-  };
-
-  // Sync filtered data when dataSource changes
-  (0, _react.useEffect)(() => {
-    applyFiltersAndSearch(dataSource, searchValue, appliedFilters);
-  }, [dataSource]);
 
   // Search handlers
   const handleSearchChange = e => {
@@ -154,75 +123,120 @@ function TableWithSearchAndFilter(_ref) {
       value
     } = e.target;
     setSearchValue(value);
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-    if (debounceDelay === 0) {
-      if (onSearch) {
-        onSearch(value);
-      } else {
-        applyFiltersAndSearch(dataSource, value, appliedFilters);
-      }
-      return;
+    if (onSearch) {
+      onSearch(value);
     }
-    timerRef.current = setTimeout(() => {
-      if (onSearch) {
-        onSearch(value);
-      } else {
-        applyFiltersAndSearch(dataSource, value, appliedFilters);
-      }
-    }, debounceDelay);
   };
   const handleSearchPressEnter = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
     if (onSearch) {
       onSearch(searchValue);
-    } else {
-      applyFiltersAndSearch(dataSource, searchValue, appliedFilters);
     }
   };
-  (0, _react.useEffect)(() => () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-  }, []);
 
   // Filter handlers
   const handleOpenFilterDrawer = () => setIsFilterDrawerVisible(true);
   const handleCloseFilterDrawer = () => setIsFilterDrawerVisible(false);
   const handleFilterChange = function handleFilterChange(key, value) {
     let action = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'change';
+    // Normalize empty values: convert empty string to null for consistency
+    const normalizedValue = value === '' ? null : value;
     const updatedFilters = _objectSpread(_objectSpread({}, filterValues), {}, {
-      [key]: value
+      [key]: normalizedValue
     });
     setFilterValues(updatedFilters);
 
     // Call onChange callback if provided for real-time filter changes
     if (onFilterChange) {
-      onFilterChange(key, value, updatedFilters, action);
+      onFilterChange(key, normalizedValue, updatedFilters, action);
     }
   };
   const handleApplyFilters = () => {
-    setAppliedFilters(_objectSpread({}, filterValues));
     setIsFilterDrawerVisible(false);
     if (onFiltersApply) {
       onFiltersApply(filterValues);
-    } else {
-      applyFiltersAndSearch(dataSource, searchValue, filterValues);
     }
   };
   const handleClearFilters = () => {
     setFilterValues({});
-    setAppliedFilters({});
     if (onFiltersClear) {
       onFiltersClear();
-    } else {
-      applyFiltersAndSearch(dataSource, searchValue, {});
     }
   };
 
+  // Memoized required keys calculation for better performance
+  const requiredKeys = (0, _react.useMemo)(() => {
+    const keys = [];
+    filterConfig.forEach(filter => {
+      const {
+        type,
+        key,
+        required,
+        fields = []
+      } = filter;
+      if (required) {
+        if (type === 'dateRange' || type === 'group') {
+          fields.forEach(field => {
+            keys.push(field.key);
+          });
+        } else {
+          keys.push(key);
+        }
+      }
+    });
+    return keys;
+  }, [filterConfig]);
+
+  // Create a stable string representation of filterValues for required keys
+  // This ensures reliable dependency tracking in production builds
+  const requiredFieldsSignature = (0, _react.useMemo)(() => requiredKeys.map(key => {
+    const value = filterValues[key];
+    // Create a stable string representation that changes when value changes
+    if (value === undefined || value === null) return "".concat(key, ":null");
+    if (value instanceof Date) return "".concat(key, ":").concat(value.getTime());
+    return "".concat(key, ":").concat(JSON.stringify(value));
+  }).join('|'), [requiredKeys, filterValues]);
+
+  // Memoized check if all required fields are filled
+  const areAllRequiredFieldsFilled = (0, _react.useMemo)(() => {
+    // If no required fields, button should be enabled
+    if (requiredKeys.length === 0) {
+      return true;
+    }
+
+    // Check each required field has a valid value
+    return requiredKeys.every(requiredKey => {
+      const value = filterValues[requiredKey];
+
+      // Check if value exists and is not empty/null/undefined
+      // Also handle edge cases: empty arrays, empty objects, etc.
+      if (value === undefined || value === null || value === '') {
+        return false;
+      }
+
+      // Handle arrays
+      if (Array.isArray(value)) {
+        return value.length > 0;
+      }
+
+      // Handle objects (but allow Date objects and other valid objects)
+      if (typeof value === 'object' && !(value instanceof Date)) {
+        return Object.keys(value).length > 0;
+      }
+      return true;
+    });
+  }, [requiredKeys, requiredFieldsSignature, filterValues]);
+
+  // Helper function to determine notFoundContent message
+  const getNotFoundContent = (isApiCallInProgress, query) => {
+    if (!isApiCallInProgress && (query === null || query === void 0 ? void 0 : query.length) < 3) {
+      return 'Start Typing atleast 3 characters';
+    }
+    if (isApiCallInProgress && (query === null || query === void 0 ? void 0 : query.length) > 0) {
+      return 'Loading...';
+    }
+    return 'No data found';
+  };
+
   // Helper function to render CustomSelect (DRY principle)
   const renderSelect = (fieldKey, fieldConfig) => {
     const {
@@ -230,22 +244,27 @@ function TableWithSearchAndFilter(_ref) {
       options = [],
       loading = false,
       isApiCallInProgress = false,
+      searchValue: query = '',
       showSearch: fieldShowSearch = false,
       filterOption,
       disabled = false
     } = fieldConfig;
     const fieldValue = filterValues[fieldKey];
     const isLoading = filtersLoading || loading || isApiCallInProgress;
+    const notFoundContent = getNotFoundContent(isApiCallInProgress, query);
     return /*#__PURE__*/_react.default.createElement(_CustomSelect.default, {
       placeholder: placeholder || 'Select an option',
       value: fieldValue || undefined,
       options: options,
       onSelectionChange: val => {
-        // If val is null/undefined, it's a clear action
+        // Normalize: null/undefined means clear action
         const action = val === null || val === undefined ? 'clear' : 'select';
         handleFilterChange(fieldKey, val, action);
       },
-      onSearch: searchText => handleFilterChange(fieldKey, searchText, 'search'),
+      onSearch: searchText => {
+        // For search, pass the search text as-is (don't normalize to null)
+        handleFilterChange(fieldKey, searchText || null, 'search');
+      },
       onChange: val => {
         // Catch clear from Ant Design's onChange (passes through {...props})
         if (val === undefined || val === null) {
@@ -256,8 +275,8 @@ function TableWithSearchAndFilter(_ref) {
       loading: isLoading,
       showSearch: fieldShowSearch,
       filterOption: filterOption,
-      disabled: disabled
-      // notFoundContent={(!isApiCallInProgress && query?.length < 3) ? "Start Typing atleast 3 characters" : (isApiCallInProgress && query?.length > 0) ? "Loading..." : "No data found"}
+      disabled: disabled,
+      notFoundContent: notFoundContent
     });
   };
 
@@ -307,16 +326,16 @@ function TableWithSearchAndFilter(_ref) {
       case 'dateRange':
         return /*#__PURE__*/_react.default.createElement(_styles.DateRangeContainer, null, fields.map(field => /*#__PURE__*/_react.default.createElement(_styles.FilterSubField, {
           key: field.key
-        }, /*#__PURE__*/_react.default.createElement(_styles.FilterSubLabel, null, field.label, field.required && /*#__PURE__*/_react.default.createElement(_styles.RequiredMark, null, "*")), renderDatePicker(field.key, field))));
+        }, /*#__PURE__*/_react.default.createElement(_styles.FilterSubLabel, null, field.label), renderDatePicker(field.key, field))));
       case 'group':
         return /*#__PURE__*/_react.default.createElement(_styles.FilterGroup, null, fields.map(field => /*#__PURE__*/_react.default.createElement(_styles.FilterSubField, {
           key: field.key
-        }, /*#__PURE__*/_react.default.createElement(_styles.FilterSubLabel, null, field.label, field.required && /*#__PURE__*/_react.default.createElement(_styles.RequiredMark, null, "*")), field.type === 'select' && renderSelect(field.key, field), field.type === 'date' && renderDatePicker(field.key, field), field.type === 'radio' && renderRadioGroup(field.key, field))));
+        }, /*#__PURE__*/_react.default.createElement(_styles.FilterSubLabel, null, field.label), field.type === 'select' && renderSelect(field.key, field), field.type === 'date' && renderDatePicker(field.key, field), field.type === 'radio' && renderRadioGroup(field.key, field))));
       default:
         return null;
     }
   };
-  const displayData = onSearch || onFiltersApply ? dataSource : filteredData;
+  const displayData = dataSource;
   const totalRecords = total !== null && total !== void 0 ? total : displayData.length;
   return /*#__PURE__*/_react.default.createElement(_styles.TableWithSearchAndFilterContainer, {
     className: className
@@ -334,7 +353,7 @@ function TableWithSearchAndFilter(_ref) {
     onPressEnter: handleSearchPressEnter,
     allowClear: true,
     style: {
-      width: '350px',
+      width: SEARCH_INPUT_WIDTH,
       flexShrink: 0
     }
   }), showFilters && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
@@ -368,7 +387,8 @@ function TableWithSearchAndFilter(_ref) {
     label: "Apply Filter",
     onClick: handleApplyFilters,
     type: "primary",
-    size: "medium"
+    size: "medium",
+    disabled: !areAllRequiredFieldsFilled
   })))), /*#__PURE__*/_react.default.createElement(_CustomTable.default, _extends({
     rowKey: rowKey,
     dataSource: displayData,
@@ -396,8 +416,6 @@ TableWithSearchAndFilter.propTypes = {
   searchProps: _propTypes.default.shape({
     show: _propTypes.default.bool,
     placeholder: _propTypes.default.string,
-    debounceDelay: _propTypes.default.number,
-    searchKeys: _propTypes.default.arrayOf(_propTypes.default.string),
     onSearch: _propTypes.default.func
   }),
   filterProps: _propTypes.default.shape({
@@ -429,9 +447,7 @@ TableWithSearchAndFilter.defaultProps = {
   },
   searchProps: {
     show: true,
-    placeholder: 'Search...',
-    debounceDelay: 500,
-    searchKeys: []
+    placeholder: 'Search...'
   },
   filterProps: {
     show: true,

package/build/components/oa-component-textarea/CustomTextArea.js

@@ -1,25 +1,16 @@
 "use strict";
 
 require("core-js/modules/es.object.assign.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.string.trim.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
-var _SendRounded = _interopRequireDefault(require("@material-ui/icons/SendRounded"));
-var _styles = _interopRequireWildcard(require("./styles"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
-var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
-var _constants = require("./constants");
-const _excluded = ["rows", "placeholder", "maxLength", "className", "variant"],
-  _excluded2 = ["minRows", "maxRows", "sendIconConfig", "onSend", "value", "onChange", "disabled"];
-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; }
+const _excluded = ["rows", "placeholder", "maxLength", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -28,25 +19,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A custom text area component.
  *
  * The component includes the following properties:
- * - `rows`: The number of rows for the text area (used for default variant).
+ * - `rows`: The number of rows for the text area.
  * - `placeholder`: The placeholder text for the text area.
  * - `maxLength`: The maximum length of the input value.
  * - `className`: Additional CSS class to apply to the text area.
- * - `variant`: 'default' or 'gradient' - determines the styling variant.
- * - `minRows`: Initial line height for gradient variant (default: 1).
- * - `maxRows`: Maximum rows before scrolling starts for gradient variant (default: null for unlimited).
- * - `sendIconConfig`: Object with `show` (boolean, default: false) and `disabled` (boolean, default: false) for gradient variant only.
- * - `onSend`: Callback function called when send icon is clicked (gradient variant only).
  * - `antDesignProps`: Any other props to pass to the antd Input.TextArea component.
  *
  * The component will apply the following styles:
  * - A dark grey background when the component is disabled.
  * - A dark grey text color when the component is disabled.
  * - A custom style class of `custom-textarea` to the outer element.
- * - Gradient border and auto-growing height for gradient variant.
  *
  * The component will also apply the following props to the antd Input.TextArea component:
- * - `rows` (for default variant) or `minRows`/`maxRows` (for gradient variant)
+ * - `rows`
  * - `placeholder`
  * - `maxLength`
  * - `className` (appended to the outer element)
@@ -57,79 +42,9 @@ function CustomTextArea(_ref) {
       rows,
       placeholder,
       maxLength,
-      className,
-      variant = 'default'
+      className
     } = _ref,
     antDesignProps = _objectWithoutProperties(_ref, _excluded);
-  // Render gradient variant
-  if (variant === 'gradient') {
-    // Extract gradient-specific props from antDesignProps
-    const _ref2 = antDesignProps || {},
-      {
-        minRows = _constants.DEFAULT_MIN_ROWS,
-        maxRows = _constants.DEFAULT_MAX_ROWS,
-        sendIconConfig = _constants.DEFAULT_SEND_ICON_CONFIG,
-        onSend,
-        value,
-        onChange,
-        disabled
-      } = _ref2,
-      restAntDesignProps = _objectWithoutProperties(_ref2, _excluded2);
-
-    // Handle send icon click - gradient variant only
-    // Use value prop directly - no internal state management
-    const handleSendClick = () => {
-      const currentValue = value || '';
-      // Only allow click if textarea is enabled, icon config is not disabled, and has content
-      if (onSend && !disabled && !sendIconConfig.disabled && currentValue.trim()) {
-        onSend(currentValue);
-      }
-    };
-
-    // Determine if send icon should be enabled - gradient variant only
-    // Icon is enabled if: textarea is enabled AND config says it's not disabled AND there's content
-    // Use value prop directly - no internal state
-    const currentValue = value || '';
-    const isSendEnabled = !disabled && !sendIconConfig.disabled && currentValue.trim().length > 0;
-
-    // Determine if icon should be shown - only for gradient variant
-    // Hidden by default, only show when explicitly requested via sendIconConfig.show
-    const shouldShowIcon = sendIconConfig.show;
-    return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
-      theme: {
-        token: {
-          colorBgContainerDisabled: _ColorVariablesMap.default['--color-divider'],
-          colorTextDisabled: _ColorVariablesMap.default['--color-secondary-content']
-        }
-      }
-    }, /*#__PURE__*/_react.default.createElement(_styles.TextAreaWrapper, {
-      className: className,
-      $disabled: disabled
-    }, /*#__PURE__*/_react.default.createElement(_styles.default, _extends({
-      placeholder: placeholder,
-      maxLength: maxLength,
-      className: "custom-textarea-gradient",
-      value: value,
-      onChange: onChange,
-      disabled: disabled,
-      autoSize: maxRows ? {
-        minRows,
-        maxRows
-      } : {
-        minRows
-      }
-    }, restAntDesignProps)), shouldShowIcon && /*#__PURE__*/_react.default.createElement(_styles.SendIconWrapper, {
-      className: disabled || sendIconConfig.disabled || !isSendEnabled ? 'icon-disabled' : 'icon-enabled'
-    }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-      icon: _SendRounded.default,
-      size: 24,
-      color: isSendEnabled ? 'primary' : 'placeholder-text',
-      onClick: handleSendClick
-    }))));
-  }
-
-  // Render default variant (existing behavior - completely unchanged)
-  // All props including value, onChange pass through naturally via antDesignProps
   return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: {
       token: {
@@ -148,14 +63,12 @@ CustomTextArea.propTypes = {
   rows: _propTypes.default.number,
   placeholder: _propTypes.default.string,
   maxLength: _propTypes.default.number,
-  className: _propTypes.default.string,
-  variant: _propTypes.default.oneOf(['default', 'gradient'])
+  className: _propTypes.default.string
 };
 CustomTextArea.defaultProps = {
-  rows: _constants.DEFAULT_ROWS,
+  rows: 2,
   placeholder: null,
   maxLength: 5000,
-  className: '',
-  variant: 'default'
+  className: ''
 };
 var _default = exports.default = CustomTextArea;

package/build/components/oa-component-textarea/styles.js

@@ -3,23 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TextAreaWrapper = exports.SendIconWrapper = void 0;
+exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _antd = require("antd");
-var _constants = require("./constants");
-var _templateObject, _templateObject2, _templateObject3;
+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) } })); }
 const {
   TextArea: AntdTextArea
 } = _antd.Input;
-
-// Default textarea styles (existing)
-const StyledTextArea = (0, _styledComponents.default)(AntdTextArea)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.custom-textarea {\n    padding: 16px;\n    resize: none;\n    border-radius: 4px;\n    max-height: 92px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n  &.custom-textarea:hover {\n    border: 1px solid var(--color-primary);\n  }\n  &.custom-textarea:focus-within {\n     box-shadow: 0px 0px 4px 0px rgba(1, 79, 197, 0.90);\n  }\n\n  /* Gradient variant styles */\n  &.custom-textarea-gradient {\n    padding: 16px 48px 16px 16px;\n    resize: none;\n    border-radius: calc(", " - 2px);\n    border: none;\n    background: var(--color-primary-background);\n    font-size: 16px;\n    line-height: 24px;\n    color: var(--color-primary-content);\n    min-height: auto !important;\n    box-shadow: none;\n    width: 100%;\n  }\n\n  &.custom-textarea-gradient::placeholder {\n    color: var(--color-secondary-content);\n  }\n\n  &.custom-textarea-gradient:hover {\n    box-shadow: none;\n  }\n\n  &.custom-textarea-gradient:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  &.custom-textarea-gradient:focus-within {\n    box-shadow: none;\n  }\n"])), _constants.TEXTAREA_BORDER_RADIUS);
-
-// Wrapper for gradient variant with gradient border
-const TextAreaWrapper = exports.TextAreaWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: block;\n  width: 100%;\n  border-radius: ", ";\n  padding: 2px;\n  background: ", ";\n  box-shadow: ", ";\n  opacity: ", ";\n"])), _constants.TEXTAREA_BORDER_RADIUS, props => props.$disabled ? 'var(--color-divider)' : "linear-gradient(\n      135deg,\n      ".concat(_constants.GRADIENT_BORDER_COLORS.top, " 0%,\n      ").concat(_constants.GRADIENT_BORDER_COLORS.middle, " 50%,\n      ").concat(_constants.GRADIENT_BORDER_COLORS.bottom, " 100%\n    )"), props => props.$disabled ? 'none' : _constants.TEXTAREA_SHADOW, props => props.$disabled ? 0.6 : 1);
-
-// Send icon wrapper positioned absolutely
-const SendIconWrapper = exports.SendIconWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 18px;\n  right: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  pointer-events: none;\n\n  button,\n  svg {\n    pointer-events: auto;\n  }\n\n  /* Icon disabled state */\n  &.icon-disabled {\n    opacity: 0.5;\n    \n    button,\n    svg {\n      cursor: not-allowed;\n    }\n  }\n\n  /* Icon enabled state */\n  &.icon-enabled {\n    opacity: 1;\n    \n    button,\n    svg {\n      cursor: pointer;\n    }\n  }\n"])));
+const StyledTextArea = (0, _styledComponents.default)(AntdTextArea)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.custom-textarea {\n    padding: 16px;\n    resize: none;\n    border-radius: 4px;\n    max-height: 92px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n  &.custom-textarea:hover {\n    border: 1px solid var(--color-primary);\n  }\n  &.custom-textarea:focus-within {\n     box-shadow: 0px 0px 4px 0px rgba(1, 79, 197, 0.90);\n  }\n"])));
 var _default = exports.default = StyledTextArea;

package/build/dev/oa-widget-document-side-drawer/DocumentSideDrawer.js

@@ -19,7 +19,7 @@ var _MaterialIcon = _interopRequireDefault(require("../../components/oa-componen
 var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
 var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
 var _styles = _interopRequireDefault(require("./styles"));
-const _excluded = ["title", "handleCloseDrawer", "documentConfig", "drawerWidth", "drawerButtonConfig", "drawerTagConfig", "onlyDocumentView"];
+const _excluded = ["title", "handleCloseDrawer", "documentConfig", "drawerWidth", "drawerButtonConfig", "drawerTagConfig", "onlyDocumentView", "containerClassName"];
 /* eslint-disable */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -50,7 +50,8 @@ function DocumentSideDrawer(_ref) {
       drawerWidth,
       drawerButtonConfig,
       drawerTagConfig,
-      onlyDocumentView
+      onlyDocumentView,
+      containerClassName
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   // Calculate the drawer width based on documentConfig or fallback to 480
@@ -139,7 +140,9 @@ function DocumentSideDrawer(_ref) {
     width: calculatedWidth,
     onClose: handleCloseDrawer,
     title: title
-  }, props), /*#__PURE__*/_react.default.createElement(_styles.default, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, props), /*#__PURE__*/_react.default.createElement(_styles.default, {
+    className: containerClassName
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "viewerContainer"
   }, renderDocumentViewer(), !onlyDocumentView && /*#__PURE__*/_react.default.createElement("div", {
     className: "rightContSection"
@@ -180,7 +183,8 @@ DocumentSideDrawer.propTypes = {
   drawerWidth: _propTypes.default.string,
   drawerButtonConfig: _propTypes.default.object,
   drawerTagConfig: _propTypes.default.object,
-  onlyDocumentView: _propTypes.default.bool
+  onlyDocumentView: _propTypes.default.bool,
+  containerClassName: _propTypes.default.string
 };
 
 // Default props to provide fallback values for optional props

package/build/dev/oa-widget-document-side-drawer/styles.js

@@ -8,5 +8,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 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) } })); }
-const ViewerContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-tabs-nav{\n  margin: 0;\n}\n  .ant-tabs-top>.ant-tabs-nav::before {\n  border: none;\n      border-right: 1px solid #E0E0E0;\n  }\n  .ant-tabs-content-holder .customDocumentViewerOverlayHeader{\n        bottom: 60px;\n  }\n  .ant-tabs-tab{\n  border-radius: 0px !important;\n      border: none !important;\n       border-bottom: 2px solid transparent !important;\n  }\n    .ant-tabs-tab-active{\n    border-bottom: 2px solid var(--color-primary) !important;\n    }\n  .viewerContainer > div {\n    flex: 1;\n    box-sizing: border-box;\n  }\n  .viewerContainer {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n  }\n  .rightContSection {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    min-width: 300px;\n    max-width: 450px;\n    overflow-x: visible;\n  }\n  .grayBoxSec {\n    border-radius: 8px;\n    background: #f6f6f6;\n    padding: 12px 16px;\n  }\n  .statusSec {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n  .statusSec button {\n    margin-left: 8px;\n  }\n"])));
+const ViewerContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-tabs-nav{\n  margin: 0;\n}\n  .ant-tabs-top>.ant-tabs-nav::before {\n  border: none;\n      border-right: 1px solid #E0E0E0;\n  }\n  .ant-tabs-content-holder .customDocumentViewerOverlayHeader{\n        bottom: 60px;\n  }\n  .ant-tabs-tab{\n  border-radius: 0px !important;\n      border: none !important;\n       border-bottom: 2px solid transparent !important;\n  }\n    .ant-tabs-tab-active{\n    border-bottom: 2px solid var(--color-primary) !important;\n    }\n  .viewerContainer > div {\n    flex: 1;\n    box-sizing: border-box;\n  }\n  .viewerContainer {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n  }\n  .rightContSection {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    min-width: 300px;\n    max-width: 450px;\n    overflow-x: visible;\n  }\n  /* Styles specific to DocumentViewerWithDetails */\n  &.documentViewerWithDetails {\n    .viewerContainer > div:first-child {\n      flex: 1;\n      box-sizing: border-box;\n      min-width: 0;\n    }\n    .rightContSection {\n      flex: 0 0 auto;\n      width: fit-content;\n      min-width: auto;\n      max-width: none;\n    }\n  }\n  .grayBoxSec {\n    border-radius: 8px;\n    background: #f6f6f6;\n    padding: 12px 16px;\n  }\n  .statusSec {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n  .statusSec button {\n    margin-left: 8px;\n  }\n"])));
 var _default = exports.default = ViewerContainer;

package/build/dev/oa-widget-document-viewer-with-details/DocumentViewerWithDetails.js

@@ -10,19 +10,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _DocumentSideDrawer = _interopRequireDefault(require("../oa-widget-document-side-drawer/DocumentSideDrawer"));
 var _DocumentDetailsPanel = _interopRequireDefault(require("../../components/oa-component-document-details-panel/DocumentDetailsPanel"));
 const _excluded = ["title", "onClose", "drawerWidth", "fileUrl", "fileType", "documentConfig", "detailsTitle", "sectionTitle", "details", "actions", "children"];
-/* eslint-disable */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * DocumentViewerWithDetails Component
- * 
+ *
  * A split-view component that displays a document viewer on the left
  * and a details panel with actions on the right.
- * 
+ *
  * Uses DocumentSideDrawer and DocumentDetailsPanel internally.
- * 
+ *
  * @example
  * <DocumentViewerWithDetails
  *   title="VIEW DOCUMENT"
@@ -68,7 +67,8 @@ function DocumentViewerWithDetails(_ref) {
     title: title,
     handleCloseDrawer: onClose,
     documentConfig: finalDocumentConfig,
-    drawerWidth: drawerWidth
+    drawerWidth: drawerWidth,
+    containerClassName: "documentViewerWithDetails"
   }, restProps), /*#__PURE__*/_react.default.createElement(_DocumentDetailsPanel.default, {
     title: detailsTitle,
     sectionTitle: sectionTitle,
@@ -80,7 +80,7 @@ DocumentViewerWithDetails.propTypes = {
   /** Drawer title displayed in the header */
   title: _propTypes.default.string,
   /** Callback function when drawer is closed */
-  onClose: _propTypes.default.func.isRequired,
+  onClose: _propTypes.default.func,
   /** Custom drawer width (default: 1200) */
   drawerWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   /** URL of the document to display */
@@ -109,7 +109,8 @@ DocumentViewerWithDetails.propTypes = {
 };
 DocumentViewerWithDetails.defaultProps = {
   title: null,
-  drawerWidth: "1200",
+  onClose: () => {},
+  drawerWidth: '1200',
   fileUrl: null,
   fileType: null,
   documentConfig: null,

package/build/layout/EntityOverviewLayout/EntityOverviewLayout.js

@@ -58,8 +58,7 @@ function EntityOverviewLayout(_ref) {
     profileData,
     accordionData,
     drawer,
-    modal,
-    misc
+    modal
   } = state !== null && state !== void 0 ? state : {};
   (0, _react.useEffect)(() => {
     init();
@@ -122,90 +121,8 @@ function EntityOverviewLayout(_ref) {
       placement: "bottomRight"
     });
   };
-  const handleCloseDrawer = async () => {
-    var _state$misc2, _state$misc3, _state$misc4;
-    // Get selected enterprise from session storage to ensure profile data reflects correct enterprise
-    const selectedEnterpriseFromStorage = JSON.parse(sessionStorage.getItem('selectedEnterprise') || 'null');
-    const enterpriseIdFromStorage = (selectedEnterpriseFromStorage === null || selectedEnterpriseFromStorage === void 0 ? void 0 : selectedEnterpriseFromStorage.value) || (selectedEnterpriseFromStorage === null || selectedEnterpriseFromStorage === void 0 ? void 0 : selectedEnterpriseFromStorage.enterpriseId) || (selectedEnterpriseFromStorage === null || selectedEnterpriseFromStorage === void 0 ? void 0 : selectedEnterpriseFromStorage.id);
-
-    // Update misc with enterpriseId from session storage
-    const currentMisc = _objectSpread(_objectSpread({}, (_state$misc2 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc2 !== void 0 ? _state$misc2 : {}), {}, {
-      enterpriseId: enterpriseIdFromStorage || (state === null || state === void 0 || (_state$misc3 = state.misc) === null || _state$misc3 === void 0 ? void 0 : _state$misc3.enterpriseId),
-      enterpriseData: selectedEnterpriseFromStorage || (state === null || state === void 0 || (_state$misc4 = state.misc) === null || _state$misc4 === void 0 ? void 0 : _state$misc4.enterpriseData)
-    });
-    dispatch({
-      type: _entityOverviewLayoutReducer.actionTypes.SET_LOADING,
-      payload: true
-    });
-    if (getInitialData) {
-      const {
-        error,
-        data
-      } = await (getInitialData === null || getInitialData === void 0 ? void 0 : getInitialData(_objectSpread({}, currentMisc)));
-      if (error) {
-        showErrorNotification(error);
-        const dynamicConfig = (0, _staticConfigResolver.default)(config, {});
-        // Update misc with enterpriseId from session storage
-        if (currentMisc) {
-          dynamicConfig.misc = currentMisc;
-        }
-        // Don't preserve profile data - let it be re-rendered from config with correct enterprise
-        // Don't preserve accordion data - use fresh data from API (or empty if error)
-        dispatch({
-          type: _entityOverviewLayoutReducer.actionTypes.INIT,
-          payload: dynamicConfig
-        });
-      } else {
-        const dynamicConfig = (0, _staticConfigResolver.default)(config, data !== null && data !== void 0 ? data : {});
-        // Update misc with enterpriseId from session storage
-        if (currentMisc) {
-          dynamicConfig.misc = currentMisc;
-        }
-        // Use fresh profile data from API response to reflect correct enterprise
-        if (data !== null && data !== void 0 && data.data) {
-          dispatch({
-            type: _entityOverviewLayoutReducer.actionTypes.UPDATE_PROFILE_DATA,
-            payload: data.data
-          });
-        }
-        // Use fresh accordion data from API response (includes newly added users)
-        // Check for both 'accordionData' and 'accordianData' (typo in API response)
-        const freshAccordionData = (data === null || data === void 0 ? void 0 : data.accordionData) || (data === null || data === void 0 ? void 0 : data.accordianData);
-        if (freshAccordionData) {
-          let accordionDataToUpdate;
-          if (Array.isArray(freshAccordionData)) {
-            accordionDataToUpdate = freshAccordionData;
-          } else if (freshAccordionData.data && Array.isArray(freshAccordionData.data)) {
-            accordionDataToUpdate = freshAccordionData.data;
-          } else {
-            accordionDataToUpdate = freshAccordionData;
-          }
-          // Update accordion data with fresh data from API
-          dispatch({
-            type: _entityOverviewLayoutReducer.actionTypes.UPDATE_ACCORDION_DATA,
-            payload: accordionDataToUpdate
-          });
-        }
-        dispatch({
-          type: _entityOverviewLayoutReducer.actionTypes.INIT,
-          payload: dynamicConfig
-        });
-      }
-    } else {
-      const dynamicConfig = (0, _staticConfigResolver.default)(config, {});
-      // Update misc with enterpriseId from session storage
-      if (currentMisc) {
-        dynamicConfig.misc = currentMisc;
-      }
-      dispatch({
-        type: _entityOverviewLayoutReducer.actionTypes.INIT,
-        payload: dynamicConfig
-      });
-    }
-    dispatch({
-      type: _entityOverviewLayoutReducer.actionTypes.SET_LOADING,
-      payload: false
-    });
+  const handleCloseDrawer = () => {
+    init();
     dispatch({
       type: _entityOverviewLayoutReducer.actionTypes.CLOSE_DRAWER
     });
@@ -223,70 +140,14 @@ function EntityOverviewLayout(_ref) {
       {
         (config === null || config === void 0 ? void 0 : config.storageType) == "sessionStorage" && (config === null || config === void 0 ? void 0 : config.storageKey) && sessionStorage.setItem(config === null || config === void 0 ? void 0 : config.storageKey, JSON.stringify(selectedData));
       }
-      // Always update 'selectedEnterprise' in sessionStorage to keep misc.enterpriseId in sync
-      if (selectedData) {
-        sessionStorage.setItem('selectedEnterprise', JSON.stringify(selectedData));
-      }
       showSuccessNotification(config === null || config === void 0 ? void 0 : config.successMessage);
       if (error) {
         showErrorNotification(error);
       } else {
-        // Update misc.enterpriseId to keep it in sync with selected enterprise
-        // Read from selectedData to match the sessionStorage structure
-        const enterpriseId = (selectedData === null || selectedData === void 0 ? void 0 : selectedData.value) || (selectedData === null || selectedData === void 0 ? void 0 : selectedData.enterpriseId) || (selectedData === null || selectedData === void 0 ? void 0 : selectedData.id) || selectedValue;
-        if (enterpriseId) {
-          dispatch({
-            type: _entityOverviewLayoutReducer.actionTypes.SET_MISC,
-            payload: _objectSpread(_objectSpread({}, state === null || state === void 0 ? void 0 : state.misc), {}, {
-              enterpriseId: enterpriseId,
-              enterpriseData: selectedData // Also update enterpriseData to match sessionStorage
-            })
-          });
-        }
         dispatch({
           type: _entityOverviewLayoutReducer.actionTypes.UPDATE_PROFILE_DATA,
           payload: selectedItem
         });
-        // Update accordion data if provided in the response
-        // Note: API returns 'accordianData' (typo) but we check for both
-        const accordionDataFromResponse = (data === null || data === void 0 ? void 0 : data.accordionData) || (data === null || data === void 0 ? void 0 : data.accordianData);
-
-        // Check if accordionDataFromResponse is an object with data array, or if it's directly an array
-        if (accordionDataFromResponse) {
-          let accordionDataToUpdate;
-          if (Array.isArray(accordionDataFromResponse)) {
-            // If it's directly an array, use it as is
-            accordionDataToUpdate = accordionDataFromResponse;
-          } else if (accordionDataFromResponse.data && Array.isArray(accordionDataFromResponse.data)) {
-            // If it's an object with a data property containing the array, extract the data array
-            accordionDataToUpdate = accordionDataFromResponse.data;
-          }
-          if (accordionDataToUpdate) {
-            dispatch({
-              type: _entityOverviewLayoutReducer.actionTypes.UPDATE_ACCORDION_DATA,
-              payload: accordionDataToUpdate
-            });
-          } else {
-            console.log('Accordion data structure not recognized:', accordionDataFromResponse);
-          }
-        } else {
-          if (getInitialData && config !== null && config !== void 0 && config.refreshAccordionOnSwitch) {
-            var _state$misc5;
-            // Optionally refresh accordion data by calling getInitialData again
-            const {
-              error: refreshError,
-              data: refreshData
-            } = await (getInitialData === null || getInitialData === void 0 ? void 0 : getInitialData(_objectSpread(_objectSpread({}, (_state$misc5 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc5 !== void 0 ? _state$misc5 : {}), {}, {
-              selectedValue
-            })));
-            if (!refreshError && refreshData !== null && refreshData !== void 0 && refreshData.accordionData) {
-              dispatch({
-                type: _entityOverviewLayoutReducer.actionTypes.UPDATE_ACCORDION_DATA,
-                payload: refreshData.accordionData
-              });
-            }
-          }
-        }
       }
     }
   };
@@ -394,9 +255,7 @@ function EntityOverviewLayout(_ref) {
     customPageModal: modal,
     addUserClick: addUserClick,
     deleteUserClick: deleteUserClick,
-    editUserClick: editUserClick,
-    misc: misc,
-    drawer: drawer
+    editUserClick: editUserClick
   }))))));
 }
 EntityOverviewLayout.propTypes = {};

package/build/layout/EntityOverviewLayout/reducer/entityOverviewLayoutReducer.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initialState = exports.entityOverviewLayoutReducer = exports.actionTypes = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.symbol.description.js");
 var _staticConfigResolver = require("../../GenricLayOut/resolver/staticConfigResolver");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -20,8 +19,7 @@ const actionTypes = exports.actionTypes = {
   SET_DRAWER: 'SET_DRAWER',
   TOGGLE_DRAWER: 'TOGGLE_DRAWER',
   CLOSE_DRAWER: 'CLOSE_DRAWER',
-  UPDATE_PROFILE_DATA: 'UPDATE_PROFILE_DATA',
-  UPDATE_ACCORDION_DATA: 'UPDATE_ACCORDION_DATA'
+  UPDATE_PROFILE_DATA: 'UPDATE_PROFILE_DATA'
 };
 const initialState = exports.initialState = {};
 const entityOverviewLayoutReducer = (state, action) => {
@@ -40,21 +38,6 @@ const entityOverviewLayoutReducer = (state, action) => {
       return _objectSpread(_objectSpread({}, state), {}, {
         profileData: action.payload
       });
-    case actionTypes.UPDATE_ACCORDION_DATA:
-      {
-        var _state$accordionData$, _state$accordionData;
-        console.log('Reducer: Updating accordion data with payload:', action.payload);
-        const newAccordionData = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state.accordionData) || {}), {}, {
-          // Preserve all existing accordionData properties
-          visible: (_state$accordionData$ = state === null || state === void 0 || (_state$accordionData = state.accordionData) === null || _state$accordionData === void 0 ? void 0 : _state$accordionData.visible) !== null && _state$accordionData$ !== void 0 ? _state$accordionData$ : true,
-          // Preserve visible property, default to true
-          data: Array.isArray(action.payload) ? [...action.payload] : action.payload // Ensure new array reference
-        });
-        console.log('Reducer: New accordion data:', newAccordionData);
-        return _objectSpread(_objectSpread({}, state), {}, {
-          accordionData: newAccordionData
-        });
-      }
     case actionTypes.SET_MISC:
       return _objectSpread(_objectSpread({}, state), {}, {
         misc: _objectSpread(_objectSpread({}, state.misc), action.payload)

package/build/widgets/oa-form-widget/FormWidget.js

@@ -452,8 +452,7 @@ function FormWidget(props) {
           initialData: (item === null || item === void 0 ? void 0 : item.value) || [],
           fields: item === null || item === void 0 ? void 0 : item.fields,
           disabled: (item === null || item === void 0 ? void 0 : item.disabled) || false,
-          customPageModal: props === null || props === void 0 ? void 0 : props.customPageModal,
-          misc: props === null || props === void 0 ? void 0 : props.misc
+          customPageModal: props === null || props === void 0 ? void 0 : props.customPageModal
         }, props)));
       case "field":
         return renderFieldWidget(item);

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

@@ -5,12 +5,9 @@ require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = UserManagementWidget;
 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"));
@@ -31,8 +28,7 @@ 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 _default(_ref) {
-  var _drawer$data, _activeDrawerData$mis;
+function UserManagementWidget(_ref) {
   let {
     form,
     fieldName = "users",
@@ -43,8 +39,7 @@ function _default(_ref) {
     addUserClick,
     deleteUserClick,
     editUserClick,
-    misc,
-    drawer
+    misc
   } = _ref;
   const finalFields = fields || [];
   const [editingUserId, setEditingUserId] = (0, _react.useState)(null);
@@ -93,28 +88,6 @@ function _default(_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);
@@ -154,7 +127,7 @@ function _default(_ref) {
           const {
             error,
             data
-          } = await editUserClick(editingUserId, userData, misc);
+          } = await editUserClick(editingUserId, userData);
           if (error) {
             showErrorNotification(error);
           } else {
@@ -173,13 +146,10 @@ function _default(_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, branchId);
+          } = await addUserClick(userData, misc);
           if (error) {
             showErrorNotification(error);
           } else {
@@ -245,38 +215,15 @@ function _default(_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: processedRules,
+          rules: field.rules,
           style: {
             marginBottom: 16
           }
@@ -287,7 +234,7 @@ function _default(_ref) {
         return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
           name: fieldNameWithPrefix,
           label: field.label,
-          rules: processedRules,
+          rules: field.rules,
           style: {
             marginBottom: 16
           }
@@ -302,7 +249,7 @@ function _default(_ref) {
         return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
           name: fieldNameWithPrefix,
           label: field.label,
-          rules: processedRules,
+          rules: field.rules,
           style: {
             marginBottom: 16
           }

package/package.json

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

package/build/components/oa-component-textarea/constants.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TEXTAREA_SHADOW = exports.TEXTAREA_BORDER_RADIUS = exports.SEND_ICON_SIZE = exports.GRADIENT_BORDER_COLORS = exports.DEFAULT_SEND_ICON_CONFIG = exports.DEFAULT_ROWS = exports.DEFAULT_MIN_ROWS = exports.DEFAULT_MAX_ROWS = void 0;
-/**
- * Constants for CustomTextArea component
- */
-
-// Default values for textarea configuration
-const DEFAULT_MIN_ROWS = exports.DEFAULT_MIN_ROWS = 1;
-const DEFAULT_MAX_ROWS = exports.DEFAULT_MAX_ROWS = null; // null means unlimited growth
-const DEFAULT_ROWS = exports.DEFAULT_ROWS = 2;
-
-// Gradient border colors
-const GRADIENT_BORDER_COLORS = exports.GRADIENT_BORDER_COLORS = {
-  top: '#0098FF',
-  // Blue
-  middle: '#9A6CFF',
-  // Purple
-  bottom: '#FB6252' // Coral/Orange-Red
-};
-
-// Shadow styles
-const TEXTAREA_SHADOW = exports.TEXTAREA_SHADOW = '0px 2px 10px rgba(0, 0, 0, 0.14)';
-
-// Border radius
-const TEXTAREA_BORDER_RADIUS = exports.TEXTAREA_BORDER_RADIUS = '12px';
-
-// Icon sizes
-const SEND_ICON_SIZE = exports.SEND_ICON_SIZE = 24;
-
-// Default send icon configuration
-const DEFAULT_SEND_ICON_CONFIG = exports.DEFAULT_SEND_ICON_CONFIG = {
-  show: false,
-  // Hidden by default - only show when explicitly requested
-  disabled: false
-};