@oracle/oraclejet 12.0.9 → 12.0.11

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

@@ -349,7 +349,6 @@ const offScreenStyle = "oj-live-region-offScreenStyle-142utbc";
  * 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-9kq0vg";
-
 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-1pff9bj",
   section: "oj-message-section-egmprm",
@@ -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/debug_esm/ojnbox-toolkit.js

@@ -7079,31 +7079,35 @@ getNoCloneObject() {
  */
 class DvtNBoxCategoryRolloverHandler extends CategoryRolloverHandler {
   /**
-   * @override
-   */
-  GetRolloverCallback(event) {
-    return () => {
+     * @override
+     */
+   GetRolloverCallback(event) {
+    var callback = function () {
       this.SetHighlightMode(true);
       this._callbackObj.processEvent(event);
 
       // Fire the event to the component's callback if specified.
-      if (this._callback)
-        this._callback(this._callbackObj, event, this._source);
+      if (this._callback) {
+        this._callback.call(this._callbackObj, event, this._source);
+      }
     };
+    return callback.bind(this);
   }
 
   /**
    * @override
    */
   GetRolloutCallback(event) {
-    return () => {
+    var callback = function () {
       this.SetHighlightModeTimeout();
       this._callbackObj.processEvent(event);
 
       // Fire the event to the component's callback if specified.
-      if (this._callback)
-        this._callback(this._callbackObj, event, this._source);
-    }
+      if (this._callback) {
+        this._callback.call(this._callbackObj, event, this._source);
+      }
+    };
+    return callback.bind(this);
   }
 }
 

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.0.9/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/v12.0.9/ojL10n',
-      'ojtranslations': 'libs/oj/v12.0.9/resources',
+      'ojs': 'libs/oj/v12.0.11/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/v12.0.11/ojL10n',
+      'ojtranslations': 'libs/oj/v12.0.11/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.0.min',