@npm_leadtech/legal-lib-components 7.15.0 → 7.16.0

package/dist/images/componentsSvg/SearchIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchIcon: React.FC<{
+    className?: string;
+}>;

package/dist/images/componentsSvg/SearchIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SearchIcon = ({ className = '' }) => {
+    return (_jsxs("svg", { width: '17px', height: '18px', viewBox: '0 0 17 18', version: '1.1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', className: className, children: [_jsx("title", { children: "icon/search_24px" }), _jsx("g", { stroke: 'none', strokeWidth: '1', fillRule: 'evenodd', children: _jsx("path", { d: 'M12.5006256,11.0006256 L11.7106256,11.0006256 L11.4306256,10.7306256 C12.6306256,9.33062559 13.2506256,7.42062559 12.9106256,5.39062559 C12.4406256,2.61062559 10.1206256,0.390625593 7.32062559,0.0506255931 C3.09062559,-0.469374407 -0.469374407,3.09062559 0.0506255931,7.32062559 C0.390625593,10.1206256 2.61062559,12.4406256 5.39062559,12.9106256 C7.42062559,13.2506256 9.33062559,12.6306256 10.7306256,11.4306256 L11.0006256,11.7106256 L11.0006256,12.5006256 L15.2506256,16.7506256 C15.6606256,17.1606256 16.3306256,17.1606256 16.7406256,16.7506256 C17.1506256,16.3406256 17.1506256,15.6706256 16.7406256,15.2606256 L12.5006256,11.0006256 Z M6.50062559,11.0006256 C4.01062559,11.0006256 2.00062559,8.99062559 2.00062559,6.50062559 C2.00062559,4.01062559 4.01062559,2.00062559 6.50062559,2.00062559 C8.99062559,2.00062559 11.0006256,4.01062559 11.0006256,6.50062559 C11.0006256,8.99062559 8.99062559,11.0006256 6.50062559,11.0006256 Z', fillRule: 'nonzero' }) })] }));
+};

package/dist/images/componentsSvg/SearchIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+
+interface SearchIcon {
+  className: string
+}
+export const SearchIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+  return (
+    <svg
+      width='17px'
+      height='18px'
+      viewBox='0 0 17 18'
+      version='1.1'
+      xmlns='http://www.w3.org/2000/svg'
+      xmlnsXlink='http://www.w3.org/1999/xlink'
+      className={className}
+    >
+      <title>icon/search_24px</title>
+      <g stroke='none' strokeWidth='1' fillRule='evenodd'>
+        <path
+          d='M12.5006256,11.0006256 L11.7106256,11.0006256 L11.4306256,10.7306256 C12.6306256,9.33062559 13.2506256,7.42062559 12.9106256,5.39062559 C12.4406256,2.61062559 10.1206256,0.390625593 7.32062559,0.0506255931 C3.09062559,-0.469374407 -0.469374407,3.09062559 0.0506255931,7.32062559 C0.390625593,10.1206256 2.61062559,12.4406256 5.39062559,12.9106256 C7.42062559,13.2506256 9.33062559,12.6306256 10.7306256,11.4306256 L11.0006256,11.7106256 L11.0006256,12.5006256 L15.2506256,16.7506256 C15.6606256,17.1606256 16.3306256,17.1606256 16.7406256,16.7506256 C17.1506256,16.3406256 17.1506256,15.6706256 16.7406256,15.2606256 L12.5006256,11.0006256 Z M6.50062559,11.0006256 C4.01062559,11.0006256 2.00062559,8.99062559 2.00062559,6.50062559 C2.00062559,4.01062559 4.01062559,2.00062559 6.50062559,2.00062559 C8.99062559,2.00062559 11.0006256,4.01062559 11.0006256,6.50062559 C11.0006256,8.99062559 8.99062559,11.0006256 6.50062559,11.0006256 Z'
+          fillRule='nonzero'
+        ></path>
+      </g>
+    </svg>
+  )
+}

package/dist/images/svg/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4121 7.49971C14.0877 7.17531 13.5618 7.17503 13.2371 7.49907L9.9999 10.7292L6.76272 7.49907C6.43797 7.17503 5.91212 7.17531 5.58772 7.49971C5.26308 7.82435 5.26308 8.35071 5.58772 8.67535L9.41065 12.4983C9.73608 12.8237 10.2637 12.8237 10.5892 12.4983L14.4121 8.67535C14.7367 8.35071 14.7367 7.82435 14.4121 7.49971Z" fill="#1E2021"/>
+</svg>

package/dist/images/svg/business-type.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H14V2C14 0.89 13.11 0 12 0H8C6.89 0 6 0.89 6 2V4H2C0.89 4 0.01 4.89 0.01 6L0 17C0 18.11 0.89 19 2 19H18C19.11 19 20 18.11 20 17V6C20 4.89 19.11 4 18 4ZM12 4H8V2H12V4Z" fill="#078080"/>
+</svg>

package/dist/images/svg/clear-24-px.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <defs>
+        <path id="prefix__a" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <path d="M0 0H24V24H0z"/>
+        <mask id="prefix__b" fill="#fff">
+            <use xlink:href="#prefix__a"/>
+        </mask>
+        <g fill="#05646E" mask="url(#prefix__b)">
+            <path d="M0 0H24V24H0z"/>
+        </g>
+    </g>
+</svg>

package/dist/images/svg/men.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g fill="#078080" fill-rule="evenodd">
+        <path d="M0 5H24V7H0zM6 11H24V13H6zM12 17H24V19H12z"/>
+    </g>
+</svg>

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import React, { useState } from 'react';
+import { DropdownInputStyled } from './DropdownInput.styled';
+export const DropdownInput = ({ onChange, results, className = '', name, icon, placeholder }) => {
+    const [searchTerm, setSearchTerm] = useState('');
+    const updateInput = (e) => {
+        setSearchTerm(e.target.value);
+        onChange(e.target.value);
+    };
+    const resetInput = () => {
+        setSearchTerm('');
+    };
+    return (_jsxs(DropdownInputStyled, { className: `dropdown_input ${className}`, children: [_jsxs("div", { className: 'dropdown_input__container', children: [_jsx("input", { className: `dropdown_input__container__text_input ${icon ? 'with-icon' : ''}`, type: 'text', name: `dropdown_input_${name}`, placeholder: placeholder, value: searchTerm, onChange: (e) => {
+                            updateInput(e);
+                        } }), _jsxs("div", { className: `dropdown_input__container__icon ${searchTerm ? 'active' : ''}`, children: [icon &&
+                                React.cloneElement(icon, {
+                                    className: 'dropdown_input__container__icon__main'
+                                }), searchTerm && (_jsx("div", { className: 'icon-cross main-color dropdown_input__container__icon__clear', onClick: () => {
+                                    resetInput();
+                                }, onKeyDown: () => {
+                                    resetInput();
+                                } }))] })] }), searchTerm && !!results?.length && _jsx("ul", { className: 'dropdown_input__results', children: results })] }));
+};

package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.d.ts

@@ -0,0 +1 @@
+export declare const DropdownInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.js

@@ -0,0 +1,147 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const DropdownInputStyled = styled.div `
+  position: relative;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+
+  a {
+    text-decoration: none;
+  }
+
+  &:focus-within {
+    @media ${device['landscape-tablets']} {
+      .dropdown_input__container {
+        border-bottom: 2px var(--neutral-neutral-4) solid;
+      }
+
+      .dropdown_input__results {
+        opacity: 1;
+      }
+    }
+
+    .dropdown_input__container__icon {
+      color: var(--primary-main);
+
+      svg {
+        fill: var(--primary-main);
+        stroke: var(--primary-main);
+      }
+    }
+  }
+
+  .dropdown_input__container {
+    position: relative;
+    height: 2.75rem;
+    transition: all 0.25s;
+    border-bottom: 1px solid var(--neutral-neutral-4);
+
+    @media ${device['landscape-tablets']} {
+      border-top: 2px solid transparent;
+      border-bottom: 2px solid transparent;
+    }
+
+    .dropdown_input__container__text_input {
+      width: 100%;
+      height: 100%;
+      background: transparent;
+      border: none;
+
+      &:focus {
+        outline: none;
+      }
+
+      &::placeholder {
+        color: var(--neutral-neutral-3);
+      }
+
+      .dropdown_input__container__text_input.with-icon {
+        padding-right: 2rem;
+      }
+    }
+
+    .dropdown_input__container__icon {
+      display: flex;
+      align-items: center;
+      position: absolute;
+      right: 0;
+      top: 0;
+      height: 100%;
+      color: var(--neutral-neutral-3);
+      fill: currentColor;
+
+      @media ${device['landscape-tablets']} {
+        pointer-events: none;
+      }
+
+      .dropdown_input__container__icon__main {
+        width: 1.5rem;
+        height: 1.5rem;
+        opacity: 1;
+        margin-right: 0.25rem;
+
+        path {
+          transition: all 0.25s;
+        }
+      }
+
+      .dropdown_input__container__icon__clear {
+        transition: all 0.25s;
+        opacity: 0;
+        width: 2rem;
+        height: 2rem;
+      }
+
+      &.active {
+        .dropdown_input__container__icon__main {
+          display: none;
+
+          @media ${device['landscape-tablets']} {
+            display: block;
+          }
+        }
+
+        .dropdown_input__container__icon__clear {
+          opacity: 1;
+
+          @media ${device['landscape-tablets']} {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+
+  .dropdown_input__results {
+    transition: all 0.25s;
+    display: flex;
+    position: relative;
+    flex-direction: column;
+    width: 100%;
+    border-radius: $s-border-radius;
+    margin-top: 1rem;
+    background: var(--others-white);
+    min-width: 20rem;
+
+    @media ${device['landscape-tablets']} {
+      position: absolute;
+      opacity: 0;
+      left: 0;
+      top: 100%;
+      box-shadow: $box-shadow-medium;
+      padding: 0.75rem 1rem;
+    }
+
+    & > li > * {
+      cursor: pointer;
+      padding: 0.25rem;
+      margin: 0.25rem 0;
+      display: block;
+
+      &:hover {
+        border-radius: 4px;
+        background: var(--primary-main-light-5);
+      }
+    }
+  }
+`;

package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.ts

@@ -0,0 +1,149 @@
+import { device } from '../../../globalStyles/breakpoints'
+
+import styled from 'styled-components'
+
+export const DropdownInputStyled = styled.div`
+  position: relative;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+
+  a {
+    text-decoration: none;
+  }
+
+  &:focus-within {
+    @media ${device['landscape-tablets']} {
+      .dropdown_input__container {
+        border-bottom: 2px var(--neutral-neutral-4) solid;
+      }
+
+      .dropdown_input__results {
+        opacity: 1;
+      }
+    }
+
+    .dropdown_input__container__icon {
+      color: var(--primary-main);
+
+      svg {
+        fill: var(--primary-main);
+        stroke: var(--primary-main);
+      }
+    }
+  }
+
+  .dropdown_input__container {
+    position: relative;
+    height: 2.75rem;
+    transition: all 0.25s;
+    border-bottom: 1px solid var(--neutral-neutral-4);
+
+    @media ${device['landscape-tablets']} {
+      border-top: 2px solid transparent;
+      border-bottom: 2px solid transparent;
+    }
+
+    .dropdown_input__container__text_input {
+      width: 100%;
+      height: 100%;
+      background: transparent;
+      border: none;
+
+      &:focus {
+        outline: none;
+      }
+
+      &::placeholder {
+        color: var(--neutral-neutral-3);
+      }
+
+      .dropdown_input__container__text_input.with-icon {
+        padding-right: 2rem;
+      }
+    }
+
+    .dropdown_input__container__icon {
+      display: flex;
+      align-items: center;
+      position: absolute;
+      right: 0;
+      top: 0;
+      height: 100%;
+      color: var(--neutral-neutral-3);
+      fill: currentColor;
+
+      @media ${device['landscape-tablets']} {
+        pointer-events: none;
+      }
+
+      .dropdown_input__container__icon__main {
+        width: 1.5rem;
+        height: 1.5rem;
+        opacity: 1;
+        margin-right: 0.25rem;
+
+        path {
+          transition: all 0.25s;
+        }
+      }
+
+      .dropdown_input__container__icon__clear {
+        transition: all 0.25s;
+        opacity: 0;
+        width: 2rem;
+        height: 2rem;
+      }
+
+      &.active {
+        .dropdown_input__container__icon__main {
+          display: none;
+
+          @media ${device['landscape-tablets']} {
+            display: block;
+          }
+        }
+
+        .dropdown_input__container__icon__clear {
+          opacity: 1;
+
+          @media ${device['landscape-tablets']} {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+
+  .dropdown_input__results {
+    transition: all 0.25s;
+    display: flex;
+    position: relative;
+    flex-direction: column;
+    width: 100%;
+    border-radius: $s-border-radius;
+    margin-top: 1rem;
+    background: var(--others-white);
+    min-width: 20rem;
+
+    @media ${device['landscape-tablets']} {
+      position: absolute;
+      opacity: 0;
+      left: 0;
+      top: 100%;
+      box-shadow: $box-shadow-medium;
+      padding: 0.75rem 1rem;
+    }
+
+    & > li > * {
+      cursor: pointer;
+      padding: 0.25rem;
+      margin: 0.25rem 0;
+      display: block;
+
+      &:hover {
+        border-radius: 4px;
+        background: var(--primary-main-light-5);
+      }
+    }
+  }
+`

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

@@ -0,0 +1,60 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+import React, { useState } from 'react'
+import { DropdownInputProps } from './DropdownInputProps.types'
+import { DropdownInputStyled } from './DropdownInput.styled'
+
+export const DropdownInput: React.FC<DropdownInputProps> = ({
+  onChange,
+  results,
+  className = '',
+  name,
+  icon,
+  placeholder
+}) => {
+  const [searchTerm, setSearchTerm] = useState('')
+
+  const updateInput = (e): void => {
+    setSearchTerm(e.target.value)
+    onChange(e.target.value)
+  }
+
+  const resetInput = (): void => {
+    setSearchTerm('')
+  }
+
+  return (
+    <DropdownInputStyled className={`dropdown_input ${className}`}>
+      <div className='dropdown_input__container'>
+        <input
+          className={`dropdown_input__container__text_input ${icon ? 'with-icon' : ''}`}
+          type='text'
+          name={`dropdown_input_${name}`}
+          placeholder={placeholder}
+          value={searchTerm}
+          onChange={(e) => {
+            updateInput(e)
+          }}
+        />
+        <div className={`dropdown_input__container__icon ${searchTerm ? 'active' : ''}`}>
+          {icon &&
+            React.cloneElement(icon, {
+              className: 'dropdown_input__container__icon__main'
+            })}
+          {searchTerm && (
+            <div
+              className='icon-cross main-color dropdown_input__container__icon__clear'
+              onClick={() => {
+                resetInput()
+              }}
+              onKeyDown={() => {
+                resetInput()
+              }}
+            ></div>
+          )}
+        </div>
+      </div>
+      {searchTerm && !!results?.length && <ul className='dropdown_input__results'>{results}</ul>}
+    </DropdownInputStyled>
+  )
+}

package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.d.ts

@@ -0,0 +1,8 @@
+export interface DropdownInputProps {
+    name: string;
+    className: string;
+    placeholder: string;
+    icon: any;
+    onChange: (arg: string) => void;
+    results: React.JSX.Element[];
+}

package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.js

@@ -0,0 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export {};

package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.ts

@@ -0,0 +1,10 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+export interface DropdownInputProps {
+  name: string
+  className: string
+  placeholder: string
+  icon: any
+  onChange: (arg: string) => void
+  results: React.JSX.Element[]
+}

package/dist/src/components/atoms/DropdownInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownInput } from './DropdownInput';
+export { type DropdownInputProps } from './DropdownInputProps.types';

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

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

package/dist/src/components/atoms/DropdownInput/index.ts

@@ -0,0 +1,2 @@
+export { DropdownInput } from './DropdownInput'
+export { type DropdownInputProps } from './DropdownInputProps.types'

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

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

package/dist/src/components/atoms/{MenuItems/MenuItems.js → MenuItemsDeprecated/MenuItemsDeprecated.js}

@@ -4,10 +4,10 @@ import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-run
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import { useState } from 'react';
 import classNames from 'classnames';
-import { MenuItemsStyled } from './MenuItems.styled';
+import { MenuItemsDeprecatedStyled } from './MenuItemsDeprecated.styled';
 import { stringSlugify } from '../../../utils/stringSlugify';
 // import './MenuItems.scss'
-const MenuItems = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
+const MenuItemsDeprecated = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
     const [contentListElement, setContentListElement] = useState(initialActiveContent);
     const filteredList = list?.filter((item) => item.content);
     if (filteredList.length === 0 || !filteredList[0].content) {
@@ -38,6 +38,6 @@ const MenuItems = ({ spacing, list, hasBullets = false, initialActiveContent = '
                 initialActiveContent && handleActiveListElement(content);
             }, ...props, children: href ? (_jsxs("a", { href: href, "data-qa": dataQA ?? slugifiedContent, children: [image, content] })) : (_jsxs(_Fragment, { children: [image, content] })) }, listKey));
     };
-    return (_jsx(MenuItemsStyled, { className: classes, ...rest, children: filteredList.map((item, index) => renderItem(item, index)) }));
+    return (_jsx(MenuItemsDeprecatedStyled, { className: classes, ...rest, children: filteredList.map((item, index) => renderItem(item, index)) }));
 };
-export default MenuItems;
+export default MenuItemsDeprecated;

package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecated.styled.d.ts

@@ -0,0 +1 @@
+export declare const MenuItemsDeprecatedStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;

package/dist/src/components/atoms/{MenuItems/MenuItems.styled.js → MenuItemsDeprecated/MenuItemsDeprecated.styled.js}

@@ -1,6 +1,6 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const MenuItemsStyled = styled.ul `
+export const MenuItemsDeprecatedStyled = styled.ul `
   .menu-items {
     &__spacing {
       .menu-items__item:not(:last-child) {

package/dist/src/components/atoms/{MenuItems/MenuItems.styled.ts → MenuItemsDeprecated/MenuItemsDeprecated.styled.ts}

@@ -1,7 +1,7 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const MenuItemsStyled = styled.ul`
+export const MenuItemsDeprecatedStyled = styled.ul`
   .menu-items {
     &__spacing {
       .menu-items__item:not(:last-child) {

package/dist/src/components/atoms/{MenuItems/MenuItems.tsx → MenuItemsDeprecated/MenuItemsDeprecated.tsx}

@@ -4,12 +4,18 @@
 import React, { type FC, useState } from 'react'
 import classNames from 'classnames'
 
-import { type MenuItemProps, type MenuListItem } from './MenuItemProps.types'
-import { MenuItemsStyled } from './MenuItems.styled'
+import { type MenuItemsDeprecatedProps, type MenuListItem } from './MenuItemsDeprecatedProps.types'
+import { MenuItemsDeprecatedStyled } from './MenuItemsDeprecated.styled'
 import { stringSlugify } from '../../../utils/stringSlugify'
 // import './MenuItems.scss'
 
-const MenuItems: FC<MenuItemProps> = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
+const MenuItemsDeprecated: FC<MenuItemsDeprecatedProps> = ({
+  spacing,
+  list,
+  hasBullets = false,
+  initialActiveContent = '',
+  ...rest
+}) => {
   const [contentListElement, setContentListElement] = useState(initialActiveContent)
   const filteredList = list?.filter((item) => item.content)
   if (filteredList.length === 0 || !filteredList[0].content) {
@@ -64,10 +70,10 @@ const MenuItems: FC<MenuItemProps> = ({ spacing, list, hasBullets = false, initi
   }
 
   return (
-    <MenuItemsStyled className={classes} {...rest}>
+    <MenuItemsDeprecatedStyled className={classes} {...rest}>
       {filteredList.map((item, index) => renderItem(item, index))}
-    </MenuItemsStyled>
+    </MenuItemsDeprecatedStyled>
   )
 }
 
-export default MenuItems
+export default MenuItemsDeprecated

package/dist/src/components/atoms/{MenuItems/MenuItemProps.types.d.ts → MenuItemsDeprecated/MenuItemsDeprecatedProps.types.d.ts}

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

package/dist/src/components/atoms/{MenuItems/MenuItemProps.types.ts → MenuItemsDeprecated/MenuItemsDeprecatedProps.types.ts}

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

package/dist/src/components/atoms/MenuItemsDeprecated/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MenuItemsDeprecated } from './MenuItemsDeprecated';
+export { type MenuItemsDeprecatedProps } from './MenuItemsDeprecatedProps.types';

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

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

package/dist/src/components/atoms/MenuItemsDeprecated/index.ts

@@ -0,0 +1,2 @@
+export { default as MenuItemsDeprecated } from './MenuItemsDeprecated'
+export { type MenuItemsDeprecatedProps } from './MenuItemsDeprecatedProps.types'

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { MenuItems } from '../MenuItems';
+import { MenuItemsDeprecated } from '../MenuItemsDeprecated';
 import { SidemenuTabStyled } from './SidemenuTab.styled';
 import { Tooltip } from '../Tooltip';
 const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) => {
@@ -12,6 +12,6 @@ const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) =
     if (menu === undefined || menu?.lenght === 0) {
         return renderTab();
     }
-    return (_jsx(Tooltip, { content: _jsx(MenuItems, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
+    return (_jsx(Tooltip, { content: _jsx(MenuItemsDeprecated, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
 };
 export default SidemenuTab;

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

@@ -1,7 +1,7 @@
 import React from 'react'
 import classNames from 'classnames'
 
-import { MenuItems } from '../MenuItems'
+import { MenuItemsDeprecated } from '../MenuItemsDeprecated'
 import { type SideMenuTabProps } from './SideMenuTabProps.types'
 import { SidemenuTabStyled } from './SidemenuTab.styled'
 import { Tooltip } from '../Tooltip'
@@ -26,7 +26,7 @@ const SidemenuTab: React.FC<SideMenuTabProps> = ({ active, mobile, menu, text, i
   }
 
   return (
-    <Tooltip content={<MenuItems list={menu} />} interactive trigger='click'>
+    <Tooltip content={<MenuItemsDeprecated list={menu} />} interactive trigger='click'>
       {renderTab()}
     </Tooltip>
   )