@ringcentral/juno 2.21.1 → 2.21.2

package/components/Downshift/Downshift.js

@@ -307,7 +307,7 @@ var _RcDownshift = react_1.memo(react_1.forwardRef(function (inProps, ref) {
                 maxLength: maxLength, containerRef: inputContainerRef }, getInputAriaProps(TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.inputProps)),
         }, rest), { value: inputValue, clearBtn: false })),
         !helperText && screenReaderText && (react_1.default.createElement(VisuallyHidden_1.RcVisuallyHidden, { id: describedbyId }, screenReaderText)),
-        react_1.default.createElement(styles_1.StyledPopper, tslib_1.__assign({ open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, 
+        react_1.default.createElement(styles_1.StyledPopper, tslib_1.__assign({ open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, modifiers: { fixOffsets: utils_1.fixOffsetsModifer }, 
             // * view type in popper.js
             popperOptions: {
                 onUpdate: function (e) {

package/components/Downshift/utils/fixOffsetsModifer.d.ts

@@ -0,0 +1,5 @@
+export declare const fixOffsetsModifer: {
+    order: number;
+    enabled: boolean;
+    fn: (data: any) => any;
+};

package/components/Downshift/utils/fixOffsetsModifer.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+exports.fixOffsetsModifer = {
+    order: 890,
+    enabled: true,
+    fn: function (data) {
+        var e_1, _a;
+        try {
+            for (var _b = tslib_1.__values([
+                'transform',
+                'msTransform',
+                'WebkitTransform',
+                'MozTransform',
+                'OTransform',
+            ]), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var property = _c.value;
+                var tranformValue = data.styles[property];
+                if (tranformValue) {
+                    var matchValue = tranformValue.match(/translate3d\((\d+)px, (\d+)px, 0\)/);
+                    if (matchValue) {
+                        var dpr = window.devicePixelRatio;
+                        var x = Math.round(Number(matchValue[1]) * dpr) / dpr;
+                        var y = Math.round(Number(matchValue[2]) * dpr) / dpr;
+                        data.styles.transform = "translate3d(" + x + "px, " + y + "px, 0)";
+                    }
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return data;
+    },
+};

package/components/Downshift/utils/index.d.ts

@@ -5,3 +5,4 @@ export * from './useDownshift';
 export * from './useDownshiftError';
 export * from './useDownshiftGroup';
 export * from './useDownshiftTag';
+export * from './fixOffsetsModifer';

package/components/Downshift/utils/index.js

@@ -6,3 +6,4 @@ tslib_1.__exportStar(require("./useDownshift"), exports);
 tslib_1.__exportStar(require("./useDownshiftError"), exports);
 tslib_1.__exportStar(require("./useDownshiftGroup"), exports);
 tslib_1.__exportStar(require("./useDownshiftTag"), exports);
+tslib_1.__exportStar(require("./fixOffsetsModifer"), exports);

package/es6/components/Downshift/Downshift.js

@@ -9,7 +9,7 @@ import { ClearIconButton } from '../Forms/TextField/styles/ClearIconButton';
 import { RcVisuallyHidden } from '../VisuallyHidden';
 import { ArrowDownButton, DownshiftStyle, EndAdornment, RcDownshiftInput, StyledPopper, StyledTextField, } from './styles';
 import { RcSuggestionList } from './SuggestionList';
-import { DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, DEFAULT_LIMIT_CHIPS, RcDownshiftDefaultFilterOptions, RcDownshiftInputClasses, useDownshift, useDownshiftError, } from './utils';
+import { DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, DEFAULT_LIMIT_CHIPS, fixOffsetsModifer, RcDownshiftDefaultFilterOptions, RcDownshiftInputClasses, useDownshift, useDownshiftError, } from './utils';
 /**
  * default transition style for grow when not virtualize
  */
@@ -303,7 +303,7 @@ var _RcDownshift = memo(forwardRef(function (inProps, ref) {
                 maxLength: maxLength, containerRef: inputContainerRef }, getInputAriaProps(TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.inputProps)),
         }, rest), { value: inputValue, clearBtn: false })),
         !helperText && screenReaderText && (React.createElement(RcVisuallyHidden, { id: describedbyId }, screenReaderText)),
-        React.createElement(StyledPopper, __assign({ open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, 
+        React.createElement(StyledPopper, __assign({ open: open, position: position, component: PopperComponent, placement: "bottom-start", anchorEl: anchorElRef.current, "data-test-automation-id": "suggestions-list", popperRef: popperRef, modifiers: { fixOffsets: fixOffsetsModifer }, 
             // * view type in popper.js
             popperOptions: {
                 onUpdate: function (e) {

package/es6/components/Downshift/utils/fixOffsetsModifer.js

@@ -0,0 +1,37 @@
+import { __values } from "tslib";
+export var fixOffsetsModifer = {
+    order: 890,
+    enabled: true,
+    fn: function (data) {
+        var e_1, _a;
+        try {
+            for (var _b = __values([
+                'transform',
+                'msTransform',
+                'WebkitTransform',
+                'MozTransform',
+                'OTransform',
+            ]), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var property = _c.value;
+                var tranformValue = data.styles[property];
+                if (tranformValue) {
+                    var matchValue = tranformValue.match(/translate3d\((\d+)px, (\d+)px, 0\)/);
+                    if (matchValue) {
+                        var dpr = window.devicePixelRatio;
+                        var x = Math.round(Number(matchValue[1]) * dpr) / dpr;
+                        var y = Math.round(Number(matchValue[2]) * dpr) / dpr;
+                        data.styles.transform = "translate3d(" + x + "px, " + y + "px, 0)";
+                    }
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return data;
+    },
+};

package/es6/components/Downshift/utils/index.js

@@ -3,3 +3,4 @@ export * from './useDownshift';
 export * from './useDownshiftError';
 export * from './useDownshiftGroup';
 export * from './useDownshiftTag';
+export * from './fixOffsetsModifer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.21.1",
+  "version": "2.21.2",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",