@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.61

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

@@ -1,68 +1,80 @@
-import { defineComponent as K, computed as o, createBlock as P, openBlock as C, unref as a } from "vue";
-import L from "../InputField.vue.js";
-const $ = /* @__PURE__ */ K({
+import { defineComponent as j, computed as n, createBlock as K, openBlock as P, unref as l } from "vue";
+import C from "../InputField.vue.js";
+const M = /* @__PURE__ */ j({
   __name: "InputFieldFormKit",
   props: {
     context: {}
   },
-  setup(_) {
-    var c, p, x, u, d, m, f;
-    const t = _, i = o({
+  setup(y) {
+    var c, p, u, x, d, m, f;
+    const t = y, s = n({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
       },
       set: (e) => {
-        var n;
-        (n = t.context) == null || n.node.input(e);
+        var o;
+        (o = t.context) == null || o.node.input(e);
       }
-    }), T = o(() => {
+    }), _ = n(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.textLabel;
-    }), k = o(() => {
+    }), b = n(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.name;
-    }), I = o(() => {
+    }), T = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), y = o(() => {
+    }), k = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
-    }), b = o(() => {
+    }), I = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
-    }), s = o(() => {
+    }), w = n(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.inputStyle) || "";
+    }), E = n(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e["is-disabled"]) || !1;
+    }), r = n(() => {
       var e;
       return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
-    }), l = o(() => {
-      var n, r, g, h, v;
-      if (!s.value)
+    }), i = n(() => {
+      var o, a, g, v, h;
+      if (!r.value)
         return "";
-      const e = (r = Object.keys((n = t.context) == null ? void 0 : n.messages)) == null ? void 0 : r[0];
-      return ((v = (h = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : h[e]) == null ? void 0 : v.value) || "";
-    }), w = ((c = t.context) == null ? void 0 : c.inputType) || "text", E = ((p = t.context) == null ? void 0 : p.addOnText) || !1, O = ((x = t.context) == null ? void 0 : x.datePicker) || !1, B = ((u = t.context) == null ? void 0 : u.infoIcon) || !1, F = ((d = t.context) == null ? void 0 : d.preIcon) || !1, V = ((m = t.context) == null ? void 0 : m.showEndIcon) !== !1, j = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
-    return (e, n) => (C(), P(L, {
-      modelValue: i.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (r) => i.value = r),
-      label: T.value,
-      placeholder: I.value,
-      "input-type": a(w),
-      "add-on-text": a(E),
-      "date-picker": a(O),
-      "info-icon": a(B),
-      "pre-icon": a(F),
-      "show-end-icon": V,
-      "tooltip-text": a(j),
-      "show-error": s.value,
-      "supporting-hint-message": l.value,
-      "initial-hint-text": l.value,
-      error_message: l.value,
-      name: k.value,
-      trailing_text: y.value,
-      "trailing-text": b.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "info-icon", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing_text", "trailing-text"]));
+      const e = (a = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : a[0];
+      return ((h = (v = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : v[e]) == null ? void 0 : h.value) || "";
+    }), O = ((c = t.context) == null ? void 0 : c.inputType) || "text", S = ((p = t.context) == null ? void 0 : p.addOnText) || !1, B = ((u = t.context) == null ? void 0 : u.datePicker) || !1;
+    (x = t.context) != null && x.infoIcon;
+    const F = ((d = t.context) == null ? void 0 : d.preIcon) || !1;
+    (m = t.context) == null || m.showEndIcon;
+    const V = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
+    return (e, o) => (P(), K(C, {
+      modelValue: s.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+      label: _.value,
+      placeholder: T.value,
+      "input-type": l(O),
+      "add-on-text": l(S),
+      "date-picker": l(B),
+      "info-icon": !1,
+      "pre-icon": l(F),
+      "show-end-icon": !1,
+      "tooltip-text": l(V),
+      "show-error": r.value,
+      "supporting-hint-message": i.value,
+      "initial-hint-text": i.value,
+      error_message: i.value,
+      name: b.value,
+      "trailing-text": I.value,
+      trailing_text: k.value,
+      inputStyle: w.value,
+      "is-disabled": E.value
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text", "inputStyle", "is-disabled"]));
   }
 });
 export {
-  $ as default
+  M as default
 };

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

@@ -0,0 +1,72 @@
+import { defineComponent as g, toRef as c, computed as s, ref as y, watch as h, createBlock as v, openBlock as B, unref as T, isRef as k } from "vue";
+import { watchOnce as V } from "@vueuse/core";
+import { useField as x } from "vee-validate";
+import M from "../InputField.vue.js";
+const F = /* @__PURE__ */ g({
+  __name: "InputFieldVeeValidate",
+  props: {
+    modelValue: {},
+    name: {},
+    form: { default: void 0 },
+    label: { default: "" },
+    placeholder: { default: "" },
+    inputType: { default: "text" },
+    addOnText: { type: Boolean, default: !1 },
+    addOnLeadingText: { default: "http://" },
+    trailingText: { type: Boolean, default: !1 },
+    trailing_text: { default: "" },
+    datePicker: { type: Boolean, default: !1 },
+    timePicker: { type: Boolean, default: !1 },
+    infoIcon: { type: Boolean, default: !1 },
+    tooltipText: { default: "" },
+    preIcon: { type: Boolean, default: !1 },
+    showEndIcon: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 },
+    inputFieldSize: { default: "medium" },
+    inputStyle: { default: () => ({}) },
+    supportingHintMessage: { default: "" },
+    initialHintText: { type: Boolean, default: !1 },
+    errorMessage: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(u) {
+    const t = u, p = c(t, "name"), { value: a, errorMessage: o, meta: l, validate: f } = x(p, void 0, {
+      syncVModel: !0,
+      form: t.form,
+      validateOnValueUpdate: !1,
+      validateOnMount: !1,
+      keepValueOnUnmount: !1
+    }), i = s(() => !!((l.touched || l.dirty) && (o.value || t.errorMessage))), n = s(() => o.value || t.errorMessage || ""), d = y(!1);
+    return V(i, (e) => {
+      e && (d.value = !0);
+    }), h(a, () => {
+      d.value && l.validated && f({ mode: "force" });
+    }), (e, r) => (B(), v(M, {
+      modelValue: T(a),
+      "onUpdate:modelValue": r[0] || (r[0] = (m) => k(a) ? a.value = m : null),
+      label: e.label,
+      placeholder: e.placeholder,
+      "input-type": e.inputType,
+      "add-on-text": e.addOnText,
+      "add-on-leading-text": e.addOnLeadingText,
+      "trailing-text": e.trailingText,
+      trailing_text: e.trailing_text,
+      "date-picker": e.datePicker,
+      "time-picker": e.timePicker,
+      "info-icon": e.infoIcon,
+      "tooltip-text": e.tooltipText,
+      "pre-icon": e.preIcon,
+      "show-end-icon": e.showEndIcon,
+      "is-disabled": e.isDisabled,
+      "input-field-size": e.inputFieldSize,
+      "input-style": e.inputStyle,
+      "show-error": i.value,
+      error_message: n.value,
+      "supporting-hint-message": n.value || e.supportingHintMessage,
+      "initial-hint-text": i.value || e.initialHintText
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "add-on-leading-text", "trailing-text", "trailing_text", "date-picker", "time-picker", "info-icon", "tooltip-text", "pre-icon", "show-end-icon", "is-disabled", "input-field-size", "input-style", "show-error", "error_message", "supporting-hint-message", "initial-hint-text"]));
+  }
+});
+export {
+  F as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldVeeValidate.vue2.js

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