@oracle/oraclejet-core-pack 17.1.3 → 18.0.0

package/oj-c/split-menu-button/__webdriver__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,yEAAwE;AAC/D,0GADA,qDAAyB,OACA;AAElC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,mBAAmB,CACvC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,IAAI,CAAC,CAAC,KAAK,YAAY,qDAAyB,CAAC,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,2BAA2B,EAAE,CAAC;YAC3D,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,uBAAuB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,qDAAyB,CAAC,IAAI,KAAK,YAAY,EAAE,CACjJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,kDAiBC;AAED,IAAA,8BAAQ,EAAC,wBAAwB,EAAE,qDAAyB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { SplitMenuButtonWebElement } from './SplitMenuButtonWebElement';\nexport { SplitMenuButtonWebElement };\n\n/**\n * Retrieve an instance of [SplitMenuButtonWebElement](../classes/SplitMenuButtonWebElement.html).\n * @example\n * ```javascript\n * import { findSplitMenuButton } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findSplitMenuButton(driver, By.id('my-oj-c-split-menu-button'));\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 findSplitMenuButton(\n  driver: DriverLike,\n  by: By\n): Promise<SplitMenuButtonWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type SplitMenuButtonWebElement\n  if (!(webEl instanceof SplitMenuButtonWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'SplitMenuButtonWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findSplitMenuButton(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${SplitMenuButtonWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-split-menu-button', SplitMenuButtonWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,kDAiBC;AAjCD,qEAAmE;AACnE,2EAAwE;AAC/D,0GADA,qDAAyB,OACA;AAElC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,mBAAmB,CACvC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,IAAI,CAAC,CAAC,KAAK,YAAY,qDAAyB,CAAC,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,2BAA2B,EAAE,CAAC;YAC3D,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,uBAAuB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,qDAAyB,CAAC,IAAI,KAAK,YAAY,EAAE,CACjJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,wBAAwB,EAAE,qDAAyB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { SplitMenuButtonWebElement } from './SplitMenuButtonWebElement';\nexport { SplitMenuButtonWebElement };\n\n/**\n * Retrieve an instance of [SplitMenuButtonWebElement](../classes/SplitMenuButtonWebElement.html).\n * @example\n * ```javascript\n * import { findSplitMenuButton } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findSplitMenuButton(driver, By.id('my-oj-c-split-menu-button'));\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 findSplitMenuButton(\n  driver: DriverLike,\n  by: By\n): Promise<SplitMenuButtonWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type SplitMenuButtonWebElement\n  if (!(webEl instanceof SplitMenuButtonWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'SplitMenuButtonWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findSplitMenuButton(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${SplitMenuButtonWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-split-menu-button', SplitMenuButtonWebElement);\n"]}

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

@@ -1,7 +1,7 @@
 {
   "name": "split-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",
@@ -33,7 +33,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/SplitMenuButtonWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/SplitMenuButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -59,8 +59,7 @@
       "displayName": "label",
       "help": "#label",
       "required": true,
-      "translatable": true,
-      "value": ""
+      "translatable": true
     },
     "items": {
       "type": "Array<object>",
@@ -259,6 +258,11 @@
         "outlined",
         "callToAction"
       ],
+      "binding": {
+        "consume": {
+          "name": "containerChroming"
+        }
+      },
       "value": "outlined"
     }
   },
@@ -282,14 +286,14 @@
     }
   },
   "methods": {
-    "blur": {
-      "return": "any"
-    },
     "focus": {
-      "return": "any"
+      "return": "void"
     },
-    "doAction": {
-      "return": "any"
+    "blur": {
+      "return": "void"
+    },
+    "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/split-menu-button/split-menu-button.js

@@ -1,54 +1,27 @@
-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", "@oracle/oraclejet-preact/UNSAFE_SplitMenuButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "../utils/PRIVATE_ItemsMenu/items-menu", "preact", "preact/hooks", "preact/compat", "css!oj-c/split-menu-button/split-menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, UNSAFE_SplitMenuButton_1, UNSAFE_useTabbableMode_1, UNSAFE_useTooltip_1, UNSAFE_mergeProps_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_SplitMenuButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "../utils/PRIVATE_ItemsMenu/items-menu", "preact/hooks", "preact/compat", "css!oj-c/split-menu-button/split-menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, UNSAFE_SplitMenuButton_1, UNSAFE_useTabbableMode_1, UNSAFE_useTooltip_1, UNSAFE_mergeProps_1, items_menu_1, hooks_1, compat_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SplitMenuButton = void 0;
-    let SplitMenuButton = class SplitMenuButton extends preact_1.Component {
-        constructor() {
-            super(...arguments);
-            this.buttonRef = (0, preact_1.createRef)();
-        }
-        render({ chroming, label, disabled, size, width, items, tooltip, onOjMenuAction, 'aria-describedby': ariaDescribedBy, onOjAction: onAction }) {
-            const widthSize = width ? { width: width } : {};
-            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { style: widthSize, children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { tooltip: tooltip, label: label, ref: this.buttonRef, variant: chroming, size: size, width: '100%', "aria-describedby": ariaDescribedBy, isDisabled: disabled, onAction: onAction, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { isSplitMenu: true, items: items, onOjMenuAction: onOjMenuAction }) }) }));
-        }
-        blur() {
-            this.buttonRef.current?.blur();
-        }
-        focus() {
-            this.buttonRef.current?.focus();
-        }
-        doAction() {
-            this.buttonRef.current?.doAction();
-        }
-    };
-    exports.SplitMenuButton = SplitMenuButton;
-    SplitMenuButton.defaultProps = {
-        label: '',
-        chroming: 'outlined',
-        disabled: false,
-        size: 'md',
-        items: []
-    };
-    SplitMenuButton._metadata = { "properties": { "label": { "type": "string" }, "items": { "type": "Array<object>" }, "tooltip": { "type": "string" }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "outlined", "callToAction"] } }, "events": { "ojMenuAction": { "bubbles": true }, "ojAction": { "bubbles": true } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-describedby"] }, "methods": { "blur": {}, "focus": {}, "doAction": {} } };
-    SplitMenuButton._translationBundleMap = {
+    function SplitMenuButtonImpl({ label, chroming = 'outlined', disabled = false, size = 'md', items = [], width, tooltip, onOjMenuAction, onOjAction, 'aria-describedby': ariaDescribedBy, ...otherProps }, ref) {
+        const rootRef = (0, hooks_1.useRef)();
+        const buttonRef = (0, hooks_1.useRef)();
+        const widthSize = width ? { width: width } : {};
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            blur: () => buttonRef.current?.blur(),
+            focus: () => buttonRef.current?.focus(),
+            click: () => buttonRef.current?.click()
+        }), [buttonRef]);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { style: widthSize, ref: rootRef, children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { tooltip: tooltip, label: label, ref: buttonRef, variant: chroming, size: size, width: '100%', "aria-describedby": ariaDescribedBy, isDisabled: disabled, onAction: onOjAction, ...otherProps, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { isSplitMenu: true, items: items, onOjMenuAction: onOjMenuAction }) }) }));
+    }
+    exports.SplitMenuButton = (0, ojvcomponent_1.registerCustomElement)('oj-c-split-menu-button', (0, compat_1.forwardRef)(SplitMenuButtonImpl), "SplitMenuButton", { "properties": { "label": { "type": "string" }, "items": { "type": "Array<object>" }, "tooltip": { "type": "string" }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "outlined", "callToAction"], "binding": { "consume": { "name": "containerChroming" } } } }, "events": { "ojMenuAction": { "bubbles": true }, "ojAction": { "bubbles": true } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-describedby"] }, "methods": { "focus": {}, "blur": {}, "click": {} } }, { "chroming": "outlined", "disabled": false, "size": "md", "items": [] }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    };
-    SplitMenuButton._consumedContexts = [UNSAFE_useTabbableMode_1.TabbableModeContext];
-    exports.SplitMenuButton = SplitMenuButton = __decorate([
-        (0, ojvcomponent_1.customElement)('oj-c-split-menu-button')
-    ], SplitMenuButton);
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
     const FunctionalSplitMenuButton = (0, compat_1.forwardRef)((props, ref) => {
-        const buttonRef = (0, hooks_1.useRef)(null);
+        const buttonRef = (0, hooks_1.useRef)();
         (0, hooks_1.useImperativeHandle)(ref, () => ({
             focus: () => buttonRef.current?.focus(),
             blur: () => buttonRef.current?.blur(),
-            doAction: () => buttonRef.current?.dispatchEvent(new Event('ojAction', { bubbles: true }))
+            click: () => buttonRef.current?.dispatchEvent(new Event('ojAction', { bubbles: true }))
         }), []);
         const { tooltipContent, tooltipProps } = (0, UNSAFE_useTooltip_1.useTooltip)({
             text: props.tooltip,

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

@@ -1,7 +1,8 @@
 define(["require", "exports", "preact/jsx-runtime", "@oracle/oraclejet-preact/UNSAFE_TabBar", "@oracle/oraclejet-preact/UNSAFE_OverflowTabBar", "./DataTabBarIcon", "@oracle/oraclejet-preact/UNSAFE_ReorderableTabBar"], function (require, exports, jsx_runtime_1, UNSAFE_TabBar_1, UNSAFE_OverflowTabBar_1, DataTabBarIcon_1, UNSAFE_ReorderableTabBar_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.OverflowTabBarRenderer = exports.TabBarRenderer = void 0;
+    exports.TabBarRenderer = TabBarRenderer;
+    exports.OverflowTabBarRenderer = OverflowTabBarRenderer;
     const badgeRenderer = (badgeValue, display) => {
         if (badgeValue != null) {
             let modifiedBadge = '';
@@ -17,25 +18,43 @@ define(["require", "exports", "preact/jsx-runtime", "@oracle/oraclejet-preact/UN
             return undefined;
     };
     const tabBarItemRenderer = (tab, display) => {
-        return ((0, jsx_runtime_1.jsx)(UNSAFE_TabBar_1.TabBarItem, { icon: tab.icon ? (0, jsx_runtime_1.jsx)(DataTabBarIcon_1.DataTabBarIcon, { icon: tab.icon }) : undefined, badge: badgeRenderer(tab.badge, display), itemKey: tab.itemKey, label: tab.label, metadata: tab.metadata, severity: tab.severity, "aria-controls": tab.tabPanelId }));
+        return ((0, jsx_runtime_1.jsx)(UNSAFE_TabBar_1.TabBarItem, { icon: tab.icon ? (0, jsx_runtime_1.jsx)(DataTabBarIcon_1.DataTabBarIcon, { icon: tab.icon }) : undefined, badge: badgeRenderer(tab.badge, display), itemKey: tab.itemKey, label: tab.label, metadata: tab.metadata, severity: tab.severity, "aria-controls": tab.tabPanelId, labelMaxWidth: tab.labelMaxWidth }));
     };
     const removableTabBarItemRenderer = (tab, display) => {
         return ((0, jsx_runtime_1.jsx)(UNSAFE_TabBar_1.RemovableTabBarItem, { icon: tab.icon ? (0, jsx_runtime_1.jsx)(DataTabBarIcon_1.DataTabBarIcon, { icon: tab.icon }) : undefined, "aria-controls": tab.tabPanelId, badge: badgeRenderer(tab.badge, display), itemKey: tab.itemKey, label: tab.label, metadata: tab.metadata, severity: tab.severity }));
     };
-    function TabBarRenderer(props, handleSelect, ref) {
-        const { data, ...tabBarProps } = props;
+    const linkTabBarItemRenderer = (tab, display) => {
+        return ((0, jsx_runtime_1.jsx)(UNSAFE_TabBar_1.TabBarLinkItem, { icon: tab.icon ? (0, jsx_runtime_1.jsx)(DataTabBarIcon_1.DataTabBarIcon, { icon: tab.icon }) : undefined, "aria-controls": tab.tabPanelId, badge: badgeRenderer(tab.badge, display), itemKey: tab.itemKey, label: tab.label, metadata: tab.metadata, severity: tab.severity, href: tab.href }));
+    };
+    function TabBarRenderer(props, handleSelect, rootRef) {
+        const { data, truncation, ...tabBarProps } = props;
         const display = tabBarProps.display;
-        return tabBarProps.reorderable === 'enabled' ? ((0, jsx_runtime_1.jsx)(UNSAFE_ReorderableTabBar_1.ReorderableTabBar, { ...tabBarProps, onSelect: handleSelect, children: data.map((tab) => tab != null &&
-                (tab.isRemovable
+        const { maxWidths } = (0, UNSAFE_TabBar_1.useProgressiveTruncation)({
+            rootRef,
+            isDisabled: !(truncation && truncation === 'progressive')
+        });
+        const items = truncation === 'progressive'
+            ? data.map((item) => ({
+                ...item,
+                labelMaxWidth: maxWidths?.get(item.itemKey)
+            }))
+            : data;
+        const isLinkType = (item) => {
+            return 'href' in item;
+        };
+        return tabBarProps.reorderable === 'enabled' ? ((0, jsx_runtime_1.jsx)(UNSAFE_ReorderableTabBar_1.ReorderableTabBar, { ...tabBarProps, onSelect: handleSelect, children: items.map((tab) => tab != null &&
+                (isLinkType(tab)
+                    ? linkTabBarItemRenderer(tab, display)
+                    : tab.isRemovable
+                        ? removableTabBarItemRenderer(tab, display)
+                        : tabBarItemRenderer(tab, display))) })) : ((0, jsx_runtime_1.jsx)(UNSAFE_TabBar_1.TabBar, { onSelect: handleSelect, ref: rootRef, ...tabBarProps, children: items.map((tab) => isLinkType(tab)
+                ? linkTabBarItemRenderer(tab, display)
+                : tab.isRemovable
                     ? removableTabBarItemRenderer(tab, display)
-                    : tabBarItemRenderer(tab, display))) })) : ((0, jsx_runtime_1.jsx)(UNSAFE_TabBar_1.TabBar, { onSelect: handleSelect, ref: ref, ...tabBarProps, children: data.map((tab) => tab.isRemovable
-                ? removableTabBarItemRenderer(tab, display)
-                : tabBarItemRenderer(tab, display)) }));
+                    : tabBarItemRenderer(tab, display)) }));
     }
-    exports.TabBarRenderer = TabBarRenderer;
     function OverflowTabBarRenderer(props, handleSelect) {
-        const { data, ...overflowTabBarProps } = props;
-        return (0, jsx_runtime_1.jsx)(UNSAFE_OverflowTabBar_1.OverflowTabBar, { items: data, onSelect: handleSelect, ...overflowTabBarProps });
+        const { data, truncation, ...overflowTabBarProps } = props;
+        return ((0, jsx_runtime_1.jsx)(UNSAFE_OverflowTabBar_1.OverflowTabBar, { items: data, onSelect: handleSelect, truncation: truncation, ...overflowTabBarProps }));
     }
-    exports.OverflowTabBarRenderer = OverflowTabBarRenderer;
 });

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

@@ -1,9 +1,9 @@
 define(["require", "exports", "preact/jsx-runtime", "preact", "@oracle/oraclejet-preact/UNSAFE_ConveyorBelt", "./ContentRenderer"], function (require, exports, jsx_runtime_1, preact_1, UNSAFE_ConveyorBelt_1, ContentRenderer_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DataTabBar = void 0;
+    exports.DataTabBar = DataTabBar;
     function DataTabBar(props) {
-        const { onRemove, onReorder, onSelect, selection, data = [], display, layout, edge, overflow, reorderable, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const { onRemove, onReorder, onSelect, selection, data = [], display, layout, edge, overflow, reorderable, truncation, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
         const tabBarRef = (0, preact_1.createRef)();
         const handleSelect = (event) => {
             if (event.value && onSelect) {
@@ -21,6 +21,7 @@ define(["require", "exports", "preact/jsx-runtime", "preact", "@oracle/oraclejet
                     'aria-labelledby': ariaLabelledby,
                     data,
                     reorderable,
+                    truncation,
                     onReorder
                 }, handleSelect, tabBarRef) }));
         };
@@ -32,6 +33,7 @@ define(["require", "exports", "preact/jsx-runtime", "preact", "@oracle/oraclejet
                 layout,
                 display,
                 edge,
+                truncation,
                 'aria-label': ariaLabel,
                 'aria-labelledby': ariaLabelledby
             }, handleSelect)
@@ -47,8 +49,8 @@ define(["require", "exports", "preact/jsx-runtime", "preact", "@oracle/oraclejet
                     'aria-labelledby': ariaLabelledby,
                     data,
                     reorderable,
+                    truncation,
                     onReorder
                 }, handleSelect, tabBarRef);
     }
-    exports.DataTabBar = DataTabBar;
 });

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

@@ -1,7 +1,7 @@
 define(["require", "exports", "preact/jsx-runtime"], function (require, exports, jsx_runtime_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DataTabBarIcon = void 0;
+    exports.DataTabBarIcon = DataTabBarIcon;
     function DataTabBarIcon(props) {
         const { icon } = props;
         if (!icon) {
@@ -12,5 +12,4 @@ define(["require", "exports", "preact/jsx-runtime"], function (require, exports,
         }
         return null;
     }
-    exports.DataTabBarIcon = DataTabBarIcon;
 });

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBarWebElement = void 0;
-var selenium_webdriver_1 = require("selenium-webdriver");
-var TabBarWebElementBase_1 = require("./TabBarWebElementBase");
+const selenium_webdriver_1 = require("selenium-webdriver");
+const TabBarWebElementBase_1 = require("./TabBarWebElementBase");
 /**
  * The component WebElement for [oj-c-tab-bar](../../../oj-c/docs/oj.TabBar.html).
  * Do not instantiate this class directly, instead, use
@@ -55,47 +55,41 @@ class TabBarWebElement extends TabBarWebElementBase_1.TabBarWebElementBase {
      */
     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);
+        await this.getDriver().executeScript((root, key, position) => {
+            const ele = root.querySelectorAll('[role=tab]');
+            if ('index' in position && (position.index < 0 || position.index > ele.length - 1)) {
+                throw new Error('invaild index');
+            }
+            const tabBarKeys = [];
+            let desIndex = -1;
+            let srcIndex = -1;
+            for (let i = 0; i < ele.length; i++) {
+                if (ele[i].getAttribute('data-oj-key') === key) {
+                    srcIndex = i;
+                }
+                if ('key' in position && position.key !== null) {
+                    if (ele[i].getAttribute('data-oj-key') === position.key) {
+                        desIndex = i;
+                    }
+                }
+                tabBarKeys.push(ele[i].getAttribute('data-oj-key'));
+            }
+            if ('index' in position && position.index) {
+                desIndex = position.index;
+            }
+            if ('key' in position && position.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);
+            return root._doReorderHelper(tabBarKeys);
+        }, this, key, position);
     }
 }
 exports.TabBarWebElement = TabBarWebElement;

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"file":"TabBarWebElement.js","sourceRoot":"","sources":["TabBarWebElement.ts"],"names":[],"mappings":"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","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      (root: any, key: K | null, position: { index: number } | { key: K | null }) => {\n        const ele = root.querySelectorAll('[role=tab]');\n        if ('index' in position && (position.index < 0 || position.index > ele.length - 1)) {\n          throw new Error('invaild index');\n        }\n        const 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') === key) {\n            srcIndex = i;\n          }\n          if ('key' in position && position.key !== null) {\n            if (ele[i].getAttribute('data-oj-key') === position.key) {\n              desIndex = i;\n            }\n          }\n          tabBarKeys.push(ele[i].getAttribute('data-oj-key'));\n        }\n\n        if ('index' in position && position.index) {\n          desIndex = position.index;\n        }\n\n        if ('key' in position && position.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        return root._doReorderHelper(tabBarKeys);\n      },\n      this,\n      key,\n      position\n    );\n  }\n}\n"]}

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

@@ -19,14 +19,14 @@ export declare class TabBarWebElementBase extends OjWebElement {
      * @param selection The value to set for <code>selection</code>
      *
      */
-    changeSelection(selection: any): Promise<void>;
+    changeSelection(selection: string | number): Promise<void>;
     /**
      * Gets the value of <code>selection</code> property.
      * The key of the selected tab
      * @return The value of <code>selection</code> property.
      *
      */
-    getSelection(): Promise<any>;
+    getSelection(): Promise<string | number>;
     /**
      * Gets the value of <code>reorderable</code> property.
      * The reorderable configuration for tabs.
@@ -62,4 +62,11 @@ export declare class TabBarWebElementBase extends OjWebElement {
      *
      */
     getEdge(): Promise<string>;
+    /**
+     * Gets the value of <code>truncation</code> property.
+     * The truncation configuration for tab labels.
+     * @return The value of <code>truncation</code> property.
+     *
+     */
+    getTruncation(): Promise<string>;
 }

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBarWebElementBase = 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-tab-bar WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced
@@ -81,6 +81,15 @@ class TabBarWebElementBase extends elements_1.OjWebElement {
     getEdge() {
         return this.getProperty('edge');
     }
+    /**
+     * Gets the value of <code>truncation</code> property.
+     * The truncation configuration for tab labels.
+     * @return The value of <code>truncation</code> property.
+     *
+     */
+    getTruncation() {
+        return this.getProperty('truncation');
+    }
 }
 exports.TabBarWebElementBase = TabBarWebElementBase;
 //# sourceMappingURL=TabBarWebElementBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabBarWebElementBase.js","sourceRoot":"","sources":["TabBarWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,oBAAqB,SAAQ,uBAAY;IACpD;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAgB,MAAM,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,eAAe,CAAC,SAAc;QACnC,OAAO,IAAI,CAAC,WAAW,CAAM,WAAW,EAAE,SAAS,CAAC,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAM,WAAW,CAAC,CAAC;IAC5C,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAS,UAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,SAAS;QACd,OAAO,IAAI,CAAC,WAAW,CAAS,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;CACF;AAhFD,oDAgFC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-tab-bar 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, TabBarWebElement.ts.\n */\nexport class TabBarWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>data</code> property.\n   * An array of tabs\n   * @return The value of <code>data</code> property.\n   *\n   */\n  public getData(): Promise<Array<object>> {\n    return this.getProperty<Array<object>>('data');\n  }\n\n  /**\n   * Sets the value of <code>selection</code> property.\n   * The key of the selected tab\n   * @param selection The value to set for <code>selection</code>\n   *\n   */\n  public changeSelection(selection: any): Promise<void> {\n    return this.setProperty<any>('selection', selection);\n  }\n\n  /**\n   * Gets the value of <code>selection</code> property.\n   * The key of the selected tab\n   * @return The value of <code>selection</code> property.\n   *\n   */\n  public getSelection(): Promise<any> {\n    return this.getProperty<any>('selection');\n  }\n\n  /**\n   * Gets the value of <code>reorderable</code> property.\n   * The reorderable configuration for tabs.\n   * @return The value of <code>reorderable</code> property.\n   *\n   */\n  public getReorderable(): Promise<string> {\n    return this.getProperty<string>('reorderable');\n  }\n\n  /**\n   * Gets the value of <code>overflow</code> property.\n   * Specifies the overflow behavior.\n   * @return The value of <code>overflow</code> property.\n   *\n   */\n  public getOverflow(): Promise<string> {\n    return this.getProperty<string>('overflow');\n  }\n\n  /**\n   * Gets the value of <code>display</code> property.\n   * The display configuration for tabs.\n   * @return The value of <code>display</code> property.\n   *\n   */\n  public getDisplay(): Promise<string> {\n    return this.getProperty<string>('display');\n  }\n\n  /**\n   * Gets the value of <code>layout</code> property.\n   * The layout configuration for tabs.\n   * @return The value of <code>layout</code> property.\n   *\n   */\n  public getLayout(): Promise<string> {\n    return this.getProperty<string>('layout');\n  }\n\n  /**\n   * Gets the value of <code>edge</code> property.\n   * The edge configuration for tabs.\n   * @return The value of <code>edge</code> property.\n   *\n   */\n  public getEdge(): Promise<string> {\n    return this.getProperty<string>('edge');\n  }\n}\n"]}
+{"version":3,"file":"TabBarWebElementBase.js","sourceRoot":"","sources":["TabBarWebElementBase.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,oBAAqB,SAAQ,uBAAY;IACpD;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAgB,MAAM,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,eAAe,CAAC,SAA0B;QAC/C,OAAO,IAAI,CAAC,WAAW,CAAkB,WAAW,EAAE,SAAS,CAAC,CAAC;IACnE,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAkB,WAAW,CAAC,CAAC;IACxD,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAS,UAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,SAAS;QACd,OAAO,IAAI,CAAC,WAAW,CAAS,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED;;;;;OAKG;IACI,OAAO;QACZ,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAS,YAAY,CAAC,CAAC;IAChD,CAAC;CACF;AA1FD,oDA0FC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-tab-bar 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, TabBarWebElement.ts.\n */\nexport class TabBarWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>data</code> property.\n   * An array of tabs\n   * @return The value of <code>data</code> property.\n   *\n   */\n  public getData(): Promise<Array<object>> {\n    return this.getProperty<Array<object>>('data');\n  }\n\n  /**\n   * Sets the value of <code>selection</code> property.\n   * The key of the selected tab\n   * @param selection The value to set for <code>selection</code>\n   *\n   */\n  public changeSelection(selection: string | number): Promise<void> {\n    return this.setProperty<string | number>('selection', selection);\n  }\n\n  /**\n   * Gets the value of <code>selection</code> property.\n   * The key of the selected tab\n   * @return The value of <code>selection</code> property.\n   *\n   */\n  public getSelection(): Promise<string | number> {\n    return this.getProperty<string | number>('selection');\n  }\n\n  /**\n   * Gets the value of <code>reorderable</code> property.\n   * The reorderable configuration for tabs.\n   * @return The value of <code>reorderable</code> property.\n   *\n   */\n  public getReorderable(): Promise<string> {\n    return this.getProperty<string>('reorderable');\n  }\n\n  /**\n   * Gets the value of <code>overflow</code> property.\n   * Specifies the overflow behavior.\n   * @return The value of <code>overflow</code> property.\n   *\n   */\n  public getOverflow(): Promise<string> {\n    return this.getProperty<string>('overflow');\n  }\n\n  /**\n   * Gets the value of <code>display</code> property.\n   * The display configuration for tabs.\n   * @return The value of <code>display</code> property.\n   *\n   */\n  public getDisplay(): Promise<string> {\n    return this.getProperty<string>('display');\n  }\n\n  /**\n   * Gets the value of <code>layout</code> property.\n   * The layout configuration for tabs.\n   * @return The value of <code>layout</code> property.\n   *\n   */\n  public getLayout(): Promise<string> {\n    return this.getProperty<string>('layout');\n  }\n\n  /**\n   * Gets the value of <code>edge</code> property.\n   * The edge configuration for tabs.\n   * @return The value of <code>edge</code> property.\n   *\n   */\n  public getEdge(): Promise<string> {\n    return this.getProperty<string>('edge');\n  }\n\n  /**\n   * Gets the value of <code>truncation</code> property.\n   * The truncation configuration for tab labels.\n   * @return The value of <code>truncation</code> property.\n   *\n   */\n  public getTruncation(): Promise<string> {\n    return this.getProperty<string>('truncation');\n  }\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,uDAAsD;AAC7C,iGADA,mCAAgB,OACA;AAEzB;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,UAAU,CAAC,MAAkB,EAAE,EAAM;IACzD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,qDAAqD;IACrD,IAAI,CAAC,CAAC,KAAK,YAAY,mCAAgB,CAAC,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;YAClD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,cAAc,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,mCAAgB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC/H,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAdD,gCAcC;AAED,IAAA,8BAAQ,EAAC,cAAc,EAAE,mCAAgB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { TabBarWebElement } from './TabBarWebElement';\nexport { TabBarWebElement };\n\n/**\n * Retrieve an instance of [TabBarWebElement](../classes/TabBarWebElement.html).\n * @example\n * ```javascript\n * import { findTabBar } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findTabBar(driver, By.id('my-oj-c-tab-bar'));\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 findTabBar(driver: DriverLike, by: By): Promise<TabBarWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type TabBarWebElement\n  if (!(webEl instanceof TabBarWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'TabBarWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findTabBar(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${TabBarWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-tab-bar', TabBarWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,gCAcC;AA9BD,qEAAmE;AACnE,yDAAsD;AAC7C,iGADA,mCAAgB,OACA;AAEzB;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,UAAU,CAAC,MAAkB,EAAE,EAAM;IACzD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,qDAAqD;IACrD,IAAI,CAAC,CAAC,KAAK,YAAY,mCAAgB,CAAC,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;YAClD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,cAAc,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,mCAAgB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC/H,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,cAAc,EAAE,mCAAgB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { TabBarWebElement } from './TabBarWebElement';\nexport { TabBarWebElement };\n\n/**\n * Retrieve an instance of [TabBarWebElement](../classes/TabBarWebElement.html).\n * @example\n * ```javascript\n * import { findTabBar } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findTabBar(driver, By.id('my-oj-c-tab-bar'));\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 findTabBar(driver: DriverLike, by: By): Promise<TabBarWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type TabBarWebElement\n  if (!(webEl instanceof TabBarWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'TabBarWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findTabBar(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${TabBarWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-tab-bar', TabBarWebElement);\n"]}

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

@@ -1,7 +1,7 @@
 {
   "name": "tab-bar",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -29,7 +29,7 @@
       "value": []
     },
     "selection": {
-      "type": "any",
+      "type": "string|number",
       "description": "The key of the selected tab",
       "displayName": "Selected Tab",
       "help": "#selection",
@@ -120,6 +120,16 @@
         "bottom"
       ],
       "value": "top"
+    },
+    "truncation": {
+      "type": "string",
+      "description": "The truncation configuration for tab labels.",
+      "displayName": "Truncation",
+      "enumValues": [
+        "none",
+        "progressive"
+      ],
+      "value": "none"
     }
   },
   "events": {
@@ -134,7 +144,7 @@
           "type": "function"
         },
         "key": {
-          "type": "any"
+          "type": "string|number"
         }
       }
     },
@@ -144,7 +154,7 @@
       "help": "#event:remove",
       "detail": {
         "key": {
-          "type": "any"
+          "type": "string|number"
         }
       }
     },
@@ -154,7 +164,7 @@
       "help": "#event:reorder",
       "detail": {
         "reorderedKeys": {
-          "type": "Array<any>"
+          "type": "Array<string|number>"
         }
       }
     },
@@ -164,10 +174,10 @@
       "help": "#event:selectionAction",
       "detail": {
         "previousValue": {
-          "type": "any"
+          "type": "string|number"
         },
         "value": {
-          "type": "any"
+          "type": "string|number"
         }
       }
     }
@@ -227,7 +237,7 @@
   },
   "extension": {
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/TabBarWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/TabBarWebElement.html"
     }
   }
 }