@producteca/producteca-ui-kit 1.20.0 → 1.21.1-beta.0

package/dist/locales/es.js

@@ -0,0 +1,227 @@
+import * as description from './description';
+export default {
+    noResultsFound: 'No se encontraron resultados',
+    reloadPage: 'Recargar página',
+    selectPlaceholder: 'Seleccionar...',
+    selectOption: 'Selecciona una opción',
+    noOptionsMessage: 'No hay opciones',
+    noFoundOptions: 'No se encontraron resultados',
+    selectedPlural: 'Seleccionados',
+    selected: 'Seleccionado',
+    title: 'Título',
+    password: 'Contraseña',
+    selectRequiredText: 'Campo obligatorio',
+    exportedIcon: 'Icono exportado de Material UI',
+    syncStockFromChannel: 'Selecciona qué sincronizar desde "canal"',
+    add: 'Agregar',
+    previous: 'Anterior',
+    continue: 'Continuar',
+    cancel: 'Cancelar',
+    save: 'Guardar',
+    guide: 'Guía',
+    hideSelectedOptionsExplainText: 'Oculta la opción seleccionada del menu. Solo puede modificarse si es selección simple',
+    switchInput: {
+        options: 'Opciones',
+        option: 'Opción',
+        large: 'Large Switch',
+        medium: 'Medium Switch',
+        small: 'Small Switch (Default)'
+    },
+    tooltip: {
+        hoverToSee: 'Hover sobre mí para ver el tooltip',
+        basicContent: 'Este es el contenido del tooltip',
+        showTooltipWhenHoverButton: 'Muestra un tooltip al hacer hover sobre un botón.',
+        showTooltipWhenDisabled: 'Solo se muestra cuando el botón está deshabilitado',
+        showTooltipWhenDisabledDescription: 'Muestra el tooltip únicamente para un botón deshabilitado.',
+        basicDescription: 'Componente de tooltip básico que siempre muestra el tooltip al hacer hover.',
+        overflowDescription: 'Componente que detecta automáticamente cuando el contenido se desborda y muestra un tooltip solo cuando es necesario.',
+        componentDescription: 'Componentes de tooltip que detectan automáticamente cuando el contenido se desborda y muestran un tooltip. Incluye soporte para maxWidth personalizable.',
+        maxWidthDescription: 'Ancho máximo del tooltip (px, %, em, etc.). Por defecto: 600px',
+        clickToSee: 'Haz clic para ver el tooltip',
+        clickableTitle: 'Título del tooltip',
+        clickableDescription: 'Ejemplo de tooltip clickeable con contenido complejo incluyendo título y lista con enlaces.',
+        bulletPoint: 'Bullet: Lorem ipsum dolor sit.',
+        linkText: 'Link'
+    },
+    description: {
+        checkboxInputReduxFormExample: description.checkboxInputReduxFormExample,
+        onChangeSelectField: description.onChangeSelectField,
+        onInputChange: description.onInputChange,
+        onChangeSearcher: description.onChangeSearcher,
+        onChangeCheckboxInput: description.onChangeCheckboxInput,
+        onChangeInput: description.onChangeInput,
+        isOptionDisabled: description.isOptionDisabled,
+        reduxForm: {
+            input: 'Prop de Redux Form. Cuando uses Redux Form, pasa el prop input desde el componente Field.'
+        },
+        selectField: {
+            example: description.selectFieldDescription,
+            defaultValue: 'Esta opción debe ser del tipo (string | number)[] Ej: 2 | [2] | [1,2] donde value = 2',
+            disabled: 'Campo deshabilitado',
+            disabledOptions: 'Opciones deshabilitadas',
+            noOptions: 'Sin opciones disponibles',
+            withIcon: 'Select con Icono'
+        },
+        actionBar: {
+            example: description.saveBarExample,
+            saveButton: 'Botón de guardar',
+            cancelButton: 'Botón de cancelar',
+            previousButton: 'Botón de anterior',
+            saveButtonProps: 'Props para el botón de guardar',
+            cancelButtonProps: 'Props para el botón de cancelar',
+            previousButtonProps: 'Props para el botón de anterior',
+            withoutBorder: 'Elimina el redondeado de la ActionBar',
+            saveChanges: 'Guardar cambios',
+            discard: 'Descartar',
+            confirm: 'Confirmar',
+            verifySaveButtonOnly: 'Verificar que solo se renderiza el botón de guardar',
+            verifyInitialRendering: 'Verificar renderizado inicial',
+            clickSaveButton: 'Hacer clic en botón guardar',
+            clickCancelButton: 'Hacer clic en botón cancelar',
+            clickPreviousButton: 'Hacer clic en botón anterior',
+            clickSaveButtonOnly: 'Hacer clic en el botón de guardar'
+        },
+        formField: {
+            example: description.formFieldExample,
+            isValid: description.isValidInput
+        },
+        checkboxInput: {
+            example: description.checkboxInputExample,
+            checkboxInputExample: description.checkboxInputExample,
+            checkboxInputGroupExample: description.checkboxInputGroupExample
+        },
+        switchInput: {
+            example: 'Example of a single switch component.'
+        },
+        icons: {
+            size: 'Tamaño del ícono en píxeles'
+        },
+        searcher: {
+            example: description.searcherExample,
+            exampleOption: 'Ejemplo de búsqueda',
+            searchPlaceholder: 'Escribí para buscar...',
+            searchLabel: 'Buscar opción',
+            noResults: 'No se encontraron resultados',
+            writeToSearch: 'Escribí para buscar',
+            clearOnSelectDescription: 'Limpia el texto del input después de seleccionar una opción',
+            clearOnSelectStoryDescription: 'Ejemplo que muestra cómo se borra el texto de entrada después de seleccionar una opción cuando clearOnSelect está habilitado'
+        },
+        breadcrumb: {
+            itemFormat: description.breadcrumbItemFormat
+        },
+        alert: {
+            message: 'Mensaje de éxito, este contenedor se ajusta al contenido, con un ancho máx de 1140 px',
+            infoMessage: 'Mensaje de información, este componente se ajusta al ancho del contenedor full width.',
+            dontShowAgain: 'No volver a mostrar este mensaje.',
+            customAlert: 'Alerta con ícono personalizado'
+        }
+    },
+    headerSection: {
+        edit: "Editar",
+        duplicate: "Duplicate",
+        delete: "Eliminar"
+    },
+    error: {
+        required: 'Este campo es obligatorio',
+        notValid: 'El valor ingresado es inválido'
+    },
+    copyButton: {
+        copy: 'Copiar',
+        copied: 'Copiado',
+        textToCopy: 'Este texto se copiará automáticamente',
+        textCopied: 'Este es el texto que se copiará',
+        copyKey: 'Copiar clave',
+        copiedKey: 'Clave copiada',
+        custom: 'Funcion Custom',
+        running: 'Corriendo...',
+        alert: 'Función personalizada ejecutada!'
+    },
+    linkWithIcon: {
+        historyChange: 'Historial de cambios',
+        edit: 'Editar',
+        customAction: 'Acción personalizada'
+    },
+    breadcrumb: {
+        historyChanges: 'Historial de cambios',
+        products: 'Productos',
+        dashboard: 'Dashboard',
+        categories: 'Categorías',
+        electronics: 'Electrónicos',
+        details: 'Detalles',
+        page1: 'Página 1',
+        page2: 'Página 2',
+        page3: 'Página 3',
+        home: 'Inicio'
+    },
+    datePicker: {
+        name: 'Nombre del campo',
+        value: 'Valor del campo',
+        size: 'Tamaño del componente',
+        disabled: 'Deshabilita el componente',
+        required: 'Marca el campo como requerido',
+        noErrors: 'Oculta los mensajes de error',
+        placeholder: 'Texto placeholder',
+        label: 'Label que se muestra arriba del input',
+        format: 'Formato de fecha que determina automáticamente el tipo de picker: YYYY (años), HH:mm (horas), DD/MM/YYYY (fecha), DD/MM/YYYY HH:mm (fecha y hora)',
+        minDate: 'Fecha mínima permitida',
+        maxDate: 'Fecha máxima permitida',
+        rightAdornment: 'Elemento que se muestra a la derecha del input',
+        meta: 'Metadatos para validación (error, touched, etc.)',
+        isValid: 'Función para validación personalizada',
+        input: 'Input object para integración con Redux Form',
+        onChange: 'Callback cuando cambia la fecha',
+        selectDate: 'Seleccionar fecha',
+        dateLabel: 'Fecha',
+        selectADate: 'Selecciona una fecha',
+        requiredDate: 'Fecha Requerida',
+        requiredField: 'Campo obligatorio',
+        dateAndTime: 'Fecha y Hora',
+        dateWithLimits: 'Fecha con Límites',
+        onlyFutureDates: 'Solo fechas futuras',
+        customFormat: 'Formato Personalizado',
+        yearSelector: 'Selector de Año',
+        timeSelector: 'Selector de Hora',
+        timeSelectorWithSeconds: 'Selector de Hora con Segundos',
+        dateTimeSelector: 'Selector de Fecha y Hora',
+        selectYear: 'Seleccionar año',
+        selectTime: 'Seleccionar hora',
+        selectDateTime: 'Seleccionar fecha y hora'
+    },
+    dateRangePicker: {
+        size: 'Tamaño del componente',
+        disabled: 'Deshabilita el componente',
+        required: 'Marca el campo como requerido',
+        noErrors: 'Oculta los mensajes de error',
+        placeholder: 'Texto placeholder',
+        label: 'Label que se muestra arriba del input',
+        format: 'Formato de fecha (por defecto DD/MM/YYYY)',
+        minDate: 'Fecha mínima permitida',
+        maxDate: 'Fecha máxima permitida',
+        onChange: 'Callback cuando cambia el rango de fechas',
+        selectDateRange: 'Seleccionar rango de fechas',
+        dateRangeLabel: 'Rango de fechas',
+        disabledRange: 'Rango deshabilitado',
+        disabledComponent: 'Componente deshabilitado',
+        rangeWithMinMax: 'Rango con min/max y deshabilitado',
+        restrictedRange: 'Rango restringido y deshabilitado',
+        disabledWithRestrictions: 'Story que demuestra la combinación de minDate, maxDate y disabled. El componente está deshabilitado pero también tiene restricciones de fechas.',
+        completelyDisabled: 'Story que demuestra el componente completamente deshabilitado usando la propiedad disabled como boolean.'
+    },
+    chip: {
+        text: 'Texto',
+        title: 'Título',
+        onRemove: 'Función que se ejecuta al hacer clic en el ícono de cerrar',
+        disabled: 'Deshabilita el chip y oculta el ícono de cerrar',
+        variant: 'Variante visual del chip que cambia el color de fondo (default, success, error, warning, info)',
+        size: 'Tamaño del chip (sm: pequeño, lg: grande, undefined: tamaño por defecto)'
+    },
+    warningModal: {
+        warning: '¡Atención!',
+        dontShowAgain: 'No volver a mostrar este mensaje'
+    },
+    tab: {
+        tab1: 'Pestaña 1',
+        tab2: 'Pestaña 2',
+        tab3: 'Pestaña 3'
+    }
+};

package/dist/locales/index.js

@@ -0,0 +1,2 @@
+import Translator from './translator';
+export default Translator.t;

package/dist/locales/translator.js

@@ -0,0 +1,20 @@
+import i18next from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import es from './es';
+var resources = {
+    en: {
+        translation: {}
+    },
+    es: {
+        translation: es
+    }
+};
+i18next.use(initReactI18next).init({
+    resources: resources,
+    lng: 'es',
+    interpolation: {
+        escapeValue: false
+    },
+    debug: true
+});
+export default i18next;

package/dist/producteca-ui-kit.cjs.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './styles/colors';
+export * from './hooks/useReduxFormField';