@oracle/oraclejet 12.0.2 → 12.1.1

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

@@ -342,7 +342,7 @@ function useMutableRefArray(length = 0) {
     return useMemo(() => new Array(length).fill(undefined).map(() => createRef()), [length]);
 }
 
-const offScreenStyle = "oj-live-region-offScreenStyle-142utbc";
+const offScreenStyle = "oj-live-region-offScreenStyle-14cpbki";
 /**
  * A helper component that renders an aria-live region
  *
@@ -713,7 +713,7 @@ var mergeDeepWithKey$1 = mergeDeepWithKey;
 const combineClassNames = (key, l, r) => key === "class" ? classNames([l, r]) : r;
 const mergeInterpolations = (interpolations) => (props) => interpolations.reduce((acc, fn) => mergeDeepWithKey$1(combineClassNames, acc, fn(props)), {});
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -879,34 +879,34 @@ const spaceStyles = {
   xxl: '2.5rem'
 };
 const directionStyles = {
-  row: "oj-flex-row-1vvm9uo",
-  column: "oj-flex-column-1f6tws4"
+  row: "oj-flex-row-1r2r04x",
+  column: "oj-flex-column-jvysn7"
 };
 const alignStyles = {
-  baseline: "oj-flex-baseline-ur2zsu",
-  center: "oj-flex-center-1vl1cnq",
-  end: "oj-flex-end-1gfzmdd",
-  start: "oj-flex-start-zr75ed",
-  inherit: "oj-flex-inherit-1coj9xs",
-  initial: "oj-flex-initial-11nenr0",
-  stretch: "oj-flex-stretch-zmigml"
+  baseline: "oj-flex-baseline-sn7vdu",
+  center: "oj-flex-center-rpq1co",
+  end: "oj-flex-end-1gkv0nk",
+  start: "oj-flex-start-19zmlgk",
+  inherit: "oj-flex-inherit-6cg1j7",
+  initial: "oj-flex-initial-e73gk1",
+  stretch: "oj-flex-stretch-pkf80b"
 };
 const justifyStyles = {
-  center: "oj-flex-center-1mmfjeb",
-  end: "oj-flex-end-e3bw7",
-  start: "oj-flex-start-14oocbl",
-  inherit: "oj-flex-inherit-9x04yt",
-  initial: "oj-flex-initial-1qg5fm0",
-  around: "oj-flex-around-tzqwuj",
-  between: "oj-flex-between-idw8zg",
-  evenly: "oj-flex-evenly-rmb8vt"
+  center: "oj-flex-center-cz2ys",
+  end: "oj-flex-end-vydaj5",
+  start: "oj-flex-start-1bfjt7u",
+  inherit: "oj-flex-inherit-1vx2ckm",
+  initial: "oj-flex-initial-1kcnwum",
+  around: "oj-flex-around-9r1l2k",
+  between: "oj-flex-between-mpocno",
+  evenly: "oj-flex-evenly-1iqacd2"
 };
 const wrapStyles = {
-  nowrap: "oj-flex-nowrap-qhhp95",
-  wrap: "oj-flex-wrap-12tnipv",
-  reverse: "oj-flex-reverse-16nj3zj",
-  inherit: "oj-flex-inherit-1n9lln8",
-  initial: "oj-flex-initial-14gjqky"
+  nowrap: "oj-flex-nowrap-y59k8t",
+  wrap: "oj-flex-wrap-fmpvou",
+  reverse: "oj-flex-reverse-1b0qr8v",
+  inherit: "oj-flex-inherit-1ij7eal",
+  initial: "oj-flex-initial-3nzaji"
 };
 const styles = {
   direction: directionStyles,
@@ -959,7 +959,7 @@ const flexboxInterpolations = {
   }
 };
 
-const baseStyles = "oj-flex-baseStyles-uk15d4";
+const baseStyles = "oj-flex-baseStyles-1fjajdl";
 const interpolations$1 = [...Object.values(interpolations), ...Object.values(flexboxInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations$1);
 const Flex = _a => {
@@ -1668,7 +1668,7 @@ class Transition extends Component {
  * @ignore
  */
 const messageCloseButtonStyles = {
-  banner: "oj-message-banner-1od9sup"
+  banner: "oj-message-banner-2rbena"
 };
 /**
  * A Component for rendering the message close button
@@ -1816,8 +1816,8 @@ function formatTimestamp(isoTime) {
  */
 const messageDetailStyles = {
   // TODO: Reevaluate once the TEXT component is available (JET-46891)
-  base: "oj-message-base-1od7fta",
-  banner: "oj-message-banner-vjb6uq"
+  base: "oj-message-base-14kwy8x",
+  banner: "oj-message-banner-takd8k"
 };
 /**
  * Default renderer for rendering the detail content.
@@ -1884,7 +1884,7 @@ function useSvgId() {
 // tracked by JET-47348 - set images in a component
 
 
-const svgStyles = "oj-message-svgStyles-9kq0vg";
+const svgStyles = "oj-message-svgStyles-8z03w3";
 
 const Svg = ({
   class: className,
@@ -1977,9 +1977,9 @@ const WarningIcon = ({
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-const messageStartIconStyles = "oj-message-messageStartIconStyles-1yd6a19";
+const messageStartIconStyles = "oj-message-messageStartIconStyles-iuvtfp";
 const severityIconStyles = {
-  banner: "oj-message-banner-1g1eblq"
+  banner: "oj-message-banner-zjhpfj"
 };
 const severityIcons = {
   confirmation: ConfirmationIcon,
@@ -2015,8 +2015,8 @@ function MessageStartIcon({
  */
 const messageSummaryStyles = {
   // TODO: Reevaluate once the TEXT component is available (JET-46891)
-  base: "oj-message-base-iiq630",
-  banner: "oj-message-banner-1cqkul6"
+  base: "oj-message-base-bowowq",
+  banner: "oj-message-banner-vxm2jp"
 };
 /**
  * Summary Component for rendering the summary text of the Message
@@ -2041,7 +2041,7 @@ function MessageSummary({
  * @ignore
  */
 const messageTimestampStyles = {
-  banner: "oj-message-banner-4wwib2"
+  banner: "oj-message-banner-18frmp1"
 };
 /**
  * Timestamp Component for rendering timestamp in Message
@@ -2177,11 +2177,11 @@ function isSeverityIconNeeded(severity) {
 
 
 const messageStyles = {
-  base: "oj-message-base-1pff9bj",
-  section: "oj-message-section-egmprm",
-  header: "oj-message-header-u96tr4",
+  base: "oj-message-base-ph7f1",
+  section: "oj-message-section-y709vw",
+  header: "oj-message-header-13ytxxv",
   // TODO: Replace with Flex and View components to handle padding and flex
-  content: "oj-message-content-1g7rydb"
+  content: "oj-message-content-1cvp4im"
 };
 /**
  * A component that styles the header for the message component

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

@@ -5765,7 +5765,6 @@ CollapsibleNavListHandler.prototype.HandleExpandAndCollapseKeys =
   };
 
 const _ARIA_SELECTED = 'aria-selected';
-const _ARIA_PRESSED = 'aria-pressed';
 const _OJ_DEFAULT$1 = 'oj-default';
 
 /**
@@ -5808,7 +5807,7 @@ HorizontalNavListHandler.prototype.Destroy = function () {
 
 HorizontalNavListHandler.prototype.UpdateAriaPropertiesOnSelectedItem =
   function (elem, highlight) {
-    elem.attr(this._isTabBar() ? _ARIA_SELECTED : _ARIA_PRESSED, // @HTMLUpdateOK
+    elem.attr(_ARIA_SELECTED, // @HTMLUpdateOK
               highlight ? 'true' : 'false');
   };
 
@@ -5857,21 +5856,12 @@ HorizontalNavListHandler.prototype.IsArrowKey = function (keyCode) {
 // eslint-disable-next-line no-unused-vars
 HorizontalNavListHandler.prototype.ModifyListItem = function ($item, itemContent) {
   var focusableElement = this.m_widget.getSingleFocusableElement($item);
-  focusableElement.attr('role', this._isTabBar() ? 'tab' : 'button');
-  if (!this._isTabBar() && focusableElement[0].hasAttribute(_ARIA_SELECTED)) {
-    focusableElement.attr(_ARIA_PRESSED, 'false'); // @HTMLUpdateOK
-    focusableElement.removeAttr(_ARIA_SELECTED);
-  }
+  focusableElement.attr('role', 'tab');
 };
 
 HorizontalNavListHandler.prototype.BeforeRenderComplete = function () {
   var self = this;
-
-  if (this._isTabBar()) {
-    this.m_root.attr('role', 'tablist');
-  } else {
-    this.m_root.attr('role', 'toolbar');
-  }
+  this.m_root.attr('role', 'tablist');
   this.m_widget.element.attr('role', 'presentation');
 
   if (this.m_widget.GetOption('layout') === 'condense') {
@@ -5935,10 +5925,6 @@ HorizontalNavListHandler.prototype.ItemRemoveComplete = function (elem) {
 
 HorizontalNavListHandler.prototype.IsSelectable = function (item) {
   var itemSelectionMarkerAttr = _ARIA_SELECTED;
-
-  if (!this._isTabBar()) {
-    itemSelectionMarkerAttr = _ARIA_PRESSED;
-  }
   return (!(this.m_overflowMenuItem && this.m_overflowMenuItem[0] === $(item)[0]) &&
             this.m_widget.getFocusItem($(item))[0].hasAttribute(itemSelectionMarkerAttr));
 };
@@ -6316,7 +6302,7 @@ HorizontalNavListHandler.prototype._getOverflowMenuButton = function () {
       .addClass(this.m_widget.getItemContentStyleClass());
     anchorElement.attr('role', 'button')
       .attr('aria-haspopup', 'true')
-      .attr(_ARIA_PRESSED, 'false') // @HTMLUpdateOK
+      .attr(_ARIA_SELECTED, 'false') // @HTMLUpdateOK
       .attr('tabindex', '-1')
       .attr('href', '#')
       .append(iconElement)// @HTMLUpdateOK constructed by component and not using string passed through any API

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

@@ -1202,6 +1202,16 @@ var __oj_radioset_metadata =
        * @since 5.0.0
        */
       GetFocusElement: function () {
+        // JET-48463 - oj-table issue where focus is lost
+        // GetFocusElement() needs to return the correct readonly element
+        // If _GetReadonlyFocusElement() returns null, fallback to the
+        // enabled element logic.
+        if (this.options.readOnly === true) {
+          const readonlyFocusElement = this._GetReadonlyFocusElement();
+          if (readonlyFocusElement) {
+            return readonlyFocusElement;
+          }
+        }
         // JET-43430 - dynamic form focus issue for radio buttonset
         // When tabbing through, the input element that is currently checked will be focused if
         // one is available. Otherwise the first input element will be given focus. We need to
@@ -1217,6 +1227,18 @@ var __oj_radioset_metadata =
         // If there is no checked inputs, simply return the first enabled input
         return this._GetContentElement().not(':disabled').first()[0];
       },
+      /**
+       * oj-radioset doesn't use .oj-text-field-readonly for the focusable readonly content,
+       * so we need to use a different selector.
+       * @memberof oj.ojRadioset
+       * @instance
+       * @override
+       * @protected
+       * @return {Element|null}
+       */
+      _GetReadonlyFocusElement: function () {
+        return this.widget()[0].querySelector('.oj-form-control-container');
+      },
       /**
        * Whether the component is required.
        *

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

@@ -2726,13 +2726,12 @@ oj.__registerWidget('oj.ojRowExpander', $.oj.baseComponent,
      * @private
      * @memberof oj.ojRowExpander
      */
-     _releaseResources: function () {
+    _releaseResources: function () {
       this.component.element[0].removeEventListener('keydown', this.handleKeyDownCallback, true);
       this.toucharea.removeEventListener('touchend', this.handleTouchEndCallback);
       this.toucharea.removeEventListener('click', this.handleClickCallback);
       this.element[0].removeEventListener('keypress', this.handleKeyPressCallback);
 
-
       if (this.component._IsCustomElement()) {
         $(this.component.element).off('ojBeforeCurrentCell', this.handleActiveKeyChangeCallback);
       } else {
@@ -2771,7 +2770,7 @@ oj.__registerWidget('oj.ojRowExpander', $.oj.baseComponent,
     * @memberof oj.ojRowExpander
     * @private
     */
-     _setupResources: function () {
+    _setupResources: function () {
       if (!this._subscribed && this._isDataProvider()) {
         this._subscribeToDataProvider();
         this._subscribed = true;

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

@@ -12754,6 +12754,25 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
       }
     },
 
+    /**
+     * combobox-many doesn't use .oj-text-field-readonly for the focusable readonly content,
+     * so we need to use a different selector.  Combobox-one doesn't need this override,
+     * so we just return the default readonly element.
+     * @memberof! _OjMultiCombobox
+     * @instance
+     * @override
+     * @protected
+     * @return {Element|null}
+     */
+    _GetReadonlyFocusElement: function () {
+      if (this.multiple) {
+        return this.widget()[0].querySelector('.oj-combobox-accessible-container');
+      }
+
+      // For oj-combobox-one return the default element
+      return this._super();
+    },
+
     // 19670748, dropdown popup should be closed on subtreeDetached notification.
     _NotifyDetached: function () {
       this._superApply(arguments);

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

@@ -8,7 +8,7 @@
 import { Component, h } from 'preact';
 import { Root, customElement } from 'ojs/ojvcomponent';
 import { getTranslatedString } from 'ojs/ojtranslation';
-import { KEYBOARD_KEYS, handleActionablePrevTab, handleActionableTab, getNoJQFocusHandlers, getFocusableElementsIncludingDisabled, disableAllFocusableElements, enableAllFocusableElements } from 'ojs/ojdatacollection-common';
+import { KEYBOARD_KEYS, handleActionablePrevTab, handleActionableTab, getNoJQFocusHandlers, getActionableElementsInNode, disableAllFocusableElements, enableAllFocusableElements } from 'ojs/ojdatacollection-common';
 import Context from 'ojs/ojcontext';
 import { IteratingDataProviderContentHandler, IteratingTreeDataProviderContentHandler } from 'ojs/ojvcollection';
 import oj from 'ojs/ojcore-base';
@@ -522,11 +522,11 @@ let StreamList = StreamList_1 = class StreamList extends Component {
         }
         if (data == null) {
             return (h(Root, { ref: this.setRootElement },
-                h("div", { role: 'list', "data-oj-context": true, tabIndex: 0, "aria-label": getTranslatedString('oj-ojStreamList.msgFetchingData') }, content)));
+                h("div", { role: "list", "data-oj-context": true, tabIndex: 0, "aria-label": getTranslatedString('oj-ojStreamList.msgFetchingData') }, content)));
         }
         else {
             return (h(Root, { ref: this.setRootElement },
-                h("div", { role: 'list', "data-oj-context": true, onClick: this._handleClick, onKeyDown: this._handleKeyDown, onfocusin: this._handleFocusIn, onfocusout: this._handleFocusOut }, content)));
+                h("div", { role: "list", "data-oj-context": true, onClick: this._handleClick, onKeyDown: this._handleKeyDown, onfocusin: this._handleFocusIn, onfocusout: this._handleFocusOut }, content)));
         }
     }
     _doBlur() {
@@ -577,7 +577,7 @@ let StreamList = StreamList_1 = class StreamList extends Component {
             className += ' oj-stream-list-child-skeleton';
         }
         return (h("div", { class: className, key: key },
-            h("div", { class: 'oj-stream-list-skeleton-content oj-animation-skeleton' })));
+            h("div", { class: "oj-stream-list-skeleton-content oj-animation-skeleton" })));
     }
     _applySkeletonExitAnimation(skeletons) {
         const resolveFunc = this.addBusyState('apply skeleton exit animations');
@@ -1077,7 +1077,7 @@ let StreamList = StreamList_1 = class StreamList extends Component {
     }
     _isInFocusableElementsList(target, item) {
         let found = false;
-        const nodes = getFocusableElementsIncludingDisabled(item);
+        const nodes = getActionableElementsInNode(item);
         nodes.forEach(function (node) {
             if (node === target) {
                 found = true;

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

@@ -1851,6 +1851,7 @@ oj.__registerWidget('oj.ojSunburst', $.oj.dvtBaseComponent,
      * @ojshortdesc Triggered immediately before any node in the sunburst is expanded.
      * @memberof oj.ojSunburst
      * @instance
+     * @ojdeprecated {since: '12.1.0', description: 'The oj-before-expand event has been deprecated.  Lazy loading of data can be done through the data provider.'}
      */
       beforeExpand: null,
     /**
@@ -1868,6 +1869,7 @@ oj.__registerWidget('oj.ojSunburst', $.oj.dvtBaseComponent,
      * @ojshortdesc Triggered when a node has been expanded.
      * @memberof oj.ojSunburst
      * @instance
+     * @ojdeprecated {since: '12.1.0', description: 'The oj-expand event has been deprecated.  Use on-expanded-changed instead.'}
      */
       expand: null,
     /**
@@ -1885,6 +1887,7 @@ oj.__registerWidget('oj.ojSunburst', $.oj.dvtBaseComponent,
      * @ojshortdesc Triggered immediately before any container node in the sunburst is collapsed.
      * @memberof oj.ojSunburst
      * @instance
+     * @ojdeprecated {since: '12.1.0', description: 'The oj-before-collapse event has been deprecated.  Lazy loading of data can be done through the data provider.'}
      */
       beforeCollapse: null,
     /**
@@ -1901,6 +1904,7 @@ oj.__registerWidget('oj.ojSunburst', $.oj.dvtBaseComponent,
      * @event
      * @memberof oj.ojSunburst
      * @instance
+     * @ojdeprecated {since: '12.1.0', description: 'The oj-collapse event has been deprecated.  Use on-expanded-changed instead.'}
      */
       collapse: null
     },

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

@@ -675,6 +675,19 @@ const ARIA_DISABLED = 'aria-disabled';
 
     // P R O T E C T E D    C O N S T A N T S   A N D   M E T H O D S
 
+    /**
+     * oj-switch doesn't use .oj-text-field-readonly for the focusable readonly content,
+     * so we need to use a different selector.
+     * @memberof oj.ojSwitch
+     * @instance
+     * @override
+     * @protected
+     * @return {Element|null}
+     */
+    _GetReadonlyFocusElement: function () {
+      return this.widget()[0].querySelector('.oj-switch-thumb');
+    },
+
     /**
      * @private
      * @const