@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/card-view/__webdriver__/CardViewWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardViewWebElement.js","sourceRoot":"","sources":["CardViewWebElement.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAClE,yDAAoD;AACpD,mEAAmE;AACnE,mFAAqF;AACrF;;;;;GAKG;AACH,MAAa,kBAAmB,SAAQ,+CAAsB;IAC5D,qBAAqB;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,cAAc,CAAI,QAAkB;QACxC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,OAAO,IAAA,oCAAkB,EACvB,IAAI,CAAC,SAAS,EAAE,EAChB,CAAC,QAAQ,CAAC,EACV,CAAC,IAAI,EAAE,QAAQ,CAAC,EAChB;;KAED,CACA,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,WAAW;QACf,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAa,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAC7D;;;;;KAKD,EACC,IAAI,CACL,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,QAAQ,CAAI,WAAuB;QACvC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAC3C;;;;;;;KAOD,EACC,IAAI,EACJ,WAAW,CAAC,GAAG,CAChB,CAAC;QAEF,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC;YAC9C,OAAO,IAAA,+BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,CAAC,iDAAiD,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;CACF;AApED,gDAoEC","sourcesContent":["import { CardViewWebElementBase } from './CardViewWebElementBase';\nimport { By, WebElement } from 'selenium-webdriver';\nimport { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { executeWithModules } from '@oracle/oraclejet-webdriver/lib/oj-module-proxy';\n/**\n/**\n * The component WebElement for [oj-c-card-view](../../../oj-c/docs/oj.CardView.html).\n * Do not instantiate this class directly, instead, use\n * [findCardView](../modules.html#findCardView).\n */\nexport class CardViewWebElement extends CardViewWebElementBase {\n  // Put overrides here\n  /**\n   * Sets the value of \"selected\" property.\n   * Specifies the current selected items in the listview. See the Help documentation for more information.\n   * @param selected The value to set for \"selected\"\n   * @override\n   * @typeparam K Type of keys\n   */\n  async changeSelected<K>(selected: Array<K>) {\n    await this.whenReady();\n    return executeWithModules<K>(\n      this.getDriver(),\n      ['KeySet'],\n      [this, selected],\n      `\n    ({ KeySetImpl }, ele, selected) => ele.selected = new KeySetImpl(selected)\n    `\n    );\n  }\n\n  /**\n   * Gets the value of \"selected\" property.\n   * Retrieves the current selected items in the listview. See the Help documentation for more information.\n   * @override\n   * @typeparam K Type of keys\n   * @return The value of \"selected\" property.\n   */\n  async getSelected<K>(): Promise<Array<K>> {\n    await this.whenReady();\n    const selected: Array<K> = await this.getDriver().executeScript(\n      `\n      const ele = arguments[0];\n      const selected = ele.selected.isAddAll() ? Array.from(ele.selected.deletedValues())\n      : Array.from(ele.selected.values())\n      return selected;\n    `,\n      this\n    );\n    return selected;\n  }\n\n  /**\n   * Retrieve a SlotProxy which represents a single listview item.\n   * @param key The key within the Collection's dataset associated with the item.\n   */\n  async findItem<T>(itemLocator: { key: T }): Promise<SlotProxy> {\n    await this.whenReady();\n    let el = await this.getDriver().executeScript<WebElement>(\n      `\n      const ele = arguments[0].querySelectorAll('[role = gridcell]')\n      for(let i = 0; i<ele.length; i++){\n        if(ele[i].getAttribute('data-oj-key') === arguments[1].toString()){\n          return ele[i];\n        }\n      }\n    `,\n      this,\n      itemLocator.key\n    );\n\n    if (el) {\n      el = el.findElement(By.css('[role=\"group\"]'));\n      return slotProxy(el, this);\n    } else {\n      throw Error(`No corresponding item found for the itemLocator`);\n    }\n  }\n}\n"]}
+{"version":3,"file":"CardViewWebElement.js","sourceRoot":"","sources":["CardViewWebElement.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAClE,yDAAwC;AACxC,mEAAmE;AACnE,mFAAqF;AACrF;;;;;GAKG;AACH,MAAa,kBAAmB,SAAQ,+CAAsB;IAC5D,qBAAqB;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,cAAc,CAAI,QAAkB;QACxC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,OAAO,IAAA,oCAAkB,EACvB,IAAI,CAAC,SAAS,EAAE,EAChB,CAAC,QAAQ,CAAC,EACV,CAAC,IAAI,EAAE,QAAQ,CAAC,EAChB;;KAED,CACA,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,KAAK,CAAC,WAAW;QACf,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAa,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAC7D;;;;;KAKD,EACC,IAAI,CACL,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,QAAQ,CAAI,WAAuB;QACvC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;YACvB,OAAO,IAAA,+BAAS,EACd,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,kCAAkC,WAAW,CAAC,GAAG,IAAI,CAAC,CAAC,CACtF,CAAC;QACJ,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACZ,MAAM,KAAK,CACT,mDAAmD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAC1F,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AA3DD,gDA2DC","sourcesContent":["import { CardViewWebElementBase } from './CardViewWebElementBase';\nimport { By } from 'selenium-webdriver';\nimport { SlotProxy, slotProxy } from '@oracle/oraclejet-webdriver';\nimport { executeWithModules } from '@oracle/oraclejet-webdriver/lib/oj-module-proxy';\n/**\n/**\n * The component WebElement for [oj-c-card-view](../../../oj-c/docs/oj.CardView.html).\n * Do not instantiate this class directly, instead, use\n * [findCardView](../modules.html#findCardView).\n */\nexport class CardViewWebElement extends CardViewWebElementBase {\n  // Put overrides here\n  /**\n   * Sets the value of \"selected\" property.\n   * Specifies the current selected items in the listview. See the Help documentation for more information.\n   * @param selected The value to set for \"selected\"\n   * @override\n   * @typeparam K Type of keys\n   */\n  async changeSelected<K>(selected: Array<K>) {\n    await this.whenReady();\n    return executeWithModules<K>(\n      this.getDriver(),\n      ['KeySet'],\n      [this, selected],\n      `\n    ({ KeySetImpl }, ele, selected) => ele.selected = new KeySetImpl(selected)\n    `\n    );\n  }\n\n  /**\n   * Gets the value of \"selected\" property.\n   * Retrieves the current selected items in the listview. See the Help documentation for more information.\n   * @override\n   * @typeparam K Type of keys\n   * @return The value of \"selected\" property.\n   */\n  async getSelected<K>(): Promise<Array<K>> {\n    await this.whenReady();\n    const selected: Array<K> = await this.getDriver().executeScript(\n      `\n      const ele = arguments[0];\n      const selected = ele.selected.isAddAll() ? Array.from(ele.selected.deletedValues())\n      : Array.from(ele.selected.values())\n      return selected;\n    `,\n      this\n    );\n    return selected;\n  }\n\n  /**\n   * Retrieve a SlotProxy which represents a single listview item.\n   * @param key The key within the Collection's dataset associated with the item.\n   */\n  async findItem<T>(itemLocator: { key: T }): Promise<SlotProxy> {\n    await this.whenReady();\n    try {\n      await this.whenReady();\n      return slotProxy(\n        await this.findElement(By.css(`[role=\"gridcell\"][data-oj-key=\"${itemLocator.key}\"]`))\n      );\n    } catch (ex) {\n      throw Error(\n        `No corresponding item found for the itemLocator ${JSON.stringify(itemLocator, null, 2)}`\n      );\n    }\n  }\n}\n"]}

package/oj-c/card-view/card-view.js

@@ -27,7 +27,6 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     };
     const CardViewImpl = ({ columns = 'auto', data = null, focusBehavior = 'card', gutterSize = 'sm', initialAnimation = 'slideUp', scrollPolicyOptions = { fetchSize: 25 }, selectionMode = 'none', reorderable = { items: 'disabled' }, ...rest }) => {
         const rootRef = (0, hooks_1.useRef)();
-        const busyContextRef = (0, hooks_1.useRef)(Context.getContext(rootRef.current).getBusyContext());
         const isClickthroughDisabled = (0, hooks_1.useCallback)((target) => {
             if (target === null || rootRef.current === undefined) {
                 return false;
@@ -35,9 +34,13 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             return isEventClickthroughDisabled({ target }, rootRef.current);
         }, []);
         const addBusyState = (0, hooks_1.useCallback)((desc) => {
-            return busyContextRef.current?.addBusyState({
-                description: `oj-c-card-view: ${desc}`
-            });
+            return rootRef.current
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({
+                    description: `oj-c-card-view: ${desc}`
+                })
+                : () => { };
         }, []);
         const props = {
             columns,

package/oj-c/card-view/component.json

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

package/oj-c/checkbox/checkbox.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "ojs/ojcontext", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_Checkbox", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useCheckboxPreact", "css!oj-c/checkbox/checkbox-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, Context, ojvcomponent_1, UNSAFE_Checkbox_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useTabbableMode_1, UNSAFE_useTranslationBundle_1, Layout_1, useAssistiveText_1, useCheckboxPreact_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "ojs/ojcontext", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_Checkbox", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useCheckboxPreact", "css!oj-c/checkbox/checkbox-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, Context, ojvcomponent_1, UNSAFE_Checkbox_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useTabbableMode_1, Layout_1, useAssistiveText_1, useCheckboxPreact_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Checkbox = void 0;
@@ -16,20 +16,6 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
     const FunctionalCheckbox = (0, compat_1.forwardRef)(({ ['aria-describedby']: ariaDescribedBy, children, columnSpan = 1, containerReadonly: propContainerReadonly, disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, id, messagesCustom = messagesCustomDefault, onMessagesCustomChanged, onValidChanged, onValueChanged, readonly: propReadonly, required = false, requiredMessageDetail, userAssistanceDensity: propUserAssistanceDensity, value = false }, ref) => {
         const rootRef = (0, hooks_1.useRef)();
         const checkboxRef = (0, hooks_1.useRef)();
-        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
-        const errorMessage = requiredMessageDetail || translations.checkbox_requiredMessageDetail();
-        const validators = (0, hooks_1.useMemo)(() => {
-            return [
-                {
-                    validate: (value) => {
-                        if (required && value !== true) {
-                            throw new Error(errorMessage);
-                        }
-                        return;
-                    }
-                }
-            ];
-        }, [errorMessage, required]);
         const addBusyState = (0, hooks_1.useCallback)((description) => {
             return rootRef.current
                 ? Context.getContext(rootRef.current)
@@ -55,7 +41,6 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             required,
             requiredMessageDetail,
             userAssistanceDensity: uadValue,
-            validators,
             value
         }, addBusyState);
         (0, hooks_1.useImperativeHandle)(ref, () => ({
@@ -67,7 +52,6 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             displayOptions,
             help,
             helpHints,
-            validators,
             userAssistanceDensity: checkboxProps.userAssistanceDensity
         });
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, class: Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan], children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_Checkbox_1.Checkbox, { ref: checkboxRef, ...assistiveTextProps, ...checkboxProps, children: children }) }) }));

package/oj-c/checkbox/component.json

@@ -1,7 +1,7 @@
 {
   "name": "checkbox",
-  "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/CheckboxWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/CheckboxWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/checkbox/useCheckboxPreact.js

@@ -1,28 +1,41 @@
-define(["require", "exports", "preact/hooks", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators"], function (require, exports, hooks_1, useEditableValue_1, useValidators_1) {
+define(["require", "exports", "preact/hooks", "oj-c/hooks/UNSAFE_useEditableValue/index", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle"], function (require, exports, hooks_1, index_1, UNSAFE_useTranslationBundle_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useCheckboxPreact = void 0;
-    function useCheckboxPreact({ ['aria-describedby']: ariaDescribedBy, disabled, displayOptions, messagesCustom, readonly, requiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged, validators }, addBusyState) {
-        const { methods, onCommitValue, displayValue, setDisplayValue, textFieldProps } = (0, useEditableValue_1.useEditableValue)({
+    function useCheckboxPreact({ ['aria-describedby']: ariaDescribedBy, disabled, displayOptions, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged }, addBusyState) {
+        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
+        const requiredMessageDetail = propRequiredMessageDetail || translations.checkbox_requiredMessageDetail();
+        const deferredValidators = (0, hooks_1.useMemo)(() => {
+            return [
+                {
+                    validate: (value) => {
+                        if (required && value !== true) {
+                            throw new Error(requiredMessageDetail);
+                        }
+                        return;
+                    }
+                }
+            ];
+        }, [requiredMessageDetail, required]);
+        const { methods, onCommitValue, displayValue, refreshDisplayValue, textFieldProps } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy,
+            defaultDisplayValue: false,
+            deferredValidators,
             disabled,
             displayOptions,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onValidChanged,
             onValueChanged,
-            validators
+            readonly,
+            value: propValue
         });
         const onCommitHandler = (0, hooks_1.useCallback)(async ({ value }) => {
-            const validationResult = await onCommitValue(value);
-            const newValue = validationResult === useValidators_1.ValidationResult.INVALID ? false : value;
-            setDisplayValue(newValue);
-        }, [onCommitValue]);
+            const commitSucceeded = await onCommitValue(value);
+            const newValue = commitSucceeded ? value : false;
+            refreshDisplayValue(newValue);
+        }, [onCommitValue, refreshDisplayValue]);
         const checkboxProps = {
             'aria-describedby': textFieldProps['aria-describedby'],
             isRequired: required,

package/oj-c/checkboxset/component.json

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

package/oj-c/checkboxset/useCheckboxsetPreact.js

@@ -1,31 +1,35 @@
-define(["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "preact/hooks", "oj-c/editable-value/UNSAFE_useValidators/useValidators"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1, hooks_1, useValidators_1) {
+define(["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/hooks/UNSAFE_useEditableValue/index", "preact/hooks", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, UNSAFE_useTranslationBundle_1, index_1, hooks_1, useDeferredValidators_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useCheckboxsetPreact = void 0;
     function useCheckboxsetPreact({ 'aria-describedby': ariaDescribedBy, disabled, displayOptions, labelEdge, labelHint, labelStartWidth, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged }, addBusyState) {
         const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
         const requiredMessageDetail = propRequiredMessageDetail || translations.checkboxSet_requiredMessageDetail();
-        const { methods, onCommitValue, setDisplayValue, displayValue, textFieldProps } = (0, useEditableValue_1.useEditableValue)({
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const { methods, displayValue, onCommitValue, refreshDisplayValue, textFieldProps } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy,
+            defaultDisplayValue: null,
+            deferredValidators,
             disabled,
             displayOptions,
-            labelHint,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onValidChanged,
-            onValueChanged
+            onValueChanged,
+            readonly,
+            value: propValue
         });
         const onCommitHandler = (0, hooks_1.useCallback)(async ({ value }) => {
             const valueAsArray = value ? Array.from(value) : null;
-            const validationResult = await onCommitValue(valueAsArray);
-            const newValue = validationResult === useValidators_1.ValidationResult.INVALID ? null : valueAsArray;
-            setDisplayValue(newValue);
-        }, [onCommitValue, setDisplayValue]);
+            const commitSuccessful = await onCommitValue(valueAsArray);
+            const newValue = commitSuccessful ? valueAsArray : null;
+            refreshDisplayValue(newValue);
+        }, [onCommitValue, refreshDisplayValue]);
         return {
             methods,
             checkboxsetProps: {

package/oj-c/collapsible/component.json

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

package/oj-c/component.json

@@ -1,7 +1,7 @@
 {
   "name": "oj-c",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "type": "mono-pack",
   "displayName": "Oracle JET Core pack",
   "description": "Core Oracle JET components implemented using virtual DOM technology",
@@ -9,7 +9,7 @@
   "license": "https://opensource.org/licenses/UPL",
   "dependencyScope": "runtime",
   "dependencies": {
-    "oj-ref-oraclejet-preact": "17.0.0"
+    "oj-ref-oraclejet-preact": "17.1.0"
   },
   "bundles": {
     "oj-c/corepackbundle": [
@@ -73,7 +73,9 @@
       "oj-c/drag-handle",
       "oj-c/toggle-button",
       "oj-c/buttonset-single",
-      "oj-c/buttonset-multiple"
+      "oj-c/buttonset-multiple",
+      "oj-c/progress-button",
+      "oj-c/table"
     ]
   },
   "contents": [
@@ -259,6 +261,12 @@
     },
     {
       "name": "buttonset-multiple"
+    },
+    {
+      "name": "progress-button"
+    },
+    {
+      "name": "table"
     }
   ]
-}
+}

package/oj-c/conveyor-belt/component.json

@@ -1,7 +1,7 @@
 {
   "name": "conveyor-belt",
-  "version": "17.0.4",
-  "jetVersion": "^17.0.4",
+  "version": "17.1.0",
+  "jetVersion": "^17.1.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -175,7 +175,7 @@
   },
   "extension": {
     "webelement": {
-      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ConveyorBeltWebElement.html"
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1710/cpwdtsdoc/classes/ConveyorBeltWebElement.html"
     }
   }
 }