@oracle/oraclejet 12.1.2 → 12.1.5

package/dist/css/stable/oj-stable.css

@@ -333,7 +333,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.1.2"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.1.5"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -12912,6 +12912,10 @@ html .oj-inputdatetime-inline .oj-inputdatetime-time-only {
   min-width: 17.25rem;
   width: 18.75rem; }
 
+.oj-timepicker-datetime-mobile-content {
+  min-width: 17.25rem;
+  width: 18.75rem; }
+
 .oj-timepicker-header,
 .oj-timepicker-footer {
   color: var(--oj-core-text-color-primary);

package/dist/js/libs/oj/debug/ojcore-base.js

@@ -37,12 +37,12 @@ define(['ojs/ojlogger'], function (Logger) { 'use strict';
      * @global
      * @member {string} version JET version numberr
      */
-    version: '12.1.2',
+    version: '12.1.5',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2022-05-18_10-35-23',
+    revision: '2022-07-19_18-01-42',
 
     // This function is only meant to be used outside the library, so quoting the name
     // to avoid renaming is appropriate

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

@@ -1302,9 +1302,18 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojconfig',
                 }
               });
 
-              window.requestAnimationFrame(function () {
-                AnimationUtils.fadeIn(parentElem, { duration: '150ms', persist: 'all' });
-              });
+              // use setTimeout instead of requestAnimationFrame since that might not invoke by some browser
+              // if the tab/page is hidden for example
+              setTimeout(function () {
+                AnimationUtils.fadeIn(parentElem, { duration: '150ms', persist: 'all' }).then(function () {
+                  // force opacity to be 1 in case if CSS transition did not happen
+                  if (parseInt(parentElem.style.opacity, 10) === 0) {
+                    // eslint-disable-next-line no-param-reassign
+                    parentElem.style.opacity = 1;
+                  }
+                });
+              }, 0);
+
               // can resolve immediately instead of waiting for fade in
               resolve(false);
             }.bind(this));

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

@@ -8948,8 +8948,16 @@ var __oj_input_date_time_metadata =
         var div = document.createElement('div');
         div.id = this._GetSubId(this._TIME_PICKER_ID);
         var cssClasses = 'oj-timepicker-content';
+        // JET-51605 - done and cancel buttons are not accessible when trying to input time
+        // setting the oj-timepicker-mobile-content makes the wheel picker 100vh. But we do not
+        // want this for oj-input-date-time as the popup includes the buttons to set the selected
+        // time as well as to switch to the date picker. These controls are outside the wheel picker
+        // so setting this to 100vh completely hides this. So, set the css style classes based on
+        // where this timepicker is being used.
         if (ojconfig.getDeviceRenderMode() === 'phone') {
-          cssClasses += ' oj-timepicker-mobile-content';
+          const mobileCSSStlyeClass = this._isContainedInDateTimePicker() ?
+            ' oj-timepicker-datetime-mobile-content' : ' oj-timepicker-mobile-content';
+          cssClasses += mobileCSSStlyeClass;
         }
         div.className = cssClasses;
         wheelPicker.appendChild(div);

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

@@ -95,6 +95,15 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                     }, ojdrawerutils.DrawerConstants.animationDuration + 50);
                 }
             };
+            this.refreshHandler = (edge) => {
+                const $drawerElement = $(this.getDrawerRef(edge).current);
+                $drawerElement.position(this.getDrawerPosition(edge));
+                if ([ojdrawerutils.DrawerConstants.stringStart, ojdrawerutils.DrawerConstants.stringEnd].indexOf(edge) > -1) {
+                    this.setStartEndOverlayDrawersHeight();
+                }
+                this.setBottomOverlayDrawerWidth();
+                PopupService.getInstance().triggerOnDescendents($drawerElement, PopupService.EVENT.POPUP_REFRESH);
+            };
             this.resizeHandler = () => {
                 if (this.handleResize) {
                     const prevViewportResolvedDisplayMode = this.state.viewportResolvedDisplayMode;
@@ -520,13 +529,7 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                 [PSEvent.POPUP_AFTER_OPEN]: () => this.afterOpenHandler(edge, prevState),
                 [PSEvent.POPUP_BEFORE_CLOSE]: () => this.beforeCloseHandler(edge),
                 [PSEvent.POPUP_AFTER_CLOSE]: () => this.afterCloseHandler(edge, prevState),
-                [PSEvent.POPUP_REFRESH]: () => {
-                    $drawerElement.position(this.getDrawerPosition(edge));
-                    if ([ojdrawerutils.DrawerConstants.stringStart, ojdrawerutils.DrawerConstants.stringEnd].indexOf(edge) > -1) {
-                        this.setStartEndOverlayDrawersHeight();
-                    }
-                    this.setBottomOverlayDrawerWidth();
-                }
+                [PSEvent.POPUP_REFRESH]: () => this.refreshHandler(edge)
             };
             return PSOptions;
         }

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

@@ -86,6 +86,11 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                     }
                 }
             };
+            this.refreshHandler = (edge) => {
+                const $drawerElement = $(this.rootRef.current);
+                $drawerElement.position(this.getDrawerPosition(edge));
+                PopupService.getInstance().triggerOnDescendents($drawerElement, PopupService.EVENT.POPUP_REFRESH);
+            };
             this.getFocusables = () => {
                 return this.rootRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), video');
             };
@@ -178,9 +183,7 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                 [PSEvent.POPUP_BEFORE_CLOSE]: () => this.beforeCloseHandler(edge),
                 [PSEvent.POPUP_AFTER_CLOSE]: () => this.afterCloseHandler(prevState),
                 [PSEvent.POPUP_AUTODISMISS]: (event) => this.autoDismissHandler(event),
-                [PSEvent.POPUP_REFRESH]: () => {
-                    $drawerElement.position(this.getDrawerPosition(edge));
-                }
+                [PSEvent.POPUP_REFRESH]: () => this.refreshHandler(edge)
             };
             return PSOptions;
         }

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

@@ -655,6 +655,38 @@ var __oj_form_layout_metadata =
       element.appendChild(ojForm); // @HTMLUpdateOK appending internally created DOM element
     };
 
+    /**
+     * In Chrome 103 - the relative/absolute positioning inside a multi-col layout is broken
+     * https://bugs.chromium.org/p/chromium/issues/detail?id=1338997
+     * This is to workaround this bug and make things render correctly for chromium browsers.
+     * This bug will be fixed in 104 and later.
+     */
+    // data-oj- attributes used to identify the workaround DOM
+    const _WORKAROUND_DOM_ATTR = 'data-oj-formlayout-workaround-dom';
+    // Form layout can have nested oj-form-layout, so query only for the direct child
+    const _WORKAROUND_DOM_SELECTOR = `:scope > [${_WORKAROUND_DOM_ATTR}]`;
+
+    /**
+     * Applies the workaround for the Chromium v103 bug
+     */
+    function _applyChromium103Workaround() {
+      const workaroundDiv = document.createElement('div');
+      workaroundDiv.style.display = 'table';
+      workaroundDiv.style.visibility = 'hidden';
+      workaroundDiv.setAttribute(_WORKAROUND_DOM_ATTR, ''); // @HTMLUpdateOK
+      ojForm.appendChild(workaroundDiv);
+    }
+
+    /**
+     * Removes the workaround for the Chromium v103 bug
+     */
+    function _removeChromium103Workaround() {
+      const workaroundDiv = ojForm.querySelector(_WORKAROUND_DOM_SELECTOR);
+      if (workaroundDiv) {
+        ojForm.removeChild(workaroundDiv);
+      }
+    }
+
     /**
      * Register event listeners for resize the container DOM element.
      * @param {Element} domElem  DOM element
@@ -793,6 +825,7 @@ var __oj_form_layout_metadata =
           self._rootElementMutationObserver.disconnect();
 
           _unregisterResizeListener(ojForm);
+          _removeChromium103Workaround();
 
           _updateOjFormDiv();
 
@@ -824,6 +857,7 @@ var __oj_form_layout_metadata =
           // we need to do this before the mutation observer is activated because this can add divs which
           // would fire the mutation observer and send it into a refresh->mutation loop.
           _registerResizeListener(ojForm);
+          _applyChromium103Workaround();
 
           // We are done making modifications to dom subtree elements so we should start paying attention
           // to mutations of the oj-form DIV subtree.  The mutations we care about are added elements and

package/dist/js/libs/oj/debug/ojgantt-toolkit.js

@@ -9804,7 +9804,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
     if (!isInitial && options.selectionBehavior === 'highlightDependencies') {
       var viewport = this._gantt.getViewPort();
       var dataLayoutManager = this._gantt.getDataLayoutManager();
-      dataLayoutManager.renderViewportDependencyLines(viewport, 'vpc_translate', selected ? this.getLayoutObject() : null);
+      dataLayoutManager.renderViewportDependencyLines(viewport, 'vpc_translate', { taskObj: this.getLayoutObject(), isSelected: selected });
     }
   };
 
@@ -12595,12 +12595,13 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
    * Based on current task selection, return a set of tasks connected to them
    * via dependencies. If targetTaskObj is specified, then that task is ensured to be included in the selection.
    * @param {string} action The action that triggered the viewport change. One of the DvtGanttDataLayoutManager.VPC_X strings.
-   * @param {Object=} targetTaskObj The target selected task. This should only be specified if the target task
-   *    is not in the selectionHandler's current selection (yet), i.e. this rendering is triggered by a task selection gesture
+   * @param {Object=} targetTask The target selected (or de-selected) task, of the shape { taskObj: taskObj, isSelected: boolean }.
+   *    This should only be specified if the target task is not in the selectionHandler's current selection (yet),
+   *    i.e. this rendering is triggered by a task selection/deselection gesture.
    * @returns {Object} { taskObjs: Array(taskObjs), dependencyObjs: Set(depObjs) }
    * @private
    */
-  DvtGanttDataLayoutManager.prototype._getSelectionDependencies = function (action, targetTaskObj) {
+  DvtGanttDataLayoutManager.prototype._getSelectionDependencies = function (action, targetTask) {
     var idTaskObjMap = this._createIdObjMap(this._rowObjs, 'taskObjs');
     var taskObjsSelected;
     if (action === DvtGanttDataLayoutManager.VPC_REFRESH) {
@@ -12610,40 +12611,42 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
     } else {
       taskObjsSelected = this._gantt.getSelectionHandler().getSelection().map(taskNode => taskNode.getLayoutObject());
     }
-    if (targetTaskObj) {
-      // targetTaskObj is specified if this rendering is triggered by a task selection gesture
-      // and so it's not in the selectionHandler's current selection (yet)
-      taskObjsSelected.push(targetTaskObj);
+
+    if (targetTask) {
+      // targetTask is specified if this rendering is triggered by a task selection (or de-selection) gesture
+      // The selectionHandler's selection is not up to date at this point yet.
+      if (targetTask.isSelected) {
+        taskObjsSelected.push(targetTask.taskObj);
+      } else {
+        taskObjsSelected = taskObjsSelected.filter(t => t !== targetTask.taskObj);
+      }
     }
 
-    var visitedTaskObjs = new Set();
-    var visitedDependencyObjs = new Set();
-    // Traverse dependencies to find connected tasks
-    var dfs = (taskObj) => {
+    var traverse = (taskObj, direction, visitedTaskObjs, visitedDependencyObjs) => {
       if (taskObj == null || visitedTaskObjs.has(taskObj) || !idTaskObjMap.has(taskObj['id'])) {
         return;
       }
-
       visitedTaskObjs.add(taskObj);
-      var taskObjNeighbors = new Set(taskObj.predecessorDepObjs.map(d => d.predecessorTaskObj).concat(
-        taskObj.successorDepObjs.map(d => d.successorTaskObj)
-      ));
-      taskObjNeighbors.forEach(t => dfs(t));
+      var taskObjNeighbors;
+      if (direction === 'up') {
+        taskObjNeighbors = taskObj.predecessorDepObjs.map(d => d.predecessorTaskObj);
+        taskObj.predecessorDepObjs.forEach(d => visitedDependencyObjs.add(d));
+      } else {
+        taskObjNeighbors = taskObj.successorDepObjs.map(d => d.successorTaskObj);
+        taskObj.successorDepObjs.forEach(d => visitedDependencyObjs.add(d));
+      }
+      taskObjNeighbors.forEach(t => traverse(t, direction, visitedTaskObjs, visitedDependencyObjs));
     };
 
-    // Start with each selected task and traverse its dependencies
-    taskObjsSelected.forEach(taskObj => dfs(taskObj));
-
-    visitedTaskObjs.forEach(taskObj => {
-      var predecessorDepObjs = taskObj.predecessorDepObjs;
-      predecessorDepObjs.forEach(depObj => {
-        visitedDependencyObjs.add(depObj);
-      });
-      var successorDepObjs = taskObj.successorDepObjs;
-      successorDepObjs.forEach(depObj => {
-        visitedDependencyObjs.add(depObj);
-      });
-    });
+    // Start with each selected task and traverse its dependencies upstream and downstream
+    var visitedTaskObjs = new Set();
+    var visitedDependencyObjs = new Set();
+    taskObjsSelected.forEach(taskObj => traverse(taskObj, 'up', visitedTaskObjs, visitedDependencyObjs));
+    // New set for tracking visited downstream tasks
+    var visitedDownstreamTaskObjs = new Set();
+    taskObjsSelected.forEach(taskObj => traverse(taskObj, 'down', visitedDownstreamTaskObjs, visitedDependencyObjs));
+    // merge upstream and downstream tasks objs
+    visitedDownstreamTaskObjs.forEach(t => visitedTaskObjs.add(t));
 
     return { taskObjs: Array.from(visitedTaskObjs), dependencyObjs: visitedDependencyObjs };
   };
@@ -12687,9 +12690,10 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
    * Renders viewport related dependency lines
    * @param {Object} viewport Object describing the viewport, of shape {minRowInd: number, maxRowInd: number, viewStartTime: number, viewEndTime: number}
    * @param {string} action The action that triggered the viewport change. One of the DvtGanttDataLayoutManager.VPC_X strings.
-   * @param {Object=} targetTaskObj The task that got selected by the user that triggered this call (optional)
+   * @param {Object=} targetTask The task that got selected (or de-selected) by the user that triggered this call (optional).
+   *     This should be of the shape { taskObj: taskObj, isSelected: boolean }
    */
-  DvtGanttDataLayoutManager.prototype.renderViewportDependencyLines = function (viewport, action, targetTaskObj) {
+  DvtGanttDataLayoutManager.prototype.renderViewportDependencyLines = function (viewport, action, targetTask) {
     var dependenciesContainer = this._gantt.getDependenciesContainer();
     if (dependenciesContainer) {
       dependenciesContainer.removeChildren();
@@ -12699,7 +12703,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
     if (this._gantt.getOptions()['selectionBehavior'] === 'highlightDependencies') {
       // "highlightDependencies" selection behavior: only dependencies related to the selected tasks are shown
       // and dim all other tasks
-      var selectionDeps = this._getSelectionDependencies(action, targetTaskObj);
+      var selectionDeps = this._getSelectionDependencies(action, targetTask);
       this.highlightTasks(selectionDeps.taskObjs);
       dependencyObjs = selectionDeps.dependencyObjs;
     } else {

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

@@ -1713,6 +1713,10 @@ var __oj_select_many_metadata =
       widget.options._dataProvider = null;
     },
 
+    isDataProviderWrapped: function (widget) {
+      return widget.options._dataProvider != null;
+    },
+
     //  - need to be able to specify the initial value of select components bound to dprv
     // traversal using depth first search
     // return an oj.Option object if found otherwise return null
@@ -3742,10 +3746,11 @@ var __oj_select_many_metadata =
           this._focus();
         }
 
-        _ComboUtils.addDataProviderEventListeners(opts.ojContext);
-
         // Readonly support
         this.applyReadonlyState();
+
+        // flag to indicate that the OjChoice instance is alive
+        this.isInitialized = true;
       },
 
       /**
@@ -4132,6 +4137,20 @@ var __oj_select_many_metadata =
 
         // Clear all active timers
         this._clearActiveTimers();
+
+        // remove jQuery data
+        this.container.removeData(this._elemNm);
+
+        // Cleanup elements reference
+        this._dropdownPositioningProxyContainer = null;
+        this.container = null;
+        this.dropdown = null;
+        this.results = null;
+        this.search = null;
+        this.selection = null;
+
+        // update the flag to indicate the current instance is destroyed
+        this.isInitialized = false;
       },
 
       /**
@@ -8901,6 +8920,11 @@ var __oj_select_many_metadata =
                 if ((tagName === 'select') && !self.ojContext._HasPlaceholderSet()) {
                   _ComboUtils.fetchFirstBlockFromDataProvider(self.container, opts, 1)
                     .then(function (data) {
+                      // check if the current instance is still alive. If it has been destroyed
+                      // while fetching the data, do not do anything here
+                      if (!self.isInitialized) {
+                        return;
+                      }
                       // since the fetch process is not synchronous, at this point
                       // we need to check if the current value is still null and we should
                       // default it to the first option only if the value is not updated
@@ -12466,12 +12490,8 @@ var __oj_select_many_metadata =
           ojeditablevalue.EditableValueUtils._GetNormalizedAsyncValidatorsFromOption,
 
       _setup: function () {
-        var opts = {};
         var multi = this.multiple;
 
-        opts.element = this.element;
-        opts.ojContext = this;
-
         // fixup valueOption(s) if placeholder is selected
         if (_ComboUtils.isValueForPlaceholder(multi, this.options.value)) {
           if (multi) {
@@ -12482,14 +12502,11 @@ var __oj_select_many_metadata =
                 _ComboUtils.getValueOptionsForPlaceholder(this, this.options.valueOption);
           }
         }
-        opts = $.extend(this.options, opts);
 
         // Fetch the option defaults from the CSS file
         this.cssOptionDefaults = ThemeUtils.parseJSONFromFontFamily('oj-combobox-option-defaults') || {};
 
-        this.combobox = multi ? new _OjMultiCombobox() : new _OjSingleCombobox();
-
-        this.combobox._init(opts);
+        this._initComboboxInstance();
         this._refreshRequired(this.options.required);
 
         // JET-43071 - messagescustom property doesn't work when initial render
@@ -12528,6 +12545,105 @@ var __oj_select_many_metadata =
         this._super();
       },
 
+      /**
+       * Instantiates the combobox instance
+       *
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @private
+       */
+      _initComboboxInstance: function () {
+        const opts = $.extend(this.options, {
+          element: this.element,
+          ojContext: this
+        });
+        this.combobox = this.multiple ? new _OjMultiCombobox() : new _OjSingleCombobox();
+
+        this.combobox._init(opts);
+      },
+
+      /**
+       * Destroys the combobox instance
+       *
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @private
+       */
+      _destroyComboboxInstance: function () {
+        this.combobox._destroy();
+        this.combobox = null;
+      },
+
+      /**
+       * Checks if the combobox is already instantiated
+       *
+       * @returns {boolean} indicates if we have the combobox instantiated
+       *
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @private
+       */
+      _isComboboxInstantiated: function () {
+        return this.combobox != null;
+      },
+
+      /**
+       * Setup resources for the combobox
+       *
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @private
+       */
+      _setupComboboxResources: function () {
+        if (!this._isComboboxInstantiated()) {
+          this._initComboboxInstance();
+        }
+        // Check if the dp is already wrapped
+        if (!_ComboUtils.isDataProviderWrapped(this)) {
+          _ComboUtils.wrapDataProviderIfNeeded(this, this.combobox ? this.combobox.opts : null);
+        }
+        _ComboUtils.addDataProviderEventListeners(this);
+      },
+
+      /**
+       * releases resources of the combobox
+       *
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @private
+       */
+      _releaseComboboxResources: function () {
+        if (this._isComboboxInstantiated()) {
+          this._destroyComboboxInstance();
+        }
+        _ComboUtils.removeDataProviderEventListeners(this);
+        _ComboUtils.clearDataProviderWrapper(this);
+      },
+
+      /**
+       * Override to setup combobox resources
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @protected
+       * @override
+       */
+      _SetupResources: function () {
+        this._super();
+        this._setupComboboxResources();
+      },
+
+      /**
+       * Override to release combobox resources
+       * @memberof! oj.ojCombobox
+       * @instance
+       * @protected
+       * @override
+       */
+      _ReleaseResources: function () {
+        this._super();
+        this._releaseComboboxResources();
+      },
+
       /**
        * Returns if the element is a text field element or not.
        * @memberof oj.ojCombobox
@@ -12568,8 +12684,10 @@ var __oj_select_many_metadata =
       refresh: function () {
         this._super();
 
-        this.combobox._destroy();
+        this._releaseComboboxResources();
+
         this._setup();
+        this._setupComboboxResources();
         this._SetRootAttributes();
         this._initComponentMessaging();
       },
@@ -18267,8 +18385,10 @@ var __oj_select_many_metadata =
 
         // cleanup the old HTML and setup the new HTML markups
           this._cleanup();
+          this._releaseSelectResources();
 
           this._setup();
+          this._setupSelectResources();
         // TODO: apply value in options for the selected value
 
           if (this._isNative() && this.options.value) {
@@ -18307,6 +18427,57 @@ var __oj_select_many_metadata =
           this._super();
         },
 
+      /**
+       * Setup resources for the select
+       *
+       * @memberof! oj.ojSelect
+       * @instance
+       * @private
+       */
+       _setupSelectResources: function () {
+         // Check if the dataprovider is already wrapped
+         if (!_ComboUtils.isDataProviderWrapped(this)) {
+          _ComboUtils.wrapDataProviderIfNeeded(this, this.select ? this.select.opts : null);
+         }
+        _ComboUtils.addDataProviderEventListeners(this);
+      },
+
+      /**
+       * releases resources of the select
+       *
+       * @memberof! oj.ojSelect
+       * @instance
+       * @private
+       */
+      _releaseSelectResources: function () {
+        _ComboUtils.removeDataProviderEventListeners(this);
+        _ComboUtils.clearDataProviderWrapper(this);
+      },
+
+      /**
+       * Override to setup select resources
+       * @memberof! oj.ojSelect
+       * @instance
+       * @protected
+       * @override
+       */
+      _SetupResources: function () {
+        this._super();
+        this._setupSelectResources();
+      },
+
+      /**
+       * Override to release select resources
+       * @memberof! oj.ojSelect
+       * @instance
+       * @protected
+       * @override
+       */
+      _ReleaseResources: function () {
+        this._super();
+        this._releaseSelectResources();
+      },
+
         // 19670760, dropdown popup should be closed on subtreeDetached notification.
         _NotifyDetached: function () {
           this._superApply(arguments);

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

@@ -88,7 +88,7 @@ define(['exports', 'preact', 'ojs/ojvcomponent', 'ojs/ojtranslation', 'ojs/ojdat
             }
             const vnodes = this.renderItem(key, index, data);
             this.decorateItem(vnodes, key, index, initialFetch, visible);
-            return vnodes;
+            return vnodes[0];
         }
         renderItem(key, index, data) {
             const renderer = this.callback.getItemRenderer();
@@ -220,7 +220,7 @@ define(['exports', 'preact', 'ojs/ojvcomponent', 'ojs/ojtranslation', 'ojs/ojdat
             }
             const vnodes = this.renderItem(metadata, index, data);
             this.decorateItem(vnodes, metadata, index, initialFetch, visible);
-            return vnodes;
+            return vnodes[0];
         }
         renderItem(metadata, index, data) {
             const key = metadata.key;

package/dist/js/libs/oj/debug_esm/ojcore-base.js

@@ -37,12 +37,12 @@ const oj = {
    * @global
    * @member {string} version JET version numberr
    */
-  version: '12.1.2',
+  version: '12.1.5',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2022-05-18_10-35-23',
+  revision: '2022-07-19_18-01-42',
 
   // This function is only meant to be used outside the library, so quoting the name
   // to avoid renaming is appropriate

package/dist/js/libs/oj/debug_esm/ojdataproviderscroller.js

@@ -1304,9 +1304,18 @@ DataProviderContentHandler.prototype.animateShowContent =
               }
             });
 
-            window.requestAnimationFrame(function () {
-              fadeIn(parentElem, { duration: '150ms', persist: 'all' });
-            });
+            // use setTimeout instead of requestAnimationFrame since that might not invoke by some browser
+            // if the tab/page is hidden for example
+            setTimeout(function () {
+              fadeIn(parentElem, { duration: '150ms', persist: 'all' }).then(function () {
+                // force opacity to be 1 in case if CSS transition did not happen
+                if (parseInt(parentElem.style.opacity, 10) === 0) {
+                  // eslint-disable-next-line no-param-reassign
+                  parentElem.style.opacity = 1;
+                }
+              });
+            }, 0);
+
             // can resolve immediately instead of waiting for fade in
             resolve(false);
           }.bind(this));

package/dist/js/libs/oj/debug_esm/ojdatetimepicker.js

@@ -8963,8 +8963,16 @@ oj.__registerWidget('oj.ojInputTime', $.oj.inputBase,
       var div = document.createElement('div');
       div.id = this._GetSubId(this._TIME_PICKER_ID);
       var cssClasses = 'oj-timepicker-content';
+      // JET-51605 - done and cancel buttons are not accessible when trying to input time
+      // setting the oj-timepicker-mobile-content makes the wheel picker 100vh. But we do not
+      // want this for oj-input-date-time as the popup includes the buttons to set the selected
+      // time as well as to switch to the date picker. These controls are outside the wheel picker
+      // so setting this to 100vh completely hides this. So, set the css style classes based on
+      // where this timepicker is being used.
       if (getDeviceRenderMode() === 'phone') {
-        cssClasses += ' oj-timepicker-mobile-content';
+        const mobileCSSStlyeClass = this._isContainedInDateTimePicker() ?
+          ' oj-timepicker-datetime-mobile-content' : ' oj-timepicker-mobile-content';
+        cssClasses += mobileCSSStlyeClass;
       }
       div.className = cssClasses;
       wheelPicker.appendChild(div);