Maintenance: Mobile - Updated form packages to use the next version and general package dependency update.

app/frontend/common/form/i18n/locales.ts

@@ -15,6 +15,10 @@ interface FormKitLocaleExtended extends FormKitLocale {
 const loadLocales = (): FormKitLocaleExtended => {
   return {
     ui: {
+      /**
+       * Shown on a button for adding additional items.
+       */
+      add: () => i18n.t('Add'),
       /**
        * Shown when a button to remove items is visible.
        */

app/frontend/tests/common/components/form/field/FieldCheckbox.spec.ts

@@ -15,7 +15,7 @@ const wrapperParameters = {
   formField: true,
 }
 
-const renderButton = (options: ExtendedMountingOptions<unknown> = {}) =>
+const renderCheckbox = (options: ExtendedMountingOptions<unknown> = {}) =>
   renderComponent(FormKit, {
     ...wrapperParameters,
     props: {
@@ -30,7 +30,7 @@ const renderButton = (options: ExtendedMountingOptions<unknown> = {}) =>
 
 describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   it('can render a checkbox', () => {
-    const view = renderButton()
+    const view = renderCheckbox()
 
     const checkbox = view.getByLabelText('Checkbox')
 
@@ -42,7 +42,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('set some props', async () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       props: {
         label: 'Checkbox',
         type: 'checkbox',
@@ -55,7 +55,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('check for the input event', async () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       props: {
         label: 'Checkbox',
         type: 'checkbox',
@@ -76,7 +76,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('check for the input value when on-value and off-value is used', async () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       ...wrapperParameters,
       props: {
         label: 'Checkbox',
@@ -108,7 +108,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('can use variant', async () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       ...wrapperParameters,
       props: {
         label: 'Checkbox',
@@ -125,7 +125,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('can be disabled', async () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       props: {
         label: 'Checkbox',
         name: 'checkbox',
@@ -154,7 +154,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('options for multiple checkboxes can be used', () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       props: {
         label: 'Multiple Checkbox',
         name: 'checkbox-multiple',
@@ -177,7 +177,7 @@ describe('Form - Field - Checkbox (Formkit-BuildIn)', () => {
   })
 
   it('check for the multiple checkbox input event', async () => {
-    const view = renderButton({
+    const view = renderCheckbox({
       props: {
         label: 'Multiple Checkbox',
         name: 'checkbox-multiple',

i18n/zammad.pot

@@ -572,6 +572,7 @@ msgstr ""
 #: app/assets/javascripts/app/views/object_manager/attribute/select.jst.eco
 #: app/assets/javascripts/app/views/profile/linked_accounts.jst.eco
 #: app/assets/javascripts/app/views/tag/index.jst.eco
+#: app/frontend/common/form/i18n/locales.ts
 msgid "Add"
 msgstr ""
 

package.json

@@ -22,77 +22,77 @@
     "@tailwindcss/forms": "^0.5.0",
     "@tailwindcss/line-clamp": "^0.3.1",
     "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/user-event": "^14.0.4",
+    "@testing-library/user-event": "^14.1.1",
     "@testing-library/vue": "^6.5.1",
     "@types/lodash-es": "^4.17.6",
     "@types/rails__actioncable": "^6.1.6",
     "@types/svgo": "^2.6.3",
     "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^5.18.0",
+    "@typescript-eslint/eslint-plugin": "^5.22.0",
+    "@typescript-eslint/parser": "^5.22.0",
     "@vitejs/plugin-vue": "^2.3.1",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/test-utils": "^2.0.0-rc.19",
-    "autoprefixer": "^10.4.4",
-    "eslint": "^8.12.0",
+    "@vue/test-utils": "^2.0.0-rc.21",
+    "autoprefixer": "^10.4.7",
+    "eslint": "^8.14.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-prettier-vue": "^3.1.0",
-    "eslint-plugin-storybook": "^0.5.7",
-    "eslint-plugin-vue": "^8.6.0",
+    "eslint-plugin-storybook": "^0.5.11",
+    "eslint-plugin-vue": "^8.7.1",
     "eslint-plugin-zammad": "file:.eslint-plugin-zammad",
     "jsdom": "^19.0.0",
     "mock-apollo-client": "^1.2.0",
-    "postcss": "^8.4.12",
-    "postcss-html": "^1.3.0",
+    "postcss": "^8.4.13",
+    "postcss-html": "^1.4.1",
     "prettier": "2.6.0",
-    "prettier-plugin-tailwindcss": "^0.1.8",
+    "prettier-plugin-tailwindcss": "^0.1.10",
     "regenerator-runtime": "^0.13.9",
-    "sass": "^1.50.1",
-    "stylelint": "^14.6.1",
+    "sass": "^1.51.0",
+    "stylelint": "^14.8.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard": "^24.0.0",
     "stylelint-config-standard-scss": "^3.0.0",
     "stylelint-prettier": "^2.0.0",
     "stylelint-scss": "^4.2.0",
-    "tailwindcss": "^3.0.23",
+    "tailwindcss": "^3.0.24",
     "timezone-mock": "^1.3.1",
     "type-fest": "^2.12.2",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.1",
+    "typescript": "^4.6.4",
+    "vite": "^2.9.7",
     "vite-plugin-ruby": "^3.0.9",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vitest": "^0.9.3",
+    "vitest": "^0.9.4",
     "vue-tsc": "^0.33.9"
   },
   "dependencies": {
-    "@apollo/client": "^3.5.10",
-    "@formkit/core": "^1.0.0-beta.6",
-    "@formkit/dev": "^1.0.0-beta.6",
-    "@formkit/i18n": "^1.0.0-beta.6",
-    "@formkit/inputs": "^1.0.0-beta.6",
-    "@formkit/rules": "^1.0.0-beta.6",
-    "@formkit/tailwindcss": "^1.0.0-beta.6",
-    "@formkit/utils": "^1.0.0-beta.6",
-    "@formkit/validation": "^1.0.0-beta.6",
-    "@formkit/vue": "^1.0.0-beta.6",
-    "@headlessui/vue": "^1.5.0",
+    "@apollo/client": "^3.6.2",
+    "@formkit/core": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/dev": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/i18n": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/inputs": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/rules": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/tailwindcss": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/utils": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/validation": "^1.0.0-beta.7-f27a0f7",
+    "@formkit/vue": "^1.0.0-beta.7-f27a0f7",
+    "@headlessui/vue": "^1.6.0",
     "@rails/actioncable": "6.0.4",
-    "@tiptap/starter-kit": "^2.0.0-beta.183",
-    "@tiptap/vue-3": "^2.0.0-beta.90",
+    "@tiptap/starter-kit": "^2.0.0-beta.184",
+    "@tiptap/vue-3": "^2.0.0-beta.91",
     "@vue/apollo-composable": "^4.0.0-alpha.16",
     "@vueuse/core": "^8.3.1",
-    "@vueuse/router": "^8.2.5",
-    "@vueuse/shared": "^8.2.5",
+    "@vueuse/router": "^8.3.1",
+    "@vueuse/shared": "^8.3.1",
     "async-mutex": "^0.3.2",
-    "broadcast-channel": "^4.10.0",
+    "broadcast-channel": "^4.11.0",
     "flatpickr": "^4.6.13",
-    "graphql": "^16.3.0",
+    "graphql": "^16.4.0",
     "graphql-ruby-client": "^1.10.7",
     "graphql-tag": "^2.12.6",
     "lodash-es": "^4.17.21",
@@ -100,7 +100,7 @@
     "mitt": "^3.0.0",
     "pinia": "^2.0.13",
     "uuid": "^8.3.2",
-    "vue": "^3.2.31",
+    "vue": "^3.2.33",
     "vue-router": "^4.0.14"
   }
 }