@piveau/dpi 0.2.0-alpha.37 → 0.2.0-alpha.40

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaVeeValidate.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as m, toRef as p, computed as n, createBlock as h, openBlock as g, unref as b, isRef as c } from "vue";
+import { useField as v } from "vee-validate";
+import V from "../TextAreaV3.vue.js";
+const y = /* @__PURE__ */ m({
+  __name: "TextAreaVeeValidate",
+  props: {
+    modelValue: { default: "" },
+    name: {},
+    form: {},
+    label: { default: "" },
+    placeholder: { default: "" },
+    hint: { default: "" },
+    isDisabled: { type: Boolean, default: !1 },
+    hintMessage: { default: "" },
+    countHint: { type: Boolean, default: !1 },
+    max: { default: "" },
+    help: { default: "" },
+    labelWeight: { default: "normal" },
+    showDeleteButton: { type: Boolean, default: !1 },
+    isDescription: { type: Boolean, default: !1 },
+    errorMessage: { default: "" },
+    text: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "deleteClicked"],
+  setup(d) {
+    const l = d, i = p(l, "name"), { value: t, errorMessage: o, meta: s } = v(i, void 0, {
+      syncVModel: !0,
+      form: l.form,
+      validateOnValueUpdate: !1,
+      validateOnMount: !1
+    }), u = n(() => !!((s.touched || s.dirty) && (o.value || l.errorMessage))), f = n(() => o.value || l.errorMessage || "");
+    return (e, a) => (g(), h(V, {
+      modelValue: b(t),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => c(t) ? t.value = r : null),
+      label: e.label,
+      placeholder: e.placeholder,
+      hint: e.hint,
+      "is-disabled": e.isDisabled,
+      "show-error": u.value,
+      "error-message": f.value,
+      "hint-message": e.hintMessage,
+      "count-hint": e.countHint,
+      max: e.max,
+      help: e.help,
+      "label-weight": e.labelWeight,
+      "show-delete-button": e.showDeleteButton,
+      "is-description": e.isDescription,
+      text: e.text,
+      onDeleteClicked: a[1] || (a[1] = (r) => e.$emit("deleteClicked"))
+    }, null, 8, ["modelValue", "label", "placeholder", "hint", "is-disabled", "show-error", "error-message", "hint-message", "count-hint", "max", "help", "label-weight", "show-delete-button", "is-description", "text"]));
+  }
+});
+export {
+  y as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaVeeValidate.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TextAreaVeeValidate.vue.js";
+export {
+  f as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextAreaV3.vue.js

@@ -155,7 +155,7 @@ const W = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
       ])
     ]));
   }
-}, Y = /* @__PURE__ */ L(q, [["__scopeId", "data-v-8b7262ed"]]);
+}, Y = /* @__PURE__ */ L(q, [["__scopeId", "data-v-4cb670c1"]]);
 export {
   Y as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./StepActionsSection.vue2.js";
 /* empty css                        */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-99116134"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e907beec"]]);
 export {
-  e as default
+  r as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as $, inject as K, ref as v, watch as R, computed as w, createElementBlock as r, openBlock as o, normalizeClass as O, createElementVNode as p, createBlock as g, createCommentVNode as E, createVNode as s, renderSlot as N, unref as B, normalizeStyle as U, withDirectives as h, vShow as y, Fragment as P, withCtx as x, renderList as Z, toDisplayString as q, nextTick as G } from "vue";
-import { getNode as H, isNode as J } from "@formkit/core";
-import { getValidationMessages as Q } from "@formkit/validation";
-import { PhExclamationMark as X } from "@phosphor-icons/vue";
+import { defineComponent as R, inject as O, ref as p, watch as U, computed as N, createElementBlock as s, openBlock as o, normalizeClass as Z, createElementVNode as g, createBlock as h, createCommentVNode as w, createVNode as r, renderSlot as B, unref as E, normalizeStyle as q, withDirectives as y, vShow as x, Fragment as P, withCtx as C, renderList as G, toDisplayString as H, nextTick as J } from "vue";
+import { getNode as Q, isNode as X } from "@formkit/core";
+import { getValidationMessages as Y } from "@formkit/validation";
+import { PhExclamationMark as _ } from "@phosphor-icons/vue";
 import u from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import Y from "../HappyFlowComponents/ui/Card.vue.js";
-import { dpiStepperKey as _ } from "../utils/injectionKeys.js";
-import ee from "./TheCancelConfirmationDialog.vue.js";
-import { useEditModeInfo as te } from "../composables/useDpiEditMode.js";
-const ne = { class: "step-actions" }, ae = { class: "step-actions__prev-and-next" }, oe = {
+import ee from "../HappyFlowComponents/ui/Card.vue.js";
+import { dpiStepperKey as te } from "../utils/injectionKeys.js";
+import ne from "./TheCancelConfirmationDialog.vue.js";
+import { useEditModeInfo as ae } from "../composables/useDpiEditMode.js";
+const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next" }, le = {
   key: 0,
   class: "validation-errors"
-}, ge = /* @__PURE__ */ $({
+}, ye = /* @__PURE__ */ R({
   __name: "StepActionsSection",
   props: {
     hideCancel: { type: Boolean, default: !1 },
@@ -28,53 +28,61 @@ const ne = { class: "step-actions" }, ae = { class: "step-actions__prev-and-next
   },
   emits: ["submit", "closeWithSaving"],
   setup(z, { emit: L }) {
-    const l = z, C = L, t = K(_);
+    const l = z, b = L, t = O(te);
     t || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
     function S(e) {
       return e !== void 0;
     }
-    const f = v(!1), d = v(!1), i = v([]);
-    t && R(t.activeStep, () => {
+    const f = p(!1), d = p(!1), i = p([]);
+    t && U(t.activeStep, () => {
       i.value.splice(0, i.value.length), d.value = !1;
     });
-    function b() {
+    function T() {
       f.value = !0;
     }
-    function m() {
+    function v() {
       t == null || t.goToPreviousStep();
     }
-    async function k() {
-      var T, V;
+    async function m() {
+      var k, V;
       if (!S(t))
         return !1;
-      t.triggerValidationCurrentStep(), await G();
+      t.triggerValidationCurrentStep(), await J();
       const e = t.activeStep.value;
       if (!e)
         return !1;
-      const n = H(e);
-      if (!J(n))
+      const n = Q(e);
+      if (!X(n))
         return console.error("Current step node is not a FormKitNode", n), !1;
       n.clearErrors(!0);
-      const a = Q(n), j = !!((V = (T = t.steps) == null ? void 0 : T[e]) != null && V.valid);
-      return a && a.size > 0 || !j ? (i.value = [...a.entries()].flatMap(([le, F]) => F.map((I) => String(I.value))), d.value = !0, !1) : (i.value.splice(0, i.value.length), d.value = !1, !0);
+      const a = Y(n), I = !!((V = (k = t.steps) == null ? void 0 : k[e]) != null && V.valid);
+      return a && a.size > 0 || !I ? (i.value = [...a.entries()].flatMap(([re, $]) => $.map((K) => String(K.value))), d.value = !0, !1) : (i.value.splice(0, i.value.length), d.value = !1, !0);
+    }
+    function D(e, n) {
+      m().then((a) => {
+        a ? e() : n && typeof n == "function" && n();
+      });
+    }
+    function M() {
+      t == null || t.goToNextStep();
     }
     async function c() {
-      !S(t) || !await k() || (t != null && t.isLast.value ? C("submit") : t == null || t.goToNextStep());
+      !S(t) || !await m() || (t != null && t.isLast.value ? b("submit") : t == null || t.goToNextStep());
     }
-    const { isEditMode: D } = te();
-    async function M() {
-      !t || !await k() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
+    const { isEditMode: A } = ae();
+    async function W() {
+      !t || !await m() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
     }
-    const A = w(() => t ? t == null ? void 0 : t.isLast.value : !0), W = w(() => [
+    const j = N(() => t ? t == null ? void 0 : t.isLast.value : !0), F = N(() => [
       { "step-actions-container--compact": l.compact },
       l.classList
     ]);
-    return (e, n) => (o(), r("div", {
-      class: O([W.value, "step-actions-container"])
+    return (e, n) => (o(), s("div", {
+      class: Z([F.value, "step-actions-container"])
     }, [
-      p("div", ne, [
-        B(D) ? (o(), r(P, { key: 1 }, [
-          A.value ? h((o(), g(u, {
+      g("div", oe, [
+        E(A) ? (o(), s(P, { key: 1 }, [
+          j.value ? y((o(), h(u, {
             key: 1,
             class: "edit-save-button",
             size: "large",
@@ -85,51 +93,53 @@ const ne = { class: "step-actions" }, ae = { class: "step-actions__prev-and-next
             loading: l.loading,
             onClick: c
           }, null, 8, ["variant", "button-text", "icon-end", "loading"])), [
-            [y, !e.hideNext]
-          ]) : (o(), g(u, {
+            [x, !e.hideNext]
+          ]) : (o(), h(u, {
             key: 0,
             class: "edit-save-button",
             size: "large",
             variant: "primary",
             type: "button",
             "button-text": "Speichern",
-            onClick: M
+            onClick: W
           }))
-        ], 64)) : N(e.$slots, "default", {
+        ], 64)) : B(e.$slots, "default", {
           key: 0,
-          handleCancel: b,
-          handlePrevious: m,
+          handleCancel: T,
+          handlePrevious: v,
           handleSubmit: c
         }, () => [
-          s(u, {
-            style: U({ opacity: e.hideCancel ? 0 : 1 }),
+          r(u, {
+            style: q({ opacity: e.hideCancel ? 0 : 1 }),
             variant: "tertiary",
             size: "large",
             type: "button",
             "button-text": e.cancelText,
-            onClick: b
+            onClick: T
           }, null, 8, ["style", "button-text"]),
-          p("div", ae, [
-            N(e.$slots, "prev-and-next", {
+          g("div", ie, [
+            B(e.$slots, "prev-and-next", {
               hidePrevious: e.hidePrevious,
               hideNext: e.hideNext,
               previousText: e.previousText,
               nextText: e.nextText,
-              handlePrevious: m,
+              handleNext: M,
+              handlePrevious: v,
               handleSubmit: c,
-              loading: l.loading
+              loading: l.loading,
+              validate: D
             }, () => [
-              h(s(u, {
+              y(r(u, {
                 variant: "secondary",
                 size: "large",
                 type: "button",
                 "button-text": e.previousText,
                 "icon-start": "CaretLeft",
-                onClick: m
+                onClick: v
               }, null, 8, ["button-text"]), [
-                [y, !e.hidePrevious]
+                [x, !e.hidePrevious]
               ]),
-              h(s(u, {
+              y(r(u, {
                 size: "large",
                 variant: e.nextVariant,
                 type: "button",
@@ -138,40 +148,40 @@ const ne = { class: "step-actions" }, ae = { class: "step-actions__prev-and-next
                 loading: l.loading,
                 onClick: c
               }, null, 8, ["variant", "button-text", "icon-end", "loading"]), [
-                [y, !e.hideNext]
+                [x, !e.hideNext]
               ])
             ], !0)
           ])
         ], !0)
       ]),
-      d.value && i.value.length ? (o(), g(Y, {
+      d.value && i.value.length ? (o(), h(ee, {
         key: 0,
         variant: "error"
       }, {
-        icon: x(() => [
-          s(B(X), {
+        icon: C(() => [
+          r(E(_), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: x(() => n[2] || (n[2] = [
-          p("p", { style: { margin: "0" } }, " Fehler ", -1)
+        title: C(() => n[2] || (n[2] = [
+          g("p", { style: { margin: "0" } }, " Fehler ", -1)
         ])),
-        default: x(() => [
-          e.showDetailedErrorSummary ? (o(), r("ul", oe, [
-            (o(!0), r(P, null, Z(i.value, (a) => (o(), r("li", { key: a }, q(a), 1))), 128))
-          ])) : E("", !0)
+        default: C(() => [
+          e.showDetailedErrorSummary ? (o(), s("ul", le, [
+            (o(!0), s(P, null, G(i.value, (a) => (o(), s("li", { key: a }, H(a), 1))), 128))
+          ])) : w("", !0)
         ]),
         _: 1
-      })) : E("", !0),
-      s(ee, {
+      })) : w("", !0),
+      r(ne, {
         modelValue: f.value,
         "onUpdate:modelValue": n[0] || (n[0] = (a) => f.value = a),
-        onCloseWithSaving: n[1] || (n[1] = (a) => C("closeWithSaving"))
+        onCloseWithSaving: n[1] || (n[1] = (a) => b("closeWithSaving"))
       }, null, 8, ["modelValue"])
     ], 2));
   }
 });
 export {
-  ge as default
+  ye as default
 };

package/dist/packages/dpi/src/utils/twinbyUtils.js

@@ -0,0 +1,8 @@
+const r = "Bitte geben Sie eine korrekte URL ein.";
+function t(e) {
+  return `${e} ist erforderlich.`;
+}
+export {
+  r as URL_MSG,
+  t as generateIsRequiredMsg
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.37",
+  "version": "0.2.0-alpha.40",
   "private": false,
   "sideEffects": [
     "*.css",
@@ -36,6 +36,17 @@
     "node": ">=18.18.0",
     "pnpm": ">=10.0.0"
   },
+  "scripts": {
+    "dev": "histoire dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "prepublishOnly": "vite build",
+    "test": "vitest"
+  },
   "dependencies": {
     "@rdfjs/dataset": "2.0.2",
     "@vee-validate/zod": "^4.15.1",
@@ -97,20 +108,15 @@
       "name": "node",
       "onFail": "error"
     },
-    "packageManager": {
-      "name": "pnpm",
-      "version": ">=10.13.1",
-      "onFail": "error"
-    }
-  },
-  "scripts": {
-    "dev": "histoire dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "test": "vitest"
+    "packageManager": [
+      {
+        "name": "pnpm",
+        "version": ">=10.13.1",
+        "onFail": "error"
+      },
+      {
+        "name": "npm"
+      }
+    ]
   }
-}
+}