@oracle/oraclejet-core-pack 17.1.3 → 18.0.0

package/oj-c/input-number/component.json

@@ -1,7 +1,7 @@
 {
   "name": "input-number",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -38,7 +38,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/InputNumberWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/InputNumberWebElement.html"
     }
   },
   "propertyLayout": [
@@ -247,6 +247,13 @@
           "displayName": "Wrap"
         }
       },
+      "status": [
+        {
+          "type": "deprecated",
+          "since": "18.0.0",
+          "description": "Label truncation for 'start' and 'top' aligned labels is no longer recommended by the Redwood Design System. The default for labelWrapping was 'wrap' and that is now the only suggested pattern by UX design for 'start' and 'top' aligned labels. 'inside' aligned labels are always truncated per UX design and are not affected by this property's value."
+        }
+      ],
       "enumValues": [
         "truncate",
         "wrap"
@@ -483,7 +490,7 @@
       "writeback": true
     },
     "transientValue": {
-      "type": "number",
+      "type": "number|null",
       "description": "Specifies the transient value of the component",
       "displayName": "Transient Value",
       "help": "#transientValue",

package/oj-c/input-number/input-number.js

@@ -68,7 +68,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         }
         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_NumberInputText_1.NumberInputText, { ref: inputNumberRef, ...assistiveTextProps, ...inputNumberProps, variant: variant }) }) }));
     };
-    exports.InputNumber = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-number', (0, compat_1.forwardRef)(InputNumberImpl), "InputNumber", { "properties": { "autocomplete": { "type": "string" }, "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "converter": { "type": "object|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "converterHint": { "type": "string", "enumValues": ["none", "display"] }, "messages": { "type": "string", "enumValues": ["none", "display"] }, "validatorHint": { "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" } } }, "inputPrefix": { "type": "string" }, "inputSuffix": { "type": "string" }, "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" } } }, "max": { "type": "number|null" }, "min": { "type": "number|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "numberRangeExactMessageDetail": { "type": "string" }, "numberRangeOverflowMessageDetail": { "type": "string" }, "numberRangeUnderflowMessageDetail": { "type": "string" }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "step": { "type": "number" }, "stepperVariant": { "type": "string", "enumValues": ["directional", "quantitative"] }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "number|null", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "auto", "text"] }, "rawValue": { "type": "string", "readOnly": true, "writeback": true }, "transientValue": { "type": "number", "readOnly": true, "writeback": true }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "rawValue", "transientValue", "valid", "value"], "_READ_ONLY_PROPS": ["rawValue", "transientValue", "valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id", "autofocus"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "autocomplete": "on", "columnSpan": 1, "converter": null, "disabled": false, "displayOptions": { "converterHint": "display", "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "required": false, "stepperVariant": "directional", "validators": [], "virtualKeyboard": "auto", "value": null }, {
+    exports.InputNumber = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-number', (0, compat_1.forwardRef)(InputNumberImpl), "InputNumber", { "properties": { "autocomplete": { "type": "string" }, "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "converter": { "type": "object|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "converterHint": { "type": "string", "enumValues": ["none", "display"] }, "messages": { "type": "string", "enumValues": ["none", "display"] }, "validatorHint": { "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" } } }, "inputPrefix": { "type": "string" }, "inputSuffix": { "type": "string" }, "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" } } }, "max": { "type": "number|null" }, "min": { "type": "number|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "numberRangeExactMessageDetail": { "type": "string" }, "numberRangeOverflowMessageDetail": { "type": "string" }, "numberRangeUnderflowMessageDetail": { "type": "string" }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "step": { "type": "number" }, "stepperVariant": { "type": "string", "enumValues": ["directional", "quantitative"] }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "number|null", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "auto", "text"] }, "rawValue": { "type": "string", "readOnly": true, "writeback": true }, "transientValue": { "type": "number|null", "readOnly": true, "writeback": true }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "rawValue", "transientValue", "valid", "value"], "_READ_ONLY_PROPS": ["rawValue", "transientValue", "valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id", "autofocus"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "autocomplete": "on", "columnSpan": 1, "converter": null, "disabled": false, "displayOptions": { "converterHint": "display", "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "required": false, "stepperVariant": "directional", "validators": [], "virtualKeyboard": "auto", "value": null }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });

package/oj-c/input-number/stepBasisUtils.js

@@ -1,7 +1,7 @@
 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.determineSteppedValue = void 0;
+    exports.determineSteppedValue = determineSteppedValue;
     function determineSteppedValue(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt) {
         const precision = _precision(stepOpt, initialValue, minOpt);
         if (precision > 0) {
@@ -16,7 +16,6 @@ define(["require", "exports"], function (require, exports) {
         }
         return _adjustValueForZeroPrecision(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt);
     }
-    exports.determineSteppedValue = determineSteppedValue;
     function _adjustValueForZeroPrecision(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt) {
         let stepBase = minOpt != null ? minOpt : initialValue;
         if (stepBase === null || stepBase === undefined) {

package/oj-c/input-number/useImplicitNumberConverter.js

@@ -1,12 +1,11 @@
 define(["require", "exports", "ojs/ojconverter-nativenumber", "preact/hooks"], function (require, exports, ojconverter_nativenumber_1, hooks_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useImplicitNumberConverter = void 0;
+    exports.useImplicitNumberConverter = useImplicitNumberConverter;
     function useImplicitNumberConverter({ converter }) {
         const implicitConverter = (0, hooks_1.useMemo)(() => {
             return converter ?? new ojconverter_nativenumber_1.NumberConverter();
         }, [converter]);
         return implicitConverter;
     }
-    exports.useImplicitNumberConverter = useImplicitNumberConverter;
 });

package/oj-c/input-number/useImplicitNumberRangeValidator.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "preact/hooks", "ojs/ojvalidator-numberrange"], function (require, exports, hooks_1, NumberRangeValidator) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useImplicitNumberRangeValidator = void 0;
+    exports.useImplicitNumberRangeValidator = useImplicitNumberRangeValidator;
     function useImplicitNumberRangeValidator({ converter, max, min, numberRangeExactMessageDetail, numberRangeOverflowMessageDetail, numberRangeUnderflowMessageDetail }) {
         const numberRangeValidator = (0, hooks_1.useMemo)(() => {
             if (min !== undefined || max !== undefined) {
@@ -17,8 +17,14 @@ define(["require", "exports", "preact/hooks", "ojs/ojvalidator-numberrange"], fu
                 });
             }
             return null;
-        }, [converter, min, max]);
+        }, [
+            converter,
+            min,
+            max,
+            numberRangeExactMessageDetail,
+            numberRangeOverflowMessageDetail,
+            numberRangeUnderflowMessageDetail
+        ]);
         return numberRangeValidator;
     }
-    exports.useImplicitNumberRangeValidator = useImplicitNumberRangeValidator;
 });

package/oj-c/input-number/useNumberInputTextPreact.js

@@ -1,10 +1,10 @@
-define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "./useImplicitNumberConverter", "./useImplicitNumberRangeValidator", "preact/hooks", "oj-c/editable-value/utils/utils", "./stepBasisUtils", "oj-c/editable-value/utils/utils"], function (require, exports, useEditableValue_1, useValidators_1, useImplicitNumberConverter_1, useImplicitNumberRangeValidator_1, hooks_1, utils_1, stepBasisUtils_1, utils_2) {
+define(["require", "exports", "preact/hooks", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators", "./useImplicitNumberConverter", "./useImplicitNumberRangeValidator", "preact/hooks", "./stepBasisUtils", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "ojs/ojconverter-nativenumber"], function (require, exports, hooks_1, index_1, useDeferredValidators_1, useImplicitNumberConverter_1, useImplicitNumberRangeValidator_1, hooks_2, stepBasisUtils_1, UNSAFE_useTranslationBundle_1, ojconverter_nativenumber_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useNumberInputTextPreact = void 0;
+    exports.useNumberInputTextPreact = useNumberInputTextPreact;
     function useNumberInputTextPreact({ autocomplete = 'on', autofocus, converter: propConverter, disabled, displayOptions, inputPrefix, inputSuffix, labelEdge, labelHint, labelStartWidth, max, messagesCustom, min, numberRangeExactMessageDetail, numberRangeOverflowMessageDetail, numberRangeUnderflowMessageDetail, placeholder, readonly, required, requiredMessageDetail, step, stepperVariant, textAlign, userAssistanceDensity, validators, value: propValue, virtualKeyboard, onMessagesCustomChanged, onRawValueChanged, onTransientValueChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
-        const minTreatNull = (0, utils_1.treatNull)(min);
-        const maxTreatNull = (0, utils_1.treatNull)(max);
+        const minTreatNull = (0, index_1.treatNull)(min);
+        const maxTreatNull = (0, index_1.treatNull)(max);
         const converter = (0, useImplicitNumberConverter_1.useImplicitNumberConverter)({
             converter: propConverter
         });
@@ -16,75 +16,92 @@ define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEd
             numberRangeOverflowMessageDetail,
             numberRangeUnderflowMessageDetail
         });
-        const { onCommitValue, format, normalizeAndParseValue, methods, textFieldProps, value, setValue, displayValue, setDisplayValue, setTransientValue } = (0, useEditableValue_1.useEditableValue)({
+        const combinedValidators = (0, hooks_1.useMemo)(() => {
+            const v1 = implicitComponentValidator ? [implicitComponentValidator] : [];
+            const v2 = validators ? validators : [];
+            return [...v1, ...v2];
+        }, [implicitComponentValidator, validators]);
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
+        const converterParseError = translations.inputNumber_converterParseError();
+        const translateConverterParseError = (0, hooks_2.useCallback)((error) => {
+            return error?.cause === ojconverter_nativenumber_1.USER_INPUT_ERROR
+                ? { severity: 'error', detail: converterParseError }
+                : undefined;
+        }, [converterParseError]);
+        const { onCommitValue, formatValue, parseValue, methods, textFieldProps, value, setValue, displayValue, setDisplayValue, setTransientValue } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy: otherProps['aria-describedby'],
-            converter,
+            converter: converter,
+            defaultDisplayValue: '',
+            deferredValidators,
             disabled,
             displayOptions,
-            implicitComponentValidator,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            validators,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onRawValueChanged,
             onTransientValueChanged,
             onValidChanged,
-            onValueChanged
+            onValueChanged,
+            readonly,
+            translateConverterParseError,
+            validators: combinedValidators,
+            value: propValue
         });
         const hasMin = minTreatNull !== undefined;
         const hasMax = maxTreatNull !== undefined;
-        const isValidating = (0, hooks_1.useRef)(false);
-        const stepQueue = (0, hooks_1.useRef)(new Array());
-        const currentDisplayValueInStep = (0, hooks_1.useRef)(displayValue);
-        const initialValue = (0, hooks_1.useRef)((0, utils_1.treatNull)(propValue));
+        const isValidating = (0, hooks_2.useRef)(false);
+        const stepQueue = (0, hooks_2.useRef)(new Array());
+        const currentDisplayValueInStep = (0, hooks_2.useRef)(displayValue);
+        const initialValue = (0, hooks_2.useRef)((0, index_1.treatNull)(propValue));
         if (propValue !== value) {
-            initialValue.current = (0, utils_1.treatNull)(propValue);
+            initialValue.current = (0, index_1.treatNull)(propValue);
         }
-        const [valueNow, setValueNow] = (0, hooks_1.useState)((0, utils_1.treatNull)(value));
-        const [prevValue, setPrevValue] = (0, hooks_1.useState)(value);
+        const [valueNow, setValueNow] = (0, hooks_2.useState)((0, index_1.treatNull)(value));
+        const [prevValue, setPrevValue] = (0, hooks_2.useState)(value);
         if (value !== prevValue) {
             setPrevValue(value);
-            setValueNow((0, utils_1.treatNull)(value));
+            setValueNow((0, index_1.treatNull)(value));
             setTransientValue(value);
         }
-        const [hasUncommittedDisplayValue, setHasUncommittedDisplayValue] = (0, hooks_1.useState)(false);
+        const [hasUncommittedDisplayValue, setHasUncommittedDisplayValue] = (0, hooks_2.useState)(false);
         currentDisplayValueInStep.current = displayValue;
-        const onCommit = (0, hooks_1.useCallback)(async ({ value }) => {
+        const onCommit = (0, hooks_2.useCallback)(async ({ value }) => {
             setHasUncommittedDisplayValue(false);
-            const parsedValueOrSymbol = normalizeAndParseValue(value);
-            const parsedValue = parsedValueOrSymbol;
-            if (typeof parsedValueOrSymbol === 'symbol') {
+            const conversion = parseValue(value);
+            if (conversion.result === 'failure') {
                 setValueNow(undefined);
                 return;
             }
-            const validationResult = await onCommitValue(parsedValue);
-            if (validationResult === useValidators_1.ValidationResult.VALID) {
-                const formattedValue = format(parsedValue);
+            const parsedValue = conversion.value;
+            const commitSucceeded = await onCommitValue(parsedValue);
+            if (commitSucceeded) {
+                const formattedValue = formatValue(parsedValue);
                 setDisplayValue(formattedValue);
             }
             else {
-                setValueNow(parsedValue);
+                setValueNow(parsedValue ?? undefined);
             }
-        }, [format, normalizeAndParseValue, onCommitValue]);
-        const onInput = (0, hooks_1.useCallback)(({ value }) => {
+        }, [formatValue, parseValue, onCommitValue, setDisplayValue]);
+        const onInput = (0, hooks_2.useCallback)(({ value }) => {
             setDisplayValue(value ?? '');
             setHasUncommittedDisplayValue(true);
-        }, []);
+        }, [setDisplayValue]);
         const textFieldPropsWithOverride = { ...textFieldProps, onCommit, onInput };
-        const doStep = (0, hooks_1.useCallback)(async (direction, doCommit) => {
+        const doStep = (0, hooks_2.useCallback)(async (direction, doCommit) => {
             if (step === undefined || isValidating.current) {
                 return;
             }
             const displayValueToStep = currentDisplayValueInStep.current || '0';
-            const parsedValueOrSymbol = normalizeAndParseValue(displayValueToStep);
-            if (typeof parsedValueOrSymbol === 'symbol') {
+            const conversion = parseValue(displayValueToStep);
+            if (conversion.result === 'failure') {
                 return;
             }
-            const parsedValue = parsedValueOrSymbol;
+            const parsedValue = conversion.value;
             let newSteppedValue;
             if (direction !== undefined) {
                 const stepValue = direction === 'increase' ? step : -1 * step;
@@ -94,28 +111,37 @@ define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEd
                 newSteppedValue = parsedValue;
             }
             isValidating.current = true;
-            const formattedValue = format(newSteppedValue);
+            const formattedValue = formatValue(newSteppedValue);
             setDisplayValue(formattedValue);
             currentDisplayValueInStep.current = formattedValue;
-            const validationResult = await onCommitValue(newSteppedValue, doCommit);
+            const commitSucceeded = await onCommitValue(newSteppedValue, doCommit);
             const isSpinning = doCommit === false;
-            const valueCommitted = doCommit && validationResult === useValidators_1.ValidationResult.VALID;
-            if (isSpinning && validationResult === useValidators_1.ValidationResult.VALID) {
+            const valueCommitted = doCommit && commitSucceeded;
+            if (isSpinning && commitSucceeded) {
                 setTransientValue(newSteppedValue);
             }
             if (!valueCommitted) {
                 setValueNow(newSteppedValue);
             }
             isValidating.current = false;
-        }, [value, displayValue, format, normalizeAndParseValue, onCommitValue]);
-        const processStepQueue = (0, hooks_1.useCallback)(async (direction) => {
+        }, [
+            formatValue,
+            maxTreatNull,
+            minTreatNull,
+            parseValue,
+            onCommitValue,
+            setDisplayValue,
+            setTransientValue,
+            step
+        ]);
+        const processStepQueue = (0, hooks_2.useCallback)(async (direction) => {
             await doStep(direction, true);
             if (stepQueue.current.length > 0) {
                 const direction = stepQueue.current.shift();
                 processStepQueue(direction);
             }
         }, [doStep]);
-        const handleStep = (0, hooks_1.useCallback)(async ({ direction }) => {
+        const handleStep = (0, hooks_2.useCallback)(async ({ direction }) => {
             if (isValidating.current) {
                 stepQueue.current.push(direction);
             }
@@ -123,21 +149,36 @@ define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEd
                 processStepQueue(direction);
             }
         }, [processStepQueue]);
-        const handleSpin = (0, hooks_1.useCallback)(async ({ direction }) => {
+        const handleSpin = (0, hooks_2.useCallback)(async ({ direction }) => {
             const doCommit = false;
             stepQueue.current = [];
             doStep(direction, doCommit);
         }, [doStep]);
-        const handleSpinComplete = (0, hooks_1.useCallback)(async () => {
-            const parsedValueOrSymbol = normalizeAndParseValue(currentDisplayValueInStep.current);
-            const parsedValue = parsedValueOrSymbol;
-            if (typeof parsedValueOrSymbol === 'symbol') {
+        const handleSpinComplete = (0, hooks_2.useCallback)(async () => {
+            const conversion = parseValue(currentDisplayValueInStep.current);
+            if (conversion.result === 'failure') {
                 return;
             }
-            await onCommitValue(parsedValue);
-        }, [onCommitValue, normalizeAndParseValue]);
-        const valueText = calculateValueText(hasUncommittedDisplayValue, displayValue, valueNow, format);
-        const normalizedVirtualKeyboard = virtualKeyboard === 'auto' ? (0, utils_2.getVirtualKeyboardHintFromConverter)(converter) : virtualKeyboard;
+            await onCommitValue(conversion.value);
+        }, [onCommitValue, parseValue]);
+        const lastValueNow = (0, hooks_2.useRef)();
+        const lastDisplayValue = (0, hooks_2.useRef)();
+        const lastHasUncommittedDisplayValue = (0, hooks_2.useRef)();
+        const lastValueText = (0, hooks_2.useRef)();
+        let valueText;
+        if (hasUncommittedDisplayValue !== lastHasUncommittedDisplayValue.current ||
+            displayValue !== lastDisplayValue.current ||
+            valueNow !== lastValueNow.current) {
+            valueText = calculateValueText(hasUncommittedDisplayValue, displayValue, valueNow, formatValue);
+            lastHasUncommittedDisplayValue.current = hasUncommittedDisplayValue;
+            lastDisplayValue.current = displayValue;
+            lastValueNow.current = valueNow;
+            lastValueText.current = valueText;
+        }
+        else {
+            valueText = lastValueText.current;
+        }
+        const normalizedVirtualKeyboard = virtualKeyboard === 'auto' ? (0, index_1.getVirtualKeyboardHintFromConverter)(converter) : virtualKeyboard;
         return {
             value,
             setValue,
@@ -153,7 +194,7 @@ define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEd
                 isDisabled: disabled,
                 isReadonly: readonly,
                 isRequired: required,
-                isRequiredShown: required && (userAssistanceDensity === 'compact' || (0, utils_1.treatNull)(value) === undefined),
+                isRequiredShown: required && (userAssistanceDensity === 'compact' || (0, index_1.treatNull)(value) === undefined),
                 label: labelHint,
                 labelEdge,
                 labelStartWidth,
@@ -179,7 +220,6 @@ define(["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEd
             }
         };
     }
-    exports.useNumberInputTextPreact = useNumberInputTextPreact;
     function calculateValueText(hasUncommittedDisplayValue, displayValue, valueNow, format) {
         if (!hasUncommittedDisplayValue) {
             return displayValue !== '' ? displayValue : undefined;

package/oj-c/input-password/__webdriver__/InputPasswordWebElement.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputPasswordWebElement = void 0;
-var InputPasswordWebElementBase_1 = require("./InputPasswordWebElementBase");
-var selenium_webdriver_1 = require("selenium-webdriver");
+const InputPasswordWebElementBase_1 = require("./InputPasswordWebElementBase");
+const selenium_webdriver_1 = require("selenium-webdriver");
 /**
  * The component WebElement for [oj-c-input-password](../../../oj-c/docs/oj.InputPassword.html).
  * Do not instantiate this class directly, instead, use
@@ -14,10 +14,10 @@ class InputPasswordWebElement extends InputPasswordWebElementBase_1.InputPasswor
      * @param value The value to set for the <code>value</code>
      */
     async changeValue(value) {
-        await this.getDriver().executeScript('arguments[0].focus()', this);
         const readonly = await this.getReadonly();
         const disabled = await this.getDisabled();
         if (!(disabled || readonly)) {
+            await this.getDriver().executeScript((el) => el.focus(), this);
             await this.whenBusyContextReady();
             // Note that using element.clear() will blur, which commits the change and calls
             // onValueChanged, which we don't want until we're done updating the value.
@@ -30,11 +30,7 @@ class InputPasswordWebElement extends InputPasswordWebElementBase_1.InputPasswor
                 await input.sendKeys(selenium_webdriver_1.Key.DELETE);
             }
             value && (await input.sendKeys(value));
-            return this.getDriver().executeAsyncScript(`
-        let el = arguments[0];
-        let done = arguments[1];
-        el.validate().then(done).catch(done);
-      `, this);
+            return this.getDriver().executeScript((el) => el.validate(), this);
         }
     }
     /**

package/oj-c/input-password/__webdriver__/InputPasswordWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordWebElement.js","sourceRoot":"","sources":["InputPasswordWebElement.ts"],"names":[],"mappings":";;;AAAA,6EAA4E;AAC5E,yDAA6C;AAE7C;;;;GAIG;AACH,MAAa,uBAAwB,SAAQ,yDAA2B;IACtE;;;OAGG;IACI,KAAK,CAAC,WAAW,CAAC,KAAoB;QAC3C,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;QACnE,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC;YAC5B,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAElC,gFAAgF;YAChF,2EAA2E;YAC3E,yDAAyD;YACzD,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YACtD,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;YAC3C,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;gBAChF,MAAM,KAAK,CAAC,QAAQ,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,wBAAG,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;gBAC1E,MAAM,KAAK,CAAC,QAAQ,CAAC,wBAAG,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC;YAED,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YAEvC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,kBAAkB,CACxC;;;;OAID,EACC,IAAI,CACL,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;OAEG;IACH,KAAK;QACH,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;CACF;AA1CD,0DA0CC","sourcesContent":["import { InputPasswordWebElementBase } from './InputPasswordWebElementBase';\nimport { By, Key } from 'selenium-webdriver';\n\n/**\n * The component WebElement for [oj-c-input-password](../../../oj-c/docs/oj.InputPassword.html).\n * Do not instantiate this class directly, instead, use\n * [findInputPassword](../functions/findInputPassword.html).\n */\nexport class InputPasswordWebElement extends InputPasswordWebElementBase {\n  /**\n   * Sets the value of the \"value\" property of the input component.\n   * @param value The value to set for the <code>value</code>\n   */\n  public async changeValue(value: string | null): Promise<void> {\n    await this.getDriver().executeScript('arguments[0].focus()', this);\n    const readonly = await this.getReadonly();\n    const disabled = await this.getDisabled();\n    if (!(disabled || readonly)) {\n      await this.whenBusyContextReady();\n\n      // Note that using element.clear() will blur, which commits the change and calls\n      // onValueChanged, which we don't want until we're done updating the value.\n      // Instead do select-all, then delete to clear the value.\n      const input = await this.findElement(By.css('input'));\n      const currValue = await this.getRawValue();\n      if (currValue) {\n        const platform = await (await this.getDriver().getCapabilities()).getPlatform();\n        await input.sendKeys(platform === 'mac' ? Key.COMMAND : Key.CONTROL, 'a');\n        await input.sendKeys(Key.DELETE);\n      }\n\n      value && (await input.sendKeys(value));\n\n      return this.getDriver().executeAsyncScript(\n        `\n        let el = arguments[0];\n        let done = arguments[1];\n        el.validate().then(done).catch(done);\n      `,\n        this\n      );\n    }\n  }\n\n  /**\n   * Clears the value of the component.\n   */\n  clear(): Promise<void> {\n    return this.changeValue(null);\n  }\n}\n"]}
+{"version":3,"file":"InputPasswordWebElement.js","sourceRoot":"","sources":["InputPasswordWebElement.ts"],"names":[],"mappings":";;;AAAA,+EAA4E;AAC5E,2DAA6C;AAE7C;;;;GAIG;AACH,MAAa,uBAAwB,SAAQ,yDAA2B;IACtE;;;OAGG;IACI,KAAK,CAAC,WAAW,CAAC,KAAoB;QAC3C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC;YAC5B,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,CAAC,EAAe,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC;YAC5E,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAElC,gFAAgF;YAChF,2EAA2E;YAC3E,yDAAyD;YACzD,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YACtD,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;YAC3C,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;gBAChF,MAAM,KAAK,CAAC,QAAQ,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,wBAAG,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;gBAC1E,MAAM,KAAK,CAAC,QAAQ,CAAC,wBAAG,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC;YAED,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YAEvC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAED;;OAEG;IACH,KAAK;QACH,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;CACF;AAnCD,0DAmCC","sourcesContent":["import { InputPasswordWebElementBase } from './InputPasswordWebElementBase';\nimport { By, Key } from 'selenium-webdriver';\n\n/**\n * The component WebElement for [oj-c-input-password](../../../oj-c/docs/oj.InputPassword.html).\n * Do not instantiate this class directly, instead, use\n * [findInputPassword](../functions/findInputPassword.html).\n */\nexport class InputPasswordWebElement extends InputPasswordWebElementBase {\n  /**\n   * Sets the value of the \"value\" property of the input component.\n   * @param value The value to set for the <code>value</code>\n   */\n  public async changeValue(value: string | null): Promise<void> {\n    const readonly = await this.getReadonly();\n    const disabled = await this.getDisabled();\n    if (!(disabled || readonly)) {\n      await this.getDriver().executeScript((el: HTMLElement) => el.focus(), this);\n      await this.whenBusyContextReady();\n\n      // Note that using element.clear() will blur, which commits the change and calls\n      // onValueChanged, which we don't want until we're done updating the value.\n      // Instead do select-all, then delete to clear the value.\n      const input = await this.findElement(By.css('input'));\n      const currValue = await this.getRawValue();\n      if (currValue) {\n        const platform = await (await this.getDriver().getCapabilities()).getPlatform();\n        await input.sendKeys(platform === 'mac' ? Key.COMMAND : Key.CONTROL, 'a');\n        await input.sendKeys(Key.DELETE);\n      }\n\n      value && (await input.sendKeys(value));\n\n      return this.getDriver().executeScript((el: any) => el.validate(), this);\n    }\n  }\n\n  /**\n   * Clears the value of the component.\n   */\n  clear(): Promise<void> {\n    return this.changeValue(null);\n  }\n}\n"]}

package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.d.ts

@@ -87,7 +87,7 @@ export declare class InputPasswordWebElementBase extends OjWebElement {
      * 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.
-     *
+     * @deprecated Since 18.0.0. Label truncation for 'start' and 'top' aligned labels is no longer recommended by the Redwood Design System. The default for labelWrapping was 'wrap' and that is now the only suggested pattern by UX design for 'start' and 'top' aligned labels. 'inside' aligned labels are always truncated per UX design and are not affected by this property's value.
      */
     getLabelWrapping(): Promise<string>;
     /**

package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputPasswordWebElementBase = void 0;
-var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+const elements_1 = require("@oracle/oraclejet-webdriver/elements");
 /**
  * This is the base class for oj-c-input-password WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced
@@ -112,7 +112,7 @@ class InputPasswordWebElementBase extends elements_1.OjWebElement {
      * 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.
-     *
+     * @deprecated Since 18.0.0. Label truncation for 'start' and 'top' aligned labels is no longer recommended by the Redwood Design System. The default for labelWrapping was 'wrap' and that is now the only suggested pattern by UX design for 'start' and 'top' aligned labels. 'inside' aligned labels are always truncated per UX design and are not affected by this property's value.
      */
     getLabelWrapping() {
         return this.getProperty('labelWrapping');

package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordWebElementBase.js","sourceRoot":"","sources":["InputPasswordWebElementBase.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-input-password 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, InputPasswordWebElement.ts.\n */\nexport class InputPasswordWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>autocomplete</code> property.\n   * Dictates component's autocomplete state\n   * @return The value of <code>autocomplete</code> property.\n   *\n   */\n  public getAutocomplete(): Promise<string> {\n    return this.getProperty<string>('autocomplete');\n  }\n\n  /**\n   * Gets the value of <code>clearIcon</code> property.\n   * Specifies if an icon to clear the input field should be visible.\n   * @return The value of <code>clearIcon</code> property.\n   *\n   */\n  public getClearIcon(): Promise<string> {\n    return this.getProperty<string>('clearIcon');\n  }\n\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>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>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>maskIcon</code> property.\n   * Represents the mask icon.\n   * @return The value of <code>maskIcon</code> property.\n   *\n   */\n  public getMaskIcon(): Promise<string> {\n    return this.getProperty<string>('maskIcon');\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   * Gets the value of <code>validators</code> property.\n   * Specifies the validators for the component.\n   * @return The value of <code>validators</code> property.\n   *\n   */\n  public getValidators(): Promise<Array<object> | null> {\n    return this.getProperty<Array<object> | null>('validators');\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: string | null): Promise<void> {\n    return this.setProperty<string | 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<string | null> {\n    return this.getProperty<string | null>('value');\n  }\n\n  /**\n   * Gets the value of <code>rawValue</code> property.\n   * Specifies how the raw value of the component\n   * @return The value of <code>rawValue</code> property.\n   *\n   */\n  public getRawValue(): Promise<string> {\n    return this.getProperty<string>('rawValue');\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  converterHint: string;\n  /**\n   *\n   */\n  messages: string;\n  /**\n   *\n   */\n  validatorHint: 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":"InputPasswordWebElementBase.js","sourceRoot":"","sources":["InputPasswordWebElementBase.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-input-password 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, InputPasswordWebElement.ts.\n */\nexport class InputPasswordWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>autocomplete</code> property.\n   * Dictates component's autocomplete state\n   * @return The value of <code>autocomplete</code> property.\n   *\n   */\n  public getAutocomplete(): Promise<string> {\n    return this.getProperty<string>('autocomplete');\n  }\n\n  /**\n   * Gets the value of <code>clearIcon</code> property.\n   * Specifies if an icon to clear the input field should be visible.\n   * @return The value of <code>clearIcon</code> property.\n   *\n   */\n  public getClearIcon(): Promise<string> {\n    return this.getProperty<string>('clearIcon');\n  }\n\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>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>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   * @deprecated Since 18.0.0. Label truncation for 'start' and 'top' aligned labels is no longer recommended by the Redwood Design System. The default for labelWrapping was 'wrap' and that is now the only suggested pattern by UX design for 'start' and 'top' aligned labels. 'inside' aligned labels are always truncated per UX design and are not affected by this property's value.\n   */\n  public getLabelWrapping(): Promise<string> {\n    return this.getProperty<string>('labelWrapping');\n  }\n\n  /**\n   * Gets the value of <code>maskIcon</code> property.\n   * Represents the mask icon.\n   * @return The value of <code>maskIcon</code> property.\n   *\n   */\n  public getMaskIcon(): Promise<string> {\n    return this.getProperty<string>('maskIcon');\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   * Gets the value of <code>validators</code> property.\n   * Specifies the validators for the component.\n   * @return The value of <code>validators</code> property.\n   *\n   */\n  public getValidators(): Promise<Array<object> | null> {\n    return this.getProperty<Array<object> | null>('validators');\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: string | null): Promise<void> {\n    return this.setProperty<string | 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<string | null> {\n    return this.getProperty<string | null>('value');\n  }\n\n  /**\n   * Gets the value of <code>rawValue</code> property.\n   * Specifies how the raw value of the component\n   * @return The value of <code>rawValue</code> property.\n   *\n   */\n  public getRawValue(): Promise<string> {\n    return this.getProperty<string>('rawValue');\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  converterHint: string;\n  /**\n   *\n   */\n  messages: string;\n  /**\n   *\n   */\n  validatorHint: 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/input-password/__webdriver__/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findInputPassword = exports.InputPasswordWebElement = void 0;
-var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
-var InputPasswordWebElement_1 = require("./InputPasswordWebElement");
+exports.InputPasswordWebElement = void 0;
+exports.findInputPassword = findInputPassword;
+const oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+const InputPasswordWebElement_1 = require("./InputPasswordWebElement");
 Object.defineProperty(exports, "InputPasswordWebElement", { enumerable: true, get: function () { return InputPasswordWebElement_1.InputPasswordWebElement; } });
 /**
  * Retrieve an instance of [InputPasswordWebElement](../classes/InputPasswordWebElement.html).
@@ -29,6 +30,5 @@ async function findInputPassword(driver, by) {
     }
     return webEl;
 }
-exports.findInputPassword = findInputPassword;
 (0, oraclejet_webdriver_1.register)('oj-c-input-password', InputPasswordWebElement_1.InputPasswordWebElement);
 //# sourceMappingURL=index.js.map

package/oj-c/input-password/__webdriver__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,qEAAoE;AAC3D,wGADA,iDAAuB,OACA;AAEhC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,iBAAiB,CACrC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,IAAI,CAAC,CAAC,KAAK,YAAY,iDAAuB,CAAC,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,yBAAyB,EAAE,CAAC;YACzD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,qBAAqB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,iDAAuB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC7I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,8CAiBC;AAED,IAAA,8BAAQ,EAAC,qBAAqB,EAAE,iDAAuB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { InputPasswordWebElement } from './InputPasswordWebElement';\nexport { InputPasswordWebElement };\n\n/**\n * Retrieve an instance of [InputPasswordWebElement](../classes/InputPasswordWebElement.html).\n * @example\n * ```javascript\n * import { findInputPassword } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findInputPassword(driver, By.id('my-oj-c-input-password'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findInputPassword(\n  driver: DriverLike,\n  by: By\n): Promise<InputPasswordWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type InputPasswordWebElement\n  if (!(webEl instanceof InputPasswordWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'InputPasswordWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findInputPassword(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${InputPasswordWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-input-password', InputPasswordWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,8CAiBC;AAjCD,qEAAmE;AACnE,uEAAoE;AAC3D,wGADA,iDAAuB,OACA;AAEhC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,iBAAiB,CACrC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,IAAI,CAAC,CAAC,KAAK,YAAY,iDAAuB,CAAC,EAAE,CAAC;QAChD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,yBAAyB,EAAE,CAAC;YACzD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,qBAAqB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,iDAAuB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC7I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,qBAAqB,EAAE,iDAAuB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { InputPasswordWebElement } from './InputPasswordWebElement';\nexport { InputPasswordWebElement };\n\n/**\n * Retrieve an instance of [InputPasswordWebElement](../classes/InputPasswordWebElement.html).\n * @example\n * ```javascript\n * import { findInputPassword } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findInputPassword(driver, By.id('my-oj-c-input-password'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findInputPassword(\n  driver: DriverLike,\n  by: By\n): Promise<InputPasswordWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type InputPasswordWebElement\n  if (!(webEl instanceof InputPasswordWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'InputPasswordWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findInputPassword(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${InputPasswordWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-input-password', InputPasswordWebElement);\n"]}

package/oj-c/input-password/component.json

@@ -1,7 +1,7 @@
 {
   "name": "input-password",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -29,7 +29,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/InputPasswordWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/InputPasswordWebElement.html"
     }
   },
   "propertyLayout": [
@@ -251,6 +251,13 @@
           "displayName": "Wrap"
         }
       },
+      "status": [
+        {
+          "type": "deprecated",
+          "since": "18.0.0",
+          "description": "Label truncation for 'start' and 'top' aligned labels is no longer recommended by the Redwood Design System. The default for labelWrapping was 'wrap' and that is now the only suggested pattern by UX design for 'start' and 'top' aligned labels. 'inside' aligned labels are always truncated per UX design and are not affected by this property's value."
+        }
+      ],
       "enumValues": [
         "truncate",
         "wrap"