@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

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

@@ -1,7 +1,7 @@
 {
   "name": "split-menu-button",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -13,6 +13,12 @@
   "displayName": "Split Menu Button",
   "help": "oj-c.SplitMenuButton.html",
   "main": "oj-c/split-menu-button",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Controls"
@@ -25,6 +31,9 @@
       "uxSpecs": [
         "menu-button"
       ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/SplitMenuButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -32,10 +41,12 @@
       "propertyGroup": "common",
       "items": [
         "label",
-        "disabled",
-        "width",
+        "tooltip",
+        "display",
         "chroming",
         "size",
+        "width",
+        "disabled",
         "items"
       ]
     }
@@ -47,34 +58,140 @@
       "description": "Text to show in the button.",
       "displayName": "label",
       "help": "#label",
+      "required": true,
       "translatable": true,
       "value": ""
     },
     "items": {
       "type": "Array<object>",
       "description": "Items describe the menu items rendered by the menu button.",
-      "displayName": "items",
       "help": "#items",
+      "extension": {
+        "vbdt": {
+          "itemProperties": {
+            "type": {
+              "description": "Specifies the type of the menu item.",
+              "type": "string",
+              "status": [
+                {
+                  "type": "deprecated",
+                  "target": "propertyValue",
+                  "since": "17.0.0",
+                  "value": [
+                    "divider"
+                  ],
+                  "description": "Use 'separator' instead."
+                }
+              ],
+              "enumValues": [
+                "item",
+                "separator",
+                "divider"
+              ],
+              "propertyEditorValues": {
+                "item": {
+                  "description": "A selectable menu item that triggers an action."
+                },
+                "separator": {
+                  "description": "A non-selectable menu item that visibly separates menu items (no other properties apply)."
+                },
+                "divider": {
+                  "description": "A divider that visibly separates menu items (deprecated)."
+                }
+              }
+            },
+            "label": {
+              "description": "Specifies the text to show for the menu item.",
+              "type": "string",
+              "required": true,
+              "translatable": true
+            },
+            "key": {
+              "description": "Specifes a key value associated with the menu item.",
+              "type": "string"
+            },
+            "disabled": {
+              "description": "Specifies whether the menu item should be disabled.",
+              "type": "boolean"
+            },
+            "onAction": {
+              "description": "A callback function invoked when the menu item is selected.",
+              "type": "function"
+            },
+            "startIcon": {
+              "description": "Specifies an icon to show at the start position of the menu item.",
+              "type": "object",
+              "properties": {
+                "type": {
+                  "type": "string",
+                  "enumValues": [
+                    "class",
+                    "img"
+                  ]
+                },
+                "class": {
+                  "type": "string"
+                },
+                "src": {
+                  "type": "string"
+                }
+              }
+            },
+            "endIcon": {
+              "description": "Specifies an icon to show at the end position of the menu item.",
+              "type": "object",
+              "properties": {
+                "type": {
+                  "type": "string",
+                  "enumValues": [
+                    "class",
+                    "img"
+                  ]
+                },
+                "class": {
+                  "type": "string"
+                },
+                "src": {
+                  "type": "string"
+                }
+              }
+            },
+            "variant": {
+              "description": "Specifies styling for the menu item based upon its associated action.",
+              "type": "string",
+              "enumValues": [
+                "standard",
+                "destructive"
+              ],
+              "propertyEditorValues": {
+                "standard": {
+                  "description": "Styling for a standard menu item"
+                },
+                "destructive": {
+                  "description": "Styling for a menu item associated with a non-reversible action"
+                }
+              }
+            }
+          }
+        }
+      },
       "value": []
     },
     "tooltip": {
       "type": "string",
       "description": "Text to show in the tooltip.",
-      "displayName": "tooltip",
       "help": "#tooltip",
       "translatable": true
     },
     "disabled": {
       "type": "boolean",
       "description": "Specifies that the button element should be disabled.",
-      "displayName": "disabled",
       "help": "#disabled",
       "value": false
     },
     "size": {
       "type": "string",
       "description": "Size of button",
-      "displayName": "size",
       "help": "#size",
       "propertyEditorValues": {
         "sm": {
@@ -90,7 +207,6 @@
           "displayName": "Large"
         }
       },
-      "translatable": true,
       "enumValues": [
         "sm",
         "md",
@@ -101,13 +217,11 @@
     "width": {
       "type": "number|string",
       "description": "Specifies that the button style width",
-      "displayName": "width",
       "help": "#width"
     },
     "chroming": {
       "type": "string",
       "description": "Indicates in what states the button has chromings in background and border.",
-      "displayName": "chroming",
       "help": "#chroming",
       "propertyEditorValues": {
         "outlined": {
@@ -136,7 +250,6 @@
       "bubbles": true,
       "description": "Triggered when a menu item is clicked, whether by keyboard, mouse, or touch events. Detail indicates which menu item was clicked.",
       "eventGroup": "common",
-      "displayName": "onOjMenuAction",
       "help": "#event:ojMenuAction",
       "detail": {
         "key": {
@@ -148,7 +261,6 @@
       "bubbles": true,
       "description": "Triggered when a button is clicked, whether by keyboard, mouse, or touch events. To meet accessibility requirements, the only supported way to react to the click of a button is to listen for this event.",
       "eventGroup": "common",
-      "displayName": "onOjAction",
       "help": "#event:action"
     }
   },

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

@@ -4,7 +4,7 @@ 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/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) {
+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) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SplitMenuButton = void 0;
@@ -13,9 +13,8 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             super(...arguments);
             this.buttonRef = (0, preact_1.createRef)();
         }
-        render(props) {
-            const { chroming, label, disabled, size, items, tooltip, onOjMenuAction, 'aria-describedby': ariaDescribedBy, onOjAction: onAction } = { ...props };
-            const widthSize = props.width ? { width: props.width } : {};
+        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() {

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

@@ -1,4 +1,4 @@
-define(["require", "exports", "./split-menu-button/split-menu-button"], function (require, exports, split_menu_button_1) {
+define(["require", "exports", "oj-c/split-menu-button/split-menu-button"], function (require, exports, split_menu_button_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SplitMenuButton = void 0;

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

@@ -0,0 +1,41 @@
+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;
+    const badgeRenderer = (badgeValue, display) => {
+        if (badgeValue != null) {
+            let modifiedBadge = '';
+            if (display === 'stacked' || display === 'icons') {
+                modifiedBadge = badgeValue > 99 ? '99+' : badgeValue.toString();
+            }
+            else {
+                modifiedBadge = badgeValue > 999 ? '999+' : badgeValue.toString();
+            }
+            return modifiedBadge;
+        }
+        else
+            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 }));
+    };
+    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 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
+                    ? 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)) }));
+    }
+    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 });
+    }
+    exports.OverflowTabBarRenderer = OverflowTabBarRenderer;
+});

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

@@ -0,0 +1,54 @@
+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;
+    function DataTabBar(props) {
+        const { onRemove, onReorder, onSelect, selection, data = [], display, layout, edge, overflow, reorderable, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const tabBarRef = (0, preact_1.createRef)();
+        const handleSelect = (event) => {
+            if (event.value && onSelect) {
+                onSelect(event);
+            }
+        };
+        const conveyorRenderer = () => {
+            return ((0, jsx_runtime_1.jsx)(UNSAFE_ConveyorBelt_1.ConveyorBelt, { children: (0, ContentRenderer_1.TabBarRenderer)({
+                    onRemove,
+                    selection,
+                    layout,
+                    display,
+                    edge,
+                    'aria-label': ariaLabel,
+                    'aria-labelledby': ariaLabelledby,
+                    data,
+                    reorderable,
+                    onReorder
+                }, handleSelect, tabBarRef) }));
+        };
+        return overflow === 'popup'
+            ? (0, ContentRenderer_1.OverflowTabBarRenderer)({
+                selection,
+                onRemove,
+                data,
+                layout,
+                display,
+                edge,
+                'aria-label': ariaLabel,
+                'aria-labelledby': ariaLabelledby
+            }, handleSelect)
+            : overflow === 'conveyor'
+                ? conveyorRenderer()
+                : (0, ContentRenderer_1.TabBarRenderer)({
+                    onRemove,
+                    selection,
+                    layout,
+                    display,
+                    edge,
+                    'aria-label': ariaLabel,
+                    'aria-labelledby': ariaLabelledby,
+                    data,
+                    reorderable,
+                    onReorder
+                }, handleSelect, tabBarRef);
+    }
+    exports.DataTabBar = DataTabBar;
+});

package/oj-c/tab-bar/DataTabBar.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/DataTabBarIcon.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.DataTabBarIcon = void 0;
+    function DataTabBarIcon(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.DataTabBarIcon = DataTabBarIcon;
+});

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

@@ -0,0 +1,8 @@
+import { TabBarWebElementBase } from './TabBarWebElementBase';
+/**
+ * The component WebElement for [oj-c-tab-bar](../../../oj-c/docs/oj.TabBar.html).
+ * Do not instantiate this class directly, instead, use
+ * [findTabBar](../functions/findTabBar.html).
+ */
+export declare class TabBarWebElement extends TabBarWebElementBase {
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBarWebElement = void 0;
+var 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
+ * [findTabBar](../functions/findTabBar.html).
+ */
+class TabBarWebElement extends TabBarWebElementBase_1.TabBarWebElementBase {
+}
+exports.TabBarWebElement = TabBarWebElement;
+//# sourceMappingURL=TabBarWebElement.js.map

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

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

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

@@ -0,0 +1,65 @@
+import { OjWebElement } from '@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
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, TabBarWebElement.ts.
+ */
+export declare class TabBarWebElementBase extends OjWebElement {
+    /**
+     * Gets the value of <code>data</code> property.
+     * An array of tabs
+     * @return The value of <code>data</code> property.
+     *
+     */
+    getData(): Promise<Array<object>>;
+    /**
+     * 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>reorderable</code> property.
+     * The reorderable configuration for tabs.
+     * @return The value of <code>reorderable</code> property.
+     *
+     */
+    getReorderable(): Promise<string>;
+    /**
+     * Gets the value of <code>overflow</code> property.
+     * Specifies the overflow behavior.
+     * @return The value of <code>overflow</code> property.
+     *
+     */
+    getOverflow(): Promise<string>;
+    /**
+     * Gets the value of <code>display</code> property.
+     * The display configuration for tabs.
+     * @return The value of <code>display</code> property.
+     *
+     */
+    getDisplay(): Promise<string>;
+    /**
+     * Gets the value of <code>layout</code> property.
+     * The layout configuration for tabs.
+     * @return The value of <code>layout</code> property.
+     *
+     */
+    getLayout(): Promise<string>;
+    /**
+     * Gets the value of <code>edge</code> property.
+     * The edge configuration for tabs.
+     * @return The value of <code>edge</code> property.
+     *
+     */
+    getEdge(): Promise<string>;
+}

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBarWebElementBase = void 0;
+var 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
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, TabBarWebElement.ts.
+ */
+class TabBarWebElementBase extends elements_1.OjWebElement {
+    /**
+     * Gets the value of <code>data</code> property.
+     * An array of tabs
+     * @return The value of <code>data</code> property.
+     *
+     */
+    getData() {
+        return this.getProperty('data');
+    }
+    /**
+     * 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>reorderable</code> property.
+     * The reorderable configuration for tabs.
+     * @return The value of <code>reorderable</code> property.
+     *
+     */
+    getReorderable() {
+        return this.getProperty('reorderable');
+    }
+    /**
+     * Gets the value of <code>overflow</code> property.
+     * Specifies the overflow behavior.
+     * @return The value of <code>overflow</code> property.
+     *
+     */
+    getOverflow() {
+        return this.getProperty('overflow');
+    }
+    /**
+     * Gets the value of <code>display</code> property.
+     * The display configuration for tabs.
+     * @return The value of <code>display</code> property.
+     *
+     */
+    getDisplay() {
+        return this.getProperty('display');
+    }
+    /**
+     * Gets the value of <code>layout</code> property.
+     * The layout configuration for tabs.
+     * @return The value of <code>layout</code> property.
+     *
+     */
+    getLayout() {
+        return this.getProperty('layout');
+    }
+    /**
+     * Gets the value of <code>edge</code> property.
+     * The edge configuration for tabs.
+     * @return The value of <code>edge</code> property.
+     *
+     */
+    getEdge() {
+        return this.getProperty('edge');
+    }
+}
+exports.TabBarWebElementBase = TabBarWebElementBase;
+//# sourceMappingURL=TabBarWebElementBase.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { By } from 'selenium-webdriver';
+import { DriverLike } from '@oracle/oraclejet-webdriver';
+import { TabBarWebElement } from './TabBarWebElement';
+export { TabBarWebElement };
+/**
+ * Retrieve an instance of [TabBarWebElement](../classes/TabBarWebElement.html).
+ * @example
+ * ```javascript
+ * import { findTabBar } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findTabBar(driver, By.id('my-oj-c-tab-bar'));
+ * ```
+ * @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 findTabBar(driver: DriverLike, by: By): Promise<TabBarWebElement>;

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

@@ -0,0 +1,34 @@
+"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");
+Object.defineProperty(exports, "TabBarWebElement", { enumerable: true, get: function () { return TabBarWebElement_1.TabBarWebElement; } });
+/**
+ * Retrieve an instance of [TabBarWebElement](../classes/TabBarWebElement.html).
+ * @example
+ * ```javascript
+ * import { findTabBar } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findTabBar(driver, By.id('my-oj-c-tab-bar'));
+ * ```
+ * @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 findTabBar(driver, by) {
+    const webEl = await driver.findElement(by);
+    // Check that the element is of type TabBarWebElement
+    if (!(webEl instanceof TabBarWebElement_1.TabBarWebElement)) {
+        const tagName = await webEl.getTagName();
+        let supplemental = '';
+        if (webEl.constructor.name === 'TabBarWebElement') {
+            supplemental = 'You likely have multiple installations of this package.';
+        }
+        throw Error(`findTabBar(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${TabBarWebElement_1.TabBarWebElement.name}. ${supplemental}`);
+    }
+    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

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