@soft-stech/bootsman-ui-shadcn 1.3.6 → 1.3.9

package/dist/{BuiAutoForm.vue_vue_type_script_setup_true_lang-BWWNpH1I.js → BuiAutoForm.vue_vue_type_script_setup_true_lang-DyG1WRf2.js}

@@ -1,10 +1,10 @@
-import { defineComponent as b, toRefs as C, computed as c, openBlock as u, createBlock as _, resolveDynamicComponent as B, normalizeProps as y, guardReactiveProps as F, withCtx as N, renderSlot as l, createElementBlock as j, Fragment as A, renderList as O, createVNode as $ } from "vue";
-import { toTypedSchema as D } from "@vee-validate/zod";
-import { getObjectFormSchema as P, getBaseSchema as V, getBaseType as Z, getDefaultValueInZodStack as k } from "./components/ui/auto-form/utils.js";
-import { _ as E } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-xmzLQDzl.js";
+import { defineComponent as b, toRefs as C, computed as c, openBlock as u, createBlock as _, resolveDynamicComponent as B, mergeProps as y, withCtx as F, renderSlot as l, createElementBlock as N, Fragment as j, renderList as A, createVNode as O } from "vue";
+import { toTypedSchema as $ } from "@vee-validate/zod";
+import { getObjectFormSchema as D, getBaseSchema as V, getBaseType as Z, getDefaultValueInZodStack as k } from "./components/ui/auto-form/utils.js";
+import { _ as E } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-D0xFhEmy.js";
 import { provideDependencies as I } from "./components/ui/auto-form/dependencies.js";
-import { Form as R } from "vee-validate";
-const H = /* @__PURE__ */ b({
+import { Form as P } from "vee-validate";
+const z = /* @__PURE__ */ b({
   __name: "BuiAutoForm",
   props: {
     schema: {},
@@ -14,12 +14,12 @@ const H = /* @__PURE__ */ b({
   },
   emits: ["submit"],
   setup(p, { emit: d }) {
-    const n = p, f = d, { dependencies: h } = C(n);
+    const s = p, f = d, { dependencies: h } = C(s);
     I(h);
     const a = c(() => {
-      const e = {}, s = P(n.schema).shape;
-      return Object.keys(s).forEach((o) => {
-        const m = s[o], i = V(m);
+      const e = {}, n = D(s.schema).shape;
+      return Object.keys(n).forEach((o) => {
+        const m = n[o], i = V(m);
         let r = i && "values" in i._def ? i._def.values : void 0;
         !Array.isArray(r) && typeof r == "object" && (r = Object.values(r)), e[o] = {
           type: Z(m),
@@ -32,34 +32,34 @@ const H = /* @__PURE__ */ b({
     }), g = c(() => {
       const e = {};
       for (const t in a.value) {
-        const s = a.value[t];
+        const n = a.value[t];
         e[t] = {
-          shape: s,
-          config: n.fieldConfig?.[t],
+          shape: n,
+          config: s.fieldConfig?.[t],
           fieldName: t
         };
       }
       return e;
-    }), v = c(() => n.form ? "form" : R), S = c(() => n.form ? {
-      onSubmit: n.form.handleSubmit((e) => f("submit", e))
+    }), v = c(() => s.form ? "form" : P), S = c(() => s.form ? {
+      onSubmit: s.form.handleSubmit((e) => f("submit", e))
     } : {
       keepValues: !0,
-      validationSchema: D(n.schema),
+      validationSchema: $(s.schema),
       onSubmit: (t) => f("submit", t)
     });
-    return (e, t) => (u(), _(B(v.value), y(F(S.value)), {
-      default: N(() => [
+    return (e, t) => (u(), _(B(v.value), y(S.value, { class: "flex flex-col gap-5" }), {
+      default: F(() => [
         l(e.$slots, "customAutoForm", { fields: g.value }, () => [
-          (u(!0), j(A, null, O(a.value, (s, o) => l(e.$slots, o.toString(), {
+          (u(!0), N(j, null, A(a.value, (n, o) => l(e.$slots, o.toString(), {
             key: o,
-            shape: s,
+            shape: n,
             fieldName: o.toString(),
             config: e.fieldConfig?.[o]
           }, () => [
-            $(E, {
+            O(E, {
               config: e.fieldConfig?.[o],
               "field-name": o.toString(),
-              shape: s
+              shape: n
             }, null, 8, ["config", "field-name", "shape"])
           ])), 128))
         ]),
@@ -70,5 +70,5 @@ const H = /* @__PURE__ */ b({
   }
 });
 export {
-  H as _
+  z as _
 };

package/dist/BuiAutoFormField.vue_vue_type_script_setup_true_lang-D0xFhEmy.js

@@ -0,0 +1,284 @@
+import { defineComponent as y, computed as g, provide as j, openBlock as d, createBlock as u, unref as e, withCtx as r, renderSlot as $, normalizeProps as F, guardReactiveProps as O, createVNode as s, createTextVNode as b, toDisplayString as q, createElementBlock as _, Fragment as S, renderList as E, createElementVNode as M, createCommentVNode as P, resolveDynamicComponent as R, mergeProps as H } from "vue";
+import * as v from "zod";
+import { useField as T, FieldContextKey as I, FieldArray as U } from "vee-validate";
+import { getBaseType as V, beautifyObjectName as K, getBaseSchema as Z, getDefaultValueInZodStack as G } from "./components/ui/auto-form/utils.js";
+import J from "./components/ui/auto-form/dependencies.js";
+import { _ as Q } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-DzpWjTLE.js";
+import { _ as W } from "./BuiAccordion.vue_vue_type_script_setup_true_lang-nxe3iIoM.js";
+import { _ as X } from "./BuiAccordionContent.vue_vue_type_script_setup_true_lang-pCTYRg2Z.js";
+import { _ as Y } from "./BuiAccordionItem.vue_vue_type_script_setup_true_lang-Dp-3E0FN.js";
+import { _ as x } from "./BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-CtFZfwMC.js";
+import { d as ee, _ as k } from "./utils-DPuEjrVV.js";
+import { _ as ae } from "./BuiSeparator.vue_vue_type_script_setup_true_lang-DbN8eyHh.js";
+import { _ as w } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-COw7Rwow.js";
+import { _ as oe } from "./BuiFormMessage.vue_vue_type_script_setup_true_lang-DTdflpS8.js";
+import { T as se, _ as te } from "./BuiAutoFormFieldFile.vue_vue_type_script_setup_true_lang-DrJwn66q.js";
+import { _ as A } from "./BuiAutoFormFieldBoolean.vue_vue_type_script_setup_true_lang-tuxavlOe.js";
+import { _ as ie } from "./BuiAutoFormFieldDate.vue_vue_type_script_setup_true_lang-Bzg1m-ii.js";
+import { _ as C } from "./BuiAutoFormFieldEnum.vue_vue_type_script_setup_true_lang-Bqe8Rt85.js";
+import { _ as B } from "./BuiAutoFormFieldInput.vue_vue_type_script_setup_true_lang-DtBFfiOK.js";
+import { _ as re } from "./BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-ClLqHM1Y.js";
+import { _ as ne } from "./BuiCard.vue_vue_type_script_setup_true_lang-CN_UnmV6.js";
+import { _ as le } from "./BuiCardHeader.vue_vue_type_script_setup_true_lang-D9miAvuh.js";
+import { _ as me } from "./BuiCardTitle.vue_vue_type_script_setup_true_lang-B6T0EtFW.js";
+import { _ as de } from "./BuiCardContent.vue_vue_type_script_setup_true_lang-B6clSivQ.js";
+/**
+ * @license lucide-vue-next v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fe = ee("PlusIcon", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+]), ce = { class: "!my-4 flex justify-end" }, pe = /* @__PURE__ */ y({
+  __name: "BuiAutoFormFieldArray",
+  props: {
+    fieldName: {},
+    required: { type: Boolean },
+    config: {},
+    schema: {},
+    disabled: { type: Boolean }
+  },
+  setup(f) {
+    const t = f;
+    function c(a) {
+      return a instanceof v.ZodArray;
+    }
+    function p(a) {
+      return a instanceof v.ZodDefault;
+    }
+    const n = g(() => {
+      if (!t.schema) return;
+      const a = c(t.schema) ? t.schema._def.type : p(t.schema) ? (
+        // @ts-expect-error missing schema
+        t.schema._def.innerType._def.type
+      ) : null;
+      return {
+        type: V(a),
+        schema: a
+      };
+    }), l = T(t.fieldName);
+    return j(I, l), (a, i) => (d(), u(e(U), {
+      as: "section",
+      name: a.fieldName
+    }, {
+      default: r(({ fields: o, remove: m, push: L }) => [
+        $(a.$slots, "default", F(O(t)), () => [
+          s(e(W), {
+            type: "multiple",
+            class: "w-full",
+            collapsible: "",
+            disabled: a.disabled,
+            "as-child": ""
+          }, {
+            default: r(() => [
+              s(e(w), null, {
+                default: r(() => [
+                  s(e(Y), {
+                    value: a.fieldName,
+                    class: "border-none"
+                  }, {
+                    default: r(() => [
+                      s(e(x), null, {
+                        default: r(() => [
+                          s(Q, {
+                            class: "text-base",
+                            required: a.required
+                          }, {
+                            default: r(() => [
+                              b(q(a.schema?.description || e(K)(a.fieldName)), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["required"])
+                        ]),
+                        _: 1
+                      }),
+                      s(e(X), null, {
+                        default: r(() => [
+                          (d(!0), _(S, null, E(o, (h, N) => (d(), _("div", {
+                            key: h.key,
+                            class: "mb-4 p-1"
+                          }, [
+                            s(z, {
+                              "field-name": `${a.fieldName}[${N}]`,
+                              label: a.fieldName,
+                              shape: n.value,
+                              config: a.config
+                            }, null, 8, ["field-name", "label", "shape", "config"]),
+                            M("div", ce, [
+                              s(e(k), {
+                                type: "button",
+                                size: "icon",
+                                variant: "secondary",
+                                onClick: (he) => m(N)
+                              }, {
+                                default: r(() => [
+                                  s(e(se), { size: 16 })
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ]),
+                            h.isLast ? P("", !0) : (d(), u(e(ae), { key: 0 }))
+                          ]))), 128)),
+                          s(e(k), {
+                            type: "button",
+                            variant: "secondary",
+                            class: "mt-4 flex items-center",
+                            onClick: (h) => L(null)
+                          }, {
+                            default: r(() => [
+                              s(e(fe), {
+                                class: "mr-2",
+                                size: 16
+                              }),
+                              i[0] || (i[0] = b(" Add "))
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      s(e(oe))
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["disabled"])
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), ue = /* @__PURE__ */ y({
+  __name: "BuiAutoFormFieldObjectCard",
+  props: {
+    fieldName: {},
+    required: { type: Boolean },
+    config: {},
+    schema: {},
+    disabled: { type: Boolean }
+  },
+  setup(f) {
+    const t = f, c = g(() => {
+      const n = {};
+      if (!t.schema) return;
+      const l = Z(t.schema)?.shape;
+      if (l)
+        return Object.keys(l).forEach((a) => {
+          const i = l[a], o = Z(i);
+          let m = o && "values" in o._def ? o._def.values : void 0;
+          !Array.isArray(m) && typeof m == "object" && (m = Object.values(m)), n[a] = {
+            type: V(i),
+            default: G(i),
+            options: m,
+            required: !["ZodOptional", "ZodNullable"].includes(i._def.typeName),
+            schema: i
+          };
+        }), n;
+    }), p = T(t.fieldName);
+    return j(I, p), (n, l) => (d(), _("section", null, [
+      $(n.$slots, "default", F(O(t)), () => [
+        s(e(ne), {
+          "as-child": "",
+          class: "w-full border-0 shadow-none"
+        }, {
+          default: r(() => [
+            s(e(w), null, {
+              default: r(() => [
+                s(e(le), { class: "border-b-[1px] border-b-border/[0.16] py-1" }, {
+                  default: r(() => [
+                    s(e(me), { class: "py-0 text-base" }, {
+                      default: r(() => [
+                        b(q(n.schema?.description || n.fieldName.split(".")[n.fieldName.split(".").length - 1]), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                s(e(de), { class: "flex flex-col gap-5 pb-0 pr-0" }, {
+                  default: r(() => [
+                    (d(!0), _(S, null, E(c.value, (a, i) => (d(), u(z, {
+                      key: i,
+                      config: n.config?.[i],
+                      "field-name": `${n.fieldName}.${i.toString()}`,
+                      label: i.toString(),
+                      shape: a
+                    }, null, 8, ["config", "field-name", "label", "shape"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), D = {
+  date: ie,
+  select: C,
+  radio: C,
+  checkbox: A,
+  switch: A,
+  textarea: B,
+  number: re,
+  string: B,
+  file: te,
+  array: pe,
+  object: ue
+}, _e = {
+  ZodString: "string",
+  ZodBoolean: "checkbox",
+  ZodDate: "date",
+  ZodEnum: "select",
+  ZodNativeEnum: "select",
+  ZodNumber: "number",
+  ZodArray: "array",
+  ZodObject: "object"
+}, z = /* @__PURE__ */ y({
+  __name: "BuiAutoFormField",
+  props: {
+    fieldName: {},
+    shape: {},
+    config: {}
+  },
+  setup(f) {
+    const t = f;
+    function c(o) {
+      return !!o?.component;
+    }
+    const p = g(() => {
+      if (["ZodObject", "ZodArray"].includes(t.shape?.type))
+        return { schema: t.shape?.schema };
+    }), { isDisabled: n, isHidden: l, isRequired: a, overrideOptions: i } = J(t.fieldName);
+    return (o, m) => e(l) ? P("", !0) : (d(), u(R(c(o.config) ? typeof o.config.component == "string" ? e(D)[o.config.component] : o.config.component : e(D)[e(_e)[o.shape.type]]), H({
+      key: 0,
+      "field-name": o.fieldName,
+      label: o.shape.schema?.description,
+      required: e(a) || o.shape.required,
+      options: e(i) || o.shape.options,
+      disabled: e(n),
+      config: o.config
+    }, p.value), {
+      default: r(() => [
+        $(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["field-name", "label", "required", "options", "disabled", "config"]));
+  }
+});
+export {
+  _e as D,
+  D as I,
+  z as _,
+  pe as a,
+  ue as b
+};

package/dist/BuiAutoFormFieldObject.vue_vue_type_script_setup_true_lang-C7URAPKt.js

@@ -0,0 +1,96 @@
+import { defineComponent as b, computed as h, provide as g, openBlock as f, createElementBlock as m, renderSlot as y, normalizeProps as v, guardReactiveProps as N, createVNode as t, unref as o, withCtx as l, createTextVNode as $, toDisplayString as B, Fragment as S, renderList as j, createBlock as q } from "vue";
+import { useField as F, FieldContextKey as O } from "vee-validate";
+import { _ as C } from "./BuiAutoFormField.vue_vue_type_script_setup_true_lang-D0xFhEmy.js";
+import { getBaseSchema as c, getBaseType as A, getDefaultValueInZodStack as V, beautifyObjectName as Z } from "./components/ui/auto-form/utils.js";
+import { _ as k } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-DzpWjTLE.js";
+import { _ as w } from "./BuiAccordion.vue_vue_type_script_setup_true_lang-nxe3iIoM.js";
+import { _ as D } from "./BuiAccordionContent.vue_vue_type_script_setup_true_lang-pCTYRg2Z.js";
+import { _ as E } from "./BuiAccordionItem.vue_vue_type_script_setup_true_lang-Dp-3E0FN.js";
+import { _ as I } from "./BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-CtFZfwMC.js";
+import { _ as P } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-COw7Rwow.js";
+const U = /* @__PURE__ */ b({
+  __name: "BuiAutoFormFieldObject",
+  props: {
+    fieldName: {},
+    required: { type: Boolean },
+    config: {},
+    schema: {},
+    disabled: { type: Boolean }
+  },
+  setup(u) {
+    const s = u, p = h(() => {
+      const e = {};
+      if (!s.schema) return;
+      const i = c(s.schema)?.shape;
+      if (i)
+        return Object.keys(i).forEach((n) => {
+          const a = i[n], d = c(a);
+          let r = d && "values" in d._def ? d._def.values : void 0;
+          !Array.isArray(r) && typeof r == "object" && (r = Object.values(r)), e[n] = {
+            type: A(a),
+            default: V(a),
+            options: r,
+            required: !["ZodOptional", "ZodNullable"].includes(a._def.typeName),
+            schema: a
+          };
+        }), e;
+    }), _ = F(s.fieldName);
+    return g(O, _), (e, i) => (f(), m("section", null, [
+      y(e.$slots, "default", v(N(s)), () => [
+        t(o(w), {
+          type: "single",
+          "as-child": "",
+          class: "w-full",
+          collapsible: "",
+          disabled: e.disabled
+        }, {
+          default: l(() => [
+            t(o(P), null, {
+              default: l(() => [
+                t(o(E), {
+                  value: e.fieldName,
+                  class: "border-none"
+                }, {
+                  default: l(() => [
+                    t(o(I), null, {
+                      default: l(() => [
+                        t(k, {
+                          class: "text-base",
+                          required: e.required
+                        }, {
+                          default: l(() => [
+                            $(B(e.schema?.description || o(Z)(e.fieldName)), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["required"])
+                      ]),
+                      _: 1
+                    }),
+                    t(o(D), { class: "space-y-5 p-1" }, {
+                      default: l(() => [
+                        (f(!0), m(S, null, j(p.value, (n, a) => (f(), q(C, {
+                          key: a,
+                          config: e.config?.[a],
+                          "field-name": `${e.fieldName}.${a.toString()}`,
+                          label: a.toString(),
+                          shape: n
+                        }, null, 8, ["config", "field-name", "label", "shape"]))), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ]));
+  }
+});
+export {
+  U as _
+};