@producteca/producteca-ui-kit 1.2.2 → 1.2.4

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

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

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,5 @@
+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';

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,35 @@
+export interface IconInterface {
+    size?: number;
+    color?: string;
+}
+interface ArgTypes {
+    [key: string]: {
+        control: {
+            type: string;
+            presetColors?: {
+                title: string;
+                color: string;
+            }[];
+        };
+        description: string;
+    };
+}
+export declare const argTypes: ArgTypes;
+export declare const parameters: {
+    layout: string;
+    design: {
+        type: string;
+        url: string;
+    };
+};
+export declare const defaultParameters: {
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    argTypes: ArgTypes;
+};
+export default defaultParameters;

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

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

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,6 @@
+export * from './button/button';
+export * from './emptyState/emptyState';
+export * from './selectField/selectField';
+export * from './input/toggleInput';
+export * from './icons';
+export * from './spinner/spinner';

package/dist/components/input/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 {
+    title?: string;
+    name: string;
+    type: 'checkbox' | 'radio';
+    items: ToggleItem[];
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    size: 'sm' | 'md' | 'lg';
+}
+export declare const ToggleInputList: React.FC<ToggleInputProps>;
+export default ToggleInputList;

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

@@ -0,0 +1,28 @@
+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;
+    options: SelectOption[];
+    onChange: (name: string, value: SelectOptionType) => void;
+    label?: string;
+    onBlur?: () => void;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isMultiple?: boolean;
+    isRequired?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    noOptionsMessage?: string;
+    hideSelectedOptions?: boolean;
+    rightModifier?: React.ReactNode;
+    isOptionDisabled?: (option: SelectOption) => boolean;
+    defaultValue?: (string | number)[] | null | undefined;
+}
+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 @@
+export * from './components';

package/dist/locales/description.d.ts

@@ -0,0 +1,2 @@
+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  ";

package/dist/locales/es.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    noResultsFound: string;
+    reloadPage: string;
+    selectPlaceholder: string;
+    selectOption: string;
+    noOptionsMessage: string;
+    noFoundOptions: string;
+    selectedPlural: string;
+    selected: string;
+    selectRequiredText: string;
+    hideSelectedOptionsExplainText: string;
+    description: {
+        onChangeSelectField: string;
+        onChangeToggleInput: string;
+        selectField: {
+            defaultValue: 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;