@dynamicforms/vuetify-inputs 0.5.1 → 0.5.2

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import { GlobalComponents } from 'vue';
 import { GlobalDirectives } from 'vue';
 import { IField } from '@dynamicforms/vue-forms';
 import { IFieldConstructorParams } from '@dynamicforms/vue-forms';
+import { MaybeRef } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { useDisplay } from 'vuetify';
@@ -43,33 +44,33 @@ import { VTextField } from 'vuetify/components/VTextField';
 import { VTimePicker } from 'vuetify/labs/VTimePicker';
 import { WritableComputedRef } from 'vue';
 
-declare const __VLS_component: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: any) => any;
-"click:clear": () => any;
-blur: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
-"onUpdate:modelValue"?: ((value: any) => any) | undefined;
-"onClick:clear"?: (() => any) | undefined;
-onBlur?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_2: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component: DefineComponent<DfSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
 "update:modelValueDisplay": (value: SelectChoice[]) => any;
-}, string, PublicProps, Readonly<Props_8> & Readonly<{
+}, string, PublicProps, Readonly<DfSelectProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 "onUpdate:modelValueDisplay"?: ((value: SelectChoice[]) => any) | undefined;
 }>, {
 enabled: boolean;
 allowNull: boolean;
-multiple: boolean;
 choices: SelectChoice[];
+multiple: boolean;
 allowTags: boolean;
 fetchChoices: SelectFetchChoices;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: any) => any;
+"click:clear": () => any;
+blur: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+"onUpdate:modelValue"?: ((value: any) => any) | undefined;
+"onClick:clear"?: (() => any) | undefined;
+onBlur?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare type __VLS_Props = {
     data?: DefaultInputSlot & {
         label?: string;
@@ -82,6 +83,19 @@ declare type __VLS_Props_2 = BaseProps & {
 };
 
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        'append-inner'?: (props: any) => any;
+        'prepend-inner'?: (props: any) => any;
+    }> & {
+        'append-inner'?: (props: any) => any;
+        'prepend-inner'?: (props: any) => any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
@@ -121,19 +135,6 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 
-declare function __VLS_template_2(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        'append-inner'?: (props: any) => any;
-        'prepend-inner'?: (props: any) => any;
-    }> & {
-        'append-inner'?: (props: any) => any;
-        'prepend-inner'?: (props: any) => any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
@@ -166,12 +167,6 @@ export declare class Action extends Action_2<ActionBreakpointOptions> {
 
 export declare type ActionBreakpointOptions = BreakpointsJSON<ActionRenderOptions>;
 
-declare interface ActionComponentProps {
-    actions: Action[] | Ref<Action[]>;
-    buttonSize?: string | number;
-    showAsGroup?: ShowAsGroup;
-}
-
 /**
  * DisplayMode enum provides an enumeration for supported ways of rendering a particular object in the DOM
  */
@@ -222,15 +217,21 @@ export declare const defaultBaseProps: {
 
 export declare const defaultDisplayStyle = ActionDisplayStyle.BUTTON;
 
-export declare const DfActions: DefineComponent<ActionComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ActionComponentProps> & Readonly<{}>, {
+export declare const DfActions: DefineComponent<DfActionsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DfActionsProps> & Readonly<{}>, {
 buttonSize: string | number;
-showAsGroup: ShowAsGroup;
+showAsGroup: "no" | "grouped" | "grouped-no-borders";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DfCheckbox: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare interface DfActionsProps {
+    actions: MaybeRef<Action[]>;
+    buttonSize?: string | number;
+    showAsGroup?: ShowAsGroup;
+}
+
+export declare const DfCheckbox: DefineComponent<DfCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_2> & Readonly<{
+}, string, PublicProps, Readonly<DfCheckboxProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
@@ -238,10 +239,14 @@ enabled: boolean;
 allowNull: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DfColor: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare interface DfCheckboxProps extends BaseProps {
+    allowNull?: boolean;
+}
+
+export declare const DfColor: DefineComponent<DfColorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_3> & Readonly<{
+}, string, PublicProps, Readonly<DfColorProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
@@ -249,10 +254,14 @@ enabled: boolean;
 allowNull: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DfDateTime: DefineComponent<Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare interface DfColorProps extends BaseProps {
+    allowNull?: boolean;
+}
+
+export declare const DfDateTime: DefineComponent<DfDateTimeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_4> & Readonly<{
+}, string, PublicProps, Readonly<DfDateTimeProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
@@ -262,37 +271,83 @@ displayFormatDate: string;
 displayFormatTime: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DfFile: DefineComponent<Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare interface DfDateTimeProps extends BaseProps {
+    inputType?: 'datetime' | 'date' | 'time';
+    displayFormatDate?: string;
+    displayFormatTime?: string;
+}
+
+export declare const DfFile: DefineComponent<DfFileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_5> & Readonly<{
+}, string, PublicProps, Readonly<DfFileProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DfInput: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare interface DfFileProps extends BaseProps {
+    comms: FileComms;
+}
+
+export declare const DfInput: DefineComponent<DfInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_6> & Readonly<{
+}, string, PublicProps, Readonly<DfInputProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
-max: number;
-min: number;
-step: number;
 inputType: "text" | "password" | "email" | "url" | "number";
 precision: number | null;
+step: number;
+min: number;
+max: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+export declare namespace DfInputComponentProps {
+    export {
+        DfActionsProps,
+        DfCheckboxProps,
+        DfColorProps,
+        DfDateTimeProps,
+        DfFileProps,
+        DfInputProps,
+        DfRtfEditorProps,
+        DfSelectProps,
+        DfTextAreaProps
+    }
+}
+
+export declare namespace DfInputComponents {
+    export {
+        DfActions,
+        DfCheckbox,
+        DfColor,
+        DfDateTime,
+        DfFile,
+        DfInput,
+        DfRtfEditor,
+        DfSelect,
+        DfTextArea
+    }
+}
+
+declare interface DfInputProps extends BaseProps {
+    inputType?: 'text' | 'password' | 'email' | 'url' | 'number';
+    precision?: number | null;
+    step?: number;
+    min?: number;
+    max?: number;
+}
+
 export declare const DfLabel: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const DfRtfEditor: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const DfRtfEditor: DefineComponent<DfRtfEditorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_7> & Readonly<{
+}, string, PublicProps, Readonly<DfRtfEditorProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
@@ -337,12 +392,24 @@ modelValue: string;
 }> | null;
 }, any>;
 
-export declare const DfSelect: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+declare interface DfRtfEditorProps extends BaseProps {
+    minHeight?: string;
+}
+
+export declare const DfSelect: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare const DfTextArea: DefineComponent<Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare interface DfSelectProps extends BaseProps {
+    choices?: SelectChoice[];
+    multiple?: boolean;
+    allowTags?: boolean;
+    allowNull?: boolean;
+    fetchChoices?: SelectFetchChoices;
+}
+
+export declare const DfTextArea: DefineComponent<DfTextAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
-}, string, PublicProps, Readonly<Props_9> & Readonly<{
+}, string, PublicProps, Readonly<DfTextAreaProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 "onClick:clear"?: (() => any) | undefined;
 }>, {
@@ -351,6 +418,11 @@ rows: number;
 maxRows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+declare interface DfTextAreaProps extends BaseProps {
+    rows?: number;
+    maxRows?: number;
+}
+
 export declare const DynamicFormsInputs: {
     install: (app: App, options?: Partial<DynamicFormsInputsOptions>) => void;
 };
@@ -390,7 +462,7 @@ export declare type FileProgressCallback = (loaded: number, total: number) => vo
 
 export declare function getBreakpointName(dp: ReturnType<typeof useDisplay>): BreakpointNames;
 
-export declare const InputBase: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export declare const InputBase: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare class Label {
     text: string;
@@ -406,49 +478,6 @@ declare interface Props {
     message: string;
 }
 
-declare interface Props_2 extends BaseProps {
-    allowNull?: boolean;
-}
-
-declare interface Props_3 extends BaseProps {
-    allowNull?: boolean;
-}
-
-declare interface Props_4 extends BaseProps {
-    inputType?: 'datetime' | 'date' | 'time';
-    displayFormatDate?: string;
-    displayFormatTime?: string;
-}
-
-declare interface Props_5 extends BaseProps {
-    comms: FileComms;
-}
-
-declare interface Props_6 extends BaseProps {
-    inputType?: 'text' | 'password' | 'email' | 'url' | 'number';
-    precision?: number | null;
-    step?: number;
-    min?: number;
-    max?: number;
-}
-
-declare interface Props_7 extends BaseProps {
-    minHeight?: string;
-}
-
-declare interface Props_8 extends BaseProps {
-    choices?: SelectChoice[];
-    multiple?: boolean;
-    allowTags?: boolean;
-    allowNull?: boolean;
-    fetchChoices?: SelectFetchChoices;
-}
-
-declare interface Props_9 extends BaseProps {
-    rows?: number;
-    maxRows?: number;
-}
-
 export declare class ResponsiveActionRenderOptions extends ResponsiveRenderOptions<ActionRenderOptions> {
     protected cleanBreakpoint(bp?: ActionRenderOptions, defaultIfEmpty?: boolean): ActionRenderOptions | null;
 }