@oracle/oraclejet-core-pack 17.1.3 → 18.0.0

package/oj-c/menu-button/component.json

@@ -1,7 +1,7 @@
 {
   "name": "menu-button",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -60,7 +60,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/MenuButtonWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/MenuButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -264,14 +264,31 @@
           "type": "string"
         }
       }
+    },
+    "ojMenuSelection": {
+      "bubbles": true,
+      "description": "Triggered when a menu selection group item is clicked, whether by keyboard, mouse, or touch events. Detail indicates new selection value for group.",
+      "eventGroup": "common",
+      "help": "#event:ojMenuSelection",
+      "detail": {
+        "value": {
+          "type": "any"
+        },
+        "menuSelectionGroupKey": {
+          "type": "string"
+        }
+      }
     }
   },
   "methods": {
+    "focus": {
+      "return": "void"
+    },
     "blur": {
-      "return": "any"
+      "return": "void"
     },
-    "focus": {
-      "return": "any"
+    "click": {
+      "return": "void"
     },
     "setProperty": {
       "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",

package/oj-c/menu-button/menu-button.js

@@ -1,55 +1,33 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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;
-};
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent-binding", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_MenuButton", "@oracle/oraclejet-preact/UNSAFE_IconMenuButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "@oracle/oraclejet-preact/hooks/UNSAFE_useToggle", "oj-c/utils/PRIVATE_ItemsMenu/items-menu", "preact", "preact/hooks", "preact/compat", "css!oj-c/menu-button/menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_binding_1, ojvcomponent_1, UNSAFE_MenuButton_1, UNSAFE_IconMenuButton_1, UNSAFE_useTabbableMode_1, UNSAFE_useTooltip_1, UNSAFE_mergeProps_1, UNSAFE_useToggle_1, items_menu_1, preact_1, hooks_1, compat_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_MenuButton", "@oracle/oraclejet-preact/UNSAFE_IconMenuButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "@oracle/oraclejet-preact/hooks/UNSAFE_useToggle", "oj-c/utils/PRIVATE_ItemsMenu/items-menu", "preact/hooks", "preact/compat", "css!oj-c/menu-button/menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, UNSAFE_MenuButton_1, UNSAFE_IconMenuButton_1, UNSAFE_useTabbableMode_1, UNSAFE_useTooltip_1, UNSAFE_mergeProps_1, UNSAFE_useToggle_1, items_menu_1, hooks_1, compat_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MenuButton = void 0;
-    let MenuButton = class MenuButton extends preact_1.Component {
-        constructor() {
-            super(...arguments);
-            this.buttonRef = (0, preact_1.createRef)();
-            this.OverFlowIcon = () => {
-                return (0, jsx_runtime_1.jsx)("span", { class: "oj-ux-ico-overflow-h" });
-            };
-        }
-        render({ chroming, label, tooltip, disabled, suffix, size, items, display, startIcon, endIcon, selection, onSelectionChanged, onOjMenuAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width }) {
-            const { bool: isOpen, toggle: toggleOpen } = (0, UNSAFE_useToggle_1.useToggle)();
-            const widthProps = width ? { style: { width: width } } : {};
-            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...widthProps, children: display !== 'icons' || (startIcon && endIcon) ? ((0, jsx_runtime_1.jsx)(FunctionalMenuButton, { isMenuOpen: isOpen, onToggleMenu: toggleOpen, label: display === 'icons' ? (!startIcon ? label : '') : label, suffix: display === 'icons' ? (!startIcon ? suffix : '') : suffix, ref: this.buttonRef, variant: chroming, size: size, tooltip: tooltip, width: '100%', "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, icon: display !== 'label' ? startIcon : null, isDisabled: disabled, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction }) })) : ((0, jsx_runtime_1.jsx)(FunctionalIconMenuButton, { isMenuOpen: isOpen, width: '100%', onToggleMenu: toggleOpen, ref: this.buttonRef, variant: chroming, isDisabled: disabled, tooltip: tooltip, accessibleLabel: accessibleLabel && accessibleLabel !== '' ? accessibleLabel : label, "aria-describedby": ariaDescribedBy, size: size, isIconOnly: (!startIcon && endIcon) || (!startIcon && !endIcon) ? display === 'icons' : false, icon: startIcon ?? (endIcon ? endIcon : (0, jsx_runtime_1.jsx)(this.OverFlowIcon, {})), children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction }) })) }));
-        }
-        blur() {
-            this.buttonRef.current?.blur();
-        }
-        focus() {
-            this.buttonRef.current?.focus();
-        }
-    };
-    exports.MenuButton = MenuButton;
-    MenuButton.defaultProps = {
-        label: '',
-        chroming: 'outlined',
-        disabled: false,
-        size: 'md',
-        display: 'all',
-        items: []
+    function MenuButtonImpl({ label = '', chroming = 'outlined', disabled = false, size = 'md', display = 'all', items = [], tooltip, suffix, startIcon, endIcon, selection, onSelectionChanged, onOjMenuAction, onOjMenuSelection, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width }, ref) {
+        const rootRef = (0, hooks_1.useRef)();
+        const buttonRef = (0, hooks_1.useRef)();
+        const iconButtonRef = (0, hooks_1.useRef)();
+        const isLabelButton = display !== 'icons' || (startIcon && endIcon);
+        const { bool: isOpen, toggle: toggleOpen } = (0, UNSAFE_useToggle_1.useToggle)();
+        const widthProps = width ? { style: { width: width } } : {};
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            blur: () => (isLabelButton ? buttonRef.current?.blur() : iconButtonRef?.current?.blur()),
+            focus: () => (isLabelButton ? buttonRef.current?.focus() : iconButtonRef?.current?.focus()),
+            click: () => (isLabelButton ? buttonRef.current?.click() : iconButtonRef?.current?.click())
+        }), [isLabelButton, buttonRef, iconButtonRef]);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...widthProps, ref: rootRef, children: isLabelButton ? ((0, jsx_runtime_1.jsx)(FunctionalMenuButton, { isMenuOpen: isOpen, onToggleMenu: toggleOpen, label: display === 'icons' ? (!startIcon ? label : '') : label, suffix: display === 'icons' ? (!startIcon ? suffix : '') : suffix, ref: buttonRef, variant: chroming, size: size, tooltip: tooltip, width: '100%', "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, icon: display !== 'label' ? startIcon : null, isDisabled: disabled, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuSelection: onOjMenuSelection, onOjMenuAction: onOjMenuAction }) })) : ((0, jsx_runtime_1.jsx)(FunctionalIconMenuButton, { isMenuOpen: isOpen, width: '100%', onToggleMenu: toggleOpen, ref: iconButtonRef, variant: chroming, isDisabled: disabled, tooltip: tooltip, accessibleLabel: accessibleLabel && accessibleLabel !== '' ? accessibleLabel : label, "aria-describedby": ariaDescribedBy, size: size, isIconOnly: (!startIcon && endIcon) || (!startIcon && !endIcon) ? display === 'icons' : false, icon: startIcon ?? (endIcon ? endIcon : (0, jsx_runtime_1.jsx)(OverFlowIcon, {})), children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuSelection: onOjMenuSelection, onOjMenuAction: onOjMenuAction }) })) }));
+    }
+    const OverFlowIcon = () => {
+        return (0, jsx_runtime_1.jsx)("span", { class: "oj-ux-ico-overflow-h" });
     };
-    MenuButton._metadata = { "properties": { "label": { "type": "string" }, "suffix": { "type": "string" }, "tooltip": { "type": "string" }, "items": { "type": "Array<object>" }, "selection": { "type": "object", "writeback": true }, "display": { "type": "string", "enumValues": ["all", "label", "icons"] }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["xs", "sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "ghost", "borderless", "outlined"], "binding": { "consume": { "name": "containerChroming" } } } }, "slots": { "startIcon": {}, "endIcon": {} }, "events": { "ojMenuAction": { "bubbles": true } }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "aria-label"] }, "methods": { "blur": {}, "focus": {} } };
-    MenuButton._translationBundleMap = {
+    exports.MenuButton = (0, ojvcomponent_1.registerCustomElement)('oj-c-menu-button', (0, compat_1.forwardRef)(MenuButtonImpl), "MenuButton", { "properties": { "label": { "type": "string" }, "suffix": { "type": "string" }, "tooltip": { "type": "string" }, "items": { "type": "Array<object>" }, "selection": { "type": "object", "writeback": true }, "display": { "type": "string", "enumValues": ["all", "label", "icons"] }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["xs", "sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "ghost", "borderless", "outlined"], "binding": { "consume": { "name": "containerChroming" } } } }, "slots": { "startIcon": {}, "endIcon": {} }, "events": { "ojMenuAction": { "bubbles": true }, "ojMenuSelection": { "bubbles": true } }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "aria-label"] }, "methods": { "focus": {}, "blur": {}, "click": {} } }, { "label": "", "chroming": "outlined", "disabled": false, "size": "md", "display": "all", "items": [] }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    };
-    MenuButton._consumedContexts = [UNSAFE_useTabbableMode_1.TabbableModeContext];
-    exports.MenuButton = MenuButton = __decorate([
-        (0, ojvcomponent_1.customElement)('oj-c-menu-button')
-    ], MenuButton);
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
     const FunctionalMenuButton = (0, compat_1.forwardRef)((props, ref) => {
         const buttonRef = (0, hooks_1.useRef)();
         (0, hooks_1.useImperativeHandle)(ref, () => ({
             focus: () => buttonRef.current?.focus(),
-            blur: () => buttonRef.current?.blur()
+            blur: () => buttonRef.current?.blur(),
+            click: () => buttonRef.current?.click()
         }), []);
         const { tooltipContent, tooltipProps } = (0, UNSAFE_useTooltip_1.useTooltip)({
             text: props.tooltip,
@@ -61,7 +39,8 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         const iconButtonRef = (0, hooks_1.useRef)();
         (0, hooks_1.useImperativeHandle)(ref, () => ({
             focus: () => iconButtonRef.current?.focus(),
-            blur: () => iconButtonRef.current?.blur()
+            blur: () => iconButtonRef.current?.blur(),
+            click: () => iconButtonRef.current?.click()
         }), []);
         return (0, jsx_runtime_1.jsx)(UNSAFE_IconMenuButton_1.IconMenuButton, { ref: iconButtonRef, ...props });
     });

package/oj-c/message-banner/__webdriver__/MessageBannerWebElement.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageBannerWebElement = void 0;
-var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
-var selenium_webdriver_1 = require("selenium-webdriver");
-var MessageBannerWebElementBase_1 = require("./MessageBannerWebElementBase");
+const oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+const selenium_webdriver_1 = require("selenium-webdriver");
+const MessageBannerWebElementBase_1 = require("./MessageBannerWebElementBase");
 /**
  * The component WebElement for [oj-c-message-banner](../../../oj-c/docs/oj.MessageBanner.html).
  * Do not instantiate this class directly, instead, use

package/oj-c/message-banner/__webdriver__/MessageBannerWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBannerWebElement.js","sourceRoot":"","sources":["MessageBannerWebElement.ts"],"names":[],"mappings":";;;AAAA,mEAAmE;AACnE,yDAA+C;AAC/C,6EAA4E;AAE5E;;;;GAIG;AACH,MAAa,uBAAwB,SAAQ,yDAA2B;IACtE;;;;;OAKG;IACH,KAAK,CAAC,UAAU,CAAI,cAA0B;QAC5C,MAAM,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC;QAC/B,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACrD,MAAM,2BAA2B,GAAG,iCAAiC,CAAC;QAEtE,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,WAAW,CAC/B,uBAAE,CAAC,GAAG,CAAC,GAAG,eAAe,IAAI,2BAA2B,EAAE,CAAC,CAC5D,CAAC;YACF,OAAO,IAAA,+BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,kBAAkB,CAChC,4EAA4E,CAC7E,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,OAAO,CAAI,cAA0B;QACzC,MAAM,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC;QAC/B,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACrD,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;QAEpE,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,GAAG,eAAe,IAAI,mBAAmB,EAAE,CAAC,CAAC,CAAC;YACvF,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC;QACnB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,yBAAyB,CACvC,+DAA+D,CAChE,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACK,kBAAkB,CAAI,GAAM;QAClC,OAAO,OAAO,GAAG,KAAK,QAAQ;YAC5B,CAAC,CAAC,wBAAwB,GAAG,IAAI;YACjC,CAAC,CAAC,wBAAwB,GAAG,IAAI,CAAC;IACtC,CAAC;CACF;AAvDD,0DAuDC","sourcesContent":["import { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { By, error } from 'selenium-webdriver';\nimport { MessageBannerWebElementBase } from './MessageBannerWebElementBase';\n\n/**\n * The component WebElement for [oj-c-message-banner](../../../oj-c/docs/oj.MessageBanner.html).\n * Do not instantiate this class directly, instead, use\n * [findMessageBanner](../functions/findMessageBanner.html).\n */\nexport class MessageBannerWebElement extends MessageBannerWebElementBase {\n  /**\n   * Retrieve a SlotProxy which represents the detail content of a single message.\n   * @param messageLocator.key The key within the MessageBanner's dataset associated with the individual message.\n   * @throws {Error} when the detail content rendered is not provided by the application\n   * @returns The detail content of the message rendered by the application\n   */\n  async findDetail<K>(messageLocator: { key: K }): Promise<SlotProxy> {\n    const key = messageLocator.key;\n    const messageSelector = this.getMessageSelector(key);\n    const customDetailContentSelector = '[data-oj-message-custom-detail]';\n\n    try {\n      const el = await this.findElement(\n        By.css(`${messageSelector} ${customDetailContentSelector}`)\n      );\n      return slotProxy(el, this);\n    } catch (e) {\n      throw new error.NoSuchElementError(\n        'No corresponding detail template or renderer found for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Closes the message identified by the provided key.\n   * @param messageLocator.key The key within the MessageBanner's dataset associated with the individual message.\n   * @throws {Error} when the specified is not closable (closeAffordance set to \"off\")\n   */\n  async doClose<K>(messageLocator: { key: K }): Promise<void> {\n    const key = messageLocator.key;\n    const messageSelector = this.getMessageSelector(key);\n    const closeButtonSelector = '[data-oj-message-close-button] button';\n\n    try {\n      const el = await this.findElement(By.css(`${messageSelector} ${closeButtonSelector}`));\n      await el.click();\n    } catch (e) {\n      throw new error.UnsupportedOperationError(\n        'The close operation is not applicable for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Creates the CSS selector for the message with the provided key.\n   *\n   * @param key The key of the message\n   * @returns the css selector that can used to fetch the message\n   */\n  private getMessageSelector<K>(key: K) {\n    return typeof key === 'number'\n      ? `[data-oj-key=\"number-${key}\"]`\n      : `[data-oj-key=\"string-${key}\"]`;\n  }\n}\n"]}
+{"version":3,"file":"MessageBannerWebElement.js","sourceRoot":"","sources":["MessageBannerWebElement.ts"],"names":[],"mappings":";;;AAAA,qEAAmE;AACnE,2DAA+C;AAC/C,+EAA4E;AAE5E;;;;GAIG;AACH,MAAa,uBAAwB,SAAQ,yDAA2B;IACtE;;;;;OAKG;IACH,KAAK,CAAC,UAAU,CAAI,cAA0B;QAC5C,MAAM,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC;QAC/B,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACrD,MAAM,2BAA2B,GAAG,iCAAiC,CAAC;QAEtE,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,WAAW,CAC/B,uBAAE,CAAC,GAAG,CAAC,GAAG,eAAe,IAAI,2BAA2B,EAAE,CAAC,CAC5D,CAAC;YACF,OAAO,IAAA,+BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,kBAAkB,CAChC,4EAA4E,CAC7E,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,OAAO,CAAI,cAA0B;QACzC,MAAM,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC;QAC/B,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACrD,MAAM,mBAAmB,GAAG,uCAAuC,CAAC;QAEpE,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,GAAG,eAAe,IAAI,mBAAmB,EAAE,CAAC,CAAC,CAAC;YACvF,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC;QACnB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,yBAAyB,CACvC,+DAA+D,CAChE,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACK,kBAAkB,CAAI,GAAM;QAClC,OAAO,OAAO,GAAG,KAAK,QAAQ;YAC5B,CAAC,CAAC,wBAAwB,GAAG,IAAI;YACjC,CAAC,CAAC,wBAAwB,GAAG,IAAI,CAAC;IACtC,CAAC;CACF;AAvDD,0DAuDC","sourcesContent":["import { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { By, error } from 'selenium-webdriver';\nimport { MessageBannerWebElementBase } from './MessageBannerWebElementBase';\n\n/**\n * The component WebElement for [oj-c-message-banner](../../../oj-c/docs/oj.MessageBanner.html).\n * Do not instantiate this class directly, instead, use\n * [findMessageBanner](../functions/findMessageBanner.html).\n */\nexport class MessageBannerWebElement extends MessageBannerWebElementBase {\n  /**\n   * Retrieve a SlotProxy which represents the detail content of a single message.\n   * @param messageLocator.key The key within the MessageBanner's dataset associated with the individual message.\n   * @throws {Error} when the detail content rendered is not provided by the application\n   * @returns The detail content of the message rendered by the application\n   */\n  async findDetail<K>(messageLocator: { key: K }): Promise<SlotProxy> {\n    const key = messageLocator.key;\n    const messageSelector = this.getMessageSelector(key);\n    const customDetailContentSelector = '[data-oj-message-custom-detail]';\n\n    try {\n      const el = await this.findElement(\n        By.css(`${messageSelector} ${customDetailContentSelector}`)\n      );\n      return slotProxy(el, this);\n    } catch (e) {\n      throw new error.NoSuchElementError(\n        'No corresponding detail template or renderer found for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Closes the message identified by the provided key.\n   * @param messageLocator.key The key within the MessageBanner's dataset associated with the individual message.\n   * @throws {Error} when the specified is not closable (closeAffordance set to \"off\")\n   */\n  async doClose<K>(messageLocator: { key: K }): Promise<void> {\n    const key = messageLocator.key;\n    const messageSelector = this.getMessageSelector(key);\n    const closeButtonSelector = '[data-oj-message-close-button] button';\n\n    try {\n      const el = await this.findElement(By.css(`${messageSelector} ${closeButtonSelector}`));\n      await el.click();\n    } catch (e) {\n      throw new error.UnsupportedOperationError(\n        'The close operation is not applicable for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Creates the CSS selector for the message with the provided key.\n   *\n   * @param key The key of the message\n   * @returns the css selector that can used to fetch the message\n   */\n  private getMessageSelector<K>(key: K) {\n    return typeof key === 'number'\n      ? `[data-oj-key=\"number-${key}\"]`\n      : `[data-oj-key=\"string-${key}\"]`;\n  }\n}\n"]}

package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageBannerWebElementBase = void 0;
-var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+const elements_1 = require("@oracle/oraclejet-webdriver/elements");
 /**
  * This is the base class for oj-c-message-banner WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced

package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBannerWebElementBase.js","sourceRoot":"","sources":["MessageBannerWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,2BAA4B,SAAQ,uBAAY;IAC3D;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACI,sBAAsB;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAgB,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAED;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;CACF;AA9BD,kEA8BC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-message-banner WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, MessageBannerWebElement.ts.\n */\nexport class MessageBannerWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>type</code> property.\n   * The type of the Banner message.\n   * @return The value of <code>type</code> property.\n   *\n   */\n  public getType(): Promise<string> {\n    return this.getProperty<string>('type');\n  }\n\n  /**\n   * Gets the value of <code>detailTemplateValue</code> property.\n   * The function that determines the detail template for the current row.\n   * @return The value of <code>detailTemplateValue</code> property.\n   *\n   */\n  public getDetailTemplateValue(): Promise<string | null> {\n    return this.getProperty<string | null>('detailTemplateValue');\n  }\n\n  /**\n   * Gets the value of <code>sorting</code> property.\n   * Specifies how to sort the messages from the dataprovider.\n   * @return The value of <code>sorting</code> property.\n   *\n   */\n  public getSorting(): Promise<string> {\n    return this.getProperty<string>('sorting');\n  }\n}\n"]}
+{"version":3,"file":"MessageBannerWebElementBase.js","sourceRoot":"","sources":["MessageBannerWebElementBase.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,2BAA4B,SAAQ,uBAAY;IAC3D;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACI,sBAAsB;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAgB,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAED;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;CACF;AA9BD,kEA8BC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-message-banner WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, MessageBannerWebElement.ts.\n */\nexport class MessageBannerWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>type</code> property.\n   * The type of the Banner message.\n   * @return The value of <code>type</code> property.\n   *\n   */\n  public getType(): Promise<string> {\n    return this.getProperty<string>('type');\n  }\n\n  /**\n   * Gets the value of <code>detailTemplateValue</code> property.\n   * The function that determines the detail template for the current row.\n   * @return The value of <code>detailTemplateValue</code> property.\n   *\n   */\n  public getDetailTemplateValue(): Promise<string | null> {\n    return this.getProperty<string | null>('detailTemplateValue');\n  }\n\n  /**\n   * Gets the value of <code>sorting</code> property.\n   * Specifies how to sort the messages from the dataprovider.\n   * @return The value of <code>sorting</code> property.\n   *\n   */\n  public getSorting(): Promise<string> {\n    return this.getProperty<string>('sorting');\n  }\n}\n"]}

package/oj-c/message-banner/__webdriver__/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findMessageBanner = exports.MessageBannerWebElement = void 0;
-var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
-var MessageBannerWebElement_1 = require("./MessageBannerWebElement");
+exports.MessageBannerWebElement = void 0;
+exports.findMessageBanner = findMessageBanner;
+const oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+const MessageBannerWebElement_1 = require("./MessageBannerWebElement");
 Object.defineProperty(exports, "MessageBannerWebElement", { enumerable: true, get: function () { return MessageBannerWebElement_1.MessageBannerWebElement; } });
 /**
  * Retrieve an instance of [MessageBannerWebElement](../classes/MessageBannerWebElement.html).
@@ -29,6 +30,5 @@ async function findMessageBanner(driver, by) {
     }
     return webEl;
 }
-exports.findMessageBanner = findMessageBanner;
 (0, oraclejet_webdriver_1.register)('oj-c-message-banner', MessageBannerWebElement_1.MessageBannerWebElement);
 //# sourceMappingURL=index.js.map

package/oj-c/message-banner/__webdriver__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,qEAAoE;AAC3D,wGADA,iDAAuB,OACA;AAEhC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,iBAAiB,CACrC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,IAAI,CAAC,CAAC,KAAK,YAAY,iDAAuB,CAAC,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,yBAAyB,EAAE,CAAC;YACzD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,qBAAqB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,iDAAuB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC7I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,8CAiBC;AAED,IAAA,8BAAQ,EAAC,qBAAqB,EAAE,iDAAuB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { MessageBannerWebElement } from './MessageBannerWebElement';\nexport { MessageBannerWebElement };\n\n/**\n * Retrieve an instance of [MessageBannerWebElement](../classes/MessageBannerWebElement.html).\n * @example\n * ```javascript\n * import { findMessageBanner } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findMessageBanner(driver, By.id('my-oj-c-message-banner'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findMessageBanner(\n  driver: DriverLike,\n  by: By\n): Promise<MessageBannerWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type MessageBannerWebElement\n  if (!(webEl instanceof MessageBannerWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'MessageBannerWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findMessageBanner(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${MessageBannerWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-message-banner', MessageBannerWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,8CAiBC;AAjCD,qEAAmE;AACnE,uEAAoE;AAC3D,wGADA,iDAAuB,OACA;AAEhC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,iBAAiB,CACrC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,IAAI,CAAC,CAAC,KAAK,YAAY,iDAAuB,CAAC,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,yBAAyB,EAAE,CAAC;YACzD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,qBAAqB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,iDAAuB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC7I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,qBAAqB,EAAE,iDAAuB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { MessageBannerWebElement } from './MessageBannerWebElement';\nexport { MessageBannerWebElement };\n\n/**\n * Retrieve an instance of [MessageBannerWebElement](../classes/MessageBannerWebElement.html).\n * @example\n * ```javascript\n * import { findMessageBanner } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findMessageBanner(driver, By.id('my-oj-c-message-banner'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findMessageBanner(\n  driver: DriverLike,\n  by: By\n): Promise<MessageBannerWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type MessageBannerWebElement\n  if (!(webEl instanceof MessageBannerWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'MessageBannerWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findMessageBanner(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${MessageBannerWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-message-banner', MessageBannerWebElement);\n"]}

package/oj-c/message-banner/component.json

@@ -1,7 +1,7 @@
 {
   "name": "message-banner",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -20,16 +20,16 @@
     "oracle": {
       "icon": "oj-ux-ico-message-banner",
       "uxSpecs": [
-        "banner-messages"
+        "bannerMessages"
       ]
     },
     "vbdt": {
-      "defaultColumns": "2",
-      "minColumns": "1",
+      "defaultColumns": 2,
+      "minColumns": 1,
       "module": "oj-c/message-banner"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/MessageBannerWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/MessageBannerWebElement.html"
     }
   },
   "propertyLayout": [
@@ -134,7 +134,7 @@
           "type": "any"
         },
         "key": {
-          "type": "any"
+          "type": "string|number"
         },
         "metadata": {
           "type": "object",
@@ -186,7 +186,7 @@
           "description": "The data that was used to render the message."
         },
         "key": {
-          "type": "any",
+          "type": "string|number",
           "description": "The key for the message."
         },
         "metadata": {

package/oj-c/message-toast/__webdriver__/MessageToastWebElement.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageToastWebElement = void 0;
-var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
-var selenium_webdriver_1 = require("selenium-webdriver");
-var MessageToastWebElementBase_1 = require("./MessageToastWebElementBase");
+const oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+const selenium_webdriver_1 = require("selenium-webdriver");
+const MessageToastWebElementBase_1 = require("./MessageToastWebElementBase");
 /**
  * The component WebElement for [oj-c-message-toast](../../../oj-c/docs/oj.MessageToast.html).
  * Do not instantiate this class directly, instead, use

package/oj-c/message-toast/__webdriver__/MessageToastWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToastWebElement.js","sourceRoot":"","sources":["MessageToastWebElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { By, error } from 'selenium-webdriver';\nimport { MessageToastWebElementBase } from './MessageToastWebElementBase';\n\n/**\n * The component WebElement for [oj-c-message-toast](../../../oj-c/docs/oj.MessageToast.html).\n * Do not instantiate this class directly, instead, use\n * [findMessageToast](../functions/findMessageToast.html).\n */\nexport class MessageToastWebElement extends MessageToastWebElementBase {\n  /**\n   * Retrieve a SlotProxy which represents the custom detail content of a single message.\n   * @param messageLocator.key The key within the MessageToast's dataset associated with the individual message.\n   * @throws {Error} when the detail content rendered is not provided by the application\n   * @returns The detail content of the message rendered by the application\n   * @since \"15.0.4\"\n   */\n  async findDetail<K>(messageLocator: { key: K }): Promise<SlotProxy> {\n    const key = messageLocator.key;\n    const layerId = await this.getAttribute('data-oj-messages-layer-id');\n    const messagesContainer = await this.getMessagesContainer(layerId);\n    const messageSelector = this.getMessageSelector(key);\n    const customDetailContentSelector = '[data-oj-message-custom-detail]';\n\n    try {\n      const el = await messagesContainer.findElement(\n        By.css(`${messageSelector} ${customDetailContentSelector}`)\n      );\n      return slotProxy(el, this);\n    } catch (e) {\n      throw new error.NoSuchElementError(\n        'No corresponding detail template or renderer found for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Retrieve a SlotProxy which represents the custom icon content of a single message.\n   * @param messageLocator.key The key within the MessageToast's dataset associated with the individual message.\n   * @throws {Error} when the icon content rendered is not provided by the application\n   * @returns The icon content of the message rendered by the application\n   * @since \"15.0.4\"\n   */\n  async findIcon<K>(messageLocator: { key: K }): Promise<SlotProxy> {\n    const key = messageLocator.key;\n    const layerId = await this.getAttribute('data-oj-messages-layer-id');\n    const messagesContainer = await this.getMessagesContainer(layerId);\n    const messageSelector = this.getMessageSelector(key);\n    const customIconContentSelector = '[data-oj-message-custom-icon]';\n\n    try {\n      const el = await messagesContainer.findElement(\n        By.css(`${messageSelector} ${customIconContentSelector}`)\n      );\n      return slotProxy(el, this);\n    } catch (e) {\n      throw new error.NoSuchElementError(\n        'No corresponding icon template or renderer found for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Closes the message identified by the provided key.\n   * @param messageLocator.key The key within the MessageToast's dataset associated with the individual message.\n   * @throws {Error} when the specified is not closable (closeAffordance set to \"off\")\n   * @since \"15.0.4\"\n   */\n  async doClose<K>(messageLocator: { key: K }): Promise<void> {\n    const key = messageLocator.key;\n    const layerId = await this.getAttribute('data-oj-messages-layer-id');\n    const messagesContainer = await this.getMessagesContainer(layerId);\n    const messageSelector = this.getMessageSelector(key);\n    const closeButtonSelector = '[data-oj-message-close-button] button';\n\n    try {\n      const el = await messagesContainer.findElement(\n        By.css(`${messageSelector} ${closeButtonSelector}`)\n      );\n      await el.click();\n    } catch (e) {\n      throw new error.UnsupportedOperationError(\n        'The close operation is not applicable for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Finds the layered content of this messages instance.\n   *\n   * @param id The layer id for this instance of the message\n   * @returns The layer content\n   */\n  private getMessagesContainer(id: string) {\n    const driver = this.getDriver();\n    return driver.findElement(By.id(id));\n  }\n\n  /**\n   * Creates the CSS selector for the message with the provided key.\n   *\n   * @param key The key of the message\n   * @returns the css selector that can used to fetch the message\n   */\n  private getMessageSelector<K>(key: K) {\n    return typeof key === 'number'\n      ? `[data-oj-key=\"number-${key}\"]`\n      : `[data-oj-key=\"string-${key}\"]`;\n  }\n}\n"]}
+{"version":3,"file":"MessageToastWebElement.js","sourceRoot":"","sources":["MessageToastWebElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { By, error } from 'selenium-webdriver';\nimport { MessageToastWebElementBase } from './MessageToastWebElementBase';\n\n/**\n * The component WebElement for [oj-c-message-toast](../../../oj-c/docs/oj.MessageToast.html).\n * Do not instantiate this class directly, instead, use\n * [findMessageToast](../functions/findMessageToast.html).\n */\nexport class MessageToastWebElement extends MessageToastWebElementBase {\n  /**\n   * Retrieve a SlotProxy which represents the custom detail content of a single message.\n   * @param messageLocator.key The key within the MessageToast's dataset associated with the individual message.\n   * @throws {Error} when the detail content rendered is not provided by the application\n   * @returns The detail content of the message rendered by the application\n   * @since \"15.0.4\"\n   */\n  async findDetail<K>(messageLocator: { key: K }): Promise<SlotProxy> {\n    const key = messageLocator.key;\n    const layerId = await this.getAttribute('data-oj-messages-layer-id');\n    const messagesContainer = await this.getMessagesContainer(layerId);\n    const messageSelector = this.getMessageSelector(key);\n    const customDetailContentSelector = '[data-oj-message-custom-detail]';\n\n    try {\n      const el = await messagesContainer.findElement(\n        By.css(`${messageSelector} ${customDetailContentSelector}`)\n      );\n      return slotProxy(el, this);\n    } catch (e) {\n      throw new error.NoSuchElementError(\n        'No corresponding detail template or renderer found for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Retrieve a SlotProxy which represents the custom icon content of a single message.\n   * @param messageLocator.key The key within the MessageToast's dataset associated with the individual message.\n   * @throws {Error} when the icon content rendered is not provided by the application\n   * @returns The icon content of the message rendered by the application\n   * @since \"15.0.4\"\n   */\n  async findIcon<K>(messageLocator: { key: K }): Promise<SlotProxy> {\n    const key = messageLocator.key;\n    const layerId = await this.getAttribute('data-oj-messages-layer-id');\n    const messagesContainer = await this.getMessagesContainer(layerId);\n    const messageSelector = this.getMessageSelector(key);\n    const customIconContentSelector = '[data-oj-message-custom-icon]';\n\n    try {\n      const el = await messagesContainer.findElement(\n        By.css(`${messageSelector} ${customIconContentSelector}`)\n      );\n      return slotProxy(el, this);\n    } catch (e) {\n      throw new error.NoSuchElementError(\n        'No corresponding icon template or renderer found for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Closes the message identified by the provided key.\n   * @param messageLocator.key The key within the MessageToast's dataset associated with the individual message.\n   * @throws {Error} when the specified is not closable (closeAffordance set to \"off\")\n   * @since \"15.0.4\"\n   */\n  async doClose<K>(messageLocator: { key: K }): Promise<void> {\n    const key = messageLocator.key;\n    const layerId = await this.getAttribute('data-oj-messages-layer-id');\n    const messagesContainer = await this.getMessagesContainer(layerId);\n    const messageSelector = this.getMessageSelector(key);\n    const closeButtonSelector = '[data-oj-message-close-button] button';\n\n    try {\n      const el = await messagesContainer.findElement(\n        By.css(`${messageSelector} ${closeButtonSelector}`)\n      );\n      await el.click();\n    } catch (e) {\n      throw new error.UnsupportedOperationError(\n        'The close operation is not applicable for the messageLocator.'\n      );\n    }\n  }\n\n  /**\n   * Finds the layered content of this messages instance.\n   *\n   * @param id The layer id for this instance of the message\n   * @returns The layer content\n   */\n  private getMessagesContainer(id: string) {\n    const driver = this.getDriver();\n    return driver.findElement(By.id(id));\n  }\n\n  /**\n   * Creates the CSS selector for the message with the provided key.\n   *\n   * @param key The key of the message\n   * @returns the css selector that can used to fetch the message\n   */\n  private getMessageSelector<K>(key: K) {\n    return typeof key === 'number'\n      ? `[data-oj-key=\"number-${key}\"]`\n      : `[data-oj-key=\"string-${key}\"]`;\n  }\n}\n"]}

package/oj-c/message-toast/__webdriver__/MessageToastWebElementBase.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageToastWebElementBase = void 0;
-var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+const elements_1 = require("@oracle/oraclejet-webdriver/elements");
 /**
  * This is the base class for oj-c-message-toast WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced

package/oj-c/message-toast/__webdriver__/MessageToastWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToastWebElementBase.js","sourceRoot":"","sources":["MessageToastWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,0BAA2B,SAAQ,uBAAY;IAC1D;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAU,MAAM,CAAC,CAAC;IAC3C,CAAC;IAED;;;;;OAKG;IACI,sBAAsB;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAgB,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAED;;;;;OAKG;IACI,oBAAoB;QACzB,OAAO,IAAI,CAAC,WAAW,CAAgB,mBAAmB,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACI,SAAS;QACd,OAAO,IAAI,CAAC,WAAW,CAAkB,QAAQ,CAAC,CAAC;IACrD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAS,UAAU,CAAC,CAAC;IAC9C,CAAC;CACF;AAlDD,gEAkDC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-message-toast WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, MessageToastWebElement.ts.\n */\nexport class MessageToastWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>data</code> property.\n   * Data for the Message Toast component.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 15.0.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<unknown> {\n    return this.getProperty<unknown>('data');\n  }\n\n  /**\n   * Gets the value of <code>detailTemplateValue</code> property.\n   * A dynamic template key or a function that determines the detail template for the current row.\n   * @return The value of <code>detailTemplateValue</code> property.\n   *\n   */\n  public getDetailTemplateValue(): Promise<string | null> {\n    return this.getProperty<string | null>('detailTemplateValue');\n  }\n\n  /**\n   * Gets the value of <code>iconTemplateValue</code> property.\n   * A dynamic template key or a function that determines the icon template for the current row.\n   * @return The value of <code>iconTemplateValue</code> property.\n   *\n   */\n  public getIconTemplateValue(): Promise<string | null> {\n    return this.getProperty<string | null>('iconTemplateValue');\n  }\n\n  /**\n   * Gets the value of <code>offset</code> property.\n   * Offset for the Message Toast component's position.\n   * @return The value of <code>offset</code> property.\n   *\n   */\n  public getOffset(): Promise<number | object> {\n    return this.getProperty<number | object>('offset');\n  }\n\n  /**\n   * Gets the value of <code>position</code> property.\n   * Position for the Message Toast component.\n   * @return The value of <code>position</code> property.\n   *\n   */\n  public getPosition(): Promise<string> {\n    return this.getProperty<string>('position');\n  }\n}\n"]}
+{"version":3,"file":"MessageToastWebElementBase.js","sourceRoot":"","sources":["MessageToastWebElementBase.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,0BAA2B,SAAQ,uBAAY;IAC1D;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAU,MAAM,CAAC,CAAC;IAC3C,CAAC;IAED;;;;;OAKG;IACI,sBAAsB;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAgB,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAED;;;;;OAKG;IACI,oBAAoB;QACzB,OAAO,IAAI,CAAC,WAAW,CAAgB,mBAAmB,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACI,SAAS;QACd,OAAO,IAAI,CAAC,WAAW,CAAkB,QAAQ,CAAC,CAAC;IACrD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAS,UAAU,CAAC,CAAC;IAC9C,CAAC;CACF;AAlDD,gEAkDC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-message-toast WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, MessageToastWebElement.ts.\n */\nexport class MessageToastWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>data</code> property.\n   * Data for the Message Toast component.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 15.0.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<unknown> {\n    return this.getProperty<unknown>('data');\n  }\n\n  /**\n   * Gets the value of <code>detailTemplateValue</code> property.\n   * A dynamic template key or a function that determines the detail template for the current row.\n   * @return The value of <code>detailTemplateValue</code> property.\n   *\n   */\n  public getDetailTemplateValue(): Promise<string | null> {\n    return this.getProperty<string | null>('detailTemplateValue');\n  }\n\n  /**\n   * Gets the value of <code>iconTemplateValue</code> property.\n   * A dynamic template key or a function that determines the icon template for the current row.\n   * @return The value of <code>iconTemplateValue</code> property.\n   *\n   */\n  public getIconTemplateValue(): Promise<string | null> {\n    return this.getProperty<string | null>('iconTemplateValue');\n  }\n\n  /**\n   * Gets the value of <code>offset</code> property.\n   * Offset for the Message Toast component's position.\n   * @return The value of <code>offset</code> property.\n   *\n   */\n  public getOffset(): Promise<number | object> {\n    return this.getProperty<number | object>('offset');\n  }\n\n  /**\n   * Gets the value of <code>position</code> property.\n   * Position for the Message Toast component.\n   * @return The value of <code>position</code> property.\n   *\n   */\n  public getPosition(): Promise<string> {\n    return this.getProperty<string>('position');\n  }\n}\n"]}

package/oj-c/message-toast/__webdriver__/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findMessageToast = exports.MessageToastWebElement = void 0;
-var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
-var MessageToastWebElement_1 = require("./MessageToastWebElement");
+exports.MessageToastWebElement = void 0;
+exports.findMessageToast = findMessageToast;
+const oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+const MessageToastWebElement_1 = require("./MessageToastWebElement");
 Object.defineProperty(exports, "MessageToastWebElement", { enumerable: true, get: function () { return MessageToastWebElement_1.MessageToastWebElement; } });
 /**
  * Retrieve an instance of [MessageToastWebElement](../classes/MessageToastWebElement.html).
@@ -29,6 +30,5 @@ async function findMessageToast(driver, by) {
     }
     return webEl;
 }
-exports.findMessageToast = findMessageToast;
 (0, oraclejet_webdriver_1.register)('oj-c-message-toast', MessageToastWebElement_1.MessageToastWebElement);
 //# sourceMappingURL=index.js.map

package/oj-c/message-toast/__webdriver__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,mEAAkE;AACzD,uGADA,+CAAsB,OACA;AAE/B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,gBAAgB,CACpC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,2DAA2D;IAC3D,IAAI,CAAC,CAAC,KAAK,YAAY,+CAAsB,CAAC,EAAE,CAAC;QAC/C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,wBAAwB,EAAE,CAAC;YACxD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,oBAAoB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,+CAAsB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC3I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,4CAiBC;AAED,IAAA,8BAAQ,EAAC,oBAAoB,EAAE,+CAAsB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { MessageToastWebElement } from './MessageToastWebElement';\nexport { MessageToastWebElement };\n\n/**\n * Retrieve an instance of [MessageToastWebElement](../classes/MessageToastWebElement.html).\n * @example\n * ```javascript\n * import { findMessageToast } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findMessageToast(driver, By.id('my-oj-c-message-toast'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findMessageToast(\n  driver: DriverLike,\n  by: By\n): Promise<MessageToastWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type MessageToastWebElement\n  if (!(webEl instanceof MessageToastWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'MessageToastWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findMessageToast(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${MessageToastWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-message-toast', MessageToastWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,4CAiBC;AAjCD,qEAAmE;AACnE,qEAAkE;AACzD,uGADA,+CAAsB,OACA;AAE/B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,gBAAgB,CACpC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,2DAA2D;IAC3D,IAAI,CAAC,CAAC,KAAK,YAAY,+CAAsB,CAAC,EAAE,CAAC;QAC/C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,wBAAwB,EAAE,CAAC;YACxD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,oBAAoB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,+CAAsB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC3I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,oBAAoB,EAAE,+CAAsB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { MessageToastWebElement } from './MessageToastWebElement';\nexport { MessageToastWebElement };\n\n/**\n * Retrieve an instance of [MessageToastWebElement](../classes/MessageToastWebElement.html).\n * @example\n * ```javascript\n * import { findMessageToast } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findMessageToast(driver, By.id('my-oj-c-message-toast'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findMessageToast(\n  driver: DriverLike,\n  by: By\n): Promise<MessageToastWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type MessageToastWebElement\n  if (!(webEl instanceof MessageToastWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'MessageToastWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findMessageToast(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${MessageToastWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-message-toast', MessageToastWebElement);\n"]}

package/oj-c/message-toast/component.json

@@ -1,7 +1,7 @@
 {
   "name": "message-toast",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -25,11 +25,11 @@
     "oracle": {
       "icon": "oj-ux-ico-messages",
       "uxSpecs": [
-        "toast-messages"
+        "messages-toast-jet"
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/MessageToastWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/MessageToastWebElement.html"
     }
   },
   "propertyLayout": [
@@ -101,8 +101,8 @@
         "bottom",
         "top-start",
         "top-end",
-        "bottom-end",
         "bottom-start",
+        "bottom-end",
         "top-left",
         "top-right",
         "bottom-left",
@@ -121,7 +121,7 @@
           "type": "any"
         },
         "key": {
-          "type": "any"
+          "type": "string|number"
         },
         "metadata": {
           "type": "object",
@@ -172,7 +172,7 @@
           "type": "any"
         },
         "key": {
-          "type": "any"
+          "type": "string|number"
         },
         "metadata": {
           "type": "object",

package/oj-c/message-toast/message-toast.js

@@ -24,7 +24,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         const messagesContext = (0, hooks_1.useMemo)(() => ({ addBusyState, UNSAFE_messagesLayerId }), [addBusyState, UNSAFE_messagesLayerId]);
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, "data-oj-messages-layer-id": UNSAFE_messagesLayerId, children: (0, jsx_runtime_1.jsx)(UNSAFE_useMessagesContext_1.MessagesContext.Provider, { value: messagesContext, children: (0, jsx_runtime_1.jsx)(UNSAFE_MessageToast_1.MessageToast, { data: dataArr, detailRendererKey: detailTemplateValue, iconRendererKey: iconTemplateValue, offset: offset, onClose: onOjClose, position: position, renderers: messageTemplates }, dpKey) }) }));
     }
-    exports.MessageToast = (0, ojvcomponent_1.registerCustomElement)('oj-c-message-toast', MessageToastImpl, "MessageToast", { "properties": { "data": { "type": "DataProvider" }, "detailTemplateValue": { "type": "string|function" }, "iconTemplateValue": { "type": "string|function" }, "offset": { "type": "number|object" }, "position": { "type": "string", "enumValues": ["top", "bottom", "top-start", "top-end", "bottom-end", "bottom-start", "top-left", "top-right", "bottom-left", "bottom-right"] } }, "extension": { "_DYNAMIC_SLOT": { "prop": "messageTemplates", "isTemplate": 1 } }, "events": { "ojClose": {} } }, { "offset": 0, "position": "bottom" }, {
+    exports.MessageToast = (0, ojvcomponent_1.registerCustomElement)('oj-c-message-toast', MessageToastImpl, "MessageToast", { "properties": { "data": { "type": "DataProvider" }, "detailTemplateValue": { "type": "string|function" }, "iconTemplateValue": { "type": "string|function" }, "offset": { "type": "number|object" }, "position": { "type": "string", "enumValues": ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end", "top-left", "top-right", "bottom-left", "bottom-right"] } }, "extension": { "_DYNAMIC_SLOT": { "prop": "messageTemplates", "isTemplate": 1 } }, "events": { "ojClose": {} } }, { "offset": 0, "position": "bottom" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });