@dynamicforms/vuetify-inputs 0.11.7 → 0.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.11.7",
+  "version": "0.13.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",
@@ -25,8 +25,8 @@
     "build": "vite build",
     "test": "vitest run --coverage",
     "test:e2e": "playwright test",
-    "lint": "eslint src --fix && vue-tsc --noEmit",
-    "lint:ci": "eslint src && vue-tsc --noEmit",
+    "lint": "eslint src docs/components --fix && vue-tsc --noEmit && vue-tsc --noEmit -p docs/tsconfig.json",
+    "lint:ci": "eslint src docs/components && vue-tsc --noEmit && vue-tsc --noEmit -p docs/tsconfig.json",
     "docs:dev": "npm run docs:dev -w docs",
     "docs:build": "npm run docs:build -w docs",
     "docs:preview": "npm run docs:preview -w docs"
@@ -56,8 +56,8 @@
     "url": "https://github.com/dynamicforms/vuetify-inputs/issues"
   },
   "peerDependencies": {
-    "@dynamicforms/translatable": "^0.1.0",
-    "@dynamicforms/vue-forms": "^1.0.0",
+    "@dynamicforms/translatable": "^0.3.0",
+    "@dynamicforms/vue-forms": "^3.0.0-alpha.1",
     "@mdi/font": "^7.4.47",
     "@tiptap/core": "^3.30.2",
     "@tiptap/extension-image": "^3.30.2",
@@ -73,9 +73,8 @@
     "@tiptap/vue-3": "^3.30.2",
     "date-fns": "^4.1.0",
     "lodash-es": "^4.17.12",
-    "vitepress-plugin-crosslinks": "^1.0.0",
     "vue": "^3.5.2",
-    "vue-cached-icon": "^3.0.3",
+    "vue-cached-icon": "^3.2.0",
     "vue-markdown-render": "^2.2.1",
     "vuetify": "^3.9"
   },

package/readme.md

@@ -8,11 +8,9 @@ Vuetify input components with guaranteed visual consistency across all form fiel
 every other.
 
 Hand a component an element of [@dynamicforms/vue-forms](https://github.com/dynamicforms/vue-forms) and that element
-owns the value, the validation, the enabled state and the visibility, and the component draws what it holds. That is
-what the library was built for, and it is not what it requires: every component works just as well with a plain
-`v-model`, or with no binding at all. The visual consistency, the density and variant system and the inline mode for
-table cells are the same either way, so the components are worth reaching for whether or not you want a form model
-behind them.
+owns the value, the validation, the enabled state and the visibility, and the component renders what it holds. Every
+component also works with a plain `v-model`, or with no binding. The density and variant system and the inline mode
+for table cells are the same in all three cases.
 
 ## Design Goals
 
@@ -55,10 +53,13 @@ consistent appearance.
   `df-rtf-editor`, `df-actions` and `df-input-hint`
 - **A control, a v-model, or neither**: a bound element owns the value, validity, touched, enabled and visibility;
   `v-model` reports changes to the parent; neither keeps the value internally
-- **Errors, hints and help text** in one row, rendered through vue-forms' `MessagesWidget`, so an error may be
-  plain text, markdown or a component of its own
-- **Labels with icons and markdown**, through the `Label` class and `MdString`
-- **Visibility through `DisplayMode`** — `FULL`, `HIDDEN`, `INVISIBLE`, `SUPPRESS` — and enablement that follows the
+- **Errors, hints and help text** in one row, rendered through the library's own `MessagesWidget`; an error
+  renders as the plain text, markdown or component the application's `errorText` setting returns for its code and
+  params, or as its English `detail`, and is shown by one rule an application can replace — the server's at once,
+  every other once the field is touched
+- **Labels with icons, markdown, HTML or a component**, through the `Label` class, `MdString`, `HtmlString` and
+  `SimpleComponentDef`
+- **Visibility** — `'full'`, `'invisible'`, `'hidden'`, `'suppress'` — and enablement that follows the
   containing section
 - **`passthroughAttrs`**: any prop of the underlying Vuetify component, without this library declaring it
 - **Actions**: the `Action` class with render options, `defaultConfirm` / `defaultReject`, the ready-made
@@ -67,11 +68,11 @@ consistent appearance.
   `allowTags`
 - **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 `<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
+- **Localisable**: `translateStrings()`, or the `translate` setting per app, connects the library's own strings,
+  including every RTF editor toolbar label and `<df-image>`/`<df-file>`'s upload and download prompts, to the
+  application's translation function; the `errorText` setting translates errors; `DateTimeLocaleConfig`, or the
+  `dateTimeLocale` setting per app, 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
@@ -162,7 +163,8 @@ Detailed documentation is available at [https://docs.velis.si/dynamicforms/vueti
 ## Available Components
 
 - **InputBase**: The base component for all input elements
-- **DfLabel**: Renders a label - plain text, markdown or an icon - the way every input renders its own
+- **DfLabel**: Renders a label - plain text, markdown, HTML or a component, with an icon - the way every input renders
+  its own
 - **df-actions**: An actions group.
 - **df-checkbox**: A checkbox component.
 - **df-color**: A color input.