@oracle/oraclejet 11.0.6 → 11.1.1

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

@@ -1290,7 +1290,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
            * @memberof! oj.ojNBox
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           labelStyle: undefined,
 
@@ -1303,7 +1303,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
            * @memberof! oj.ojNBox
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           maximizedSvgStyle: undefined,
 
@@ -1316,7 +1316,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
            * @memberof! oj.ojNBox
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           minimizedSvgStyle: undefined,
 
@@ -1344,7 +1344,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
            * @memberof! oj.ojNBox
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           svgStyle: undefined
         },
@@ -1359,7 +1359,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
          * @memberof! oj.ojNBox
          * @instance
          * @type {Object=}
-         * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+         * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
          */
         columnLabelStyle: undefined,
 
@@ -1373,7 +1373,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
          * @memberof! oj.ojNBox
          * @instance
          * @type {Object=}
-         * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+         * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
          */
         columnsTitleStyle: undefined,
 
@@ -1768,7 +1768,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
            * @memberof! oj.ojNBox
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           labelStyle: undefined,
 
@@ -1782,7 +1782,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
            * @memberof! oj.ojNBox
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           secondaryLabelStyle: undefined
         },
@@ -1797,7 +1797,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
          * @memberof! oj.ojNBox
          * @instance
          * @type {Object=}
-         * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+         * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
          */
         rowLabelStyle: undefined,
 
@@ -1810,7 +1810,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
          * @memberof! oj.ojNBox
          * @instance
          * @type {Object=}
-         * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+         * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
          * @default null
          */
         rowsTitleStyle: undefined
@@ -2677,10 +2677,10 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @property {(string|function)=} shortDesc The description of this node. This is used for accessibility and also for customizing the tooltip text.
  * @ojsignature [{target: "Type", value: "K", for: "id"},
  *               {target: "Type", value: "<K>", for: "genericTypeParameters"},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "icon.svgStyle", jsdocOverride:true},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "indicatorIcon.svgStyle", jsdocOverride:true},
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "icon.svgStyle", jsdocOverride:true},
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "indicatorIcon.svgStyle", jsdocOverride:true},
  *               {target: "Type", value: "?(string | ((context: oj.ojNBox.NodeShortDescContext<K>) => string))", jsdocOverride: true, for: "shortDesc"},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "svgStyle", jsdocOverride:true}]
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "svgStyle", jsdocOverride:true}]
  */
 
 /**
@@ -2698,10 +2698,10 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @property {string} row The id of the row containing this cell.
  * @property {"on"|"off"|"auto"} [showCount="auto"] Determines when to display the cell count label (extra info displayed after primary cell label). "off" never show the count label. "on" always show the count label. Show countLabel value if specified, otherwise use a simple node count. "auto" show the count label if countLabel attribute is defined.
  * @property {string=} shortDesc The description of this cell. This is used for accessibility.
- * @ojsignature [{target: "Type", value: "CSSStyleDeclaration", for: "labelStyle", jsdocOverride: true},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "svgStyle", jsdocOverride: true},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "maximizedSvgStyle", jsdocOverride: true},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "minimizedSvgStyle", jsdocOverride: true}]
+ * @ojsignature [{target: "Type", value: "Partial<CSSStyleDeclaration>", for: "labelStyle", jsdocOverride: true},
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "svgStyle", jsdocOverride: true},
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "maximizedSvgStyle", jsdocOverride: true},
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "minimizedSvgStyle", jsdocOverride: true}]
  */
 
 /**
@@ -2709,7 +2709,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @property {string} id The id of the column. Used to identify this column.
  * @property {string=} label The text for the column label.
  * @property {Object=} labelStyle The CSS style object defining the style of the column label. The following style properties are supported: color, cursor, fontFamily, fontSize, fontStyle, fontWeight, textDecoration.
- * @ojsignature {target: "Type", value: "CSSStyleDeclaration", for: "labelStyle", jsdocOverride: true}
+ * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "labelStyle", jsdocOverride: true}
  */
 
 /**
@@ -2717,7 +2717,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @property {string} id The id of the row. Used to identify this row.
  * @property {string=} label The text for the row label.
  * @property {Object=} labelStyle The CSS style object defining the style of the row label. The following style properties are supported: color, cursor, fontFamily, fontSize, fontStyle, fontWeight, textDecoration.
- * @ojsignature {target: "Type", value: "CSSStyleDeclaration", for: "labelStyle", jsdocOverride: true}
+ * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "labelStyle", jsdocOverride: true}
  */
 
 /**
@@ -3370,7 +3370,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @memberof! oj.ojNBoxNode
  * @instance
  * @type {Object=}
- * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+ * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
  *
  * @example <caption>Initialize NBox node with the
  * <code class="prettyprint">icon.svgStyle</code> attribute specified:</caption>
@@ -3613,7 +3613,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @memberof! oj.ojNBoxNode
  * @instance
  * @type {(Object|null)=}
- * @ojsignature {target: "Type", value: "CSSStyleDeclaration|null", jsdocOverride: true}
+ * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>|null", jsdocOverride: true}
  *
  * @example <caption>Initialize NBox node with the
  * <code class="prettyprint">indicatorIcon.svgStyle</code> attribute specified:</caption>
@@ -3716,7 +3716,7 @@ oj.__registerWidget('oj.ojNBox', $.oj.dvtBaseComponent,
  * @memberof! oj.ojNBoxNode
  * @instance
  * @type {(Object|null)=}
- * @ojsignature {target: "Type", value: "CSSStyleDeclaration|null", jsdocOverride: true}
+ * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>|null", jsdocOverride: true}
  * @default null
  *
  * @example <caption>Initialize NBox node with the

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

@@ -1056,7 +1056,7 @@ oj.__registerWidget('oj.ojPictoChart', $.oj.dvtBaseComponent,
  * @ojsignature [{target: "Type", value: "K", for: "id"},
  *               {target: "Type", value: "<K>", for: "genericTypeParameters"},
  *               {target: "Type", value: "?(string | ((context: oj.ojPictoChart.ItemShortDescContext<K>) => string))", jsdocOverride: true, for: "shortDesc"},
- *               {target: "Type", value: "CSSStyleDeclaration", for: "svgStyle", jsdocOverride:true}]
+ *               {target: "Type", value: "Partial<CSSStyleDeclaration>", for: "svgStyle", jsdocOverride:true}]
  */
 
 /**
@@ -1517,7 +1517,7 @@ oj.__registerWidget('oj.ojPictoChart', $.oj.dvtBaseComponent,
  * @memberof! oj.ojPictoChartItem
  * @instance
  * @type {Object=}
- * @ojsignature [{target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}]
+ * @ojsignature [{target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}]
  * @default {}
  *
  * @example <caption>Initialize the picto chart item with the

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

@@ -3658,9 +3658,11 @@ PopupLiveRegion.prototype.announce = function (message) {
     // This inconsistency happenes may be due to the container is not getting add to the DOM long enough before the contents are changed
     // After discuss with acc team, we decide to put a setTimeout here to resolve the issue. 20ms is the minimum delay time to make Chrome JAWS read out the content.
     // We will need to revisit if the bug is not resolved on user side.
+    // JET-46575: Update: the 20ms delay turned out to be too short in specific real-case scenarios. Increasing the delay to 250ms to give Chrome JAWS
+    // a chance to pick up the live region change.
     setTimeout(function () {
       $('<div>').text(message).appendTo(liveRegion); // @HTMLUpdateOK the "messsage" comes from a
-    }, 20);
+    }, 250);
     // translated string that can be overridden by
     // an option on the ojPopup.  The jquery "text"
     // function will escape script.

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

@@ -168,9 +168,6 @@ PullToRefreshUtils.setupPullToRefresh = function (element, refreshFunc, options)
         }
 
         checkTolerance = true;
-
-        // apply pull-to-refresh-action class to block children events in the panel element
-        panel[0].classList.add('oj-pulltorefresh-action');
       }
     })
     .on(type + 'move.pulltorefresh', function (event) {
@@ -186,6 +183,9 @@ PullToRefreshUtils.setupPullToRefresh = function (element, refreshFunc, options)
 
       // wrong direction
       if (height < 0) {
+        // remove pull-to-refresh-action class to block children events in the panel element
+        panel[0].classList.remove('oj-pulltorefresh-action');
+
         return;
       }
 
@@ -218,6 +218,10 @@ PullToRefreshUtils.setupPullToRefresh = function (element, refreshFunc, options)
 
       content.css('height', height);
 
+
+        // apply pull-to-refresh-action class to block children events in the panel element
+        panel[0].classList.add('oj-pulltorefresh-action');
+
       // fire pull event
       PullToRefreshUtils._fireEvent(event, 'pull', content, height);
 

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

@@ -1107,6 +1107,12 @@ var __oj_radioset_metadata =
         // has an ID
         $element.uniqueId();
 
+        // Retrieve the tabindex from the container and store it in an instance variable.
+        // Also we need to remove the tabindex from the container so that it will not receive
+        // focus
+        this._externalTabIndex = this.element.attr('tabindex') || 0;
+        this.element.removeAttr('tabindex');
+
         // Async step that generates oj-option if DateProvider is used.
         // RadioCheckboxUtils will set this._optionsDataProvider, this._optionsDataListener
         // and this._optionsDataArray.
@@ -1148,7 +1154,7 @@ var __oj_radioset_metadata =
         if (this.options.readOnly) {
           let domElem = this.element[0];
           let wrapperDom = domElem.querySelector('.oj-radioset-wrapper');
-          wrapperDom.setAttribute('tabindex', 0);
+          wrapperDom.setAttribute('tabindex', this._externalTabIndex);
           wrapperDom.setAttribute('aria-readonly', 'true');
         }
         this._on(this._events);
@@ -1369,6 +1375,9 @@ var __oj_radioset_metadata =
           // The value is needed for accessibiliy of the image used for the radio
           radio.setAttribute('value', ojoption.value);
           radio.setAttribute('id', radioId);
+          // Need to transfer the tabindex to the input element
+          // All the input element will have the same tabindex
+          radio.setAttribute('tabindex', this._externalTabIndex);
           // in readonly mode, if a option is selected, the <oj-option> will be surrounded by <label> tag
           // if a option is selected, we can set attribute for the previous label and there is no need to create a new label
           // if a option is not selected, we need to create a new label.
@@ -1865,7 +1874,7 @@ var __oj_radioset_metadata =
             var wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
             var val = this.options.value;
             if (value) {
-              wrapperDom.setAttribute('tabindex', 0);
+              wrapperDom.setAttribute('tabindex', this._externalTabIndex);
               wrapperDom.setAttribute('aria-readonly', 'true');
               this.element.addClass('oj-read-only');
             } else {

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

@@ -73,7 +73,7 @@ import { deepFreeze } from 'ojs/ojmetadatautils';
  * @ojtsimport {module: "ojdataprovider", type: "AMD", imported: ["DataProvider", "SortCriterion", "FetchByKeysParameters",
  * "ContainsKeysResults","FetchByKeysResults","FetchByOffsetParameters","FetchByOffsetResults",
  * "FetchListResult","FetchListParameters", "FetchByKeysCapability", "FetchByOffsetCapability", "FilterCapability",
- * "SortCapability", "DataProviderMutationEventDetail"]}
+ * "SortCapability", "DataProviderMutationEventDetail", "ItemMetadata"]}
  * @ojtsexample
  * // First create an options object with the minimum fields
  * const options = {
@@ -267,13 +267,17 @@ import { deepFreeze } from 'ojs/ojmetadatautils';
 /**
 * @typedef {Object} RESTDataProvider.FetchResponseTransformResult
 * @property {Array} data - fetched data
-* @property {Array=} keys - keys associated with fetched data
+* @property {Array=} keys - keys associated with fetched data. If keys is returned but not metadata,
+* the metadata will be generated from the keys
+* @property {Array=} metadata - metadata associated with fetched data. If metadata is returned
+* but not keys, the keys will be extracted from the metadata
 * @property {number=} totalSize - total number of rows available
 * @property {boolean=} hasMore - whether there are more rows available to be fetched
 * @ojsignature [
 *  {target: "Type", value: "<K, D>", for: "genericTypeParameters"},
 *  {target: "Type", value: "D[]", for: "data"},
-*  {target: "Type", value: "K[]", for: "keys"}
+*  {target: "Type", value: "K[]", for: "keys"},
+*  {target: "Type", value: "ItemMetadata<K>[]", for: "metadata"}
 * ]
 */
 
@@ -498,6 +502,7 @@ class RESTHelper {
             const transform = transforms[fetchType].response;
             let data;
             let keys;
+            let metadata;
             let hasMore;
             let totalSize;
             if (transform) {
@@ -505,12 +510,14 @@ class RESTHelper {
                 const transformResult = yield transform(transformOptions);
                 data = transformResult.data;
                 keys = transformResult.keys;
+                metadata = transformResult.metadata;
                 hasMore = transformResult.hasMore;
                 totalSize = transformResult.totalSize;
             }
             else if (body !== null && typeof body === 'object') {
                 data = body.data;
                 keys = body.keys;
+                metadata = body.metadata;
                 hasMore = body.hasMore;
                 totalSize = body.totalSize;
             }
@@ -520,6 +527,7 @@ class RESTHelper {
             return {
                 data,
                 keys,
+                metadata,
                 hasMore,
                 totalSize
             };
@@ -600,8 +608,8 @@ class RESTDataProvider {
             }
         };
     }
-    fetchFirst(params) {
-        return new this.AsyncIterable(new this.AsyncIterator(this, this._fetchFrom.bind(this), params, 0, this.options.iterationLimit));
+    fetchFirst(fetchParameters) {
+        return new this.AsyncIterable(new this.AsyncIterator(this, this._fetchFrom.bind(this), fetchParameters, 0, this.options.iterationLimit));
     }
     fetchByKeys(fetchParameters) {
         return __awaiter$1(this, void 0, void 0, function* () {
@@ -702,8 +710,15 @@ class RESTDataProvider {
                 }
             });
             const fetchResult = yield restHelper.fetch();
-            const { data, keys = this._generateKeysFromData(data), totalSize, hasMore } = fetchResult;
-            const metadata = keys.map((key) => ({ key }));
+            const { data, totalSize, hasMore } = fetchResult;
+            let metadata;
+            if (fetchResult.metadata) {
+                metadata = fetchResult.metadata.map((entry) => (Object.assign({}, entry)));
+            }
+            else {
+                const keys = fetchResult.keys || this._generateKeysFromData(data);
+                metadata = this._generateMetadataFromKeys(keys);
+            }
             const mergedSortCriteria = this._mergeSortCriteria(fetchParameters.sortCriteria);
             if (mergedSortCriteria) {
                 fetchParameters.sortCriteria = mergedSortCriteria;
@@ -729,7 +744,7 @@ class RESTDataProvider {
             const fetchListParameters = this._convertFetchByKeysToFetchListParameters(fetchParameters);
             const asyncIterator = this.fetchFirst(fetchListParameters)[Symbol.asyncIterator]();
             const fetchedData = [];
-            const fetchedDataKeys = [];
+            const fetchedDataMetadata = [];
             let done = false;
             while (!done) {
                 const fetchResult = yield asyncIterator.next();
@@ -737,24 +752,24 @@ class RESTDataProvider {
                 metadata.forEach((entry, index) => {
                     if (fetchParameters.keys.has(entry.key)) {
                         fetchedData.push(data[index]);
-                        fetchedDataKeys.push(entry.key);
+                        fetchedDataMetadata.push(entry);
                     }
                 });
-                if (fetchParameters.keys.size === fetchedDataKeys.length) {
+                if (fetchParameters.keys.size === fetchedDataMetadata.length) {
                     done = true;
                 }
                 else {
                     done = fetchResult.done;
                 }
             }
-            return this._createFetchByKeysResults(fetchParameters, fetchedData, fetchedDataKeys);
+            return this._createFetchByKeysResults(fetchParameters, fetchedData, fetchedDataMetadata);
         });
     }
     _fetchByKeysLookup(fetchParameters) {
         return __awaiter$1(this, void 0, void 0, function* () {
             const fetchPromises = [];
             const fetchedData = [];
-            const fetchedDataKeys = [];
+            const fetchedDataMetadata = [];
             for (let key of fetchParameters.keys) {
                 const restHelper = new RESTHelper({
                     fetchType: _FETCHBYKEYS,
@@ -768,11 +783,13 @@ class RESTDataProvider {
                 fetchResult.data.forEach((item) => {
                     fetchedData.push(item);
                 });
-                (fetchResult.keys || this._generateKeysFromData(fetchResult.data)).forEach((key) => {
-                    fetchedDataKeys.push(key);
+                const keys = fetchResult.keys || this._generateKeysFromData(fetchResult.data);
+                const metadata = fetchResult.metadata || this._generateMetadataFromKeys(keys);
+                metadata.forEach((entry) => {
+                    fetchedDataMetadata.push(entry);
                 });
             });
-            return this._createFetchByKeysResults(fetchParameters, fetchedData, fetchedDataKeys);
+            return this._createFetchByKeysResults(fetchParameters, fetchedData, fetchedDataMetadata);
         });
     }
     _fetchByKeysBatchLookup(fetchParameters) {
@@ -784,7 +801,9 @@ class RESTDataProvider {
                 transforms: this.options.transforms
             });
             const fetchResult = yield restHelper.fetch();
-            return this._createFetchByKeysResults(fetchParameters, fetchResult.data, fetchResult.keys || this._generateKeysFromData(fetchResult.data));
+            const keys = fetchResult.keys || this._generateKeysFromData(fetchResult.data);
+            const metadata = fetchResult.metadata || this._generateMetadataFromKeys(keys);
+            return this._createFetchByKeysResults(fetchParameters, fetchResult.data, metadata);
         });
     }
     _fetchByOffsetRandomAccess(fetchParameters, offset) {
@@ -841,6 +860,9 @@ class RESTDataProvider {
             return id;
         });
     }
+    _generateMetadataFromKeys(keys) {
+        return keys.map((key) => ({ key }));
+    }
     _getId(row) {
         let id;
         let keyAttributes = null;
@@ -905,12 +927,12 @@ class RESTDataProvider {
             attributes: fetchParameters.attributes
         };
     }
-    _createFetchByKeysResults(fetchParameters, fetchedData, fetchedDataKeys) {
+    _createFetchByKeysResults(fetchParameters, fetchedData, fetchedDataMetadata) {
         const results = new Map();
         fetchedData.forEach((value, index) => {
             if (value) {
-                results.set(fetchedDataKeys[index], {
-                    metadata: { key: fetchedDataKeys[index] },
+                results.set(fetchedDataMetadata[index].key, {
+                    metadata: fetchedDataMetadata[index],
                     data: value
                 });
             }