@oracle/oraclejet 12.0.5 → 12.0.8

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.0.5"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.0.8"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;

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.0.5',
+    version: '12.0.8',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2022-06-14_18-46-31',
+    revision: '2022-08-02_18-05-23',
 
     // 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/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/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_esm/ojcore-base.js

@@ -37,12 +37,12 @@ const oj = {
    * @global
    * @member {string} version JET version numberr
    */
-  version: '12.0.5',
+  version: '12.0.8',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2022-06-14_18-46-31',
+  revision: '2022-08-02_18-05-23',
 
   // 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/ojformlayout.js

@@ -659,6 +659,38 @@ function ojFormLayout(context) {
     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
@@ -797,6 +829,7 @@ function ojFormLayout(context) {
         self._rootElementMutationObserver.disconnect();
 
         _unregisterResizeListener(ojForm);
+        _removeChromium103Workaround();
 
         _updateOjFormDiv();
 
@@ -828,6 +861,7 @@ function ojFormLayout(context) {
         // 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_esm/ojselectcombobox.js

@@ -1723,6 +1723,10 @@ const _ComboUtils = {
     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
@@ -3752,10 +3756,11 @@ const _AbstractOjChoice = _ComboUtils.clazz(Object,
         this._focus();
       }
 
-      _ComboUtils.addDataProviderEventListeners(opts.ojContext);
-
       // Readonly support
       this.applyReadonlyState();
+
+      // flag to indicate that the OjChoice instance is alive
+      this.isInitialized = true;
     },
 
     /**
@@ -4142,6 +4147,20 @@ const _AbstractOjChoice = _ComboUtils.clazz(Object,
 
       // 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;
     },
 
     /**
@@ -8911,6 +8930,11 @@ const _AbstractSingleChoice = _ComboUtils.clazz(_AbstractOjChoice,
               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
@@ -12476,12 +12500,8 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
         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) {
@@ -12492,14 +12512,11 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
               _ComboUtils.getValueOptionsForPlaceholder(this, this.options.valueOption);
         }
       }
-      opts = $.extend(this.options, opts);
 
       // Fetch the option defaults from the CSS file
       this.cssOptionDefaults = 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
@@ -12538,6 +12555,105 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
       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
@@ -12578,8 +12694,10 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
     refresh: function () {
       this._super();
 
-      this.combobox._destroy();
+      this._releaseComboboxResources();
+
       this._setup();
+      this._setupComboboxResources();
       this._SetRootAttributes();
       this._initComponentMessaging();
     },
@@ -18277,8 +18395,10 @@ oj$1.__registerWidget('oj.ojSelect', $.oj.editableValue,
 
       // 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) {
@@ -18317,6 +18437,57 @@ oj$1.__registerWidget('oj.ojSelect', $.oj.editableValue,
         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);