@oracle/oraclejet-core-pack 16.0.5 → 16.1.0

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

@@ -4,41 +4,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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', "@oracle/oraclejet-preact/UNSAFE_SplitMenuButton", "@oracle/oraclejet-preact/UNSAFE_Menu", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "preact", "preact/hooks", "preact/compat", "ojs/ojvcomponent", "css!oj-c/split-menu-button/split-menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SplitMenuButton_1, UNSAFE_Menu_1, UNSAFE_useTabbableMode_1, preact_1, hooks_1, compat_1, ojvcomponent_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SplitMenuButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "preact", "preact/hooks", "preact/compat", "ojs/ojvcomponent", "../utils/PRIVATE_ItemsMenu/items-menu", "css!oj-c/split-menu-button/split-menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SplitMenuButton_1, UNSAFE_useTooltip_1, UNSAFE_useTabbableMode_1, UNSAFE_mergeProps_1, preact_1, hooks_1, compat_1, ojvcomponent_1, items_menu_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SplitMenuButton = void 0;
-    const FunctionalSplitMenuButton = (0, compat_1.forwardRef)((props, ref) => {
-        const buttonRef = (0, hooks_1.useRef)(null);
-        (0, hooks_1.useImperativeHandle)(ref, () => ({
-            focus: () => buttonRef.current?.focus(),
-            blur: () => buttonRef.current?.blur(),
-            doAction: () => buttonRef.current?.dispatchEvent(new Event('ojAction', { bubbles: true }))
-        }), []);
-        return (0, jsx_runtime_1.jsx)(UNSAFE_SplitMenuButton_1.SplitMenuButton, { ref: buttonRef, ...props });
-    });
     let SplitMenuButton = class SplitMenuButton extends preact_1.Component {
         constructor() {
             super(...arguments);
             this.buttonRef = (0, preact_1.createRef)();
-            this.renderMenu = (items) => {
-                return items.map((item) => {
-                    if (item && (item.type === 'divider' || item.type === 'separator')) {
-                        return (0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuSeparator, {});
-                    }
-                    else if ((item.type === 'item' || !item.type) && item.label) {
-                        return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuItem, { label: item.label, isDisabled: item.disabled, onAction: item.onAction }));
-                    }
-                    else {
-                        return;
-                    }
-                });
-            };
         }
         render(props) {
-            const { chroming, label, disabled, size, onOjAction: onAction, items } = { ...props };
-            const widthSize = { width: props.width };
-            return props.width ? ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { style: widthSize, children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { label: label, ref: this.buttonRef, variant: chroming, size: size, width: '100%', isDisabled: disabled, onAction: onAction, children: this.renderMenu(items) }) })) : ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { label: label, ref: this.buttonRef, variant: chroming, size: size, width: '100%', isDisabled: disabled, onAction: onAction, children: this.renderMenu(items) }) }));
+            const { chroming, label, disabled, size, items, tooltip, onOjMenuAction, 'aria-describedby': ariaDescribedBy, onOjAction: onAction } = { ...props };
+            const widthSize = props.width ? { width: props.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();
@@ -58,7 +36,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         size: 'md',
         items: []
     };
-    SplitMenuButton._metadata = { "properties": { "label": { "type": "string" }, "items": { "type": "Array<object>" }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "outlined", "callToAction"] } }, "events": { "ojAction": { "bubbles": true } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["title"] }, "methods": { "blur": {}, "focus": {}, "doAction": {} } };
+    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 = {
         '@oracle/oraclejet-preact': translationBundle_1.default
     };
@@ -66,4 +44,17 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     exports.SplitMenuButton = SplitMenuButton = __decorate([
         (0, ojvcomponent_1.customElement)('oj-c-split-menu-button')
     ], SplitMenuButton);
+    const FunctionalSplitMenuButton = (0, compat_1.forwardRef)((props, ref) => {
+        const buttonRef = (0, hooks_1.useRef)(null);
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => buttonRef.current?.focus(),
+            blur: () => buttonRef.current?.blur(),
+            doAction: () => buttonRef.current?.dispatchEvent(new Event('ojAction', { bubbles: true }))
+        }), []);
+        const { tooltipContent, tooltipProps } = (0, UNSAFE_useTooltip_1.useTooltip)({
+            text: props.tooltip,
+            isDisabled: props.isDisabled
+        });
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UNSAFE_SplitMenuButton_1.SplitMenuButton, { ref: buttonRef, ...(0, UNSAFE_mergeProps_1.mergeProps)(props, tooltipProps) }), tooltipContent] }));
+    });
 });

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

@@ -0,0 +1,43 @@
+define(["require", "exports", "preact/jsx-runtime", "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_ConveyorBelt", "@oracle/oraclejet-preact/UNSAFE_TabBarMixed", "./DataTabBarMixedIcon", "./sumBadge", "preact"], function (require, exports, jsx_runtime_1, hooks_1, UNSAFE_ConveyorBelt_1, UNSAFE_TabBarMixed_1, DataTabBarMixedIcon_1, sumBadge_1, preact_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataTabBarMixed = void 0;
+    function DataTabBarMixed(props) {
+        const { dynamicTabs = [], dynamicTabsOverflowIcon, dynamicTabsOverflow, onRemove, onSelect, selection, separatorPadding, size = 'lg', staticTabs = [], staticTabsDisplay, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const [isOverflowMenuOpen, setIsOverflowMenuOpen] = (0, hooks_1.useState)(false);
+        const tabBarMixedRef = (0, preact_1.createRef)();
+        const isOutsideMouseDown = (0, hooks_1.useRef)(false);
+        const handleClose = (e) => {
+            if (tabBarMixedRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {
+                tabBarMixedRef?.current?.focus();
+            }
+            if (e.reason === 'outsideMousedown') {
+                isOutsideMouseDown.current = true;
+            }
+            setIsOverflowMenuOpen(false);
+        };
+        const handleSelect = (event) => {
+            if (event.value && event.value === 'overflow') {
+                if (isOutsideMouseDown.current) {
+                    setIsOverflowMenuOpen(false);
+                }
+                else {
+                    setIsOverflowMenuOpen(true);
+                }
+            }
+            else if (onSelect) {
+                onSelect(event);
+            }
+            isOutsideMouseDown.current = false;
+        };
+        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) => ({
+                                itemKey: tab.itemKey,
+                                badge: tab.badge ? tab.badge.toString() : undefined,
+                                label: tab.label,
+                                isRemovable: true
+                            })) }))] }), dynamicTabsOverflow === 'conveyor' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isDividerVisible && (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarMixedSeparator, { padding: separatorPadding }), (0, jsx_runtime_1.jsx)(UNSAFE_ConveyorBelt_1.ConveyorBelt, { children: (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarLayout, { display: "standard", layout: "condense", children: dynamicTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.RemovableTabBarItem, { badge: tab.badge ? tab.badge.toString() : undefined, itemKey: tab.itemKey, label: tab.label, "aria-controls": tab.tabPanelId }))) }) })] }))] }));
+    }
+    exports.DataTabBarMixed = DataTabBarMixed;
+});

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

@@ -0,0 +1,4 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

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

@@ -0,0 +1,16 @@
+define(["require", "exports", "preact/jsx-runtime"], function (require, exports, jsx_runtime_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataTabBarMixedIcon = void 0;
+    function DataTabBarMixedIcon(props) {
+        const { icon } = props;
+        if (!icon) {
+            return null;
+        }
+        if (icon.type === 'class') {
+            return (0, jsx_runtime_1.jsx)("span", { class: icon.class });
+        }
+        return null;
+    }
+    exports.DataTabBarMixedIcon = DataTabBarMixedIcon;
+});

package/oj-c/tab-bar-mixed/__mocks__/@oracle/oraclejet-preact/UNSAFE_ConveyorBelt.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "preact/jsx-runtime"], function (require, exports, jsx_runtime_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ConveyorBelt = void 0;
+    function ConveyorBelt(props) {
+        const { children } = props;
+        return (0, jsx_runtime_1.jsx)("div", { "data-testid": "conveyor", children: children });
+    }
+    exports.ConveyorBelt = ConveyorBelt;
+});

package/oj-c/tab-bar-mixed/__mocks__/@oracle/oraclejet-preact/UNSAFE_TabBarMixed.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "preact/jsx-runtime", "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_TabBarCommon", "@oracle/oraclejet-preact/UNSAFE_TabBarMixed"], function (require, exports, jsx_runtime_1, hooks_1, UNSAFE_TabBarCommon_1, UNSAFE_TabBarMixed_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBarMixed = exports.TabBarLayout = exports.OverflowTabBarItem = exports.RemovableTabBarItem = exports.TabBarItem = exports.TabBarMixedSeparator = void 0;
+    Object.defineProperty(exports, "TabBarLayout", { enumerable: true, get: function () { return UNSAFE_TabBarMixed_1.TabBarLayout; } });
+    Object.defineProperty(exports, "TabBarMixed", { enumerable: true, get: function () { return UNSAFE_TabBarMixed_1.TabBarMixed; } });
+    function TabBarMixedSeparator() {
+        return (0, jsx_runtime_1.jsx)("div", { role: "separator" });
+    }
+    exports.TabBarMixedSeparator = TabBarMixedSeparator;
+    function TabBarItem(props) {
+        const { badge, itemKey, label } = props;
+        const { onSelect } = (0, hooks_1.useContext)(UNSAFE_TabBarCommon_1.TabBarContext);
+        return ((0, jsx_runtime_1.jsxs)("div", { role: "tab", "data-oj-key": itemKey, onClick: () => {
+                onSelect && onSelect({ value: itemKey });
+            }, children: [label, badge && (0, jsx_runtime_1.jsx)("span", { "data-testid": "badge", children: badge })] }));
+    }
+    exports.TabBarItem = TabBarItem;
+    function RemovableTabBarItem(props) {
+        const { badge, itemKey, label } = props;
+        const { onRemove, onSelect } = (0, hooks_1.useContext)(UNSAFE_TabBarCommon_1.TabBarContext);
+        return ((0, jsx_runtime_1.jsxs)("div", { role: "tab", "data-oj-key": itemKey, onClick: () => {
+                onSelect && onSelect({ value: itemKey });
+            }, children: [label, badge && (0, jsx_runtime_1.jsx)("span", { "data-testid": "badge", children: badge }), (0, jsx_runtime_1.jsx)("button", { "aria-label": "Removable", onClick: () => {
+                        onRemove && onRemove({ value: itemKey });
+                    }, children: "x" })] }));
+    }
+    exports.RemovableTabBarItem = RemovableTabBarItem;
+    function OverflowTabBarItem(props) {
+        const { badge, overflowItems } = props;
+        return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "popup", "data-oj-key": "overflow", children: [badge && (0, jsx_runtime_1.jsx)("span", { "data-testid": "badge-total", children: badge }), overflowItems.map((tab) => ((0, jsx_runtime_1.jsx)(RemovableTabBarItem, { ...tab })))] }));
+    }
+    exports.OverflowTabBarItem = OverflowTabBarItem;
+});

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

@@ -0,0 +1,8 @@
+import { TabBarMixedWebElementBase } from './TabBarMixedWebElementBase';
+/**
+ * The component WebElement for [oj-c-tab-bar-mixed](../../../oj-c/docs/oj.TabBarMixed.html).
+ * Do not instantiate this class directly, instead, use
+ * [findTabBarMixed](../modules.html#findTabBarMixed).
+ */
+export declare class TabBarMixedWebElement extends TabBarMixedWebElementBase {
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBarMixedWebElement = void 0;
+var TabBarMixedWebElementBase_1 = require("./TabBarMixedWebElementBase");
+/**
+ * The component WebElement for [oj-c-tab-bar-mixed](../../../oj-c/docs/oj.TabBarMixed.html).
+ * Do not instantiate this class directly, instead, use
+ * [findTabBarMixed](../modules.html#findTabBarMixed).
+ */
+class TabBarMixedWebElement extends TabBarMixedWebElementBase_1.TabBarMixedWebElementBase {
+}
+exports.TabBarMixedWebElement = TabBarMixedWebElement;
+//# sourceMappingURL=TabBarMixedWebElement.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,116 @@
+import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';
+/**
+ * This is the base class for oj-c-tab-bar-mixed WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, TabBarMixedWebElement.ts.
+ */
+export declare class TabBarMixedWebElementBase extends OjWebElement {
+    /**
+     * Gets the value of <code>dynamicTabs</code> property.
+     * An array of dynamic tabs
+     * @return The value of <code>dynamicTabs</code> property.
+     *
+     */
+    getDynamicTabs(): Promise<Array<DynamicTabs>>;
+    /**
+     * Gets the value of <code>dynamicTabsOverflow</code> property.
+     * Dynamic tabs overflow configurations
+     * @return The value of <code>dynamicTabsOverflow</code> property.
+     *
+     */
+    getDynamicTabsOverflow(): Promise<string>;
+    /**
+     * Gets the value of <code>dynamicTabsOverflowIcon</code> property.
+     * The icon used on the overflow tab
+     * @return The value of <code>dynamicTabsOverflowIcon</code> property.
+     *
+     */
+    getDynamicTabsOverflowIcon(): Promise<object>;
+    /**
+     * Gets the value of <code>size</code> property.
+     * Size of TabBarMixed
+     * @return The value of <code>size</code> property.
+     *
+     */
+    getSizeProperty(): Promise<string>;
+    /**
+     * Sets the value of <code>selection</code> property.
+     * The key of the selected tab
+     * @param selection The value to set for <code>selection</code>
+     *
+     */
+    changeSelection(selection: any): 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>;
+    /**
+     * Gets the value of <code>separatorPadding</code> property.
+     * The padding around the vertical divider that seperates collections of tabs.
+     * @return The value of <code>separatorPadding</code> property.
+     *
+     */
+    getSeparatorPadding(): Promise<string>;
+    /**
+     * Gets the value of <code>staticTabs</code> property.
+     * An array of static tabs
+     * @return The value of <code>staticTabs</code> property.
+     *
+     */
+    getStaticTabs(): Promise<Array<StaticTabs>>;
+    /**
+     * Gets the value of <code>staticTabsDisplay</code> property.
+     * The display configuration for static tabs.
+     * @return The value of <code>staticTabsDisplay</code> property.
+     *
+     */
+    getStaticTabsDisplay(): Promise<string>;
+}
+export interface DynamicTabs {
+    /**
+     *
+     */
+    badge: number;
+    /**
+     *
+     */
+    icon: object;
+    /**
+     *
+     */
+    itemKey: any;
+    /**
+     *
+     */
+    label: string;
+    /**
+     *
+     */
+    tabPanelId: string;
+}
+export interface StaticTabs {
+    /**
+     *
+     */
+    badge: number;
+    /**
+     *
+     */
+    icon: object;
+    /**
+     *
+     */
+    itemKey: any;
+    /**
+     *
+     */
+    label: string;
+    /**
+     *
+     */
+    tabPanelId: string;
+}

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

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBarMixedWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-tab-bar-mixed WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, TabBarMixedWebElement.ts.
+ */
+class TabBarMixedWebElementBase extends elements_1.OjWebElement {
+    /**
+     * Gets the value of <code>dynamicTabs</code> property.
+     * An array of dynamic tabs
+     * @return The value of <code>dynamicTabs</code> property.
+     *
+     */
+    getDynamicTabs() {
+        return this.getProperty('dynamicTabs');
+    }
+    /**
+     * Gets the value of <code>dynamicTabsOverflow</code> property.
+     * Dynamic tabs overflow configurations
+     * @return The value of <code>dynamicTabsOverflow</code> property.
+     *
+     */
+    getDynamicTabsOverflow() {
+        return this.getProperty('dynamicTabsOverflow');
+    }
+    /**
+     * Gets the value of <code>dynamicTabsOverflowIcon</code> property.
+     * The icon used on the overflow tab
+     * @return The value of <code>dynamicTabsOverflowIcon</code> property.
+     *
+     */
+    getDynamicTabsOverflowIcon() {
+        return this.getProperty('dynamicTabsOverflowIcon');
+    }
+    /**
+     * Gets the value of <code>size</code> property.
+     * Size of TabBarMixed
+     * @return The value of <code>size</code> property.
+     *
+     */
+    getSizeProperty() {
+        return this.getProperty('size');
+    }
+    /**
+     * Sets the value of <code>selection</code> property.
+     * The key of the selected tab
+     * @param selection The value to set for <code>selection</code>
+     *
+     */
+    changeSelection(selection) {
+        return this.setProperty('selection', selection);
+    }
+    /**
+     * Gets the value of <code>selection</code> property.
+     * The key of the selected tab
+     * @return The value of <code>selection</code> property.
+     *
+     */
+    getSelection() {
+        return this.getProperty('selection');
+    }
+    /**
+     * Gets the value of <code>separatorPadding</code> property.
+     * The padding around the vertical divider that seperates collections of tabs.
+     * @return The value of <code>separatorPadding</code> property.
+     *
+     */
+    getSeparatorPadding() {
+        return this.getProperty('separatorPadding');
+    }
+    /**
+     * Gets the value of <code>staticTabs</code> property.
+     * An array of static tabs
+     * @return The value of <code>staticTabs</code> property.
+     *
+     */
+    getStaticTabs() {
+        return this.getProperty('staticTabs');
+    }
+    /**
+     * Gets the value of <code>staticTabsDisplay</code> property.
+     * The display configuration for static tabs.
+     * @return The value of <code>staticTabsDisplay</code> property.
+     *
+     */
+    getStaticTabsDisplay() {
+        return this.getProperty('staticTabsDisplay');
+    }
+}
+exports.TabBarMixedWebElementBase = TabBarMixedWebElementBase;
+//# sourceMappingURL=TabBarMixedWebElementBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarMixedWebElementBase.js","sourceRoot":"","sources":["TabBarMixedWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,yBAA0B,SAAQ,uBAAY;IACzD;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAqB,aAAa,CAAC,CAAC;IAC7D,CAAC;IAED;;;;;OAKG;IACI,sBAAsB;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAS,qBAAqB,CAAC,CAAC;IACzD,CAAC;IAED;;;;;OAKG;IACI,0BAA0B;QAC/B,OAAO,IAAI,CAAC,WAAW,CAAS,yBAAyB,CAAC,CAAC;IAC7D,CAAC;IAED;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,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,mBAAmB;QACxB,OAAO,IAAI,CAAC,WAAW,CAAS,kBAAkB,CAAC,CAAC;IACtD,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAoB,YAAY,CAAC,CAAC;IAC3D,CAAC;IAED;;;;;OAKG;IACI,oBAAoB;QACzB,OAAO,IAAI,CAAC,WAAW,CAAS,mBAAmB,CAAC,CAAC;IACvD,CAAC;CACF;AA1FD,8DA0FC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-tab-bar-mixed 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, TabBarMixedWebElement.ts.\n */\nexport class TabBarMixedWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>dynamicTabs</code> property.\n   * An array of dynamic tabs\n   * @return The value of <code>dynamicTabs</code> property.\n   *\n   */\n  public getDynamicTabs(): Promise<Array<DynamicTabs>> {\n    return this.getProperty<Array<DynamicTabs>>('dynamicTabs');\n  }\n\n  /**\n   * Gets the value of <code>dynamicTabsOverflow</code> property.\n   * Dynamic tabs overflow configurations\n   * @return The value of <code>dynamicTabsOverflow</code> property.\n   *\n   */\n  public getDynamicTabsOverflow(): Promise<string> {\n    return this.getProperty<string>('dynamicTabsOverflow');\n  }\n\n  /**\n   * Gets the value of <code>dynamicTabsOverflowIcon</code> property.\n   * The icon used on the overflow tab\n   * @return The value of <code>dynamicTabsOverflowIcon</code> property.\n   *\n   */\n  public getDynamicTabsOverflowIcon(): Promise<object> {\n    return this.getProperty<object>('dynamicTabsOverflowIcon');\n  }\n\n  /**\n   * Gets the value of <code>size</code> property.\n   * Size of TabBarMixed\n   * @return The value of <code>size</code> property.\n   *\n   */\n  public getSizeProperty(): Promise<string> {\n    return this.getProperty<string>('size');\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>separatorPadding</code> property.\n   * The padding around the vertical divider that seperates collections of tabs.\n   * @return The value of <code>separatorPadding</code> property.\n   *\n   */\n  public getSeparatorPadding(): Promise<string> {\n    return this.getProperty<string>('separatorPadding');\n  }\n\n  /**\n   * Gets the value of <code>staticTabs</code> property.\n   * An array of static tabs\n   * @return The value of <code>staticTabs</code> property.\n   *\n   */\n  public getStaticTabs(): Promise<Array<StaticTabs>> {\n    return this.getProperty<Array<StaticTabs>>('staticTabs');\n  }\n\n  /**\n   * Gets the value of <code>staticTabsDisplay</code> property.\n   * The display configuration for static tabs.\n   * @return The value of <code>staticTabsDisplay</code> property.\n   *\n   */\n  public getStaticTabsDisplay(): Promise<string> {\n    return this.getProperty<string>('staticTabsDisplay');\n  }\n}\nexport interface DynamicTabs {\n  /**\n   *\n   */\n  badge: number;\n  /**\n   *\n   */\n  icon: object;\n  /**\n   *\n   */\n  itemKey: any;\n  /**\n   *\n   */\n  label: string;\n  /**\n   *\n   */\n  tabPanelId: string;\n}\nexport interface StaticTabs {\n  /**\n   *\n   */\n  badge: number;\n  /**\n   *\n   */\n  icon: object;\n  /**\n   *\n   */\n  itemKey: any;\n  /**\n   *\n   */\n  label: string;\n  /**\n   *\n   */\n  tabPanelId: string;\n}\n"]}

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

@@ -0,0 +1,17 @@
+import { By } from 'selenium-webdriver';
+import { DriverLike } from '@oracle/oraclejet-webdriver';
+import { TabBarMixedWebElement } from './TabBarMixedWebElement';
+export { TabBarMixedWebElement };
+/**
+ * Retrieve an instance of [TabBarMixedWebElement](../classes/TabBarMixedWebElement.html).
+ * @example
+ * ```javascript
+ * import { findTabBarMixed } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findTabBarMixed(driver, By.id('my-oj-c-tab-bar-mixed'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+export declare function findTabBarMixed(driver: DriverLike, by: By): Promise<TabBarMixedWebElement>;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findTabBarMixed = exports.TabBarMixedWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var TabBarMixedWebElement_1 = require("./TabBarMixedWebElement");
+Object.defineProperty(exports, "TabBarMixedWebElement", { enumerable: true, get: function () { return TabBarMixedWebElement_1.TabBarMixedWebElement; } });
+/**
+ * Retrieve an instance of [TabBarMixedWebElement](../classes/TabBarMixedWebElement.html).
+ * @example
+ * ```javascript
+ * import { findTabBarMixed } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findTabBarMixed(driver, By.id('my-oj-c-tab-bar-mixed'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+async function findTabBarMixed(driver, by) {
+    const webEl = await driver.findElement(by);
+    // Check that the element is of type TabBarMixedWebElement
+    if (!(webEl instanceof TabBarMixedWebElement_1.TabBarMixedWebElement)) {
+        const tagName = await webEl.getTagName();
+        let supplemental = '';
+        if (webEl.constructor.name === 'TabBarMixedWebElement') {
+            supplemental = 'You likely have multiple installations of this package.';
+        }
+        throw Error(`findTabBarMixed(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${TabBarMixedWebElement_1.TabBarMixedWebElement.name}. ${supplemental}`);
+    }
+    return webEl;
+}
+exports.findTabBarMixed = findTabBarMixed;
+(0, oraclejet_webdriver_1.register)('oj-c-tab-bar-mixed', TabBarMixedWebElement_1.TabBarMixedWebElement);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,iEAAgE;AACvD,sGADA,6CAAqB,OACA;AAE9B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,eAAe,CAAC,MAAkB,EAAE,EAAM;IAC9D,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,0DAA0D;IAC1D,IAAI,CAAC,CAAC,KAAK,YAAY,6CAAqB,CAAC,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,uBAAuB,EAAE,CAAC;YACvD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,mBAAmB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,6CAAqB,CAAC,IAAI,KAAK,YAAY,EAAE,CACzI,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAdD,0CAcC;AAED,IAAA,8BAAQ,EAAC,oBAAoB,EAAE,6CAAqB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { TabBarMixedWebElement } from './TabBarMixedWebElement';\nexport { TabBarMixedWebElement };\n\n/**\n * Retrieve an instance of [TabBarMixedWebElement](../classes/TabBarMixedWebElement.html).\n * @example\n * ```javascript\n * import { findTabBarMixed } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findTabBarMixed(driver, By.id('my-oj-c-tab-bar-mixed'));\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 findTabBarMixed(driver: DriverLike, by: By): Promise<TabBarMixedWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type TabBarMixedWebElement\n  if (!(webEl instanceof TabBarMixedWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'TabBarMixedWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findTabBarMixed(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${TabBarMixedWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-tab-bar-mixed', TabBarMixedWebElement);\n"]}