design-react-kit 5.6.0 → 5.6.1

package/dist/types/Input/Input.d.ts

@@ -30,8 +30,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     innerRef?: Ref<HTMLInputElement>;
     /** Utilizzare per mostrare testo statico non modificabile. */
     plaintext?: boolean;
-    /** Utilizzare per mostrare un elemento addon a fianco (prima o dopo) il campo input all'interno del componente */
-    addon?: boolean;
     /** Utilizzare per mostrare un elemento un simbolo attivando la proprietà addon nel campo input all'interno del componente */
     addonText?: string;
     /** Oggetto contenente la nuova mappatura per le classi CSS. */
@@ -64,5 +62,5 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     iconLeft?: ReactNode;
     testId?: string;
 }
-export declare const Input: ({ id, className, cssModule, type, tag, addon, addonText, static: staticInput, plaintext, innerRef, label, incrementLabel, decrementLabel, validationText, infoText, placeholder, normalized, value, wrapperClass: originalWrapperClassOld, wrapperClassName: originalWrapperClass, size, testId, noWrapper, hasButtonRight, buttonRight, hasIconLeft, iconLeft, ...attributes }: InputProps) => React.JSX.Element;
+export declare const Input: ({ id, className, cssModule, type, tag, addonText, static: staticInput, plaintext, innerRef, label, incrementLabel, decrementLabel, validationText, infoText, placeholder, normalized, value, wrapperClass: originalWrapperClassOld, wrapperClassName: originalWrapperClass, size, testId, noWrapper, hasButtonRight, buttonRight, hasIconLeft, iconLeft, ...attributes }: InputProps) => React.JSX.Element;
 export {};

package/dist/types/Input/utils.d.ts

@@ -4,7 +4,7 @@ type ValidationProps = Pick<InputProps, 'valid'>;
 type TypeProps = Pick<InputProps, 'plaintext' | 'type'> & {
     staticInput?: boolean;
 };
-type FormControlProps = Pick<InputProps, 'addon' | 'normalized'> & TypeProps;
+type FormControlProps = Pick<InputProps, 'normalized'> & TypeProps;
 export declare function getFormControlClass(props: FormControlProps, cssModule?: CSSModule): string;
 export declare function getValidationTextControlClass({ valid }: ValidationProps, cssModule?: CSSModule): string;
 export declare function getTag({ tag, plaintext, staticInput, type }: Pick<InputProps, 'tag'> & TypeProps): import("react").ElementType;

package/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.6.0",
+  "version": "5.6.1",
   "license": "BSD-3",
   "type": "module",
   "module": "./dist/index.js",

package/src/Input/Input.tsx

@@ -77,8 +77,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
   innerRef?: Ref<HTMLInputElement>;
   /** Utilizzare per mostrare testo statico non modificabile. */
   plaintext?: boolean;
-  /** Utilizzare per mostrare un elemento addon a fianco (prima o dopo) il campo input all'interno del componente */
-  addon?: boolean;
   /** Utilizzare per mostrare un elemento un simbolo attivando la proprietà addon nel campo input all'interno del componente */
   addonText?: string;
   /** Oggetto contenente la nuova mappatura per le classi CSS. */
@@ -118,7 +116,6 @@ export const Input = ({
   cssModule,
   type = 'text',
   tag,
-  addon,
   addonText,
   static: staticInput,
   plaintext,
@@ -173,13 +170,11 @@ export const Input = ({
   let { bsSize, valid, ...rest } = attributes;
 
   const Tag = getTag({ tag, plaintext, staticInput, type });
-  addon = addonText != null ? true : addon;
   const formControlClass = getFormControlClass(
     {
       plaintext,
       staticInput,
       type,
-      addon,
       normalized
     },
     cssModule
@@ -304,10 +299,8 @@ export const Input = ({
   };
 
   if (['currency', 'percentage', 'adaptive', 'number'].includes(type)) {
-    if (containerProps.extraLabelClass) {
+    if (containerProps.extraLabelClass && ['currency', 'percentage'].includes(type)) {
       containerProps.extraLabelClass = containerProps.extraLabelClass + ' input-symbol-label';
-    } else {
-      containerProps.extraLabelClass = 'input-symbol-label';
     }
     return (
       <InputContainer {...containerProps}>

package/src/Input/utils.tsx

@@ -8,9 +8,9 @@ type ValidationProps = Pick<InputProps, 'valid'>;
 type TypeProps = Pick<InputProps, 'plaintext' | 'type'> & {
   staticInput?: boolean;
 };
-type FormControlProps = Pick<InputProps, 'addon' | 'normalized'> & TypeProps;
+type FormControlProps = Pick<InputProps, 'normalized'> & TypeProps;
 
-function getFormControlClassInternal({ plaintext, staticInput, type = 'text', addon, normalized }: FormControlProps) {
+function getFormControlClassInternal({ plaintext, staticInput, type = 'text', normalized }: FormControlProps) {
   const formControlClass = 'form-control';
   if (plaintext || staticInput || normalized) {
     return `${formControlClass}-plaintext`;
@@ -19,9 +19,7 @@ function getFormControlClassInternal({ plaintext, staticInput, type = 'text', ad
     return `${formControlClass}-file`;
   }
   if (['radio', 'checkbox'].indexOf(type) > -1) {
-    if (addon) {
-      return null;
-    }
+    return null;
   }
   return formControlClass;
 }