diff --git a/package-lock.json b/package-lock.json index ca7f0cd60e..aa6aed21c6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -238,7 +238,6 @@ "version": "7.23.0", "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz", "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==", - "dev": true, "dependencies": { "@babel/types": "^7.23.0", "@jridgewell/gen-mapping": "^0.3.2", @@ -1943,7 +1942,6 @@ "version": "7.23.2", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz", "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==", - "dev": true, "dependencies": { "@babel/code-frame": "^7.22.13", "@babel/generator": "^7.23.0", @@ -2974,7 +2972,6 @@ "version": "0.3.3", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "dev": true, "dependencies": { "@jridgewell/set-array": "^1.0.1", "@jridgewell/sourcemap-codec": "^1.4.10", @@ -2988,7 +2985,6 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", - "dev": true, "engines": { "node": ">=6.0.0" } @@ -2997,7 +2993,6 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "dev": true, "engines": { "node": ">=6.0.0" } @@ -3005,14 +3000,12 @@ "node_modules/@jridgewell/sourcemap-codec": { "version": "1.4.15", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", - "dev": true + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" }, "node_modules/@jridgewell/trace-mapping": { "version": "0.3.20", "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "dev": true, "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" @@ -4354,21 +4347,21 @@ } }, "node_modules/@trivago/prettier-plugin-sort-imports": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.1.0.tgz", - "integrity": "sha512-aTr6QPFaPAAzPRFn9yWB/9yKi3ZAFqfGpxIGLPWuQfYJFGUed+W3KKwxntsoCiNvNE2iuKOg6haMo5KG8WXltg==", + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.2.1.tgz", + "integrity": "sha512-iuy2MPVURGdxILTchHr15VAioItuYBejKfcTmQFlxIuqA7jeaT6ngr5aUIG6S6U096d6a6lJCgaOwlRrPLlOPg==", "peer": true, "dependencies": { "@babel/generator": "7.17.7", "@babel/parser": "^7.20.5", - "@babel/traverse": "7.17.3", + "@babel/traverse": "7.23.2", "@babel/types": "7.17.0", "javascript-natural-sort": "0.7.1", "lodash": "^4.17.21" }, "peerDependencies": { "@vue/compiler-sfc": "3.x", - "prettier": "2.x" + "prettier": "2.x - 3.x" }, "peerDependenciesMeta": { "@vue/compiler-sfc": { @@ -4390,27 +4383,6 @@ "node": ">=6.9.0" } }, - "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse": { - "version": "7.17.3", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz", - "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==", - "peer": true, - "dependencies": { - "@babel/code-frame": "^7.16.7", - "@babel/generator": "^7.17.3", - "@babel/helper-environment-visitor": "^7.16.7", - "@babel/helper-function-name": "^7.16.7", - "@babel/helper-hoist-variables": "^7.16.7", - "@babel/helper-split-export-declaration": "^7.16.7", - "@babel/parser": "^7.17.3", - "@babel/types": "^7.17.0", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/types": { "version": "7.17.0", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz", @@ -8763,6 +8735,14 @@ "entities": "^2.0.0" } }, + "node_modules/dom-serializer/node_modules/entities": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/domelementtype": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", @@ -8814,17 +8794,6 @@ "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" } }, - "node_modules/domutils/node_modules/entities": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", - "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "engines": { - "node": ">=0.12" - }, - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, "node_modules/dot-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", @@ -9050,9 +9019,12 @@ "dev": true }, "node_modules/entities": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", - "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "engines": { + "node": ">=0.12" + }, "funding": { "url": "https://github.com/fb55/entities?sponsor=1" } @@ -11486,6 +11458,14 @@ "url": "https://github.com/fb55/domhandler?sponsor=1" } }, + "node_modules/htmlparser2/node_modules/entities": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/http-assert": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz", @@ -16914,18 +16894,6 @@ "url": "https://github.com/inikulin/parse5?sponsor=1" } }, - "node_modules/parse5/node_modules/entities": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", - "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "dev": true, - "engines": { - "node": ">=0.12" - }, - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, "node_modules/parseurl": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", @@ -21233,7 +21201,7 @@ "version": "6.0.13", "license": "Apache-2.0", "peerDependencies": { - "@trivago/prettier-plugin-sort-imports": "4.1.0", + "@trivago/prettier-plugin-sort-imports": "^4.2.1", "@typescript-eslint/eslint-plugin": "^5.37.0", "@typescript-eslint/parser": "^5.37.0", "eslint": "^8.49.0", @@ -21458,8 +21426,7 @@ }, "packages/theme-compiler/node_modules/clean-css": { "version": "4.2.4", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz", - "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==", + "license": "MIT", "dependencies": { "source-map": "~0.6.0" }, diff --git a/packages/configurations/package.json b/packages/configurations/package.json index af4e45181c..9c12ffafb7 100644 --- a/packages/configurations/package.json +++ b/packages/configurations/package.json @@ -22,7 +22,7 @@ "author": "LSEG", "license": "Apache-2.0", "peerDependencies": { - "@trivago/prettier-plugin-sort-imports": "4.1.0", + "@trivago/prettier-plugin-sort-imports": "^4.2.1", "@typescript-eslint/eslint-plugin": "^5.37.0", "@typescript-eslint/parser": "^5.37.0", "eslint": "^8.49.0", diff --git a/packages/configurations/prettier-config.json b/packages/configurations/prettier-config.json index 07c3252049..a1f01d9e43 100644 --- a/packages/configurations/prettier-config.json +++ b/packages/configurations/prettier-config.json @@ -9,8 +9,7 @@ "^@refinitiv-ui/core", "^@refinitiv-ui/elements", "^@refinitiv-ui/(.*)$", - "^[./]", - "" + "^[./]" ], "importOrderSeparation": true, "importOrderSortSpecifiers": true, diff --git a/packages/core/src/decorators/custom-element.ts b/packages/core/src/decorators/custom-element.ts index 265b5cfb90..0c236a09c2 100644 --- a/packages/core/src/decorators/custom-element.ts +++ b/packages/core/src/decorators/custom-element.ts @@ -1,8 +1,7 @@ +import type { ElementConstructor } from '../interfaces/ElementConstructor'; import { CustomStyleRegistry } from '../registries/CustomStyleRegistry.js'; import { ElementRegistry } from '../registries/ElementRegistry.js'; -import type { ElementConstructor } from '../interfaces/ElementConstructor'; - interface ElementOptions { /** * External theme is required for this element. diff --git a/packages/core/src/elements/BasicElement.ts b/packages/core/src/elements/BasicElement.ts index b2bc45c1b1..6e6db00c92 100644 --- a/packages/core/src/elements/BasicElement.ts +++ b/packages/core/src/elements/BasicElement.ts @@ -1,15 +1,14 @@ import { CSSResultArray, LitElement, unsafeCSS } from 'lit'; import { property } from '../decorators/property.js'; +import type { StyleInfo } from '../interfaces/StyleInfo'; import { ElementRegistry } from '../registries/ElementRegistry.js'; import { FocusRegistry } from '../registries/FocusRegistry.js'; +import type { CSSValue } from '../types/base'; import { FocusableHelper } from '../utils/focusableHelper.js'; import { BasicElementSymbol } from '../utils/helpers.js'; import { ShadyCSS } from '../utils/shadyStyles.js'; -import type { StyleInfo } from '../interfaces/StyleInfo'; -import type { CSSValue } from '../types/base'; - const CSS_VARIABLE_REGEXP = /^--\w/; const CSS_VARIABLE_REPLACE_REGEXP = /['"]([^'"]+?)['"]/g; const NOTIFY_REGEXP = /([a-zA-Z])(?=[A-Z])/g; diff --git a/packages/core/src/elements/ControlElement.ts b/packages/core/src/elements/ControlElement.ts index e7c2fd4738..afaba75f9b 100644 --- a/packages/core/src/elements/ControlElement.ts +++ b/packages/core/src/elements/ControlElement.ts @@ -1,10 +1,10 @@ +import type { PropertyValues } from 'lit'; + import { property } from '../decorators/property.js'; +import type { ControlProperties as IControlProperties } from '../interfaces/ControlProperties'; import { WarningNotice } from '../notices/WarningNotice.js'; import { BasicElement } from './BasicElement.js'; -import type { ControlProperties as IControlProperties } from '../interfaces/ControlProperties'; -import type { PropertyValues } from 'lit'; - /** * Control element base class. * Usually used for creating form-style elements. diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts index 6b677e2b35..c604cf8196 100644 --- a/packages/core/src/index.ts +++ b/packages/core/src/index.ts @@ -2,9 +2,6 @@ * Element base classes */ import { BasicElement } from './elements/BasicElement.js'; -import { CustomStyleRegistry } from './registries/CustomStyleRegistry.js'; -import { NativeStyleRegistry } from './registries/NativeStyleRegistry.js'; -import { global } from './utils/global.js'; /** * Common interfaces @@ -12,7 +9,10 @@ import { global } from './utils/global.js'; import type { MultiValue } from './interfaces/MultiValue'; import type { StyleInfo } from './interfaces/StyleInfo'; import type { StyleMap } from './interfaces/StyleMap'; +import { CustomStyleRegistry } from './registries/CustomStyleRegistry.js'; +import { NativeStyleRegistry } from './registries/NativeStyleRegistry.js'; import type { FocusedChangedEvent } from './types/events'; +import { global } from './utils/global.js'; /* eslint-disable @typescript-eslint/no-unsafe-argument */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */ diff --git a/packages/core/src/registries/ElementRegistry.ts b/packages/core/src/registries/ElementRegistry.ts index df63231bfc..87c7f118f9 100644 --- a/packages/core/src/registries/ElementRegistry.ts +++ b/packages/core/src/registries/ElementRegistry.ts @@ -1,9 +1,8 @@ import { DuplicateElementError } from '../errors/DuplicateElementError.js'; +import type { ElementConstructor } from '../interfaces/ElementConstructor'; import { ready } from '../utils/elementReady.js'; import { CustomStyleRegistry } from './CustomStyleRegistry.js'; -import type { ElementConstructor } from '../interfaces/ElementConstructor'; - class ElementRegistrationItem { creations = 0; connections = 0; diff --git a/packages/core/src/registries/FocusRegistry.ts b/packages/core/src/registries/FocusRegistry.ts index 5c49d6abe1..dc21269931 100644 --- a/packages/core/src/registries/FocusRegistry.ts +++ b/packages/core/src/registries/FocusRegistry.ts @@ -1,7 +1,6 @@ -import { isBasicElement } from '../utils/helpers.js'; - import type { BasicElement } from '../elements/BasicElement'; import type { FocusedChangedEvent } from '../types/events'; +import { isBasicElement } from '../utils/helpers.js'; const register = new Set(); /* Track all active elements */ const focusedMap = new Map(); /* Track all focused elements */ diff --git a/packages/core/src/utils/focusableHelper.ts b/packages/core/src/utils/focusableHelper.ts index 6cc617cb9c..d64ee8d4d7 100644 --- a/packages/core/src/utils/focusableHelper.ts +++ b/packages/core/src/utils/focusableHelper.ts @@ -1,8 +1,7 @@ +import type { BasicElement } from '../elements/BasicElement'; import { isBasicElement } from './helpers.js'; import { matches } from './matches.js'; -import type { BasicElement } from '../elements/BasicElement'; - type DelegatedList = { element: BasicElement; children: HTMLElement[]; diff --git a/packages/create-efx/template/test/efx-element.test.js b/packages/create-efx/template/test/efx-element.test.js index 18c91cceb6..cf426b7c85 100644 --- a/packages/create-efx/template/test/efx-element.test.js +++ b/packages/create-efx/template/test/efx-element.test.js @@ -6,8 +6,8 @@ import { expect, fixture } from '@refinitiv-ui/test-helpers'; import '../src/efx-element.ts'; import '../themes/halo/dark'; -describe('EfxElementTest', function() { - it('Label and DOM structure is correct', async function() { +describe('EfxElementTest', function () { + it('Label and DOM structure is correct', async function () { const el = await fixture(''); await expect(el).shadowDom.to.equalSnapshot({ ignoreAttributes: ['class', 'style'] }); expect(el.count).to.equal(0); diff --git a/packages/elements/src/autosuggest/helpers/renderer.ts b/packages/elements/src/autosuggest/helpers/renderer.ts index 5528f9c86a..d745e89374 100644 --- a/packages/elements/src/autosuggest/helpers/renderer.ts +++ b/packages/elements/src/autosuggest/helpers/renderer.ts @@ -1,8 +1,7 @@ import { uuid } from '@refinitiv-ui/utils/uuid.js'; -import { updateElementContent } from './utils.js'; - import type { AutosuggestItem, AutosuggestQuery, AutosuggestRenderer, Suggestion } from './types'; +import { updateElementContent } from './utils.js'; /** * Build item element from data object diff --git a/packages/elements/src/autosuggest/index.ts b/packages/elements/src/autosuggest/index.ts index 322487448b..e9636cf172 100644 --- a/packages/elements/src/autosuggest/index.ts +++ b/packages/elements/src/autosuggest/index.ts @@ -10,14 +10,12 @@ import { TranslateDirective, TranslatePropertyKey, translate } from '@refinitiv- import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js'; import { isIE, isMobile } from '@refinitiv-ui/utils/browser.js'; +import type { TapEvent } from '../events'; import '../item/index.js'; import '../loader/index.js'; import { Overlay } from '../overlay/index.js'; import { VERSION } from '../version.js'; import { renderer } from './helpers/renderer.js'; -import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js'; - -import type { TapEvent } from '../events'; import type { AutosuggestHighlightItemEvent, AutosuggestHighlightable, @@ -40,6 +38,7 @@ import type { SuggestionsFetchRequestedEvent, SuggestionsQueryEvent } from './helpers/types'; +import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js'; export type { AutosuggestTargetElement, diff --git a/packages/elements/src/calendar/index.ts b/packages/elements/src/calendar/index.ts index ca97ea8f19..5b07de945f 100644 --- a/packages/elements/src/calendar/index.ts +++ b/packages/elements/src/calendar/index.ts @@ -57,7 +57,9 @@ import { up } from '@refinitiv-ui/utils/navigation.js'; +import type { Button } from '../button'; import '../button/index.js'; +import type { TapEvent } from '../events'; import { VERSION } from '../version.js'; import { CalendarLocaleScope, @@ -69,17 +71,6 @@ import { YEAR_VIEW } from './constants.js'; import './locales.js'; -import { - ViewFormatTranslateParams, - formatLocaleDate, - monthInfo, - monthsNames, - toCalendarCell, - weekdaysNames -} from './utils.js'; - -import type { Button } from '../button'; -import type { TapEvent } from '../events'; import type { BeforeCellRenderEvent, CalendarFilter, @@ -91,6 +82,14 @@ import type { Row, WeekdayName } from './types'; +import { + ViewFormatTranslateParams, + formatLocaleDate, + monthInfo, + monthsNames, + toCalendarCell, + weekdaysNames +} from './utils.js'; export { CalendarRenderView }; export type { CalendarCell } from './types'; diff --git a/packages/elements/src/card/index.ts b/packages/elements/src/card/index.ts index 7f0aaba4ff..a0a874be9f 100644 --- a/packages/elements/src/card/index.ts +++ b/packages/elements/src/card/index.ts @@ -8,14 +8,13 @@ import '@refinitiv-ui/phrasebook/locale/en/card.js'; import { Translate, translate } from '@refinitiv-ui/translate'; import { isSlotEmpty } from '@refinitiv-ui/utils/is-slot-empty.js'; +import type { Button } from '../button'; import '../button/index.js'; +import type { ItemTriggerEvent, OpenedChangedEvent } from '../events'; import '../label/index.js'; +import type { OverlayMenu, OverlayMenuData } from '../overlay-menu'; import '../overlay-menu/index.js'; import { VERSION } from '../version.js'; - -import type { Button } from '../button'; -import type { ItemTriggerEvent, OpenedChangedEvent } from '../events'; -import type { OverlayMenu, OverlayMenuData } from '../overlay-menu'; import type { CardConfig } from './helpers/types'; export type { CardConfig }; diff --git a/packages/elements/src/chart/index.ts b/packages/elements/src/chart/index.ts index 78ff1229fc..930301ea2a 100644 --- a/packages/elements/src/chart/index.ts +++ b/packages/elements/src/chart/index.ts @@ -10,14 +10,11 @@ import { query } from '@refinitiv-ui/core/decorators/query.js'; import { color as parseColor } from '@refinitiv-ui/utils/color.js'; +import type { Header } from '../header'; import '../header/index.js'; import '../layout/index.js'; import { VERSION } from '../version.js'; import { MergeObject, legendHelper, merge } from './helpers/index.js'; -// Register plugins -import doughnutCenterPlugin from './plugins/doughnut-center-label.js'; - -import type { Header } from '../header'; import type { ChartConfig, ChartDataSetsColor, @@ -25,6 +22,8 @@ import type { ChartUpdateProps, DatasetColors } from './helpers/types'; +// Register plugins +import doughnutCenterPlugin from './plugins/doughnut-center-label.js'; declare global { interface Window { diff --git a/packages/elements/src/collapse/index.ts b/packages/elements/src/collapse/index.ts index 1d1becfa65..a5b238ed32 100644 --- a/packages/elements/src/collapse/index.ts +++ b/packages/elements/src/collapse/index.ts @@ -17,9 +17,8 @@ import '../header/index.js'; import { preload } from '../icon/index.js'; import '../icon/index.js'; import '../panel/index.js'; -import { VERSION } from '../version.js'; - import type { Panel } from '../panel/index.js'; +import { VERSION } from '../version.js'; preload('right'); /* preload calendar icons for faster loading */ diff --git a/packages/elements/src/color-dialog/index.ts b/packages/elements/src/color-dialog/index.ts index 9c499db21e..cdba78f884 100644 --- a/packages/elements/src/color-dialog/index.ts +++ b/packages/elements/src/color-dialog/index.ts @@ -10,16 +10,15 @@ import { isHex, removeHashSign, rgb } from '@refinitiv-ui/utils/color.js'; import '../button/index.js'; import { Dialog } from '../dialog/index.js'; +import type { NumberField } from '../number-field'; import '../number-field/index.js'; +import type { TextField } from '../text-field'; import '../text-field/index.js'; import { VERSION } from '../version.js'; import './elements/color-palettes.js'; import './elements/grayscale-palettes.js'; -import { ValueModel } from './helpers/value-model.js'; - -import type { NumberField } from '../number-field'; -import type { TextField } from '../text-field'; import type { Palettes } from './elements/palettes'; +import { ValueModel } from './helpers/value-model.js'; /** * Displays a colour picker dialog, diff --git a/packages/elements/src/color-picker/index.ts b/packages/elements/src/color-picker/index.ts index b87c9d7e16..d52bcd14fc 100644 --- a/packages/elements/src/color-picker/index.ts +++ b/packages/elements/src/color-picker/index.ts @@ -20,10 +20,9 @@ import { TranslatePromise, TranslatePropertyKey, translate } from '@refinitiv-ui import { isHex, readableColor } from '@refinitiv-ui/utils/color.js'; import '../color-dialog/index.js'; -import { VERSION } from '../version.js'; - import type { ColorDialog } from '../color-dialog/index.js'; import type { OpenedChangedEvent, ValueChangedEvent } from '../events'; +import { VERSION } from '../version.js'; const DIALOG_POSITION = ['right-start', 'right-end', 'right-middle', 'left-start', 'left-end', 'left-middle']; diff --git a/packages/elements/src/combo-box/helpers/filter.ts b/packages/elements/src/combo-box/helpers/filter.ts index 9c3b0a9a7b..bb7490b2bf 100644 --- a/packages/elements/src/combo-box/helpers/filter.ts +++ b/packages/elements/src/combo-box/helpers/filter.ts @@ -1,7 +1,8 @@ +import type { DataItem } from '@refinitiv-ui/utils/collection.js'; + import type { ItemData, ItemText } 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 diff --git a/packages/elements/src/combo-box/helpers/renderer.ts b/packages/elements/src/combo-box/helpers/renderer.ts index 763ef9adcf..54cfb4aaef 100644 --- a/packages/elements/src/combo-box/helpers/renderer.ts +++ b/packages/elements/src/combo-box/helpers/renderer.ts @@ -1,8 +1,8 @@ -import { ListRenderer } from '../../list/index.js'; -import { Renderer } from '../../list/renderer.js'; +import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; import type { Item, ItemData } from '../../item'; -import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; +import { ListRenderer } from '../../list/index.js'; +import { Renderer } from '../../list/renderer.js'; /** * Renders list items as `ef-item` elements. diff --git a/packages/elements/src/combo-box/helpers/types.ts b/packages/elements/src/combo-box/helpers/types.ts index d885633663..cf4a668fbd 100644 --- a/packages/elements/src/combo-box/helpers/types.ts +++ b/packages/elements/src/combo-box/helpers/types.ts @@ -1,6 +1,7 @@ -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 diff --git a/packages/elements/src/combo-box/index.ts b/packages/elements/src/combo-box/index.ts index eef72ad512..e328f69059 100644 --- a/packages/elements/src/combo-box/index.ts +++ b/packages/elements/src/combo-box/index.ts @@ -27,6 +27,8 @@ import { isElementOverflown } from '@refinitiv-ui/utils/element.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 { registerOverflowTooltip } from '../tooltip/index.js'; @@ -34,9 +36,6 @@ import { VERSION } from '../version.js'; import { defaultFilter } from './helpers/filter.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 }; diff --git a/packages/elements/src/configuration/elements/configuration.ts b/packages/elements/src/configuration/elements/configuration.ts index 56533cd75c..2e98531699 100644 --- a/packages/elements/src/configuration/elements/configuration.ts +++ b/packages/elements/src/configuration/elements/configuration.ts @@ -6,7 +6,6 @@ import { state } from '@refinitiv-ui/core/decorators/state.js'; import { VERSION } from '../../version.js'; import { DEFAULT_CONFIG, efConfig } from '../helpers/context.js'; - import type { Config } from '../helpers/types.js'; @customElement('ef-configuration', { theme: false }) diff --git a/packages/elements/src/datetime-field/index.ts b/packages/elements/src/datetime-field/index.ts index 9100072649..0118c02d14 100644 --- a/packages/elements/src/datetime-field/index.ts +++ b/packages/elements/src/datetime-field/index.ts @@ -20,9 +20,8 @@ import { import { TextField } from '../text-field/index.js'; import { VERSION } from '../version.js'; import { Direction } from './constants.js'; -import { getNextSelectedPartIndex, getSelectedPartIndex, selectPart } from './utils.js'; - import type { DateTimeFormatPart, InputSelection, NavigationKeys } from './types'; +import { getNextSelectedPartIndex, getSelectedPartIndex, selectPart } from './utils.js'; /** * A form control element for datetime input. diff --git a/packages/elements/src/datetime-field/utils.ts b/packages/elements/src/datetime-field/utils.ts index 29abff283e..990e9774ab 100644 --- a/packages/elements/src/datetime-field/utils.ts +++ b/packages/elements/src/datetime-field/utils.ts @@ -1,5 +1,4 @@ import { Direction } from './constants.js'; - import type { DateTimeFormatPart, DateTimeFormatPartTypes, InputSelection } from './types'; const IterablePartTypes: DateTimeFormatPartTypes[] = [ diff --git a/packages/elements/src/datetime-picker/index.ts b/packages/elements/src/datetime-picker/index.ts index 2c823e142c..55007ac05f 100644 --- a/packages/elements/src/datetime-picker/index.ts +++ b/packages/elements/src/datetime-picker/index.ts @@ -32,23 +32,22 @@ import { subMonths } from '@refinitiv-ui/utils/date.js'; +import type { Calendar } from '../calendar'; import '../calendar/index.js'; +import type { OpenedChangedEvent, ValueChangedEvent, ViewChangedEvent } from '../events'; +import type { Icon } from '../icon'; import '../icon/index.js'; import { preload } from '../icon/index.js'; +import type { Overlay } from '../overlay'; import '../overlay/index.js'; +import type { TextField } from '../text-field'; import '../text-field/index.js'; +import type { TimePicker } from '../time-picker'; import '../time-picker/index.js'; import { VERSION } from '../version.js'; import { getDateFNSLocale } from './locales.js'; -import { DateTimeSegment, formatToView, getCurrentTime } from './utils.js'; - -import type { Calendar } from '../calendar'; -import type { OpenedChangedEvent, ValueChangedEvent, ViewChangedEvent } from '../events'; -import type { Icon } from '../icon'; -import type { Overlay } from '../overlay'; -import type { TextField } from '../text-field'; -import type { TimePicker } from '../time-picker'; import type { DatetimePickerDuplex, DatetimePickerFilter } from './types'; +import { DateTimeSegment, formatToView, getCurrentTime } from './utils.js'; preload('calendar', 'down', 'left', 'right'); /* preload calendar icons for faster loading */ diff --git a/packages/elements/src/datetime-picker/locales.ts b/packages/elements/src/datetime-picker/locales.ts index 9c39adb0c1..95f804f0f7 100644 --- a/packages/elements/src/datetime-picker/locales.ts +++ b/packages/elements/src/datetime-picker/locales.ts @@ -1,3 +1,4 @@ +import type { Locale } from 'date-fns'; import de from 'date-fns/esm/locale/de/index.js'; import enGB from 'date-fns/esm/locale/en-GB/index.js'; import enUS from 'date-fns/esm/locale/en-US/index.js'; @@ -14,8 +15,6 @@ import zhCN from 'date-fns/esm/locale/zh-CN/index.js'; import { DEFAULT_LOCALE, resolveLocale } from '@refinitiv-ui/i18n'; import { Phrasebook } from '@refinitiv-ui/phrasebook'; -import type { Locale } from 'date-fns'; - // This file is a transition between using date-fns and Intl object to format dates // As of now, use Phraseboook to just resolve languages and locales // and match against the date-fns locales. diff --git a/packages/elements/src/heatmap/index.ts b/packages/elements/src/heatmap/index.ts index 42c86baaad..2ca8a8680c 100644 --- a/packages/elements/src/heatmap/index.ts +++ b/packages/elements/src/heatmap/index.ts @@ -13,14 +13,13 @@ import { query } from '@refinitiv-ui/core/decorators/query.js'; import { MicroTaskRunner } from '@refinitiv-ui/utils/async.js'; import { ColorCommonInstance, color } from '@refinitiv-ui/utils/color.js'; +import type { Canvas } from '../canvas'; import '../canvas/index.js'; import '../tooltip/index.js'; import { VERSION } from '../version.js'; import { blend, brighten, darken, interpolate, isLight } from './helpers/color.js'; import { MIN_FONT_SIZE, getMaximumTextWidth, getResponsiveFontSize } from './helpers/text.js'; import { Track } from './helpers/track.js'; - -import type { Canvas } from '../canvas'; // ratio — 4:3 import type { HeatmapCell, @@ -870,10 +869,7 @@ export class Heatmap extends ResponsiveElement { const label = typeof cell.customLabel === 'string' ? cell.customLabel : cell.label; this.canvasContext.fillStyle = cell.customForegroundColor || cell.foregroundColor; - this.canvasContext.fillText(label || '', - cell.x + cell.width / 2, - cell.y + 1 + cell.height / 2 + margin - ); + this.canvasContext.fillText(label || '', cell.x + cell.width / 2, cell.y + 1 + cell.height / 2 + margin); } /** diff --git a/packages/elements/src/icon/index.ts b/packages/elements/src/icon/index.ts index 984dbecc86..fec8ac16e0 100644 --- a/packages/elements/src/icon/index.ts +++ b/packages/elements/src/icon/index.ts @@ -15,11 +15,10 @@ import { property } from '@refinitiv-ui/core/decorators/property.js'; import { unsafeSVG } from '@refinitiv-ui/core/directives/unsafe-svg.js'; import { efConfig } from '../configuration/index.js'; +import type { Config } from '../configuration/index.js'; import { VERSION } from '../version.js'; import { IconLoader } from './utils/IconLoader.js'; -import type { Config } from '../configuration/index.js'; - export { preload } from './utils/IconLoader.js'; const EmptyTemplate = svg``; diff --git a/packages/elements/src/interactive-chart/helpers/types.ts b/packages/elements/src/interactive-chart/helpers/types.ts index 61f0f00633..5ec9a0829d 100644 --- a/packages/elements/src/interactive-chart/helpers/types.ts +++ b/packages/elements/src/interactive-chart/helpers/types.ts @@ -1,4 +1,3 @@ -import type { HSLColor, RGBColor } from '@refinitiv-ui/utils/color.js'; import type { AreaSeriesPartialOptions, AreaStyleOptions, @@ -20,6 +19,8 @@ import type { SeriesType } from 'lightweight-charts'; +import type { HSLColor, RGBColor } from '@refinitiv-ui/utils/color.js'; + type SeriesOptions = | AreaSeriesPartialOptions | BarSeriesPartialOptions diff --git a/packages/elements/src/interactive-chart/index.ts b/packages/elements/src/interactive-chart/index.ts index 9cf179db0a..84e1a093b4 100644 --- a/packages/elements/src/interactive-chart/index.ts +++ b/packages/elements/src/interactive-chart/index.ts @@ -36,7 +36,6 @@ import '../tooltip/index.js'; import { VERSION } from '../version.js'; import { MergeObject, merge } from './helpers/merge.js'; import { LegendStyle } from './helpers/types.js'; - import type { ColorToStringFunction, InteractiveChartConfig, diff --git a/packages/elements/src/item/index.ts b/packages/elements/src/item/index.ts index c937041d70..dbb4b0016b 100644 --- a/packages/elements/src/item/index.ts +++ b/packages/elements/src/item/index.ts @@ -16,7 +16,6 @@ import '../checkbox/index.js'; import '../icon/index.js'; import { registerOverflowTooltip } from '../tooltip/index.js'; import { VERSION } from '../version.js'; - import type { ItemData, ItemDivider, ItemHeader, ItemText, ItemType } from './helpers/types'; export type { ItemType, ItemText, ItemHeader, ItemDivider, ItemData }; diff --git a/packages/elements/src/list/elements/list.ts b/packages/elements/src/list/elements/list.ts index 5735d8b15a..7ef16636e3 100644 --- a/packages/elements/src/list/elements/list.ts +++ b/packages/elements/src/list/elements/list.ts @@ -13,12 +13,11 @@ import { property } from '@refinitiv-ui/core/decorators/property.js'; import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js'; +import type { ItemData } from '../../item'; import { VERSION } from '../../version.js'; import { ListRenderer } from '../helpers/renderer.js'; -import './list-item.js'; - -import type { ItemData } from '../../item'; import type { ListData } from '../helpers/types'; +import './list-item.js'; /** * Key direction diff --git a/packages/elements/src/list/helpers/renderer.ts b/packages/elements/src/list/helpers/renderer.ts index 1402f32530..789af2ee81 100644 --- a/packages/elements/src/list/helpers/renderer.ts +++ b/packages/elements/src/list/helpers/renderer.ts @@ -1,11 +1,10 @@ +import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; import { uuid } from '@refinitiv-ui/utils/uuid.js'; +import type { Item, ItemData, ItemType } from '../../item'; import { Renderer } from '../renderer.js'; import { getItemId } from './item-id.js'; -import type { Item, ItemData, ItemType } from '../../item'; -import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; - /** * Basic render context */ diff --git a/packages/elements/src/list/helpers/types.ts b/packages/elements/src/list/helpers/types.ts index 7661ba1d91..9c543bd34a 100644 --- a/packages/elements/src/list/helpers/types.ts +++ b/packages/elements/src/list/helpers/types.ts @@ -1,4 +1,5 @@ -import type { ItemData } from '../../item'; import type { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js'; +import type { ItemData } from '../../item'; + export type ListData = T[] | CollectionComposer | null; diff --git a/packages/elements/src/list/renderer.ts b/packages/elements/src/list/renderer.ts index c4da53c3fe..5dcdd05ff8 100644 --- a/packages/elements/src/list/renderer.ts +++ b/packages/elements/src/list/renderer.ts @@ -1,7 +1,7 @@ -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 diff --git a/packages/elements/src/multi-input/index.ts b/packages/elements/src/multi-input/index.ts index ae14838ddf..a482959019 100644 --- a/packages/elements/src/multi-input/index.ts +++ b/packages/elements/src/multi-input/index.ts @@ -14,12 +14,11 @@ import { Ref, createRef, ref } from '@refinitiv-ui/core/directives/ref.js'; import { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; +import type { Pill } from '../pill'; import '../pill/index.js'; +import type { TextField } from '../text-field'; import '../text-field/index.js'; import { VERSION } from '../version.js'; - -import type { Pill } from '../pill'; -import type { TextField } from '../text-field'; import type { MultiInputData, MultiInputDataItem, MultiInputEvents, SelectionIndex } from './helpers/types'; export type { MultiInputData, MultiInputDataItem }; diff --git a/packages/elements/src/notification/elements/notification-tray.ts b/packages/elements/src/notification/elements/notification-tray.ts index a2899f7647..db4ff13b7f 100644 --- a/packages/elements/src/notification/elements/notification-tray.ts +++ b/packages/elements/src/notification/elements/notification-tray.ts @@ -5,7 +5,6 @@ import { property } from '@refinitiv-ui/core/decorators/property.js'; import { TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js'; import { VERSION } from '../../version.js'; - import type { Task, TaskOptions } from '../helpers/types'; import type { Notification } from './notification'; diff --git a/packages/elements/src/notification/helpers/status.ts b/packages/elements/src/notification/helpers/status.ts index 27df00bf3f..cb89c39707 100644 --- a/packages/elements/src/notification/helpers/status.ts +++ b/packages/elements/src/notification/helpers/status.ts @@ -1,6 +1,5 @@ -import { NotificationTray } from '../elements/notification-tray.js'; - import type { Notification } from '../elements/notification'; +import { NotificationTray } from '../elements/notification-tray.js'; import type { TaskOptions } from './types'; // TODO: Add to utils? diff --git a/packages/elements/src/overlay-menu/helpers/types.ts b/packages/elements/src/overlay-menu/helpers/types.ts index fb47b29b6e..747b8ccd19 100644 --- a/packages/elements/src/overlay-menu/helpers/types.ts +++ b/packages/elements/src/overlay-menu/helpers/types.ts @@ -1,6 +1,7 @@ +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; diff --git a/packages/elements/src/overlay-menu/index.ts b/packages/elements/src/overlay-menu/index.ts index 51be3906fe..1e67f5632c 100644 --- a/packages/elements/src/overlay-menu/index.ts +++ b/packages/elements/src/overlay-menu/index.ts @@ -22,9 +22,8 @@ import { Overlay, OverlayPosition, OverlayPositionTarget } from '../overlay/inde import { applyLock } from '../overlay/managers/interaction-lock-manager.js'; import { VERSION } from '../version.js'; import { Navigation } from './helpers/constants.js'; -import { OpenedMenusManager } from './managers/menu-manager.js'; - import type { OverlayMenuData } from './helpers/types'; +import { OpenedMenusManager } from './managers/menu-manager.js'; export type { OverlayMenuData }; diff --git a/packages/elements/src/overlay-menu/managers/menu-manager.ts b/packages/elements/src/overlay-menu/managers/menu-manager.ts index d816811183..3c43820811 100644 --- a/packages/elements/src/overlay-menu/managers/menu-manager.ts +++ b/packages/elements/src/overlay-menu/managers/menu-manager.ts @@ -2,11 +2,10 @@ import { TapEvent } from '@refinitiv-ui/core'; import { AfterRenderTaskRunner } from '@refinitiv-ui/utils/async.js'; -import { getOverlays } from '../../overlay/managers/zindex-manager.js'; -import { OverlayMenu } from '../index.js'; - import type { Item } from '../../item'; +import { getOverlays } from '../../overlay/managers/zindex-manager.js'; import type { NestedMenu } from '../helpers/types'; +import { OverlayMenu } from '../index.js'; /** * Overlay menu manager monitors menu nesting and ensures diff --git a/packages/elements/src/overlay/elements/overlay-backdrop.ts b/packages/elements/src/overlay/elements/overlay-backdrop.ts index 6af1fe1f72..7b81f75534 100644 --- a/packages/elements/src/overlay/elements/overlay-backdrop.ts +++ b/packages/elements/src/overlay/elements/overlay-backdrop.ts @@ -3,7 +3,6 @@ import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js'; import { property } from '@refinitiv-ui/core/decorators/property.js'; import { VERSION } from '../../version.js'; - import type { NullOrUndefined } from '../helpers/types'; /** diff --git a/packages/elements/src/overlay/managers/backdrop-manager.ts b/packages/elements/src/overlay/managers/backdrop-manager.ts index ba6f86a50f..360c64bbf2 100644 --- a/packages/elements/src/overlay/managers/backdrop-manager.ts +++ b/packages/elements/src/overlay/managers/backdrop-manager.ts @@ -1,8 +1,7 @@ +import type { Overlay } from '../elements/overlay'; import '../elements/overlay-backdrop.js'; import { OverlayLayer, getOverlayLayers } from './zindex-manager.js'; -import type { Overlay } from '../elements/overlay'; - /** * Backdrop manager adds a backdrop to the body * @returns {void} diff --git a/packages/elements/src/overlay/managers/close-manager.ts b/packages/elements/src/overlay/managers/close-manager.ts index 1ff6d94635..7e7de19823 100644 --- a/packages/elements/src/overlay/managers/close-manager.ts +++ b/packages/elements/src/overlay/managers/close-manager.ts @@ -1,7 +1,7 @@ -import { getOverlays } from './zindex-manager.js'; +import type { TapEvent } from '@refinitiv-ui/core'; import type { Overlay } from '../elements/overlay'; -import type { TapEvent } from '@refinitiv-ui/core'; +import { getOverlays } from './zindex-manager.js'; type CloseCallback = () => void; type OverlayClose = { diff --git a/packages/elements/src/overlay/managers/focus-manager.ts b/packages/elements/src/overlay/managers/focus-manager.ts index 69730d3afc..1993e57753 100644 --- a/packages/elements/src/overlay/managers/focus-manager.ts +++ b/packages/elements/src/overlay/managers/focus-manager.ts @@ -2,9 +2,8 @@ import { FocusableHelper, isBasicElement } from '@refinitiv-ui/core'; import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js'; -import { getOverlays } from './zindex-manager.js'; - import type { Overlay } from '../elements/overlay'; +import { getOverlays } from './zindex-manager.js'; type ActiveTabbableNodes = { nodes: HTMLElement[]; diff --git a/packages/elements/src/overlay/managers/interaction-lock-manager.ts b/packages/elements/src/overlay/managers/interaction-lock-manager.ts index 8f1df37028..0180185cab 100644 --- a/packages/elements/src/overlay/managers/interaction-lock-manager.ts +++ b/packages/elements/src/overlay/managers/interaction-lock-manager.ts @@ -1,8 +1,7 @@ import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js'; -import { getOverlays } from './zindex-manager.js'; - import type { Overlay } from '../elements/overlay'; +import { getOverlays } from './zindex-manager.js'; type TouchPosition = { pageX: number; diff --git a/packages/elements/src/overlay/managers/viewport-manager.ts b/packages/elements/src/overlay/managers/viewport-manager.ts index d601a283d3..6a4222bc74 100644 --- a/packages/elements/src/overlay/managers/viewport-manager.ts +++ b/packages/elements/src/overlay/managers/viewport-manager.ts @@ -1,9 +1,8 @@ import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js'; -import '../elements/overlay-viewport.js'; - import type { Overlay } from '../elements/overlay'; import type { OverlayViewport } from '../elements/overlay-viewport'; +import '../elements/overlay-viewport.js'; import type { ViewAreaInfo } from '../helpers/types'; /** diff --git a/packages/elements/src/pill/index.ts b/packages/elements/src/pill/index.ts index 7c51d75351..ca87db0d8e 100644 --- a/packages/elements/src/pill/index.ts +++ b/packages/elements/src/pill/index.ts @@ -13,12 +13,11 @@ import { Ref, createRef, ref } from '@refinitiv-ui/core/directives/ref.js'; import { isElementOverflown } from '@refinitiv-ui/utils/element.js'; +import type { Icon } from '../icon'; import '../icon/index.js'; import { registerOverflowTooltip } from '../tooltip/index.js'; import { VERSION } from '../version.js'; -import type { Icon } from '../icon'; - /** * A small button style component * which is used to show one or multiple selected item. diff --git a/packages/elements/src/select/index.ts b/packages/elements/src/select/index.ts index 8b30fb8cc3..1969d4a243 100644 --- a/packages/elements/src/select/index.ts +++ b/packages/elements/src/select/index.ts @@ -18,15 +18,14 @@ import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/asyn import { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; import { isElementOverflown } from '@refinitiv-ui/utils/element.js'; +import type { OpenedChangedEvent } from '../events'; import '../icon/index.js'; import '../item/index.js'; import { Item } from '../item/index.js'; +import type { Overlay } from '../overlay'; import '../overlay/index.js'; import { registerOverflowTooltip } from '../tooltip/index.js'; import { VERSION } from '../version.js'; - -import type { OpenedChangedEvent } from '../events'; -import type { Overlay } from '../overlay'; import type { SelectData, SelectDataItem } from './helpers/types'; export type { SelectData, SelectDataItem }; diff --git a/packages/elements/src/sidebar-layout/index.ts b/packages/elements/src/sidebar-layout/index.ts index af118b2112..734962c095 100644 --- a/packages/elements/src/sidebar-layout/index.ts +++ b/packages/elements/src/sidebar-layout/index.ts @@ -11,11 +11,10 @@ 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 type { Layout } from '../layout'; import '../layout/index.js'; import { VERSION } from '../version.js'; -import type { Layout } from '../layout'; - /** * Provides an app layout with sidebar. * There are 4 sections that can be slotted a component in. diff --git a/packages/elements/src/slider/index.ts b/packages/elements/src/slider/index.ts index 22fb6dd483..2c39e69846 100644 --- a/packages/elements/src/slider/index.ts +++ b/packages/elements/src/slider/index.ts @@ -19,13 +19,12 @@ import { styleMap } from '@refinitiv-ui/core/directives/style-map.js'; import '@refinitiv-ui/phrasebook/locale/en/slider.js'; import { TranslateDirective, translate } from '@refinitiv-ui/translate'; +import type { NumberField } from '../number-field'; import '../number-field/index.js'; import { VERSION } from '../version.js'; import { Direction, NumberFieldName, SliderDataName, SliderPreviousDataName } from './constants.js'; import { clamp, countDecimalPlace, isDecimalNumber, preventDefault } from './utils.js'; -import type { NumberField } from '../number-field'; - /** * Allows users to make selections from a range of values * diff --git a/packages/elements/src/sparkline/index.ts b/packages/elements/src/sparkline/index.ts index 4c09921122..f860130a13 100644 --- a/packages/elements/src/sparkline/index.ts +++ b/packages/elements/src/sparkline/index.ts @@ -12,15 +12,14 @@ import { property } from '@refinitiv-ui/core/decorators/property.js'; import { query } from '@refinitiv-ui/core/decorators/query.js'; import '@refinitiv-ui/browser-sparkline'; -import { color } from '@refinitiv-ui/utils/color.js'; - -import { VERSION } from '../version.js'; - import type { BrowserSparklineChart } from '@refinitiv-ui/browser-sparkline'; import type { StaticDataConfig, ThemeConfig } from '@refinitiv-ui/browser-sparkline/lib/browserSparklineCanvas'; +import { color } from '@refinitiv-ui/utils/color.js'; + +import { VERSION } from '../version.js'; @customElement('ef-sparkline') export class Sparkline extends ResponsiveElement { diff --git a/packages/elements/src/swing-gauge/helpers.ts b/packages/elements/src/swing-gauge/helpers.ts index 7a16cdcb24..6bd903eea0 100644 --- a/packages/elements/src/swing-gauge/helpers.ts +++ b/packages/elements/src/swing-gauge/helpers.ts @@ -1,5 +1,4 @@ import { CenterLineStyle, DefaultStyle } from './const.js'; - import type { SwingGaugeCanvasSize, SwingGaugeData, SwingGaugeStyle } from './types'; let ctx: CanvasRenderingContext2D; diff --git a/packages/elements/src/swing-gauge/index.ts b/packages/elements/src/swing-gauge/index.ts index 17686e7501..08670a89e0 100644 --- a/packages/elements/src/swing-gauge/index.ts +++ b/packages/elements/src/swing-gauge/index.ts @@ -14,13 +14,12 @@ import { query } from '@refinitiv-ui/core/decorators/query.js'; import { state } from '@refinitiv-ui/core/decorators/state.js'; import { styleMap } from '@refinitiv-ui/core/directives/style-map.js'; +import type { Canvas } from '../canvas'; import '../canvas/index.js'; import '../label/index.js'; import { VERSION } from '../version.js'; import { DefaultStyle, Segment, TextType } from './const.js'; import { helpers as canvasHelper } from './helpers.js'; - -import type { Canvas } from '../canvas'; import type { SwingGaugeCanvasSize, SwingGaugeData, SwingGaugeValueFormatter } from './types'; export { SwingGaugeValueFormatter }; diff --git a/packages/elements/src/tab-bar/index.ts b/packages/elements/src/tab-bar/index.ts index 74b53b554e..6697074809 100644 --- a/packages/elements/src/tab-bar/index.ts +++ b/packages/elements/src/tab-bar/index.ts @@ -11,14 +11,13 @@ 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 type { Button } from '../button'; import '../button/index.js'; import '../layout/index.js'; import { Tab } from '../tab/index.js'; import { VERSION } from '../version.js'; import { tweenAnimate } from './helpers/animate.js'; -import type { Button } from '../button'; - const BAR_TRAVEL_DISTANCE = 150; // scroll distance /** diff --git a/packages/elements/src/time-picker/index.ts b/packages/elements/src/time-picker/index.ts index cf18202aba..dae0fc07bf 100644 --- a/packages/elements/src/time-picker/index.ts +++ b/packages/elements/src/time-picker/index.ts @@ -32,11 +32,10 @@ import { toTimeSegment } from '@refinitiv-ui/utils/date.js'; -import '../number-field/index.js'; -import { VERSION } from '../version.js'; - import type { FocusedChangedEvent, ValueChangedEvent } from '../events'; import type { NumberField } from '../number-field'; +import '../number-field/index.js'; +import { VERSION } from '../version.js'; enum Segment { HOURS = 'hours', diff --git a/packages/elements/src/tooltip/helpers/overflow-tooltip.ts b/packages/elements/src/tooltip/helpers/overflow-tooltip.ts index a8ddb6946a..29ef8648d4 100644 --- a/packages/elements/src/tooltip/helpers/overflow-tooltip.ts +++ b/packages/elements/src/tooltip/helpers/overflow-tooltip.ts @@ -1,7 +1,6 @@ import { isElementOverflown } from '@refinitiv-ui/utils/element.js'; import { addTooltipCondition } from '../elements/tooltip-element.js'; - import type { TooltipCondition, TooltipRenderer } from './types'; const registry = new WeakMap(); diff --git a/packages/elements/src/tooltip/index.ts b/packages/elements/src/tooltip/index.ts index a9b179047c..fb07d1337a 100644 --- a/packages/elements/src/tooltip/index.ts +++ b/packages/elements/src/tooltip/index.ts @@ -13,6 +13,7 @@ import { query } from '@refinitiv-ui/core/decorators/query.js'; import { isSlotEmpty } from '@refinitiv-ui/utils/is-slot-empty.js'; +import type { Overlay, OverlayPosition, OverlayTransitionStyle as TooltipTransitionStyle } from '../overlay'; import '../overlay/index.js'; import { VERSION } from '../version.js'; import './elements/title-tooltip.js'; @@ -24,8 +25,6 @@ import { tooltipRenderer } from './helpers/renderer.js'; import { TooltipCondition, TooltipPosition, TooltipPositionMap, TooltipRenderer } from './helpers/types.js'; import { deregister, register } from './managers/tooltip-manager.js'; -import type { Overlay, OverlayPosition, OverlayTransitionStyle as TooltipTransitionStyle } from '../overlay'; - const PositionMap: TooltipPositionMap = { auto: ['bottom-start', 'top-start'], above: ['top-middle'], diff --git a/packages/elements/src/tornado-chart/elements/tornado-chart.ts b/packages/elements/src/tornado-chart/elements/tornado-chart.ts index 389fbdcc46..fb3a9cb909 100644 --- a/packages/elements/src/tornado-chart/elements/tornado-chart.ts +++ b/packages/elements/src/tornado-chart/elements/tornado-chart.ts @@ -10,9 +10,8 @@ import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js'; import { property } from '@refinitiv-ui/core/decorators/property.js'; import { VERSION } from '../../version.js'; -import './tornado-item.js'; - import type { TornadoItem } from './tornado-item'; +import './tornado-item.js'; /** * A data visualization that helps to diff --git a/packages/elements/src/tree-select/index.ts b/packages/elements/src/tree-select/index.ts index 7572880ddc..1fffdd4114 100644 --- a/packages/elements/src/tree-select/index.ts +++ b/packages/elements/src/tree-select/index.ts @@ -21,17 +21,16 @@ 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 type { Pill } from '../pill'; import '../pill/index.js'; import '../tree/index.js'; import { TreeRenderer as TreeSelectRenderer } from '../tree/index.js'; +import type { Tree } from '../tree/index.js'; import { CheckedState, TreeManager, TreeManagerMode } from '../tree/managers/tree-manager.js'; import { VERSION } from '../version.js'; - -import type { CheckChangedEvent } from '../events'; -import type { Overlay } from '../overlay'; -import type { Pill } from '../pill'; -import type { Tree } from '../tree/index.js'; import type { TreeSelectData, TreeSelectDataItem } from './helpers/types'; export { TreeSelectRenderer }; diff --git a/packages/elements/src/tree/elements/tree-item.ts b/packages/elements/src/tree/elements/tree-item.ts index b412bc9906..43494b65fd 100644 --- a/packages/elements/src/tree/elements/tree-item.ts +++ b/packages/elements/src/tree/elements/tree-item.ts @@ -6,9 +6,8 @@ import '../../checkbox/index.js'; import '../../icon/index.js'; import { preload } from '../../icon/index.js'; import { VERSION } from '../../version.js'; -import { CheckedState } from '../managers/tree-manager.js'; - import type { TreeDataItem } from '../helpers/types'; +import { CheckedState } from '../managers/tree-manager.js'; preload('right'); diff --git a/packages/elements/src/tree/elements/tree.ts b/packages/elements/src/tree/elements/tree.ts index c0b729ee71..80148683c3 100644 --- a/packages/elements/src/tree/elements/tree.ts +++ b/packages/elements/src/tree/elements/tree.ts @@ -8,11 +8,10 @@ import { List, valueFormatWarning } from '../../list/index.js'; import { VERSION } from '../../version.js'; import { defaultFilter } from '../helpers/filter.js'; import { TreeRenderer } from '../helpers/renderer.js'; +import type { TreeData, TreeDataItem, TreeFilter } from '../helpers/types'; import { TreeManager, TreeManagerMode } from '../managers/tree-manager.js'; import './tree-item.js'; -import type { TreeData, TreeDataItem, TreeFilter } from '../helpers/types'; - const EXPAND_TOGGLE_ATTR = 'expand-toggle'; /** diff --git a/packages/elements/src/tree/helpers/renderer.ts b/packages/elements/src/tree/helpers/renderer.ts index 3e78d9f806..078fc14c2e 100644 --- a/packages/elements/src/tree/helpers/renderer.ts +++ b/packages/elements/src/tree/helpers/renderer.ts @@ -1,11 +1,10 @@ +import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; import { uuid } from '@refinitiv-ui/utils/uuid.js'; import { getItemId } from '../../list/helpers/item-id.js'; import { Renderer } from '../../list/renderer.js'; import { CheckedState, TreeManager, TreeManagerMode } from '../managers/tree-manager.js'; - import type { TreeDataItem } from './types'; -import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; type RendererScope = { multiple?: boolean; diff --git a/packages/elements/src/tree/managers/tree-manager.ts b/packages/elements/src/tree/managers/tree-manager.ts index a7a24dc734..54efc2dbc9 100644 --- a/packages/elements/src/tree/managers/tree-manager.ts +++ b/packages/elements/src/tree/managers/tree-manager.ts @@ -1,6 +1,7 @@ -import type { TreeDataItem } from '../helpers/types'; import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js'; +import type { TreeDataItem } from '../helpers/types'; + export enum CheckedState { CHECKED = 1, UNCHECKED = 0, diff --git a/packages/i18n/src/translate.ts b/packages/i18n/src/translate.ts index 9fccd31323..f9c65810e9 100644 --- a/packages/i18n/src/translate.ts +++ b/packages/i18n/src/translate.ts @@ -4,7 +4,6 @@ import { Phrasebook } from '@refinitiv-ui/phrasebook'; import { DEFAULT_LOCALE } from './constants.js'; import { Memoiser } from './memoiser.js'; - import type { TranslateOptions, TranslateParams, UnicodeExtensions } from './types'; /** diff --git a/packages/i18n/src/types.ts b/packages/i18n/src/types.ts index 032b4fc8f3..3b69f05a5a 100644 --- a/packages/i18n/src/types.ts +++ b/packages/i18n/src/types.ts @@ -1,6 +1,5 @@ -import { Formats, Options } from 'intl-messageformat'; - import type { MessageFormatElement } from '@formatjs/icu-messageformat-parser'; +import { Formats, Options } from 'intl-messageformat'; type TranslateOptions = { [key: string]: unknown; diff --git a/packages/translate/src/translate.ts b/packages/translate/src/translate.ts index 8b60b7bed9..9e2df17d5d 100644 --- a/packages/translate/src/translate.ts +++ b/packages/translate/src/translate.ts @@ -3,11 +3,11 @@ import { AsyncDirective, directive } from 'lit/async-directive.js'; import { DirectiveResult, PartInfo, PartType } from 'lit/directive.js'; import { unsafeHTML } from 'lit/directives/unsafe-html.js'; +import type { BasicElement } from '@refinitiv-ui/core'; + import { LangAttributeObserver, TranslateOptions, TranslateParams, t } from '@refinitiv-ui/i18n'; import { ObserverKey, Phrasebook } from '@refinitiv-ui/phrasebook'; -import type { BasicElement } from '@refinitiv-ui/core'; - const TranslatePropertyKey = Symbol('ef-translate'); type DecoratorOptions = {