@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

package/oj-c/radioset/radioset-styles.css

@@ -2,13 +2,12 @@ oj-c-radioset:not(.oj-complete){
   visibility: hidden;
 }
 
-oj-c-radioset{
-	display: inline-block;
-  max-width: 100%;
-  width: 100%;
+oj-c-radioset {
+  display: inline-block; 
+  box-sizing: border-box; 
+  width: auto;
 }
 
-oj-c-radioset[hidden]
-{
+oj-c-radioset[hidden] {
   display: none;
 }

package/oj-c/radioset/radioset.js

@@ -1,34 +1,46 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_RadioItem", "@oracle/oraclejet-preact/UNSAFE_RadioSet", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojvcomponent", "preact/hooks", "preact/compat", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "./useRadiosetPreact", "ojs/ojcontext", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "css!oj-c/radioset/radioset-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_RadioItem_1, UNSAFE_RadioSet_1, UNSAFE_useTabbableMode_1, UNSAFE_useFormContext_1, useAssistiveText_1, ojvcomponent_1, hooks_1, compat_1, useDataProvider_1, useRadiosetPreact_1, Context, Layout_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_RadioItem", "@oracle/oraclejet-preact/UNSAFE_RadioSet", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojvcomponent", "preact/hooks", "preact/compat", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "./useRadiosetPreact", "ojs/ojcontext", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "css!oj-c/radioset/radioset-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_RadioItem_1, UNSAFE_RadioSet_1, UNSAFE_useTabbableMode_1, UNSAFE_useFormContext_1, useMergedFormContext_1, useAssistiveText_1, ojvcomponent_1, hooks_1, compat_1, useDataProvider_1, useRadiosetPreact_1, Context, Layout_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Radioset = void 0;
     function isDataProvider(options) {
         return options && 'fetchFirst' in options;
     }
-    const FunctionalRadioset = (0, compat_1.forwardRef)(({ columnSpan = 1, disabled = false, direction = 'column', displayOptions = {
+    const displayOptionsDefault = {
         messages: 'display'
-    }, help = {
+    };
+    const helpDefault = {
         instruction: ''
-    }, helpHints = {
+    };
+    const helpHintsDefault = {
         definition: '',
         source: ''
-    }, messagesCustom = [], readonly = false, required = false, userAssistanceDensity = 'reflow', value = null, ...otherProps }, ref) => {
+    };
+    const messagesCustomDefault = [];
+    const FunctionalRadioset = (0, compat_1.forwardRef)(({ containerReadonly: propContainerReadonly, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, labelWrapping: propLabelWrapping, columnSpan = 1, disabled = false, direction = 'column', messagesCustom = messagesCustomDefault, readonly: propReadonly, required = false, userAssistanceDensity: propUserAssistanceDensity, value = null, ...otherProps }, ref) => {
+        const { options } = otherProps;
         const rootRef = (0, hooks_1.useRef)();
         const radiosetRef = (0, hooks_1.useRef)();
-        const addBusyState = (0, hooks_1.useCallback)((description = 'Radioset: busyState') => {
+        const addBusyState = (0, hooks_1.useCallback)((desc = 'Radioset: busyState') => {
             return rootRef.current
-                ? Context.getContext(rootRef.current).getBusyContext().addBusyState({ description })
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({ description: `oj-c-radioset id=${otherProps.id} is ${desc}` })
                 : () => { };
-        }, []);
-        const { options, containerReadonly, labelWrapping } = otherProps;
+        }, [otherProps.id]);
+        const { containerProps, uadValue, readonlyValue } = (0, useMergedFormContext_1.useMergedFormContext)({
+            propContainerReadonly,
+            propLabelWrapping,
+            propReadonly,
+            propUserAssistanceDensity
+        });
         const { radiosetProps, methods } = (0, useRadiosetPreact_1.useRadiosetPreact)({
             direction,
             disabled,
             displayOptions,
             messagesCustom,
-            readonly,
+            readonly: readonlyValue,
             required,
-            userAssistanceDensity,
+            userAssistanceDensity: uadValue,
             value,
             ...otherProps
         }, addBusyState);
@@ -62,14 +74,9 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             helpHints,
             userAssistanceDensity: radiosetProps.userAssistanceDensity
         });
-        const containerProps = {
-            isFormLayout: containerReadonly !== undefined,
-            isReadonly: containerReadonly,
-            labelWrapping: labelWrapping
-        };
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.id, ref: rootRef, class: Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan], children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_RadioSet_1.RadioSet, { ref: radiosetRef, direction: direction, ...assistiveTextProps, ...radiosetProps, children: dataArr.map((radioItem) => ((0, jsx_runtime_1.jsx)(UNSAFE_RadioItem_1.RadioItem, { assistiveText: radioItem.assistiveText, helpSourceLink: radioItem.helpSourceLink, helpSourceText: radioItem.helpSourceText, value: radioItem.value, children: radioItem.label }, radioItem.value))) }) }) }));
     });
-    exports.Radioset = (0, ojvcomponent_1.registerCustomElement)('oj-c-radioset', FunctionalRadioset, "Radioset", { "properties": { "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "columnSpan": { "type": "number" }, "direction": { "type": "string", "enumValues": ["row", "column"] }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "labelHint": { "type": "string" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "options": { "type": "Array<object>|DataProvider" }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "any", "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "columnSpan": 1, "disabled": false, "direction": "column", "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "readonly": false, "required": false, "userAssistanceDensity": "reflow", "value": null }, {
+    exports.Radioset = (0, ojvcomponent_1.registerCustomElement)('oj-c-radioset', FunctionalRadioset, "Radioset", { "properties": { "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "columnSpan": { "type": "number" }, "direction": { "type": "string", "enumValues": ["row", "column"] }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "labelHint": { "type": "string" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "options": { "type": "Array<object>|DataProvider" }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "any", "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "columnSpan": 1, "disabled": false, "direction": "column", "messagesCustom": [], "required": false, "value": null }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });

package/oj-c/radioset.js

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

package/oj-c/rating-gauge/component.json

@@ -1,7 +1,7 @@
 {
   "name": "rating-gauge",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -34,6 +34,9 @@
       "uxSpecs": [
         "rating-gauge"
       ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/RatingGaugeWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/rating-gauge.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./rating-gauge/rating-gauge"], function (require, exports, rating_gauge_1) {
+define(["require", "exports", "oj-c/rating-gauge/rating-gauge"], function (require, exports, rating_gauge_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RatingGauge = void 0;

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

@@ -1,7 +1,7 @@
-define(["require", "exports"], function (require, exports) {
+define(["require", "exports", "ojs/ojdataprovider", "@oracle/oraclejet-preact/utils/UNSAFE_logger"], function (require, exports, ojdataprovider_1, UNSAFE_logger_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isSetEqual = exports.isEmpty = exports.DEFAULT_VALUE_ITEMS = exports.DEFAULT_VALUE_ITEM = exports.DEFAULT_VALUE = exports.DEFAULT_ITEM_CONTEXT = void 0;
+    exports.getFilterCriterion = exports.isSetEqual = 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;
@@ -26,4 +26,42 @@ define(["require", "exports"], function (require, exports) {
         return aArray.every((value, index) => value === bArray[index]);
     }
     exports.isSetEqual = isSetEqual;
+    function getFilterCriterion(dataProvider, searchText, paramMatchBy) {
+        const hasSearchText = searchText && searchText.length > 0;
+        if (!hasSearchText) {
+            return undefined;
+        }
+        const arMatchBy = paramMatchBy;
+        const hasMatchBy = arMatchBy && arMatchBy.length > 0;
+        const filterCapability = dataProvider?.getCapability('filter');
+        const hasTextFilterCapability = filterCapability && filterCapability.textFilter;
+        if (dataProvider && hasSearchText && !hasTextFilterCapability) {
+            (0, UNSAFE_logger_1.error)('Core Pack Select: DataProvider does not support text filter.  ' +
+                'Filtering results in dropdown may not work correctly.');
+        }
+        const matchBy = dataProvider && hasTextFilterCapability && hasSearchText && hasMatchBy
+            ? arMatchBy.reduce((result, curr) => {
+                if (result) {
+                    return result;
+                }
+                if (curr === 'unknown') {
+                    return curr;
+                }
+                if (curr) {
+                    if (filterCapability.textFilterMatching &&
+                        filterCapability.textFilterMatching.matchBy &&
+                        filterCapability.textFilterMatching.matchBy.indexOf(curr) > -1) {
+                        return curr;
+                    }
+                    (0, UNSAFE_logger_1.warn)(`Core Pack Select: DataProvider does not support text filter "${curr}" matching.  ` +
+                        'Filtering results in dropdown may not work as expected.');
+                }
+                return undefined;
+            }, null)
+            : undefined;
+        const filterDef = matchBy ? { text: searchText, matchBy } : { text: searchText };
+        const fc = ojdataprovider_1.FilterFactory.getFilter({ filterDef });
+        return fc;
+    }
+    exports.getFilterCriterion = getFilterCriterion;
 });

package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.d.ts

@@ -90,6 +90,13 @@ export declare class SelectMultipleWebElementBase extends OjWebElement {
      *
      */
     getLabelWrapping(): Promise<string>;
+    /**
+     * Gets the value of <code>matchBy</code> property.
+     * List of text filter matching behaviors to use when filtering.
+     * @return The value of <code>matchBy</code> property.
+     *
+     */
+    getMatchBy(): Promise<Array<string> | null>;
     /**
      * Sets the value of <code>messagesCustom</code> property.
      * List of custom component messages
@@ -139,13 +146,6 @@ export declare class SelectMultipleWebElementBase extends OjWebElement {
      *
      */
     getTextAlign(): Promise<string>;
-    /**
-     * Gets the value of <code>unsafe_labelledBy</code> property.
-     *
-     * @return The value of <code>unsafe_labelledBy</code> property.
-     *
-     */
-    getUnsafeLabelledBy(): Promise<string>;
     /**
      * Gets the value of <code>userAssistanceDensity</code> property.
      * Specifies the density of the form component's user assistance presentation.

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

@@ -117,6 +117,15 @@ class SelectMultipleWebElementBase extends elements_1.OjWebElement {
     getLabelWrapping() {
         return this.getProperty('labelWrapping');
     }
+    /**
+     * Gets the value of <code>matchBy</code> property.
+     * List of text filter matching behaviors to use when filtering.
+     * @return The value of <code>matchBy</code> property.
+     *
+     */
+    getMatchBy() {
+        return this.getProperty('matchBy');
+    }
     /**
      * Sets the value of <code>messagesCustom</code> property.
      * List of custom component messages
@@ -180,15 +189,6 @@ class SelectMultipleWebElementBase extends elements_1.OjWebElement {
     getTextAlign() {
         return this.getProperty('textAlign');
     }
-    /**
-     * Gets the value of <code>unsafe_labelledBy</code> property.
-     *
-     * @return The value of <code>unsafe_labelledBy</code> property.
-     *
-     */
-    getUnsafeLabelledBy() {
-        return this.getProperty('unsafe_labelledBy');
-    }
     /**
      * Gets the value of <code>userAssistanceDensity</code> property.
      * Specifies the density of the form component's user assistance presentation.

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

@@ -1 +1 @@
-{"version":3,"file":"SelectMultipleWebElementBase.js","sourceRoot":"","sources":["SelectMultipleWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-select-multiple 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, SelectMultipleWebElement.ts.\n */\nexport class SelectMultipleWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>columnSpan</code> property.\n   * Specifies how many columns this component should span.\n   * @return The value of <code>columnSpan</code> property.\n   *\n   */\n  public getColumnSpan(): Promise<number> {\n    return this.getProperty<number>('columnSpan');\n  }\n\n  /**\n   * Gets the value of <code>containerReadonly</code> property.\n   * Specifies whether an ancestor container, like oj-c-form-layout, is readonly.\n   * @return The value of <code>containerReadonly</code> property.\n   *\n   */\n  public getContainerReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('containerReadonly');\n  }\n\n  /**\n   * Gets the value of <code>data</code> property.\n   * The data source for SelectMultiple.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 15.0.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<null> {\n    return this.getProperty<null>('data');\n  }\n\n  /**\n   * Gets the value of <code>disabled</code> property.\n   * Specifies whether the component is disabled.\n   * @return The value of <code>disabled</code> property.\n   *\n   */\n  public getDisabled(): Promise<boolean> {\n    return this.getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Gets the value of <code>displayOptions</code> property.\n   * Display options for auxiliary content that determines whether or not it should be displayed.\n   * @return The value of <code>displayOptions</code> property.\n   *\n   */\n  public getDisplayOptions(): Promise<DisplayOptions> {\n    return this.getProperty<DisplayOptions>('displayOptions');\n  }\n\n  /**\n   * Gets the value of <code>help</code> property.\n   * Form component help information.\n   * @return The value of <code>help</code> property.\n   *\n   */\n  public getHelp(): Promise<Help> {\n    return this.getProperty<Help>('help');\n  }\n\n  /**\n   * Gets the value of <code>helpHints</code> property.\n   * The helpHints object contains a definition property and a source property.\n   * @return The value of <code>helpHints</code> property.\n   *\n   */\n  public getHelpHints(): Promise<HelpHints> {\n    return this.getProperty<HelpHints>('helpHints');\n  }\n\n  /**\n   * Gets the value of <code>itemText</code> property.\n   * Specifies how to get the text string to render for a data item.\n   * @return The value of <code>itemText</code> property.\n   *\n   */\n  public getItemText(): Promise<string | number | null> {\n    return this.getProperty<string | number | null>('itemText');\n  }\n\n  /**\n   * Gets the value of <code>labelEdge</code> property.\n   * Specifies how the label is positioned for the component\n   * @return The value of <code>labelEdge</code> property.\n   *\n   */\n  public getLabelEdge(): Promise<string> {\n    return this.getProperty<string>('labelEdge');\n  }\n\n  /**\n   * Gets the value of <code>labelHint</code> property.\n   * Represents a hint for rendering a label on the component.\n   * @return The value of <code>labelHint</code> property.\n   *\n   */\n  public getLabelHint(): Promise<string> {\n    return this.getProperty<string>('labelHint');\n  }\n\n  /**\n   * Gets the value of <code>labelStartWidth</code> property.\n   * The width of the label when labelEdge is 'start'\n   * @return The value of <code>labelStartWidth</code> property.\n   *\n   */\n  public getLabelStartWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('labelStartWidth');\n  }\n\n  /**\n   * Gets the value of <code>labelWrapping</code> property.\n   * Should the labels wrap or truncate when there is not enough available space.\n   * @return The value of <code>labelWrapping</code> property.\n   *\n   */\n  public getLabelWrapping(): Promise<string> {\n    return this.getProperty<string>('labelWrapping');\n  }\n\n  /**\n   * Sets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @param messagesCustom The value to set for <code>messagesCustom</code>\n   *\n   */\n  public changeMessagesCustom(messagesCustom: Array<MessagesCustom>): Promise<void> {\n    return this.setProperty<Array<MessagesCustom>>('messagesCustom', messagesCustom);\n  }\n\n  /**\n   * Gets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @return The value of <code>messagesCustom</code> property.\n   *\n   */\n  public getMessagesCustom(): Promise<Array<MessagesCustom>> {\n    return this.getProperty<Array<MessagesCustom>>('messagesCustom');\n  }\n\n  /**\n   * Gets the value of <code>placeholder</code> property.\n   * The placeholder text to set on the element.\n   * @return The value of <code>placeholder</code> property.\n   *\n   */\n  public getPlaceholder(): Promise<string> {\n    return this.getProperty<string>('placeholder');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   * Whether the component is readonly\n   * @return The value of <code>readonly</code> property.\n   *\n   */\n  public getReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('readonly');\n  }\n\n  /**\n   * Gets the value of <code>required</code> property.\n   * Specifies whether or not the component is required.\n   * @return The value of <code>required</code> property.\n   *\n   */\n  public getRequired(): Promise<boolean> {\n    return this.getProperty<boolean>('required');\n  }\n\n  /**\n   * Gets the value of <code>requiredMessageDetail</code> property.\n   * Overrides the default Required error message.\n   * @return The value of <code>requiredMessageDetail</code> property.\n   *\n   */\n  public getRequiredMessageDetail(): Promise<string> {\n    return this.getProperty<string>('requiredMessageDetail');\n  }\n\n  /**\n   * Gets the value of <code>textAlign</code> property.\n   * Specifies how the text is aligned within the text field\n   * @return The value of <code>textAlign</code> property.\n   *\n   */\n  public getTextAlign(): Promise<string> {\n    return this.getProperty<string>('textAlign');\n  }\n\n  /**\n   * Gets the value of <code>unsafe_labelledBy</code> property.\n   *\n   * @return The value of <code>unsafe_labelledBy</code> property.\n   *\n   */\n  public getUnsafeLabelledBy(): Promise<string> {\n    return this.getProperty<string>('unsafe_labelledBy');\n  }\n\n  /**\n   * Gets the value of <code>userAssistanceDensity</code> property.\n   * Specifies the density of the form component's user assistance presentation.\n   * @return The value of <code>userAssistanceDensity</code> property.\n   *\n   */\n  public getUserAssistanceDensity(): Promise<string> {\n    return this.getProperty<string>('userAssistanceDensity');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   * The value of the component.\n   * @param value The value to set for <code>value</code>\n   *\n   */\n  public changeValue(value: object | null): Promise<void> {\n    return this.setProperty<object | null>('value', value);\n  }\n\n  /**\n   * Gets the value of <code>value</code> property.\n   * The value of the component.\n   * @return The value of <code>value</code> property.\n   *\n   */\n  public getValue(): Promise<object | null> {\n    return this.getProperty<object | null>('value');\n  }\n\n  /**\n   * Sets the value of <code>valueItems</code> property.\n   * The current value of the element and its associated data.\n   * @param valueItems The value to set for <code>valueItems</code>\n   *\n   */\n  public changeValueItems(valueItems: object | null): Promise<void> {\n    return this.setProperty<object | null>('valueItems', valueItems);\n  }\n\n  /**\n   * Gets the value of <code>valueItems</code> property.\n   * The current value of the element and its associated data.\n   * @return The value of <code>valueItems</code> property.\n   *\n   */\n  public getValueItems(): Promise<object | null> {\n    return this.getProperty<object | null>('valueItems');\n  }\n\n  /**\n   * Gets the value of <code>virtualKeyboard</code> property.\n   * The type of virtual keyboard to display for entering a value on mobile browsers\n   * @return The value of <code>virtualKeyboard</code> property.\n   *\n   */\n  public getVirtualKeyboard(): Promise<string> {\n    return this.getProperty<string>('virtualKeyboard');\n  }\n\n  /**\n   * Gets the value of <code>valid</code> property.\n   * Specifies how the valid state of the component\n   * @return The value of <code>valid</code> property.\n   *\n   */\n  public getValid(): Promise<string> {\n    return this.getProperty<string>('valid');\n  }\n}\nexport interface DisplayOptions {\n  /**\n   *\n   */\n  messages: string;\n}\nexport interface Help {\n  /**\n   *\n   */\n  instruction: string;\n}\nexport interface HelpHints {\n  /**\n   *\n   */\n  definition: string;\n  /**\n   *\n   */\n  source: string;\n  /**\n   *\n   */\n  sourceText: string;\n}\nexport interface MessagesCustom {\n  /**\n   *\n   */\n  summary: string;\n  /**\n   *\n   */\n  detail: string;\n  /**\n   *\n   */\n  severity: string;\n}\n"]}
+{"version":3,"file":"SelectMultipleWebElementBase.js","sourceRoot":"","sources":["SelectMultipleWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-select-multiple 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, SelectMultipleWebElement.ts.\n */\nexport class SelectMultipleWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>columnSpan</code> property.\n   * Specifies how many columns this component should span.\n   * @return The value of <code>columnSpan</code> property.\n   *\n   */\n  public getColumnSpan(): Promise<number> {\n    return this.getProperty<number>('columnSpan');\n  }\n\n  /**\n   * Gets the value of <code>containerReadonly</code> property.\n   * Specifies whether an ancestor container, like oj-c-form-layout, is readonly.\n   * @return The value of <code>containerReadonly</code> property.\n   *\n   */\n  public getContainerReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('containerReadonly');\n  }\n\n  /**\n   * Gets the value of <code>data</code> property.\n   * The data source for SelectMultiple.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 15.0.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<null> {\n    return this.getProperty<null>('data');\n  }\n\n  /**\n   * Gets the value of <code>disabled</code> property.\n   * Specifies whether the component is disabled.\n   * @return The value of <code>disabled</code> property.\n   *\n   */\n  public getDisabled(): Promise<boolean> {\n    return this.getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Gets the value of <code>displayOptions</code> property.\n   * Display options for auxiliary content that determines whether or not it should be displayed.\n   * @return The value of <code>displayOptions</code> property.\n   *\n   */\n  public getDisplayOptions(): Promise<DisplayOptions> {\n    return this.getProperty<DisplayOptions>('displayOptions');\n  }\n\n  /**\n   * Gets the value of <code>help</code> property.\n   * Form component help information.\n   * @return The value of <code>help</code> property.\n   *\n   */\n  public getHelp(): Promise<Help> {\n    return this.getProperty<Help>('help');\n  }\n\n  /**\n   * Gets the value of <code>helpHints</code> property.\n   * The helpHints object contains a definition property and a source property.\n   * @return The value of <code>helpHints</code> property.\n   *\n   */\n  public getHelpHints(): Promise<HelpHints> {\n    return this.getProperty<HelpHints>('helpHints');\n  }\n\n  /**\n   * Gets the value of <code>itemText</code> property.\n   * Specifies how to get the text string to render for a data item.\n   * @return The value of <code>itemText</code> property.\n   *\n   */\n  public getItemText(): Promise<string | number | null> {\n    return this.getProperty<string | number | null>('itemText');\n  }\n\n  /**\n   * Gets the value of <code>labelEdge</code> property.\n   * Specifies how the label is positioned for the component\n   * @return The value of <code>labelEdge</code> property.\n   *\n   */\n  public getLabelEdge(): Promise<string> {\n    return this.getProperty<string>('labelEdge');\n  }\n\n  /**\n   * Gets the value of <code>labelHint</code> property.\n   * Represents a hint for rendering a label on the component.\n   * @return The value of <code>labelHint</code> property.\n   *\n   */\n  public getLabelHint(): Promise<string> {\n    return this.getProperty<string>('labelHint');\n  }\n\n  /**\n   * Gets the value of <code>labelStartWidth</code> property.\n   * The width of the label when labelEdge is 'start'\n   * @return The value of <code>labelStartWidth</code> property.\n   *\n   */\n  public getLabelStartWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('labelStartWidth');\n  }\n\n  /**\n   * Gets the value of <code>labelWrapping</code> property.\n   * Should the labels wrap or truncate when there is not enough available space.\n   * @return The value of <code>labelWrapping</code> property.\n   *\n   */\n  public getLabelWrapping(): Promise<string> {\n    return this.getProperty<string>('labelWrapping');\n  }\n\n  /**\n   * Gets the value of <code>matchBy</code> property.\n   * List of text filter matching behaviors to use when filtering.\n   * @return The value of <code>matchBy</code> property.\n   *\n   */\n  public getMatchBy(): Promise<Array<string> | null> {\n    return this.getProperty<Array<string> | null>('matchBy');\n  }\n\n  /**\n   * Sets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @param messagesCustom The value to set for <code>messagesCustom</code>\n   *\n   */\n  public changeMessagesCustom(messagesCustom: Array<MessagesCustom>): Promise<void> {\n    return this.setProperty<Array<MessagesCustom>>('messagesCustom', messagesCustom);\n  }\n\n  /**\n   * Gets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @return The value of <code>messagesCustom</code> property.\n   *\n   */\n  public getMessagesCustom(): Promise<Array<MessagesCustom>> {\n    return this.getProperty<Array<MessagesCustom>>('messagesCustom');\n  }\n\n  /**\n   * Gets the value of <code>placeholder</code> property.\n   * The placeholder text to set on the element.\n   * @return The value of <code>placeholder</code> property.\n   *\n   */\n  public getPlaceholder(): Promise<string> {\n    return this.getProperty<string>('placeholder');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   * Whether the component is readonly\n   * @return The value of <code>readonly</code> property.\n   *\n   */\n  public getReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('readonly');\n  }\n\n  /**\n   * Gets the value of <code>required</code> property.\n   * Specifies whether or not the component is required.\n   * @return The value of <code>required</code> property.\n   *\n   */\n  public getRequired(): Promise<boolean> {\n    return this.getProperty<boolean>('required');\n  }\n\n  /**\n   * Gets the value of <code>requiredMessageDetail</code> property.\n   * Overrides the default Required error message.\n   * @return The value of <code>requiredMessageDetail</code> property.\n   *\n   */\n  public getRequiredMessageDetail(): Promise<string> {\n    return this.getProperty<string>('requiredMessageDetail');\n  }\n\n  /**\n   * Gets the value of <code>textAlign</code> property.\n   * Specifies how the text is aligned within the text field\n   * @return The value of <code>textAlign</code> property.\n   *\n   */\n  public getTextAlign(): Promise<string> {\n    return this.getProperty<string>('textAlign');\n  }\n\n  /**\n   * Gets the value of <code>userAssistanceDensity</code> property.\n   * Specifies the density of the form component's user assistance presentation.\n   * @return The value of <code>userAssistanceDensity</code> property.\n   *\n   */\n  public getUserAssistanceDensity(): Promise<string> {\n    return this.getProperty<string>('userAssistanceDensity');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   * The value of the component.\n   * @param value The value to set for <code>value</code>\n   *\n   */\n  public changeValue(value: object | null): Promise<void> {\n    return this.setProperty<object | null>('value', value);\n  }\n\n  /**\n   * Gets the value of <code>value</code> property.\n   * The value of the component.\n   * @return The value of <code>value</code> property.\n   *\n   */\n  public getValue(): Promise<object | null> {\n    return this.getProperty<object | null>('value');\n  }\n\n  /**\n   * Sets the value of <code>valueItems</code> property.\n   * The current value of the element and its associated data.\n   * @param valueItems The value to set for <code>valueItems</code>\n   *\n   */\n  public changeValueItems(valueItems: object | null): Promise<void> {\n    return this.setProperty<object | null>('valueItems', valueItems);\n  }\n\n  /**\n   * Gets the value of <code>valueItems</code> property.\n   * The current value of the element and its associated data.\n   * @return The value of <code>valueItems</code> property.\n   *\n   */\n  public getValueItems(): Promise<object | null> {\n    return this.getProperty<object | null>('valueItems');\n  }\n\n  /**\n   * Gets the value of <code>virtualKeyboard</code> property.\n   * The type of virtual keyboard to display for entering a value on mobile browsers\n   * @return The value of <code>virtualKeyboard</code> property.\n   *\n   */\n  public getVirtualKeyboard(): Promise<string> {\n    return this.getProperty<string>('virtualKeyboard');\n  }\n\n  /**\n   * Gets the value of <code>valid</code> property.\n   * Specifies how the valid state of the component\n   * @return The value of <code>valid</code> property.\n   *\n   */\n  public getValid(): Promise<string> {\n    return this.getProperty<string>('valid');\n  }\n}\nexport interface DisplayOptions {\n  /**\n   *\n   */\n  messages: string;\n}\nexport interface Help {\n  /**\n   *\n   */\n  instruction: string;\n}\nexport interface HelpHints {\n  /**\n   *\n   */\n  definition: string;\n  /**\n   *\n   */\n  source: string;\n  /**\n   *\n   */\n  sourceText: string;\n}\nexport interface MessagesCustom {\n  /**\n   *\n   */\n  summary: string;\n  /**\n   *\n   */\n  detail: string;\n  /**\n   *\n   */\n  severity: string;\n}\n"]}

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

@@ -1,7 +1,7 @@
 {
   "name": "select-multiple",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -10,7 +10,7 @@
     "CSelectMultipleElement"
   ],
   "displayName": "SelectMultiple",
-  "description": "A select multiple provides support for multi-select and search filtering",
+  "description": "A select multiple is a dropdown list that supports multiple selections and search filtering.",
   "help": "oj-c.SelectMultiple.html",
   "main": "oj-c/select-multiple",
   "extension": {
@@ -27,6 +27,9 @@
       "uxSpecs": [
         "select-multiple-items"
       ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/SelectMultipleWebElement.html"
     }
   },
   "propertyLayout": [
@@ -238,6 +241,13 @@
         }
       }
     },
+    "matchBy": {
+      "type": "Array<string>|null",
+      "description": "List of text filter matching behaviors to use when filtering.",
+      "displayName": "Match By",
+      "help": "#matchBy",
+      "value": null
+    },
     "messagesCustom": {
       "type": "Array<object>",
       "description": "List of custom component messages",
@@ -283,8 +293,7 @@
         "consume": {
           "name": "containerReadonly"
         }
-      },
-      "value": false
+      }
     },
     "required": {
       "type": "boolean",
@@ -325,9 +334,6 @@
         "right"
       ]
     },
-    "unsafe_labelledBy": {
-      "type": "string"
-    },
     "userAssistanceDensity": {
       "type": "string",
       "description": "Specifies the density of the form component's user assistance presentation.",
@@ -356,8 +362,7 @@
         "consume": {
           "name": "containerUserAssistanceDensity"
         }
-      },
-      "value": "reflow"
+      }
     },
     "value": {
       "type": "object|null",
@@ -519,22 +524,28 @@
     }
   },
   "methods": {
-    "reset": {
-      "return": "any"
+    "blur": {
+      "description": "Blurs the input field.",
+      "return": "void"
+    },
+    "focus": {
+      "description": "Focuses the input field.",
+      "return": "void"
     },
     "showMessages": {
-      "return": "any"
+      "description": "Takes all deferred messages and shows them.",
+      "return": "void"
+    },
+    "reset": {
+      "description": "Resets the component by clearing all messages and updating the component's display value using the attribute value.",
+      "return": "void"
     },
     "validate": {
+      "description": "If enabled, validates the component's display value using the converter and all validators registered on the component. The Promise resolves to 'valid' if there were no converter parse errors and the component passed all validations, or if the component is disabled or readonly.",
       "return": "Promise"
     },
-    "blur": {
-      "return": "any"
-    },
-    "focus": {
-      "return": "any"
-    },
     "_selectItemsByValue": {
+      "description": "This method imitates an option selection from the dropdown by using keys of items from the options. This is used by the WebElement implementation of oj-c-select-multiple.",
       "params": [
         {
           "name": "value",
@@ -542,7 +553,7 @@
           "type": "object|null"
         }
       ],
-      "return": "any"
+      "return": "Promise"
     },
     "setProperty": {
       "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",

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

@@ -1,22 +1,48 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SelectMultiple", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "ojs/ojcontext", "ojs/ojvcomponent", "ojs/ojvcomponent-binding", "preact", "preact/compat", "preact/hooks", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useSelectMultiplePreact", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useAccessibleContext", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "css!oj-c/select-multiple/select-multiple-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SelectMultiple_1, UNSAFE_useTabbableMode_1, Context, ojvcomponent_1, ojvcomponent_binding_1, preact_1, compat_1, hooks_1, useAssistiveText_1, useSelectMultiplePreact_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useAccessibleContext_1, Layout_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SelectMultiple", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "ojs/ojcontext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useSelectMultiplePreact", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "css!oj-c/select-multiple/select-multiple-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SelectMultiple_1, UNSAFE_useTabbableMode_1, Context, ojvcomponent_1, compat_1, hooks_1, useAssistiveText_1, useSelectMultiplePreact_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useFormVariantContext_1, Layout_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SelectMultiple = void 0;
-    const FunctionalSelectMultiple = (0, compat_1.forwardRef)((props, ref) => {
-        const { busyContextRef, displayOptions, help, helpHints } = props;
+    const displayOptionsDefault = {
+        messages: 'display'
+    };
+    const helpDefault = {
+        instruction: ''
+    };
+    const helpHintsDefault = {
+        definition: '',
+        source: ''
+    };
+    const messagesCustomDefault = [];
+    function SelectMultipleImpl({ columnSpan = 1, containerReadonly: propContainerReadonly, data = null, disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, id, labelWrapping: propLabelWrapping, matchBy = null, messagesCustom = messagesCustomDefault, readonly: propReadonly, required = false, userAssistanceDensity: propUserAssistanceDensity, value = null, valueItems = null, virtualKeyboard = 'auto', ...otherProps }, ref) {
+        const rootRef = (0, hooks_1.useRef)();
         const selectMultipleRef = (0, hooks_1.useRef)();
         const addBusyState = (0, hooks_1.useCallback)((desc) => {
-            return busyContextRef.current?.addBusyState({
-                description: `oj-c-select-multiple id=${props.id}: ${desc}`
-            });
-        }, [busyContextRef, props.id]);
-        const { selectMultipleProps, methods, _selectItemsByValue } = (0, useSelectMultiplePreact_1.useSelectMultiplePreact)(props, addBusyState);
+            return rootRef.current
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({ description: `oj-c-select-multiple id=${id}: ${desc}` })
+                : () => { };
+        }, [id]);
+        const { containerProps, uadValue, readonlyValue } = (0, useMergedFormContext_1.useMergedFormContext)({
+            propContainerReadonly,
+            propLabelWrapping,
+            propReadonly,
+            propUserAssistanceDensity
+        });
+        const { selectMultipleProps, methods, _selectItemsByValue } = (0, useSelectMultiplePreact_1.useSelectMultiplePreact)({
+            data,
+            disabled,
+            displayOptions,
+            matchBy,
+            messagesCustom,
+            readonly: readonlyValue,
+            required,
+            userAssistanceDensity: uadValue,
+            value,
+            valueItems,
+            virtualKeyboard,
+            ...otherProps
+        }, addBusyState);
         (0, hooks_1.useImperativeHandle)(ref, () => ({
             blur: () => selectMultipleRef.current?.blur(),
             focus: () => selectMultipleRef.current?.focus(),
@@ -30,82 +56,9 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             userAssistanceDensity: selectMultipleProps.userAssistanceDensity
         });
         const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
-        return ((0, jsx_runtime_1.jsx)(UNSAFE_SelectMultiple_1.SelectMultiple, { ref: selectMultipleRef, ...assistiveTextProps, ...selectMultipleProps, variant: variant }));
-    });
-    FunctionalSelectMultiple.displayName = 'Forwarded<FunctionalSelectMultiple>';
-    let SelectMultiple = class SelectMultiple extends preact_1.Component {
-        constructor() {
-            super(...arguments);
-            this.busyContextRef = (0, preact_1.createRef)();
-            this.selectMultipleRef = (0, preact_1.createRef)();
-            this.rootRef = (0, preact_1.createRef)();
-        }
-        componentDidMount() {
-            this.busyContextRef.current = Context.getContext(this.rootRef.current).getBusyContext();
-        }
-        render({ columnSpan, ...props }) {
-            const containerProps = {
-                isFormLayout: props.containerReadonly !== undefined,
-                isReadonly: props.containerReadonly,
-                labelWrapping: props.labelWrapping
-            };
-            const accessibleProps = {
-                UNSAFE_ariaLabelledBy: props.unsafe_labelledBy
-            };
-            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: props.id, ref: this.rootRef, class: columnSpan ? Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan] : '', children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_useAccessibleContext_1.AccessibleContext.Provider, { value: accessibleProps, children: (0, jsx_runtime_1.jsx)(FunctionalSelectMultiple, { busyContextRef: this.busyContextRef, ref: this.selectMultipleRef, ...props }) }) }) }));
-        }
-        componentWillUnmount() {
-            this.busyContextRef.current = null;
-        }
-        reset() {
-            this.selectMultipleRef.current?.reset();
-        }
-        showMessages() {
-            this.selectMultipleRef.current?.showMessages();
-        }
-        validate() {
-            return this.selectMultipleRef.current?.validate();
-        }
-        blur() {
-            this.selectMultipleRef.current?.blur();
-        }
-        focus() {
-            this.selectMultipleRef.current?.focus();
-        }
-        _selectItemsByValue(value) {
-            return this.selectMultipleRef.current?._selectItemsByValue(value);
-        }
-    };
-    exports.SelectMultiple = SelectMultiple;
-    SelectMultiple.defaultProps = {
-        columnSpan: 1,
-        data: null,
-        disabled: false,
-        displayOptions: {
-            messages: 'display'
-        },
-        help: {
-            instruction: ''
-        },
-        helpHints: {
-            definition: '',
-            source: '',
-            sourceText: undefined
-        },
-        messagesCustom: [],
-        readonly: false,
-        required: false,
-        userAssistanceDensity: 'reflow',
-        value: null,
-        valueItems: null,
-        virtualKeyboard: 'auto'
-    };
-    SelectMultiple._metadata = { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "data": { "type": "DataProvider|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "itemText": { "type": "string|number|function" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "unsafe_labelledBy": { "type": "string" }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "object|null", "writeback": true }, "valueItems": { "type": "object|null", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "slots": { "itemTemplate": { "data": {} } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value", "valueItems"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "reset": {}, "showMessages": {}, "validate": {}, "blur": {}, "focus": {}, "_selectItemsByValue": {} } };
-    SelectMultiple._translationBundleMap = {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, class: Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan], children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_SelectMultiple_1.SelectMultiple, { ref: selectMultipleRef, ...assistiveTextProps, ...selectMultipleProps, variant: variant }) }) }));
+    }
+    exports.SelectMultiple = (0, ojvcomponent_1.registerCustomElement)('oj-c-select-multiple', (0, compat_1.forwardRef)(SelectMultipleImpl), "SelectMultiple", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "data": { "type": "DataProvider|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "itemText": { "type": "string|number|function" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "matchBy": { "type": "Array<string>|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "object|null", "writeback": true }, "valueItems": { "type": "object|null", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "slots": { "itemTemplate": { "data": {} } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value", "valueItems"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {}, "_selectItemsByValue": {} } }, { "columnSpan": 1, "data": null, "disabled": false, "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "matchBy": null, "messagesCustom": [], "required": false, "value": null, "valueItems": null, "virtualKeyboard": "auto" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    };
-    SelectMultiple._consumedContexts = [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext];
-    exports.SelectMultiple = SelectMultiple = __decorate([
-        (0, ojvcomponent_1.customElement)('oj-c-select-multiple')
-    ], SelectMultiple);
+    }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });