@oracle/oraclejet 16.0.0 → 16.0.2

package/dist/js/libs/oj/debug/ojdatagrid.js

@@ -4518,10 +4518,9 @@ var __oj_data_grid_metadata =
       ' ' +
       resources.getMappedStyle('headercell');
     this.m_root.appendChild(div); // @HTMLUpdateOK
-    // Not using offsetWidth/Height due to
-    var rect = div.getBoundingClientRect();
-    this.m_defaultColumnWidth = Math.round(rect.width);
-    this.m_defaultRowHeight = Math.round(rect.height);
+    // can use offset due to fixes in chrome partial pixel rounding fixes
+    this.m_defaultColumnWidth = div.offsetWidth;
+    this.m_defaultRowHeight = div.offsetHeight;
 
     // minimize reflows
     this.getViewportWidth();
@@ -5848,8 +5847,8 @@ var __oj_data_grid_metadata =
     this.setElementWidth(colEndHeader, columnHeaderWidth);
 
     [rowHeaderWidth, colHeaderHeight] = this._setFrozenContainerDimension(
-      availableWidth,
-      availableHeight,
+      databodyWidth,
+      databodyHeight,
       rowHeaderWidth,
       rowEndHeaderWidth,
       colHeaderHeight,
@@ -6062,7 +6061,10 @@ var __oj_data_grid_metadata =
           this.m_utils.removeCSSClassName(this.m_bottomCorner, style);
         }
       }
-      tags = this.m_rowEndHeader.firstChild.childNodes;
+      tags = Array.from(this.m_rowEndHeader.firstChild.childNodes);
+      if (this.m_rowEndHeaderFrozen?.firstChild?.childNodes?.length) {
+        tags.push(...this.m_rowEndHeaderFrozen.firstChild.childNodes);
+      }
       for (i = 0; i < tags.length; i++) {
         if (bw) {
           this.m_utils.addCSSClassName(tags[i], style);
@@ -6129,7 +6131,10 @@ var __oj_data_grid_metadata =
           this.m_utils.removeCSSClassName(this.m_bottomCorner, style);
         }
       }
-      tags = this.m_colEndHeader.firstChild.childNodes;
+      tags = Array.from(this.m_colEndHeader.firstChild.childNodes);
+      if (this.m_colEndHeaderFrozen?.firstChild?.childNodes?.length) {
+        tags.push(...this.m_colEndHeaderFrozen.firstChild.childNodes);
+      }
       const groupingContainerStyle = this.getMappedStyle('groupingcontainer');
       // Identify if the endHeader is a groupingcontainer and apply style to the first child.
       for (i = 0; i < tags.length; i++) {
@@ -17131,8 +17136,8 @@ var __oj_data_grid_metadata =
     // are available and insert is done at the end of the frozen section.
     if (this._hasFrozenColumns() || this._hasFrozenRows()) {
       if (
-        (axis === 'column' && offset <= this.m_frozenColIndex + 1) ||
-        (axis === 'row' && offset <= this.m_frozenRowIndex + 1)
+        (axis === 'column' && this._hasFrozenColumns() && offset <= this.m_frozenColIndex + 1) ||
+        (axis === 'row' && this._hasFrozenRows() && offset <= this.m_frozenRowIndex + 1)
       ) {
         frozenDimensions = new Array(count).fill(totalDimension / count);
       } else {
@@ -18208,11 +18213,14 @@ var __oj_data_grid_metadata =
     let frozenColExists = this.m_frozenColIndex !== null && this.m_frozenColIndex !== -1;
     let frozenRowExists = this.m_frozenRowIndex !== null && this.m_frozenRowIndex !== -1;
 
+    // * If no frozen section, mutate the rest of the databody
+    // * If either of them exists, then check if the row/col End exceeds the frozen region and mutate the rest of the databody
+    // * ensure check for frozenAxisExists as 1 > null alone shall pass
     if (
       (!frozenColExists && !frozenRowExists) ||
       ((frozenColExists || frozenRowExists) &&
-        rowEnd > this.m_frozenRowIndex &&
-        colEnd > this.m_frozenColIndex)
+        (!frozenRowExists || rowEnd > this.m_frozenRowIndex) &&
+        (!frozenColExists || colEnd > this.m_frozenColIndex))
     ) {
       this._fetchAndMutateCellsByRange(cellSet, this.m_databody, rowStart, rowEnd, colStart, colEnd);
     }
@@ -18438,6 +18446,14 @@ var __oj_data_grid_metadata =
           if (endHeaders.length) {
             this._removeAndModifyHeaders(endHeaders, dimension, dimensionToRetrieve, dirToSet, index);
           }
+          if (
+            (axis === 'column' && this._hasFrozenColumns() && index <= this.m_frozenColIndex) ||
+            (axis === 'row' && this._hasFrozenRows() && index <= this.m_frozenRowIndex)
+          ) {
+            frozenSectionDimension += dimension;
+          } else {
+            databodyDimension += dimension;
+          }
         }
         if (
           (axis === 'column' && this._hasFrozenColumns() && index <= this.m_frozenColIndex) ||
@@ -18448,14 +18464,6 @@ var __oj_data_grid_metadata =
           insideDeletedDimension += dimension;
           dimensions.unshift(dimension);
         }
-        if (
-          (axis === 'column' && this._hasFrozenColumns() && index <= this.m_frozenColIndex) ||
-          (axis === 'row' && this._hasFrozenRows() && index <= this.m_frozenRowIndex)
-        ) {
-          frozenSectionDimension += dimension;
-        } else {
-          databodyDimension += dimension;
-        }
       } else if (flag === DvtDataGrid.AFTER && this.m_options.getScrollPolicy() === 'scroll') {
         // only concerned with after rows if virtual scroll
         databodyDimension += dimension;
@@ -18593,6 +18601,9 @@ var __oj_data_grid_metadata =
       }
       var databodyContentHeight = this.getElementHeight(databodyContent) - databodyDimension;
       this.setElementHeight(databodyContent, databodyContentHeight);
+      if (this.m_databodyFrozenCol) {
+        this.setElementHeight(this.m_databodyFrozenCol, databodyContentHeight);
+      }
       if (this.m_databodyFrozenRow) {
         var frozenDatabodyContentHeight =
           this.getElementHeight(this.m_databodyFrozenRow) - frozenSectionDimension;
@@ -18629,6 +18640,9 @@ var __oj_data_grid_metadata =
       }
       var databodyContentWidth = this.getElementWidth(databodyContent) - databodyDimension;
       this.setElementWidth(databodyContent, databodyContentWidth);
+      if (this.m_databodyFrozenRow) {
+        this.setElementWidth(this.m_databodyFrozenRow, databodyContentWidth);
+      }
       if (this.m_databodyFrozenCol) {
         var frozenDatabodyContentWidth =
           this.getElementWidth(this.m_databodyFrozenCol) - frozenSectionDimension;
@@ -19178,31 +19192,21 @@ var __oj_data_grid_metadata =
     if (root == null) {
       return null;
     }
+    var sections = [];
+    var headers = [];
+    sections.push(root);
 
-    var headers;
-
-    // identify region based on the frozen indexes.
-    if (
-      this._hasFrozenRows() &&
-      parseInt(key, 10) <= this.m_frozenRowIndex &&
-      (root === this.m_rowHeader || root === this.m_rowEndHeader)
-    ) {
-      // eslint-disable-next-line no-param-reassign
-      root = root === this.m_rowHeader ? this.m_rowHeaderFrozen : this.m_rowEndHeaderFrozen;
+    if (this._hasFrozenRows() && (root === this.m_rowHeader || root === this.m_rowEndHeader)) {
+      let section = root === this.m_rowHeader ? this.m_rowHeaderFrozen : this.m_rowEndHeaderFrozen;
+      sections.push(section);
     }
-    if (
-      this._hasFrozenColumns() &&
-      parseInt(key, 10) <= this.m_frozenColIndex &&
-      (root === this.m_colHeader || root === this.m_colEndHeader)
-    ) {
-      // eslint-disable-next-line no-param-reassign
-      root = root === this.m_colHeader ? this.m_colHeaderFrozen : this.m_colEndHeaderFrozen;
+    if (this._hasFrozenColumns() && (root === this.m_colHeader || root === this.m_colEndHeader)) {
+      let section = root === this.m_colHeader ? this.m_colHeaderFrozen : this.m_colEndHeaderFrozen;
+      sections.push(section);
     }
-    // getElementsByClassName support is IE9 and up
-    if (root.getElementsByClassName) {
-      headers = root.getElementsByClassName(className);
-    } else {
-      headers = root.childNodes;
+
+    for (let i = 0; i < sections.length; i++) {
+      headers.push(...sections[i].getElementsByClassName(className));
     }
     for (var i = 0; i < headers.length; i++) {
       var header = headers[i];
@@ -27110,6 +27114,13 @@ var __oj_data_grid_metadata =
       if ((resizeHeaderMode === 'column' || resizeHeaderMode === 'columnEnd') && !isHeaderLabel) {
         // index based
         dimension = 'columnWidth';
+        details.ui.size = this.getElementWidth(
+          this._getHeaderByIndex(
+            resizingElementIndex + context.extent - 1,
+            'column',
+            this.m_columnHeaderLevelCount - 1
+          )
+        );
       } else if (isHeaderLabel) {
         let isRowEndHeaderLabel = this.m_utils.containsCSSClassName(
           this.m_resizingElement,
@@ -27117,10 +27128,9 @@ var __oj_data_grid_metadata =
         );
         dimension = isRowEndHeaderLabel ? 'rowEndHeaderWidth' : 'rowHeaderWidth';
         details.ui.levels = [
-          resizeHeaderMode.includes('row')
-            ? context.level + context.depth - 1
-            : this.m_rowHeaderLevelCount - 1
+          resizeHeaderMode.includes('row') ? context.level : this.m_rowHeaderLevelCount - 1
         ];
+        details.ui.size = newWidth;
       } else {
         let isRowEndHeader = this.m_utils.containsCSSClassName(
           this.m_resizingElement,
@@ -27128,13 +27138,22 @@ var __oj_data_grid_metadata =
         );
         dimension = isRowEndHeader ? 'rowEndHeaderWidth' : 'rowHeaderWidth';
         details.ui.levels = [context.level + context.depth - 1];
+        details.ui.size = isRowEndHeader
+          ? this.m_rowEndHeaderLevelWidths[context.level + context.depth - 1]
+          : this.m_rowHeaderLevelWidths[context.level + context.depth - 1];
       }
-      details.ui.size = newWidth;
       details.ui.dimension = dimension;
     } else if (newHeight !== oldHeight) {
       if ((resizeHeaderMode === 'row' || resizeHeaderMode === 'rowEnd') && !isHeaderLabel) {
         // index based
         dimension = 'rowHeight';
+        details.ui.size = this.getElementHeight(
+          this._getHeaderByIndex(
+            resizingElementIndex + context.extent - 1,
+            'row',
+            this.m_rowHeaderLevelCount - 1
+          )
+        );
       } else if (isHeaderLabel) {
         let isColumnEndHeaderLabel = this.m_utils.containsCSSClassName(
           this.m_resizingElement,
@@ -27142,10 +27161,9 @@ var __oj_data_grid_metadata =
         );
         dimension = isColumnEndHeaderLabel ? 'columnEndHeaderHeight' : 'columnHeaderHeight';
         details.ui.levels = [
-          resizeHeaderMode.includes('column')
-            ? context.level + context.depth - 1
-            : this.m_columnHeaderLevelCount - 1
+          resizeHeaderMode.includes('column') ? context.level : this.m_columnHeaderLevelCount - 1
         ];
+        details.ui.size = newHeight;
       } else {
         let isColumnEndHeader = this.m_utils.containsCSSClassName(
           this.m_resizingElement,
@@ -27153,8 +27171,10 @@ var __oj_data_grid_metadata =
         );
         dimension = isColumnEndHeader ? 'columnEndHeaderHeight' : 'columnHeaderHeight';
         details.ui.levels = [context.level + context.depth - 1];
+        details.ui.size = isColumnEndHeader
+          ? this.m_columnEndHeaderLevelHeights[context.level + context.depth - 1]
+          : this.m_columnHeaderLevelHeights[context.level + context.depth - 1];
       }
-      details.ui.size = newHeight;
       details.ui.dimension = dimension;
     } else {
       return;
@@ -27418,7 +27438,7 @@ var __oj_data_grid_metadata =
         if ((!end && bottomEdgeCheck) || (end && topEdgeCheck)) {
           this.m_resizingElement = elem;
           return 'row-resize';
-        } else if ((!end && topEdgeCheck) || (end && bottomEdgeCheck)) {
+        } else if (((!end && topEdgeCheck) || (end && bottomEdgeCheck)) && level !== 0) {
           // can we resize the height of the parent header
           this.m_resizingElement = parent;
           this.m_resizingElementSibling = elem;
@@ -27450,8 +27470,9 @@ var __oj_data_grid_metadata =
           this.m_resizingElement = elem;
           return 'col-resize';
         } else if (
-          (!end && (rtl ? rightEdgeCheck : leftEdgeCheck)) ||
-          (end && (rtl ? leftEdgeCheck : rightEdgeCheck))
+          ((!end && (rtl ? rightEdgeCheck : leftEdgeCheck)) ||
+            (end && (rtl ? leftEdgeCheck : rightEdgeCheck))) &&
+          level !== 0
         ) {
           this.m_resizingElement = parent;
           this.m_resizingElementSibling = elem;
@@ -28485,8 +28506,8 @@ var __oj_data_grid_metadata =
     this.setElementWidth(colEndHeader, columnHeaderWidth);
 
     [rowHeaderWidth, colHeaderHeight] = this._setFrozenContainerDimension(
-      availableWidth,
-      availableHeight,
+      databodyWidth,
+      databodyHeight,
       rowHeaderWidth,
       rowEndHeaderWidth,
       colHeaderHeight,
@@ -28831,33 +28852,23 @@ var __oj_data_grid_metadata =
 
       if (!(tempArray[i] && tempArray[i][startAxisChange]) && shiftOnly !== true) {
         this.setElementDir(cell, this.getElementDir(cell, dimension) + dimensionDelta, dimension);
-        if (axis === 'row') {
-          this._updateTempArray(
-            tempArray,
-            true,
-            i,
-            startAxisChange,
-            cellContext.extents.column,
-            axisExtent - extentWithinCellToIgnore
-          );
-        } else {
-          if (forHideShow) {
-            if (this.isHidden(axis, startAxisChange)) {
-              cell.style.display = 'none';
-            } else {
-              cell.style.display = '';
-            }
+        if (forHideShow) {
+          if (this.isHidden(axis, startAxisChange)) {
+            cell.style.display = 'none';
+          } else {
+            cell.style.display = '';
           }
-
-          this._updateTempArray(
-            tempArray,
-            true,
-            i,
-            startAxisChange,
-            cellContext.extents.row,
-            axisExtent - extentWithinCellToIgnore
-          );
         }
+
+        const otherAxis = axis === 'row' ? 'column' : 'row';
+        this._updateTempArray(
+          tempArray,
+          true,
+          i,
+          startAxisChange,
+          cellContext.extents[otherAxis],
+          axisExtent - extentWithinCellToIgnore
+        );
       }
       let axisStartValue = startAxisChange;
       if (shiftOnly !== true) {
@@ -45006,8 +45017,10 @@ var __oj_data_grid_metadata =
       endHeaderFetchCount: 0
     };
 
+    // null check and -1 check to fully ensure frozenSection doesn't exist.
     if (
       this.m_options._getFreezeIndex(axis) === null ||
+      this.m_options._getFreezeIndex(axis) === -1 ||
       !this._isFreezeFeasible(axis, startResults, endResults, start, 0)
     ) {
       returnObj = {
@@ -50148,7 +50161,7 @@ var __oj_data_grid_metadata =
           undefined,
           true
         );
-        if (this.m_databodyFrozenRow) {
+        if (this.m_databodyFrozenRow || this.m_databodyFrozenCol) {
           this._shiftFrozenCellsAlongAxis(axis, dimensionChange, axisIndex, false, true);
         }
         // eslint-disable-next-line no-unused-expressions
@@ -50156,8 +50169,8 @@ var __oj_data_grid_metadata =
           ? (this.m_endColPixel += dimensionChange)
           : (this.m_endRowPixel += dimensionChange);
       } else if (
-        (axis === 'column' && this.m_databodyFrozenRow) ||
-        (axis === 'row' && this.m_databodyFrozenCol)
+        (axis === 'column' && this.m_databodyFrozenCol) ||
+        (axis === 'row' && this.m_databodyFrozenRow)
       ) {
         corner = true;
         this._shiftCellsAlongAxis(

package/dist/js/libs/oj/debug/ojdrawerpopup.js

@@ -84,6 +84,7 @@ define(['exports', 'preact/jsx-runtime', 'ojs/ojvcomponent', 'preact', 'jquery',
                 const $drawerElement = $(this.rootRef.current);
                 const status = ZOrderUtils.getStatus($drawerElement);
                 if (status === ZOrderUtils.STATUS.OPEN) {
+                    $drawerElement.detach();
                     const psOptions = {};
                     psOptions[PopupService.OPTION.POPUP] = $drawerElement;
                     this.ignoreUpdate = true;

package/dist/js/libs/oj/debug/ojinputtext.js

@@ -2958,6 +2958,14 @@ var __oj_text_area_metadata =
    * @ojoracleicon 'oj-ux-ico-text-input-password'
    * @ojuxspecs ['input-password']
    *
+   * @ojdeprecated [
+   *   {
+   *     "type": "maintenance",
+   *     "since": "16.0.0",
+   *     "value": ["oj-c-input-password"]
+   *   }
+   * ]
+   *
    * @classdesc
    * <h3 id="inputPasswordOverview-section">
    *   JET InputPassword Component
@@ -3626,6 +3634,14 @@ var __oj_text_area_metadata =
    * @ojoracleicon 'oj-ux-ico-text-input'
    * @ojuxspecs ['input-text']
    *
+   * @ojdeprecated [
+   *   {
+   *     "type": "maintenance",
+   *     "since": "16.0.0",
+   *     "value": ["oj-c-input-text"]
+   *   }
+   * ]
+   *
    * @classdesc
    * <h3 id="inputTextOverview-section">
    *   JET InputText Component
@@ -4638,6 +4654,14 @@ var __oj_text_area_metadata =
    * @ojoracleicon 'oj-ux-ico-text-input-area'
    * @ojuxspecs ['input-text']
    *
+   * @ojdeprecated [
+   *   {
+   *     "type": "maintenance",
+   *     "since": "16.0.0",
+   *     "value": ["oj-c-text-area"]
+   *   }
+   * ]
+   *
    * @classdesc
    * <h3 id="textAreaOverview-section">
    *   JET TextArea Component

package/dist/js/libs/oj/debug/ojpopupcore.js

@@ -4410,13 +4410,9 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcomponentcore', 'ojs/ojlo
       static findOpenVPopups() {
           const rootLayerHost = document.getElementById(NEW_DEFAULT_LAYER_ID);
           const topLayerHost = document.getElementById(NEW_DEFAULT_TOP_LAYER_ID);
-          const result = [];
-          if (rootLayerHost) {
-              result.concat([].slice.call(rootLayerHost.children));
-          }
-          if (topLayerHost) {
-              result.concat([].slice.call(topLayerHost.children));
-          }
+          const resRoot = rootLayerHost ? [].slice.call(rootLayerHost.children) : [];
+          const resTop = topLayerHost ? [].slice.call(topLayerHost.children) : [];
+          const result = resRoot.concat(resTop);
           return result;
       }
   }