@npm_leadtech/legal-lib-components 5.0.2 → 5.1.0

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* 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';

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

@@ -1,7 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-
+/* 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 React, { type FC, useCallback, useEffect, useRef, useState } from 'react'

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React from 'react';
 // import './Disclaimer.scss'
 const Disclaimer = ({ givenClass, text, disclaimerLinks = false, complexCopyRight, complexCopyRightMobile, simpleCopyRight }) => {

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React, { type FC } from 'react'
 
 import { type DisclaimerProps } from './DisclaimerProps.types'

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 import React from 'react';
 import { Button } from '../Button';
 import { ChevronRight } from '../../../../images/componentsSvg/ChevronRight';

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 import React from 'react'
 
 import { Button } from '../Button'

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

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React, { type FC } from 'react'
 
 import { type DividerProps } from './DividerProps.types'

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface DividerProps {
   text?: string
   image?: any

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React, { type FC } from 'react'
 
 import { type GoogleButtonProps } from './GoogleButtonProps.types'

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React, { type FC } from 'react'
 
 import { type IconImageProps } from './IconImageProps.types'

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React, { type FC } from 'react'
 
 import { type IconSvgURLWithThemeColorProps } from './IconSvgURLWithThemeColorProps.types'

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React from 'react';
 // import './IconTextInfoSection.scss'
 export const IconTextInfoSection = ({ items, classnames = '' }) => {

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React from 'react'
 
 import { type IconTextInfoSectionProps } from './IconTextInfoSection.types'

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

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
-
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import React, { type FC } from 'react'
 
 import { type InfoBoxProps } from './InfoBoxProps.types'

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface InfoBoxProps {
   children: any
   type?: string

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

@@ -1,6 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React, { type FC } from 'react'
 
 import { type LogoProps } from './LogoProps.types'

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface LogoTextProps {
   logo?: string
   children?: any

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface MenuItemProps {
   spacing?: boolean
   hasBullets?: boolean

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

@@ -1,8 +1,4 @@
 import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import { useState } from 'react';

package/dist/src/components/atoms/MenuItems/MenuItems.tsx

@@ -1,7 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import React, { type FC, useState } from 'react'

package/dist/src/components/atoms/MessageInformation/MessageInformation.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React, { type FC } from 'react'
 
 import { type MessageInformationProps } from './MessageInformationProps.types'

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

@@ -4,7 +4,7 @@ import { getCategoryIcons } from '../../../utils/getCategoryIcons';
 export const MoreDocsItem = ({ title, description, slug, icon = null }) => {
     return (_jsxs("div", { className: 'more-docs-item', onClick: () => {
             window.location.href = slug;
-        }, "data-qa": title.replace(/\s/g, '_'), role: 'button', onKeyUp: (event) => {
+        }, "data-qa": `${title.replace(/\s/g, '_')}`, role: 'button', onKeyUp: (event) => {
             if (event.key === 'Enter' || event.key === ' ') {
                 window.location.href = slug;
             }

package/dist/src/components/atoms/MoreDocsItem/MoreDocsItem.tsx

@@ -11,7 +11,7 @@ export const MoreDocsItem: React.FC<MoreDocsItemProps> = ({ title, description,
       onClick={() => {
         window.location.href = slug
       }}
-      data-qa={title.replace(/\s/g, '_')}
+      data-qa={`${title.replace(/\s/g, '_')}`}
       role='button'
       onKeyUp={(event) => {
         if (event.key === 'Enter' || event.key === ' ') {

package/dist/src/components/atoms/NavMenuItem/NavMenuItemProps.d.ts

@@ -1,8 +1,8 @@
 import { type ButtonProps } from '../Button';
 export interface NavMenuItemProps {
     mainButton: ButtonProps;
-    items?: {
+    items?: Array<{
         key: string;
         props: ButtonProps;
-    }[];
+    }>;
 }

package/dist/src/components/atoms/NavMenuItem/NavMenuItemProps.ts

@@ -2,8 +2,8 @@ import { type ButtonProps } from '../Button'
 
 export interface NavMenuItemProps {
   mainButton: ButtonProps
-  items?: {
+  items?: Array<{
     key: string
     props: ButtonProps
-  }[]
+  }>
 }

package/dist/src/components/atoms/PaypalButton/PaypalButton.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React, { type FC } from 'react'
 
 import { type PaypalButtonProps } from './PaypalButtonProps.types'

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

@@ -3,5 +3,5 @@ import { ChevronRight24px } from '../../../../images/componentsSvg/ChevronRight2
 import { getCategoryIcons } from '../../../utils/getCategoryIcons';
 // import './PopularDocsItem.scss'
 export const PopularDocsItem = ({ title, description, slug, icon = null }) => {
-    return (_jsxs("a", { className: 'popular-docs-item', href: slug, "data-qa": title.replace(/\s/g, '_'), children: [_jsx("div", { className: 'category-icon', children: icon ?? getCategoryIcons(description, 35, 30) }), _jsxs("div", { className: 'texts', children: [_jsx("div", { children: _jsx("strong", { children: title }) }), _jsx("p", { className: 'description', children: description })] }), _jsx("div", { className: 'icon-left', children: _jsx(ChevronRight24px, {}) })] }));
+    return (_jsxs("a", { className: 'popular-docs-item', href: slug, "data-qa": `${title.replace(/\s/g, '_')}`, children: [_jsx("div", { className: 'category-icon', children: icon ?? getCategoryIcons(description, 35, 30) }), _jsxs("div", { className: 'texts', children: [_jsx("div", { children: _jsx("strong", { children: title }) }), _jsx("p", { className: 'description', children: description })] }), _jsx("div", { className: 'icon-left', children: _jsx(ChevronRight24px, {}) })] }));
 };

package/dist/src/components/atoms/PopularDocsItem/PopularDocsItem.tsx

@@ -7,7 +7,7 @@ import { getCategoryIcons } from '../../../utils/getCategoryIcons'
 
 export const PopularDocsItem: React.FC<PopularDocsItemProps> = ({ title, description, slug, icon = null }) => {
   return (
-    <a className='popular-docs-item' href={slug} data-qa={title.replace(/\s/g, '_')}>
+    <a className='popular-docs-item' href={slug} data-qa={`${title.replace(/\s/g, '_')}`}>
       <div className='category-icon'>{icon ?? getCategoryIcons(description, 35, 30)}</div>
       <div className='texts'>
         <div>

package/dist/src/components/atoms/ProgressBar/ProgressBar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import React, { type FC } from 'react'
 
 import { type ProgressBarProps } from './ProgressBarProps.types'

package/dist/src/components/atoms/ProgressBar/ProgressBarProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface ProgressBarProps {
   currentStep: number
   allSteps: any[]

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

@@ -13,7 +13,7 @@ const Radio = (props) => {
         .join(' ');
     const classNames = `e-radio ${props.class} ${!props.validate ? '--is-invalid' : ''} ${!props.isValidGroup ? '--group-invalid' : ''} ${additionalClassNames}`;
     const TooltipObject = props.tooltip ? _jsx("p", { className: 'tooltip-form sans-serif --small', children: props.tooltip }) : '';
-    return (_jsxs("div", { className: classNames, children: [_jsx("label", { htmlFor: props.name, className: 'radio-group__label', children: props.label }), _jsx("div", { className: 'e-radio__inner', children: props.items?.map((radio) => {
+    return (_jsxs("div", { className: `${classNames}`, children: [_jsx("label", { htmlFor: props.name, className: 'radio-group__label', children: props.label }), _jsx("div", { className: 'e-radio__inner', children: props.items?.map((radio) => {
                     return (_jsx("div", { className: `radio-item-container ${radio.value === props.value ? 'active' : ''}`, children: _jsxs("label", { className: 'e-radio-label', children: [radio.iconName !== undefined && radio.iconName !== '' && (_jsx(IconImage, { givenClass: 'radio-icon', iconName: radio.iconName })), _jsx("input", { type: 'radio', className: 'radio-item-input', id: `${props.name}_${radio.value}`, name: props.name, onChange: props.onChange, value: radio.value, checked: radio.value === props.value, disabled: props.disabled }), _jsx("label", { className: 'e-radio-label__label', htmlFor: `${props.name}_${radio.value}`, "data-qa": `${props.name}_${radio.value}`, children: radio.label }), _jsx("div", { children: props.help })] }, radio.value) }, radio.value));
                 }) }), TooltipObject] }));
 };

package/dist/src/components/atoms/Radio/Radio.tsx

@@ -1,6 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
-
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import React, { type FC } from 'react'
 
 import IconImage from '../IconImage/IconImage'
@@ -25,7 +23,7 @@ const Radio: FC<RadioProps> = (props) => {
   const TooltipObject = props.tooltip ? <p className='tooltip-form sans-serif --small'>{props.tooltip}</p> : ''
 
   return (
-    <div className={classNames}>
+    <div className={`${classNames}`}>
       <label htmlFor={props.name} className='radio-group__label'>
         {props.label}
       </label>

package/dist/src/components/atoms/Radio/RadioProps.types.d.ts

@@ -9,10 +9,10 @@ export interface RadioProps {
     validate?: boolean;
     isValidGroup?: boolean;
     disabled?: boolean;
-    items?: {
+    items?: Array<{
         value: string;
         label: string;
         iconName?: string;
-    }[];
+    }>;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }

package/dist/src/components/atoms/Radio/RadioProps.types.ts

@@ -9,6 +9,6 @@ export interface RadioProps {
   validate?: boolean
   isValidGroup?: boolean
   disabled?: boolean
-  items?: { value: string; label: string; iconName?: string }[]
+  items?: Array<{ value: string; label: string; iconName?: string }>
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void
 }

package/dist/src/components/atoms/RemoveButton/RemoveButton.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 import React, { type FC } from 'react'
 
 import { type RemoveButtonProps } from './RemoveButtonProps.types'

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapi.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { type FC } from 'react'
 
 import { type RichTextStrapiProps } from './RichTextStrapiProps'

package/dist/src/components/atoms/RichTextStrapi/useFormattedText.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 import React from 'react';
 import { getDateFormatMMMMYYYY } from '../../../utils/getDateFormatMMMMYYYY';
 import { replaceAll } from '../../../utils/replaceAll';

package/dist/src/components/atoms/RichTextStrapi/useFormattedText.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 import React from 'react'
 
 import { type RichTextMedia } from './RichTextMedia'

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

@@ -28,7 +28,7 @@ const SearchSelect = (props) => {
     const classnames = classNames({
         'e-searchselect': true,
         '--is-invalid': !props.validate,
-        [customClass]: props.customClass,
+        [`${customClass}`]: props.customClass,
         '--group-invalid': !props.isValidGroup
     });
     const handleChange = (selectedOption) => {
@@ -41,7 +41,7 @@ const SearchSelect = (props) => {
         props.onChange(selectObject);
     };
     const TooltipObject = props.tooltip && typeof props.tooltip === 'string' ? (_jsx("p", { className: 'tooltip-form sans-serif --small', children: props.tooltip })) : ('');
-    return (_jsxs(_Fragment, { children: [props.label && (_jsx("div", { className: 'e-searchselect__inner', children: _jsx("label", { className: 'searchselect__label', children: props.label }) })), _jsxs("div", { className: `${classnames} ${props.width ? 'width' : ''}`, "data-qa": props.dataQA ?? props.name, children: [TooltipObject, _jsxs("span", { className: 'e-searchselect--error sans-serif --small', children: [_jsx("img", { src: error, alt: props.errorMessage, width: '24', height: '24' }), props.errorMessage] }), _jsx(Select, { styles: {
+    return (_jsxs(_Fragment, { children: [props.label && (_jsx("div", { className: 'e-searchselect__inner', children: _jsx("label", { className: 'searchselect__label', children: props.label }) })), _jsxs("div", { className: `${classnames} ${props.width ? 'width' : ''}`, "data-qa": `${props.dataQA ?? props.name}`, children: [TooltipObject, _jsxs("span", { className: 'e-searchselect--error sans-serif --small', children: [_jsx("img", { src: error, alt: props.errorMessage, width: '24', height: '24' }), props.errorMessage] }), _jsx(Select, { styles: {
                             control: (baseStyles, state) => {
                                 return {
                                     ...baseStyles,

package/dist/src/components/atoms/SearchSelect/SearchSelect.tsx

@@ -1,9 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import React, { type FC } from 'react'
 import Select from 'react-select'
 
@@ -38,7 +33,7 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
   const classnames = classNames({
     'e-searchselect': true,
     '--is-invalid': !props.validate,
-    [customClass]: props.customClass,
+    [`${customClass}`]: props.customClass,
     '--group-invalid': !props.isValidGroup
   })
 
@@ -66,7 +61,7 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
           <label className='searchselect__label'>{props.label}</label>
         </div>
       )}
-      <div className={`${classnames} ${props.width ? 'width' : ''}`} data-qa={props.dataQA ?? props.name}>
+      <div className={`${classnames} ${props.width ? 'width' : ''}`} data-qa={`${props.dataQA ?? props.name}`}>
         {TooltipObject}
         <span className='e-searchselect--error sans-serif --small'>
           <img src={error} alt={props.errorMessage} width='24' height='24' />

package/dist/src/components/atoms/SearchSelect/SearchSelectProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { type MenuPlacement } from './SearchSelect'
 
 type DefaultValue = Record<string, string | null | undefined>

package/dist/src/components/atoms/SidemenuTab/SideMenuTabProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { type MouseEventHandler } from 'react'
 
 export interface SideMenuTabProps {

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React from 'react'
 import classNames from 'classnames'
 

package/dist/src/components/atoms/Tag/Tag.scss

@@ -12,6 +12,10 @@
 
   .icon {
     display: flex;
+
+    .icon-svg-with-theme-color {
+      background-color: get-color(secondary, main-dark-2);
+    }
   }
 
   .text {

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

@@ -1,7 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import PropTypes from 'prop-types';
 /**
  *  @param {string} props.id, jira task number

package/dist/src/components/atoms/TestAB/TestAB.tsx

@@ -1,8 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import PropTypes from 'prop-types'
 
 /**

package/dist/src/components/atoms/TextArea/TextArea.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React, { type FC } from 'react'
 
 import { type TextAreaProps } from './TextAreaProps.types'

package/dist/src/components/atoms/Tooltip/TooltipProps.types.d.ts

@@ -9,7 +9,7 @@ export interface TooltipProps {
     position?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
     trigger?: 'click' | 'focus' | 'focusin' | 'mouseenter' | 'mouseenter focus' | 'mouseenter click' | 'manual' | 'hover';
     content?: any;
-    children?: React.ReactElement;
+    children?: React.ReactElement<any>;
     onClick?: () => void;
     onClickOutside?: () => void;
 }

package/dist/src/components/atoms/Tooltip/TooltipProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface TooltipProps {
   maxWidth?: number | string
   visible?: boolean
@@ -25,7 +24,7 @@ export interface TooltipProps {
     | 'auto-end'
   trigger?: 'click' | 'focus' | 'focusin' | 'mouseenter' | 'mouseenter focus' | 'mouseenter click' | 'manual' | 'hover'
   content?: any
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   onClick?: () => void
   onClickOutside?: () => void
 }

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

@@ -1,6 +1,6 @@
 import React, { type FC } from 'react';
 interface WideInfoBarProps {
-    children?: React.ReactElement;
+    children?: React.ReactElement<any>;
     color?: 'green';
 }
 declare const WideInfoBar: FC<WideInfoBarProps>;

package/dist/src/components/atoms/WideInfoBar/WideInfoBar.tsx

@@ -3,7 +3,7 @@ import React, { type FC } from 'react'
 // import './WideInfoBar.scss'
 
 interface WideInfoBarProps {
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   color?: 'green'
 }
 

package/dist/src/components/molecules/AccordionItem/AccordionItem.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type AccordionItemProps } from './AccordionItemProps.types';
-export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => React.JSX.Element;
+export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => JSX.Element;

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
+/* 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 { useEffect, useRef } from 'react';
 import { useDispatchDataAccordionItem, useStateDataAccordionItem } from '../../organisms/Accordion/Accordion.context';
 // import './AccordionItem.scss'

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

@@ -1,5 +1,6 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
+/* 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 React, { useEffect, useRef } from 'react'
 import { useDispatchDataAccordionItem, useStateDataAccordionItem } from '../../organisms/Accordion/Accordion.context'
 
@@ -15,7 +16,7 @@ export const AccordionItem = ({
   isOpen,
   onClick,
   title
-}: AccordionItemProps): React.JSX.Element => {
+}: AccordionItemProps): JSX.Element => {
   const contenReftHeight = useRef<HTMLInputElement>(null)
   const { state } = useStateDataAccordionItem(index)
   const { dispatch } = useDispatchDataAccordionItem()

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

@@ -3,7 +3,7 @@ import { DocumentTag } from '../../atoms';
 import { SymbolDoc } from '../../../../images/componentsSvg/SymbolDoc';
 // import './AlsoKnownAs.scss'
 const AlsoKnownAs = ({ title = '', documents = [] }) => {
-    if (documents.length === 0)
+    if (documents?.length === 0)
         return null;
     return (_jsxs("div", { className: 'also-known-as', children: [_jsxs("p", { className: 'title', children: [_jsx(SymbolDoc, {}), _jsx("span", { className: 'text', children: title })] }), documents.map((item) => (_jsx(DocumentTag, { text: item }, item)))] }));
 };

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

@@ -6,7 +6,7 @@ import { SymbolDoc } from '../../../../images/componentsSvg/SymbolDoc'
 // import './AlsoKnownAs.scss'
 
 const AlsoKnownAs: FC<AlsoKnownAsProps> = ({ title = '', documents = [] }) => {
-  if (documents.length === 0) return null
+  if (documents?.length === 0) return null
 
   return (
     <div className='also-known-as'>

package/dist/src/components/molecules/BaseBoxList/BaseBoxListProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface BaseBoxListProps {
   givenClass?: string
   padded?: boolean

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 import React, { type FC } from 'react'
 
 import { Button, RichTextInner } from '../../atoms'

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { useEffect, useRef, useState } from 'react';
 import { useSwipeable } from 'react-swipeable';
 // import './BottomOverlay.scss'
@@ -24,7 +23,7 @@ const BottomOverlay = ({ givenClass, header, body, open = false, onClose, footer
     const handleScroll = (event) => {
         setScrollingDown(true);
         const targetElement = event.target;
-        if (targetElement.scrollTop === 0) {
+        if (targetElement?.scrollTop === 0) {
             setScrollingDown(false);
         }
     };

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import React, { type FC, useEffect, useRef, useState } from 'react'
 import { useSwipeable } from 'react-swipeable'
 
@@ -29,7 +28,7 @@ const BottomOverlay: FC<BottomOverlayProps> = ({ givenClass, header, body, open
     setScrollingDown(true)
 
     const targetElement = event.target as HTMLElement
-    if (targetElement.scrollTop === 0) {
+    if (targetElement?.scrollTop === 0) {
       setScrollingDown(false)
     }
   }

package/dist/src/components/molecules/BottomOverlay/BottomOverlayProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface BottomOverlayProps {
   givenClass?: string
   header?: any

package/dist/src/components/molecules/BoxForm/BoxFormProps.types.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { type ButtonProps } from '../../atoms'
 
 export interface BoxFormProps {

package/dist/src/components/molecules/Breadcrumb/BreadcrumbProps.types.d.ts

@@ -1,6 +1,6 @@
 export interface BreadcrumbProps {
-    crumbs: {
+    crumbs: Array<{
         text: string;
         url?: string;
-    }[];
+    }>;
 }

package/dist/src/components/molecules/Breadcrumb/BreadcrumbProps.types.ts

@@ -1,3 +1,3 @@
 export interface BreadcrumbProps {
-  crumbs: { text: string; url?: string }[]
+  crumbs: Array<{ text: string; url?: string }>
 }

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { useEffect, useRef, useState } from 'react';
 import { MessageInformation } from '../../atoms';
 import classNames from 'classnames';