@wix/editor-react-components 1.2906.0 → 1.2907.0

package/dist/site/components/DatePicker/component.js

@@ -4069,6 +4069,7 @@ const calendarHeader = "calendarHeader__h7CtJ";
 const calendarHeading = "calendarHeading__JLdsJ";
 const calendarGrid = "calendarGrid__7hp87";
 const calendarCell = "calendarCell__Pjcxr";
+const pageScrollable = "pageScrollable__JiNN-";
 const styles = {
   root,
   datePicker,
@@ -4088,7 +4089,8 @@ const styles = {
   calendarHeader,
   calendarHeading,
   calendarGrid,
-  calendarCell
+  calendarCell,
+  pageScrollable
 };
 const toCalendarDate = (value) => {
   if (typeof value !== "string" || !value) {
@@ -4156,6 +4158,22 @@ const DatePickerField = ({
   ] });
 };
 const keepOpen = () => false;
+const PAGE_PADDING_VAR = "--date-picker-page-padding-right";
+const KeepPageScrollable = () => {
+  React__default.useLayoutEffect(() => {
+    const html = document.documentElement;
+    html.style.setProperty(
+      PAGE_PADDING_VAR,
+      getComputedStyle(html).paddingRight
+    );
+    html.classList.add(styles.pageScrollable);
+    return () => {
+      html.classList.remove(styles.pageScrollable);
+      html.style.removeProperty(PAGE_PADDING_VAR);
+    };
+  }, []);
+  return null;
+};
 const DatePickerCalendar = ({
   portalContainer,
   popoverRef,
@@ -4254,7 +4272,10 @@ const DatePickerCalendar = ({
         UNSTABLE_portalContainer: portalContainer ?? void 0,
         isNonModal: isPreviewOpen,
         shouldCloseOnInteractOutside: isPreviewOpen ? keepOpen : void 0,
-        children: isPreviewOpen ? /* @__PURE__ */ jsx("div", { className: boxClassName, children: calendar2 }) : /* @__PURE__ */ jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: boxClassName, children: calendar2 })
+        children: isPreviewOpen ? /* @__PURE__ */ jsx("div", { className: boxClassName, children: calendar2 }) : /* @__PURE__ */ jsxs($de32f1b87079253c$export$3ddf2d174ce01153, { className: boxClassName, children: [
+          /* @__PURE__ */ jsx(KeepPageScrollable, {}),
+          calendar2
+        ] })
       }
     )
   );

package/dist/site/components/DatePicker/components/DatePickerCalendar.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { DatePickerElementProps } from '../DatePicker.types';
+export declare const PAGE_PADDING_VAR = "--date-picker-page-padding-right";
 export declare const DatePickerCalendar: ({ portalContainer, popoverRef, isPreviewOpen, elementProps, }: {
     portalContainer: HTMLElement | null;
     popoverRef?: React.Ref<HTMLElement>;

package/dist/site/components/DatePicker/css.css

@@ -190,6 +190,11 @@
     outline-offset: -2px !important;
   }
 }
+html.pageScrollable__JiNN- {
+  overflow: visible !important;
+  scrollbar-gutter: auto !important;
+  padding-right: var(--date-picker-page-padding-right) !important;
+}
 .fallbackDirection__HeRgn:not([dir]) {
   direction: var(--wix-opt-in-direction);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2906.0",
+  "version": "1.2907.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -226,5 +226,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "c13f1e23ee522b46ebb14c3b172ec87dbf3e634fa4024cb581ca0174"
+  "falconPackageHash": "48a819aebdae45afd622deac84b045f22dec870136bad6e4a6972c5a"
 }