energy-components 1.7.0 → 1.8.0

package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts

@@ -0,0 +1,258 @@
+import type VueDatePickerProps from '@vuepic/vue-datepicker';
+import VueDatePicker from '@vuepic/vue-datepicker';
+import '@vuepic/vue-datepicker/dist/main.css';
+import type { ExtractPropTypes, PropType } from 'vue';
+import { RDSTextField } from '@/components';
+type OriginalVueDatePickerProps = ExtractPropTypes<typeof VueDatePicker['props']>;
+type RDSTextFieldProps = ExtractPropTypes<(typeof RDSTextField)['props']>;
+interface CustomVueDatePickerProps extends Partial<OriginalVueDatePickerProps> {
+    format?: (date: Date | Date[] | null) => string;
+}
+declare var __VLS_22: {
+    day: number;
+    date: Date;
+}, __VLS_41: string | number, __VLS_42: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
+} & {
+    day?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
+    /**
+     * ID del interruptor
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Etiqueta para el interruptor
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Localizacion de la fecha
+     */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Si el interruptor está deshabilitado
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra un segundo boton para limpiar el campo
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Variante del botón de aceptación
+     */
+    acceptButtonVariant: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si el datepicker es de rango
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el datepicker es selector de mes
+     */
+    monthPicker: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Formato personalizado de la fecha
+     */
+    format: {
+        type: PropType<(date: Date | Date[] | null) => string>;
+        default: undefined;
+    };
+    /**
+     * Este objeto hace referencia a las propiedades de la fila de acciones
+     * <br />
+     * [Enlace a la documentación](https://vue3datepicker.com/slots/components/#action-row)
+     */
+    actionRow: {
+        type: () => (typeof VueDatePickerProps)["actionRow"];
+        default: () => {
+            showSelect: boolean;
+            showCancel: boolean;
+            showNow: boolean;
+            showPreview: boolean;
+        };
+    };
+    /**
+     * Este objeto hace referencia a las propiedades de VueDatePicker
+     * [Enlace a la documentación](https://vuepic.github.io/vue-datepicker/#props)
+     * <br />
+     * Esta opccion sobreescribe las propiedades por defecto del componente
+     */
+    vueDatepickerProps: {
+        type: PropType<CustomVueDatePickerProps>;
+        default: () => {};
+    };
+    /**
+     * Este objeto hace referencia a las propiedades de RDSTextField
+     * [Enlace a la documentación](https://energy-components.cloudapp.repsol.com/?path=/docs/components-input-rdstextfield--rdstextfield#rdstextfield)
+     * <br />
+     * Esta opccion sobreescribe las propiedades por defecto del componente
+     */
+    textfieldProps: {
+        type: PropType<RDSTextFieldProps>;
+        default: () => {
+            rightIcon: string;
+        };
+    };
+    modelValue: {
+        type: PropType<Date | Date[] | null>;
+    };
+}>, {
+    /**
+     * Selecciona la fecha, comunmente usada para el boton de accion
+     */
+    selectDate: () => void;
+    /**
+     * Limpia el valor del datepicker
+     */
+    clearValue: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | Date[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    /**
+     * ID del interruptor
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Etiqueta para el interruptor
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Localizacion de la fecha
+     */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Si el interruptor está deshabilitado
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra un segundo boton para limpiar el campo
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Variante del botón de aceptación
+     */
+    acceptButtonVariant: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si el datepicker es de rango
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el datepicker es selector de mes
+     */
+    monthPicker: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Formato personalizado de la fecha
+     */
+    format: {
+        type: PropType<(date: Date | Date[] | null) => string>;
+        default: undefined;
+    };
+    /**
+     * Este objeto hace referencia a las propiedades de la fila de acciones
+     * <br />
+     * [Enlace a la documentación](https://vue3datepicker.com/slots/components/#action-row)
+     */
+    actionRow: {
+        type: () => (typeof VueDatePickerProps)["actionRow"];
+        default: () => {
+            showSelect: boolean;
+            showCancel: boolean;
+            showNow: boolean;
+            showPreview: boolean;
+        };
+    };
+    /**
+     * Este objeto hace referencia a las propiedades de VueDatePicker
+     * [Enlace a la documentación](https://vuepic.github.io/vue-datepicker/#props)
+     * <br />
+     * Esta opccion sobreescribe las propiedades por defecto del componente
+     */
+    vueDatepickerProps: {
+        type: PropType<CustomVueDatePickerProps>;
+        default: () => {};
+    };
+    /**
+     * Este objeto hace referencia a las propiedades de RDSTextField
+     * [Enlace a la documentación](https://energy-components.cloudapp.repsol.com/?path=/docs/components-input-rdstextfield--rdstextfield#rdstextfield)
+     * <br />
+     * Esta opccion sobreescribe las propiedades por defecto del componente
+     */
+    textfieldProps: {
+        type: PropType<RDSTextFieldProps>;
+        default: () => {
+            rightIcon: string;
+        };
+    };
+    modelValue: {
+        type: PropType<Date | Date[] | null>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | Date[] | null) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    range: boolean;
+    clearable: boolean;
+    locale: string;
+    format: (date: Date | Date[] | null) => string;
+    monthPicker: boolean;
+    acceptButtonVariant: string;
+    actionRow: any;
+    vueDatepickerProps: CustomVueDatePickerProps;
+    textfieldProps: RDSTextFieldProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts

@@ -0,0 +1,203 @@
+import type { PropType } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    content?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Tipos de archivo aceptados por el input (ej. '.png,.jpg,.pdf', 'image/*').
+     */
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Texto secundario que se muestra debajo del texto principal (ej. formatos permitidos, tamaño máximo).
+     */
+    detailText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si el componente está deshabilitado.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el componente está en estado de error.
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Mensaje de error específico a mostrar en lugar del texto de detalle cuando `error` es `true`.
+     */
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nombre del icono a mostrar. Por defecto es 'paperclip'.
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Identificador único para el input de archivo. Si no se proporciona, se genera uno automáticamente.
+     */
+    id: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Texto principal que se muestra en el componente (ej. "Arrastra para subir un archivo").
+     */
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Número máximo de archivos permitidos. Si es `0` o `null`, no hay límite (excepto el que imponga `multiple`).
+     */
+    maxFiles: {
+        type: PropType<number | null>;
+        default: null;
+        validator: (value: number | null) => boolean;
+    };
+    /**
+     * Indica si se permite la selección múltiple de archivos.
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Controla la visibilidad del texto de detalle (`detailText` o `errorMessage`).
+     */
+    showDetailText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el componente debe ocupar todo el ancho disponible.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (message: string) => any;
+    filesSelected: (files: FileList) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Tipos de archivo aceptados por el input (ej. '.png,.jpg,.pdf', 'image/*').
+     */
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Texto secundario que se muestra debajo del texto principal (ej. formatos permitidos, tamaño máximo).
+     */
+    detailText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si el componente está deshabilitado.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el componente está en estado de error.
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Mensaje de error específico a mostrar en lugar del texto de detalle cuando `error` es `true`.
+     */
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nombre del icono a mostrar. Por defecto es 'paperclip'.
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Identificador único para el input de archivo. Si no se proporciona, se genera uno automáticamente.
+     */
+    id: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Texto principal que se muestra en el componente (ej. "Arrastra para subir un archivo").
+     */
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Número máximo de archivos permitidos. Si es `0` o `null`, no hay límite (excepto el que imponga `multiple`).
+     */
+    maxFiles: {
+        type: PropType<number | null>;
+        default: null;
+        validator: (value: number | null) => boolean;
+    };
+    /**
+     * Indica si se permite la selección múltiple de archivos.
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Controla la visibilidad del texto de detalle (`detailText` o `errorMessage`).
+     */
+    showDetailText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el componente debe ocupar todo el ancho disponible.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onError?: ((message: string) => any) | undefined;
+    onFilesSelected?: ((files: FileList) => any) | undefined;
+}>, {
+    error: boolean;
+    icon: string;
+    disabled: boolean;
+    id: string;
+    multiple: boolean;
+    fullWidth: boolean;
+    accept: string;
+    detailText: string;
+    errorMessage: string;
+    maxFiles: number | null;
+    showDetailText: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};