@oracle/oraclejet-core-pack 14.0.0

package/oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.js

@@ -0,0 +1,96 @@
+define(["require", "exports", "@oracle/oraclejet-preact/utils/UNSAFE_logger", "preact/hooks", "../utils/utils"], function (require, exports, UNSAFE_logger_1, hooks_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataProviderListeners = void 0;
+    function cloneValue(value) {
+        return value instanceof Set ? new Set(value.values()) : value;
+    }
+    function cloneValueItem(valueItem) {
+        return valueItem instanceof Map ? new Map(valueItem.entries()) : Object.assign({}, valueItem);
+    }
+    function compareValues(value, valueToCompare) {
+        if ((value instanceof Set && valueToCompare instanceof Set) ||
+            (value instanceof Map && valueToCompare instanceof Map)) {
+            return value.size === valueToCompare.size;
+        }
+        if (typeof value === 'object' && typeof valueToCompare === 'object') {
+            return value.key === valueToCompare.key;
+        }
+        return value === valueToCompare;
+    }
+    function containsValue(value, query) {
+        return value instanceof Set ? value.has(query) : value != null && value === query;
+    }
+    function deleteFromValue(value, toDelete) {
+        if (value instanceof Set || value instanceof Map) {
+            value.delete(toDelete);
+            return value;
+        }
+        if (typeof value === 'number' || typeof value === 'string') {
+            if (value === toDelete) {
+                return utils_1.DEFAULT_VALUE;
+            }
+            return value;
+        }
+        if (typeof value === 'object' && value.key === toDelete) {
+            return utils_1.DEFAULT_VALUE_ITEMS;
+        }
+        return value;
+    }
+    function useDataProviderListeners({ dataProvider, setValue, setValueToSync, setValueItemsToSync, value, valueItems }) {
+        const isSelectMultiple = value instanceof Set;
+        const handleRefresh = (0, hooks_1.useCallback)(() => {
+            if (!(0, utils_1.isEmpty)(value)) {
+                setValueToSync(cloneValue(value));
+                setValueItemsToSync(utils_1.DEFAULT_VALUE_ITEMS);
+            }
+        }, [value]);
+        const handleMutation = (0, hooks_1.useCallback)((event) => {
+            if ((0, utils_1.isEmpty)(value)) {
+                return;
+            }
+            let newVal = cloneValue(value);
+            if (event.detail.remove != null) {
+                const keys = event.detail.remove.keys;
+                keys.forEach((key) => {
+                    if (containsValue(newVal, key)) {
+                        newVal = deleteFromValue(newVal, key);
+                        UNSAFE_logger_1.Logger.warn(`
+              ${isSelectMultiple ? 'SelectMultiple' : 'SelectSingle'}: selected value removed from data provider: ${key}`);
+                    }
+                });
+                if (compareValues(newVal, value)) {
+                    setValue(!(0, utils_1.isEmpty)(newVal) ? newVal : utils_1.DEFAULT_VALUE);
+                    setValueToSync(!(0, utils_1.isEmpty)(newVal) ? newVal : utils_1.DEFAULT_VALUE);
+                }
+            }
+            if ((0, utils_1.isEmpty)(newVal)) {
+                return;
+            }
+            if (event.detail.update != null) {
+                const keys = event.detail.update.keys;
+                let newValueItems = (0, utils_1.isEmpty)(valueItems)
+                    ? valueItems
+                    : cloneValueItem(valueItems);
+                keys.forEach((key) => {
+                    if (containsValue(newVal, key)) {
+                        newValueItems = deleteFromValue(newValueItems, key);
+                    }
+                });
+                if (compareValues(newValueItems, valueItems)) {
+                    setValueToSync(newVal);
+                    setValueItemsToSync(!(0, utils_1.isEmpty)(newValueItems) ? newValueItems : utils_1.DEFAULT_VALUE_ITEMS);
+                }
+            }
+        }, [value, valueItems]);
+        (0, hooks_1.useEffect)(() => {
+            dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.addEventListener('refresh', handleRefresh);
+            dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.addEventListener('mutate', handleMutation);
+            return () => {
+                dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.removeEventListener('refresh', handleRefresh);
+                dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.removeEventListener('mutate', handleMutation);
+            };
+        }, [dataProvider, handleMutation, handleRefresh]);
+    }
+    exports.useDataProviderListeners = useDataProviderListeners;
+});

package/oj-c/select-common/UNSAFE_useWrapDataProvider/index.js

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

package/oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.js

@@ -0,0 +1,16 @@
+define(["require", "exports", "ojs/ojdataproviderfactory", "preact/hooks"], function (require, exports, ojdataproviderfactory_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useWrapDataProvider = void 0;
+    function useWrapDataProvider(data) {
+        const dataProvider = (0, hooks_1.useMemo)(() => {
+            return data
+                ? (0, ojdataproviderfactory_1.getEnhancedDataProvider)(data, {
+                    fetchFirst: { caching: 'visitedByCurrentIterator' }
+                })
+                : data;
+        }, [data]);
+        return dataProvider;
+    }
+    exports.useWrapDataProvider = useWrapDataProvider;
+});

package/oj-c/select-common/UNSAFE_useWrapValueState/index.js

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

package/oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState.js

@@ -0,0 +1,23 @@
+define(["require", "exports", "preact/hooks", "../utils/utils"], function (require, exports, hooks_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useWrapValueState = void 0;
+    function useWrapValueState({ arItemContexts, isLoading, preactValueItems, setPreactValueItems }) {
+        const getValueForValidationFunc = (0, hooks_1.useCallback)((valueForValidation) => {
+            return (valid) => {
+                if (valid === 'invalidShown' && !isLoading) {
+                    return (0, utils_1.isEmpty)(preactValueItems) ? null : valueForValidation;
+                }
+                return valueForValidation;
+            };
+        }, [isLoading, preactValueItems]);
+        const refreshDisplayValue = (0, hooks_1.useCallback)(() => {
+            setPreactValueItems(arItemContexts);
+        }, [arItemContexts]);
+        const wrapValueState = (0, hooks_1.useCallback)((valueState) => {
+            return Object.assign(Object.assign({}, valueState), { getValueForValidation: getValueForValidationFunc(valueState.value), refreshDisplayValue });
+        }, [getValueForValidationFunc, refreshDisplayValue]);
+        return { wrapValueState };
+    }
+    exports.useWrapValueState = useWrapValueState;
+});

package/oj-c/select-common/component.json

@@ -0,0 +1,9 @@
+{
+  "name": "select-common",
+  "version": "1.0.0",
+  "jetVersion": "^13.0.0",
+  "type": "resource",
+  "displayName": "Select Common",
+  "description": "Contains common hooks and util used by the select-* components.",
+  "pack": "oj-c"
+}

package/oj-c/select-common/utils/utils.js

@@ -0,0 +1,19 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isEmpty = exports.DEFAULT_VALUE_ITEMS = exports.DEFAULT_VALUE_ITEM = exports.DEFAULT_VALUE = exports.DEFAULT_ITEM_CONTEXT = void 0;
+    exports.DEFAULT_ITEM_CONTEXT = null;
+    exports.DEFAULT_VALUE = null;
+    exports.DEFAULT_VALUE_ITEM = null;
+    exports.DEFAULT_VALUE_ITEMS = null;
+    function isEmpty(value) {
+        if (!value)
+            return true;
+        if (Array.isArray(value))
+            return value.length === 0;
+        if (value instanceof Set || value instanceof Map)
+            return value.size === 0;
+        return false;
+    }
+    exports.isEmpty = isEmpty;
+});

package/oj-c/select-multiple/__dev__/select-multiple.doc.mdx

@@ -0,0 +1,30 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import 'oj-c/input-text';
+
+<Meta title="SelectMultiple" component="oj-c-select-multiple" />
+
+# Select Multiple
+
+The `oj-c-select-multiple` component provides support for multi-select and search filtering.
+
+## Import
+
+```js
+//To typecheck the element APIs, import as below.
+import { CSelectMultipleElement } from 'oj-c/select-multiple';
+
+//For the transpiled javascript to load the element's module, import as below
+import 'oj-c/select-multiple';
+```
+
+## Usage
+
+Here's how to implement a basic `oj-c-select-multiple`.
+
+<Canvas>
+  <Story id="form-selectmultiple--basic" name="Basic" height={350} />
+</Canvas>
+
+## Props
+
+<ArgsTable of="oj-c-select-multiple" />

package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElement.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.SelectMultipleWebElement = void 0;
+var SelectMultipleWebElementBase_1 = require("./SelectMultipleWebElementBase");
+/**
+ * The component WebElement for [oj-c-select-multiple](../../../oj-c/docs/oj.SelectMultiple.html).
+ * Do not instantiate this class directly, instead, use
+ * [findSelectMultiple](../modules.html#findSelectMultiple).
+ */
+var SelectMultipleWebElement = /** @class */ (function (_super) {
+    __extends(SelectMultipleWebElement, _super);
+    function SelectMultipleWebElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return SelectMultipleWebElement;
+}(SelectMultipleWebElementBase_1.SelectMultipleWebElementBase));
+exports.SelectMultipleWebElement = SelectMultipleWebElement;

package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js

@@ -0,0 +1,258 @@
+"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.SelectMultipleWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-select-multiple 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, SelectMultipleWebElement.ts.
+ */
+var SelectMultipleWebElementBase = /** @class */ (function (_super) {
+    __extends(SelectMultipleWebElementBase, _super);
+    function SelectMultipleWebElementBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Gets the value of <code>containerReadonly</code> property.
+     * Specifies whether an ancestor container, like oj-form-layout, is readonly.
+     * @return The value of <code>containerReadonly</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getContainerReadonly = function () {
+        return this.getProperty('containerReadonly');
+    };
+    /**
+     * Gets the value of <code>data</code> property.
+     * Specifies whether the component is disabled.
+     * @return The value of <code>data</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getData = function () {
+        return this.getProperty('data');
+    };
+    /**
+     * Gets the value of <code>disabled</code> property.
+     * Specifies whether the component is disabled.
+     * @return The value of <code>disabled</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getDisabled = function () {
+        return this.getProperty('disabled');
+    };
+    /**
+     * Gets the value of <code>displayOptions</code> property.
+     * Display options for auxiliary content that determines whether or not it should be displayed.
+     * @return The value of <code>displayOptions</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getDisplayOptions = function () {
+        return this.getProperty('displayOptions');
+    };
+    /**
+     * Gets the value of <code>help</code> property.
+     * Form component help information.
+     * @return The value of <code>help</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getHelp = function () {
+        return this.getProperty('help');
+    };
+    /**
+     * Gets the value of <code>helpHints</code> property.
+     * The helpHints object contains a definition property and a source property.
+     * @return The value of <code>helpHints</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getHelpHints = function () {
+        return this.getProperty('helpHints');
+    };
+    /**
+     * Gets the value of <code>itemText</code> property.
+     * Specifies how to get the text string to render for a data item.
+     * @return The value of <code>itemText</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getItemText = function () {
+        return this.getProperty('itemText');
+    };
+    /**
+     * Gets the value of <code>labelEdge</code> property.
+     * Specifies how the label is positioned for the component
+     * @return The value of <code>labelEdge</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getLabelEdge = function () {
+        return this.getProperty('labelEdge');
+    };
+    /**
+     * Gets the value of <code>labelHint</code> property.
+     * Represents a hint for rendering a label on the component.
+     * @return The value of <code>labelHint</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getLabelHint = function () {
+        return this.getProperty('labelHint');
+    };
+    /**
+     * Gets the value of <code>labelStartWidth</code> property.
+     * The width of the label when labelEdge is 'start'
+     * @return The value of <code>labelStartWidth</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getLabelStartWidth = function () {
+        return this.getProperty('labelStartWidth');
+    };
+    /**
+     * Gets the value of <code>labelWrapping</code> property.
+     * Should the labels wrap or truncate when there is not enough available space.
+     * @return The value of <code>labelWrapping</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getLabelWrapping = function () {
+        return this.getProperty('labelWrapping');
+    };
+    /**
+     * Sets the value of <code>messagesCustom</code> property.
+     * List of custom component messages
+     * @param messagesCustom The value to set for <code>messagesCustom</code>
+     *
+     */
+    SelectMultipleWebElementBase.prototype.changeMessagesCustom = function (messagesCustom) {
+        return this.setProperty('messagesCustom', messagesCustom);
+    };
+    /**
+     * Gets the value of <code>messagesCustom</code> property.
+     * List of custom component messages
+     * @return The value of <code>messagesCustom</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getMessagesCustom = function () {
+        return this.getProperty('messagesCustom');
+    };
+    /**
+     * Gets the value of <code>placeholder</code> property.
+     * The placeholder text to set on the element.
+     * @return The value of <code>placeholder</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getPlaceholder = function () {
+        return this.getProperty('placeholder');
+    };
+    /**
+     * Gets the value of <code>readonly</code> property.
+     * Whether the component is readonly
+     * @return The value of <code>readonly</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getReadonly = function () {
+        return this.getProperty('readonly');
+    };
+    /**
+     * Gets the value of <code>required</code> property.
+     * Specifies whether or not the component is required.
+     * @return The value of <code>required</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getRequired = function () {
+        return this.getProperty('required');
+    };
+    /**
+     * Gets the value of <code>requiredMessageDetail</code> property.
+     * Overrides the default Required error message.
+     * @return The value of <code>requiredMessageDetail</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getRequiredMessageDetail = function () {
+        return this.getProperty('requiredMessageDetail');
+    };
+    /**
+     * Gets the value of <code>textAlign</code> property.
+     * Specifies how the text is aligned within the text field
+     * @return The value of <code>textAlign</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getTextAlign = function () {
+        return this.getProperty('textAlign');
+    };
+    /**
+     * Gets the value of <code>userAssistanceDensity</code> property.
+     * Specifies the density of the form component's user assistance presentation.
+     * @return The value of <code>userAssistanceDensity</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getUserAssistanceDensity = function () {
+        return this.getProperty('userAssistanceDensity');
+    };
+    /**
+     * Sets the value of <code>value</code> property.
+     * The value of the component.
+     * @param value The value to set for <code>value</code>
+     *
+     */
+    SelectMultipleWebElementBase.prototype.changeValue = function (value) {
+        return this.setProperty('value', value);
+    };
+    /**
+     * Gets the value of <code>value</code> property.
+     * The value of the component.
+     * @return The value of <code>value</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getValue = function () {
+        return this.getProperty('value');
+    };
+    /**
+     * Sets the value of <code>valueItems</code> property.
+     * The current value of the element and its associated data.
+     * @param valueItems The value to set for <code>valueItems</code>
+     *
+     */
+    SelectMultipleWebElementBase.prototype.changeValueItems = function (valueItems) {
+        return this.setProperty('valueItems', valueItems);
+    };
+    /**
+     * Gets the value of <code>valueItems</code> property.
+     * The current value of the element and its associated data.
+     * @return The value of <code>valueItems</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getValueItems = function () {
+        return this.getProperty('valueItems');
+    };
+    /**
+     * Gets the value of <code>virtualKeyboard</code> property.
+     * The type of virtual keyboard to display for entering a value on mobile browsers
+     * @return The value of <code>virtualKeyboard</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getVirtualKeyboard = function () {
+        return this.getProperty('virtualKeyboard');
+    };
+    /**
+     * Gets the value of <code>valid</code> property.
+     * Specifies how the valid state of the component
+     * @return The value of <code>valid</code> property.
+     *
+     */
+    SelectMultipleWebElementBase.prototype.getValid = function () {
+        return this.getProperty('valid');
+    };
+    return SelectMultipleWebElementBase;
+}(elements_1.OjWebElement));
+exports.SelectMultipleWebElementBase = SelectMultipleWebElementBase;

package/oj-c/select-multiple/__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.findSelectMultiple = exports.SelectMultipleWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var SelectMultipleWebElement_1 = require("./SelectMultipleWebElement");
+exports.SelectMultipleWebElement = SelectMultipleWebElement_1.SelectMultipleWebElement;
+/**
+ * Retrieve an instance of [[SelectMultipleWebElement]].
+ * @example
+ * ```javascript
+ * import { findSelectMultiple } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findSelectMultiple(driver, By.id('my-oj-c-select-multiple'));
+ * ```
+ * @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 findSelectMultiple(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 SelectMultipleWebElement_1.SelectMultipleWebElement)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, webEl.getTagName()];
+                case 2:
+                    tagName = _a.sent();
+                    throw Error("findSelectMultiple(".concat(by, ") created ").concat(webEl.constructor.name, " for <").concat(tagName, ">, but expected ").concat(SelectMultipleWebElement_1.SelectMultipleWebElement.name));
+                case 3: return [2 /*return*/, webEl];
+            }
+        });
+    });
+}
+exports.findSelectMultiple = findSelectMultiple;
+(0, oraclejet_webdriver_1.register)('oj-c-select-multiple', SelectMultipleWebElement_1.SelectMultipleWebElement);