@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/selector/component.json

@@ -1,7 +1,7 @@
 {
   "name": "selector",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -19,7 +19,7 @@
       "module": "oj-c/selector"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/SelectorWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/SelectorWebElement.html"
     }
   },
   "help": "oj-c.Selector.html",

package/oj-c/selector/selector.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_Selector", "ojs/ojvcomponent", "../utils/UNSAFE_keyUtils/keySetUtils", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_Selector_1, ojvcomponent_1, keySetUtils_1, UNSAFE_useTabbableMode_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_Selector", "ojs/ojvcomponent", "../utils/UNSAFE_keyUtils/keySetUtils", "@oracle/oraclejet-preact/hooks/UNSAFE_useCollectionInteractionContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_Selector_1, ojvcomponent_1, keySetUtils_1, UNSAFE_useCollectionInteractionContext_1, UNSAFE_useTabbableMode_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Selector = void 0;
@@ -9,5 +9,5 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     };
     exports.Selector = (0, ojvcomponent_1.registerCustomElement)('oj-c-selector', SelectorImpl, "Selector", { "properties": { "rowKey": { "type": "any" }, "selectedKeys": { "type": "object", "writeback": true }, "indeterminate": { "type": "boolean" }, "selectionMode": { "type": "string", "enumValues": ["multiple", "single"] } }, "extension": { "_WRITEBACK_PROPS": ["selectedKeys"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, { "indeterminate": false, "selectionMode": "multiple" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+    }, { consume: [UNSAFE_useCollectionInteractionContext_1.CollectionInteractionContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });

package/oj-c/selector-all/component.json

@@ -1,7 +1,7 @@
 {
   "name": "selector-all",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -19,7 +19,7 @@
       "module": "oj-c/selectorAll"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/SelectorAllWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/SelectorAllWebElement.html"
     }
   },
   "help": "oj-c.SelectorAll.html",

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

@@ -1,7 +1,7 @@
 {
   "name": "split-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",
@@ -15,7 +15,7 @@
   "main": "oj-c/split-menu-button",
   "status": [
     {
-      "type": "candidate",
+      "type": "production",
       "since": "17.0.0"
     }
   ],
@@ -33,7 +33,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/SplitMenuButtonWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/SplitMenuButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -68,6 +68,23 @@
       "help": "#items",
       "extension": {
         "vbdt": {
+          "pi": {
+            "events": {
+              "suggestions": [
+                {
+                  "type": "component",
+                  "name": "ojMenuAction",
+                  "mappings": [
+                    {
+                      "variableName": "menuItemKey",
+                      "expression": "{{$event.detail.key}}",
+                      "type": "string"
+                    }
+                  ]
+                }
+              ]
+            }
+          },
           "itemProperties": {
             "type": {
               "description": "Specifies the type of the menu item.",

package/oj-c/tab-bar/__webdriver__/TabBarWebElement.d.ts

@@ -5,4 +5,33 @@ import { TabBarWebElementBase } from './TabBarWebElementBase';
  * [findTabBar](../functions/findTabBar.html).
  */
 export declare class TabBarWebElement extends TabBarWebElementBase {
+    /**
+     * Selects tab specified by key.
+     * Triggers ojSelectionAction regardless if the key passed is same as the current selection value or not.
+     * @param key key of the tab to be selected
+     * @override
+     * @typeparam K Type of keys
+     */
+    doSelection<K>(key: K): Promise<void>;
+    /**
+     * Remove tab specified by key.
+     * @param key key of the tab to be removed
+     * @override
+     * @typeparam K Type of keys
+     */
+    doRemove<K>(key: K): Promise<void>;
+    /**
+     * Selects tab specified by key.
+     * Put the tab to the specified place
+     * @param key key of the tab to be reordered
+     * @param position the index or the key of the tab that user want to move in front of, if the key is null, the tab will move to the end of the tabbar
+     * @override
+     * @typeparam K Type of keys
+     * @typeparam number Type of index
+     */
+    doReorder<K>(key: K, position: {
+        index: number;
+    } | {
+        key: K | null;
+    }): Promise<any>;
 }

package/oj-c/tab-bar/__webdriver__/TabBarWebElement.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBarWebElement = void 0;
+var selenium_webdriver_1 = require("selenium-webdriver");
 var TabBarWebElementBase_1 = require("./TabBarWebElementBase");
 /**
  * The component WebElement for [oj-c-tab-bar](../../../oj-c/docs/oj.TabBar.html).
@@ -8,6 +9,94 @@ var TabBarWebElementBase_1 = require("./TabBarWebElementBase");
  * [findTabBar](../functions/findTabBar.html).
  */
 class TabBarWebElement extends TabBarWebElementBase_1.TabBarWebElementBase {
+    // Put overrides here
+    /**
+     * Selects tab specified by key.
+     * Triggers ojSelectionAction regardless if the key passed is same as the current selection value or not.
+     * @param key key of the tab to be selected
+     * @override
+     * @typeparam K Type of keys
+     */
+    async doSelection(key) {
+        await this.whenReady();
+        try {
+            const tab = await this.findElement(selenium_webdriver_1.By.css(`[data-oj-key="${key}"]`));
+            await tab?.click();
+        }
+        catch (e) {
+            throw new selenium_webdriver_1.error.NoSuchElementError(`Tab with specified key cannot be found`);
+        }
+    }
+    /**
+     * Remove tab specified by key.
+     * @param key key of the tab to be removed
+     * @override
+     * @typeparam K Type of keys
+     */
+    async doRemove(key) {
+        await this.whenReady();
+        try {
+            const tab = await this.findElement(selenium_webdriver_1.By.css(`[data-oj-key="${key}"]`));
+            const button = tab.findElement(selenium_webdriver_1.By.css('[data-oj-tabbar-item-remove-icon="true"]'));
+            await button?.click();
+        }
+        catch (e) {
+            throw new selenium_webdriver_1.error.NoSuchElementError(`Tab with specified key cannot be found`);
+        }
+    }
+    /**
+     * Selects tab specified by key.
+     * Put the tab to the specified place
+     * @param key key of the tab to be reordered
+     * @param position the index or the key of the tab that user want to move in front of, if the key is null, the tab will move to the end of the tabbar
+     * @override
+     * @typeparam K Type of keys
+     * @typeparam number Type of index
+     */
+    async doReorder(key, position) {
+        await this.whenReady();
+        await this.getDriver().executeScript(`
+      const ele = arguments[0].querySelectorAll('[role=tab]');
+      if ('index' in arguments[2] && (arguments[2].index < 0 || arguments[2].index > ele.length - 1)) {
+        throw new Error('invaild index');
+      }
+      let tabBarKeys = []
+      let desIndex = -1;
+      let srcIndex = -1;
+      for(let i = 0; i<ele.length; i++){
+        if(ele[i].getAttribute('data-oj-key') === arguments[1]){
+          srcIndex = i
+        }
+        if('key' in arguments[2] && arguments[2].key !== null){
+          if(ele[i].getAttribute('data-oj-key') === arguments[2].key){
+            desIndex = i
+          }
+        }
+        tabBarKeys.push(ele[i].getAttribute('data-oj-key'))
+      }
+
+      if('index' in arguments[2] && arguments[2].index){
+        desIndex = arguments[2].index;
+      }
+      
+      if('key' in arguments[2] && arguments[2].key === null){
+        desIndex = tabBarKeys.length;
+      }
+
+      if(srcIndex<desIndex){
+        desIndex--;
+      }
+
+      if(desIndex === -1 || srcIndex === -1){
+        throw new Error('invaild key')      
+      }
+      
+      const [el] = tabBarKeys.splice(srcIndex,1);
+      tabBarKeys.splice(desIndex,0,el)
+      
+      arguments[0]._doReorderHelper(tabBarKeys).then(arguments[3]);
+      `, this, key, position);
+    }
 }
 exports.TabBarWebElement = TabBarWebElement;
 //# sourceMappingURL=TabBarWebElement.js.map

package/oj-c/tab-bar/__webdriver__/TabBarWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarWebElement.js","sourceRoot":"","sources":["TabBarWebElement.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAE9D;;;;GAIG;AACH,MAAa,gBAAiB,SAAQ,2CAAoB;CAEzD;AAFD,4CAEC","sourcesContent":["import { TabBarWebElementBase } from './TabBarWebElementBase';\n\n/**\n * The component WebElement for [oj-c-tab-bar](../../../oj-c/docs/oj.TabBar.html).\n * Do not instantiate this class directly, instead, use\n * [findTabBar](../functions/findTabBar.html).\n */\nexport class TabBarWebElement extends TabBarWebElementBase {\n  // Put overrides here\n}\n"]}
+{"version":3,"file":"TabBarWebElement.js","sourceRoot":"","sources":["TabBarWebElement.ts"],"names":[],"mappings":";;;AAAA,yDAA2D;AAC3D,+DAA8D;AAE9D;;;;GAIG;AACH,MAAa,gBAAiB,SAAQ,2CAAoB;IACxD,qBAAqB;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,WAAW,CAAI,GAAM;QACzB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;YACrE,MAAM,GAAG,EAAE,KAAK,EAAE,CAAC;QACrB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,CAAC;QAC/E,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,QAAQ,CAAI,GAAM;QACtB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;YACrE,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC,CAAC;YACnF,MAAM,MAAM,EAAE,KAAK,EAAE,CAAC;QACxB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,CAAC;QAC/E,CAAC;IACH,CAAC;IAED;;;;;;;;OAQG;IACH,KAAK,CAAC,SAAS,CAAI,GAAM,EAAE,QAA+C;QACxE,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCC,EACD,IAAI,EACJ,GAAG,EACH,QAAQ,CACT,CAAC;IACJ,CAAC;CACF;AA9FD,4CA8FC","sourcesContent":["import { By, WebElement, error } from 'selenium-webdriver';\nimport { TabBarWebElementBase } from './TabBarWebElementBase';\n\n/**\n * The component WebElement for [oj-c-tab-bar](../../../oj-c/docs/oj.TabBar.html).\n * Do not instantiate this class directly, instead, use\n * [findTabBar](../functions/findTabBar.html).\n */\nexport class TabBarWebElement extends TabBarWebElementBase {\n  // Put overrides here\n  /**\n   * Selects tab specified by key.\n   * Triggers ojSelectionAction regardless if the key passed is same as the current selection value or not.\n   * @param key key of the tab to be selected\n   * @override\n   * @typeparam K Type of keys\n   */\n  async doSelection<K>(key: K): Promise<void> {\n    await this.whenReady();\n    try {\n      const tab = await this.findElement(By.css(`[data-oj-key=\"${key}\"]`));\n      await tab?.click();\n    } catch (e) {\n      throw new error.NoSuchElementError(`Tab with specified key cannot be found`);\n    }\n  }\n\n  /**\n   * Remove tab specified by key.\n   * @param key key of the tab to be removed\n   * @override\n   * @typeparam K Type of keys\n   */\n  async doRemove<K>(key: K): Promise<void> {\n    await this.whenReady();\n    try {\n      const tab = await this.findElement(By.css(`[data-oj-key=\"${key}\"]`));\n      const button = tab.findElement(By.css('[data-oj-tabbar-item-remove-icon=\"true\"]'));\n      await button?.click();\n    } catch (e) {\n      throw new error.NoSuchElementError(`Tab with specified key cannot be found`);\n    }\n  }\n\n  /**\n   * Selects tab specified by key.\n   * Put the tab to the specified place\n   * @param key key of the tab to be reordered\n   * @param position the index or the key of the tab that user want to move in front of, if the key is null, the tab will move to the end of the tabbar\n   * @override\n   * @typeparam K Type of keys\n   * @typeparam number Type of index\n   */\n  async doReorder<K>(key: K, position: { index: number } | { key: K | null }): Promise<any> {\n    await this.whenReady();\n    await this.getDriver().executeScript<WebElement>(\n      `\n      const ele = arguments[0].querySelectorAll('[role=tab]');\n      if ('index' in arguments[2] && (arguments[2].index < 0 || arguments[2].index > ele.length - 1)) {\n        throw new Error('invaild index');\n      }\n      let tabBarKeys = []\n      let desIndex = -1;\n      let srcIndex = -1;\n      for(let i = 0; i<ele.length; i++){\n        if(ele[i].getAttribute('data-oj-key') === arguments[1]){\n          srcIndex = i\n        }\n        if('key' in arguments[2] && arguments[2].key !== null){\n          if(ele[i].getAttribute('data-oj-key') === arguments[2].key){\n            desIndex = i\n          }\n        }\n        tabBarKeys.push(ele[i].getAttribute('data-oj-key'))\n      }\n\n      if('index' in arguments[2] && arguments[2].index){\n        desIndex = arguments[2].index;\n      }\n      \n      if('key' in arguments[2] && arguments[2].key === null){\n        desIndex = tabBarKeys.length;\n      }\n\n      if(srcIndex<desIndex){\n        desIndex--;\n      }\n\n      if(desIndex === -1 || srcIndex === -1){\n        throw new Error('invaild key')      \n      }\n      \n      const [el] = tabBarKeys.splice(srcIndex,1);\n      tabBarKeys.splice(desIndex,0,el)\n      \n      arguments[0]._doReorderHelper(tabBarKeys).then(arguments[3]);\n      `,\n      this,\n      key,\n      position\n    );\n  }\n}\n"]}

package/oj-c/tab-bar/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tab-bar",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -173,6 +173,16 @@
     }
   },
   "methods": {
+    "_doReorderHelper": {
+      "description": "This is a private method that should only be called by the webelement API.",
+      "params": [
+        {
+          "name": "tabBarKeys",
+          "type": "Array<string|number>"
+        }
+      ],
+      "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.",
       "help": "#setProperty",
@@ -217,7 +227,7 @@
   },
   "extension": {
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/TabBarWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/TabBarWebElement.html"
     }
   }
 }

package/oj-c/tab-bar/tab-bar.js

@@ -1,11 +1,11 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "ojs/ojcontext", "./DataTabBar", "preact/hooks"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, useDataProvider_1, Context, DataTabBar_1, hooks_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "ojs/ojcontext", "./DataTabBar", "preact/hooks", "preact/compat"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, useDataProvider_1, Context, DataTabBar_1, hooks_1, compat_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TabBar = void 0;
     function isDataProvider(data) {
         return data && 'fetchFirst' in data;
     }
-    exports.TabBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar', ({ data = [], onOjBeforeSelect, onOjRemove, onOjReorder, onOjSelectionAction, onSelectionChanged, reorderable = 'disabled', overflow = 'hidden', selection, display = 'standard', layout = 'stretch', edge = 'top', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby }) => {
+    exports.TabBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar', (0, compat_1.forwardRef)(({ data = [], onOjBeforeSelect, onOjRemove, onOjReorder, onOjSelectionAction, onSelectionChanged, reorderable = 'disabled', overflow = 'hidden', selection, display = 'standard', layout = 'stretch', edge = 'top', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, id }, ref) => {
         const rootRef = (0, hooks_1.useRef)();
         const addBusyState = (0, hooks_1.useCallback)((description = 'MessageBanner: busyState') => {
             return rootRef.current
@@ -63,8 +63,14 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 }
             })();
         };
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(DataTabBar_1.DataTabBar, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, data: dataArr, onRemove: handleRemove, onReorder: handleReorder, onSelect: handleSelect, reorderable: reorderable, selection: selection, display: display, edge: edge, layout: layout, overflow: overflow }) }));
-    }, "TabBar", { "properties": { "data": { "type": "Array<object>|DataProvider" }, "selection": { "type": "any", "writeback": true }, "reorderable": { "type": "string", "enumValues": ["disabled", "enabled"] }, "overflow": { "type": "string", "enumValues": ["hidden", "popup", "conveyor"] }, "display": { "type": "string", "enumValues": ["standard", "icons", "stacked"] }, "layout": { "type": "string", "enumValues": ["stretch", "condense"] }, "edge": { "type": "string", "enumValues": ["top", "bottom"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojReorder": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, { "data": [], "reorderable": "disabled", "overflow": "hidden", "display": "standard", "layout": "stretch", "edge": "top" }, {
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            _doReorderHelper: (tabBarKeys) => {
+                onOjReorder && onOjReorder({ reorderedKeys: tabBarKeys });
+                return Promise.resolve();
+            }
+        }));
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, children: (0, jsx_runtime_1.jsx)(DataTabBar_1.DataTabBar, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, data: dataArr, onRemove: handleRemove, onReorder: handleReorder, onSelect: handleSelect, reorderable: reorderable, selection: selection, display: display, edge: edge, layout: layout, overflow: overflow }) }));
+    }), "TabBar", { "properties": { "data": { "type": "Array<object>|DataProvider" }, "selection": { "type": "any", "writeback": true }, "reorderable": { "type": "string", "enumValues": ["disabled", "enabled"] }, "overflow": { "type": "string", "enumValues": ["hidden", "popup", "conveyor"] }, "display": { "type": "string", "enumValues": ["standard", "icons", "stacked"] }, "layout": { "type": "string", "enumValues": ["stretch", "condense"] }, "edge": { "type": "string", "enumValues": ["top", "bottom"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojReorder": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] }, "methods": { "_doReorderHelper": {} } }, { "data": [], "reorderable": "disabled", "overflow": "hidden", "display": "standard", "layout": "stretch", "edge": "top" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });

package/oj-c/tab-bar-mixed/DataTabBarMixed.js

@@ -32,7 +32,7 @@ define(["require", "exports", "preact/jsx-runtime", "preact/hooks", "@oracle/ora
         };
         const badgeTotal = (0, sumBadge_1.sumBadge)(dynamicTabs);
         const isDividerVisible = staticTabs.length > 0 && dynamicTabs.length > 0;
-        return ((0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarMixed, { onRemove: onRemove, onSelect: handleSelect, selection: selection, size: size, ref: tabBarMixedRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: [(0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarLayout, { layout: "stretch", display: staticTabsDisplay, children: [staticTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarItem, { icon: tab.icon ? ((0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { label: staticTabsDisplay === 'icons' ? tab.label : undefined, icon: tab.icon })) : undefined, itemKey: tab.itemKey, label: tab.label, "aria-controls": tab.tabPanelId }))), dynamicTabsOverflow === 'popup' && ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.OverflowTabBarItem, { badge: badgeTotal > 0 ? badgeTotal.toString() : undefined, icon: (0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { icon: dynamicTabsOverflowIcon }), isOpen: isOverflowMenuOpen, onClose: handleClose, overflowItemKey: "overflow", overflowItems: dynamicTabs.map((tab) => ({
+        return ((0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarMixed, { onRemove: onRemove, onSelect: handleSelect, selection: selection, size: size, ref: tabBarMixedRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: [(0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarLayout, { layout: "stretch", display: staticTabsDisplay, children: [staticTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarItem, { icon: tab.icon ? ((0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { label: staticTabsDisplay === 'icons' ? tab.label : undefined, icon: tab.icon })) : undefined, itemKey: tab.itemKey, label: tab.label, badge: tab.badge ? tab.badge.toString() : undefined, "aria-controls": tab.tabPanelId }))), dynamicTabsOverflow === 'popup' && ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.OverflowTabBarItem, { badge: badgeTotal > 0 ? badgeTotal.toString() : undefined, icon: (0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { icon: dynamicTabsOverflowIcon }), isOpen: isOverflowMenuOpen, onClose: handleClose, overflowItemKey: "overflow", overflowItems: dynamicTabs.map((tab) => ({
                                 itemKey: tab.itemKey,
                                 badge: tab.badge ? tab.badge.toString() : undefined,
                                 label: tab.label,

package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElement.d.ts

@@ -5,4 +5,19 @@ import { TabBarMixedWebElementBase } from './TabBarMixedWebElementBase';
  * [findTabBarMixed](../modules.html#findTabBarMixed).
  */
 export declare class TabBarMixedWebElement extends TabBarMixedWebElementBase {
+    /**
+     * Selects tab specified by key.
+     * Triggers ojSelectionAction regardless if the key passed is same as the current selection value or not.
+     * @param key key of the tab to be selected
+     * @override
+     * @typeparam K Type of keys
+     */
+    doSelection<K>(key: K): Promise<void>;
+    /**
+     * Removes tab specified by key.
+     * @param key key of the tab to be removed
+     * @override
+     * @typeparam K Type of keys
+     */
+    doRemove<K>(key: K): Promise<void>;
 }

package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElement.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBarMixedWebElement = void 0;
+var selenium_webdriver_1 = require("selenium-webdriver");
 var TabBarMixedWebElementBase_1 = require("./TabBarMixedWebElementBase");
 /**
  * The component WebElement for [oj-c-tab-bar-mixed](../../../oj-c/docs/oj.TabBarMixed.html).
@@ -8,6 +9,41 @@ var TabBarMixedWebElementBase_1 = require("./TabBarMixedWebElementBase");
  * [findTabBarMixed](../modules.html#findTabBarMixed).
  */
 class TabBarMixedWebElement extends TabBarMixedWebElementBase_1.TabBarMixedWebElementBase {
+    // Put overrides here
+    /**
+     * Selects tab specified by key.
+     * Triggers ojSelectionAction regardless if the key passed is same as the current selection value or not.
+     * @param key key of the tab to be selected
+     * @override
+     * @typeparam K Type of keys
+     */
+    async doSelection(key) {
+        await this.whenReady();
+        try {
+            const tab = await this.findElement(selenium_webdriver_1.By.css(`[data-oj-key="${key}"]`));
+            await tab?.click();
+        }
+        catch (e) {
+            throw new selenium_webdriver_1.error.NoSuchElementError(`Tab with specified key cannot be found`);
+        }
+    }
+    /**
+     * Removes tab specified by key.
+     * @param key key of the tab to be removed
+     * @override
+     * @typeparam K Type of keys
+     */
+    async doRemove(key) {
+        await this.whenReady();
+        try {
+            const tab = await this.findElement(selenium_webdriver_1.By.css(`[data-oj-key="${key}"]`));
+            const button = tab.findElement(selenium_webdriver_1.By.css('[data-oj-tabbar-item-remove-icon="true"]'));
+            await button?.click();
+        }
+        catch (e) {
+            throw new selenium_webdriver_1.error.NoSuchElementError(`Tab with specified key cannot be found`);
+        }
+    }
 }
 exports.TabBarMixedWebElement = TabBarMixedWebElement;
 //# sourceMappingURL=TabBarMixedWebElement.js.map

package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixedWebElement.js","sourceRoot":"","sources":["TabBarMixedWebElement.ts"],"names":[],"mappings":";;;AAAA,yEAAwE;AAExE;;;;GAIG;AACH,MAAa,qBAAsB,SAAQ,qDAAyB;CAEnE;AAFD,sDAEC","sourcesContent":["import { TabBarMixedWebElementBase } from './TabBarMixedWebElementBase';\n\n/**\n * The component WebElement for [oj-c-tab-bar-mixed](../../../oj-c/docs/oj.TabBarMixed.html).\n * Do not instantiate this class directly, instead, use\n * [findTabBarMixed](../modules.html#findTabBarMixed).\n */\nexport class TabBarMixedWebElement extends TabBarMixedWebElementBase {\n  // Put overrides here\n}\n"]}
+{"version":3,"file":"TabBarMixedWebElement.js","sourceRoot":"","sources":["TabBarMixedWebElement.ts"],"names":[],"mappings":";;;AAAA,yDAA+C;AAC/C,yEAAwE;AAExE;;;;GAIG;AACH,MAAa,qBAAsB,SAAQ,qDAAyB;IAClE,qBAAqB;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,WAAW,CAAI,GAAM;QACzB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;YACrE,MAAM,GAAG,EAAE,KAAK,EAAE,CAAC;QACrB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,CAAC;QAC/E,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,QAAQ,CAAI,GAAM;QACtB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;YACrE,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC,CAAC;YACnF,MAAM,MAAM,EAAE,KAAK,EAAE,CAAC;QACxB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,IAAI,0BAAK,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,CAAC;QAC/E,CAAC;IACH,CAAC;CACF;AAnCD,sDAmCC","sourcesContent":["import { By, error } from 'selenium-webdriver';\nimport { TabBarMixedWebElementBase } from './TabBarMixedWebElementBase';\n\n/**\n * The component WebElement for [oj-c-tab-bar-mixed](../../../oj-c/docs/oj.TabBarMixed.html).\n * Do not instantiate this class directly, instead, use\n * [findTabBarMixed](../modules.html#findTabBarMixed).\n */\nexport class TabBarMixedWebElement extends TabBarMixedWebElementBase {\n  // Put overrides here\n  /**\n   * Selects tab specified by key.\n   * Triggers ojSelectionAction regardless if the key passed is same as the current selection value or not.\n   * @param key key of the tab to be selected\n   * @override\n   * @typeparam K Type of keys\n   */\n  async doSelection<K>(key: K): Promise<void> {\n    await this.whenReady();\n    try {\n      const tab = await this.findElement(By.css(`[data-oj-key=\"${key}\"]`));\n      await tab?.click();\n    } catch (e) {\n      throw new error.NoSuchElementError(`Tab with specified key cannot be found`);\n    }\n  }\n\n  /**\n   * Removes tab specified by key.\n   * @param key key of the tab to be removed\n   * @override\n   * @typeparam K Type of keys\n   */\n  async doRemove<K>(key: K): Promise<void> {\n    await this.whenReady();\n    try {\n      const tab = await this.findElement(By.css(`[data-oj-key=\"${key}\"]`));\n      const button = tab.findElement(By.css('[data-oj-tabbar-item-remove-icon=\"true\"]'));\n      await button?.click();\n    } catch (e) {\n      throw new error.NoSuchElementError(`Tab with specified key cannot be found`);\n    }\n  }\n}\n"]}

package/oj-c/tab-bar-mixed/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tab-bar-mixed",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -27,7 +27,7 @@
       "module": "oj-c/tab-bar-mixed"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/TabBarMixedWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/TabBarMixedWebElement.html"
     }
   },
   "since": "16.1.0",

package/oj-c/tab-bar-mixed/tab-bar-mixed.js

@@ -3,7 +3,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TabBarMixed = void 0;
     exports.TabBarMixed = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar-mixed', (props) => {
-        const { dynamicTabs = [], dynamicTabsOverflow = 'conveyor', dynamicTabsOverflowIcon = { type: 'class', class: 'oj-ux-ico-collection' }, onOjBeforeSelect, onOjRemove, onOjSelectionAction, onSelectionChanged, selection, separatorPadding = '3rem', size, staticTabs = [], staticTabsDisplay = 'standard', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const { dynamicTabs = [], dynamicTabsOverflow = 'conveyor', dynamicTabsOverflowIcon = { type: 'class', class: 'oj-ux-ico-collection' }, onOjBeforeSelect, onOjRemove, onOjSelectionAction, onSelectionChanged, selection, separatorPadding = '3rem', size, staticTabs = [], staticTabsDisplay = 'standard', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, id } = props;
         const handleRemove = (event) => {
             if (onOjRemove) {
                 onOjRemove({ key: event.value });
@@ -32,7 +32,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 }
             })();
         };
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay }) }));
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay }) }));
     }, "TabBarMixed", { "properties": { "dynamicTabs": { "type": "Array<object>" }, "dynamicTabsOverflow": { "type": "string", "enumValues": ["popup", "conveyor"] }, "dynamicTabsOverflowIcon": { "type": "object" }, "size": { "type": "string", "enumValues": ["md", "lg"] }, "selection": { "type": "any", "writeback": true }, "separatorPadding": { "type": "string" }, "staticTabs": { "type": "Array<object>" }, "staticTabsDisplay": { "type": "string", "enumValues": ["standard", "icons"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });

package/oj-c/table/__webdriver__/TableWebElement.d.ts

@@ -0,0 +1,106 @@
+import { TableWebElementBase } from './TableWebElementBase';
+import { SlotProxy } from '@oracle/oraclejet-webdriver';
+/**
+ * The component WebElement for [oj-c-table](../../../oj-c/docs/oj.Table.html).
+ * Do not instantiate this class directly, instead, use
+ * [findTable](../functions/findTable.html).
+ */
+export declare class TableWebElement extends TableWebElementBase {
+    /**
+     * Sets the value of "selected" property.
+     * If row/column are both unspecified selected for both will be empty.
+     * If no object is set on row/column, selected for that axis will be empty.
+     * If 'all' is unset for row/column object only 'keys' will be considered, if no 'keys' are specified selected for that axis will be empty.
+     * See the Help documentation for more information.
+     * @param selected The value to set for "selected"
+     * @typeparam K Type of keys
+     */
+    changeSelected<K, C>(selected: {
+        row: {
+            all: true;
+            keys?: never;
+            deletedKeys: Array<K>;
+        } | {
+            all: false;
+            keys: Array<K>;
+            deletedKeys?: never;
+        };
+        column: {
+            all: true;
+            keys?: never;
+            deletedKeys: Array<C>;
+        } | {
+            all: false;
+            keys: Array<C>;
+            deletedKeys?: never;
+        };
+    }): Promise<void>;
+    /**
+     * Gets the value of "selected" property.
+     * @typeparam K Type of keys
+     * @return The value of "selected" property.
+     */
+    getSelected<K, C>(): Promise<{
+        row: {
+            all: true;
+            keys?: never;
+            deletedKeys: Array<K>;
+        } | {
+            all: false;
+            keys: Array<K>;
+            deletedKeys?: never;
+        };
+        column: {
+            all: true;
+            keys?: never;
+            deletedKeys: Array<C>;
+        } | {
+            all: false;
+            keys: Array<C>;
+            deletedKeys?: never;
+        };
+    }>;
+    /**
+     * Set a given row active. Triggers a ojRowAction Event.
+     * @param itemLocator.rowKey The rowKey associated with the row.
+     */
+    doRowAction<K>(itemLocator: {
+        rowKey: K;
+    }): Promise<void>;
+    /**
+     * Retrieve a SlotProxy which represents a cell.
+     * Cell content is only retrievable if there is a cell template for the cell.
+     * Throws if there is no matching cell or if there is not cell template for the cell.
+     *
+     * @param itemLocator.rowKey The rowKey associated with the cell
+     * @param itemLocator.columnKey The columnKey associated with the cell
+     */
+    findCell<K, C>(itemLocator: {
+        rowKey: K;
+        columnKey: C;
+    }): Promise<SlotProxy>;
+    /**
+     * Retrieve a SlotProxy which represents a header cell.
+     * Header content is only retrievable if there is a header template for the cell.
+     * Throws if there is no matching header or if there is not header template for the cell.
+     *
+     * @param itemLocator.columnKey The columnKey associated with the header cell
+     */
+    findHeader<C>(itemLocator: {
+        columnKey: C;
+    }): Promise<SlotProxy>;
+    /**
+     * Retrieve a SlotProxy which represents a footer cell.
+     * Footer content is only retrievable if there is a footer template for the cell.
+     * Throws if there is no matching footer or if there is not footer template for the cell.
+     *
+     * @param itemLocator.columnKey The columnKey associated with the footer cell
+     */
+    findFooter<C>(itemLocator: {
+        columnKey: C;
+    }): Promise<SlotProxy>;
+    /**
+     * Retrieve a SlotProxy which represents no data content.
+     */
+    findNoData(): Promise<SlotProxy>;
+}