@soft-stech/bootsman-ui-shadcn 1.3.8 → 1.3.10

package/src/components/ui/auto-form/constant.ts

@@ -6,6 +6,8 @@ import BuiAutoFormFieldFile from './BuiAutoFormFieldFile.vue'
 import BuiAutoFormFieldInput from './BuiAutoFormFieldInput.vue'
 import BuiAutoFormFieldNumber from './BuiAutoFormFieldNumber.vue'
 import BuiAutoFormFieldObject from './BuiAutoFormFieldObject.vue'
+import BuiAutoFormFieldObjectCard from './BuiAutoFormFieldObjectCard.vue'
+import BuiAutoFormFieldArrayCard from './BuiAutoFormFieldArrayCard.vue'
 
 export const INPUT_COMPONENTS = {
   date: BuiAutoFormFieldDate,
@@ -17,8 +19,8 @@ export const INPUT_COMPONENTS = {
   number: BuiAutoFormFieldNumber,
   string: BuiAutoFormFieldInput,
   file: BuiAutoFormFieldFile,
-  array: BuiAutoFormFieldArray,
-  object: BuiAutoFormFieldObject
+  array: BuiAutoFormFieldArrayCard,
+  object: BuiAutoFormFieldObjectCard
 }
 
 /**

package/src/components/ui/auto-form/index.ts

@@ -13,3 +13,5 @@ export { default as BuiAutoFormFieldFile } from './BuiAutoFormFieldFile.vue'
 export { default as BuiAutoFormFieldInput } from './BuiAutoFormFieldInput.vue'
 export { default as BuiAutoFormFieldNumber } from './BuiAutoFormFieldNumber.vue'
 export { default as BuiAutoFormFieldObject } from './BuiAutoFormFieldObject.vue'
+export { default as BuiAutoFormFieldObjectCard } from './BuiAutoFormFieldObjectCard.vue'
+export { default as BuiAutoFormFieldArrayCard } from './BuiAutoFormFieldArrayCard.vue'

package/dist/BuiAutoFormField.vue_vue_type_script_setup_true_lang-xmzLQDzl.js

@@ -1,294 +0,0 @@
-import { defineComponent as y, computed as g, provide as D, openBlock as m, createBlock as p, unref as e, withCtx as t, renderSlot as N, normalizeProps as F, guardReactiveProps as O, createVNode as o, createTextVNode as b, toDisplayString as j, createElementBlock as _, Fragment as S, renderList as E, createElementVNode as J, createCommentVNode as P, resolveDynamicComponent as Q, mergeProps as W } from "vue";
-import * as v from "zod";
-import { useField as T, FieldContextKey as I, FieldArray as X } from "vee-validate";
-import { getBaseType as V, beautifyObjectName as z, getBaseSchema as Z, getDefaultValueInZodStack as Y } from "./components/ui/auto-form/utils.js";
-import x from "./components/ui/auto-form/dependencies.js";
-import { _ as L } 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 M } from "./BuiAccordionContent.vue_vue_type_script_setup_true_lang-pCTYRg2Z.js";
-import { _ as R } from "./BuiAccordionItem.vue_vue_type_script_setup_true_lang-Dp-3E0FN.js";
-import { _ as H } 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 U } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-COw7Rwow.js";
-import { _ as se } from "./BuiFormMessage.vue_vue_type_script_setup_true_lang-DTdflpS8.js";
-import { T as oe, _ as ie } 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 te } from "./BuiAutoFormFieldDate.vue_vue_type_script_setup_true_lang-Bzg1m-ii.js";
-import { _ as q } 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 ne } from "./BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-ClLqHM1Y.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 re = ee("PlusIcon", [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-]), le = { class: "!my-4 flex justify-end" }, de = /* @__PURE__ */ y({
-  __name: "BuiAutoFormFieldArray",
-  props: {
-    fieldName: {},
-    required: { type: Boolean },
-    config: {},
-    schema: {},
-    disabled: { type: Boolean }
-  },
-  setup(f) {
-    const i = f;
-    function c(a) {
-      return a instanceof v.ZodArray;
-    }
-    function u(a) {
-      return a instanceof v.ZodDefault;
-    }
-    const n = g(() => {
-      if (!i.schema) return;
-      const a = c(i.schema) ? i.schema._def.type : u(i.schema) ? (
-        // @ts-expect-error missing schema
-        i.schema._def.innerType._def.type
-      ) : null;
-      return {
-        type: V(a),
-        schema: a
-      };
-    }), l = T(i.fieldName);
-    return D(I, l), (a, r) => (m(), p(e(X), {
-      as: "section",
-      name: a.fieldName
-    }, {
-      default: t(({ fields: s, remove: d, push: G }) => [
-        N(a.$slots, "default", F(O(i)), () => [
-          o(e(w), {
-            type: "multiple",
-            class: "w-full",
-            collapsible: "",
-            disabled: a.disabled,
-            "as-child": ""
-          }, {
-            default: t(() => [
-              o(e(U), null, {
-                default: t(() => [
-                  o(e(R), {
-                    value: a.fieldName,
-                    class: "border-none"
-                  }, {
-                    default: t(() => [
-                      o(e(H), null, {
-                        default: t(() => [
-                          o(L, {
-                            class: "text-base",
-                            required: a.required
-                          }, {
-                            default: t(() => [
-                              b(j(a.schema?.description || e(z)(a.fieldName)), 1)
-                            ]),
-                            _: 1
-                          }, 8, ["required"])
-                        ]),
-                        _: 1
-                      }),
-                      o(e(M), null, {
-                        default: t(() => [
-                          (m(!0), _(S, null, E(s, (h, $) => (m(), _("div", {
-                            key: h.key,
-                            class: "mb-4 p-1"
-                          }, [
-                            o(K, {
-                              "field-name": `${a.fieldName}[${$}]`,
-                              label: a.fieldName,
-                              shape: n.value,
-                              config: a.config
-                            }, null, 8, ["field-name", "label", "shape", "config"]),
-                            J("div", le, [
-                              o(e(k), {
-                                type: "button",
-                                size: "icon",
-                                variant: "secondary",
-                                onClick: (ce) => d($)
-                              }, {
-                                default: t(() => [
-                                  o(e(oe), { size: 16 })
-                                ]),
-                                _: 2
-                              }, 1032, ["onClick"])
-                            ]),
-                            h.isLast ? P("", !0) : (m(), p(e(ae), { key: 0 }))
-                          ]))), 128)),
-                          o(e(k), {
-                            type: "button",
-                            variant: "secondary",
-                            class: "mt-4 flex items-center",
-                            onClick: (h) => G(null)
-                          }, {
-                            default: t(() => [
-                              o(e(re), {
-                                class: "mr-2",
-                                size: 16
-                              }),
-                              r[0] || (r[0] = b(" Add "))
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"])
-                        ]),
-                        _: 2
-                      }, 1024),
-                      o(e(se))
-                    ]),
-                    _: 2
-                  }, 1032, ["value"])
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 2
-          }, 1032, ["disabled"])
-        ])
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-}), me = /* @__PURE__ */ y({
-  __name: "BuiAutoFormFieldObject",
-  props: {
-    fieldName: {},
-    required: { type: Boolean },
-    config: {},
-    schema: {},
-    disabled: { type: Boolean }
-  },
-  setup(f) {
-    const i = f, c = g(() => {
-      const n = {};
-      if (!i.schema) return;
-      const l = Z(i.schema)?.shape;
-      if (l)
-        return Object.keys(l).forEach((a) => {
-          const r = l[a], s = Z(r);
-          let d = s && "values" in s._def ? s._def.values : void 0;
-          !Array.isArray(d) && typeof d == "object" && (d = Object.values(d)), n[a] = {
-            type: V(r),
-            default: Y(r),
-            options: d,
-            required: !["ZodOptional", "ZodNullable"].includes(r._def.typeName),
-            schema: r
-          };
-        }), n;
-    }), u = T(i.fieldName);
-    return D(I, u), (n, l) => (m(), _("section", null, [
-      N(n.$slots, "default", F(O(i)), () => [
-        o(e(w), {
-          type: "single",
-          "as-child": "",
-          class: "w-full",
-          collapsible: "",
-          disabled: n.disabled
-        }, {
-          default: t(() => [
-            o(e(U), null, {
-              default: t(() => [
-                o(e(R), {
-                  value: n.fieldName,
-                  class: "border-none"
-                }, {
-                  default: t(() => [
-                    o(e(H), null, {
-                      default: t(() => [
-                        o(L, {
-                          class: "text-base",
-                          required: n.required
-                        }, {
-                          default: t(() => [
-                            b(j(n.schema?.description || e(z)(n.fieldName)), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["required"])
-                      ]),
-                      _: 1
-                    }),
-                    o(e(M), { class: "space-y-5 p-1" }, {
-                      default: t(() => [
-                        (m(!0), _(S, null, E(c.value, (a, r) => (m(), p(K, {
-                          key: r,
-                          config: n.config?.[r],
-                          "field-name": `${n.fieldName}.${r.toString()}`,
-                          label: r.toString(),
-                          shape: a
-                        }, null, 8, ["config", "field-name", "label", "shape"]))), 128))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["value"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ])
-    ]));
-  }
-}), C = {
-  date: te,
-  select: q,
-  radio: q,
-  checkbox: A,
-  switch: A,
-  textarea: B,
-  number: ne,
-  string: B,
-  file: ie,
-  array: de,
-  object: me
-}, fe = {
-  ZodString: "string",
-  ZodBoolean: "checkbox",
-  ZodDate: "date",
-  ZodEnum: "select",
-  ZodNativeEnum: "select",
-  ZodNumber: "number",
-  ZodArray: "array",
-  ZodObject: "object"
-}, K = /* @__PURE__ */ y({
-  __name: "BuiAutoFormField",
-  props: {
-    fieldName: {},
-    shape: {},
-    config: {}
-  },
-  setup(f) {
-    const i = f;
-    function c(s) {
-      return !!s?.component;
-    }
-    const u = g(() => {
-      if (["ZodObject", "ZodArray"].includes(i.shape?.type))
-        return { schema: i.shape?.schema };
-    }), { isDisabled: n, isHidden: l, isRequired: a, overrideOptions: r } = x(i.fieldName);
-    return (s, d) => e(l) ? P("", !0) : (m(), p(Q(c(s.config) ? typeof s.config.component == "string" ? e(C)[s.config.component] : s.config.component : e(C)[e(fe)[s.shape.type]]), W({
-      key: 0,
-      "field-name": s.fieldName,
-      label: s.shape.schema?.description,
-      required: e(a) || s.shape.required,
-      options: e(r) || s.shape.options,
-      disabled: e(n),
-      config: s.config
-    }, u.value), {
-      default: t(() => [
-        N(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["field-name", "label", "required", "options", "disabled", "config"]));
-  }
-});
-export {
-  fe as D,
-  C as I,
-  K as _,
-  de as a,
-  me as b
-};