@ghentcdh/json-forms-vue 0.8.3 → 0.8.5

package/form.component.properties.d.ts

@@ -17,6 +17,10 @@ export declare const FormComponentProperties: {
         type: StringConstructor;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
     /** JSON schema describing the shape of the form data. */
     schema: {
         type: PropType<any>;

package/form.component.vue.d.ts

@@ -4,6 +4,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
     schema: {
         type: import('vue').PropType<any>;
         required: boolean;
@@ -29,6 +33,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: boolean;
     };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
     schema: {
         type: import('vue').PropType<any>;
         required: boolean;
@@ -51,6 +59,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
+    name: string;
     renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
     formData: Data;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFormElement>;

package/index.js

@@ -38,6 +38,7 @@ class FormStore {
 const FormComponentProperties = {
   /** Unique id applied to the `<form>` element and used as `<json-forms>` key. */
   id: { type: String, required: true },
+  name: { type: String, default: "form" },
   /** JSON schema describing the shape of the form data. */
   schema: { type: Object, required: true },
   /** UI schema describing the layout and controls. */
@@ -8088,7 +8089,7 @@ const tailwindRenderers = [
   ...vueVanilla.vanillaRenderers,
   ...customRenderers
 ];
-const _hoisted_1$1 = ["id"];
+const _hoisted_1$1 = ["id", "aria-label"];
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "form.component",
   props: FormComponentProperties,
@@ -8138,6 +8139,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("form", {
         id: _ctx.id,
+        "aria-label": _ctx.name,
         onSubmit: vue.withModifiers(onSubmit, ["prevent"])
       }, [
         (vue.openBlock(), vue.createBlock(vue.unref(vue$1.JsonForms), {
@@ -8256,6 +8258,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 vue.renderSlot(_ctx.$slots, "actions"),
                 recordId.value ? (vue.openBlock(), vue.createBlock(vue.unref(ui.Btn), {
                   key: 0,
+                  "aria-label": "Cancel",
                   outline: true,
                   onClick: cancel
                 }, {
@@ -8265,6 +8268,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                 })) : (vue.openBlock(), vue.createBlock(vue.unref(ui.Btn), {
                   key: 1,
+                  "aria-label": "Clear",
                   outline: true,
                   onClick: clear
                 }, {
@@ -8274,6 +8278,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                 })),
                 vue.createVNode(vue.unref(ui.Btn), {
+                  "aria-label": "Save",
                   color: vue.unref(ui.Color).primary,
                   disabled: submitted.value,
                   onClick: save
@@ -8359,6 +8364,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(vue.unref(ui.Btn), {
             color: vue.unref(ui.Color).secondary,
             outline: true,
+            "aria-label": "Cancel",
             onClick: onCancel
           }, {
             default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
@@ -8368,6 +8374,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, 8, ["color"]),
           vue.createVNode(vue.unref(ui.Btn), {
             disabled: !hasBeenValid.value,
+            "aria-label": "Save",
             onClick: onSubmit
           }, {
             default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [

package/index.mjs

@@ -36,6 +36,7 @@ class FormStore {
 const FormComponentProperties = {
   /** Unique id applied to the `<form>` element and used as `<json-forms>` key. */
   id: { type: String, required: true },
+  name: { type: String, default: "form" },
   /** JSON schema describing the shape of the form data. */
   schema: { type: Object, required: true },
   /** UI schema describing the layout and controls. */
@@ -8086,7 +8087,7 @@ const tailwindRenderers = [
   ...vanillaRenderers,
   ...customRenderers
 ];
-const _hoisted_1$1 = ["id"];
+const _hoisted_1$1 = ["id", "aria-label"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "form.component",
   props: FormComponentProperties,
@@ -8136,6 +8137,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("form", {
         id: _ctx.id,
+        "aria-label": _ctx.name,
         onSubmit: withModifiers(onSubmit, ["prevent"])
       }, [
         (openBlock(), createBlock(unref(JsonForms), {
@@ -8254,6 +8256,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "actions"),
                 recordId.value ? (openBlock(), createBlock(unref(Btn), {
                   key: 0,
+                  "aria-label": "Cancel",
                   outline: true,
                   onClick: cancel
                 }, {
@@ -8263,6 +8266,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   _: 1
                 })) : (openBlock(), createBlock(unref(Btn), {
                   key: 1,
+                  "aria-label": "Clear",
                   outline: true,
                   onClick: clear
                 }, {
@@ -8272,6 +8276,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   _: 1
                 })),
                 createVNode(unref(Btn), {
+                  "aria-label": "Save",
                   color: unref(Color).primary,
                   disabled: submitted.value,
                   onClick: save
@@ -8357,6 +8362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(Btn), {
             color: unref(Color).secondary,
             outline: true,
+            "aria-label": "Cancel",
             onClick: onCancel
           }, {
             default: withCtx(() => [..._cache[3] || (_cache[3] = [
@@ -8366,6 +8372,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["color"]),
           createVNode(unref(Btn), {
             disabled: !hasBeenValid.value,
+            "aria-label": "Save",
             onClick: onSubmit
           }, {
             default: withCtx(() => [..._cache[4] || (_cache[4] = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ghentcdh/json-forms-vue",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",