@refinitiv-ui/elements 6.14.0 → 6.14.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.14.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.14.1...@refinitiv-ui/elements@6.14.2) (2023-11-06)
+
+**Note:** Version bump only for package @refinitiv-ui/elements
+
+## [6.14.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.14.0...@refinitiv-ui/elements@6.14.1) (2023-10-31)
+
+### Bug Fixes
+
+- **list:** selectItem() should always require a param ([#1010](https://github.com/Refinitiv/refinitiv-ui/issues/1010)) ([3ac0c7b](https://github.com/Refinitiv/refinitiv-ui/commit/3ac0c7b5bde4361ee5dd8dabef06adc1ce2be2d7))
+- update `@trivago/prettier-plugin-sort-imports` to fix babel vulnerable to arbitrary code execution ([#1003](https://github.com/Refinitiv/refinitiv-ui/issues/1003)) ([11ce611](https://github.com/Refinitiv/refinitiv-ui/commit/11ce6112f96d11c9c6618ac577dc6ba933c0d126))
+
 # [6.14.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.13.2...@refinitiv-ui/elements@6.14.0) (2023-10-24)
 
 ### Bug Fixes

package/lib/autosuggest/index.d.ts

@@ -6,9 +6,9 @@ import '../item/index.js';
 import '../loader/index.js';
 import { Overlay } from '../overlay/index.js';
 import { renderer } from './helpers/renderer.js';
-import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js';
 import type { AutosuggestHighlightItemEvent, AutosuggestHighlightable, AutosuggestItem, AutosuggestMethodType, AutosuggestQuery, AutosuggestReason, AutosuggestRenderer, AutosuggestSelectItemEvent, AutosuggestTargetElement } from './helpers/types';
 import type { AddAttachTargetEventsEvent, ItemHighlightEvent, ItemSelectEvent, RemoveAttachTargetEventsEvent, SuggestionsChangedEvent, SuggestionsClearRequestedEvent, SuggestionsFetchRequestedEvent, SuggestionsQueryEvent } from './helpers/types';
+import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js';
 export type { AutosuggestTargetElement, AutosuggestHighlightable, AutosuggestMethodType, AutosuggestQuery, AutosuggestRenderer, AutosuggestReason, AutosuggestItem, ItemHighlightEvent, AddAttachTargetEventsEvent, RemoveAttachTargetEventsEvent, ItemSelectEvent, SuggestionsFetchRequestedEvent, SuggestionsClearRequestedEvent, SuggestionsQueryEvent, SuggestionsChangedEvent };
 export { updateElementContent } from './helpers/utils.js';
 export { itemHighlightable, escapeRegExp, queryWordSelect, renderer, renderer as itemRenderer };

package/lib/chart/index.d.ts

@@ -2,9 +2,9 @@ import { JSXInterface } from '../jsx';
 /// <reference types="chart.js" />
 import 'chart.js/dist/Chart.bundle.min.js';
 import { BasicElement, CSSResultGroup, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
+import type { Header } from '../header';
 import '../header/index.js';
 import '../layout/index.js';
-import type { Header } from '../header';
 import type { ChartConfig, ChartJS, ChartUpdateProps, DatasetColors } from './helpers/types';
 declare global {
     interface Window {

package/lib/combo-box/helpers/filter.d.ts

@@ -1,7 +1,7 @@
+import type { DataItem } from '@refinitiv-ui/utils/collection.js';
 import type { ItemData } from '../../item';
 import type { ComboBox } from '../index';
 import type { ComboBoxFilter } from './types';
-import type { DataItem } from '@refinitiv-ui/utils/collection.js';
 /**
  * Default filter used by combo box
  * @param el ComboBox instance to filter

package/lib/combo-box/helpers/filter.js

@@ -1,3 +1,4 @@
+import escapeStringRegexp from 'escape-string-regexp';
 /**
  * Default filter used by combo box
  * @param el ComboBox instance to filter
@@ -14,7 +15,7 @@ export const defaultFilter = (el) => {
     const getRegularExpressionOfQuery = () => {
         if (el.query !== query || !queryRegExp) {
             query = el.query || '';
-            queryRegExp = new RegExp(query.replace(/(\W)/g, '\\$1'), 'i');
+            queryRegExp = new RegExp(escapeStringRegexp(query), 'i');
         }
         return queryRegExp;
     };

package/lib/combo-box/helpers/types.d.ts

@@ -1,5 +1,5 @@
-import type { ItemData } from '../../item';
 import type { DataItem } from '@refinitiv-ui/utils/collection.js';
+import type { ItemData } from '../../item';
 /**
  * Predicate callback
  * Matches item against filter function

package/lib/combo-box/index.d.ts

@@ -7,12 +7,12 @@ import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
 import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
 import '../counter/index.js';
 import '../icon/index.js';
+import type { ItemData } from '../item';
+import type { List } from '../list';
 import '../list/index.js';
 import '../overlay/index.js';
 import { CustomKeyboardEvent } from './helpers/keyboard-event.js';
 import { ComboBoxRenderer } from './helpers/renderer.js';
-import type { ItemData } from '../item';
-import type { List } from '../list';
 import type { ComboBoxData, ComboBoxFilter } from './helpers/types';
 export type { ComboBoxFilter, ComboBoxData };
 export { ComboBoxRenderer };

package/lib/interactive-chart/helpers/types.d.ts

@@ -1,5 +1,5 @@
-import type { HSLColor, RGBColor } from '@refinitiv-ui/utils/color.js';
 import type { AreaSeriesPartialOptions, AreaStyleOptions, BarData, BarSeriesPartialOptions, BarStyleOptions, CandlestickSeriesPartialOptions, CandlestickStyleOptions, ChartOptions, DeepPartial, HistogramData, HistogramSeriesPartialOptions, HistogramStyleOptions, ISeriesApi, LineData, LineSeriesPartialOptions, LineStyleOptions, SeriesPartialOptions, SeriesType } from 'lightweight-charts';
+import type { HSLColor, RGBColor } from '@refinitiv-ui/utils/color.js';
 type SeriesOptions = AreaSeriesPartialOptions | BarSeriesPartialOptions | CandlestickSeriesPartialOptions | HistogramSeriesPartialOptions | LineSeriesPartialOptions;
 type SeriesStyleOptions = LineStyleOptions & AreaStyleOptions & BarStyleOptions & CandlestickStyleOptions & HistogramStyleOptions;
 type SeriesData = LineData[] | BarData[] | HistogramData[];

package/lib/list/custom-elements.md

@@ -16,14 +16,14 @@ Provides listing and immutable selection
 
 ## Methods
 
-| Method         | Type                                 | Description                                      |
-|----------------|--------------------------------------|--------------------------------------------------|
-| `down`         | `(): void`                           | Navigate down through the list items             |
-| `first`        | `(): void`                           | Navigate to first focusable item of the list     |
-| `last`         | `(): void`                           | Navigate to first focusable item of the list     |
-| `scrollToItem` | `(item: T): void`                    | Scroll to list item element<br /><br />**item**: Data item to scroll to |
-| `selectItem`   | `(item?: T \| HTMLElement): boolean` | Selects an item in the list<br /><br />**item**: Data Item or Item Element |
-| `up`           | `(): void`                           | Navigate up through the list items               |
+| Method         | Type                                | Description                                      |
+|----------------|-------------------------------------|--------------------------------------------------|
+| `down`         | `(): void`                          | Navigate down through the list items             |
+| `first`        | `(): void`                          | Navigate to first focusable item of the list     |
+| `last`         | `(): void`                          | Navigate to first focusable item of the list     |
+| `scrollToItem` | `(item: T): void`                   | Scroll to list item element<br /><br />**item**: Data item to scroll to |
+| `selectItem`   | `(item: T \| HTMLElement): boolean` | Selects an item in the list<br /><br />**item**: Data Item or Item Element |
+| `up`           | `(): void`                          | Navigate up through the list items               |
 
 ## Events
 

package/lib/list/elements/list.d.ts

@@ -1,10 +1,10 @@
 import { JSXInterface } from '../../jsx';
 import { CSSResultGroup, ControlElement, PropertyValues, TapEvent, TemplateResult, WarningNotice } from '@refinitiv-ui/core';
 import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
-import { ListRenderer } from '../helpers/renderer.js';
-import './list-item.js';
 import type { ItemData } from '../../item';
+import { ListRenderer } from '../helpers/renderer.js';
 import type { ListData } from '../helpers/types';
+import './list-item.js';
 /**
  * Key direction
  */
@@ -93,7 +93,7 @@ export declare class List<T extends DataItem = ItemData> extends ControlElement
      * @param {T | HTMLElement} item Data Item or Item Element
      * @returns If a selection has been made or not
      */
-    selectItem(item?: T | HTMLElement): boolean;
+    selectItem(item: T | HTMLElement): boolean;
     /**
      * Navigate up through the list items
      * @returns {void}

package/lib/list/elements/list.js

@@ -164,21 +164,28 @@ let List = class List extends ControlElement {
      * @returns If a selection has been made or not
      */
     selectItem(item) {
-        if (!this.stateless) {
-            if (item instanceof HTMLElement) {
-                item = this.itemFromElement(item);
-            }
-            if (item && this.multiple) {
-                const value = this.composer.getItemPropertyValue(item, 'selected');
-                this.composer.setItemPropertyValue(item, 'selected', !value);
-                return true;
+        if (this.stateless) {
+            return false;
+        }
+        if (item instanceof HTMLElement) {
+            const itemFromElement = this.itemFromElement(item);
+            if (itemFromElement) {
+                item = itemFromElement;
             }
-            if (item && this.composer.getItemPropertyValue(item, 'selected') !== true) {
-                this.clearSelection();
-                this.composer.setItemPropertyValue(item, 'selected', true);
-                return true;
+            else {
+                return false;
             }
         }
+        if (this.multiple) {
+            const value = this.composer.getItemPropertyValue(item, 'selected');
+            this.composer.setItemPropertyValue(item, 'selected', !value);
+            return true;
+        }
+        if (this.composer.getItemPropertyValue(item, 'selected') !== true) {
+            this.clearSelection();
+            this.composer.setItemPropertyValue(item, 'selected', true);
+            return true;
+        }
         return false;
     }
     /**

package/lib/list/helpers/types.d.ts

@@ -1,3 +1,3 @@
-import type { ItemData } from '../../item';
 import type { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
+import type { ItemData } from '../../item';
 export type ListData<T extends DataItem = ItemData> = T[] | CollectionComposer<T> | null;

package/lib/list/renderer.d.ts

@@ -1,5 +1,5 @@
-import { ExtensibleFunction } from './extensible-function.js';
 import type { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
+import { ExtensibleFunction } from './extensible-function.js';
 /**
  * Render function interface
  * TODO: Move this to @refinitiv-ui/utils

package/lib/overlay/managers/backdrop-manager.d.ts

@@ -1,5 +1,5 @@
-import '../elements/overlay-backdrop.js';
 import type { Overlay } from '../elements/overlay';
+import '../elements/overlay-backdrop.js';
 /**
  * Backdrop manager adds a backdrop to the body
  * @returns {void}

package/lib/overlay/managers/viewport-manager.d.ts

@@ -1,5 +1,5 @@
-import '../elements/overlay-viewport.js';
 import type { Overlay } from '../elements/overlay';
+import '../elements/overlay-viewport.js';
 import type { ViewAreaInfo } from '../helpers/types';
 /**
  * Viewport manager singleton is responsible for getting

package/lib/overlay/managers/viewport-manager.js

@@ -92,6 +92,7 @@ export class ViewportManager {
         // Kept here for compatibility with old apps
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
+        // TODO: Remove @ts-ignore and re-test again when standardized zoom is implemented across major browsers and TypeScript, https://github.com/w3c/csswg-drafts/issues/5623
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         const zoom = parseFloat(window.getComputedStyle(document.body).zoom);
         const screenHeight = screenRect.height / zoom;

package/lib/overlay-menu/helpers/types.d.ts

@@ -1,6 +1,6 @@
+import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
 import type { Item, ItemData } from '../../item';
 import type { OverlayMenu } from '../index';
-import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
 export type NestedMenu = {
     menu: OverlayMenu;
     item: Item;

package/lib/overlay-menu/managers/menu-manager.d.ts

@@ -1,5 +1,5 @@
-import { OverlayMenu } from '../index.js';
 import type { Item } from '../../item';
+import { OverlayMenu } from '../index.js';
 /**
  * Overlay menu manager monitors menu nesting and ensures
  * that only a single menu tree can be opened

package/lib/sidebar-layout/index.d.ts

@@ -1,7 +1,7 @@
 import { JSXInterface } from '../jsx';
 import { BasicElement, CSSResultGroup, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
-import '../layout/index.js';
 import type { Layout } from '../layout';
+import '../layout/index.js';
 /**
  * Provides an app layout with sidebar.
  * There are 4 sections that can be slotted a component in.

package/lib/tooltip/index.d.ts

@@ -1,10 +1,10 @@
 import { JSXInterface } from '../jsx';
 import { BasicElement, CSSResultGroup, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
+import type { OverlayTransitionStyle as TooltipTransitionStyle } from '../overlay';
 import '../overlay/index.js';
 import './elements/title-tooltip.js';
 import { deregister as deregisterOverflowTooltip, register as registerOverflowTooltip } from './helpers/overflow-tooltip.js';
 import { TooltipCondition, TooltipPosition, TooltipRenderer } from './helpers/types.js';
-import type { OverlayTransitionStyle as TooltipTransitionStyle } from '../overlay';
 /**
  * Tooltip displays extra information when the
  * user hovers the pointer over an item.

package/lib/tree/elements/tree-item.d.ts

@@ -2,8 +2,8 @@ import { JSXInterface } from '../../jsx';
 import { ControlElement, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
 import '../../checkbox/index.js';
 import '../../icon/index.js';
-import { CheckedState } from '../managers/tree-manager.js';
 import type { TreeDataItem } from '../helpers/types';
+import { CheckedState } from '../managers/tree-manager.js';
 /**
  * Displays a tree list item.
  * Groups display expansion arrows.

package/lib/tree/elements/tree.d.ts

@@ -3,9 +3,9 @@ import { PropertyValues, TapEvent } from '@refinitiv-ui/core';
 import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
 import { List } from '../../list/index.js';
 import { TreeRenderer } from '../helpers/renderer.js';
+import type { TreeData, TreeDataItem, TreeFilter } from '../helpers/types';
 import { TreeManagerMode } from '../managers/tree-manager.js';
 import './tree-item.js';
-import type { TreeData, TreeDataItem, TreeFilter } from '../helpers/types';
 /**
  * Displays a tree structure
  * to be used for menus and group selections

package/lib/tree/helpers/filter.js

@@ -1,3 +1,4 @@
+import escapeStringRegexp from 'escape-string-regexp';
 /**
  * Default filter used by tree
  * @param el Tree instance to filter
@@ -14,7 +15,7 @@ export const defaultFilter = (el) => {
     const getRegularExpressionOfQuery = () => {
         if (el.query !== query || !queryRegExp) {
             query = el.query || '';
-            queryRegExp = new RegExp(query.replace(/(\W)/g, '\\$1'), 'i');
+            queryRegExp = new RegExp(escapeStringRegexp(query), 'i');
         }
         return queryRegExp;
     };

package/lib/tree/managers/tree-manager.d.ts

@@ -1,5 +1,5 @@
-import type { TreeDataItem } from '../helpers/types';
 import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import type { TreeDataItem } from '../helpers/types';
 export declare enum CheckedState {
     CHECKED = 1,
     UNCHECKED = 0,

package/lib/tree-select/index.d.ts

@@ -7,14 +7,14 @@ import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
 import '../button/index.js';
 import '../checkbox/index.js';
 import { ComboBox, ComboBoxFilter as TreeSelectFilter } from '../combo-box/index.js';
+import type { CheckChangedEvent } from '../events';
 import '../icon/index.js';
+import type { Overlay } from '../overlay';
 import '../pill/index.js';
 import '../tree/index.js';
 import { TreeRenderer as TreeSelectRenderer } from '../tree/index.js';
-import { TreeManager, TreeManagerMode } from '../tree/managers/tree-manager.js';
-import type { CheckChangedEvent } from '../events';
-import type { Overlay } from '../overlay';
 import type { Tree } from '../tree/index.js';
+import { TreeManager, TreeManagerMode } from '../tree/managers/tree-manager.js';
 import type { TreeSelectData, TreeSelectDataItem } from './helpers/types';
 export { TreeSelectRenderer };
 export type { TreeSelectFilter, TreeSelectDataItem, TreeSelectData };

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.14.0';
+export const VERSION = '6.14.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.14.0",
+  "version": "6.14.2",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -345,29 +345,30 @@
     "chart.js": "~2.9.4",
     "d3-interpolate": "^3.0.1",
     "date-fns": "^2.22.1",
+    "escape-string-regexp": "^5.0.0",
     "lightweight-charts": "^3.8.0",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.5.3",
-    "@refinitiv-ui/demo-block": "^6.1.15",
-    "@refinitiv-ui/i18n": "^6.0.19",
+    "@refinitiv-ui/core": "^6.5.4",
+    "@refinitiv-ui/demo-block": "^6.1.16",
+    "@refinitiv-ui/i18n": "^6.0.20",
     "@refinitiv-ui/phrasebook": "^6.3.8",
     "@refinitiv-ui/test-helpers": "^6.0.15",
-    "@refinitiv-ui/translate": "^6.0.29",
+    "@refinitiv-ui/translate": "^6.0.30",
     "@refinitiv-ui/utils": "^6.3.2",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
     "@refinitiv-ui/browser-sparkline": "^1.0.0 || ^2.0.0",
-    "@refinitiv-ui/core": "^6.5.3",
-    "@refinitiv-ui/i18n": "^6.0.19",
+    "@refinitiv-ui/core": "^6.5.4",
+    "@refinitiv-ui/i18n": "^6.0.20",
     "@refinitiv-ui/phrasebook": "^6.3.8",
-    "@refinitiv-ui/translate": "^6.0.29",
+    "@refinitiv-ui/translate": "^6.0.30",
     "@refinitiv-ui/utils": "^6.3.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "254068656350f9d695b0207fdd3b661f8ac7cfe2"
+  "gitHead": "28e5224bd2c7a635857e0fe3030947e72188b831"
 }