@frollo/frollo-web-ui 7.0.1 → 8.0.0

package/types/components/fw-dropdown/index.types.d.ts

@@ -1,13 +1,16 @@
-export declare interface FwDropdownOption {
-    label: string;
-    value: string;
-}
-export declare interface FwDropdownProps {
-    name: string;
-    label?: string;
-    rules?: string | Record<string, unknown> | (() => boolean);
-    options: FwDropdownOption[];
-    hint?: string;
-    placeholder?: string;
-    enableErrors?: boolean;
-}
+export declare interface FwDropdownOption {
+    label: string;
+    value: string;
+    image_url?: string;
+    description?: string;
+}
+export declare interface FwDropdownProps {
+    name: string;
+    label?: string;
+    rules?: string | Record<string, unknown> | (() => boolean);
+    options: FwDropdownOption[];
+    hint?: string;
+    placeholder?: string;
+    enableErrors?: boolean;
+    required?: boolean;
+}

package/types/components/fw-form/index.d.ts

@@ -1,2 +1,2 @@
-import { Form as FwForm } from 'vee-validate';
-export { FwForm };
+import { Form as FwForm } from 'vee-validate';
+export { FwForm };

package/types/components/fw-image/fw-image.vue.d.ts

@@ -1,84 +1,103 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The src attribute of the image
-     */
-    src: StringConstructor;
-    /**
-     * The alt attribute of the image
-     */
-    alt: StringConstructor;
-    /**
-     * The type of component. Accepts 'background' and defaults to the native html5 element.
-     */
-    type: {
-        type: PropType<"native" | "background" | undefined>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Whether the loading bar and error state are rounded.
-     */
-    rounded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The class for the native image element
-     */
-    imageClass: {
-        type: StringConstructor;
-    };
-    /**
-     * Controls the threshold before the component triggers the src url.
-     */
-    threshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, {
-    fwImageRef: import("vue").Ref<null>;
-    isBackground: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The src attribute of the image
-     */
-    src: StringConstructor;
-    /**
-     * The alt attribute of the image
-     */
-    alt: StringConstructor;
-    /**
-     * The type of component. Accepts 'background' and defaults to the native html5 element.
-     */
-    type: {
-        type: PropType<"native" | "background" | undefined>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Whether the loading bar and error state are rounded.
-     */
-    rounded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The class for the native image element
-     */
-    imageClass: {
-        type: StringConstructor;
-    };
-    /**
-     * Controls the threshold before the component triggers the src url.
-     */
-    threshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>, {
-    type: "native" | "background" | undefined;
-    rounded: boolean;
-    threshold: number;
-}>;
-export default _default;
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The src attribute of the image
+     */
+    src: StringConstructor;
+    /**
+     * The alt attribute of the image
+     */
+    alt: StringConstructor;
+    /**
+     * The type of component. Accepts 'background' and defaults to the native html5 element.
+     */
+    type: {
+        type: PropType<"native" | "background" | undefined>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Whether the loading bar and error state are rounded.
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The class for the native image element
+     */
+    imageClass: {
+        type: StringConstructor;
+    };
+    /**
+     * Controls the threshold before the component triggers the src url.
+     */
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Controls the error UI when an image src is unavailable.
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    fwImageRef: import("vue").Ref<null>;
+    isBackground: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout")[], "click" | "mouseover" | "mouseout", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The src attribute of the image
+     */
+    src: StringConstructor;
+    /**
+     * The alt attribute of the image
+     */
+    alt: StringConstructor;
+    /**
+     * The type of component. Accepts 'background' and defaults to the native html5 element.
+     */
+    type: {
+        type: PropType<"native" | "background" | undefined>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Whether the loading bar and error state are rounded.
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The class for the native image element
+     */
+    imageClass: {
+        type: StringConstructor;
+    };
+    /**
+     * Controls the threshold before the component triggers the src url.
+     */
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Controls the error UI when an image src is unavailable.
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onMouseover?: ((...args: any[]) => any) | undefined;
+    onMouseout?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "native" | "background" | undefined;
+    rounded: boolean;
+    threshold: number;
+    enableErrors: boolean;
+}, {}>;
+export default _default;

package/types/components/fw-image/index.d.ts

@@ -1,2 +1,2 @@
-import FwImage from './fw-image.vue';
-export { FwImage };
+import FwImage from './fw-image.vue';
+export { FwImage };

package/types/components/fw-image/index.types.d.ts

@@ -1,8 +1,9 @@
-export declare interface FwImageProps {
-    src?: string;
-    alt?: string;
-    type?: 'native' | 'background';
-    rounded?: boolean;
-    imageClass?: string;
-    threshold?: number;
-}
+export declare interface FwImageProps {
+    src?: string;
+    alt?: string;
+    type?: 'native' | 'background';
+    rounded?: boolean;
+    imageClass?: string;
+    threshold?: number;
+    enableErrors?: boolean;
+}

package/types/components/fw-input/fw-input.vue.d.ts

@@ -1,197 +1,214 @@
-import { PropType } from 'vue';
-import { FwInputType } from './index.types';
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The input v-model
-     */
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The name of the input field. Must be unique per form.
-     */
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The input type. Accepts `text` | `password`
-     */
-    type: {
-        type: PropType<FwInputType>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Label for the input. Also renders to an aria-label attribute
-     */
-    label: {
-        type: StringConstructor;
-    };
-    /**
-     * The placeholder text of the input
-     */
-    placeholder: {
-        type: StringConstructor;
-    };
-    /**
-     * Validation rules. Accepts an object, string schema or validation function.
-     */
-    rules: {
-        type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
-    };
-    /**
-     * Converts the input into a readonly disabled field
-     */
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The hint text shown below the input
-     */
-    hint: {
-        type: StringConstructor;
-    };
-    /**
-     * The autocomplete input attribute
-     */
-    autocomplete: {
-        type: StringConstructor;
-    };
-    /**
-     * The logical tab order of the input.
-     * Defaults to 0
-     */
-    tabindex: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Whether the input is rounded.
-     * Defaults to false
-     */
-    rounded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Enable the error section UI.
-     * Defaults to true
-     */
-    enableErrors: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The inputs `maxlength` attribute.
-     */
-    maxLength: {
-        type: NumberConstructor;
-    };
-}, {
-    uuid: string;
-    inputBaseClass: import("vue").Ref<string>;
-    inputValue: import("vue").WritableComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The input v-model
-     */
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The name of the input field. Must be unique per form.
-     */
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The input type. Accepts `text` | `password`
-     */
-    type: {
-        type: PropType<FwInputType>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Label for the input. Also renders to an aria-label attribute
-     */
-    label: {
-        type: StringConstructor;
-    };
-    /**
-     * The placeholder text of the input
-     */
-    placeholder: {
-        type: StringConstructor;
-    };
-    /**
-     * Validation rules. Accepts an object, string schema or validation function.
-     */
-    rules: {
-        type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
-    };
-    /**
-     * Converts the input into a readonly disabled field
-     */
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The hint text shown below the input
-     */
-    hint: {
-        type: StringConstructor;
-    };
-    /**
-     * The autocomplete input attribute
-     */
-    autocomplete: {
-        type: StringConstructor;
-    };
-    /**
-     * The logical tab order of the input.
-     * Defaults to 0
-     */
-    tabindex: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Whether the input is rounded.
-     * Defaults to false
-     */
-    rounded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Enable the error section UI.
-     * Defaults to true
-     */
-    enableErrors: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The inputs `maxlength` attribute.
-     */
-    maxLength: {
-        type: NumberConstructor;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: string;
-    type: FwInputType;
-    readonly: boolean;
-    tabindex: string;
-    rounded: boolean;
-    enableErrors: boolean;
-}>;
-export default _default;
+import { PropType } from 'vue';
+import { FwInputType } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The input v-model
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The input type. Accepts `text` | `password`
+     */
+    type: {
+        type: PropType<FwInputType>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the input
+     */
+    placeholder: {
+        type: StringConstructor;
+    };
+    /**
+     * Validation rules. Accepts an object, string schema or validation function.
+     */
+    rules: {
+        type: PropType<import("vee-validate").RuleExpression<unknown>>;
+    };
+    /**
+     * Converts the input into a readonly disabled field
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+    /**
+     * The autocomplete input attribute
+     */
+    autocomplete: {
+        type: StringConstructor;
+    };
+    /**
+     * The logical tab order of the input.
+     * Defaults to 0
+     */
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The inputs `maxlength` attribute.
+     */
+    maxLength: {
+        type: NumberConstructor;
+    };
+    /**
+     * Enables the required asterisk. (UI only)
+     * Use the field validation rule to validate input.
+     */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    uuid: string;
+    inputBaseClass: import("vue").Ref<string>;
+    inputValue: import("vue").WritableComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The input v-model
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The input type. Accepts `text` | `password`
+     */
+    type: {
+        type: PropType<FwInputType>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * The placeholder text of the input
+     */
+    placeholder: {
+        type: StringConstructor;
+    };
+    /**
+     * Validation rules. Accepts an object, string schema or validation function.
+     */
+    rules: {
+        type: PropType<import("vee-validate").RuleExpression<unknown>>;
+    };
+    /**
+     * Converts the input into a readonly disabled field
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+    /**
+     * The autocomplete input attribute
+     */
+    autocomplete: {
+        type: StringConstructor;
+    };
+    /**
+     * The logical tab order of the input.
+     * Defaults to 0
+     */
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The inputs `maxlength` attribute.
+     */
+    maxLength: {
+        type: NumberConstructor;
+    };
+    /**
+     * Enables the required asterisk. (UI only)
+     * Use the field validation rule to validate input.
+     */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+    type: FwInputType;
+    required: boolean;
+    readonly: boolean;
+    tabindex: string;
+    rounded: boolean;
+    enableErrors: boolean;
+}, {}>;
+export default _default;

package/types/components/fw-input/index.d.ts

@@ -1,2 +1,2 @@
-import FwInput from './fw-input.vue';
-export { FwInput };
+import FwInput from './fw-input.vue';
+export { FwInput };