@npm_leadtech/legal-lib-components 5.14.9 → 5.14.11

package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.js

@@ -3,11 +3,10 @@ import { Button } from '../../atoms';
 import { LayoutRatafiaSectionStyled } from './LayoutRatafiaSection.styled';
 import { TagsRatafiaList } from '../../molecules';
 import { useIsMobileOrTable } from '../../../hooks';
-const LayoutRatafiaSection = ({ title, children, tags, ctaLabel, ctaLink, ctaDataQa, media }) => {
+const LayoutRatafiaSection = ({ title, children, tags = [], ctaLabel, ctaLink = '#', handleOnClick, ctaDataQa = 'ai-section-cta', image }) => {
     const { isMobile } = useIsMobileOrTable();
     if (children == undefined)
         return null;
-    const existMediaNode = media !== undefined;
-    return (_jsx(LayoutRatafiaSectionStyled, { className: 'layout-ratafia-section', children: _jsxs("div", { className: 'layout-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info__paragraph', children: [title && (_jsx("h2", { className: 'layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight', children: title })), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium', children: children })] }), tags?.length && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__tags', children: _jsx(TagsRatafiaList, { tags: tags }) })), ctaLabel && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__button', children: _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa ?? 'layout-ratafia-cta', link: ctaLink ?? '#', color: 'primary', label: ctaLabel, fluid: isMobile }) }))] }), existMediaNode && _jsx("div", { className: 'layout-ratafia-section__wrapper__media', children: media })] }) }));
+    return (_jsx(LayoutRatafiaSectionStyled, { className: 'layout-ratafia-section', children: _jsxs("div", { className: 'layout-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info__paragraph', children: [title && (_jsx("h2", { className: 'layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight', children: title })), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium', children: children })] }), tags?.length > 0 && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__tags', children: _jsx(TagsRatafiaList, { tags: tags }) })), ctaLabel && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__button', children: _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, onClick: handleOnClick, color: 'primary', label: ctaLabel, fluid: isMobile }) }))] }), image !== null && _jsx("div", { className: 'layout-ratafia-section__wrapper__image', children: image })] }) }));
 };
 export default LayoutRatafiaSection;

package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.js

@@ -66,7 +66,7 @@ export const LayoutRatafiaSectionStyled = styled.section `
         }
       }
 
-      &__media {
+      &__image {
         display: flex;
         flex: 300px 0 0;
       }

package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.ts

@@ -67,7 +67,7 @@ export const LayoutRatafiaSectionStyled = styled.section`
         }
       }
 
-      &__media {
+      &__image {
         display: flex;
         flex: 300px 0 0;
       }

package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.tsx

@@ -9,16 +9,16 @@ import { useIsMobileOrTable } from '../../../hooks'
 const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
   title,
   children,
-  tags,
+  tags = [],
   ctaLabel,
-  ctaLink,
-  ctaDataQa,
-  media
+  ctaLink = '#',
+  handleOnClick,
+  ctaDataQa = 'ai-section-cta',
+  image
 }) => {
   const { isMobile } = useIsMobileOrTable()
   if (children == undefined) return null
 
-  const existMediaNode = media !== undefined
   return (
     <LayoutRatafiaSectionStyled className='layout-ratafia-section'>
       <div className='layout-ratafia-section__wrapper background-ratafia-animation'>
@@ -33,7 +33,7 @@ const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
               {children}
             </div>
           </div>
-          {tags?.length && (
+          {tags?.length > 0 && (
             <div className='layout-ratafia-section__wrapper__info__tags'>
               <TagsRatafiaList tags={tags} />
             </div>
@@ -42,8 +42,9 @@ const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
             <div className='layout-ratafia-section__wrapper__info__button'>
               <Button
                 givenClass='mid-banner-ratafia-content__cta'
-                dataQa={ctaDataQa ?? 'layout-ratafia-cta'}
-                link={ctaLink ?? '#'}
+                dataQa={ctaDataQa}
+                link={ctaLink}
+                onClick={handleOnClick}
                 color='primary'
                 label={ctaLabel}
                 fluid={isMobile}
@@ -51,7 +52,7 @@ const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
             </div>
           )}
         </div>
-        {existMediaNode && <div className='layout-ratafia-section__wrapper__media'>{media}</div>}
+        {image !== null && <div className='layout-ratafia-section__wrapper__image'>{image}</div>}
       </div>
     </LayoutRatafiaSectionStyled>
   )

package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSectionProps.types.d.ts

@@ -1,3 +1,4 @@
+import { MouseEventHandler } from 'react';
 import { TagRatafiaItemProps } from 'src/components/atoms';
 export interface LayoutRatafiaSectionProps {
     title?: string;
@@ -5,6 +6,7 @@ export interface LayoutRatafiaSectionProps {
     tags?: TagRatafiaItemProps[];
     ctaLabel?: string;
     ctaLink?: string;
+    handleOnClick?: MouseEventHandler;
     ctaDataQa?: string;
-    media?: React.ReactNode;
+    image?: React.ReactNode;
 }

package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSectionProps.types.ts

@@ -1,3 +1,4 @@
+import { MouseEventHandler } from 'react'
 import { TagRatafiaItemProps } from 'src/components/atoms'
 
 export interface LayoutRatafiaSectionProps {
@@ -6,6 +7,7 @@ export interface LayoutRatafiaSectionProps {
   tags?: TagRatafiaItemProps[]
   ctaLabel?: string
   ctaLink?: string
+  handleOnClick?: MouseEventHandler
   ctaDataQa?: string
-  media?: React.ReactNode
+  image?: React.ReactNode
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.14.9",
+  "version": "5.14.11",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -91,7 +91,7 @@
     "node-fetch": "^3.3.2",
     "prettier": "^3.3.3",
     "react": "18.3.1",
-    "react-datepicker": "^7.4.0",
+    "react-datepicker": "^7.5.0",
     "react-dom": "18.3.1",
     "react-test-renderer": "18.3.1",
     "rimraf": "^6.0.1",