npm - @npm_leadtech/legal-lib-components - Versions diffs - 7.22.12 → 7.23.0 - Mend

@npm_leadtech/legal-lib-components 7.22.12 → 7.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/css/styles.css CHANGED Viewed

@@ -2165,9 +2165,6 @@ h2.react-datepicker__current-month {
     width: 50%;
   }
 }
-.e-text--has-prefix .tooltip-form {
-  grid-row: 3;
-}
 .e-text--has-prefix .has-currency-prefix {
   padding-left: 2rem;
   grid-column: 1;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.styled.js CHANGED Viewed

@@ -26,7 +26,7 @@ export const DialogMenuIconStyled = styled.div `
       align-items: flex-start;
       justify-content: space-between;
       position: absolute;
-      z-index: 2;
+      z-index: 1;
       top: 1.5rem;
       right: -5rem;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.styled.ts CHANGED Viewed

@@ -27,7 +27,7 @@ export const DialogMenuIconStyled = styled.div`
       align-items: flex-start;
       justify-content: space-between;
       position: absolute;
-      z-index: 2;
+      z-index: 1;
       top: 1.5rem;
       right: -5rem;

package/dist/src/components/molecules/TextInput/Input.d.ts CHANGED Viewed

@@ -14,7 +14,6 @@ interface InputProps {
     onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     country: string;
-    currrencySymbol?: string;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/src/components/molecules/TextInput/Input.js CHANGED Viewed

@@ -1,9 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
+import currencyEuro from '../../../../images/svg/currencyDE.svg';
+import currencyOthers from '../../../../images/svg/currencyUS.svg';
 import eyeCloseIcon from '../../../../images/svg/eye-close.svg';
 import eyeIcon from '../../../../images/svg/eye-24-px.svg';
 import percent from '../../../../images/svg/percent.svg';
-export const Input = React.forwardRef(({ value, name, placeholder, className, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength, country, prefix, currrencySymbol }, ref) => {
+export const Input = React.forwardRef(({ value, name, placeholder, className, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength, country, prefix }, ref) => {
     const [hidden, setHidden] = useState(true);
     const showPassword = () => {
         if (value !== null)
@@ -23,13 +25,12 @@ export const Input = React.forwardRef(({ value, name, placeholder, className, on
     else if (isPercent) {
         finalClassName += ' has-percent-suffix';
     }
-    return (_jsxs(_Fragment, { children: [isCurrency && !!prefix && otherCurrency && currrencySymbol && (_jsx("div", { className: 'input-icon-currency-prefix', children: _jsx("span", { children: currrencySymbol }) })), _jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: finalClassName, maxLength: maxLength, placeholder: placeholder, onChange: onChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: value, "data-qa": name, disabled: disabled, ref: ref }), type === 'password' && (_jsx("button", { type: 'button', className: 'input-icon-password-button', onClick: showPassword, onKeyDown: (e) => {
+    return (_jsxs(_Fragment, { children: [isCurrency && !!prefix && otherCurrency && (_jsx("div", { className: 'input-icon-currency-prefix', children: _jsx("img", { src: currencyOthers, alt: 'currency' }) })), _jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: finalClassName, maxLength: maxLength, placeholder: placeholder, onChange: onChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: value, "data-qa": name, disabled: disabled, ref: ref }), type === 'password' && (_jsx("button", { type: 'button', className: 'input-icon-password-button', onClick: showPassword, onKeyDown: (e) => {
                     if (e.key === 'Enter')
                         showPassword();
                 }, children: _jsx("img", { src: hidden ? eyeIcon : eyeCloseIcon, alt: '' }) })), isCurrency
                 ? !!prefix &&
-                    euro &&
-                    currrencySymbol && (_jsx("div", { className: 'input-icon-currency-suffix', children: _jsx("span", { children: currrencySymbol }) }))
+                    euro && (_jsx("div", { className: 'input-icon-currency-suffix', children: _jsx("img", { src: currencyEuro, alt: 'currency' }) }))
                 : isPercent && (_jsx("div", { className: 'input-icon-percent-suffix', children: _jsx("img", { src: percent, alt: 'percent' }) }))] }));
 });
 Input.displayName = 'Input';

package/dist/src/components/molecules/TextInput/Input.tsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React, { useState } from 'react'
+import currencyEuro from '../../../../images/svg/currencyDE.svg'
+import currencyOthers from '../../../../images/svg/currencyUS.svg'
 import eyeCloseIcon from '../../../../images/svg/eye-close.svg'
 import eyeIcon from '../../../../images/svg/eye-24-px.svg'
 import percent from '../../../../images/svg/percent.svg'
@@ -19,7 +21,6 @@ interface InputProps {
   onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void
   onKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void
   country: string
-  currrencySymbol?: string
 }
 export const Input = React.forwardRef<HTMLInputElement, InputProps>(
@@ -38,8 +39,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
       type = 'text',
       maxLength,
       country,
-      prefix,
-      currrencySymbol
+      prefix
     }: InputProps,
     ref
   ) => {
@@ -66,9 +66,9 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     return (
       <>
-        {isCurrency && !!prefix && otherCurrency && currrencySymbol && (
+        {isCurrency && !!prefix && otherCurrency && (
           <div className='input-icon-currency-prefix'>
-            <span>{currrencySymbol}</span>
+            <img src={currencyOthers} alt='currency' />
           </div>
         )}
         <input
@@ -102,10 +102,9 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
         )}
         {isCurrency
           ? !!prefix &&
-            euro &&
-            currrencySymbol && (
+            euro && (
               <div className='input-icon-currency-suffix'>
-                <span>{currrencySymbol}</span>
+                <img src={currencyEuro} alt='currency' />
               </div>
             )
           : isPercent && (

package/dist/src/components/molecules/TextInput/TextInput.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { Input } from './Input';
 import { TextInputLabel } from './TextInputLabel';
 import { TextInputMessage } from './TextInputMessage';
 import { TextInputTooltip } from './TextInputTooltip';
-const TextInput = React.forwardRef(({ label, value, validate = true, isValidGroup = true, format = undefined, name, placeholder, onChange, onClick, onBlur, onKeyDown, onKeyUp, prefix = '', disabled, type = 'text', maxLength, errorMessage = '', notes, dialogMenuTip, tooltip = '', givenClass = '', children, country, currrencySymbol }, ref) => {
+const TextInput = React.forwardRef(({ label, value, validate = true, isValidGroup = true, format = undefined, name, placeholder, onChange, onClick, onBlur, onKeyDown, onKeyUp, prefix = '', disabled, type = 'text', maxLength, errorMessage = '', notes, dialogMenuTip, tooltip = '', givenClass = '', children, country }, ref) => {
     const classnames = classNames('e-text', {
         [givenClass]: givenClass,
         'e-text--is-invalid': !validate,
@@ -26,7 +26,7 @@ const TextInput = React.forwardRef(({ label, value, validate = true, isValidGrou
         if (Boolean(format) && type !== 'number' && type !== 'tel') {
             return (_jsx(NumericFormat, { name: name, id: name, placeholder: placeholder, className: 'e-text-input', onChange: onChange, onClick: onClick, value: value, "data-qa": name, disabled: disabled, maxLength: maxLength, onBlur: onBlur }));
         }
-        return (_jsx(Input, { name: name ?? '', type: type, prefix: prefix, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, country: country, currrencySymbol: currrencySymbol }));
+        return (_jsx(Input, { name: name ?? '', type: type, prefix: prefix, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, country: country }));
     };
     return (_jsxs("div", { className: classnames, children: [Boolean(children) && _jsx("div", { className: 'e-text__children', children: children }), _jsx(TextInputTooltip, { tooltip: tooltip }), _jsx(TextInputMessage, { errorMessage: errorMessage, validate: validate }), renderInput(), _jsx(TextInputLabel, { label: label, htmlFor: name, notes: notes, dialogMenuTip: dialogMenuTip })] }));
 });

package/dist/src/components/molecules/TextInput/TextInput.scss CHANGED Viewed

@@ -161,10 +161,6 @@
       width: 50%;
     }
-    .tooltip-form {
-      grid-row: 3;
-    }
     .has-currency-prefix {
       padding-left: 2rem;
       grid-column: 1;

package/dist/src/components/molecules/TextInput/TextInput.tsx CHANGED Viewed

@@ -33,8 +33,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       tooltip = '',
       givenClass = '',
       children,
-      country,
-      currrencySymbol
+      country
     }: TextInputProps,
     ref
   ) => {
@@ -94,7 +93,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
           onKeyDown={handleKeyDown}
           onKeyUp={handleKeyUp}
           country={country}
-          currrencySymbol={currrencySymbol}
         />
       )
     }

package/dist/src/components/molecules/TextInput/TextInputProps.types.d.ts CHANGED Viewed

@@ -23,5 +23,4 @@ export interface TextInputProps {
     prefix?: string;
     children?: React.ReactNode;
     country: string;
-    currrencySymbol?: string;
 }

package/dist/src/components/molecules/TextInput/TextInputProps.types.ts CHANGED Viewed

@@ -24,5 +24,4 @@ export interface TextInputProps {
   prefix?: string
   children?: React.ReactNode
   country: string
-  currrencySymbol?: string
 }

package/package.json CHANGED Viewed

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