@pismo/marola 1.0.0-beta.3 → 1.0.0-beta.31

package/dist/components/Input/Input.d.ts

@@ -1,18 +1,24 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
+type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
+export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
     /** Info message text */
     infoMessage?: string;
-    /** Error message text */
+    /** Show the field layout as an error */
+    error?: boolean;
+    /** Error message text, if has "errorMessage", the "error" props will be "true" */
     errorMessage?: string;
+    /** If "true", a "textarea" element is rendered. */
+    multiline?: false;
     /** Left icon element */
     leftIcon?: ReactNode;
     /** Right icon element */
     rightIcon?: ReactNode;
     /** Input type. Default: text */
-    type?: 'text' | 'password' | 'search';
+    type?: CustomInputTypeAttribute;
     /** Hide the chars counter */
     hideCharsCounter?: boolean;
     /** CSS classes to be applied on the container element */
@@ -40,5 +46,18 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Id to be applied as `data-testid` on the chars counter element */
     'data-testid-charsCounter'?: string;
 };
-export declare const Input: ({ label, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, type, maxLength, hideCharsCounter, onChange, classNameWrapper, classNameLabel, classNameInput, classNameInfoMessage, classNameErrorMessage, classNameCharsCounter, "data-testid-wrapper": testIdWrapper, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, "data-testid-charsCounter": testIdCharsCounter, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
+type MultilineInputProps = Omit<SingleInputProps, 'multiline'> & {
+    /** If "true", a "textarea" element is rendered. */
+    multiline: true;
+    /** Minimum number of rows to display when multiline option is set to true. */
+    minRows?: number;
+    /** Maximum number of rows to display when multiline option is set to true. */
+    maxRows?: number;
+    /** Number of rows to display when multiline option is set to true.
+     * The prop defaults to the value (5)
+     */
+    rows?: number;
+};
+export type InputProps = SingleInputProps | MultilineInputProps;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};