@dynamicforms/vuetify-inputs 0.10.5 → 0.11.0

package/dist/index.d.ts

@@ -34,6 +34,7 @@ import { Month } from 'date-fns';
 import { PublicProps } from 'vue';
 import { Quarter } from 'date-fns';
 import { Ref } from 'vue';
+import { TranslateStringsCallback } from '@dynamicforms/translatable';
 import { useDisplay } from 'vuetify';
 import { ValidationError } from '@dynamicforms/vue-forms';
 import { VAutocomplete } from 'vuetify/components/VAutocomplete';
@@ -1058,9 +1059,73 @@ export declare const translatableStrings: {
     MediaEmbed: string;
     MediaEmbedUrl: string;
     MediaEmbedInsert: string;
+    InvalidHexColor: string;
 };
 
-export declare function translateStrings(translationCallback: (s: string) => string): void;
+export declare const translateStrings: (cb: TranslateStringsCallback<    {
+Yes: string;
+No: string;
+Close: string;
+Paragraph: string;
+Heading1: string;
+Heading2: string;
+Heading3: string;
+Heading4: string;
+Heading5: string;
+Heading6: string;
+Downloadable: string;
+ArticleCategory: string;
+Title: string;
+Subtitle: string;
+InfoBox: string;
+SideQuote: string;
+Marker: string;
+Spoiler: string;
+CodeDark: string;
+CodeBright: string;
+Undo: string;
+Redo: string;
+SelectAll: string;
+Bold: string;
+Italic: string;
+HorizontalLine: string;
+Blockquote: string;
+BulletedList: string;
+NumberedList: string;
+Outdent: string;
+Indent: string;
+AlignLeft: string;
+AlignCenter: string;
+AlignRight: string;
+AlignJustify: string;
+Link: string;
+LinkUrl: string;
+LinkApply: string;
+LinkRemove: string;
+Image: string;
+ImageUrl: string;
+ImageUpload: string;
+ImageInsert: string;
+ImageDropHint: string;
+ImageReplace: string;
+ImageDownload: string;
+FileDownload: string;
+Table: string;
+TableInsert: string;
+TableAddRowAbove: string;
+TableAddRowBelow: string;
+TableDeleteRow: string;
+TableAddColumnBefore: string;
+TableAddColumnAfter: string;
+TableDeleteColumn: string;
+TableToggleHeaderRow: string;
+TableDeleteTable: string;
+Style: string;
+MediaEmbed: string;
+MediaEmbedUrl: string;
+MediaEmbedInsert: string;
+InvalidHexColor: string;
+}>) => void;
 
 export declare function useBreakpoint(): ComputedRef<"xs" | "sm" | "md" | "lg" | "xl">;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.10.5",
+  "version": "0.11.0",
   "type": "module",
   "description": "Vuetify input components with guaranteed visual consistency across all form fields — unified density/variant system, globally configurable, with inline mode for table cells. Built for @dynamicforms/vue-forms.",
   "author": "Jure Erznožnik",
@@ -56,7 +56,8 @@
     "url": "https://github.com/dynamicforms/vuetify-inputs/issues"
   },
   "peerDependencies": {
-    "@dynamicforms/vue-forms": "^0.17.0",
+    "@dynamicforms/translatable": "^0.1.0",
+    "@dynamicforms/vue-forms": "^1.0.0",
     "@mdi/font": "^7.4.47",
     "@tiptap/core": "^3.30.2",
     "@tiptap/extension-image": "^3.30.2",
@@ -84,7 +85,7 @@
     "@types/markdown-it-attrs": "^4.1.3",
     "@types/node": "^26",
     "@vitejs/plugin-vue": "^6",
-    "@vitest/coverage-v8": "^3",
+    "@vitest/coverage-v8": "^4",
     "@vue/test-utils": "^2.2.4",
     "@vue/tsconfig": "^0.7.0",
     "eslint-config-velis": "^3",
@@ -92,10 +93,9 @@
     "markdown-it-attrs": "^4.3.1",
     "rollup-plugin-visualizer": "^5.14.0",
     "typescript": "^5",
-    "vite": "^7",
+    "vite": "^8",
     "vite-plugin-dts": "^4",
-    "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^3",
+    "vitest": "^4",
     "vue-tsc": "^2"
   },
   "allowScripts": {

package/readme.md

@@ -68,7 +68,10 @@ consistent appearance.
 - **Uploads**: a `FileComms` object with upload progress, delete and a periodic touch
 - **Rich text**: TipTap with a Vuetify toolbar, inside the same field frame as every other input
 - **Localisable**: `translateStrings()` replaces the library's own strings, including every RTF editor toolbar
-  label, and `DateTimeLocaleConfig` sets the date-fns locale dates are formatted and parsed with
+  label and `<df-image>`/`<df-file>`'s upload and download prompts, and `DateTimeLocaleConfig` sets the date-fns
+  locale dates are formatted and parsed with — see the
+  [localisation example](https://docs.velis.si/dynamicforms/vuetify-inputs/examples/localisation.html) for every
+  key and a worked example
 - **TypeScript**: every component's props are an exported interface, and the definitions ship with the build
 
 ## Installation