@oracle/oraclejet-core-pack 14.0.0

package/oj-c/select-single/useSelectSinglePreact.js

@@ -0,0 +1,157 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "oj-c/editable-value/utils/utils", "oj-c/hooks/UNSAFE_useListData/useListData", "oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners", "oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider", "oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState", "oj-c/select-common/utils/utils", "ojs/ojdataprovider", "preact/hooks", "./useSyncValueAndValueItem", "./useValueItem"], function (require, exports, useEditableValue_1, useValidators_1, utils_1, useListData_1, useDataProviderListeners_1, useWrapDataProvider_1, useWrapValueState_1, utils_2, ojdataprovider_1, hooks_1, useSyncValueAndValueItem_1, useValueItem_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSelectSinglePreact = void 0;
+    function useSelectSinglePreact(_a, addBusyState) {
+        var { data: propData, disabled, displayOptions, itemText, labelEdge, labelHint, labelStartWidth, messagesCustom, placeholder, readonly, required, textAlign, userAssistanceDensity, value: propValue, valueItem: propValueItem, virtualKeyboard, onMessagesCustomChanged, onOjValueAction, onValidChanged, onValueChanged, onValueItemChanged } = _a, otherProps = __rest(_a, ["data", "disabled", "displayOptions", "itemText", "labelEdge", "labelHint", "labelStartWidth", "messagesCustom", "placeholder", "readonly", "required", "textAlign", "userAssistanceDensity", "value", "valueItem", "virtualKeyboard", "onMessagesCustomChanged", "onOjValueAction", "onValidChanged", "onValueChanged", "onValueItemChanged"]);
+        const [filterCriterion, setFilterCriterion] = (0, hooks_1.useState)(undefined);
+        const [isLoading, setIsLoading] = (0, hooks_1.useState)(false);
+        const { valueItem, setValueItem } = (0, useValueItem_1.useValueItem)(propValueItem, onValueItemChanged);
+        const [preactValueItem, setPreactValueItem] = (0, hooks_1.useState)(valueItem);
+        (0, hooks_1.useEffect)(() => {
+            setPreactValueItem(valueItem);
+        }, [valueItem]);
+        const { wrapValueState } = (0, useWrapValueState_1.useWrapValueState)({
+            arItemContexts: valueItem,
+            isLoading,
+            preactValueItems: preactValueItem,
+            setPreactValueItems: setPreactValueItem
+        });
+        const { methods, onCommitValue, setValue, textFieldProps, value } = (0, useEditableValue_1.useEditableValue)({
+            ariaDescribedBy: otherProps['aria-describedby'],
+            displayOptions,
+            messagesCustom,
+            required,
+            value: propValue,
+            addBusyState,
+            onMessagesCustomChanged,
+            onValidChanged,
+            onValueChanged,
+            wrapValueState
+        });
+        const { ariaDescribedBy, messages } = textFieldProps;
+        const hasNoValue = value === null;
+        const dataProvider = (0, useWrapDataProvider_1.useWrapDataProvider)(propData);
+        const [valueToSync, setValueToSync] = (0, hooks_1.useState)(value);
+        const [valueItemToSync, setValueItemToSync] = (0, hooks_1.useState)(valueItem);
+        (0, hooks_1.useEffect)(() => {
+            setValueToSync(value);
+        }, [value]);
+        (0, hooks_1.useEffect)(() => {
+            setValueItemToSync(valueItem);
+        }, [valueItem]);
+        (0, useDataProviderListeners_1.useDataProviderListeners)({
+            dataProvider,
+            setValue,
+            setValueToSync,
+            setValueItemsToSync: setValueItemToSync,
+            value,
+            valueItems: valueItem
+        });
+        (0, useSyncValueAndValueItem_1.useSyncValueAndValueItem)({
+            addBusyState,
+            dataProvider: dataProvider,
+            setIsLoading,
+            setValue,
+            setValueItem,
+            value: valueToSync,
+            valueItem: valueItemToSync
+        });
+        const [listDataState, onLoadRange] = (0, useListData_1.useListData)(dataProvider, {
+            filterCriterion,
+            initialRowsFetched: 0
+        });
+        const onCommit = (0, hooks_1.useCallback)(({ previousValue, value }) => __awaiter(this, void 0, void 0, function* () {
+            const validationResult = yield onCommitValue(value != null ? value : utils_2.DEFAULT_VALUE);
+            if (validationResult === useValidators_1.ValidationResult.INVALID) {
+                setPreactValueItem(undefined);
+            }
+            else if (validationResult === useValidators_1.ValidationResult.VALID && listDataState.status === 'success') {
+                if (value == null) {
+                    onOjValueAction === null || onOjValueAction === void 0 ? void 0 : onOjValueAction({
+                        itemContext: utils_2.DEFAULT_ITEM_CONTEXT,
+                        previousValue: previousValue !== null && previousValue !== void 0 ? previousValue : utils_2.DEFAULT_VALUE,
+                        value: utils_2.DEFAULT_VALUE
+                    });
+                }
+                else if (value === (valueItem === null || valueItem === void 0 ? void 0 : valueItem.key)) {
+                    onOjValueAction === null || onOjValueAction === void 0 ? void 0 : onOjValueAction({
+                        itemContext: valueItem,
+                        previousValue: previousValue !== null && previousValue !== void 0 ? previousValue : utils_2.DEFAULT_VALUE,
+                        value
+                    });
+                }
+                else {
+                    const data = listDataState.data.data;
+                    let item = data.find((item) => item.metadata.key === value);
+                    if (item === undefined) {
+                        const fetchResults = yield dataProvider.fetchByKeys({ keys: new Set([value]) });
+                        item = fetchResults.results.get(value);
+                    }
+                    const itemContext = {
+                        data: item.data,
+                        key: item.metadata.key,
+                        metadata: item.metadata
+                    };
+                    onOjValueAction === null || onOjValueAction === void 0 ? void 0 : onOjValueAction({
+                        itemContext: itemContext,
+                        previousValue: previousValue !== null && previousValue !== void 0 ? previousValue : utils_2.DEFAULT_VALUE,
+                        value: value !== null && value !== void 0 ? value : utils_2.DEFAULT_VALUE
+                    });
+                }
+            }
+        }), [dataProvider, listDataState, valueItem, onCommitValue, onOjValueAction]);
+        const onFilter = (0, hooks_1.useCallback)(({ searchText }) => {
+            const fc = searchText && searchText.length > 0
+                ? ojdataprovider_1.FilterFactory.getFilter({ filterDef: { text: searchText } })
+                : undefined;
+            setFilterCriterion(fc);
+        }, []);
+        return {
+            methods,
+            selectSingleProps: {
+                ariaDescribedBy,
+                data: listDataState.data,
+                isDisabled: disabled,
+                isLoading,
+                isReadonly: readonly,
+                isRequired: required,
+                isRequiredShown: required && hasNoValue,
+                itemText,
+                label: labelHint,
+                labelEdge,
+                labelStartWidth,
+                messages,
+                onCommit,
+                onFilter,
+                onLoadRange,
+                placeholder,
+                textAlign,
+                userAssistanceDensity,
+                valueItem: (0, utils_1.treatNull)(preactValueItem, undefined),
+                virtualKeyboard
+            }
+        };
+    }
+    exports.useSelectSinglePreact = useSelectSinglePreact;
+});

package/oj-c/select-single/useSyncValueAndValueItem.js

@@ -0,0 +1,110 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+define(["require", "exports", "@oracle/oraclejet-preact/utils/UNSAFE_logger", "oj-c/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity", "oj-c/select-common/utils/utils", "preact/hooks"], function (require, exports, UNSAFE_logger_1, useStaleIdentity_1, utils_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSyncValueAndValueItem = void 0;
+    function useSyncValueAndValueItem({ addBusyState, dataProvider, setIsLoading, setValue, setValueItem, value, valueItem }) {
+        const prevValueRef = (0, hooks_1.useRef)(value);
+        const prevValueItemsRef = (0, hooks_1.useRef)(valueItem);
+        const { setStaleIdentity } = (0, useStaleIdentity_1.useStaleIdentity)();
+        const hasValue = value != null;
+        const hasValueItem = valueItem != null;
+        const syncValueItemToValue = (0, hooks_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
+            if (!hasValue) {
+                if (hasValueItem) {
+                    setValueItem(utils_1.DEFAULT_VALUE_ITEM);
+                }
+                return;
+            }
+            if (value != null && valueItem != null && valueItem.key === value) {
+                setValueItem(Object.assign({}, valueItem));
+                return;
+            }
+            if (!dataProvider) {
+                return;
+            }
+            setIsLoading(true);
+            const resolveBusyState = addBusyState('useSyncValueItem: calling fetchByKeys');
+            const { isStale } = setStaleIdentity('useSyncValueItem:fetchByKeys');
+            try {
+                const fetchResults = yield dataProvider.fetchByKeys({ keys: new Set([value]) });
+                if (!isStale()) {
+                    const newValueItems = handleFetchByKeysResults(value, valueItem, fetchResults.results);
+                    setValueItem(newValueItems);
+                }
+            }
+            catch (reason) {
+                if (!isStale()) {
+                    UNSAFE_logger_1.Logger.error(`SelectMultiple: fetchByKeys promise rejected: ${reason}`);
+                }
+            }
+            if (!isStale()) {
+                setIsLoading(false);
+            }
+            resolveBusyState();
+        }), [dataProvider, hasValue, hasValueItem, value, valueItem]);
+        const syncValueToValueItem = (0, hooks_1.useCallback)(() => {
+            if (!hasValueItem) {
+                if (hasValue) {
+                    setValue(utils_1.DEFAULT_VALUE);
+                }
+                return;
+            }
+            if (valueItem.key !== value) {
+                setValue(valueItem.key);
+                return;
+            }
+        }, [hasValue, hasValueItem, value, valueItem]);
+        (0, hooks_1.useEffect)(() => {
+            if (hasValue) {
+                syncValueItemToValue();
+            }
+            else if (hasValueItem) {
+                syncValueToValueItem();
+            }
+        }, []);
+        (0, hooks_1.useEffect)(() => {
+            if (value !== prevValueRef.current && valueItem !== prevValueItemsRef.current) {
+                prevValueRef.current = value;
+                prevValueItemsRef.current = valueItem;
+                if (value) {
+                    syncValueItemToValue();
+                }
+                else {
+                    syncValueToValueItem();
+                }
+            }
+            else if (value !== prevValueRef.current) {
+                prevValueRef.current = value;
+                syncValueItemToValue();
+            }
+            else if (valueItem !== prevValueItemsRef.current) {
+                prevValueItemsRef.current = valueItem;
+                syncValueToValueItem();
+            }
+        }, [value, valueItem]);
+    }
+    exports.useSyncValueAndValueItem = useSyncValueAndValueItem;
+    function handleFetchByKeysResults(value, valueItem, fetchByKeysResults) {
+        if (valueItem && valueItem.key === value) {
+            return valueItem;
+        }
+        const item = fetchByKeysResults.get(value);
+        if (!item) {
+            throw new Error(`oj-c-select-single: could not fetch data for key ${value}`);
+        }
+        return {
+            key: value,
+            data: item.data,
+            metadata: item.metadata ? item.metadata : { key: value }
+        };
+    }
+});

package/oj-c/select-single/useValueItem.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useUncontrolledState", "preact/hooks"], function (require, exports, UNSAFE_useUncontrolledState_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useValueItem = void 0;
+    function useValueItem(propValueItem, onValueItemsChanged) {
+        const [valueItem, setValueItem] = (0, UNSAFE_useUncontrolledState_1.useUncontrolledState)(propValueItem, onValueItemsChanged);
+        (0, hooks_1.useEffect)(() => {
+            if (valueItem !== propValueItem) {
+                setValueItem(propValueItem);
+            }
+        }, [propValueItem]);
+        return {
+            valueItem,
+            setValueItem
+        };
+    }
+    exports.useValueItem = useValueItem;
+});

package/oj-c/select-single.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./select-single/select-single"], function (require, exports, select_single_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SelectSingle = void 0;
+    Object.defineProperty(exports, "SelectSingle", { enumerable: true, get: function () { return select_single_1.SelectSingle; } });
+});

package/oj-c/split-menu-button/__dev__/split-menu-button.doc.mdx

@@ -0,0 +1,32 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import 'oj-c/split-menu-button';
+
+<Meta title="SplitMenuButton" component="oj-c-split-menu-button" />
+
+# Split Menu Button
+
+The `oj-c-split-menu-button` component combines an action button and menu button.
+
+## Import
+
+```js
+//To typecheck the element APIs, import as below.
+import { CSplitMenuButtonElement } from 'oj-c/split-menu-button';
+
+//For the transpiled javascript to load the element's module, import as below
+import 'oj-c/split-menu-button';
+```
+
+## Usage
+
+Here's how to implement a basic `oj-c-split-menu-button`.
+
+<Canvas>
+  <Story id="controls-splitmenubutton--basic" name="Basic" height={350} />
+</Canvas>
+
+## Props
+
+Here are the properties for `oj-c-split-menu-button`. To try these, switch to canvas.
+
+<ArgsTable of="oj-c-split-menu-button" />

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

@@ -0,0 +1,17 @@
+define(["require", "exports", "preact/jsx-runtime", "@jest/globals", "@testing-library/preact", "../split-menu-button"], function (require, exports, jsx_runtime_1, globals_1, preact_1, split_menu_button_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    (0, globals_1.describe)('oj-c Split Menu Button', () => {
+        (0, globals_1.test)('invokes action', (done) => {
+            var _a, _b, _c;
+            function onClick(evt) {
+                (0, globals_1.expect)(evt.target).toEqual(button);
+                done();
+            }
+            const content = (0, preact_1.render)((0, jsx_runtime_1.jsx)(split_menu_button_1.SplitMenuButton, { onOjAction: onClick, label: "Click me" }));
+            const button = (_c = (_b = (_a = content.container.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.firstChild) === null || _c === void 0 ? void 0 : _c.firstChild;
+            button === null || button === void 0 ? void 0 : button.click();
+        });
+        (0, globals_1.afterEach)(preact_1.cleanup);
+    });
+});

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

@@ -0,0 +1,32 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.SplitMenuButtonWebElement = void 0;
+var SplitMenuButtonWebElementBase_1 = require("./SplitMenuButtonWebElementBase");
+/**
+ * The component WebElement for [oj-c-meter-circle](../../../oj-c/docs/oj.MeterCircle.html).
+ * Do not instantiate this class directly, instead, use
+ * [findMeterCircle](../modules.html#findMeterCircle).
+ */
+var SplitMenuButtonWebElement = /** @class */ (function (_super) {
+    __extends(SplitMenuButtonWebElement, _super);
+    function SplitMenuButtonWebElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return SplitMenuButtonWebElement;
+}(SplitMenuButtonWebElementBase_1.SplitMenuButtonWebElementBase));
+exports.SplitMenuButtonWebElement = SplitMenuButtonWebElement;

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

@@ -0,0 +1,87 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.SplitMenuButtonWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-split-menu-button 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, SplitMenuButtonWebElement.ts.
+ */
+var SplitMenuButtonWebElementBase = /** @class */ (function (_super) {
+    __extends(SplitMenuButtonWebElementBase, _super);
+    function SplitMenuButtonWebElementBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Gets the value of <code>label</code> property.
+     * Text to show in the button.
+     * @return The value of <code>label</code> property.
+     *
+     */
+    SplitMenuButtonWebElementBase.prototype.getLabel = function () {
+        return this.getProperty('label');
+    };
+    /**
+     * Gets the value of <code>items</code> property.
+     * Items describe the menu items rendered by the menu button.
+     * @return The value of <code>items</code> property.
+     *
+     */
+    SplitMenuButtonWebElementBase.prototype.getItems = function () {
+        return this.getProperty('items');
+    };
+    /**
+     * Gets the value of <code>disabled</code> property.
+     * Specifies that the button element should be disabled.
+     * @return The value of <code>disabled</code> property.
+     *
+     */
+    SplitMenuButtonWebElementBase.prototype.getDisabled = function () {
+        return this.getProperty('disabled');
+    };
+    /**
+     * Gets the value of <code>size</code> property.
+     * Size of button
+     * @return The value of <code>size</code> property.
+     *
+     */
+    SplitMenuButtonWebElementBase.prototype.getSizeProperty = function () {
+        return this.getProperty('size');
+    };
+    /**
+     * Gets the value of <code>width</code> property.
+     * Specifies that the button style width
+     * @return The value of <code>width</code> property.
+     *
+     */
+    SplitMenuButtonWebElementBase.prototype.getWidth = function () {
+        return this.getProperty('width');
+    };
+    /**
+     * Gets the value of <code>chroming</code> property.
+     * Indicates in what states the button has chromings in background and border.
+     * @return The value of <code>chroming</code> property.
+     *
+     */
+    SplitMenuButtonWebElementBase.prototype.getChroming = function () {
+        return this.getProperty('chroming');
+    };
+    return SplitMenuButtonWebElementBase;
+}(elements_1.OjWebElement));
+exports.SplitMenuButtonWebElementBase = SplitMenuButtonWebElementBase;

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

@@ -0,0 +1,74 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+exports.findSplitMenuButton = exports.SplitMenuButtonWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var SplitMenuButtonWebElement_1 = require("./SplitMenuButtonWebElement");
+exports.SplitMenuButtonWebElement = SplitMenuButtonWebElement_1.SplitMenuButtonWebElement;
+/**
+ * Retrieve an instance of [[SplitMenuButtonWebElement]].
+ * @example
+ * ```javascript
+ * import { findSplitMenuButton } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findSplitMenuButton(driver, By.id('my-oj-c-split-menu-button'));
+ * ```
+ * @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
+ */
+function findSplitMenuButton(driver, by) {
+    return __awaiter(this, void 0, void 0, function () {
+        var webEl, tagName;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, driver.findElement(by)];
+                case 1:
+                    webEl = _a.sent();
+                    if (!!(webEl instanceof SplitMenuButtonWebElement_1.SplitMenuButtonWebElement)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, webEl.getTagName()];
+                case 2:
+                    tagName = _a.sent();
+                    throw Error("findSplitMenuButton(".concat(by, ") created ").concat(webEl.constructor.name, " for <").concat(tagName, ">, but expected ").concat(SplitMenuButtonWebElement_1.SplitMenuButtonWebElement.name));
+                case 3: return [2 /*return*/, webEl];
+            }
+        });
+    });
+}
+exports.findSplitMenuButton = findSplitMenuButton;
+(0, oraclejet_webdriver_1.register)('oj-c-split-menu-button', SplitMenuButtonWebElement_1.SplitMenuButtonWebElement);