@oracle/oraclejet-core-pack 17.1.3 → 18.0.0

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

@@ -1,7 +1,7 @@
 {
   "name": "file-picker",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -36,7 +36,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/FilePickerWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/FilePickerWebElement.html"
     }
   },
   "propertyLayout": [
@@ -54,13 +54,13 @@
   "since": "14.0.0",
   "properties": {
     "accept": {
-      "type": "Array<string>",
+      "type": "Array<string>|null",
       "description": "An array of strings of allowed MIME types or file extensions that can be uploaded. If not specified, accept all file types",
       "displayName": "Accept",
       "help": "#accept"
     },
     "capture": {
-      "type": "string",
+      "type": "string|null",
       "description": "Specifies the preferred facing mode for the device's media capture mechanism.",
       "displayName": "Capture",
       "help": "#capture",

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

@@ -47,8 +47,8 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         const rootRef = (0, hooks_1.useRef)(null);
         const preactRef = (0, hooks_1.useRef)(null);
         const BaseFilePicker = UNSAFE_FilePicker_1.FilePicker;
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, class: trigger ? 'oj-c-file-picker-with-trigger' : undefined, children: (0, jsx_runtime_1.jsx)(BaseFilePicker, { __testHandlerSymbol: preactRef, capture: capture, isDisabled: disabled, selectionMode: selectionMode, onCommit: onCommit, onReject: onReject, accept: accept, primaryText: getPrimaryText(primaryText), secondaryText: getSecondaryText(secondaryText, selectionMode), "aria-label": otherProps['aria-label'], width: "100%", children: trigger }) }));
-    }), "FilePicker", { "properties": { "accept": { "type": "Array<string>" }, "capture": { "type": "string", "enumValues": ["none", "environment", "user", "implementation"] }, "disabled": { "type": "boolean" }, "primaryText": { "type": "string|function" }, "secondaryText": { "type": "string|function" }, "selectionMode": { "type": "string", "enumValues": ["multiple", "single"] } }, "slots": { "trigger": {} }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojInvalidSelect": {}, "ojSelect": {} }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] }, "methods": { "focus": {}, "blur": {} } }, { "capture": "none", "disabled": false, "selectionMode": "multiple" }, {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, class: trigger ? 'oj-c-file-picker-with-trigger' : undefined, children: (0, jsx_runtime_1.jsx)(BaseFilePicker, { __testHandlerSymbol: preactRef, capture: capture === null ? undefined : capture, isDisabled: disabled, selectionMode: selectionMode, onCommit: onCommit, onReject: onReject, accept: accept === null ? undefined : accept, primaryText: getPrimaryText(primaryText), secondaryText: getSecondaryText(secondaryText, selectionMode), "aria-label": otherProps['aria-label'], width: "100%", children: trigger }) }));
+    }), "FilePicker", { "properties": { "accept": { "type": "Array<string>|null" }, "capture": { "type": "string|null", "enumValues": ["none", "environment", "user", "implementation"] }, "disabled": { "type": "boolean" }, "primaryText": { "type": "string|function" }, "secondaryText": { "type": "string|function" }, "selectionMode": { "type": "string", "enumValues": ["multiple", "single"] } }, "slots": { "trigger": {} }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojInvalidSelect": {}, "ojSelect": {} }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] }, "methods": { "focus": {}, "blur": {} } }, { "capture": "none", "disabled": false, "selectionMode": "multiple" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });

package/oj-c/form-layout/__webdriver__/FormLayoutWebElement.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormLayoutWebElement = void 0;
-var FormLayoutWebElementBase_1 = require("./FormLayoutWebElementBase");
+const FormLayoutWebElementBase_1 = require("./FormLayoutWebElementBase");
 /**
  * The component WebElement for [oj-c-form-layout](../../../oj-c/docs/oj.FormLayout.html).
  * Do not instantiate this class directly, instead, use

package/oj-c/form-layout/__webdriver__/FormLayoutWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutWebElement.js","sourceRoot":"","sources":["FormLayoutWebElement.ts"],"names":[],"mappings":";;;AAAA,uEAAsE;AAEtE;;;;GAIG;AACH,MAAa,oBAAqB,SAAQ,mDAAwB;CAEjE;AAFD,oDAEC","sourcesContent":["import { FormLayoutWebElementBase } from './FormLayoutWebElementBase';\n\n/**\n * The component WebElement for [oj-c-form-layout](../../../oj-c/docs/oj.FormLayout.html).\n * Do not instantiate this class directly, instead, use\n * [findFormLayout](../functions/findFormLayout.html).\n */\nexport class FormLayoutWebElement extends FormLayoutWebElementBase {\n  // Put overrides here\n}\n"]}
+{"version":3,"file":"FormLayoutWebElement.js","sourceRoot":"","sources":["FormLayoutWebElement.ts"],"names":[],"mappings":";;;AAAA,yEAAsE;AAEtE;;;;GAIG;AACH,MAAa,oBAAqB,SAAQ,mDAAwB;CAEjE;AAFD,oDAEC","sourcesContent":["import { FormLayoutWebElementBase } from './FormLayoutWebElementBase';\n\n/**\n * The component WebElement for [oj-c-form-layout](../../../oj-c/docs/oj.FormLayout.html).\n * Do not instantiate this class directly, instead, use\n * [findFormLayout](../functions/findFormLayout.html).\n */\nexport class FormLayoutWebElement extends FormLayoutWebElementBase {\n  // Put overrides here\n}\n"]}

package/oj-c/form-layout/__webdriver__/FormLayoutWebElementBase.d.ts

@@ -52,7 +52,7 @@ export declare class FormLayoutWebElementBase 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/form-layout/__webdriver__/FormLayoutWebElementBase.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormLayoutWebElementBase = 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-form-layout WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced
@@ -67,7 +67,7 @@ class FormLayoutWebElementBase 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/form-layout/__webdriver__/FormLayoutWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutWebElementBase.js","sourceRoot":"","sources":["FormLayoutWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,wBAAyB,SAAQ,uBAAY;IACxD;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAS,YAAY,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAS,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAU,WAAW,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAS,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,kBAAkB;QACvB,OAAO,IAAI,CAAC,WAAW,CAAkB,iBAAiB,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACI,gBAAgB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAS,eAAe,CAAC,CAAC;IACnD,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAS,YAAY,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAU,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,wBAAwB;QAC7B,OAAO,IAAI,CAAC,WAAW,CAAS,uBAAuB,CAAC,CAAC;IAC3D,CAAC;CACF;AApGD,4DAoGC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-form-layout 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, FormLayoutWebElement.ts.\n */\nexport class FormLayoutWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>columns</code> property.\n   * Specifies how many columns should be displayed (fixed). If positive, overrides maxColumns.\n   * @return The value of <code>columns</code> property.\n   *\n   */\n  public getColumns(): Promise<number> {\n    return this.getProperty<number>('columns');\n  }\n\n  /**\n   * Gets the value of <code>columnSpan</code> property.\n   * Specifies how many columns this component should span when this it is a child of a form layout.\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>direction</code> property.\n   * Specifies the layout direction of the form layout children.\n   * @return The value of <code>direction</code> property.\n   *\n   */\n  public getDirection(): Promise<string> {\n    return this.getProperty<string>('direction');\n  }\n\n  /**\n   * Gets the value of <code>fullWidth</code> property.\n   * Indicates if the form layout will use 100% of the container's width.\n   * @return The value of <code>fullWidth</code> property.\n   *\n   */\n  public getFullWidth(): Promise<boolean> {\n    return this.getProperty<boolean>('fullWidth');\n  }\n\n  /**\n   * Gets the value of <code>labelEdge</code> property.\n   * Specifies how the child form components should position their labels.\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>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>maxColumns</code> property.\n   * Specifies how many columns should be displayed (responsive). This prop is ignored if columns has a positive value.\n   * @return The value of <code>maxColumns</code> property.\n   *\n   */\n  public getMaxColumns(): Promise<number> {\n    return this.getProperty<number>('maxColumns');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   * Whether the child components should be rendered as 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>userAssistanceDensity</code> property.\n   * Specifies the density of the children 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"]}
+{"version":3,"file":"FormLayoutWebElementBase.js","sourceRoot":"","sources":["FormLayoutWebElementBase.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,wBAAyB,SAAQ,uBAAY;IACxD;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAS,YAAY,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAS,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAU,WAAW,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAS,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,kBAAkB;QACvB,OAAO,IAAI,CAAC,WAAW,CAAkB,iBAAiB,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACI,gBAAgB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAS,eAAe,CAAC,CAAC;IACnD,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAS,YAAY,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAU,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,wBAAwB;QAC7B,OAAO,IAAI,CAAC,WAAW,CAAS,uBAAuB,CAAC,CAAC;IAC3D,CAAC;CACF;AApGD,4DAoGC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-form-layout 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, FormLayoutWebElement.ts.\n */\nexport class FormLayoutWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>columns</code> property.\n   * Specifies how many columns should be displayed (fixed). If positive, overrides maxColumns.\n   * @return The value of <code>columns</code> property.\n   *\n   */\n  public getColumns(): Promise<number> {\n    return this.getProperty<number>('columns');\n  }\n\n  /**\n   * Gets the value of <code>columnSpan</code> property.\n   * Specifies how many columns this component should span when this it is a child of a form layout.\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>direction</code> property.\n   * Specifies the layout direction of the form layout children.\n   * @return The value of <code>direction</code> property.\n   *\n   */\n  public getDirection(): Promise<string> {\n    return this.getProperty<string>('direction');\n  }\n\n  /**\n   * Gets the value of <code>fullWidth</code> property.\n   * Indicates if the form layout will use 100% of the container's width.\n   * @return The value of <code>fullWidth</code> property.\n   *\n   */\n  public getFullWidth(): Promise<boolean> {\n    return this.getProperty<boolean>('fullWidth');\n  }\n\n  /**\n   * Gets the value of <code>labelEdge</code> property.\n   * Specifies how the child form components should position their labels.\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>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>maxColumns</code> property.\n   * Specifies how many columns should be displayed (responsive). This prop is ignored if columns has a positive value.\n   * @return The value of <code>maxColumns</code> property.\n   *\n   */\n  public getMaxColumns(): Promise<number> {\n    return this.getProperty<number>('maxColumns');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   * Whether the child components should be rendered as 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>userAssistanceDensity</code> property.\n   * Specifies the density of the children 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"]}

package/oj-c/form-layout/__webdriver__/index.js

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

package/oj-c/form-layout/__webdriver__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,+DAA8D;AACrD,qGADA,2CAAoB,OACA;AAE7B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,cAAc,CAAC,MAAkB,EAAE,EAAM;IAC7D,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,yDAAyD;IACzD,IAAI,CAAC,CAAC,KAAK,YAAY,2CAAoB,CAAC,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,sBAAsB,EAAE,CAAC;YACtD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,kBAAkB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,2CAAoB,CAAC,IAAI,KAAK,YAAY,EAAE,CACvI,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAdD,wCAcC;AAED,IAAA,8BAAQ,EAAC,kBAAkB,EAAE,2CAAoB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { FormLayoutWebElement } from './FormLayoutWebElement';\nexport { FormLayoutWebElement };\n\n/**\n * Retrieve an instance of [FormLayoutWebElement](../classes/FormLayoutWebElement.html).\n * @example\n * ```javascript\n * import { findFormLayout } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findFormLayout(driver, By.id('my-oj-c-form-layout'));\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 findFormLayout(driver: DriverLike, by: By): Promise<FormLayoutWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type FormLayoutWebElement\n  if (!(webEl instanceof FormLayoutWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'FormLayoutWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findFormLayout(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${FormLayoutWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-form-layout', FormLayoutWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,wCAcC;AA9BD,qEAAmE;AACnE,iEAA8D;AACrD,qGADA,2CAAoB,OACA;AAE7B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,cAAc,CAAC,MAAkB,EAAE,EAAM;IAC7D,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,yDAAyD;IACzD,IAAI,CAAC,CAAC,KAAK,YAAY,2CAAoB,CAAC,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,sBAAsB,EAAE,CAAC;YACtD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,kBAAkB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,2CAAoB,CAAC,IAAI,KAAK,YAAY,EAAE,CACvI,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,kBAAkB,EAAE,2CAAoB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { FormLayoutWebElement } from './FormLayoutWebElement';\nexport { FormLayoutWebElement };\n\n/**\n * Retrieve an instance of [FormLayoutWebElement](../classes/FormLayoutWebElement.html).\n * @example\n * ```javascript\n * import { findFormLayout } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findFormLayout(driver, By.id('my-oj-c-form-layout'));\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 findFormLayout(driver: DriverLike, by: By): Promise<FormLayoutWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type FormLayoutWebElement\n  if (!(webEl instanceof FormLayoutWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'FormLayoutWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findFormLayout(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${FormLayoutWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-form-layout', FormLayoutWebElement);\n"]}

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

@@ -1,7 +1,7 @@
 {
   "name": "form-layout",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -35,7 +35,7 @@
       ]
     },
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/FormLayoutWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/FormLayoutWebElement.html"
     }
   },
   "propertyLayout": [
@@ -177,6 +177,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"

package/oj-c/form-layout/form-layout.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_FormLayout", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "ojs/ojvcomponent"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_FormLayout_1, Layout_1, ojvcomponent_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_FormLayout", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "ojs/ojvcomponent", "css!oj-c/form-layout/form-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_FormLayout_1, Layout_1, ojvcomponent_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FormLayout = void 0;

package/oj-c/highlight-text/__webdriver__/HighlightTextWebElement.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightTextWebElement = void 0;
-var HighlightTextWebElementBase_1 = require("./HighlightTextWebElementBase");
+const HighlightTextWebElementBase_1 = require("./HighlightTextWebElementBase");
 /**
  * The component WebElement for [oj-c-highlight-text](../../../oj-c/docs/oj.HighlightText.html).
  * Do not instantiate this class directly, instead, use

package/oj-c/highlight-text/__webdriver__/HighlightTextWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightTextWebElement.js","sourceRoot":"","sources":["HighlightTextWebElement.ts"],"names":[],"mappings":";;;AAAA,6EAA4E;AAE5E;;;;GAIG;AACH,MAAa,uBAAwB,SAAQ,yDAA2B;CAEvE;AAFD,0DAEC","sourcesContent":["import { HighlightTextWebElementBase } from './HighlightTextWebElementBase';\n\n/**\n * The component WebElement for [oj-c-highlight-text](../../../oj-c/docs/oj.HighlightText.html).\n * Do not instantiate this class directly, instead, use\n * [findHighlightText](../functions/findHighlightText.html).\n */\nexport class HighlightTextWebElement extends HighlightTextWebElementBase {\n  // Put overrides here\n}\n"]}
+{"version":3,"file":"HighlightTextWebElement.js","sourceRoot":"","sources":["HighlightTextWebElement.ts"],"names":[],"mappings":";;;AAAA,+EAA4E;AAE5E;;;;GAIG;AACH,MAAa,uBAAwB,SAAQ,yDAA2B;CAEvE;AAFD,0DAEC","sourcesContent":["import { HighlightTextWebElementBase } from './HighlightTextWebElementBase';\n\n/**\n * The component WebElement for [oj-c-highlight-text](../../../oj-c/docs/oj.HighlightText.html).\n * Do not instantiate this class directly, instead, use\n * [findHighlightText](../functions/findHighlightText.html).\n */\nexport class HighlightTextWebElement extends HighlightTextWebElementBase {\n  // Put overrides here\n}\n"]}

package/oj-c/highlight-text/__webdriver__/HighlightTextWebElementBase.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightTextWebElementBase = 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-highlight-text WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced

package/oj-c/highlight-text/__webdriver__/HighlightTextWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightTextWebElementBase.js","sourceRoot":"","sources":["HighlightTextWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,2BAA4B,SAAQ,uBAAY;IAC3D;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAS,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;CACF;AApBD,kEAoBC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-highlight-text 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, HighlightTextWebElement.ts.\n */\nexport class HighlightTextWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>matchText</code> property.\n   * The text string to match.\n   * @return The value of <code>matchText</code> property.\n   *\n   */\n  public getMatchText(): Promise<string> {\n    return this.getProperty<string>('matchText');\n  }\n\n  /**\n   * Gets the value of <code>text</code> property.\n   * The text string to apply highlighting to.\n   * @return The value of <code>text</code> property.\n   *\n   */\n  public getTextProperty(): Promise<string> {\n    return this.getProperty<string>('text');\n  }\n}\n"]}
+{"version":3,"file":"HighlightTextWebElementBase.js","sourceRoot":"","sources":["HighlightTextWebElementBase.ts"],"names":[],"mappings":";;;AAAA,mEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,2BAA4B,SAAQ,uBAAY;IAC3D;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAS,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;CACF;AApBD,kEAoBC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-highlight-text 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, HighlightTextWebElement.ts.\n */\nexport class HighlightTextWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>matchText</code> property.\n   * The text string to match.\n   * @return The value of <code>matchText</code> property.\n   *\n   */\n  public getMatchText(): Promise<string> {\n    return this.getProperty<string>('matchText');\n  }\n\n  /**\n   * Gets the value of <code>text</code> property.\n   * The text string to apply highlighting to.\n   * @return The value of <code>text</code> property.\n   *\n   */\n  public getTextProperty(): Promise<string> {\n    return this.getProperty<string>('text');\n  }\n}\n"]}

package/oj-c/highlight-text/__webdriver__/index.js

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

package/oj-c/highlight-text/__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 { HighlightTextWebElement } from './HighlightTextWebElement';\nexport { HighlightTextWebElement };\n\n/**\n * Retrieve an instance of [HighlightTextWebElement](../classes/HighlightTextWebElement.html).\n * @example\n * ```javascript\n * import { findHighlightText } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findHighlightText(driver, By.id('my-oj-c-highlight-text'));\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 findHighlightText(\n  driver: DriverLike,\n  by: By\n): Promise<HighlightTextWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type HighlightTextWebElement\n  if (!(webEl instanceof HighlightTextWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'HighlightTextWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findHighlightText(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${HighlightTextWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-highlight-text', HighlightTextWebElement);\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 { HighlightTextWebElement } from './HighlightTextWebElement';\nexport { HighlightTextWebElement };\n\n/**\n * Retrieve an instance of [HighlightTextWebElement](../classes/HighlightTextWebElement.html).\n * @example\n * ```javascript\n * import { findHighlightText } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findHighlightText(driver, By.id('my-oj-c-highlight-text'));\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 findHighlightText(\n  driver: DriverLike,\n  by: By\n): Promise<HighlightTextWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type HighlightTextWebElement\n  if (!(webEl instanceof HighlightTextWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'HighlightTextWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findHighlightText(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${HighlightTextWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-highlight-text', HighlightTextWebElement);\n"]}

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

@@ -1,7 +1,7 @@
 {
   "name": "highlight-text",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.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-1710/cpwdtsdoc/classes/HighlightTextWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet/cpwdtsdoc/classes/HighlightTextWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/hooks/PRIVATE_useSelectionContext/ItemKeyContext.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "preact"], function (require, exports, preact_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ItemKeyContext = void 0;
+    exports.ItemKeyContext = (0, preact_1.createContext)(undefined);
+});

package/oj-c/hooks/PRIVATE_useSelectionContext/SelectionContext.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "preact"], function (require, exports, preact_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SelectionContext = void 0;
+    exports.SelectionContext = (0, preact_1.createContext)(undefined);
+});

package/oj-c/hooks/PRIVATE_useSelectionContext/useItemKeyContext.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "preact/hooks", "./ItemKeyContext"], function (require, exports, hooks_1, ItemKeyContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useItemKeyContext = useItemKeyContext;
+    function useItemKeyContext() {
+        return (0, hooks_1.useContext)(ItemKeyContext_1.ItemKeyContext);
+    }
+});

package/oj-c/hooks/PRIVATE_useSelectionContext/useSelectionContext.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "preact/hooks", "./SelectionContext"], function (require, exports, hooks_1, SelectionContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSelectionContext = useSelectionContext;
+    function useSelectionContext() {
+        return (0, hooks_1.useContext)(SelectionContext_1.SelectionContext);
+    }
+});

package/oj-c/hooks/PRIVATE_useVisContextMenu/useVisContextMenu.js

@@ -0,0 +1,41 @@
+define(["require", "exports", "preact/jsx-runtime", "preact/hooks", "../../utils/PRIVATE_ItemsMenu/items-menu"], function (require, exports, jsx_runtime_1, hooks_1, items_menu_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useVisContextMenu = useVisContextMenu;
+    function useVisContextMenu(idToDPItemMap, contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, transformContext) {
+        const itemsRenderer = (0, hooks_1.useCallback)((context) => {
+            let itemDetail = transformContext ? transformContext(context) : context;
+            if (!transformContext && context.type === 'item') {
+                const preactItemId = context.data?.id;
+                const itemData = idToDPItemMap.get(preactItemId);
+                itemDetail = { ...context, itemData };
+            }
+            const items = contextMenuConfig?.items(itemDetail);
+            return ((0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, onOjMenuAction: ({ key }) => {
+                    onOjContextMenuAction?.({
+                        menuItemKey: key,
+                        contextMenuContext: itemDetail
+                    });
+                }, onOjMenuSelection: ({ value, menuSelectionGroupKey }) => {
+                    onOjContextMenuSelection?.({
+                        value,
+                        contextMenuContext: itemDetail,
+                        menuSelectionGroupKey
+                    });
+                } }));
+        }, [
+            contextMenuConfig?.items,
+            onOjContextMenuAction,
+            onOjContextMenuSelection,
+            idToDPItemMap,
+            transformContext
+        ]);
+        const preactContextMenuConfig = (0, hooks_1.useMemo)(() => {
+            return {
+                itemsRenderer,
+                accessibleLabel: contextMenuConfig?.accessibleLabel
+            };
+        }, [contextMenuConfig?.accessibleLabel, itemsRenderer]);
+        return { preactContextMenuConfig };
+    }
+});

package/oj-c/hooks/PRIVATE_useVisData/useVisData.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "preact/hooks", "../UNSAFE_useDataProvider/useDataProvider"], function (require, exports, hooks_1, useDataProvider_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useVisData = void 0;
+    exports.useVisData = useVisData;
     const STATE_GRAPH = {
         initial: {
             setDP: 'fetching',
@@ -40,5 +40,4 @@ define(["require", "exports", "preact/hooks", "../UNSAFE_useDataProvider/useData
             isLoading: state !== 'fetched'
         };
     }
-    exports.useVisData = useVisData;
 });

package/oj-c/hooks/UNSAFE_useChartData/useChartData.js

@@ -1,18 +1,18 @@
 define(["require", "exports", "./dataUtil", "../PRIVATE_useVisData/useVisData"], function (require, exports, dataUtil_1, useVisData_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useChartData = void 0;
+    exports.useChartData = useChartData;
     function useChartData(dataProvider, addBusyState, itemTemplate, seriesTemplate, groupTemplate, itemElementName, seriesElementName, groupElementName, seriesComparator, groupComparator) {
         const { data, isLoading } = (0, useVisData_1.useVisData)({
             dataProvider,
             addBusyState
         });
         const { series, groups } = (0, dataUtil_1.createGroupsAndSeries)(data, itemTemplate, seriesTemplate, groupTemplate, itemElementName, seriesElementName, groupElementName, seriesComparator, groupComparator);
+        const idToDPItemMap = new Map(data.map((item) => [item.key, item.data]));
         const getDataItem = (seriesIndex, groupIndex) => {
             const seriesItems = series[seriesIndex]['items'];
             return seriesItems[groupIndex];
         };
-        return { series, groups, getDataItem, isLoading };
+        return { series, groups, getDataItem, isLoading, idToDPItemMap };
     }
-    exports.useChartData = useChartData;
 });

package/oj-c/hooks/UNSAFE_useDataProvider/useDataProvider.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "preact/hooks", "./DataProviderHandler"], function (require, exports, hooks_1, DataProviderHandler_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataProvider = void 0;
+    exports.useDataProvider = useDataProvider;
     function useDataProvider({ addBusyState, data }) {
         const [fetchedData, setFetchedData] = (0, hooks_1.useState)([]);
         const dataProviderHandler = (0, hooks_1.useRef)();
@@ -20,5 +20,4 @@ define(["require", "exports", "preact/hooks", "./DataProviderHandler"], function
             data: fetchedData
         };
     }
-    exports.useDataProvider = useDataProvider;
 });

package/oj-c/hooks/UNSAFE_useDataProvider/utils.js

@@ -1,7 +1,7 @@
 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getUpdatedItemsFromMutationDetail = void 0;
+    exports.getUpdatedItemsFromMutationDetail = getUpdatedItemsFromMutationDetail;
     async function getUpdatedItemsFromMutationDetail(detail, currentData, dataProvider) {
         const { add, remove, update } = detail ?? {};
         const keyIndexMap = new Map();
@@ -20,7 +20,6 @@ define(["require", "exports"], function (require, exports) {
         }
         return mutatedData;
     }
-    exports.getUpdatedItemsFromMutationDetail = getUpdatedItemsFromMutationDetail;
     function addItemsAtEnd(itemsToAdd, itemMetadataToAdd, items) {
         const indices = new Array(itemsToAdd.length).fill(-1);
         return addItemsAtIndices(indices, itemsToAdd, itemMetadataToAdd, items);

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

@@ -1,8 +1,9 @@
 define(["require", "exports", "./utils"], function (require, exports, utils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.parse = exports.format = void 0;
-    function parse(displayValue, converter) {
+    exports.format = format;
+    exports.parse = parse;
+    function parse(displayValue, converter, translateConverterParseError) {
         if (displayValue === undefined) {
             return { result: 'success', value: null };
         }
@@ -16,13 +17,13 @@ define(["require", "exports", "./utils"], function (require, exports, utils_1) {
             };
         }
         catch (error) {
+            const message = translateConverterParseError?.(error) ?? (0, utils_1.createMessageFromError)(error);
             return {
                 result: 'failure',
-                error: (0, utils_1.createMessageFromError)(error)
+                error: message
             };
         }
     }
-    exports.parse = parse;
     function format(value, defaultValue, converter) {
         if (shouldSkipFormat(value)) {
             return { result: 'success', value: defaultValue };
@@ -40,7 +41,6 @@ define(["require", "exports", "./utils"], function (require, exports, utils_1) {
             };
         }
     }
-    exports.format = format;
     function shouldSkipParse(value) {
         return value === '' || value === null;
     }

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

@@ -1,6 +1,8 @@
-define(["require", "exports", "./useEditableValue"], function (require, exports, useEditableValue_1) {
+define(["require", "exports", "./utils", "./useEditableValue"], function (require, exports, utils_1, useEditableValue_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useEditableValue = void 0;
+    exports.useEditableValue = exports.treatNull = exports.getVirtualKeyboardHintFromConverter = void 0;
+    Object.defineProperty(exports, "getVirtualKeyboardHintFromConverter", { enumerable: true, get: function () { return utils_1.getVirtualKeyboardHintFromConverter; } });
+    Object.defineProperty(exports, "treatNull", { enumerable: true, get: function () { return utils_1.treatNull; } });
     Object.defineProperty(exports, "useEditableValue", { enumerable: true, get: function () { return useEditableValue_1.useEditableValue; } });
 });

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

@@ -1,7 +1,23 @@
 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.updateValue = exports.updateValidStatus = exports.updatePreviousValue = exports.updatePreviousValidators = exports.updatePreviousReadonly = exports.updatePreviousDisabled = exports.updatePreviousDeferredValidators = exports.updatePreviousConverter = exports.updateHiddenMessages = exports.updateDisplayValue = exports.updateCustomMessages = exports.updateComponentMessages = exports.showHiddenMessages = exports.clearAllMessages = exports.addComponentMessage = exports.reducer = void 0;
+    exports.reducer = reducer;
+    exports.addComponentMessage = addComponentMessage;
+    exports.clearAllMessages = clearAllMessages;
+    exports.showHiddenMessages = showHiddenMessages;
+    exports.updateComponentMessages = updateComponentMessages;
+    exports.updateCustomMessages = updateCustomMessages;
+    exports.updateDisplayValue = updateDisplayValue;
+    exports.updateHiddenMessages = updateHiddenMessages;
+    exports.updatePreviousConverter = updatePreviousConverter;
+    exports.updatePreviousDeferredValidators = updatePreviousDeferredValidators;
+    exports.updatePreviousDisabled = updatePreviousDisabled;
+    exports.updatePreviousReadonly = updatePreviousReadonly;
+    exports.updatePreviousValidators = updatePreviousValidators;
+    exports.updatePreviousValue = updatePreviousValue;
+    exports.updateTransientValue = updateTransientValue;
+    exports.updateValidStatus = updateValidStatus;
+    exports.updateValue = updateValue;
     function reducer(state, action) {
         const customMsgs = state.customMessages ?? [];
         const hiddenMsgs = state.hiddenMessages;
@@ -23,6 +39,11 @@ define(["require", "exports"], function (require, exports) {
                     ...state,
                     value: action.payload
                 };
+            case 'UPDATE_TRANSIENT_VALUE':
+                return {
+                    ...state,
+                    transientValue: action.payload
+                };
             case 'UPDATE_PREVIOUS_CONVERTER':
                 return {
                     ...state,
@@ -96,69 +117,57 @@ define(["require", "exports"], function (require, exports) {
                 return state;
         }
     }
-    exports.reducer = reducer;
     function updateDisplayValue(dispatch, displayValue, { onRawValueChanged }) {
         dispatch({ type: 'UPDATE_DISPLAY_VALUE', payload: displayValue });
         onRawValueChanged?.(displayValue);
     }
-    exports.updateDisplayValue = updateDisplayValue;
     function updateValidStatus(dispatch, state, { onValidChanged }) {
         dispatch({ type: 'UPDATE_VALID', payload: state });
         onValidChanged?.(state);
     }
-    exports.updateValidStatus = updateValidStatus;
     function updateValue(dispatch, value, { onValueChanged }) {
         dispatch({ type: 'UPDATE_VALUE', payload: value });
         onValueChanged?.(value);
     }
-    exports.updateValue = updateValue;
+    function updateTransientValue(dispatch, transientValue, { onTransientValueChanged }) {
+        dispatch({ type: 'UPDATE_TRANSIENT_VALUE', payload: transientValue });
+        onTransientValueChanged?.(transientValue);
+    }
     function updateComponentMessages(dispatch, messages) {
         dispatch({ type: 'UPDATE_COMPONENT_MESSAGES', payload: messages });
     }
-    exports.updateComponentMessages = updateComponentMessages;
     function updateHiddenMessages(dispatch, messages) {
         dispatch({ type: 'UPDATE_HIDDEN_MESSAGES', payload: messages });
     }
-    exports.updateHiddenMessages = updateHiddenMessages;
     function updateCustomMessages(dispatch, messages) {
         dispatch({ type: 'UPDATE_CUSTOM_MESSAGES', payload: messages });
     }
-    exports.updateCustomMessages = updateCustomMessages;
     function updatePreviousValue(dispatch, value) {
         dispatch({ type: 'UPDATE_PREVIOUS_VALUE', payload: value });
     }
-    exports.updatePreviousValue = updatePreviousValue;
     function updatePreviousConverter(dispatch, converter) {
         dispatch({ type: 'UPDATE_PREVIOUS_CONVERTER', payload: converter });
     }
-    exports.updatePreviousConverter = updatePreviousConverter;
     function updatePreviousDeferredValidators(dispatch, validators) {
         dispatch({ type: 'UPDATE_PREVIOUS_DEFERRED_VALIDATORS', payload: validators });
     }
-    exports.updatePreviousDeferredValidators = updatePreviousDeferredValidators;
     function updatePreviousDisabled(dispatch, disabled) {
         dispatch({ type: 'UPDATE_PREVIOUS_DISABLED', payload: disabled });
     }
-    exports.updatePreviousDisabled = updatePreviousDisabled;
     function updatePreviousReadonly(dispatch, readonly) {
         dispatch({ type: 'UPDATE_PREVIOUS_READONLY', payload: readonly });
     }
-    exports.updatePreviousReadonly = updatePreviousReadonly;
     function updatePreviousValidators(dispatch, validators) {
         dispatch({ type: 'UPDATE_PREVIOUS_VALIDATORS', payload: validators });
     }
-    exports.updatePreviousValidators = updatePreviousValidators;
     function clearAllMessages(dispatch, _value, { onMessagesCustomChanged }) {
         dispatch({ type: 'CLEAR_ALL_MESSAGES' });
         onMessagesCustomChanged?.([]);
     }
-    exports.clearAllMessages = clearAllMessages;
     function showHiddenMessages(dispatch) {
         dispatch({ type: 'SHOW_HIDDEN_MESSAGES' });
     }
-    exports.showHiddenMessages = showHiddenMessages;
     function addComponentMessage(dispatch, message) {
         dispatch({ type: 'ADD_COMPONENT_MESSAGE', payload: message });
     }
-    exports.addComponentMessage = addComponentMessage;
 });