@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/list-item-layout/component.json

@@ -1,7 +1,7 @@
 {
   "name": "list-item-layout",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -31,7 +31,7 @@
           "description": "Not accessible to WebDriverJS."
         }
       ],
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ListItemLayoutWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ListItemLayoutWebElement.html"
     }
   },
   "since": "14.0.0",
@@ -102,6 +102,16 @@
         "none",
         "listInset"
       ]
+    },
+    "verticalAlignment": {
+      "type": "string",
+      "description": "Default is 'middle' which vertically aligns layout content to center of the row.",
+      "displayName": "verticalAlignment",
+      "help": "#verticalAlignment",
+      "enumValues": [
+        "top",
+        "middle"
+      ]
     }
   },
   "methods": {

package/oj-c/list-item-layout/list-item-layout.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ListItemLayout", "@oracle/oraclejet-preact/UNSAFE_Inset", "ojs/ojvcomponent", "css!oj-c/list-item-layout/list-item-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ListItemLayout_1, UNSAFE_Inset_1, ojvcomponent_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ListItemLayout", "@oracle/oraclejet-preact/UNSAFE_Inset", "@oracle/oraclejet-preact/hooks/UNSAFE_useCollectionInteractionContext", "ojs/ojvcomponent", "css!oj-c/list-item-layout/list-item-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ListItemLayout_1, UNSAFE_Inset_1, UNSAFE_useCollectionInteractionContext_1, ojvcomponent_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ListItemLayout = void 0;
@@ -6,9 +6,9 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         const primary = children;
         const actionSlot = otherProps.action ? ((0, jsx_runtime_1.jsx)("div", { "data-oj-clickthrough": "disabled", children: otherProps.action })) : undefined;
         const navSlot = otherProps.navigation ? ((0, jsx_runtime_1.jsx)("div", { "data-oj-clickthrough": "disabled", children: otherProps.navigation })) : undefined;
-        const layout = otherProps.inset === 'none' ? ((0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot })) : ((0, jsx_runtime_1.jsx)(UNSAFE_Inset_1.Inset, { variant: "listview", children: (0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot }) }));
+        const layout = otherProps.inset === 'none' ? ((0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { verticalAlignment: otherProps.verticalAlignment, primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot })) : ((0, jsx_runtime_1.jsx)(UNSAFE_Inset_1.Inset, { variant: "listview", children: (0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { verticalAlignment: otherProps.verticalAlignment, primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot }) }));
         return (0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: layout });
-    }, "ListItemLayout", { "slots": { "": {}, "overline": {}, "selector": {}, "leading": {}, "secondary": {}, "tertiary": {}, "metadata": {}, "trailing": {}, "action": {}, "quaternary": {}, "navigation": {} }, "properties": { "inset": { "type": "string", "enumValues": ["none", "listInset"] } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, undefined, {
+    }, "ListItemLayout", { "slots": { "": {}, "overline": {}, "selector": {}, "leading": {}, "secondary": {}, "tertiary": {}, "metadata": {}, "trailing": {}, "action": {}, "quaternary": {}, "navigation": {} }, "properties": { "inset": { "type": "string", "enumValues": ["none", "listInset"] }, "verticalAlignment": { "type": "string", "enumValues": ["top", "middle"] } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    });
+    }, { consume: [UNSAFE_useCollectionInteractionContext_1.CollectionInteractionContext] });
 });

package/oj-c/list-view/__webdriver__/ListViewWebElement.js

@@ -48,20 +48,11 @@ class ListViewWebElement extends ListViewWebElementBase_1.ListViewWebElementBase
      */
     async findItem(itemLocator) {
         await this.whenReady();
-        let el = await this.getDriver().executeScript(`
-      const ele = arguments[0].querySelectorAll('[role = row]')
-      for(let i = 0; i<ele.length; i++){
-        if(ele[i].getAttribute('data-oj-key') === arguments[1].toString()){
-          return ele[i];
+        try {
+            return (0, oraclejet_webdriver_1.slotProxy)(await this.findElement(selenium_webdriver_1.By.css(`[data-oj-key="${itemLocator.key}"] [role="gridcell"]`)));
         }
-      }
-    `, this, itemLocator.key);
-        if (el) {
-            el = el.findElement(selenium_webdriver_1.By.css('[role="gridcell"]'));
-            return (0, oraclejet_webdriver_1.slotProxy)(el, this);
-        }
-        else {
-            throw Error(`No corresponding item found for the itemLocator`);
+        catch (ex) {
+            throw Error(`No corresponding item found for the itemLocator ${JSON.stringify(itemLocator, null, 2)}`);
         }
     }
 }

package/oj-c/list-view/__webdriver__/ListViewWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewWebElement.js","sourceRoot":"","sources":["ListViewWebElement.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAClE,yDAAoD;AACpD,mEAAmE;AACnE,mFAAqF;AACrF;;;;GAIG;AACH,MAAa,kBAAmB,SAAQ,+CAAsB;IAC5D,qBAAqB;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,cAAc,CAAI,QAAkB;QACxC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,OAAO,IAAA,oCAAkB,EACvB,IAAI,CAAC,SAAS,EAAE,EAChB,CAAC,QAAQ,CAAC,EACV,CAAC,IAAI,EAAE,QAAQ,CAAC,EAChB;;KAED,CACA,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,WAAW;QACf,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAa,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAC7D;;;;;KAKD,EACC,IAAI,CACL,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,QAAQ,CAAI,WAAuB;QACvC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAC3C;;;;;;;KAOD,EACC,IAAI,EACJ,WAAW,CAAC,GAAG,CAChB,CAAC;QAEF,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC;YACjD,OAAO,IAAA,+BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,CAAC,iDAAiD,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;CACF;AApED,gDAoEC","sourcesContent":["import { ListViewWebElementBase } from './ListViewWebElementBase';\nimport { By, WebElement } from 'selenium-webdriver';\nimport { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { executeWithModules } from '@oracle/oraclejet-webdriver/lib/oj-module-proxy';\n/**\n * The component WebElement for [oj-c-list-view](../../../oj-c/docs/oj.ListView.html).\n * Do not instantiate this class directly, instead, use\n * [findListView](../functions/findListView.html).\n */\nexport class ListViewWebElement extends ListViewWebElementBase {\n  // Put overrides here\n  /**\n   * Sets the value of \"selected\" property.\n   * Specifies the current selected items in the listview. See the Help documentation for more information.\n   * @param selected The value to set for \"selected\"\n   * @override\n   * @typeparam K Type of keys\n   */\n  async changeSelected<K>(selected: Array<K>) {\n    await this.whenReady();\n    return executeWithModules<K>(\n      this.getDriver(),\n      ['KeySet'],\n      [this, selected],\n      `\n    ({ KeySetImpl }, ele, selected) => ele.selected = new KeySetImpl(selected)\n    `\n    );\n  }\n\n  /**\n   * Gets the value of \"selected\" property.\n   * Retrieves the current selected items in the listview. See the Help documentation for more information.\n   * @override\n   * @typeparam K Type of keys\n   * @return The value of \"selected\" property.\n   */\n  async getSelected<K>(): Promise<Array<K>> {\n    await this.whenReady();\n    const selected: Array<K> = await this.getDriver().executeScript(\n      `\n      const ele = arguments[0];\n      const selected = ele.selected.isAddAll() ? Array.from(ele.selected.deletedValues())\n      : Array.from(ele.selected.values())\n      return selected;\n    `,\n      this\n    );\n    return selected;\n  }\n\n  /**\n   * Retrieve a SlotProxy which represents a single listview item.\n   * @param key The key within the Collection's dataset associated with the item.\n   */\n  async findItem<T>(itemLocator: { key: T }): Promise<SlotProxy> {\n    await this.whenReady();\n    let el = await this.getDriver().executeScript<WebElement>(\n      `\n      const ele = arguments[0].querySelectorAll('[role = row]')\n      for(let i = 0; i<ele.length; i++){\n        if(ele[i].getAttribute('data-oj-key') === arguments[1].toString()){\n          return ele[i];\n        }\n      }\n    `,\n      this,\n      itemLocator.key\n    );\n\n    if (el) {\n      el = el.findElement(By.css('[role=\"gridcell\"]'));\n      return slotProxy(el, this);\n    } else {\n      throw Error(`No corresponding item found for the itemLocator`);\n    }\n  }\n}\n"]}
+{"version":3,"file":"ListViewWebElement.js","sourceRoot":"","sources":["ListViewWebElement.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAClE,yDAAwC;AACxC,mEAAmE;AACnE,mFAAqF;AACrF;;;;GAIG;AACH,MAAa,kBAAmB,SAAQ,+CAAsB;IAC5D,qBAAqB;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,cAAc,CAAI,QAAkB;QACxC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,OAAO,IAAA,oCAAkB,EACvB,IAAI,CAAC,SAAS,EAAE,EAChB,CAAC,QAAQ,CAAC,EACV,CAAC,IAAI,EAAE,QAAQ,CAAC,EAChB;;KAED,CACA,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,WAAW;QACf,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAa,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAC7D;;;;;KAKD,EACC,IAAI,CACL,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,QAAQ,CAAI,WAAuB;QACvC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,OAAO,IAAA,+BAAS,EACd,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,iBAAiB,WAAW,CAAC,GAAG,sBAAsB,CAAC,CAAC,CACvF,CAAC;QACJ,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACZ,MAAM,KAAK,CACT,mDAAmD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAC1F,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AA1DD,gDA0DC","sourcesContent":["import { ListViewWebElementBase } from './ListViewWebElementBase';\nimport { By } from 'selenium-webdriver';\nimport { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { executeWithModules } from '@oracle/oraclejet-webdriver/lib/oj-module-proxy';\n/**\n * The component WebElement for [oj-c-list-view](../../../oj-c/docs/oj.ListView.html).\n * Do not instantiate this class directly, instead, use\n * [findListView](../functions/findListView.html).\n */\nexport class ListViewWebElement extends ListViewWebElementBase {\n  // Put overrides here\n  /**\n   * Sets the value of \"selected\" property.\n   * Specifies the current selected items in the listview. See the Help documentation for more information.\n   * @param selected The value to set for \"selected\"\n   * @override\n   * @typeparam K Type of keys\n   */\n  async changeSelected<K>(selected: Array<K>) {\n    await this.whenReady();\n    return executeWithModules<K>(\n      this.getDriver(),\n      ['KeySet'],\n      [this, selected],\n      `\n    ({ KeySetImpl }, ele, selected) => ele.selected = new KeySetImpl(selected)\n    `\n    );\n  }\n\n  /**\n   * Gets the value of \"selected\" property.\n   * Retrieves the current selected items in the listview. See the Help documentation for more information.\n   * @override\n   * @typeparam K Type of keys\n   * @return The value of \"selected\" property.\n   */\n  async getSelected<K>(): Promise<Array<K>> {\n    await this.whenReady();\n    const selected: Array<K> = await this.getDriver().executeScript(\n      `\n      const ele = arguments[0];\n      const selected = ele.selected.isAddAll() ? Array.from(ele.selected.deletedValues())\n      : Array.from(ele.selected.values())\n      return selected;\n    `,\n      this\n    );\n    return selected;\n  }\n\n  /**\n   * Retrieve a SlotProxy which represents a single listview item.\n   * @param key The key within the Collection's dataset associated with the item.\n   */\n  async findItem<T>(itemLocator: { key: T }): Promise<SlotProxy> {\n    await this.whenReady();\n    try {\n      return slotProxy(\n        await this.findElement(By.css(`[data-oj-key=\"${itemLocator.key}\"] [role=\"gridcell\"]`))\n      );\n    } catch (ex) {\n      throw Error(\n        `No corresponding item found for the itemLocator ${JSON.stringify(itemLocator, null, 2)}`\n      );\n    }\n  }\n}\n"]}

package/oj-c/list-view/component.json

@@ -1,7 +1,7 @@
 {
   "name": "list-view",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -32,7 +32,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ListViewWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ListViewWebElement.html"
     }
   },
   "propertyLayout": [
@@ -405,6 +405,9 @@
         "value": {
           "type": "string|Array<string>"
         },
+        "menuSelectionGroupKey": {
+          "type": "string"
+        },
         "contextMenuContext": {
           "type": "object",
           "properties": {

package/oj-c/list-view/list-view-styles.css

@@ -12,4 +12,8 @@ oj-c-list-view {
 oj-c-list-view[hidden]
 {
   display: none;
+}
+
+oj-c-list-view:last-child {
+  overflow-anchor: none;
 }

package/oj-c/list-view/list-view.js

@@ -14,9 +14,10 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                         menuItemKey: key,
                         contextMenuContext: itemDetail
                     });
-                }, onOjMenuSelection: ({ value }) => {
+                }, onOjMenuSelection: ({ value, menuSelectionGroupKey }) => {
                     onOjContextMenuSelection?.({
                         value,
+                        menuSelectionGroupKey,
                         contextMenuContext: itemDetail
                     });
                 } }));
@@ -44,11 +45,14 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     };
     const ListViewImpl = ({ selectionMode = 'none', reorderable = { items: 'disabled' }, ...rest }) => {
         const rootRef = (0, hooks_1.useRef)();
-        const busyContextRef = (0, hooks_1.useRef)(Context.getContext(rootRef.current).getBusyContext());
         const addBusyState = (0, hooks_1.useCallback)((desc) => {
-            return busyContextRef.current?.addBusyState({
-                description: `oj-c-list-view: ${desc}`
-            });
+            return rootRef.current
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({
+                    description: `oj-c-list-view: ${desc}`
+                })
+                : () => { };
         }, []);
         const isClickthroughDisabled = (0, hooks_1.useCallback)((target) => {
             if (target === null || rootRef.current === undefined) {

package/oj-c/list-view/useHandleRemoveCurrentKey.js

@@ -2,12 +2,15 @@ define(["require", "exports", "preact/hooks"], function (require, exports, hooks
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useHandleRemoveCurrentKey = void 0;
-    function useHandleRemoveCurrentKey(dataState, currentKey, onChange) {
+    function useHandleRemoveCurrentKey(dataState, updateCurrentKey) {
         const prevDataState = (0, hooks_1.useRef)();
+        const currentItemRef = (0, hooks_1.useRef)();
+        const notifyCurrentItemChanged = (detail) => {
+            currentItemRef.current = detail.value;
+        };
         (0, hooks_1.useEffect)(() => {
             const oldDataState = prevDataState.current;
-            if (currentKey &&
-                onChange &&
+            if (currentItemRef.current &&
                 oldDataState &&
                 dataState &&
                 oldDataState.offset === dataState.offset &&
@@ -15,18 +18,18 @@ define(["require", "exports", "preact/hooks"], function (require, exports, hooks
                 const newKeys = dataState.data.map((dataMetadata) => {
                     return dataMetadata.metadata.key;
                 });
-                if (newKeys.indexOf(currentKey) === -1) {
+                if (newKeys.indexOf(currentItemRef.current.rowKey) === -1) {
                     const oldKeys = oldDataState?.data.map((dataMetadata) => {
                         return dataMetadata.metadata.key;
                     });
-                    let index = oldKeys.indexOf(currentKey);
+                    let index = oldKeys.indexOf(currentItemRef.current.rowKey);
                     if (index > -1) {
                         const backward = index === oldKeys.length - 1;
                         while (index >= 0 && index < oldKeys.length) {
                             index = backward ? index - 1 : index + 1;
                             const newCurrentKey = oldKeys[index];
                             if (newKeys.indexOf(newCurrentKey) > -1) {
-                                onChange({ value: newCurrentKey });
+                                updateCurrentKey(newCurrentKey);
                                 break;
                             }
                         }
@@ -34,7 +37,10 @@ define(["require", "exports", "preact/hooks"], function (require, exports, hooks
                 }
             }
             prevDataState.current = dataState;
-        }, [dataState, currentKey, onChange]);
+        }, [dataState, updateCurrentKey]);
+        return {
+            notifyCurrentItemChanged
+        };
     }
     exports.useHandleRemoveCurrentKey = useHandleRemoveCurrentKey;
 });

package/oj-c/list-view/useListViewPreact.js

@@ -9,7 +9,7 @@ define(["require", "exports", "preact/hooks", "../utils/UNSAFE_keyUtils/keySetUt
             fetchSize: scrollPolicyOptions?.fetchSize
         });
         const listData = listDataState.status !== 'error' ? listDataState.data : null;
-        const [currentItem, setCurrentItem] = (0, hooks_1.useState)();
+        const [currentItemOverride, setCurrentItemOverride] = (0, hooks_1.useState)();
         const firstSelectedItemRef = (0, hooks_1.useRef)();
         const numOfSelectedItems = !selected?.keys.all
             ? selected?.keys.keys?.size
@@ -37,8 +37,12 @@ define(["require", "exports", "preact/hooks", "../utils/UNSAFE_keyUtils/keySetUt
             }
         }, [listDataState.status, addBusyState]);
         const handleOnCurrentItemChanged = (detail) => {
-            setCurrentItem(detail.value);
-            onCurrentItemChanged && onCurrentItemChanged(detail.value);
+            const item = detail.value;
+            item && onCurrentItemChanged?.(item.rowKey);
+            notifyCurrentItemChanged(detail);
+        };
+        const updateCurrentItemOverride = (key) => {
+            setCurrentItemOverride({ rowKey: key });
         };
         const handleOnOjFirstSelectedItem = (0, hooks_1.useCallback)((data) => {
             if (selected && onOjFirstSelectedItem && propData) {
@@ -114,7 +118,7 @@ define(["require", "exports", "preact/hooks", "../utils/UNSAFE_keyUtils/keySetUt
             };
         }, [propData, onOjFirstSelectedItem]);
         const dataState = listDataState.status === 'error' ? null : listDataState.data;
-        (0, useHandleRemoveCurrentKey_1.useHandleRemoveCurrentKey)(dataState, currentItem, handleOnCurrentItemChanged);
+        const { notifyCurrentItemChanged } = (0, useHandleRemoveCurrentKey_1.useHandleRemoveCurrentKey)(dataState, updateCurrentItemOverride);
         const viewportConfig = scrollPolicyOptions?.scroller
             ? {
                 scroller: () => {
@@ -141,10 +145,10 @@ define(["require", "exports", "preact/hooks", "../utils/UNSAFE_keyUtils/keySetUt
                 'aria-label': ariaLabel,
                 'aria-labelledby': ariaLabelledBy,
                 data: listData ? listData.data : null,
-                currentKey: currentItem,
+                currentItemOverride: currentItemOverride,
                 getRowKey,
                 gridlines,
-                onCurrentKeyChange: handleOnCurrentItemChanged,
+                onPersistCurrentItem: handleOnCurrentItemChanged,
                 hasMore: listData ? listData.sizePrecision === 'atLeast' : false,
                 onLoadMore,
                 onSelectionChange: handleOnSelectionChanged,

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

@@ -1,7 +1,7 @@
 {
   "name": "menu-button",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -18,7 +18,40 @@
       "category": "Controls"
     },
     "vbdt": {
-      "module": "oj-c/menu-button"
+      "module": "oj-c/menu-button",
+      "pi": {
+        "events": {
+          "suggestions": [
+            {
+              "type": "component",
+              "name": "ojMenuAction",
+              "mappings": [
+                {
+                  "variableName": "menuItemKey",
+                  "expression": "{{$event.detail.key}}",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "type": "component",
+              "name": "onOjMenuSelection",
+              "mappings": [
+                {
+                  "variableName": "menuSelectionValue",
+                  "expression": "{{$event.detail.value}}",
+                  "type": "string"
+                },
+                {
+                  "variableName": "menuSelectionGroupKey",
+                  "expression": "{{$event.detail.menuSelectionGroupKey}}",
+                  "type": "string"
+                }
+              ]
+            }
+          ]
+        }
+      }
     },
     "oracle": {
       "icon": "oj-ux-ico-menu-button",
@@ -27,7 +60,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/MenuButtonWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/MenuButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -90,6 +123,18 @@
       "type": "object",
       "description": "An array containing key/value objects for menu selection groups.",
       "help": "#selection",
+      "extension": {
+        "vbdt": {
+          "keyedProperties": {
+            "keys": {
+              "type": "string"
+            },
+            "values": {
+              "type": "string|Array<string>"
+            }
+          }
+        }
+      },
       "writeback": true
     },
     "display": {
@@ -130,7 +175,7 @@
       "help": "#size",
       "propertyEditorValues": {
         "xs": {
-          "description": "Display an extra small button.  Only suppported for component developers with ghost chroming in icon display mode.",
+          "description": "Display an extra small button.  Only supported for component developers with ghost chroming in icon display mode.",
           "displayName": "Extra Small"
         },
         "sm": {

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

@@ -1,7 +1,7 @@
 {
   "name": "message-banner",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -29,7 +29,7 @@
       "module": "oj-c/message-banner"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/MessageBannerWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/MessageBannerWebElement.html"
     }
   },
   "propertyLayout": [

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

@@ -1,7 +1,7 @@
 {
   "name": "message-toast",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -29,7 +29,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/MessageToastWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/MessageToastWebElement.html"
     }
   },
   "propertyLayout": [