@npm_leadtech/legal-lib-components 4.1.0 → 4.1.5

package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DatePicker, { registerLocale } from 'react-datepicker';
+import { useState } from 'react';
+import { de } from 'date-fns/locale';
+// import './DatePickerCustom.scss'
+// import './DatepickerPlugin.scss'
+registerLocale('de', de);
+const DatePickerCustom = ({ class: className, dateFormat = 'MM/dd/yyyy', isStartDate = false, isValidGroup = false, label, locale = 'en', name, onChange, relatedDate, tooltip, type, validate = false, value }) => {
+    const [date, setDate] = useState(() => {
+        return typeof value === 'string' && value !== '' ? new Date(value) : null;
+    });
+    const returnYears = (currentYear) => {
+        const years = [];
+        const minYear = new Date().getFullYear() - 100;
+        const maxYear = new Date().getFullYear() + 500;
+        for (let i = minYear; i <= maxYear; i++) {
+            years.push(_jsx("option", { value: i, defaultValue: currentYear, children: i }, i));
+        }
+        return years;
+    };
+    const handleChange = (date) => {
+        setDate(date);
+        if (onChange != null) {
+            const dateObject = {
+                target: {
+                    name,
+                    value: date
+                }
+            };
+            onChange(dateObject);
+        }
+    };
+    const addDays = (date, days) => {
+        const result = new Date(date);
+        result.setDate(result.getDate() + days);
+        return result;
+    };
+    const classStyle = `${validate ? 'e-datepicker' : 'e-datepicker is-invalid'} ${className ?? ''} e-${type} ${!isValidGroup ? '--group-invalid' : ''}\``;
+    let minDate;
+    let maxDate;
+    if (relatedDate != null) {
+        if (isStartDate) {
+            maxDate = relatedDate;
+            maxDate = addDays(maxDate, -1);
+        }
+        else {
+            minDate = relatedDate;
+            minDate = addDays(minDate, 1);
+        }
+    }
+    const TooltipObject = tooltip !== undefined ? _jsx("p", { className: 'tooltip-form sans-serif --small', children: tooltip }) : '';
+    const actualYear = new Date().getFullYear();
+    const intlForMonths = new Intl.DateTimeFormat(locale, { month: 'long' });
+    const months = [...Array(12).keys()].map((monthIndex) => {
+        const monthName = intlForMonths.format(new Date(actualYear, monthIndex));
+        return {
+            monthName
+        };
+    });
+    return (_jsxs("div", { className: classStyle, "data-qa": name, children: [TooltipObject, _jsx(DatePicker, { locale: locale, dateFormat: dateFormat, renderCustomHeader: ({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled }) => (_jsxs("div", { style: {
+                        margin: 10,
+                        display: 'flex',
+                        justifyContent: 'center'
+                    }, children: [_jsx("button", { className: 'DayPickerNavigation_leftButton', onClick: decreaseMonth, disabled: prevMonthButtonDisabled, children: '<' }), _jsx("select", { className: 'CalendarYear', value: date.getFullYear(), onChange: ({ target: { value } }) => {
+                                changeYear(Number(value));
+                            }, children: returnYears(date.getFullYear()) }), _jsx("select", { className: 'CalendarMonth', value: date.getMonth(), onChange: ({ target: { value } }) => {
+                                changeMonth(Number(value));
+                            }, children: months.map(({ monthName }, value) => (_jsx("option", { value: value, defaultValue: date.getMonth(), children: monthName }, monthName))) }), _jsx("button", { className: 'DayPickerNavigation_rightButton', onClick: increaseMonth, disabled: nextMonthButtonDisabled, children: '>' })] })), selected: date, minDate: minDate, maxDate: maxDate, onChange: (date) => {
+                    handleChange(date);
+                }, popperPlacement: 'bottom', popperModifiers: [
+                    {
+                        name: 'flip',
+                        options: {
+                            fallbackPlacements: ['bottom']
+                        }
+                    }
+                ] }), _jsx("div", { className: 'e-datepicker__inner', children: _jsx("label", { className: 'e-datepicker__label', children: label }) })] }));
+};
+export default DatePickerCustom;

package/dist/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/DatePickerCustom/index.js

@@ -0,0 +1 @@
+export { default as DatePickerCustom } from './DatePickerCustom';

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type DialogMenuIconProps } from './DialogMenuIconProps.types';
+declare const DialogMenuIcon: FC<DialogMenuIconProps>;
+export default DialogMenuIcon;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import cross from '../../../../images/svg/icon-clear-24-px.svg';
+import shape from '../../../../images/svg/shape.svg';
+// import './DialogMenuIcon.scss'
+const DialogMenuIcon = ({ onClose, onOpen, content }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [onHoverVisible, setOnHoverVisible] = useState(true);
+    const iconContainer = useRef(null);
+    const messageContainer = useRef(null);
+    const classnames = classNames('dialog-menu-icon', {
+        'dialog-menu-icon--visible': isVisible,
+        'dialog-menu-icon--hidden': !isVisible,
+        'dialog-menu-icon--visible-on-hover': onHoverVisible
+    });
+    const handleClickOutside = useCallback((event) => {
+        const clickOutOfSelect = iconContainer.current && !iconContainer.current.contains(event.target);
+        if (clickOutOfSelect && onClose != null) {
+            onClose();
+        }
+    }, [iconContainer, onClose]);
+    useEffect(() => {
+        if (iconContainer.current) {
+            iconContainer.current.addEventListener('mouseover', () => {
+                setOnHoverVisible(true);
+            });
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [handleClickOutside, onClose]);
+    const onHandleChange = (visible = false, hoverVisible = false) => {
+        setIsVisible(visible);
+        setOnHoverVisible(hoverVisible);
+        if (visible && onOpen != null) {
+            onOpen();
+        }
+        else if (!visible && onClose != null) {
+            onClose();
+        }
+    };
+    return (_jsxs("div", { className: classnames, ref: iconContainer, children: [_jsx("img", { className: 'dialog-menu-icon__image', onClick: () => {
+                    onHandleChange(true, false);
+                }, src: shape, alt: 'shape' }), _jsxs("div", { className: 'dialog-menu-icon__message', ref: messageContainer, children: [_jsx("p", { children: content }), _jsx("img", { onClick: () => {
+                            onHandleChange();
+                        }, src: cross, alt: '' })] })] }));
+};
+export default DialogMenuIcon;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIconProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/DialogMenuIcon/index.js

@@ -0,0 +1 @@
+export { default as DialogMenuIcon } from './DialogMenuIcon';

package/dist/src/components/atoms/Disclaimer/Disclaimer.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type DisclaimerProps } from './DisclaimerProps.types';
+declare const Disclaimer: FC<DisclaimerProps>;
+export default Disclaimer;

package/dist/src/components/atoms/Disclaimer/Disclaimer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// import './Disclaimer.scss'
+const Disclaimer = ({ givenClass, text, disclaimerLinks = false, complexCopyRight, complexCopyRightMobile, simpleCopyRight }) => {
+    const showDisclaimerLinks = disclaimerLinks && _jsx(React.Fragment, { children: complexCopyRight });
+    const showDisclaimerLinkMobile = disclaimerLinks && (_jsx(React.Fragment, { children: _jsxs("div", { className: 'disclaimer__copy', children: [complexCopyRightMobile, _jsx("p", { children: simpleCopyRight })] }) }));
+    return (_jsx("div", { className: `disclaimer__wrapper ${givenClass}`, children: _jsxs("div", { className: 'wrapper disclaimer sans-serif --extra-small', children: [_jsx("div", { className: 'disclaimer__copy', children: text }), disclaimerLinks ? _jsx("p", { className: 'desktop_view', children: showDisclaimerLinks }) : _jsx("p", { children: simpleCopyRight }), disclaimerLinks && _jsx("div", { className: 'disclaimer__copy mobile_view', children: showDisclaimerLinkMobile })] }) }));
+};
+export default Disclaimer;

package/dist/src/components/atoms/Disclaimer/DisclaimerProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/Disclaimer/index.js

@@ -0,0 +1 @@
+export { default as Disclaimer } from './Disclaimer';

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type DisclaimerRatafiaProps } from './DisclaimerRatafiaProps';
+export declare const DisclaimerRatafia: React.FC<DisclaimerRatafiaProps>;
+export default DisclaimerRatafia;

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../Button';
+import { ChevronRight } from '../../../../images/componentsSvg/ChevronRight';
+// import './DisclaimerRatafia.scss'
+export const DisclaimerRatafia = ({ icon, text, ctaTextShowDisclaimer, ctaTextCloseDisclaimer, legalAdviceText, copyrightText }) => {
+    const [disclaimer, toggleDisclaimer] = React.useState(false);
+    const handleShowDisclaimer = () => {
+        toggleDisclaimer(true);
+        if (ctaTextShowDisclaimer.onClick != null)
+            ctaTextShowDisclaimer.onClick();
+    };
+    const handleCloseDisclaimer = () => {
+        toggleDisclaimer(false);
+        if (ctaTextCloseDisclaimer.onClick != null)
+            ctaTextCloseDisclaimer.onClick();
+    };
+    const existLegalAdviceText = Boolean(legalAdviceText);
+    return (_jsxs("div", { className: 'disclaimer-ratafia', children: [_jsxs("div", { className: 'disclaimer-ratafia__text-desktop', children: [_jsxs("div", { className: 'disclaimer-ratafia__text', children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__text__text', children: text })] }), existLegalAdviceText && (_jsx("div", { className: 'disclaimer-ratafia__legal-advice', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: legalAdviceText }) })), _jsx("div", { className: 'disclaimer-ratafia__copyright', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: copyrightText }) })] }), _jsxs("div", { className: 'disclaimer-ratafia__text-mobile', children: [_jsx("div", { className: 'disclaimer-ratafia__text-mobile-text', children: _jsxs("button", { "data-qa": ctaTextShowDisclaimer.dataQa, className: 'sans-serif --small disclaimer-ratafia__text__text', onClick: handleShowDisclaimer, children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), ctaTextShowDisclaimer.text, _jsx("div", { className: 'disclaimer-ratafia__text__arrow', children: _jsx(ChevronRight, {}) })] }) }), disclaimer && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'disclaimer-ratafia__disclaimer-background' }), _jsxs("div", { className: 'disclaimer-ratafia__disclaimer-fixed', children: [_jsx("p", { className: 'disclaimer-ratafia__disclaimer-fixed__title', children: ctaTextShowDisclaimer.text }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle', children: text }), existLegalAdviceText && (_jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: legalAdviceText })), _jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: copyrightText }), _jsx(Button, { color: 'primary', label: ctaTextCloseDisclaimer.text, givenClass: 'disclaimer-ratafia__disclaimer-fixed__cta', onClick: handleCloseDisclaimer, noLink: true, dataQa: ctaTextCloseDisclaimer.dataQa })] })] }))] })] }));
+};
+export default DisclaimerRatafia;

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafiaProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/DisclaimerRatafia/index.js

@@ -0,0 +1 @@
+export { default as DisclaimerKeyFactsResultRatafia } from './DisclaimerRatafia';

package/dist/src/components/atoms/Divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type DividerProps } from './DividerProps.types';
+declare const Divider: FC<DividerProps>;
+export default Divider;

package/dist/src/components/atoms/Divider/Divider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './Divider.scss'
+const Divider = ({ containerClass, lineClass, text, image }) => {
+    if (text?.length === 0 || image?.length === 0)
+        return null;
+    return (_jsxs("div", { className: `divider ${containerClass ?? ''}`, children: [_jsx("div", { className: `divider__line ${lineClass ?? ''}` }), text !== undefined && _jsx("p", { className: 'divider__word', children: text }), image !== undefined && _jsx("img", { className: 'divider__image', src: image, alt: '', role: 'img' }), _jsx("div", { className: `divider__line ${lineClass ?? ''}` })] }));
+};
+export default Divider;

package/dist/src/components/atoms/Divider/DividerProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/Divider/index.js

@@ -0,0 +1 @@
+export { default as Divider } from './Divider';

package/dist/src/components/atoms/DocumentStatus/DocumentStatus.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type DocumentStatusProps } from './DocumentStatusProps.types';
+declare const DocumentStatus: FC<DocumentStatusProps>;
+export default DocumentStatus;

package/dist/src/components/atoms/DocumentStatus/DocumentStatus.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Done24px } from '../../../../images/componentsSvg/Done24px';
+import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
+import { Time24px } from '../../../../images/componentsSvg/Time24px';
+// import './DocumentStatus.scss'
+const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText }) => {
+    if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
+        return (_jsxs("div", { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
+    }
+    if (type === 'new') {
+        return (_jsxs("div", { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
+    }
+    return (_jsxs("div", { "data-testid": 'document-status', className: 'document-status --in-progress', children: [_jsx(Time24px, { className: 'icon' }), _jsx("span", { className: 'sans-serif --small', children: statusInProgressText })] }));
+};
+export default DocumentStatus;

package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/DocumentStatus/index.js

@@ -0,0 +1 @@
+export { default as DocumentStatus } from './DocumentStatus';

package/dist/src/components/atoms/DocumentTag/DocumentTag.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './DocumentTag.scss';
+export const DocumentTag = ({ text = '' }) => {
+    if (text === '')
+        return null;
+    return _jsx("p", { className: 'document-tag', children: text });
+};

package/dist/src/components/atoms/DocumentTag/DocumentTagProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/DocumentTag/index.js

@@ -0,0 +1 @@
+export { DocumentTag } from './DocumentTag';

package/dist/src/components/atoms/ExpertCard/ExpertCard.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type ExpertCardProps } from './ExpertCardProps.types';
+declare const ExpertCard: FC<ExpertCardProps>;
+export default ExpertCard;

package/dist/src/components/atoms/ExpertCard/ExpertCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './ExpertCard.scss'
+const ExpertCard = ({ title, url, description, image }) => {
+    return (_jsx("div", { className: 'expert-card', children: _jsxs("div", { className: 'expert-card__box', children: [_jsx("div", { className: 'expert-card__image', children: image }), url != null && (_jsx("a", { className: 'expert-card__title', href: url, children: title })), url == null && _jsx("p", { className: 'expert-card__title', children: title }), _jsx("p", { className: 'expert-card__description', children: description })] }) }));
+};
+export default ExpertCard;

package/dist/src/components/atoms/ExpertCard/ExpertCardProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/ExpertCard/index.js

@@ -0,0 +1 @@
+export { default as ExpertCard } from './ExpertCard';

package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type FeatureRatafiaCardProps } from './FeatureRatafiaCardProps.types';
+export declare const FeatureRatafiaCard: React.FC<FeatureRatafiaCardProps>;
+export default FeatureRatafiaCard;

package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './FeatureRatafiaCard.scss'
+export const FeatureRatafiaCard = ({ title, icon, description, isReleased = true, notReleasedText }) => {
+    return (_jsx("div", { className: 'feature-ratafia-card', children: _jsx("div", { className: isReleased ? 'feature-ratafia-card-released' : 'feature-ratafia-card-not-released', children: _jsxs("div", { className: 'feature-ratafia-card__wrapper', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header__title', children: [icon !== null && _jsx("div", { className: 'feature-ratafia-card__wrapper__header__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --big --bold-weight feature-ratafia-card__wrapper__header__title__text', children: title })] }), !isReleased && (_jsx("p", { className: 'sans-serif --small --bold-weight feature-ratafia-card__wrapper__header__not-released', children: notReleasedText }))] }), _jsx("p", { className: 'sans-serif --medium feature-ratafia-card__wrapper__description', children: description })] }) }) }));
+};
+export default FeatureRatafiaCard;

package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCardProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/FeatureRatafiaCard/index.js

@@ -0,0 +1 @@
+export { default as FeatureRatafiaCard } from './FeatureRatafiaCard';

package/dist/src/components/atoms/FormFaq/FormFaq.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type FormFaqProps } from './FormFaqProps.types';
+declare const FormFaq: FC<FormFaqProps>;
+export default FormFaq;

package/dist/src/components/atoms/FormFaq/FormFaq.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './FormFaq.scss'
+const FormFaq = ({ title, answer }) => {
+    return (_jsx("li", { className: 'form-faq', children: _jsxs("div", { className: 'form-faq__container', children: [_jsx("p", { className: 'form-faq__title sans-serif --small', children: title }), _jsx("div", { className: 'form-faq__answer sans-serif --extra-small', children: answer })] }) }));
+};
+export default FormFaq;

package/dist/src/components/atoms/FormFaq/FormFaqProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/FormFaq/index.js

@@ -0,0 +1 @@
+export { default as FormFaq } from './FormFaq';

package/dist/src/components/atoms/GoogleButton/GoogleButton.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type GoogleButtonProps } from './GoogleButtonProps.types';
+declare const GoogleButton: FC<GoogleButtonProps>;
+export default GoogleButton;

package/dist/src/components/atoms/GoogleButton/GoogleButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import logoGoogle from '../../../../images/svg/logo-google.svg';
+// import './GoogleButton.scss'
+const GoogleButton = ({ onClick, label = 'Log In with Google' }) => {
+    return (_jsxs("button", { type: 'button', className: 'google-button', onClick: onClick, children: [_jsx("img", { className: 'google-logo', src: logoGoogle, alt: '' }), _jsx("span", { children: label })] }));
+};
+export default GoogleButton;

package/dist/src/components/atoms/GoogleButton/GoogleButtonProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/GoogleButton/index.js

@@ -0,0 +1 @@
+export { default as GoogleButton } from './GoogleButton';

package/dist/src/components/atoms/IconImage/IconImage.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const IconImage = ({ iconName, baseSrcUrl = undefined, givenClass, iconFormat = 'svg' }) => {
+    if (baseSrcUrl === undefined) {
+        baseSrcUrl = `${process.env.ASSETS_URL}/`;
+    }
+    const iconUrl = `${baseSrcUrl}${iconName}.${iconFormat}`;
+    return _jsx("img", { className: givenClass, src: iconUrl, alt: '', role: 'img' });
+};
+export default IconImage;

package/dist/src/components/atoms/IconImage/IconImageProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/IconImage/index.js

@@ -0,0 +1 @@
+export { default as IconImage } from './IconImage';

package/dist/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColor.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type IconSvgURLWithThemeColorProps } from './IconSvgURLWithThemeColorProps.types';
+export declare const IconSvgURLWithThemeColor: FC<IconSvgURLWithThemeColorProps>;

package/dist/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColor.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './IconSvgURLWithThemeColor.scss'
+export const IconSvgURLWithThemeColor = ({ color = '', url, width = '30', height = '30' }) => {
+    let backgroundColor;
+    if (color.length > 0) {
+        backgroundColor = color;
+    }
+    return (_jsx("i", { className: 'icon-svg-with-theme-color', style: {
+            width: `${width}px`,
+            height: `${height}px`,
+            mask: `url(${url}) no-repeat center / contain`,
+            WebkitMask: `url(${url}) no-repeat center / contain`,
+            backgroundColor
+        } }));
+};

package/dist/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColorProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/IconSvgURLWithThemeColor/index.js

@@ -0,0 +1 @@
+export { IconSvgURLWithThemeColor } from './IconSvgURLWithThemeColor';

package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type IconTextInfoSectionProps } from './IconTextInfoSection.types';
+export declare const IconTextInfoSection: React.FC<IconTextInfoSectionProps>;

package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// import './IconTextInfoSection.scss'
+export const IconTextInfoSection = ({ items, classnames = '' }) => {
+    return (_jsx("div", { className: `icon-text-info-section bottom-side ${classnames}`, children: items.map(({ text, src }, index) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'box', children: [_jsx("div", { className: 'item-image', children: _jsx("img", { className: 'image', src: src, alt: 'create' }) }), _jsx("div", { className: 'item-text', children: _jsx("p", { className: 'no-margin', children: text }) })] }), items.length - 1 !== index && _jsx("div", { className: 'icon-text-info-section__separator' })] }, `${src}-${index}`))) }));
+};

package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/InfoBox/InfoBox.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type InfoBoxProps } from './InfoBoxProps.types';
+declare const InfoBox: FC<InfoBoxProps>;
+export default InfoBox;

package/dist/src/components/atoms/InfoBox/InfoBox.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoError24pxOutlined } from '../../../../images/componentsSvg/InfoError24pxOutlined';
+// import './InfoBox.scss'
+const InfoBox = ({ children, type, noIcon }) => {
+    return (_jsxs("div", { className: `info-box ${type}`, children: [!noIcon && (_jsx("div", { className: 'info-box__img', children: _jsx(InfoError24pxOutlined, { fill: 'blue' }) })), _jsx("div", { className: 'info-box__text-container', children: children })] }));
+};
+export default InfoBox;

package/dist/src/components/atoms/InfoBox/InfoBoxProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/InfoBox/index.js

@@ -0,0 +1 @@
+export { default as InfoBox } from './InfoBox';

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type JumbotronStaticProps } from './JumbotronStaticProps.types';
+export declare const JumbotronStatic: FC<JumbotronStaticProps>;

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './JumbotronStatic.scss'
+export const JumbotronStatic = ({ title }) => {
+    return (_jsx("section", { className: 'jumbotron--static', children: _jsx("h1", { className: 'serif --super-hero', children: title }) }));
+};

package/dist/src/components/atoms/JumbotronStatic/JumbotronStaticProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/JumbotronStatic/index.js

@@ -0,0 +1 @@
+export { JumbotronStatic } from './JumbotronStatic';

package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type KeyFactRatafiaCardProps } from './KeyFactRatafiaCardProps.types';
+export declare const KeyFactRatafiaCard: React.FC<KeyFactRatafiaCardProps>;
+export default KeyFactRatafiaCard;

package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './KeyFactRatafiaCard.scss'
+export const KeyFactRatafiaCard = ({ title, content }) => {
+    return (_jsxs("div", { className: 'key-fact-item', children: [_jsxs("div", { className: 'key-fact-item__wrapper', children: [_jsx("p", { className: 'sans-serif --medium --bold-weight key-fact-item__wrapper__title', children: title }), _jsx("p", { className: 'sans-serif --medium key-fact-item__wrapper__content', children: content })] }), _jsx("span", { className: 'key-fact-item__divider' })] }));
+};
+export default KeyFactRatafiaCard;

package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCardProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/KeyFactRatafiaCard/index.js

@@ -0,0 +1 @@
+export { default as KeyFactRatafiaCard } from './KeyFactRatafiaCard';

package/dist/src/components/atoms/Logo/Logo.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import districtlaws from './svg/districtlaws-logo.svg';
+import districtlawsWhite from './svg/districtlaws-white-logo.svg';
+import lawdistrict from './svg/lawdistrict-logo.svg';
+import lawdistrictWhite from './svg/lawdistrict-white-logo.svg';
+import lawdistrictinfo from './svg/lawdistrictinfo-logo.svg';
+import lawdistrictinfoWhite from './svg/lawdistrictinfo-white-logo.svg';
+import lawdistrictonline from './svg/lawdistrictonline-logo.svg';
+import lawdistrictonlineWhite from './svg/lawdistrictonline-white-logo.svg';
+import lawdistricts from './svg/lawdistricts-logo.svg';
+import lawdistrictsWhite from './svg/lawdistricts-white-logo.svg';
+import lawsdistrict from './svg/lawsdistrict-logo.svg';
+import lawsdistrictWhite from './svg/lawsdistrict-white-logo.svg';
+import uslawdistrict from './svg/uslawdistrict-logo.svg';
+import uslawdistrictWhite from './svg/uslawdistrict-white-logo.svg';
+const LOGOS = {
+    lawdistrict: {
+        default: lawdistrict,
+        white: lawdistrictWhite
+    },
+    districtlaws: {
+        default: districtlaws,
+        white: districtlawsWhite
+    },
+    lawsdistrict: {
+        default: lawsdistrict,
+        white: lawsdistrictWhite
+    },
+    lawdistricts: {
+        default: lawdistricts,
+        white: lawdistrictsWhite
+    },
+    lawdistrictinfo: {
+        default: lawdistrictinfo,
+        white: lawdistrictinfoWhite
+    },
+    uslawdistrict: {
+        default: uslawdistrict,
+        white: uslawdistrictWhite
+    },
+    lawdistrictonline: {
+        default: lawdistrictonline,
+        white: lawdistrictonlineWhite
+    }
+};
+export const Logo = ({ className, siteName = 'lawdistrict', type = 'default', width, height }) => {
+    return (_jsx("img", { className: className, src: LOGOS[siteName.toLowerCase()][type], alt: `${siteName} logo`, width: width, height: height }));
+};

package/dist/src/components/atoms/Logo/LogoProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/Logo/index.js

@@ -0,0 +1 @@
+export { Logo } from './Logo';

package/dist/src/components/atoms/LogoText/LogoText.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type LogoTextProps } from './LogoTextProps.types';
+declare const LogoText: FC<LogoTextProps>;
+export default LogoText;

package/dist/src/components/atoms/LogoText/LogoText.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './LogoText.scss'
+const LogoText = ({ logo, children, description }) => {
+    return (_jsxs("div", { "data-testid": 'logo-text', className: 'logo-text', children: [_jsx("img", { "data-testid": 'img-logo-text', alt: '', src: logo }), description !== undefined ? (_jsx("p", { children: _jsx("span", { children: description }) })) : (children)] }));
+};
+export default LogoText;

package/dist/src/components/atoms/LogoText/LogoTextProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/LogoText/index.js

@@ -0,0 +1 @@
+export { default as LogoText } from './LogoText';

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type MenuItemProps } from './MenuItemProps.types';
+declare const MenuItems: FC<MenuItemProps>;
+export default MenuItems;