@refinitiv-ui/elements 6.16.3 → 6.16.5

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.16.5](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.16.4...@refinitiv-ui/elements@6.16.5) (2024-05-20)
+
+### Bug Fixes
+
+- **datetime-picker:** fix changing format doesn't sync to input ([#1163](https://github.com/Refinitiv/refinitiv-ui/issues/1163)) ([377d1c1](https://github.com/Refinitiv/refinitiv-ui/commit/377d1c1bd81909ab95079a6b627e3cdeb1b81260))
+
+## [6.16.4](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.16.3...@refinitiv-ui/elements@6.16.4) (2024-05-07)
+
+**Note:** Version bump only for package @refinitiv-ui/elements
+
 ## [6.16.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.16.2...@refinitiv-ui/elements@6.16.3) (2024-04-01)
 
 ### 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

@@ -264,7 +264,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
      */
@@ -359,7 +359,9 @@ let DatetimePicker = class DatetimePicker extends FormFieldElement {
         if (this.opened && !this.canOpenPopup) {
             this.opened = false; /* this cannot be nor stopped nor listened */
         }
-        if (changedProperties.has('_values') || changedProperties.has(TranslatePropertyKey)) {
+        if (changedProperties.has('_values') ||
+            changedProperties.has(TranslatePropertyKey) ||
+            changedProperties.has('format')) {
             this.syncInputValues();
         }
         if (changedProperties.has('placeholder')) {

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

@@ -87,14 +87,17 @@ export class ViewportManager {
             return;
         }
         const screenRect = this.screenViewport.getBoundingClientRect();
-        // since screenViewport is applied on html element, it does not include body zoom
-        // Zoom is a legacy feature and must not be used by any means.
-        // 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 = document.body ? parseFloat(window.getComputedStyle(document.body).zoom) : 1;
+        /**
+         * since screenViewport is applied on html element, it does not include body zoom.
+         * Zoom is a legacy feature and must not be used by any means.
+         * Kept here for compatibility with old apps.
+         *
+         * TODO: re-visit once the standardized zoom is implemented across major browsers.
+         * https://github.com/w3c/csswg-drafts/issues/5623
+         */
+        const zoom = document.body
+            ? parseFloat(window.getComputedStyle(document.body).getPropertyValue('zoom')) || 1
+            : 1;
         const screenHeight = screenRect.height / zoom;
         const screenWidth = screenRect.width / zoom;
         const { top, left, bottom, right } = viewport.getBoundingClientRect();

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.16.3';
+export const VERSION = '6.16.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.16.3",
+  "version": "6.16.5",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -350,25 +350,25 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.5.6",
-    "@refinitiv-ui/demo-block": "^6.1.23",
+    "@refinitiv-ui/core": "^6.5.7",
+    "@refinitiv-ui/demo-block": "^6.1.24",
     "@refinitiv-ui/i18n": "^6.0.21",
     "@refinitiv-ui/phrasebook": "^6.3.9",
     "@refinitiv-ui/test-helpers": "^6.0.15",
-    "@refinitiv-ui/translate": "^6.0.33",
+    "@refinitiv-ui/translate": "^6.0.34",
     "@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.6",
+    "@refinitiv-ui/core": "^6.5.7",
     "@refinitiv-ui/i18n": "^6.0.21",
     "@refinitiv-ui/phrasebook": "^6.3.9",
-    "@refinitiv-ui/translate": "^6.0.33",
+    "@refinitiv-ui/translate": "^6.0.34",
     "@refinitiv-ui/utils": "^6.3.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "946b383a1e4f8253620c23c41c2e502f22cb2c6b"
+  "gitHead": "3c00d54e43bead9ed6ed224baac0ca27b4ab5ca0"
 }