@refinitiv-ui/elements 7.10.8 → 7.10.10-next.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.10.9](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.10.8...@refinitiv-ui/elements@7.10.9) (2024-04-01)
+
+### Bug Fixes
+
+- **tooltip:** handle body removal ([#1126](https://github.com/Refinitiv/refinitiv-ui/issues/1126)) ([1f00360](https://github.com/Refinitiv/refinitiv-ui/commit/1f00360f79c154d41295c0807536cdd0aa13efeb))
+
 ## [7.10.8](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.10.7...@refinitiv-ui/elements@7.10.8) (2024-03-18)
 
 ### Bug Fixes

package/lib/datetime-picker/custom-elements.json

@@ -90,7 +90,7 @@
         },
         {
           "name": "format",
-          "description": "Set the datetime format\nBased on dane-fns datetime formats",
+          "description": "Set the datetime format\nBased on date-fns formats (https://date-fns.org/)",
           "type": "string",
           "default": "\"dd-MMM-yyyy\""
         },
@@ -248,7 +248,7 @@
         {
           "name": "format",
           "attribute": "format",
-          "description": "Set the datetime format\nBased on dane-fns datetime formats",
+          "description": "Set the datetime format\nBased on date-fns formats (https://date-fns.org/)",
           "type": "string",
           "default": "\"dd-MMM-yyyy\""
         },

package/lib/datetime-picker/custom-elements.md

@@ -12,7 +12,7 @@ Control to pick date and time
 | `error`                | `error`                  | `boolean`                        | false         | Set error state                                  |
 | `filter`               |                          | `DatetimePickerFilter \| null`   | null          | Custom filter, used for enabling/disabling certain dates |
 | `firstDayOfWeek`       | `first-day-of-week`      | `number \| undefined`            |               | Set the first day of the week.<br />0 - for Sunday, 6 - for Saturday |
-| `format`               | `format`                 | `string`                         | "dd-MMM-yyyy" | Set the datetime format<br />Based on dane-fns datetime formats |
+| `format`               | `format`                 | `string`                         | "dd-MMM-yyyy" | Set the datetime format<br />Based on date-fns formats (https://date-fns.org/) |
 | `inputDisabled`        | `input-disabled`         | `boolean`                        | false         | Disable input part of the picker                 |
 | `inputTriggerDisabled` | `input-trigger-disabled` | `boolean`                        | false         | Only open picker panel when calendar icon is clicked.<br />Clicking on the input will no longer open the picker. |
 | `max`                  | `max`                    | `string`                         | ""            | Set maximum date                                 |

package/lib/datetime-picker/index.d.ts

@@ -162,7 +162,7 @@ export declare class DatetimePicker extends FormFieldElement implements MultiVal
     private _format;
     /**
      * Set the datetime format
-     * Based on dane-fns datetime formats
+     * Based on date-fns formats (https://date-fns.org/)
      * @param format Date format
      * @default dd-MMM-yyyy
      */

package/lib/datetime-picker/index.js

@@ -263,7 +263,7 @@ let DatetimePicker = class DatetimePicker extends FormFieldElement {
     }
     /**
      * Set the datetime format
-     * Based on dane-fns datetime formats
+     * Based on date-fns formats (https://date-fns.org/)
      * @param format Date format
      * @default dd-MMM-yyyy
      */

package/lib/overlay/managers/interaction-lock-manager.js

@@ -196,8 +196,8 @@ export class ScrollLockManager {
         }
         else {
             // Since we don't know if is the body or html, get max.
-            this.scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
-            this.scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
+            this.scrollTop = Math.max(document.documentElement.scrollTop, document.body?.scrollTop ?? 0);
+            this.scrollLeft = Math.max(document.documentElement.scrollLeft, document.body?.scrollLeft ?? 0);
         }
     }
     /**
@@ -211,8 +211,12 @@ export class ScrollLockManager {
         }
         else {
             // Since we don't know if is the body or html, set both.
-            document.documentElement.scrollTop = document.body.scrollTop = this.scrollTop;
-            document.documentElement.scrollLeft = document.body.scrollLeft = this.scrollLeft;
+            document.documentElement.scrollTop = this.scrollTop;
+            document.documentElement.scrollLeft = this.scrollTop;
+            if (document.body) {
+                document.body.scrollTop = this.scrollTop;
+                document.body.scrollLeft = this.scrollLeft;
+            }
         }
     }
     /**

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

@@ -97,7 +97,7 @@ export class ViewportManager {
         // @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 zoom = document.body ? parseFloat(window.getComputedStyle(document.body).zoom) : 1;
         const screenHeight = screenRect.height / zoom;
         const screenWidth = screenRect.width / zoom;
         const { top, left, bottom, right } = viewport.getBoundingClientRect();

package/lib/tooltip/elements/tooltip-element.js

@@ -42,7 +42,7 @@ tooltipElement.setAttribute('ref', 'title-override');
 tooltipElement.condition = condition;
 tooltipElement.renderer = renderer;
 const appendTitleTooltip = () => {
-    document.body.appendChild(tooltipElement);
+    document.body?.appendChild(tooltipElement);
 };
 if (document.body) {
     appendTitleTooltip();

package/lib/tooltip/managers/tooltip-manager.js

@@ -96,7 +96,7 @@ class TooltipManager {
             document.addEventListener('mouseleave', this.onMouseLeave, eventOptions);
             document.addEventListener('wheel', this.onWheel, eventOptions);
             document.addEventListener('keydown', this.onKeyDown, eventOptions);
-            document.body.addEventListener('blur', this.onBlur, eventOptions);
+            document.body?.addEventListener('blur', this.onBlur, eventOptions);
             const clickEventOptions = { passive: true, capture: true };
             document.addEventListener('click', this.onClick, clickEventOptions);
             document.addEventListener('contextmenu', this.onClick, clickEventOptions);
@@ -111,7 +111,7 @@ class TooltipManager {
             document.removeEventListener('mouseleave', this.onMouseLeave);
             document.removeEventListener('wheel', this.onWheel);
             document.removeEventListener('keydown', this.onKeyDown);
-            document.body.removeEventListener('blur', this.onBlur);
+            document.body?.removeEventListener('blur', this.onBlur);
             document.removeEventListener('click', this.onClick, true);
             document.removeEventListener('contextmenu', this.onClick, true);
         }

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '7.10.8';
+export const VERSION = '7.10.10-next.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.10.8",
+  "version": "7.10.10-next.0",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -353,25 +353,25 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^7.4.1",
-    "@refinitiv-ui/demo-block": "^7.1.7",
-    "@refinitiv-ui/i18n": "^7.1.3",
+    "@refinitiv-ui/core": "^7.4.2-next.0",
+    "@refinitiv-ui/demo-block": "^7.1.9-next.0",
+    "@refinitiv-ui/i18n": "^7.1.4-next.0",
     "@refinitiv-ui/phrasebook": "^7.1.1",
-    "@refinitiv-ui/test-helpers": "^7.1.0",
-    "@refinitiv-ui/translate": "^7.1.5",
+    "@refinitiv-ui/test-helpers": "^7.1.1-next.0",
+    "@refinitiv-ui/translate": "^7.1.6-next.0",
     "@refinitiv-ui/utils": "^7.2.0",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
     "@refinitiv-ui/browser-sparkline": "^1.0.0 || ^2.0.0",
-    "@refinitiv-ui/core": "^7.4.1",
-    "@refinitiv-ui/i18n": "^7.1.3",
+    "@refinitiv-ui/core": "^7.4.2-next.0",
+    "@refinitiv-ui/i18n": "^7.1.4-next.0",
     "@refinitiv-ui/phrasebook": "^7.1.1",
-    "@refinitiv-ui/translate": "^7.1.5",
+    "@refinitiv-ui/translate": "^7.1.6-next.0",
     "@refinitiv-ui/utils": "^7.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8b23e2bfb34daf403420a349da85f7f0410dc678"
+  "gitHead": "228961c31f52a5f01f1a12396f94682b7840f290"
 }