@oracle/oraclejet 11.0.6 → 11.1.1

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

@@ -1416,7 +1416,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent,
          * @instance
          * @type {(function(Object))=}
          * @default null
-         * @ojsignature {target: "Type", value: "((context: {portElement: Element, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => ({svgStyle?: CSSStyleDeclaration, svgClassName?: string} | null))", jsdocOverride: true}
+         * @ojsignature {target: "Type", value: "((context: {portElement: Element, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => ({svgStyle?: Partial<CSSStyleDeclaration>, svgClassName?: string} | null))", jsdocOverride: true}
          */
         /**
          * A string, containing a selector expression, that will be used to identify the descendant DOM element in a diagram node that can be used for link creation. This property is requred.
@@ -3019,7 +3019,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent,
            * @memberof! oj.ojDiagram
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            * @default {}
            */
           labelStyle: {},
@@ -3180,7 +3180,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent,
              * @memberof! oj.ojDiagram
              * @instance
              * @type {Object=}
-             * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+             * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
              * @default {}
              */
             /**
@@ -3223,7 +3223,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent,
            * @memberof! oj.ojDiagram
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            * @default {}
            */
           /**
@@ -3257,7 +3257,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent,
            * @memberof! oj.ojDiagram
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            */
           labelStyle: {},
           /**
@@ -3323,7 +3323,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent,
            * @memberof! oj.ojDiagram
            * @instance
            * @type {Object=}
-           * @ojsignature {target: "Type", value: "CSSStyleDeclaration", jsdocOverride: true}
+           * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
            * @default {}
            */
           /**

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

@@ -19,10 +19,11 @@ var __decorate = (null && null.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var DrawerLayout_1;
 const ojet = oj;
 const PopupService = ojet.PopupService;
 const ZOrderUtils = ojet.ZOrderUtils;
-let DrawerLayout = class DrawerLayout extends Component {
+let DrawerLayout = DrawerLayout_1 = class DrawerLayout extends Component {
     constructor() {
         super(...arguments);
         this.rootRef = createRef();
@@ -102,7 +103,8 @@ let DrawerLayout = class DrawerLayout extends Component {
     getDrawer(edge) {
         if (this.isDrawerOpened(edge)) {
             const resolvedMode = this.getResolvedDrawerDisplayMode(edge);
-            const isOverlay = resolvedMode === DrawerConstants.stringOverlay || resolvedMode === DrawerConstants.stringFullOverlay;
+            const isOverlay = resolvedMode === DrawerConstants.stringOverlay ||
+                resolvedMode === DrawerConstants.stringFullOverlay;
             const roleAttr = this.props.role || (isOverlay && 'dialog');
             const tabIndexAttr = isOverlay ? -1 : undefined;
             return (h("div", { ref: this.getDrawerRef(edge), key: this.getResolvedDrawerDisplayMode(edge), role: roleAttr, tabIndex: tabIndexAttr, class: this.getDrawerStyleClasses(edge), onKeyDown: (event) => this.handleKeyDown(edge, event) }, this.getDrawerContent(edge)));
@@ -191,21 +193,29 @@ let DrawerLayout = class DrawerLayout extends Component {
         firstFocusableElem.focus();
     }
     componentDidUpdate(prevProps, prevState) {
-        this.afterUpdateCheck(prevState);
+        this.handleComponentUpdate(prevState);
     }
     componentDidMount() {
         window.addEventListener('resize', () => {
             this.resizeHandler();
         });
+        if (DrawerLayout_1.defaultProps.startOpened != this.props.startOpened ||
+            DrawerLayout_1.defaultProps.endOpened != this.props.endOpened) {
+            const stateCopy = Object.assign({}, this.state);
+            stateCopy.startOpened = false;
+            stateCopy.endOpened = false;
+            this.handleComponentUpdate(stateCopy);
+        }
     }
     componentWillUnmount() {
         window.removeEventListener('resize', () => {
             this.resizeHandler();
         });
     }
-    afterUpdateCheck(prevState) {
-        const firstDrawerToOpen = this.state.lastlyOpenedDrawer === DrawerConstants.stringStart ?
-            DrawerConstants.stringEnd : DrawerConstants.stringStart;
+    handleComponentUpdate(prevState) {
+        const firstDrawerToOpen = this.state.lastlyOpenedDrawer === DrawerConstants.stringStart
+            ? DrawerConstants.stringEnd
+            : DrawerConstants.stringStart;
         this.openDrawerIfNeeded(firstDrawerToOpen, prevState);
         this.openDrawerIfNeeded(this.state.lastlyOpenedDrawer, prevState);
     }
@@ -232,7 +242,6 @@ let DrawerLayout = class DrawerLayout extends Component {
             if (surrogate.querySelectorAll(`.${DrawerConstants.stringOjDrawer}${DrawerConstants.charDash}${edge}`).length > 0) {
                 drawerExists = true;
             }
-            ;
         });
         const drawerEl = this.getDrawerRef(edge).current;
         if (drawerExists === false && ZOrderUtils.getStatus(drawerEl) === ZOrderUtils.STATUS.OPEN) {
@@ -307,7 +316,7 @@ DrawerLayout.defaultProps = {
     endDisplay: 'auto'
 };
 DrawerLayout.metadata = { "slots": { "": {}, "start": {}, "end": {} }, "properties": { "startOpened": { "type": "boolean", "writeback": true }, "endOpened": { "type": "boolean", "writeback": true }, "startDisplay": { "type": "string", "enumValues": ["reflow", "overlay", "auto"] }, "endDisplay": { "type": "string", "enumValues": ["reflow", "overlay", "auto"] } }, "extension": { "_WRITEBACK_PROPS": ["startOpened", "endOpened"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["role"] } };
-DrawerLayout = __decorate([
+DrawerLayout = DrawerLayout_1 = __decorate([
     customElement('oj-drawer-layout')
 ], DrawerLayout);
 

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

@@ -20,9 +20,10 @@ var __decorate = (null && null.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var DrawerPopup_1;
 const PopupService = oj.PopupService;
 const targetElement = window;
-let DrawerPopup = class DrawerPopup extends Component {
+let DrawerPopup = DrawerPopup_1 = class DrawerPopup extends Component {
     constructor() {
         super(...arguments);
         this.state = {
@@ -205,6 +206,16 @@ let DrawerPopup = class DrawerPopup extends Component {
         }
     }
     componentDidUpdate(prevProps, prevState) {
+        this.handleComponentUpdate(prevState);
+    }
+    componentDidMount() {
+        if (DrawerPopup_1.defaultProps.opened != this.props.opened) {
+            const stateCopy = Object.assign({}, this.state);
+            stateCopy.opened = false;
+            this.handleComponentUpdate(stateCopy);
+        }
+    }
+    handleComponentUpdate(prevState) {
         this.renderDrawer(prevState);
         if (this.isDrawerOpened() && this.props.closeGesture === 'swipe') {
             this.registerCloseWithSwipeListener();
@@ -249,7 +260,7 @@ DrawerPopup.defaultProps = {
     closeGesture: 'swipe'
 };
 DrawerPopup.metadata = { "slots": { "": {} }, "properties": { "opened": { "type": "boolean", "writeback": true }, "edge": { "type": "string", "enumValues": ["start", "end", "bottom"] }, "modality": { "type": "string", "enumValues": ["modal", "modeless"] }, "autoDismiss": { "type": "string", "enumValues": ["focus-loss", "none"] }, "closeGesture": { "type": "string", "enumValues": ["swipe", "none"] } }, "extension": { "_WRITEBACK_PROPS": ["opened"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["role"] } };
-DrawerPopup = __decorate([
+DrawerPopup = DrawerPopup_1 = __decorate([
     customElement('oj-drawer-popup')
 ], DrawerPopup);
 

package/dist/js/libs/oj/debug_esm/ojdvt-toolkit.js

@@ -17982,8 +17982,13 @@ EventManager.prototype._onContextMenuHelper = function (event, obj) {
   if (popupLaunched) event.preventDefault();
 
   // Process selection only for selectable objects so that generating context menu on empty area doesn't deselect ()
-  if (obj && obj.isSelectable && obj.isSelectable())
-    this.ProcessSelectionEventHelper(obj, event.ctrlKey);
+  if (obj && obj.isSelectable && obj.isSelectable()) {
+    // prevent deselection in mac ctrl + click
+    var skip = Agent.os === 'mac' && obj.isSelected();
+    if (!skip) {
+      this.ProcessSelectionEventHelper(obj, event.ctrlKey);
+    }
+  }
 };
 
 /**
@@ -20375,7 +20380,10 @@ Context.prototype.addSizingSvg = function () {
  */
 Context.prototype.removeSizingSvg = function () {
   if (this._sizingSvg) {
-    ToolkitUtils.removeAttrNullNS(this._root, 'style');
+    this._root.style.removeProperty('position');
+    this._root.style.removeProperty('left');
+    this._root.style.removeProperty('top');
+    this._root.style.removeProperty('padding');
     this.getContainer().removeChild(this._sizingSvg);
     this._sizingSvg = null;
   }

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

@@ -99,6 +99,22 @@ const DvtTimeComponentScale = function () {};
  * @type {string}
  */
 
+/**
+ * The position of the label relative to its time interval. This only takes effect on horizontal time axes. The behavior of "auto" varies based on consuming component and theme.
+ * @since 11.1.0
+ * @export
+ * @expose
+ * @memberof DvtTimeComponentScale
+ * @instance
+ * @name labelPosition
+ * @type {?string}
+ * @ojvalue {string} "start"
+ * @ojvalue {string} "center"
+ * @ojvalue {string} "auto"
+ * @ojsignature {target: "Type", value: '?("start"|"center"|"auto")'}
+ * @default "auto"
+ */
+
 /**
  * Formats the given date into a label used for display.
  * @param {string} date The date to be formatted.

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

@@ -874,6 +874,9 @@ EditableValueUtils._createOrUpdateReadonlyDiv = function (input, createCondition
   let readonlyElem = this._getReadonlyDiv();
   if (!readonlyElem && createConditions) {
     readonlyElem = this._createReadonlyDiv(input);
+    if (!readonlyElem) {
+      return;
+    }
     if (this.options.labelledBy) {
       this._setReadonlyDivLabelledBy(this.options.labelledBy);
     }
@@ -882,6 +885,19 @@ EditableValueUtils._createOrUpdateReadonlyDiv = function (input, createCondition
 
   if (readonlyElem) {
     readonlyElem.textContent = this._GetDisplayValue();
+    EditableValueUtils._setTabIndex(input, readonlyElem);
+  }
+};
+
+/**
+ * @ignore
+ * @private
+ */
+ EditableValueUtils._setTabIndex = function (input, readonlyElem) {
+  let tabIndex = input.tabIndex;
+  let readonlyElemToSet = readonlyElem;
+  if (tabIndex !== null) {
+    readonlyElemToSet.tabIndex = tabIndex;
   }
 };
 
@@ -1570,8 +1586,6 @@ EditableValueUtils._createReadonlyDiv = function (element) {
     // to have the text vertically centered in the div.
     var readonlyInnerElem = document.createElement('div');
     readonlyInnerElem.classList.add('oj-text-field-readonly');
-    // for accessibility you need to be able to tab into a readonly field.
-    readonlyInnerElem.setAttribute('tabindex', '0');
     readonlyInnerElem.setAttribute('role', 'textbox');
     readonlyInnerElem.setAttribute('aria-readonly', true);
 
@@ -9244,6 +9258,26 @@ InlineMessagingStrategy.prototype._queueAction = function (contentToShow) {
     clearTimeout(this._timeoutId);
   }
 
+  // JET-46567 - JAWS is reading out error message even after selecting correct value
+  // allow a component to opt-in to receive notification before and after the timer fires
+  // so that it can wait until after messages have been updated to finish processing,
+  // for example to change focus after screen reader text has been updated
+  var component = this.GetComponent();
+  if (component && component._NotifyMessagingStrategyQueueAction) {
+    if (!this._notifyQueueActionPromise) {
+      var promiseResolve;
+      this._notifyQueueActionPromise = new Promise(function (resolve) {
+        promiseResolve = resolve;
+      });
+      this._notifyQueueActionPromiseResolve = function () {
+        this._notifyQueueActionPromise = null;
+        this._notifyQueueActionPromiseResolve = null;
+        promiseResolve();
+      }.bind(this);
+    }
+    component._NotifyMessagingStrategyQueueAction(this._notifyQueueActionPromise);
+  }
+
   this._timeoutId = setTimeout(function () {
     self._timeoutId = null;
 
@@ -9263,6 +9297,10 @@ InlineMessagingStrategy.prototype._queueAction = function (contentToShow) {
         rootElem[0].innerHTML = contentToShow;// @HTMLUpdateOK
         self._addRemoveOjHasMessagesClass(contentToShow);
         self._clearBusyState();
+
+        if (self._notifyQueueActionPromiseResolve) {
+          self._notifyQueueActionPromiseResolve();
+        }
       } else {
         // aria-live polite is needed so a screen reader will read the inline message without the
         // user needing to set focus to the input field. aria-live: 'off' is needed before
@@ -9312,6 +9350,10 @@ InlineMessagingStrategy.prototype._queueAction = function (contentToShow) {
                 self._addRemoveOjHasMessagesClass(contentToShow);
               }
               self._clearBusyState();
+
+              if (self._notifyQueueActionPromiseResolve) {
+                self._notifyQueueActionPromiseResolve();
+              }
             }
           });
       }
@@ -9319,6 +9361,10 @@ InlineMessagingStrategy.prototype._queueAction = function (contentToShow) {
       // Just clear the busy state if $messagingContentRoot no longer exists
       self._addRemoveOjHasMessagesClass('');
       self._clearBusyState();
+
+      if (self._notifyQueueActionPromiseResolve) {
+        self._notifyQueueActionPromiseResolve();
+      }
     }
   }, 0);
 };