@oracle/oraclejet 12.1.8 → 12.1.10

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.8"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.1.10"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -13885,7 +13885,7 @@ oj-form-layout {
     text-align: right; }
 
 .oj-form > .oj-flex > .oj-flex-item:not(.oj-formlayout-nested-formlayout):not(.oj-formlayout-nested-labelvalue) {
-  margin: 0 0 calc(var(--oj-form-layout-margin-bottom) - var(--oj-private-core-wrappable-margin-bottom)) 0; }
+  padding: 0 0 calc(var(--oj-form-layout-margin-bottom) - var(--oj-private-core-wrappable-margin-bottom)) 0; }
 
 .oj-form.oj-label-value > .oj-flex > .oj-flex-item:first-child {
   margin: 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.1.8',
+    version: '12.1.10',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2022-10-04_18-06-58',
+    revision: '2022-12-12_14-15-45',
 
     // 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/ojdiagram-toolkit.js

@@ -1203,7 +1203,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboa
           'selected': false,
           'focused': false
         };
-        this._applyCustomLinkContent(renderer, this._getState(), null);
+        this._applyCustomLinkContent(renderer, this._getState(), prevState);
       }
       else {
         if (!this._pathCmds && points) {

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

@@ -344,7 +344,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * TODO: Create a more centralized component that can handle aria-live region for
      * the whole application and use context api to communicate
      */
-
     function LiveRegion({
       atomic = 'false',
       text = '',
@@ -365,8 +364,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * @param timeout The timeout for setting the aria-live text async
      * @returns The aria-live text
      */
-
-
     function useLiveText(text, timeout) {
       const [liveText, setLiveText] = hooks.useState();
       const updateText = hooks.useCallback(() => setLiveText(text), [text]);
@@ -861,9 +858,8 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     });
     var keys$1 = keys;
 
-    const coerceArray = xs => Array.isArray(xs) ? xs : [xs]; // This will be themable in the future, but is hard coded for this initial release.  These are the Redwood values.
-
-
+    const coerceArray = xs => Array.isArray(xs) ? xs : [xs];
+    // This will be themable in the future, but is hard coded for this initial release.  These are the Redwood values.
     const spaceStyles = {
       none: '0',
       xs: '0.25rem',
@@ -959,16 +955,14 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     const styleInterpolations = mergeInterpolations(interpolations$1);
     const Flex = _a => {
       var {
-        children
-      } = _a,
-          props = __rest(_a, ["children"]);
-
+          children
+        } = _a,
+        props = __rest(_a, ["children"]);
       const _b = styleInterpolations(props),
-            {
-        class: cls
-      } = _b,
-            styles = __rest(_b, ["class"]);
-
+        {
+          class: cls
+        } = _b,
+        styles = __rest(_b, ["class"]);
       return preact.h("div", {
         class: `${baseStyles} ${cls}`,
         style: styles
@@ -1668,14 +1662,14 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     /**
      * A Component for rendering the message close button
      */
-
     function MessageCloseButton({
       onAction,
       buttonRenderer,
       title = 'Close',
       variant = 'banner'
     }) {
-      const renderedButton = buttonRenderer ? buttonRenderer(title, onAction, variant) : // we should ultimately be able to create an oj-button (or rather its preact
+      const renderedButton = buttonRenderer ? buttonRenderer(title, onAction, variant) :
+      // we should ultimately be able to create an oj-button (or rather its preact
       // equivalent) here, but for now just create a regular HTML button if a renderer
       // is not passed in from the core JET layer
       preact.h("button", {
@@ -1683,8 +1677,8 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
         onClick: onAction,
         title: title
       }, "X");
-      const classes = `oj-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`; // Otherwise, render the close icon
-
+      const classes = `oj-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`;
+      // Otherwise, render the close icon
       return preact.h("div", {
         class: classes
       }, renderedButton);
@@ -1820,32 +1814,28 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * @param item The template item object
      * @returns Rendered detail content
      */
-
     function defaultDetailRenderer(item) {
       const {
         detail
-      } = item.data; // If the detail is null or an empty string, do not render the
+      } = item.data;
+      // If the detail is null or an empty string, do not render the
       // content row
-
       if (!isValidValueForProp(detail)) {
         return null;
       }
-
       return preact.h(preact.Fragment, null, detail);
     }
     /**
      * Detail Component for rendering the detail content of the Message
      */
-
-
     function MessageDetail({
       item,
       renderer = defaultDetailRenderer,
       variant = 'banner'
     }) {
       const renderedContent = renderer(item);
-      if (renderedContent == null) return null; // If detail content is rendered, then wrap it in a div with specified style classes
-
+      if (renderedContent == null) return null;
+      // If detail content is rendered, then wrap it in a div with specified style classes
       const classes = `oj-message${variant}-detail ${messageDetailStyles.base} ${messageDetailStyles[variant]}`;
       return preact.h("div", {
         class: classes
@@ -1870,17 +1860,14 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * as shown at https://oss.oracle.com/licenses/upl/
      * @ignore
      */
-
+    // TODO: replace with id generated from environment
     let counter = 0;
-
     function useSvgId() {
       return hooks.useRef(`svg-${++counter}`).current;
-    } // TODO: replace with real image component when that is available
+    }
+    // TODO: replace with real image component when that is available
     // tracked by JET-47348 - set images in a component
-
-
     const svgStyles = "oj-message-svgStyles-8z03w3";
-
     const Svg = ({
       class: className,
       children,
@@ -1900,7 +1887,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
         id: id
       }, title), children);
     };
-
     const ConfirmationIcon = ({
       class: className,
       height,
@@ -1916,7 +1902,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
       d: "m12 23c-6.07513225 0-11-4.9248677-11-11 0-6.07513225 4.92486775-11 11-11 6.0751323 0 11 4.92486775 11 11 0 6.0751323-4.9248677 11-11 11zm-4.29289322-10.7071068c-.39052429-.3905243-1.02368927-.3905243-1.41421356 0s-.39052429 1.0236893 0 1.4142136l3 3c.39052429.3905243 1.02368928.3905243 1.41421358 0l7-7.00000002c.3905243-.39052429.3905243-1.02368927 0-1.41421356s-1.0236893-.39052429-1.4142136 0l-6.2928932 6.29289318z",
       fill: fill
     }));
-
     const ErrorIcon = ({
       class: className,
       height = 24,
@@ -1932,7 +1917,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
       d: "m12 1c6.0751322 0 11 4.92486775 11 11 0 6.0751322-4.9248678 11-11 11-6.07513225 0-11-4.9248678-11-11 0-6.07513225 4.92486775-11 11-11zm-3.29289322 6.29289322-1.41421356 1.41421356 7.99999998 8.00000002 1.4142136-1.4142136z",
       fill: fill
     }));
-
     const InfoIcon = ({
       class: className,
       height = 24,
@@ -1948,7 +1932,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
       d: "m12 1c6.0751322 0 11 4.92486775 11 11 0 6.0751322-4.9248678 11-11 11-6.07513225 0-11-4.9248678-11-11 0-6.07513225 4.92486775-11 11-11zm.0245053 9h-.0490003c-.5365027 0-.975505.439-.975505.9755v6.0485c0 .537.4390023.976.975505.976h.0490003c.5365027 0 .975505-.439.975505-.976v-6.0485c0-.5365-.4390023-.9755-.975505-.9755zm.975505-4h-2v2h2z",
       fill: fill
     }));
-
     const WarningIcon = ({
       class: className,
       height = 24,
@@ -1985,7 +1968,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     /**
      * StartIcon Component for rendering the severity based icon in Message
      */
-
     function MessageStartIcon({
       severity,
       variant = 'banner',
@@ -2016,7 +1998,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     /**
      * Summary Component for rendering the summary text of the Message
      */
-
     function MessageSummary({
       text,
       variant = 'banner'
@@ -2041,13 +2022,12 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     /**
      * Timestamp Component for rendering timestamp in Message
      */
-
     function MessageTimestamp({
       value,
       variant = 'banner'
     }) {
-      const classes = `oj-message${variant}-timestamp ${messageTimestampStyles[variant]}`; // Otherwise, render the timestamp
-
+      const classes = `oj-message${variant}-timestamp ${messageTimestampStyles[variant]}`;
+      // Otherwise, render the timestamp
       const formattedTimestamp = formatTimestamp(value);
       return preact.h("div", {
         class: classes
@@ -2149,7 +2129,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * @param severity The message severity
      * @returns calculated style class based on the severity
      */
-
     function getSeverityStyleClass(severity) {
       const isValidSeverity = isValidValueForProp(severity, 'severity');
       return classNames([isValidSeverity && severity !== 'none' && `oj-messagebanner-${severity}`]);
@@ -2160,8 +2139,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * @param severity The component severity
      * @returns Whether or not to render the severity icon
      */
-
-
     function isSeverityIconNeeded(severity) {
       const isValidSeverity = isValidValueForProp(severity, 'severity');
       return isValidSeverity && severity !== 'none';
@@ -2169,8 +2146,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     /**
      * CSS styles for various components
      */
-
-
     const messageStyles = {
       base: "oj-message-base-ph7f1",
       section: "oj-message-section-y709vw",
@@ -2183,7 +2158,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
      * @param param0 Props
      * @returns MessageHeader component instance
      */
-
     function StyledMessageHeader({
       children
     }) {
@@ -2195,8 +2169,6 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
     /**
      * Component that renders an individual message
      */
-
-
     function Message({
       closeButtonRenderer,
       detailRenderer,
@@ -2215,31 +2187,27 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
         timestamp
       } = item.data;
       const severityClass = getSeverityStyleClass(severity);
-      const containerDivRef = hooks.useRef(null); // Add methods to the ref object
-
+      const containerDivRef = hooks.useRef(null);
+      // Add methods to the ref object
       hooks.useImperativeHandle(messageRef, () => ({
         focus: () => {
           var _a;
-
           return (_a = containerDivRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         },
         contains: element => {
           var _a, _b;
-
           return containerDivRef.current === element || ((_b = element && ((_a = containerDivRef.current) === null || _a === void 0 ? void 0 : _a.contains(element))) !== null && _b !== void 0 ? _b : false);
         }
       }));
       /**
        * Handles clicking on the close icon of the message
        */
-
       const handleClose = hooks.useCallback(() => {
         onClose === null || onClose === void 0 ? void 0 : onClose(item);
       }, [item, onClose]);
       /**
        * Handles closing the message on pressing Esc
        */
-
       const handleCloseOnEsc = hooks.useCallback(event => {
         // Close the message only when closeAffordance is on
         if (event.key === 'Escape' && closeAffordance === 'on') {
@@ -2253,12 +2221,11 @@ define(['exports', 'preact/hooks', 'preact', 'ojs/ojanimation', 'ojs/ojtranslati
           playSound(sound);
         }
       }, []); // No deps to run this only on mount
-
-      const rootClasses = classNames([messageStyles.base, severityClass, type === 'section' && messageStyles.section]); // We will be animating the root div, so add padding to an inner wrapper div so that
+      const rootClasses = classNames([messageStyles.base, severityClass, type === 'section' && messageStyles.section]);
+      // We will be animating the root div, so add padding to an inner wrapper div so that
       // when animating height looks smooth. If padding were to be added to the root
       // div, the animation will not be smooth as height will never reach 0 due to the
       // padding.
-
       return preact.h("div", {
         ref: containerDivRef,
         class: rootClasses,

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.8',
+  version: '12.1.10',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2022-10-04_18-06-58',
+  revision: '2022-12-12_14-15-45',
 
   // 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/ojdiagram-toolkit.js

@@ -1207,7 +1207,7 @@ class DvtDiagramLink extends Container {
         'selected': false,
         'focused': false
       };
-      this._applyCustomLinkContent(renderer, this._getState(), null);
+      this._applyCustomLinkContent(renderer, this._getState(), prevState);
     }
     else {
       if (!this._pathCmds && points) {

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

@@ -349,7 +349,6 @@ const offScreenStyle = "oj-live-region-offScreenStyle-14cpbki";
  * TODO: Create a more centralized component that can handle aria-live region for
  * the whole application and use context api to communicate
  */
-
 function LiveRegion({
   atomic = 'false',
   text = '',
@@ -370,8 +369,6 @@ function LiveRegion({
  * @param timeout The timeout for setting the aria-live text async
  * @returns The aria-live text
  */
-
-
 function useLiveText(text, timeout) {
   const [liveText, setLiveText] = useState();
   const updateText = useCallback(() => setLiveText(text), [text]);
@@ -866,9 +863,8 @@ _curry1$2(function keys(obj) {
 });
 var keys$1 = keys;
 
-const coerceArray = xs => Array.isArray(xs) ? xs : [xs]; // This will be themable in the future, but is hard coded for this initial release.  These are the Redwood values.
-
-
+const coerceArray = xs => Array.isArray(xs) ? xs : [xs];
+// This will be themable in the future, but is hard coded for this initial release.  These are the Redwood values.
 const spaceStyles = {
   none: '0',
   xs: '0.25rem',
@@ -964,16 +960,14 @@ const interpolations$1 = [...Object.values(interpolations), ...Object.values(fle
 const styleInterpolations = mergeInterpolations(interpolations$1);
 const Flex = _a => {
   var {
-    children
-  } = _a,
-      props = __rest(_a, ["children"]);
-
+      children
+    } = _a,
+    props = __rest(_a, ["children"]);
   const _b = styleInterpolations(props),
-        {
-    class: cls
-  } = _b,
-        styles = __rest(_b, ["class"]);
-
+    {
+      class: cls
+    } = _b,
+    styles = __rest(_b, ["class"]);
   return h("div", {
     class: `${baseStyles} ${cls}`,
     style: styles
@@ -1673,14 +1667,14 @@ const messageCloseButtonStyles = {
 /**
  * A Component for rendering the message close button
  */
-
 function MessageCloseButton({
   onAction,
   buttonRenderer,
   title = 'Close',
   variant = 'banner'
 }) {
-  const renderedButton = buttonRenderer ? buttonRenderer(title, onAction, variant) : // we should ultimately be able to create an oj-button (or rather its preact
+  const renderedButton = buttonRenderer ? buttonRenderer(title, onAction, variant) :
+  // we should ultimately be able to create an oj-button (or rather its preact
   // equivalent) here, but for now just create a regular HTML button if a renderer
   // is not passed in from the core JET layer
   h("button", {
@@ -1688,8 +1682,8 @@ function MessageCloseButton({
     onClick: onAction,
     title: title
   }, "X");
-  const classes = `oj-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`; // Otherwise, render the close icon
-
+  const classes = `oj-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`;
+  // Otherwise, render the close icon
   return h("div", {
     class: classes
   }, renderedButton);
@@ -1825,32 +1819,28 @@ const messageDetailStyles = {
  * @param item The template item object
  * @returns Rendered detail content
  */
-
 function defaultDetailRenderer(item) {
   const {
     detail
-  } = item.data; // If the detail is null or an empty string, do not render the
+  } = item.data;
+  // If the detail is null or an empty string, do not render the
   // content row
-
   if (!isValidValueForProp(detail)) {
     return null;
   }
-
   return h(Fragment, null, detail);
 }
 /**
  * Detail Component for rendering the detail content of the Message
  */
-
-
 function MessageDetail({
   item,
   renderer = defaultDetailRenderer,
   variant = 'banner'
 }) {
   const renderedContent = renderer(item);
-  if (renderedContent == null) return null; // If detail content is rendered, then wrap it in a div with specified style classes
-
+  if (renderedContent == null) return null;
+  // If detail content is rendered, then wrap it in a div with specified style classes
   const classes = `oj-message${variant}-detail ${messageDetailStyles.base} ${messageDetailStyles[variant]}`;
   return h("div", {
     class: classes
@@ -1875,17 +1865,14 @@ function classNames$1(values) {
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-
+// TODO: replace with id generated from environment
 let counter = 0;
-
 function useSvgId() {
   return useRef(`svg-${++counter}`).current;
-} // TODO: replace with real image component when that is available
+}
+// TODO: replace with real image component when that is available
 // tracked by JET-47348 - set images in a component
-
-
 const svgStyles = "oj-message-svgStyles-8z03w3";
-
 const Svg = ({
   class: className,
   children,
@@ -1905,7 +1892,6 @@ const Svg = ({
     id: id
   }, title), children);
 };
-
 const ConfirmationIcon = ({
   class: className,
   height,
@@ -1921,7 +1907,6 @@ const ConfirmationIcon = ({
   d: "m12 23c-6.07513225 0-11-4.9248677-11-11 0-6.07513225 4.92486775-11 11-11 6.0751323 0 11 4.92486775 11 11 0 6.0751323-4.9248677 11-11 11zm-4.29289322-10.7071068c-.39052429-.3905243-1.02368927-.3905243-1.41421356 0s-.39052429 1.0236893 0 1.4142136l3 3c.39052429.3905243 1.02368928.3905243 1.41421358 0l7-7.00000002c.3905243-.39052429.3905243-1.02368927 0-1.41421356s-1.0236893-.39052429-1.4142136 0l-6.2928932 6.29289318z",
   fill: fill
 }));
-
 const ErrorIcon = ({
   class: className,
   height = 24,
@@ -1937,7 +1922,6 @@ const ErrorIcon = ({
   d: "m12 1c6.0751322 0 11 4.92486775 11 11 0 6.0751322-4.9248678 11-11 11-6.07513225 0-11-4.9248678-11-11 0-6.07513225 4.92486775-11 11-11zm-3.29289322 6.29289322-1.41421356 1.41421356 7.99999998 8.00000002 1.4142136-1.4142136z",
   fill: fill
 }));
-
 const InfoIcon = ({
   class: className,
   height = 24,
@@ -1953,7 +1937,6 @@ const InfoIcon = ({
   d: "m12 1c6.0751322 0 11 4.92486775 11 11 0 6.0751322-4.9248678 11-11 11-6.07513225 0-11-4.9248678-11-11 0-6.07513225 4.92486775-11 11-11zm.0245053 9h-.0490003c-.5365027 0-.975505.439-.975505.9755v6.0485c0 .537.4390023.976.975505.976h.0490003c.5365027 0 .975505-.439.975505-.976v-6.0485c0-.5365-.4390023-.9755-.975505-.9755zm.975505-4h-2v2h2z",
   fill: fill
 }));
-
 const WarningIcon = ({
   class: className,
   height = 24,
@@ -1990,7 +1973,6 @@ const severityIcons = {
 /**
  * StartIcon Component for rendering the severity based icon in Message
  */
-
 function MessageStartIcon({
   severity,
   variant = 'banner',
@@ -2021,7 +2003,6 @@ const messageSummaryStyles = {
 /**
  * Summary Component for rendering the summary text of the Message
  */
-
 function MessageSummary({
   text,
   variant = 'banner'
@@ -2046,13 +2027,12 @@ const messageTimestampStyles = {
 /**
  * Timestamp Component for rendering timestamp in Message
  */
-
 function MessageTimestamp({
   value,
   variant = 'banner'
 }) {
-  const classes = `oj-message${variant}-timestamp ${messageTimestampStyles[variant]}`; // Otherwise, render the timestamp
-
+  const classes = `oj-message${variant}-timestamp ${messageTimestampStyles[variant]}`;
+  // Otherwise, render the timestamp
   const formattedTimestamp = formatTimestamp(value);
   return h("div", {
     class: classes
@@ -2154,7 +2134,6 @@ function getRenderer(message, rendererIdentifier, renderers, type) {
  * @param severity The message severity
  * @returns calculated style class based on the severity
  */
-
 function getSeverityStyleClass(severity) {
   const isValidSeverity = isValidValueForProp(severity, 'severity');
   return classNames([isValidSeverity && severity !== 'none' && `oj-messagebanner-${severity}`]);
@@ -2165,8 +2144,6 @@ function getSeverityStyleClass(severity) {
  * @param severity The component severity
  * @returns Whether or not to render the severity icon
  */
-
-
 function isSeverityIconNeeded(severity) {
   const isValidSeverity = isValidValueForProp(severity, 'severity');
   return isValidSeverity && severity !== 'none';
@@ -2174,8 +2151,6 @@ function isSeverityIconNeeded(severity) {
 /**
  * CSS styles for various components
  */
-
-
 const messageStyles = {
   base: "oj-message-base-ph7f1",
   section: "oj-message-section-y709vw",
@@ -2188,7 +2163,6 @@ const messageStyles = {
  * @param param0 Props
  * @returns MessageHeader component instance
  */
-
 function StyledMessageHeader({
   children
 }) {
@@ -2200,8 +2174,6 @@ function StyledMessageHeader({
 /**
  * Component that renders an individual message
  */
-
-
 function Message({
   closeButtonRenderer,
   detailRenderer,
@@ -2220,31 +2192,27 @@ function Message({
     timestamp
   } = item.data;
   const severityClass = getSeverityStyleClass(severity);
-  const containerDivRef = useRef(null); // Add methods to the ref object
-
+  const containerDivRef = useRef(null);
+  // Add methods to the ref object
   useImperativeHandle(messageRef, () => ({
     focus: () => {
       var _a;
-
       return (_a = containerDivRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     contains: element => {
       var _a, _b;
-
       return containerDivRef.current === element || ((_b = element && ((_a = containerDivRef.current) === null || _a === void 0 ? void 0 : _a.contains(element))) !== null && _b !== void 0 ? _b : false);
     }
   }));
   /**
    * Handles clicking on the close icon of the message
    */
-
   const handleClose = useCallback(() => {
     onClose === null || onClose === void 0 ? void 0 : onClose(item);
   }, [item, onClose]);
   /**
    * Handles closing the message on pressing Esc
    */
-
   const handleCloseOnEsc = useCallback(event => {
     // Close the message only when closeAffordance is on
     if (event.key === 'Escape' && closeAffordance === 'on') {
@@ -2258,12 +2226,11 @@ function Message({
       playSound(sound);
     }
   }, []); // No deps to run this only on mount
-
-  const rootClasses = classNames([messageStyles.base, severityClass, type === 'section' && messageStyles.section]); // We will be animating the root div, so add padding to an inner wrapper div so that
+  const rootClasses = classNames([messageStyles.base, severityClass, type === 'section' && messageStyles.section]);
+  // We will be animating the root div, so add padding to an inner wrapper div so that
   // when animating height looks smooth. If padding were to be added to the root
   // div, the animation will not be smooth as height will never reach 0 due to the
   // padding.
-
   return h("div", {
     ref: containerDivRef,
     class: rootClasses,

package/dist/js/libs/oj/main-template.js

@@ -15,9 +15,9 @@
   requirejs.config({
     // Path mappings for the logical module names
     paths: {
-      'ojs': 'libs/oj/v12.1.8/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/v12.1.8/ojL10n',
-      'ojtranslations': 'libs/oj/v12.1.8/resources',
+      'ojs': 'libs/oj/v12.1.10/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/v12.1.10/ojL10n',
+      'ojtranslations': 'libs/oj/v12.1.10/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.0.min',