Dev

CHANGELOG.md

@@ -4,3 +4,10 @@ All notable changes to the "vuetify-inline-fields" plugin will be documented in
 ## v1.0.0
 TBD
 [main] (@webdevnerdstuff)
+* Official release depends on when the Vue team decides if they are going to keep experimental `defineModel` feature. [Blog](https://blog.vuejs.org/posts/vue-3-3#definemodel)
+
+## v1.0.0-beta-1.10
+10-30-2023
+[main] (@webdevnerdstuff)
+* Fix disabled prop to be reactive
+* Change npm package name to `@wdns/vuetify-inline-fields`

README.md

@@ -7,8 +7,8 @@
 </p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/vuetify-inline-fields">
-    <img src="https://img.shields.io/npm/v/vuetify-inline-fields?color=1867c0&logo=npm" alt="NPM Package">
+  <a href="https://www.npmjs.com/package/@wdns/vuetify-inline-fields">
+    <img src="https://img.shields.io/npm/v/@wdns/vuetify-inline-fields?color=1867c0&logo=npm" alt="NPM Package">
   </a>
   &nbsp;
   <a href="https://github.com/webdevnerdstuff/vuetify-inline-fields">
@@ -37,12 +37,12 @@ This will open up a Playground page that loads the file `./src/playground/Playgr
 
 Using [pnpm](https://pnpm.io/):
 ```
-pnpm add vuetify-inline-fields
+pnpm add @wdns/vuetify-inline-fields
 ```
 
 Using npm:
 ```
-npm i vuetify-inline-fields
+npm i @wdns/vuetify-inline-fields
 ```
 
 ## Documentation

dist/plugin/components/DisplayedValue.vue.d.ts

@@ -1,138 +1,7 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    color: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayAppendIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayAppendIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayAppendInnerIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayAppendInnerIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayPrependIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayPrependIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayPrependInnerIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayPrependInnerIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayValue: {
-        type: globalThis.PropType<any>;
-        required: true;
-    };
-    empty: {
-        type: globalThis.PropType<boolean | globalThis.Ref<boolean>>;
-    };
-    error: {
-        type: globalThis.PropType<import("vue").MaybeRef<boolean>>;
-    };
-    field: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    underlineColor: {
-        type: globalThis.PropType<string>;
-    };
-    underlineStyle: {
-        type: globalThis.PropType<string>;
-    };
-    underlineWidth: {
-        type: globalThis.PropType<string>;
-    };
-    underlined: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { DisplayValueProps } from '../../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DisplayValueProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggleField: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    color: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayAppendIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayAppendIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayAppendInnerIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayAppendInnerIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayPrependIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayPrependIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayPrependInnerIcon: {
-        type: globalThis.PropType<import('../../types').VIconValue | undefined>;
-        required: true;
-    };
-    displayPrependInnerIconColor: {
-        type: globalThis.PropType<string | undefined>;
-        required: true;
-    };
-    displayValue: {
-        type: globalThis.PropType<any>;
-        required: true;
-    };
-    empty: {
-        type: globalThis.PropType<boolean | globalThis.Ref<boolean>>;
-    };
-    error: {
-        type: globalThis.PropType<import("vue").MaybeRef<boolean>>;
-    };
-    field: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    underlineColor: {
-        type: globalThis.PropType<string>;
-    };
-    underlineStyle: {
-        type: globalThis.PropType<string>;
-    };
-    underlineWidth: {
-        type: globalThis.PropType<string>;
-    };
-    underlined: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DisplayValueProps>>> & {
     onToggleField?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     "display.prepend"?(_: {
@@ -157,6 +26,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

dist/plugin/components/SaveFieldButtons.vue.d.ts

@@ -1,148 +1,26 @@
-declare const _default: import("vue").DefineComponent<{
-    error: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    cancelButtonColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    cancelButtonSize: {
-        type: globalThis.PropType<string | number>;
-        required: true;
-    };
-    cancelButtonTitle: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    cancelButtonVariant: {
-        type: globalThis.PropType<NonNullable<"flat" | "outlined" | "plain" | "text" | "elevated" | "tonal">>;
-        required: true;
-    };
-    cancelIcon: {
-        type: globalThis.PropType<string>;
-    };
-    cancelIconColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    fieldOnly: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    hideSaveIcon: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    loadingIcon: {
-        type: globalThis.PropType<string>;
-    };
-    loadingIconColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    saveButtonColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    saveButtonSize: {
-        type: globalThis.PropType<string | number>;
-        required: true;
-    };
-    saveButtonTitle: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    saveButtonVariant: {
-        type: globalThis.PropType<NonNullable<"flat" | "outlined" | "plain" | "text" | "elevated" | "tonal">>;
-        required: true;
-    };
-    saveIcon: {
-        type: globalThis.PropType<string>;
-    };
-    saveIconColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { SaveFieldButtons } from '../../types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SaveFieldButtons>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     save: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    error: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    cancelButtonColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    cancelButtonSize: {
-        type: globalThis.PropType<string | number>;
-        required: true;
-    };
-    cancelButtonTitle: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    cancelButtonVariant: {
-        type: globalThis.PropType<NonNullable<"flat" | "outlined" | "plain" | "text" | "elevated" | "tonal">>;
-        required: true;
-    };
-    cancelIcon: {
-        type: globalThis.PropType<string>;
-    };
-    cancelIconColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    fieldOnly: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    hideSaveIcon: {
-        type: globalThis.PropType<boolean>;
-        required: true;
-    };
-    loadingIcon: {
-        type: globalThis.PropType<string>;
-    };
-    loadingIconColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    saveButtonColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    saveButtonSize: {
-        type: globalThis.PropType<string | number>;
-        required: true;
-    };
-    saveButtonTitle: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    saveButtonVariant: {
-        type: globalThis.PropType<NonNullable<"flat" | "outlined" | "plain" | "text" | "elevated" | "tonal">>;
-        required: true;
-    };
-    saveIcon: {
-        type: globalThis.PropType<string>;
-    };
-    saveIconColor: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SaveFieldButtons>, {}>>> & {
     onSave?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};