@refinitiv-ui/elements 5.12.2 → 6.0.0-next.0

package/lib/tree-select/index.js

@@ -1,14 +1,14 @@
 import { __decorate } from "tslib";
 import { html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { styleMap } from '@refinitiv-ui/core/lib/directives/style-map.js';
-import { repeat } from '@refinitiv-ui/core/lib/directives/repeat.js';
-import { ifDefined } from '@refinitiv-ui/core/lib/directives/if-defined.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { styleMap } from '@refinitiv-ui/core/directives/style-map.js';
+import { repeat } from '@refinitiv-ui/core/directives/repeat.js';
+import { ifDefined } from '@refinitiv-ui/core/directives/if-defined.js';
 import { VERSION } from '../version.js';
-import { CollectionComposer } from '@refinitiv-ui/utils/lib/collection.js';
-import { TimeoutTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import { TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js';
 import '../icon/index.js';
 import '../text-field/index.js';
 import '../pill/index.js';
@@ -19,7 +19,7 @@ import { ComboBox } from '../combo-box/index.js';
 import { TreeRenderer as TreeSelectRenderer } from '../tree/index.js';
 import { CheckedState, TreeManager, TreeManagerMode } from '../tree/managers/tree-manager.js';
 import { translate } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/tree-select.js';
+import '@refinitiv-ui/phrasebook/locale/en/tree-select.js';
 export { TreeSelectRenderer };
 const MEMO_THROTTLE = 16;
 const POPUP_POSITION = ['bottom-start', 'top-start'];
@@ -139,7 +139,6 @@ let TreeSelect = class TreeSelect extends ComboBox {
         flex-basis: auto;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
         outline: none;
       }
 
@@ -320,8 +319,14 @@ let TreeSelect = class TreeSelect extends ComboBox {
      * @returns {void}
      */
     cancelSelection() {
-        // values setter updates the collection composer if required
-        this.values = this._values;
+        const oldValues = this.values.slice();
+        const newValues = this.composerValues;
+        const oldComparison = oldValues.sort().toString();
+        const newComparison = newValues.sort().toString();
+        if (oldComparison !== newComparison) {
+            // revert selected item by updating the collection composer
+            this.updateComposerValues(this._values);
+        }
     }
     /**
      * Update memoized track
@@ -345,7 +350,7 @@ let TreeSelect = class TreeSelect extends ComboBox {
                     this.memo.expanded += 1;
                 }
             }
-            else if (this.treeManager.isItemCheckable(item)) {
+            else if (!this.composer.isItemLocked(item)) {
                 this.memo.selectable += 1;
                 if (this.getItemPropertyValue(item, 'selected') === true) {
                     this.memo.selected += 1;
@@ -608,16 +613,15 @@ let TreeSelect = class TreeSelect extends ComboBox {
      */
     /* istanbul ignore next */
     onKeyDown(event) {
-        var _a, _b;
         // There are three areas, which have different reaction on key press:
         // 1) search field
         // 2) tree selection
         // 3) popup panel
-        if (((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) === this.selectionAreaEl && this.listEl) {
+        if (this.shadowRoot?.activeElement === this.listEl && this.listEl) {
             // Focus within selection area. Propagate all events
             this.reTargetEvent(event, this.listEl);
         }
-        else if (!((_b = this.popupEl) === null || _b === void 0 ? void 0 : _b.focused)) {
+        else if (!this.popupEl?.focused) {
             // search field is in focus
             // combo box logic should take care
             super.onKeyDown(event);
@@ -668,8 +672,7 @@ let TreeSelect = class TreeSelect extends ComboBox {
         // as otherwise focus logic may contradict with other components
         // and the focus is not moved
         void this.updateComplete.then(() => {
-            var _a;
-            (_a = this.selectionAreaEl) === null || _a === void 0 ? void 0 : _a.focus();
+            this.listEl?.focus();
         });
     }
     /**
@@ -826,28 +829,29 @@ let TreeSelect = class TreeSelect extends ComboBox {
         if (this.lazyRendered) {
             return html `
       <ef-overlay
-        part="list"
-        style=${styleMap(this.popupDynamicStyles)}
-        @opened="${this.onPopupOpened}"
-        @closed="${this.onPopupClosed}"
-        .focusBoundary="${this}"
-        .opened="${this.opened}"
-        .positionTarget="${this}"
-        .position="${POPUP_POSITION}"
-        .delegatesFocus=${true}
-        no-cancel-on-outside-click
-        tabindex="0"
-        with-shadow
-        no-overlap
-        no-autofocus>
+          role="dialog"
+          aria-modal="true"
+          part="list"
+          style=${styleMap(this.popupDynamicStyles)}
+          @opened="${this.onPopupOpened}"
+          @closed="${this.onPopupClosed}"
+          .focusBoundary="${this}"
+          .opened="${this.opened}"
+          .positionTarget="${this}"
+          .position="${POPUP_POSITION}"
+          .delegatesFocus=${true}
+          no-cancel-on-outside-click
+          tabindex="0"
+          with-shadow
+          no-overlap
+          no-autofocus
+        >
         <div part="section">
           ${this.filtersTemplate}
           ${this.treeControlsTemplate}
-          <div part="selection-area" tabindex="-1">
+          <div part="selection-area">
             <ef-tree
               id="internal-list"
-              @focusin="${this.shiftFocus}"
-              tabindex="-1"
               part="tree"
               .noRelation=${this.noRelation}
               .renderer=${this.renderer}
@@ -877,9 +881,6 @@ __decorate([
 __decorate([
     property({ type: Function, attribute: false })
 ], TreeSelect.prototype, "renderer", void 0);
-__decorate([
-    query('[part=selection-area]')
-], TreeSelect.prototype, "selectionAreaEl", void 0);
 __decorate([
     query('[part=list]')
 ], TreeSelect.prototype, "popupEl", void 0);

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '5.12.2';
+export const VERSION = '6.0.0-next.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "5.12.2",
+  "version": "6.0.0-next.0",
   "description": "Element Framework Elements",
   "author": "Refinitiv",
   "license": "Apache-2.0",
@@ -13,6 +13,13 @@
     "url": "git@github.com:Refinitiv/refinitiv-ui.git",
     "directory": "packages/elements"
   },
+  "typesVersions": {
+    "*": {
+      "*.js": [
+        "lib/*.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "default": "./lib/index.js"
@@ -93,6 +100,11 @@
     "./counter/themes/halo/light": "./lib/counter/themes/halo/light/index.js",
     "./counter/themes/solar/charcoal": "./lib/counter/themes/solar/charcoal/index.js",
     "./counter/themes/solar/pearl": "./lib/counter/themes/solar/pearl/index.js",
+    "./datetime-field": "./lib/datetime-field/index.js",
+    "./datetime-field/themes/halo/dark": "./lib/datetime-field/themes/halo/dark/index.js",
+    "./datetime-field/themes/halo/light": "./lib/datetime-field/themes/halo/light/index.js",
+    "./datetime-field/themes/solar/charcoal": "./lib/datetime-field/themes/solar/charcoal/index.js",
+    "./datetime-field/themes/solar/pearl": "./lib/datetime-field/themes/solar/pearl/index.js",
     "./datetime-picker": "./lib/datetime-picker/index.js",
     "./datetime-picker/themes/halo/dark": "./lib/datetime-picker/themes/halo/dark/index.js",
     "./datetime-picker/themes/halo/light": "./lib/datetime-picker/themes/halo/light/index.js",
@@ -297,288 +309,7 @@
     "./tree-select/themes/halo/dark": "./lib/tree-select/themes/halo/dark/index.js",
     "./tree-select/themes/halo/light": "./lib/tree-select/themes/halo/light/index.js",
     "./tree-select/themes/solar/charcoal": "./lib/tree-select/themes/solar/charcoal/index.js",
-    "./tree-select/themes/solar/pearl": "./lib/tree-select/themes/solar/pearl/index.js",
-    "./lib/version": "./lib/version.js",
-    "./lib/accordion": "./lib/accordion/index.js",
-    "./lib/accordion/themes/halo/dark": "./lib/accordion/themes/halo/dark/index.js",
-    "./lib/accordion/themes/halo/light": "./lib/accordion/themes/halo/light/index.js",
-    "./lib/accordion/themes/solar/charcoal": "./lib/accordion/themes/solar/charcoal/index.js",
-    "./lib/accordion/themes/solar/pearl": "./lib/accordion/themes/solar/pearl/index.js",
-    "./lib/appstate-bar": "./lib/appstate-bar/index.js",
-    "./lib/appstate-bar/themes/halo/dark": "./lib/appstate-bar/themes/halo/dark/index.js",
-    "./lib/appstate-bar/themes/halo/light": "./lib/appstate-bar/themes/halo/light/index.js",
-    "./lib/appstate-bar/themes/solar/charcoal": "./lib/appstate-bar/themes/solar/charcoal/index.js",
-    "./lib/appstate-bar/themes/solar/pearl": "./lib/appstate-bar/themes/solar/pearl/index.js",
-    "./lib/autosuggest": "./lib/autosuggest/index.js",
-    "./lib/autosuggest/themes/halo/dark": "./lib/autosuggest/themes/halo/dark/index.js",
-    "./lib/autosuggest/themes/halo/light": "./lib/autosuggest/themes/halo/light/index.js",
-    "./lib/autosuggest/themes/solar/charcoal": "./lib/autosuggest/themes/solar/charcoal/index.js",
-    "./lib/autosuggest/themes/solar/pearl": "./lib/autosuggest/themes/solar/pearl/index.js",
-    "./lib/button": "./lib/button/index.js",
-    "./lib/button/themes/halo/dark": "./lib/button/themes/halo/dark/index.js",
-    "./lib/button/themes/halo/light": "./lib/button/themes/halo/light/index.js",
-    "./lib/button/themes/solar/charcoal": "./lib/button/themes/solar/charcoal/index.js",
-    "./lib/button/themes/solar/pearl": "./lib/button/themes/solar/pearl/index.js",
-    "./lib/button-bar": "./lib/button-bar/index.js",
-    "./lib/button-bar/themes/halo/dark": "./lib/button-bar/themes/halo/dark/index.js",
-    "./lib/button-bar/themes/halo/light": "./lib/button-bar/themes/halo/light/index.js",
-    "./lib/button-bar/themes/solar/charcoal": "./lib/button-bar/themes/solar/charcoal/index.js",
-    "./lib/button-bar/themes/solar/pearl": "./lib/button-bar/themes/solar/pearl/index.js",
-    "./lib/calendar": "./lib/calendar/index.js",
-    "./lib/calendar/themes/halo/dark": "./lib/calendar/themes/halo/dark/index.js",
-    "./lib/calendar/themes/halo/light": "./lib/calendar/themes/halo/light/index.js",
-    "./lib/calendar/themes/solar/charcoal": "./lib/calendar/themes/solar/charcoal/index.js",
-    "./lib/calendar/themes/solar/pearl": "./lib/calendar/themes/solar/pearl/index.js",
-    "./lib/canvas": "./lib/canvas/index.js",
-    "./lib/canvas/themes/halo/dark": "./lib/canvas/themes/halo/dark/index.js",
-    "./lib/canvas/themes/halo/light": "./lib/canvas/themes/halo/light/index.js",
-    "./lib/canvas/themes/solar/charcoal": "./lib/canvas/themes/solar/charcoal/index.js",
-    "./lib/canvas/themes/solar/pearl": "./lib/canvas/themes/solar/pearl/index.js",
-    "./lib/card": "./lib/card/index.js",
-    "./lib/card/themes/halo/dark": "./lib/card/themes/halo/dark/index.js",
-    "./lib/card/themes/halo/light": "./lib/card/themes/halo/light/index.js",
-    "./lib/card/themes/solar/charcoal": "./lib/card/themes/solar/charcoal/index.js",
-    "./lib/card/themes/solar/pearl": "./lib/card/themes/solar/pearl/index.js",
-    "./lib/chart": "./lib/chart/index.js",
-    "./lib/chart/themes/halo/dark": "./lib/chart/themes/halo/dark/index.js",
-    "./lib/chart/themes/halo/light": "./lib/chart/themes/halo/light/index.js",
-    "./lib/chart/themes/solar/charcoal": "./lib/chart/themes/solar/charcoal/index.js",
-    "./lib/chart/themes/solar/pearl": "./lib/chart/themes/solar/pearl/index.js",
-    "./lib/checkbox": "./lib/checkbox/index.js",
-    "./lib/checkbox/themes/halo/dark": "./lib/checkbox/themes/halo/dark/index.js",
-    "./lib/checkbox/themes/halo/light": "./lib/checkbox/themes/halo/light/index.js",
-    "./lib/checkbox/themes/solar/charcoal": "./lib/checkbox/themes/solar/charcoal/index.js",
-    "./lib/checkbox/themes/solar/pearl": "./lib/checkbox/themes/solar/pearl/index.js",
-    "./lib/clock": "./lib/clock/index.js",
-    "./lib/clock/themes/halo/dark": "./lib/clock/themes/halo/dark/index.js",
-    "./lib/clock/themes/halo/light": "./lib/clock/themes/halo/light/index.js",
-    "./lib/clock/themes/solar/charcoal": "./lib/clock/themes/solar/charcoal/index.js",
-    "./lib/clock/themes/solar/pearl": "./lib/clock/themes/solar/pearl/index.js",
-    "./lib/collapse": "./lib/collapse/index.js",
-    "./lib/collapse/themes/halo/dark": "./lib/collapse/themes/halo/dark/index.js",
-    "./lib/collapse/themes/halo/light": "./lib/collapse/themes/halo/light/index.js",
-    "./lib/collapse/themes/solar/charcoal": "./lib/collapse/themes/solar/charcoal/index.js",
-    "./lib/collapse/themes/solar/pearl": "./lib/collapse/themes/solar/pearl/index.js",
-    "./lib/color-dialog": "./lib/color-dialog/index.js",
-    "./lib/color-dialog/themes/halo/dark": "./lib/color-dialog/themes/halo/dark/index.js",
-    "./lib/color-dialog/themes/halo/light": "./lib/color-dialog/themes/halo/light/index.js",
-    "./lib/color-dialog/themes/solar/charcoal": "./lib/color-dialog/themes/solar/charcoal/index.js",
-    "./lib/color-dialog/themes/solar/pearl": "./lib/color-dialog/themes/solar/pearl/index.js",
-    "./lib/combo-box": "./lib/combo-box/index.js",
-    "./lib/combo-box/themes/halo/dark": "./lib/combo-box/themes/halo/dark/index.js",
-    "./lib/combo-box/themes/halo/light": "./lib/combo-box/themes/halo/light/index.js",
-    "./lib/combo-box/themes/solar/charcoal": "./lib/combo-box/themes/solar/charcoal/index.js",
-    "./lib/combo-box/themes/solar/pearl": "./lib/combo-box/themes/solar/pearl/index.js",
-    "./lib/counter": "./lib/counter/index.js",
-    "./lib/counter/themes/halo/dark": "./lib/counter/themes/halo/dark/index.js",
-    "./lib/counter/themes/halo/light": "./lib/counter/themes/halo/light/index.js",
-    "./lib/counter/themes/solar/charcoal": "./lib/counter/themes/solar/charcoal/index.js",
-    "./lib/counter/themes/solar/pearl": "./lib/counter/themes/solar/pearl/index.js",
-    "./lib/datetime-picker": "./lib/datetime-picker/index.js",
-    "./lib/datetime-picker/themes/halo/dark": "./lib/datetime-picker/themes/halo/dark/index.js",
-    "./lib/datetime-picker/themes/halo/light": "./lib/datetime-picker/themes/halo/light/index.js",
-    "./lib/datetime-picker/themes/solar/charcoal": "./lib/datetime-picker/themes/solar/charcoal/index.js",
-    "./lib/datetime-picker/themes/solar/pearl": "./lib/datetime-picker/themes/solar/pearl/index.js",
-    "./lib/dialog": "./lib/dialog/index.js",
-    "./lib/dialog/themes/halo/dark": "./lib/dialog/themes/halo/dark/index.js",
-    "./lib/dialog/themes/halo/light": "./lib/dialog/themes/halo/light/index.js",
-    "./lib/dialog/themes/solar/charcoal": "./lib/dialog/themes/solar/charcoal/index.js",
-    "./lib/dialog/themes/solar/pearl": "./lib/dialog/themes/solar/pearl/index.js",
-    "./lib/email-field": "./lib/email-field/index.js",
-    "./lib/email-field/themes/halo/dark": "./lib/email-field/themes/halo/dark/index.js",
-    "./lib/email-field/themes/halo/light": "./lib/email-field/themes/halo/light/index.js",
-    "./lib/email-field/themes/solar/charcoal": "./lib/email-field/themes/solar/charcoal/index.js",
-    "./lib/email-field/themes/solar/pearl": "./lib/email-field/themes/solar/pearl/index.js",
-    "./lib/flag": "./lib/flag/index.js",
-    "./lib/flag/themes/halo/dark": "./lib/flag/themes/halo/dark/index.js",
-    "./lib/flag/themes/halo/light": "./lib/flag/themes/halo/light/index.js",
-    "./lib/flag/themes/solar/charcoal": "./lib/flag/themes/solar/charcoal/index.js",
-    "./lib/flag/themes/solar/pearl": "./lib/flag/themes/solar/pearl/index.js",
-    "./lib/header": "./lib/header/index.js",
-    "./lib/header/themes/halo/dark": "./lib/header/themes/halo/dark/index.js",
-    "./lib/header/themes/halo/light": "./lib/header/themes/halo/light/index.js",
-    "./lib/header/themes/solar/charcoal": "./lib/header/themes/solar/charcoal/index.js",
-    "./lib/header/themes/solar/pearl": "./lib/header/themes/solar/pearl/index.js",
-    "./lib/heatmap": "./lib/heatmap/index.js",
-    "./lib/heatmap/themes/halo/dark": "./lib/heatmap/themes/halo/dark/index.js",
-    "./lib/heatmap/themes/halo/light": "./lib/heatmap/themes/halo/light/index.js",
-    "./lib/heatmap/themes/solar/charcoal": "./lib/heatmap/themes/solar/charcoal/index.js",
-    "./lib/heatmap/themes/solar/pearl": "./lib/heatmap/themes/solar/pearl/index.js",
-    "./lib/icon": "./lib/icon/index.js",
-    "./lib/icon/themes/halo/dark": "./lib/icon/themes/halo/dark/index.js",
-    "./lib/icon/themes/halo/light": "./lib/icon/themes/halo/light/index.js",
-    "./lib/icon/themes/solar/charcoal": "./lib/icon/themes/solar/charcoal/index.js",
-    "./lib/icon/themes/solar/pearl": "./lib/icon/themes/solar/pearl/index.js",
-    "./lib/interactive-chart": "./lib/interactive-chart/index.js",
-    "./lib/interactive-chart/themes/halo/dark": "./lib/interactive-chart/themes/halo/dark/index.js",
-    "./lib/interactive-chart/themes/halo/light": "./lib/interactive-chart/themes/halo/light/index.js",
-    "./lib/interactive-chart/themes/solar/charcoal": "./lib/interactive-chart/themes/solar/charcoal/index.js",
-    "./lib/interactive-chart/themes/solar/pearl": "./lib/interactive-chart/themes/solar/pearl/index.js",
-    "./lib/item": "./lib/item/index.js",
-    "./lib/item/themes/halo/dark": "./lib/item/themes/halo/dark/index.js",
-    "./lib/item/themes/halo/light": "./lib/item/themes/halo/light/index.js",
-    "./lib/item/themes/solar/charcoal": "./lib/item/themes/solar/charcoal/index.js",
-    "./lib/item/themes/solar/pearl": "./lib/item/themes/solar/pearl/index.js",
-    "./lib/label": "./lib/label/index.js",
-    "./lib/label/themes/halo/dark": "./lib/label/themes/halo/dark/index.js",
-    "./lib/label/themes/halo/light": "./lib/label/themes/halo/light/index.js",
-    "./lib/label/themes/solar/charcoal": "./lib/label/themes/solar/charcoal/index.js",
-    "./lib/label/themes/solar/pearl": "./lib/label/themes/solar/pearl/index.js",
-    "./lib/layout": "./lib/layout/index.js",
-    "./lib/layout/themes/halo/dark": "./lib/layout/themes/halo/dark/index.js",
-    "./lib/layout/themes/halo/light": "./lib/layout/themes/halo/light/index.js",
-    "./lib/layout/themes/solar/charcoal": "./lib/layout/themes/solar/charcoal/index.js",
-    "./lib/layout/themes/solar/pearl": "./lib/layout/themes/solar/pearl/index.js",
-    "./lib/led-gauge": "./lib/led-gauge/index.js",
-    "./lib/led-gauge/themes/halo/dark": "./lib/led-gauge/themes/halo/dark/index.js",
-    "./lib/led-gauge/themes/halo/light": "./lib/led-gauge/themes/halo/light/index.js",
-    "./lib/led-gauge/themes/solar/charcoal": "./lib/led-gauge/themes/solar/charcoal/index.js",
-    "./lib/led-gauge/themes/solar/pearl": "./lib/led-gauge/themes/solar/pearl/index.js",
-    "./lib/list": "./lib/list/index.js",
-    "./lib/list/themes/halo/dark": "./lib/list/themes/halo/dark/index.js",
-    "./lib/list/themes/halo/light": "./lib/list/themes/halo/light/index.js",
-    "./lib/list/themes/solar/charcoal": "./lib/list/themes/solar/charcoal/index.js",
-    "./lib/list/themes/solar/pearl": "./lib/list/themes/solar/pearl/index.js",
-    "./lib/loader": "./lib/loader/index.js",
-    "./lib/loader/themes/halo/dark": "./lib/loader/themes/halo/dark/index.js",
-    "./lib/loader/themes/halo/light": "./lib/loader/themes/halo/light/index.js",
-    "./lib/loader/themes/solar/charcoal": "./lib/loader/themes/solar/charcoal/index.js",
-    "./lib/loader/themes/solar/pearl": "./lib/loader/themes/solar/pearl/index.js",
-    "./lib/multi-input": "./lib/multi-input/index.js",
-    "./lib/multi-input/themes/halo/dark": "./lib/multi-input/themes/halo/dark/index.js",
-    "./lib/multi-input/themes/halo/light": "./lib/multi-input/themes/halo/light/index.js",
-    "./lib/multi-input/themes/solar/charcoal": "./lib/multi-input/themes/solar/charcoal/index.js",
-    "./lib/multi-input/themes/solar/pearl": "./lib/multi-input/themes/solar/pearl/index.js",
-    "./lib/notification": "./lib/notification/index.js",
-    "./lib/notification/themes/halo/dark": "./lib/notification/themes/halo/dark/index.js",
-    "./lib/notification/themes/halo/light": "./lib/notification/themes/halo/light/index.js",
-    "./lib/notification/themes/solar/charcoal": "./lib/notification/themes/solar/charcoal/index.js",
-    "./lib/notification/themes/solar/pearl": "./lib/notification/themes/solar/pearl/index.js",
-    "./lib/number-field": "./lib/number-field/index.js",
-    "./lib/number-field/themes/halo/dark": "./lib/number-field/themes/halo/dark/index.js",
-    "./lib/number-field/themes/halo/light": "./lib/number-field/themes/halo/light/index.js",
-    "./lib/number-field/themes/solar/charcoal": "./lib/number-field/themes/solar/charcoal/index.js",
-    "./lib/number-field/themes/solar/pearl": "./lib/number-field/themes/solar/pearl/index.js",
-    "./lib/overlay": "./lib/overlay/index.js",
-    "./lib/overlay/themes/halo/dark": "./lib/overlay/themes/halo/dark/index.js",
-    "./lib/overlay/themes/halo/light": "./lib/overlay/themes/halo/light/index.js",
-    "./lib/overlay/themes/solar/charcoal": "./lib/overlay/themes/solar/charcoal/index.js",
-    "./lib/overlay/themes/solar/pearl": "./lib/overlay/themes/solar/pearl/index.js",
-    "./lib/overlay-menu": "./lib/overlay-menu/index.js",
-    "./lib/overlay-menu/themes/halo/dark": "./lib/overlay-menu/themes/halo/dark/index.js",
-    "./lib/overlay-menu/themes/halo/light": "./lib/overlay-menu/themes/halo/light/index.js",
-    "./lib/overlay-menu/themes/solar/charcoal": "./lib/overlay-menu/themes/solar/charcoal/index.js",
-    "./lib/overlay-menu/themes/solar/pearl": "./lib/overlay-menu/themes/solar/pearl/index.js",
-    "./lib/pagination": "./lib/pagination/index.js",
-    "./lib/pagination/themes/halo/dark": "./lib/pagination/themes/halo/dark/index.js",
-    "./lib/pagination/themes/halo/light": "./lib/pagination/themes/halo/light/index.js",
-    "./lib/pagination/themes/solar/charcoal": "./lib/pagination/themes/solar/charcoal/index.js",
-    "./lib/pagination/themes/solar/pearl": "./lib/pagination/themes/solar/pearl/index.js",
-    "./lib/panel": "./lib/panel/index.js",
-    "./lib/panel/themes/halo/dark": "./lib/panel/themes/halo/dark/index.js",
-    "./lib/panel/themes/halo/light": "./lib/panel/themes/halo/light/index.js",
-    "./lib/panel/themes/solar/charcoal": "./lib/panel/themes/solar/charcoal/index.js",
-    "./lib/panel/themes/solar/pearl": "./lib/panel/themes/solar/pearl/index.js",
-    "./lib/password-field": "./lib/password-field/index.js",
-    "./lib/password-field/themes/halo/dark": "./lib/password-field/themes/halo/dark/index.js",
-    "./lib/password-field/themes/halo/light": "./lib/password-field/themes/halo/light/index.js",
-    "./lib/password-field/themes/solar/charcoal": "./lib/password-field/themes/solar/charcoal/index.js",
-    "./lib/password-field/themes/solar/pearl": "./lib/password-field/themes/solar/pearl/index.js",
-    "./lib/pill": "./lib/pill/index.js",
-    "./lib/pill/themes/halo/dark": "./lib/pill/themes/halo/dark/index.js",
-    "./lib/pill/themes/halo/light": "./lib/pill/themes/halo/light/index.js",
-    "./lib/pill/themes/solar/charcoal": "./lib/pill/themes/solar/charcoal/index.js",
-    "./lib/pill/themes/solar/pearl": "./lib/pill/themes/solar/pearl/index.js",
-    "./lib/progress-bar": "./lib/progress-bar/index.js",
-    "./lib/progress-bar/themes/halo/dark": "./lib/progress-bar/themes/halo/dark/index.js",
-    "./lib/progress-bar/themes/halo/light": "./lib/progress-bar/themes/halo/light/index.js",
-    "./lib/progress-bar/themes/solar/charcoal": "./lib/progress-bar/themes/solar/charcoal/index.js",
-    "./lib/progress-bar/themes/solar/pearl": "./lib/progress-bar/themes/solar/pearl/index.js",
-    "./lib/radio-button": "./lib/radio-button/index.js",
-    "./lib/radio-button/themes/halo/dark": "./lib/radio-button/themes/halo/dark/index.js",
-    "./lib/radio-button/themes/halo/light": "./lib/radio-button/themes/halo/light/index.js",
-    "./lib/radio-button/themes/solar/charcoal": "./lib/radio-button/themes/solar/charcoal/index.js",
-    "./lib/radio-button/themes/solar/pearl": "./lib/radio-button/themes/solar/pearl/index.js",
-    "./lib/rating": "./lib/rating/index.js",
-    "./lib/rating/themes/halo/dark": "./lib/rating/themes/halo/dark/index.js",
-    "./lib/rating/themes/halo/light": "./lib/rating/themes/halo/light/index.js",
-    "./lib/rating/themes/solar/charcoal": "./lib/rating/themes/solar/charcoal/index.js",
-    "./lib/rating/themes/solar/pearl": "./lib/rating/themes/solar/pearl/index.js",
-    "./lib/search-field": "./lib/search-field/index.js",
-    "./lib/search-field/themes/halo/dark": "./lib/search-field/themes/halo/dark/index.js",
-    "./lib/search-field/themes/halo/light": "./lib/search-field/themes/halo/light/index.js",
-    "./lib/search-field/themes/solar/charcoal": "./lib/search-field/themes/solar/charcoal/index.js",
-    "./lib/search-field/themes/solar/pearl": "./lib/search-field/themes/solar/pearl/index.js",
-    "./lib/select": "./lib/select/index.js",
-    "./lib/select/themes/halo/dark": "./lib/select/themes/halo/dark/index.js",
-    "./lib/select/themes/halo/light": "./lib/select/themes/halo/light/index.js",
-    "./lib/select/themes/solar/charcoal": "./lib/select/themes/solar/charcoal/index.js",
-    "./lib/select/themes/solar/pearl": "./lib/select/themes/solar/pearl/index.js",
-    "./lib/sidebar-layout": "./lib/sidebar-layout/index.js",
-    "./lib/sidebar-layout/themes/halo/dark": "./lib/sidebar-layout/themes/halo/dark/index.js",
-    "./lib/sidebar-layout/themes/halo/light": "./lib/sidebar-layout/themes/halo/light/index.js",
-    "./lib/sidebar-layout/themes/solar/charcoal": "./lib/sidebar-layout/themes/solar/charcoal/index.js",
-    "./lib/sidebar-layout/themes/solar/pearl": "./lib/sidebar-layout/themes/solar/pearl/index.js",
-    "./lib/slider": "./lib/slider/index.js",
-    "./lib/slider/themes/halo/dark": "./lib/slider/themes/halo/dark/index.js",
-    "./lib/slider/themes/halo/light": "./lib/slider/themes/halo/light/index.js",
-    "./lib/slider/themes/solar/charcoal": "./lib/slider/themes/solar/charcoal/index.js",
-    "./lib/slider/themes/solar/pearl": "./lib/slider/themes/solar/pearl/index.js",
-    "./lib/sparkline": "./lib/sparkline/index.js",
-    "./lib/sparkline/themes/halo/dark": "./lib/sparkline/themes/halo/dark/index.js",
-    "./lib/sparkline/themes/halo/light": "./lib/sparkline/themes/halo/light/index.js",
-    "./lib/sparkline/themes/solar/charcoal": "./lib/sparkline/themes/solar/charcoal/index.js",
-    "./lib/sparkline/themes/solar/pearl": "./lib/sparkline/themes/solar/pearl/index.js",
-    "./lib/swing-gauge": "./lib/swing-gauge/index.js",
-    "./lib/swing-gauge/themes/halo/dark": "./lib/swing-gauge/themes/halo/dark/index.js",
-    "./lib/swing-gauge/themes/halo/light": "./lib/swing-gauge/themes/halo/light/index.js",
-    "./lib/swing-gauge/themes/solar/charcoal": "./lib/swing-gauge/themes/solar/charcoal/index.js",
-    "./lib/swing-gauge/themes/solar/pearl": "./lib/swing-gauge/themes/solar/pearl/index.js",
-    "./lib/tab": "./lib/tab/index.js",
-    "./lib/tab/themes/halo/dark": "./lib/tab/themes/halo/dark/index.js",
-    "./lib/tab/themes/halo/light": "./lib/tab/themes/halo/light/index.js",
-    "./lib/tab/themes/solar/charcoal": "./lib/tab/themes/solar/charcoal/index.js",
-    "./lib/tab/themes/solar/pearl": "./lib/tab/themes/solar/pearl/index.js",
-    "./lib/tab-bar": "./lib/tab-bar/index.js",
-    "./lib/tab-bar/themes/halo/dark": "./lib/tab-bar/themes/halo/dark/index.js",
-    "./lib/tab-bar/themes/halo/light": "./lib/tab-bar/themes/halo/light/index.js",
-    "./lib/tab-bar/themes/solar/charcoal": "./lib/tab-bar/themes/solar/charcoal/index.js",
-    "./lib/tab-bar/themes/solar/pearl": "./lib/tab-bar/themes/solar/pearl/index.js",
-    "./lib/text-field": "./lib/text-field/index.js",
-    "./lib/text-field/themes/halo/dark": "./lib/text-field/themes/halo/dark/index.js",
-    "./lib/text-field/themes/halo/light": "./lib/text-field/themes/halo/light/index.js",
-    "./lib/text-field/themes/solar/charcoal": "./lib/text-field/themes/solar/charcoal/index.js",
-    "./lib/text-field/themes/solar/pearl": "./lib/text-field/themes/solar/pearl/index.js",
-    "./lib/time-picker": "./lib/time-picker/index.js",
-    "./lib/time-picker/themes/halo/dark": "./lib/time-picker/themes/halo/dark/index.js",
-    "./lib/time-picker/themes/halo/light": "./lib/time-picker/themes/halo/light/index.js",
-    "./lib/time-picker/themes/solar/charcoal": "./lib/time-picker/themes/solar/charcoal/index.js",
-    "./lib/time-picker/themes/solar/pearl": "./lib/time-picker/themes/solar/pearl/index.js",
-    "./lib/toggle": "./lib/toggle/index.js",
-    "./lib/toggle/themes/halo/dark": "./lib/toggle/themes/halo/dark/index.js",
-    "./lib/toggle/themes/halo/light": "./lib/toggle/themes/halo/light/index.js",
-    "./lib/toggle/themes/solar/charcoal": "./lib/toggle/themes/solar/charcoal/index.js",
-    "./lib/toggle/themes/solar/pearl": "./lib/toggle/themes/solar/pearl/index.js",
-    "./lib/tooltip": "./lib/tooltip/index.js",
-    "./lib/tooltip/themes/halo/dark": "./lib/tooltip/themes/halo/dark/index.js",
-    "./lib/tooltip/themes/halo/light": "./lib/tooltip/themes/halo/light/index.js",
-    "./lib/tooltip/themes/solar/charcoal": "./lib/tooltip/themes/solar/charcoal/index.js",
-    "./lib/tooltip/themes/solar/pearl": "./lib/tooltip/themes/solar/pearl/index.js",
-    "./lib/tornado-chart": "./lib/tornado-chart/index.js",
-    "./lib/tornado-chart/themes/halo/dark": "./lib/tornado-chart/themes/halo/dark/index.js",
-    "./lib/tornado-chart/themes/halo/light": "./lib/tornado-chart/themes/halo/light/index.js",
-    "./lib/tornado-chart/themes/solar/charcoal": "./lib/tornado-chart/themes/solar/charcoal/index.js",
-    "./lib/tornado-chart/themes/solar/pearl": "./lib/tornado-chart/themes/solar/pearl/index.js",
-    "./lib/tree": "./lib/tree/index.js",
-    "./lib/tree/themes/halo/dark": "./lib/tree/themes/halo/dark/index.js",
-    "./lib/tree/themes/halo/light": "./lib/tree/themes/halo/light/index.js",
-    "./lib/tree/themes/solar/charcoal": "./lib/tree/themes/solar/charcoal/index.js",
-    "./lib/tree/themes/solar/pearl": "./lib/tree/themes/solar/pearl/index.js",
-    "./lib/tree-select": "./lib/tree-select/index.js",
-    "./lib/tree-select/themes/halo/dark": "./lib/tree-select/themes/halo/dark/index.js",
-    "./lib/tree-select/themes/halo/light": "./lib/tree-select/themes/halo/light/index.js",
-    "./lib/tree-select/themes/solar/charcoal": "./lib/tree-select/themes/solar/charcoal/index.js",
-    "./lib/tree-select/themes/solar/pearl": "./lib/tree-select/themes/solar/pearl/index.js"
+    "./tree-select/themes/solar/pearl": "./lib/tree-select/themes/solar/pearl/index.js"
   },
   "scripts": {
     "build": "node cli build --sourceMap --declarationMap",
@@ -590,17 +321,14 @@
     "lint": "node cli lint",
     "lint:fix": "node cli lint --fix",
     "prepublishOnly": "node scripts/release",
-    "api-analyzer": "node ../../scripts/release/api-analyzer.js"
+    "api-analyzer": "node ../../scripts/release/api-analyzer.js",
+    "prepack": "npm run version",
+    "version": "node ../../scripts/version"
   },
   "dependencies": {
     "@refinitiv-ui/browser-sparkline": "1.1.7",
-    "@refinitiv-ui/core": "^5.4.2",
-    "@refinitiv-ui/halo-theme": "^5.5.0",
-    "@refinitiv-ui/i18n": "^5.2.6",
-    "@refinitiv-ui/phrasebook": "^5.4.1",
-    "@refinitiv-ui/solar-theme": "^5.7.0",
-    "@refinitiv-ui/translate": "^5.3.3",
-    "@refinitiv-ui/utils": "^5.1.2",
+    "@refinitiv-ui/halo-theme": "^6.0.0-next.0",
+    "@refinitiv-ui/solar-theme": "^6.0.0-next.0",
     "@types/chart.js": "^2.9.31",
     "chart.js": "~2.9.4",
     "d3-interpolate": "^3.0.1",
@@ -609,12 +337,24 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/demo-block": "^5.1.9",
-    "@refinitiv-ui/test-helpers": "^5.1.2",
+    "@refinitiv-ui/core": "^6.0.0-next.0",
+    "@refinitiv-ui/demo-block": "^6.0.0-next.0",
+    "@refinitiv-ui/i18n": "^6.0.0-next.0",
+    "@refinitiv-ui/phrasebook": "^6.0.0-next.0",
+    "@refinitiv-ui/test-helpers": "^6.0.0-next.0",
+    "@refinitiv-ui/translate": "^6.0.0-next.0",
+    "@refinitiv-ui/utils": "^6.0.0-next.0",
     "@types/d3-interpolate": "^3.0.1"
   },
+  "peerDependencies": {
+    "@refinitiv-ui/core": "^6.0.0-next.0",
+    "@refinitiv-ui/i18n": "^6.0.0-next.0",
+    "@refinitiv-ui/phrasebook": "^6.0.0-next.0",
+    "@refinitiv-ui/translate": "^6.0.0-next.0",
+    "@refinitiv-ui/utils": "^6.0.0-next.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "735a845b8e0283408382c6a9c56b019c610f25f1"
-}
+  "gitHead": "bcf7e781bfe92f3450e916730ba87c050d8744af"
+}