@producteca/producteca-ui-kit 1.3.1 → 1.3.3

package/dist/components/icons/customIcon/customIcon.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SvgIconProps } from '@mui/material';
+import { ColorCategory, ColorShade } from '../../../styles/colors';
+
+export type iconSize = '24' | '20' | '16' | '12' | '8';
+interface CustomIconProps extends SvgIconProps {
+    category?: ColorCategory;
+    shade?: ColorShade;
+    size?: iconSize;
+}
+export declare const CustomIcon: React.FC<CustomIconProps>;
+export default CustomIcon;

package/dist/components/icons/index.d.ts

@@ -1,7 +1,6 @@
 export { SearchPublication } from './searchPublication/searchPublication';
-export { CloseIcon } from './closeIcon/closeIcon';
-export { SearchIcon } from './searchIcon/searchIcon';
 export { MailIcon } from './mailIcon/mailIcon';
 export { FileIcon } from './fileIcon/fileIcon';
 export { PriceDownIcon } from './priceDownIcon/priceDownIcon';
 export { PriceCloseIcon } from './priceCloseIcon/priceCloseIcon';
+export { CustomIcon } from './customIcon/customIcon';

package/dist/components/icons/parameters.d.ts

@@ -2,19 +2,21 @@ export interface IconInterface {
     size?: number;
     color?: string;
 }
-interface ArgTypes {
-    [key: string]: {
+export declare const argTypes: {
+    color: {
         control: {
             type: string;
-            presetColors?: {
-                title: string;
-                color: string;
-            }[];
+            presetColors: boolean[];
         };
         description: string;
     };
-}
-export declare const argTypes: ArgTypes;
+    size: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+};
 export declare const parameters: {
     layout: string;
     design: {
@@ -30,6 +32,20 @@ export declare const defaultParameters: {
             url: string;
         };
     };
-    argTypes: ArgTypes;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+                presetColors: boolean[];
+            };
+            description: string;
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
 };
 export default defaultParameters;

package/dist/components/index.d.ts

@@ -1,6 +1,2 @@
-export * from './button/button';
-export * from './emptyState/emptyState';
-export * from './selectField/selectField';
-export * from './input/toggleInput';
-export * from './icons';
-export * from './spinner/spinner';
+export * as Button from './button/button';
+export * as Spinner from './spinner/spinner';

package/dist/components/inputs/index.d.ts

@@ -0,0 +1,3 @@
+export * as SelectField from './selectField/selectField';
+export * as FormField from './textInput/formField';
+export * as ToggleInput from './toggleInput/toggleInput';

package/dist/components/{selectField → inputs/selectField}/selectField.d.ts

@@ -8,9 +8,8 @@ export interface SelectOption {
 export type SelectOptionType = SelectOption[] | SelectOption | null;
 export interface SelectFieldProps {
     name: string;
-    options: SelectOption[];
-    onChange: (name: string, value: SelectOptionType) => void;
     label?: string;
+    size?: 'md' | 'lg';
     onBlur?: () => void;
     placeholder?: string;
     isDisabled?: boolean;
@@ -18,11 +17,13 @@ export interface SelectFieldProps {
     isRequired?: boolean;
     isClearable?: boolean;
     isSearchable?: boolean;
+    options: SelectOption[];
     noOptionsMessage?: string;
     hideSelectedOptions?: boolean;
     rightModifier?: React.ReactNode;
     isOptionDisabled?: (option: SelectOption) => boolean;
     defaultValue?: (string | number)[] | null | undefined;
+    onChange: (name: string, value: SelectOptionType) => void;
 }
 export declare const SelectField: React.FC<SelectFieldProps>;
 export default SelectField;

package/dist/components/inputs/textInput/errorMessage.d.ts

@@ -0,0 +1,5 @@
+import { ValidationProps } from '../../../validators';
+
+export declare const ErrorMessage: ({ validationProps }: {
+    validationProps: ValidationProps;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/textInput/formField.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TextInputProps } from './textInput';
+
+export interface FormFieldProps extends TextInputProps {
+    label?: string;
+    children?: React.ReactNode;
+    rightAdornment?: React.ReactNode;
+}
+export declare const FormField: React.FC<FormFieldProps>;
+export default FormField;

package/dist/components/inputs/textInput/passwordInput.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FormFieldProps } from './formField';
+
+export declare const PasswordInput: React.FC<FormFieldProps>;

package/dist/components/inputs/textInput/textInput.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { Meta, inputValue } from '../../../validators';
+
+export interface TextInputProps {
+    meta?: Meta;
+    max?: number;
+    min?: number;
+    name: string;
+    noErrors?: boolean;
+    value?: inputValue;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    placeholder?: string;
+    isClearable?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    isValid?: (value: inputValue) => boolean;
+    type?: 'text' | 'number' | 'password' | undefined;
+    onChange: ({ name, value }: {
+        name: string;
+        value: inputValue;
+    }) => void;
+}
+export declare const TextInput: React.FC<TextInputProps>;

package/dist/components/patterns/index.d.ts

@@ -0,0 +1 @@
+export * as EmptyState from './emptyState/emptyState';

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
-export * from './styles/colors';
+import * as Colors from './styles/colors';
+export { Colors };

package/dist/locales/description.d.ts

@@ -1,2 +1,3 @@
 export declare const onChangeSelectField = "\n    Callback que se dispara cuando cambia el valor del input.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: El valor actual del input, que debe cumplir con la siguiente interfaz:\n    \n    ```typescript\n    interface SelectOption {\n      label: string;\n      value: string | number;\n      [key: string]: any;\n    }\n    ```\n  ";
 export declare const onChangeToggleInput = "\n    Callback que se dispara cuando cambia el valor del input.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: Siempre es \"on\"\n  ";
+export declare const onChangeInput = "\n    Callback que se dispara cuando cambia el valor del input.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: El valor actual del input, que debe cumplir con la siguiente interfaz:\n    \n    ```typescript\n        value: string | number; \n    ```\n  ";

package/dist/locales/es.d.ts

@@ -7,14 +7,25 @@ declare const _default: {
     noFoundOptions: string;
     selectedPlural: string;
     selected: string;
+    title: string;
+    password: string;
     selectRequiredText: string;
+    exportedIcon: string;
     hideSelectedOptionsExplainText: string;
     description: {
         onChangeSelectField: string;
         onChangeToggleInput: string;
+        onChangeInput: string;
         selectField: {
             defaultValue: string;
         };
+        icons: {
+            size: string;
+        };
+    };
+    error: {
+        required: string;
+        notValid: string;
     };
 };
 export default _default;