@producteca/producteca-ui-kit 1.3.0 → 1.3.2

package/dist/components/button/button.d.ts

@@ -0,0 +1,11 @@
+interface ButtonProps {
+    label: string;
+    variant?: 'primary' | 'secondary' | 'success' | 'error';
+    outline?: boolean;
+    size?: 'sm' | 'lg';
+    type?: 'submit' | 'button' | 'reset';
+    onClick?: () => void;
+}
+export declare const Button: ({ type, variant, size, label, outline, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type { ButtonProps };
+export default Button;

package/dist/components/emptyState/emptyState.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface EmptyStateProps {
+    onActionClick?: () => void;
+    actionText?: string;
+    text?: string;
+    icon?: React.ReactNode;
+}
+export declare const EmptyState: ({ onActionClick, icon, actionText, text, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type { EmptyStateProps };
+export default EmptyState;

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/fileIcon/fileIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconInterface } from '../parameters';
+
+export declare const FileIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
+export type { IconInterface };
+export default FileIcon;

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

@@ -0,0 +1,6 @@
+export { SearchPublication } from './searchPublication/searchPublication';
+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/mailIcon/mailIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconInterface } from '../parameters';
+
+export declare const MailIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
+export type { IconInterface };
+export default MailIcon;

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

@@ -0,0 +1,51 @@
+export interface IconInterface {
+    size?: number;
+    color?: string;
+}
+export declare const argTypes: {
+    color: {
+        control: {
+            type: string;
+            presetColors: boolean[];
+        };
+        description: string;
+    };
+    size: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+};
+export declare const parameters: {
+    layout: string;
+    design: {
+        type: string;
+        url: string;
+    };
+};
+export declare const defaultParameters: {
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+                presetColors: boolean[];
+            };
+            description: string;
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default defaultParameters;

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

@@ -0,0 +1,5 @@
+import { IconInterface } from '../parameters';
+
+export declare const PriceCloseIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
+export type { IconInterface };
+export default PriceCloseIcon;

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

@@ -0,0 +1,5 @@
+import { IconInterface } from '../parameters';
+
+export declare const PriceDownIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
+export type { IconInterface };
+export default PriceDownIcon;

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

@@ -0,0 +1,5 @@
+import { IconInterface } from '../parameters';
+
+export declare const SearchPublication: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
+export type { IconInterface };
+export default SearchPublication;

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+import * as Button from './button/button';
+import * as EmptyState from './emptyState/emptyState';
+import * as SelectField from './selectField/selectField';
+import * as FormField from './input/textInput/formField';
+import * as ToggleInput from './input/toggleInput/toggleInput';
+import * as Spinner from './spinner/spinner';
+import * as Icons from './icons';
+declare const Components: {
+    Button: typeof Button;
+    Spinner: typeof Spinner;
+    FormField: typeof FormField;
+    SelectField: typeof SelectField;
+    ToggleInput: typeof ToggleInput;
+};
+declare const Patterns: {
+    EmptyState: typeof EmptyState;
+};
+export { Icons, Components, Patterns };

package/dist/components/input/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/input/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/input/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/input/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/input/toggleInput/toggleInput.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+export interface ToggleItem {
+    id: string;
+    label: string;
+    isChecked?: boolean;
+    isDisabled?: boolean;
+}
+export interface ToggleInputProps {
+    name: string;
+    items: ToggleItem[];
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    title?: string;
+    type?: 'checkbox' | 'radio';
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const ToggleInput: React.FC<ToggleInputProps>;
+export default ToggleInput;

package/dist/components/selectField/selectField.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+
+export interface SelectOption {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+}
+export type SelectOptionType = SelectOption[] | SelectOption | null;
+export interface SelectFieldProps {
+    name: string;
+    label?: string;
+    size?: 'md' | 'lg';
+    onBlur?: () => void;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isMultiple?: boolean;
+    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/spinner/spinner.d.ts

@@ -0,0 +1,6 @@
+interface SpinnerProps {
+    size?: number;
+}
+export declare const Spinner: ({ size }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export type { SpinnerProps };
+export default Spinner;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { Components, Icons, Patterns } from './components';
+
+import * as Colors from './styles/colors';
+export { Components, Icons, Patterns, Colors };

package/dist/locales/description.d.ts

@@ -0,0 +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

@@ -0,0 +1,31 @@
+declare const _default: {
+    noResultsFound: string;
+    reloadPage: string;
+    selectPlaceholder: string;
+    selectOption: string;
+    noOptionsMessage: string;
+    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;

package/dist/locales/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('i18next').TFunction<["translation", ...string[]], undefined>;
+export default _default;

package/dist/locales/translator.d.ts

@@ -0,0 +1,3 @@
+import { default as i18next } from 'i18next';
+
+export default i18next;