@npm_leadtech/legal-lib-components 5.11.12 → 5.11.13

package/dist/src/components/atoms/MenuItems/MenuItemProps.types.d.ts

@@ -1,4 +1,5 @@
 export interface MenuItemProps {
+    className?: string;
     spacing?: boolean;
     hasBullets?: boolean;
     initialActiveContent?: string;

package/dist/src/components/atoms/MenuItems/MenuItemProps.types.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export interface MenuItemProps {
+  className?: string
   spacing?: boolean
   hasBullets?: boolean
   initialActiveContent?: string

package/dist/src/components/molecules/BottomOverlay/BottomOverlay.js

@@ -9,6 +9,7 @@ const BottomOverlay = ({ givenClass, header, body, open = false, onClose, footer
     const overlayBackground = useRef(null);
     const overlayMessage = useRef(null);
     useEffect(() => {
+        handleBodyScroll(open);
         if (open) {
             const backgroundElement = overlayBackground.current;
             backgroundElement.addEventListener('mousedown', handleCloseModal);
@@ -17,6 +18,17 @@ const BottomOverlay = ({ givenClass, header, body, open = false, onClose, footer
             };
         }
     }, [open]);
+    const handleBodyScroll = (disableScroll) => {
+        if (disableScroll) {
+            document.body.style.overflow = 'hidden';
+            document.body.style.position = 'fixed';
+        }
+        else {
+            document.body.style.overflow = 'unset';
+            document.body.style.position = 'relative';
+            document.body.style.width = '100%';
+        }
+    };
     const handleCloseModal = (event) => {
         if (onClose != null)
             onClose();

package/dist/src/components/molecules/BottomOverlay/BottomOverlay.tsx

@@ -12,6 +12,7 @@ const BottomOverlay: FC<BottomOverlayProps> = ({ givenClass, header, body, open
   const overlayMessage = useRef<HTMLDivElement | null>(null)
 
   useEffect(() => {
+    handleBodyScroll(open)
     if (open) {
       const backgroundElement = overlayBackground.current as HTMLElement
       backgroundElement.addEventListener('mousedown', handleCloseModal)
@@ -21,6 +22,17 @@ const BottomOverlay: FC<BottomOverlayProps> = ({ givenClass, header, body, open
     }
   }, [open])
 
+  const handleBodyScroll = (disableScroll: boolean): void => {
+    if (disableScroll) {
+      document.body.style.overflow = 'hidden'
+      document.body.style.position = 'fixed'
+    } else {
+      document.body.style.overflow = 'unset'
+      document.body.style.position = 'relative'
+      document.body.style.width = '100%'
+    }
+  }
+
   const handleCloseModal = (event: MouseEvent): void => {
     if (onClose != null) onClose()
   }

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const RatafiaSubscriptionCardStyled = styled.div `
   display: flex;
@@ -90,5 +91,11 @@ export const RatafiaSubscriptionCardStyled = styled.div `
       display: flex;
       margin-top: 1.5rem;
     }
+
+    @media ${device.mobile} {
+      &__button {
+        flex: 1;
+      }
+    }
   }
 `;

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const RatafiaSubscriptionCardStyled = styled.div`
@@ -91,5 +92,11 @@ export const RatafiaSubscriptionCardStyled = styled.div`
       display: flex;
       margin-top: 1.5rem;
     }
+
+    @media ${device.mobile} {
+      &__button {
+        flex: 1;
+      }
+    }
   }
 `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.11.12",
+  "version": "5.11.13",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",