@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.d.ts

@@ -83,6 +83,13 @@ export declare class DatePickerWebElementBase extends OjWebElement {
      *
      */
     getValue(): Promise<string | null>;
+    /**
+     * Gets the value of <code>weekDisplay</code> property.
+     *
+     * @return The value of <code>weekDisplay</code> property.
+     *
+     */
+    getWeekDisplay(): Promise<string>;
     /**
      * Gets the value of <code>width</code> property.
      * Specifies the component style width.

package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js

@@ -108,6 +108,15 @@ class DatePickerWebElementBase extends elements_1.OjWebElement {
     getValue() {
         return this.getProperty('value');
     }
+    /**
+     * Gets the value of <code>weekDisplay</code> property.
+     *
+     * @return The value of <code>weekDisplay</code> property.
+     *
+     */
+    getWeekDisplay() {
+        return this.getProperty('weekDisplay');
+    }
     /**
      * Gets the value of <code>width</code> property.
      * Specifies the component style width.

package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWebElementBase.js","sourceRoot":"","sources":["DatePickerWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,wBAAyB,SAAQ,uBAAY;IACxD;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAO,cAAc,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,mBAAmB;QACxB,OAAO,IAAI,CAAC,WAAW,CAAS,kBAAkB,CAAC,CAAC;IACtD,CAAC;IAED;;;;;OAKG;IACI,qBAAqB;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAS,oBAAoB,CAAC,CAAC;IACxD,CAAC;IAED;;;;;OAKG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,WAAW,CAAgB,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAkB,UAAU,CAAC,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,WAAW,CAAgB,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAU,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,gBAAgB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAS,eAAe,CAAC,CAAC;IACnD,CAAC;IAED;;;;;OAKG;IACI,WAAW,CAAC,KAAoB;QACrC,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAkB,OAAO,CAAC,CAAC;IACpD,CAAC;CACF;AAxHD,4DAwHC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-date-picker 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, DatePickerWebElement.ts.\n */\nexport class DatePickerWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>dayFormatter</code> property.\n   *\n   * @return The value of <code>dayFormatter</code> property.\n   *\n   */\n  public getDayFormatter(): Promise<null> {\n    return this.getProperty<null>('dayFormatter');\n  }\n\n  /**\n   * Gets the value of <code>daysOutsideMonth</code> property.\n   *\n   * @return The value of <code>daysOutsideMonth</code> property.\n   *\n   */\n  public getDaysOutsideMonth(): Promise<string> {\n    return this.getProperty<string>('daysOutsideMonth');\n  }\n\n  /**\n   * Gets the value of <code>monthAndYearPicker</code> property.\n   *\n   * @return The value of <code>monthAndYearPicker</code> property.\n   *\n   */\n  public getMonthAndYearPicker(): Promise<string> {\n    return this.getProperty<string>('monthAndYearPicker');\n  }\n\n  /**\n   * Gets the value of <code>max</code> property.\n   * The maximum selectable date, in ISO string format\n   * @return The value of <code>max</code> property.\n   *\n   */\n  public getMax(): Promise<string | null> {\n    return this.getProperty<string | null>('max');\n  }\n\n  /**\n   * Gets the value of <code>maxWidth</code> property.\n   * Specifies the component style maxWidth.\n   * @return The value of <code>maxWidth</code> property.\n   *\n   */\n  public getMaxWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('maxWidth');\n  }\n\n  /**\n   * Gets the value of <code>min</code> property.\n   * The maximum selectable date, in ISO string format\n   * @return The value of <code>min</code> property.\n   *\n   */\n  public getMin(): Promise<string | null> {\n    return this.getProperty<string | null>('min');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   *\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>todayButton</code> property.\n   *\n   * @return The value of <code>todayButton</code> property.\n   *\n   */\n  public getTodayButton(): Promise<string> {\n    return this.getProperty<string>('todayButton');\n  }\n\n  /**\n   * Gets the value of <code>todayTimeZone</code> property.\n   *\n   * @return The value of <code>todayTimeZone</code> property.\n   *\n   */\n  public getTodayTimeZone(): Promise<string> {\n    return this.getProperty<string>('todayTimeZone');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   *\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   *\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>width</code> property.\n   * Specifies the component style width.\n   * @return The value of <code>width</code> property.\n   *\n   */\n  public getWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('width');\n  }\n}\n"]}
+{"version":3,"file":"DatePickerWebElementBase.js","sourceRoot":"","sources":["DatePickerWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,wBAAyB,SAAQ,uBAAY;IACxD;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAO,cAAc,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,mBAAmB;QACxB,OAAO,IAAI,CAAC,WAAW,CAAS,kBAAkB,CAAC,CAAC;IACtD,CAAC;IAED;;;;;OAKG;IACI,qBAAqB;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAS,oBAAoB,CAAC,CAAC;IACxD,CAAC;IAED;;;;;OAKG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,WAAW,CAAgB,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAkB,UAAU,CAAC,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,WAAW,CAAgB,KAAK,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAU,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,gBAAgB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAS,eAAe,CAAC,CAAC;IACnD,CAAC;IAED;;;;;OAKG;IACI,WAAW,CAAC,KAAoB;QACrC,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAkB,OAAO,CAAC,CAAC;IACpD,CAAC;CACF;AAlID,4DAkIC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-date-picker 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, DatePickerWebElement.ts.\n */\nexport class DatePickerWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>dayFormatter</code> property.\n   *\n   * @return The value of <code>dayFormatter</code> property.\n   *\n   */\n  public getDayFormatter(): Promise<null> {\n    return this.getProperty<null>('dayFormatter');\n  }\n\n  /**\n   * Gets the value of <code>daysOutsideMonth</code> property.\n   *\n   * @return The value of <code>daysOutsideMonth</code> property.\n   *\n   */\n  public getDaysOutsideMonth(): Promise<string> {\n    return this.getProperty<string>('daysOutsideMonth');\n  }\n\n  /**\n   * Gets the value of <code>monthAndYearPicker</code> property.\n   *\n   * @return The value of <code>monthAndYearPicker</code> property.\n   *\n   */\n  public getMonthAndYearPicker(): Promise<string> {\n    return this.getProperty<string>('monthAndYearPicker');\n  }\n\n  /**\n   * Gets the value of <code>max</code> property.\n   * The maximum selectable date, in ISO string format\n   * @return The value of <code>max</code> property.\n   *\n   */\n  public getMax(): Promise<string | null> {\n    return this.getProperty<string | null>('max');\n  }\n\n  /**\n   * Gets the value of <code>maxWidth</code> property.\n   * Specifies the component style maxWidth.\n   * @return The value of <code>maxWidth</code> property.\n   *\n   */\n  public getMaxWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('maxWidth');\n  }\n\n  /**\n   * Gets the value of <code>min</code> property.\n   * The maximum selectable date, in ISO string format\n   * @return The value of <code>min</code> property.\n   *\n   */\n  public getMin(): Promise<string | null> {\n    return this.getProperty<string | null>('min');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   *\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>todayButton</code> property.\n   *\n   * @return The value of <code>todayButton</code> property.\n   *\n   */\n  public getTodayButton(): Promise<string> {\n    return this.getProperty<string>('todayButton');\n  }\n\n  /**\n   * Gets the value of <code>todayTimeZone</code> property.\n   *\n   * @return The value of <code>todayTimeZone</code> property.\n   *\n   */\n  public getTodayTimeZone(): Promise<string> {\n    return this.getProperty<string>('todayTimeZone');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   *\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   *\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>weekDisplay</code> property.\n   *\n   * @return The value of <code>weekDisplay</code> property.\n   *\n   */\n  public getWeekDisplay(): Promise<string> {\n    return this.getProperty<string>('weekDisplay');\n  }\n\n  /**\n   * Gets the value of <code>width</code> property.\n   * Specifies the component style width.\n   * @return The value of <code>width</code> property.\n   *\n   */\n  public getWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('width');\n  }\n}\n"]}

package/oj-c/date-picker/component.json

@@ -1,7 +1,7 @@
 {
   "name": "date-picker",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -24,14 +24,17 @@
       "icon": "oj-ux-ico-date"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DatePickerWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/DatePickerWebElement.html"
     }
   },
   "since": "17.0.0",
   "status": [
     {
-      "type": "candidate",
-      "since": "17.0.0"
+      "type": "supersedes",
+      "since": "17.1.0",
+      "value": [
+        "oj-date-picker"
+      ]
     }
   ],
   "properties": {
@@ -126,6 +129,24 @@
       "writeback": true,
       "value": null
     },
+    "weekDisplay": {
+      "type": "string",
+      "propertyEditorValues": {
+        "none": {
+          "description": "The week of the year column will not be shown.",
+          "displayName": "None"
+        },
+        "number": {
+          "description": "Will show the week of the year as a number.",
+          "displayName": "Number"
+        }
+      },
+      "enumValues": [
+        "number",
+        "none"
+      ],
+      "value": "none"
+    },
     "width": {
       "type": "number|string",
       "description": "Specifies the component style width.",

package/oj-c/date-picker/date-picker.js

@@ -2,7 +2,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DatePicker = void 0;
-    exports.DatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-date-picker', ({ dayFormatter, daysOutsideMonth = 'hidden', monthAndYearPicker = 'on', max = null, maxWidth, min = null, readonly = false, todayButton = 'visible', todayTimeZone, value = null, width, onValueChanged, ...otherProps }) => {
+    exports.DatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-date-picker', ({ dayFormatter, daysOutsideMonth = 'hidden', monthAndYearPicker = 'on', max = null, maxWidth, min = null, readonly = false, todayButton = 'visible', todayTimeZone, value = null, width, weekDisplay = 'none', onValueChanged, ...otherProps }) => {
         if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(value)) {
             throw new Error('value must be a date-only ISO string');
         }
@@ -27,8 +27,8 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                     : onValueChanged(null);
             }
         }, [onValueChanged]);
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.id, children: (0, jsx_runtime_1.jsx)(UNSAFE_DatePicker_1.DatePicker, { dayFormatter: dayFormatter ?? undefined, daysOutsideMonth: daysOutsideMonth, monthAndYearPicker: monthAndYearPicker, max: maxCalendarDate, min: minCalendarDate, isReadonly: readonly, todayButton: todayButton, todayTimeZone: todayTimeZone ?? undefined, value: valueCalendarDate, width: width, maxWidth: maxWidth, onCommit: onCommitHandler }) }));
-    }, "DatePicker", { "properties": { "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "max": { "type": "string|null" }, "maxWidth": { "type": "number|string" }, "min": { "type": "string|null" }, "readonly": { "type": "boolean" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "todayTimeZone": { "type": "string" }, "value": { "type": "string|null", "writeback": true }, "width": { "type": "number|string" } }, "extension": { "_WRITEBACK_PROPS": ["value"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] } }, { "daysOutsideMonth": "hidden", "monthAndYearPicker": "on", "max": null, "min": null, "readonly": false, "todayButton": "visible", "value": null }, {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.id, children: (0, jsx_runtime_1.jsx)(UNSAFE_DatePicker_1.DatePicker, { dayFormatter: dayFormatter ?? undefined, daysOutsideMonth: daysOutsideMonth, monthAndYearPicker: monthAndYearPicker, max: maxCalendarDate, min: minCalendarDate, isReadonly: readonly, todayButton: todayButton, todayTimeZone: todayTimeZone ?? undefined, value: valueCalendarDate, weekDisplay: weekDisplay, width: width, maxWidth: maxWidth, onCommit: onCommitHandler }) }));
+    }, "DatePicker", { "properties": { "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "max": { "type": "string|null" }, "maxWidth": { "type": "number|string" }, "min": { "type": "string|null" }, "readonly": { "type": "boolean" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "todayTimeZone": { "type": "string" }, "value": { "type": "string|null", "writeback": true }, "weekDisplay": { "type": "string", "enumValues": ["number", "none"] }, "width": { "type": "number|string" } }, "extension": { "_WRITEBACK_PROPS": ["value"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] } }, { "daysOutsideMonth": "hidden", "monthAndYearPicker": "on", "max": null, "min": null, "readonly": false, "todayButton": "visible", "value": null, "weekDisplay": "none" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });

package/oj-c/drag-handle/component.json

@@ -1,7 +1,7 @@
 {
   "name": "drag-handle",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -32,7 +32,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DragHandleWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/DragHandleWebElement.html"
     }
   },
   "since": "17.0.0",

package/oj-c/drawer-layout/component.json

@@ -1,7 +1,7 @@
 {
   "name": "drawer-layout",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -36,7 +36,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DrawerLayoutWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/DrawerLayoutWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/drawer-popup/component.json

@@ -1,7 +1,7 @@
 {
   "name": "drawer-popup",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -63,7 +63,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DrawerPopupWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/DrawerPopupWebElement.html"
     }
   },
   "since": "16.0.0",

package/oj-c/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.js

@@ -2,7 +2,7 @@ define(["require", "exports", "preact/hooks"], function (require, exports, hooks
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useConverterLifecycle = void 0;
-    function useConverterLifecycle({ converter, validationState, refreshDisplayValue, runFullValidationAndUpdateValue }) {
+    function useConverterLifecycle({ converter, validationState, value, refreshDisplayValue, runFullValidationAndUpdateValue }) {
         const prevConverterRef = (0, hooks_1.useRef)(converter);
         (0, hooks_1.useEffect)(() => {
             if (prevConverterRef.current === converter) {
@@ -17,10 +17,10 @@ define(["require", "exports", "preact/hooks"], function (require, exports, hooks
                 case 'valid':
                 case 'invalidHidden':
                 default:
-                    refreshDisplayValue();
+                    value && refreshDisplayValue(value);
                     break;
             }
-        }, [converter, validationState, refreshDisplayValue, runFullValidationAndUpdateValue]);
+        }, [converter, validationState, refreshDisplayValue, runFullValidationAndUpdateValue, value]);
     }
     exports.useConverterLifecycle = useConverterLifecycle;
 });

package/oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue.js

@@ -55,6 +55,7 @@ define(["require", "exports", "preact/hooks", "../UNSAFE_useComponentMessaging/u
         (0, useConverterLifecycle_1.useConverterLifecycle)({
             converter,
             validationState,
+            value: valueProp,
             refreshDisplayValue,
             runFullValidationAndUpdateValue
         });
@@ -91,7 +92,7 @@ define(["require", "exports", "preact/hooks", "../UNSAFE_useComponentMessaging/u
         const reset = (0, hooks_1.useCallback)(() => {
             clearAllMessages();
             validateValueOnExternalChange(value);
-            refreshDisplayValue();
+            refreshDisplayValue(value);
         }, [value, clearAllMessages, refreshDisplayValue, validateValueOnExternalChange]);
         const validate = (0, hooks_1.useCallback)(async () => {
             if (readonly || disabled) {

package/oj-c/editable-value/UNSAFE_useValue/useValue.js

@@ -29,13 +29,13 @@ define(["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useUncontro
             setValueAfterValidation: (0, hooks_1.useCallback)((value) => {
                 setValue(value);
                 setDisplayValue(format(value));
-            }, [format]),
+            }, [format, setDisplayValue, setValue]),
             setDisplayValue,
             setTransientValue,
             setValue,
-            refreshDisplayValue: (0, hooks_1.useCallback)(() => {
+            refreshDisplayValue: (0, hooks_1.useCallback)((value) => {
                 setDisplayValue(format(value));
-            }, [value, format])
+            }, [format, setDisplayValue])
         };
     }
     exports.useValue = useValue;

package/oj-c/editable-value/utils/utils.js

@@ -1,7 +1,7 @@
 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isShallowEqual = exports.normalizeValue = exports.treatNull = exports.createMessageFromError = void 0;
+    exports.isShallowEqual = exports.normalizeValue = exports.treatNull = exports.getVirtualKeyboardHintFromConverter = exports.createMessageFromError = void 0;
     function createMessageFromError(error) {
         if (typeof error.getMessage === 'function') {
             return {
@@ -12,6 +12,18 @@ define(["require", "exports"], function (require, exports) {
         return { severity: 'error', detail: error.message };
     }
     exports.createMessageFromError = createMessageFromError;
+    function getVirtualKeyboardHintFromConverter(converter) {
+        let virtualKeyboardHint;
+        if (converter && converter.resolvedOptions) {
+            const resOptions = converter.resolvedOptions();
+            virtualKeyboardHint = resOptions?.virtualKeyboardHint ?? 'text';
+        }
+        else {
+            virtualKeyboardHint = 'text';
+        }
+        return virtualKeyboardHint;
+    }
+    exports.getVirtualKeyboardHintFromConverter = getVirtualKeyboardHintFromConverter;
     function treatNull(value, defaultValue) {
         if (value === null) {
             return defaultValue;

package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js

@@ -5,6 +5,8 @@ var FilePickerWebElementBase_1 = require("./FilePickerWebElementBase");
 var fs = require("fs");
 var path = require("path");
 var busy_context_utils_1 = require("@oracle/oraclejet-webdriver/lib/busy-context-utils");
+const filestoreName = '__oj_filepicker_files';
+const filenamePrefix = 'file_';
 /**
  * The component WebElement for [oj-c-file-picker](../../../oj-c/docs/oj.FilePicker.html).
  * Do not instantiate this class directly, instead, use
@@ -70,28 +72,36 @@ class FilePickerWebElement extends FilePickerWebElementBase_1.FilePickerWebEleme
                     fileNumber: i
                 };
                 await driver.executeScript(`const file = arguments[0];
+          const filestoreName = arguments[1];
+          const filenamePrefix = arguments[2];
+          const filestore = window[filestoreName] = window[filestoreName] || {};
            const chunkNumber = file.chunkNumber;
-           var data = {
+           const data = {
             bytes: file.bytes,
             path: file.path,
             type: file.type
            }
+            const fileKey = filenamePrefix + file.fileNumber;
            if (chunkNumber == 0) {
-            window['_file' + file.fileNumber] = [data];
+             filestore[fileKey] = [data];
            } else {
-            window['_file' + file.fileNumber].push(data);
-           }`, file);
+             filestore[fileKey].push(data);
+           }`, file, filestoreName, filenamePrefix);
             }
         }
         driver.executeScript(`const numFiles = arguments[0];
+      const filestoreName = arguments[1];
+      const filenamePrefix = arguments[2];
+      const filestore = window[filestoreName];
       const list = [];
       for ( let i = 0; i < numFiles; i++) {
-        const file = window['_file' + i];
-        delete window['_file' + i];
+        const fileKey = filenamePrefix + i;
+        const chunks = filestore[fileKey];
+        delete filestore[fileKey];
         list.push({
-          bytes: file.map(chunk => chunk.bytes).join(''),
-          path: file[0].path,
-          type: file[0].type
+          bytes: chunks.reduce((acc, chunk) => acc.concat(chunk.bytes), []),
+          path: chunks[0].path,
+          type: chunks[0].type
         });
       }
       const fileList = list.map((data) => {
@@ -110,7 +120,7 @@ class FilePickerWebElement extends FilePickerWebElementBase_1.FilePickerWebEleme
         }
        }
        HTMLInputElement.prototype._pickerTestData = fileList;
-       `, dataList.length);
+       `, dataList.length, filestoreName, filenamePrefix);
     }
 }
 exports.FilePickerWebElement = FilePickerWebElement;

package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerWebElement.js","sourceRoot":"","sources":["FilePickerWebElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { FilePickerWebElementBase } from './FilePickerWebElementBase';\nimport * as fs from 'fs';\nimport * as path from 'path';\nimport { WebDriver } from 'selenium-webdriver';\nimport { whenBusyContextReady } from '@oracle/oraclejet-webdriver/lib/busy-context-utils';\n\n/**\n * The component WebElement for [oj-c-file-picker](../../../oj-c/docs/oj.FilePicker.html).\n * Do not instantiate this class directly, instead, use\n * [findFilePicker](../functions/findFilePicker.html).\n */\nexport class FilePickerWebElement extends FilePickerWebElementBase {\n  /**\n   * Takes an Array of objects containing file paths + types.\n   * These files will be read from the local filesystem and then sent\n   * to the oj-file-picker to simulate user file selection. Only the basename of\n   * the file will be sent, not the entire path to make it consistent with how\n   * the browser sets the value.\n   * @param files An array of objects containing the path and type of selected files\n   */\n  async doSelect(files: Array<{ path: string; type: string }>) {\n    await FilePickerWebElement.setupPickFiles(this.getDriver(), files);\n\n    await this.getDriver().executeScript(`arguments[0].firstChild.click();`, this);\n\n    await this.whenBusyContextReady();\n  }\n\n  /**\n   * This method should be called right before ojfilepickerutils.pickFiles\n   * Takes the webdriver and an Array of objects containing file paths + types.\n   * These files will be read from the local filesystem and then sent\n   * to the pickFiles method to simulate user file selection. Only the basename of\n   * the file will be sent, not the entire path to make it consistent with how\n   * the browser sets the value.\n   * @param driver the Webdriver of the test\n   * @param files An array of objects containing the path and type of selected files\n   */\n  static async setupPickFiles(driver: WebDriver, files: Array<{ path: string; type: string }>) {\n    await whenBusyContextReady(driver);\n    //create a buffer with the files\n    const dataList = files.map(({ path: filePath, type }) => {\n      const fileSizeInMB = fs.statSync(filePath).size / (1024 * 1024);\n      const numberChunks = Math.ceil(fileSizeInMB / 8);\n      const fileContent = Array.from(fs.readFileSync(filePath));\n      const chunkSize = Math.floor(fileContent.length / numberChunks);\n      const fileChunks = [];\n      for (let i = 0; i < numberChunks; i++) {\n        if (i + 1 == numberChunks) {\n          fileChunks.push(fileContent.slice(i * chunkSize));\n        } else {\n          fileChunks.push(fileContent.slice(i * chunkSize, (i + 1) * chunkSize));\n        }\n      }\n\n      return {\n        bytes: fileChunks, //split it into 8MB chunks\n        path: path.basename(filePath),\n        type,\n        numberChunks\n      };\n    });\n\n    for (let i = 0; i < dataList.length; i++) {\n      const { bytes, path, type, numberChunks } = dataList[i];\n      for (let j = 0; j < bytes.length; j++) {\n        const file = {\n          bytes: bytes[j],\n          path,\n          type,\n          numberChunks,\n          chunkNumber: j,\n          fileNumber: i\n        };\n        await driver.executeScript(\n          `const file = arguments[0];\n           const chunkNumber = file.chunkNumber;\n           var data = {\n            bytes: file.bytes,\n            path: file.path,\n            type: file.type\n           }\n           if (chunkNumber == 0) {\n            window['_file' + file.fileNumber] = [data];\n           } else {\n            window['_file' + file.fileNumber].push(data);\n           }`,\n          file\n        );\n      }\n    }\n\n    driver.executeScript(\n      `const numFiles = arguments[0];\n      const list = [];\n      for ( let i = 0; i < numFiles; i++) {\n        const file = window['_file' + i];\n        delete window['_file' + i];\n        list.push({\n          bytes: file.map(chunk => chunk.bytes).join(''),\n          path: file[0].path,\n          type: file[0].type\n        });\n      }\n      const fileList = list.map((data) => {\n        return new File([Uint8Array.from(data.bytes)], data.path, {type: data.type});\n       })\n       // Only if setupPickFiles has not been called yet\n       if (!HTMLInputElement.prototype._pickerTestData) {\n        //Save the native click method\n        const clickMethod = HTMLInputElement.prototype.click;\n        //Overwrite the click method\n        HTMLInputElement.prototype.click = function() {\n          const event = new CustomEvent(\"change\");\n          this.dispatchEvent(event);\n          delete HTMLInputElement.prototype._pickerTestData;\n          HTMLInputElement.prototype.click = clickMethod;\n        }\n       }\n       HTMLInputElement.prototype._pickerTestData = fileList;\n       `,\n      dataList.length\n    );\n  }\n}\n"]}
+{"version":3,"file":"FilePickerWebElement.js","sourceRoot":"","sources":["FilePickerWebElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { FilePickerWebElementBase } from './FilePickerWebElementBase';\nimport * as fs from 'fs';\nimport * as path from 'path';\nimport { WebDriver } from 'selenium-webdriver';\nimport { whenBusyContextReady } from '@oracle/oraclejet-webdriver/lib/busy-context-utils';\n\nconst filestoreName = '__oj_filepicker_files';\nconst filenamePrefix = 'file_';\n\n/**\n * The component WebElement for [oj-c-file-picker](../../../oj-c/docs/oj.FilePicker.html).\n * Do not instantiate this class directly, instead, use\n * [findFilePicker](../functions/findFilePicker.html).\n */\nexport class FilePickerWebElement extends FilePickerWebElementBase {\n  /**\n   * Takes an Array of objects containing file paths + types.\n   * These files will be read from the local filesystem and then sent\n   * to the oj-file-picker to simulate user file selection. Only the basename of\n   * the file will be sent, not the entire path to make it consistent with how\n   * the browser sets the value.\n   * @param files An array of objects containing the path and type of selected files\n   */\n  async doSelect(files: Array<{ path: string; type: string }>) {\n    await FilePickerWebElement.setupPickFiles(this.getDriver(), files);\n\n    await this.getDriver().executeScript(`arguments[0].firstChild.click();`, this);\n\n    await this.whenBusyContextReady();\n  }\n\n  /**\n   * This method should be called right before ojfilepickerutils.pickFiles\n   * Takes the webdriver and an Array of objects containing file paths + types.\n   * These files will be read from the local filesystem and then sent\n   * to the pickFiles method to simulate user file selection. Only the basename of\n   * the file will be sent, not the entire path to make it consistent with how\n   * the browser sets the value.\n   * @param driver the Webdriver of the test\n   * @param files An array of objects containing the path and type of selected files\n   */\n  static async setupPickFiles(driver: WebDriver, files: Array<{ path: string; type: string }>) {\n    await whenBusyContextReady(driver);\n    //create a buffer with the files\n    const dataList = files.map(({ path: filePath, type }) => {\n      const fileSizeInMB = fs.statSync(filePath).size / (1024 * 1024);\n      const numberChunks = Math.ceil(fileSizeInMB / 8);\n      const fileContent = Array.from(fs.readFileSync(filePath));\n      const chunkSize = Math.floor(fileContent.length / numberChunks);\n      const fileChunks = [];\n      for (let i = 0; i < numberChunks; i++) {\n        if (i + 1 == numberChunks) {\n          fileChunks.push(fileContent.slice(i * chunkSize));\n        } else {\n          fileChunks.push(fileContent.slice(i * chunkSize, (i + 1) * chunkSize));\n        }\n      }\n\n      return {\n        bytes: fileChunks, //split it into 8MB chunks\n        path: path.basename(filePath),\n        type,\n        numberChunks\n      };\n    });\n\n    for (let i = 0; i < dataList.length; i++) {\n      const { bytes, path, type, numberChunks } = dataList[i];\n      for (let j = 0; j < bytes.length; j++) {\n        const file = {\n          bytes: bytes[j],\n          path,\n          type,\n          numberChunks,\n          chunkNumber: j,\n          fileNumber: i\n        };\n        await driver.executeScript(\n          `const file = arguments[0];\n          const filestoreName = arguments[1];\n          const filenamePrefix = arguments[2];\n          const filestore = window[filestoreName] = window[filestoreName] || {};\n           const chunkNumber = file.chunkNumber;\n           const data = {\n            bytes: file.bytes,\n            path: file.path,\n            type: file.type\n           }\n            const fileKey = filenamePrefix + file.fileNumber;\n           if (chunkNumber == 0) {\n             filestore[fileKey] = [data];\n           } else {\n             filestore[fileKey].push(data);\n           }`,\n          file,\n          filestoreName,\n          filenamePrefix\n        );\n      }\n    }\n\n    driver.executeScript(\n      `const numFiles = arguments[0];\n      const filestoreName = arguments[1];\n      const filenamePrefix = arguments[2];\n      const filestore = window[filestoreName];\n      const list = [];\n      for ( let i = 0; i < numFiles; i++) {\n        const fileKey = filenamePrefix + i;\n        const chunks = filestore[fileKey];\n        delete filestore[fileKey];\n        list.push({\n          bytes: chunks.reduce((acc, chunk) => acc.concat(chunk.bytes), []),\n          path: chunks[0].path,\n          type: chunks[0].type\n        });\n      }\n      const fileList = list.map((data) => {\n        return new File([Uint8Array.from(data.bytes)], data.path, {type: data.type});\n       })\n       // Only if setupPickFiles has not been called yet\n       if (!HTMLInputElement.prototype._pickerTestData) {\n        //Save the native click method\n        const clickMethod = HTMLInputElement.prototype.click;\n        //Overwrite the click method\n        HTMLInputElement.prototype.click = function() {\n          const event = new CustomEvent(\"change\");\n          this.dispatchEvent(event);\n          delete HTMLInputElement.prototype._pickerTestData;\n          HTMLInputElement.prototype.click = clickMethod;\n        }\n       }\n       HTMLInputElement.prototype._pickerTestData = fileList;\n       `,\n      dataList.length,\n      filestoreName,\n      filenamePrefix\n    );\n  }\n}\n"]}

package/oj-c/file-picker/component.json

@@ -1,7 +1,7 @@
 {
   "name": "file-picker",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -36,7 +36,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/FilePickerWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/FilePickerWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/form-layout/component.json

@@ -1,7 +1,7 @@
 {
   "name": "form-layout",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -35,7 +35,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/FormLayoutWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/FormLayoutWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/highlight-text/component.json

@@ -1,7 +1,7 @@
 {
   "name": "highlight-text",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -26,7 +26,7 @@
       "icon": "oj-ux-ico-background-color"
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/HighlightTextWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/HighlightTextWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/hooks/UNSAFE_useEditableValue/useEditableValue.js

@@ -31,6 +31,14 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
             });
             return true;
         }, [dispatch, onMessagesCustomChanged, onRawValueChanged, onValidChanged, onValueChanged]);
+        const validateDeferredSync = (0, hooks_1.useCallback)((value) => {
+            const valueToSendToDeferredValidation = typeof value === 'string' ? value.trim() : value;
+            const deferredValidate = (0, validationUtils_1.validateSync)({
+                validators: deferredValidators ?? [],
+                value: valueToSendToDeferredValidation
+            });
+            return deferredValidate;
+        }, [deferredValidators]);
         const refreshDisplayValue = (0, hooks_1.useCallback)((value) => {
             let newDisplayValue;
             if (!converter) {
@@ -92,7 +100,7 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
                 return true;
             }
             const errors = [];
-            const deferredValidate = (0, validationUtils_1.validateSync)({ validators: deferredValidators ?? [], value });
+            const deferredValidate = validateDeferredSync(value);
             deferredValidate.result === 'failure' && errors.push(...deferredValidate.errors);
             let nonDeferredValidate = undefined;
             if (value !== null && value !== undefined) {
@@ -131,7 +139,15 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
             }
             resolver?.();
             return !hasSyncError && !hasAsyncError;
-        }, [addBusyState, _dispatch, deferredValidators, messagesCustom, setStaleIdentity, validators]);
+        }, [
+            addBusyState,
+            _dispatch,
+            deferredValidators,
+            messagesCustom,
+            setStaleIdentity,
+            validateDeferredSync,
+            validators
+        ]);
         const runFullValidationAndUpdateValue = async () => {
             if (disabled || readonly)
                 return;
@@ -154,15 +170,21 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
             }
             return validationResult;
         }, [addBusyState, fullValidate, setStaleIdentity]);
+        const onCommitValue = (0, hooks_1.useCallback)(async (value, doCommitOnValid = true) => {
+            const validated = await validateValueOnInternalChange(value);
+            validated && doCommitOnValid && _dispatch(reducer_1.updateValue, value);
+            return validated;
+        }, [_dispatch, validateValueOnInternalChange]);
         const onCommit = (0, hooks_1.useCallback)(async ({ value }) => {
             const parsedValueOrSymbol = normalizeAndParseValue(value);
             if (parsedValueOrSymbol === ConverterErrorSymbol) {
-                return;
+                return false;
             }
             const parsedValue = parsedValueOrSymbol;
-            const validated = await validateValueOnInternalChange(parsedValue);
-            validated && _dispatch(reducer_1.updateValue, parsedValue) && refreshDisplayValue(parsedValue);
-        }, [_dispatch, normalizeAndParseValue, refreshDisplayValue, validateValueOnInternalChange]);
+            const succeeded = await onCommitValue(parsedValue);
+            succeeded && refreshDisplayValue(parsedValue);
+            return succeeded;
+        }, [onCommitValue, normalizeAndParseValue, refreshDisplayValue]);
         const onInput = (0, hooks_1.useCallback)(({ value }) => {
             _dispatch(reducer_1.updateDisplayValue, value ?? defaultDisplayValue);
         }, [_dispatch, defaultDisplayValue]);
@@ -200,14 +222,11 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
         const reset = (0, hooks_1.useCallback)(() => {
             _dispatch(reducer_1.clearAllMessages);
             const valueToValidate = state.value;
-            const validated = (0, validationUtils_1.validateSync)({
-                validators: deferredValidators ?? [],
-                value: valueToValidate
-            });
+            const validated = validateDeferredSync(valueToValidate);
             validated.result === 'failure' && _dispatch(reducer_1.updateHiddenMessages, validated.errors);
             _dispatch(reducer_1.updateValidStatus, validated.result === 'failure' ? 'invalidHidden' : 'valid');
             refreshDisplayValue(state.value);
-        }, [deferredValidators, _dispatch, refreshDisplayValue, state.value]);
+        }, [_dispatch, refreshDisplayValue, state.value, validateDeferredSync]);
         const showMessages = (0, hooks_1.useCallback)(() => {
             if (state.hiddenMessages && state.hiddenMessages.length > 0) {
                 _dispatch(reducer_1.showHiddenMessages);
@@ -218,7 +237,7 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
             _dispatch(reducer_1.updatePreviousValue, value);
             if (value !== state.value) {
                 _dispatch(reducer_1.clearAllMessages);
-                const validated = (0, validationUtils_1.validateSync)({ validators: deferredValidators ?? [], value });
+                const validated = validateDeferredSync(value);
                 validated.result === 'success' && _dispatch(reducer_1.updateValidStatus, 'valid');
                 validated.result === 'failure' &&
                     _dispatch(reducer_1.updateValidStatus, 'invalidHidden') &&
@@ -269,10 +288,7 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
                     case 'valid':
                         const newValue = getValueForValidation();
                         if (newValue !== ConverterErrorSymbol) {
-                            const deferredValidate = (0, validationUtils_1.validateSync)({
-                                validators: deferredValidators ?? [],
-                                value: newValue
-                            });
+                            const deferredValidate = validateDeferredSync(newValue);
                             deferredValidate.result === 'failure' &&
                                 _dispatch(reducer_1.updateHiddenMessages, deferredValidate.errors) &&
                                 _dispatch(reducer_1.updateValidStatus, 'invalidHidden');
@@ -302,10 +318,10 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
             _dispatch(reducer_1.updatePreviousReadonly, readonly);
             _dispatch(reducer_1.updateCustomMessages, messagesCustom);
             if (!disabled && !readonly) {
-                const validated = (0, validationUtils_1.validateSync)({ validators: deferredValidators ?? [], value });
+                const validated = validateDeferredSync(value);
                 validated.result === 'failure' &&
                     _dispatch(reducer_1.updateHiddenMessages, validated.errors) &&
-                    _dispatch(reducer_1.updateValidStatus, 'invalidHidden');
+                    _dispatch(reducer_1.updateValidStatus, (0, utils_1.hasErrorMessages)(messagesCustom) ? 'invalidShown' : 'invalidHidden');
                 validated.result === 'success' &&
                     _dispatch(reducer_1.updateValidStatus, (0, utils_1.hasErrorMessages)(messagesCustom) ? 'invalidShown' : 'valid') &&
                     refreshDisplayValue(value);
@@ -323,6 +339,8 @@ define(["require", "exports", "preact/hooks", "./converterUtils", "./utils", "oj
                 showMessages,
                 validate
             },
+            onCommitValue,
+            refreshDisplayValue,
             textFieldProps: {
                 'aria-describedby': ariaDescribedBy,
                 messages: displayOptions?.messages !== 'none' ? state.shownMessages : undefined,