@caipira/tamandua 0.0.38 → 0.0.39

package/dist/Modal.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js";
-import { p } from "./plugin-BZC231Oj.js";
+import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-aQ-G7tuI.js";
+import { p } from "./plugin-GUvrG7aO.js";
 export {
   r as Modal,
   p as ModalPlugin

package/dist/Modal.vue_vue_type_script_setup_true_lang-aQ-G7tuI.js

@@ -0,0 +1,81 @@
+import { defineComponent as m, ref as y, onMounted as b, resolveComponent as h, openBlock as o, createElementBlock as s, normalizeClass as a, withKeys as _, createBlock as k, createCommentVNode as l, createElementVNode as c, createVNode as v, toDisplayString as w, renderSlot as n } from "vue";
+import { _ as S } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
+const x = {
+  key: 0,
+  class: "p-4 border-b border-color"
+}, B = {
+  key: 0,
+  class: "inline-block font-semibold uppercase mr-8"
+}, C = {
+  key: 1,
+  class: "flex flex-row items-center justify-between p-4 border-t border-color"
+}, z = /* @__PURE__ */ m({
+  name: "TModal",
+  __name: "Modal",
+  props: {
+    title: { default: "" },
+    showHeader: { type: Boolean, default: !0 },
+    injectStyle: { default: () => ({ wrapper: "", body: "", container: "" }) },
+    hasBackdrop: { type: Boolean, default: !0 },
+    disableStyle: { type: Boolean, default: !1 }
+  },
+  emits: ["closed"],
+  setup(d, { emit: u }) {
+    const e = d, p = u, i = y(null), r = (t) => {
+      t.stopPropagation(), p("closed");
+    };
+    return b(() => {
+      i.value?.focus();
+    }), (t, g) => {
+      const f = h("t-button");
+      return o(), s("div", {
+        class: a(["fixed inset-0 focus-visible:outline-none z-10", {
+          "flex items-center": !e.disableStyle,
+          [e.injectStyle.wrapper]: !0
+        }]),
+        tabindex: "-1",
+        ref_key: "modal",
+        ref: i,
+        onKeyup: _(r, ["esc"])
+      }, [
+        e.hasBackdrop ? (o(), k(S, {
+          key: 0,
+          class: "z-10",
+          onClick: r
+        })) : l("", !0),
+        c("div", {
+          class: a(["z-10 w-full md:w-[36rem] mx-auto", {
+            "bg-caipira-primary input-roundness shadow-2xl relative": !e.disableStyle,
+            [e.injectStyle.container]: !0
+          }])
+        }, [
+          v(f, {
+            variant: "transparent",
+            size: "lg",
+            icon: "close",
+            class: "absolute top-0 right-0",
+            onClick: r
+          }),
+          e.showHeader ? (o(), s("div", x, [
+            e.title ? (o(), s("span", B, w(e.title), 1)) : l("", !0),
+            t.$slots.header ? n(t.$slots, "header", { key: 1 }) : l("", !0)
+          ])) : l("", !0),
+          c("div", {
+            class: a(["flex flex-col flex-1 overflow-y-auto scrollbar", {
+              [e.injectStyle.body]: !0
+            }]),
+            style: { "max-height": "80vh" }
+          }, [
+            n(t.$slots, "default")
+          ], 2),
+          t.$slots.footer ? (o(), s("div", C, [
+            n(t.$slots, "footer")
+          ])) : l("", !0)
+        ], 2)
+      ], 34);
+    };
+  }
+});
+export {
+  z as _
+};

package/dist/ModalForm.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-CwaPQhNa.js";
-import { p as l } from "./plugin-COZFGFVQ.js";
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-B4dU1AzJ.js";
+import { p as l } from "./plugin-DmPqmScT.js";
 export {
   a as ModalForm,
   l as ModalFormPlugin

package/dist/{ModalForm.vue_vue_type_script_setup_true_lang-CwaPQhNa.js → ModalForm.vue_vue_type_script_setup_true_lang-B4dU1AzJ.js}

@@ -1,9 +1,9 @@
-import { defineComponent as K, ref as u, computed as L, resolveComponent as o, openBlock as l, createBlock as i, withCtx as s, createCommentVNode as d, renderSlot as M, createElementBlock as N, createVNode as m, normalizeClass as R, resolveDynamicComponent as I, mergeProps as O } from "vue";
+import { defineComponent as F, ref as d, computed as K, resolveComponent as o, openBlock as n, createBlock as i, withCtx as s, createElementVNode as L, createCommentVNode as u, renderSlot as M, createElementBlock as R, createVNode as m, normalizeClass as j, resolveDynamicComponent as H, mergeProps as I, toHandlers as O } from "vue";
 import { C as P } from "./crud-n73o4CzO.js";
-const T = {
+const T = { class: "flex items-baseline justify-between w-full" }, U = {
   key: 0,
   class: "inline-flex"
-}, q = /* @__PURE__ */ K({
+}, J = /* @__PURE__ */ F({
   name: "TModalForm",
   __name: "ModalForm",
   props: {
@@ -12,42 +12,44 @@ const T = {
     formClass: { default: "" }
   },
   emits: ["saved", "deleted", "closed"],
-  setup(k, { expose: y, emit: g }) {
-    const r = k, v = g, e = u(), p = u(!1), f = u(""), c = u(), n = L(() => r.forms.find((a) => a.key === f.value)), w = (a, t) => {
-      f.value = a, e.value = new P(n.value?.title, c), t ? e.value?.edit(t) : e.value?.show();
+  setup(y, { expose: k, emit: g }) {
+    const r = y, v = g, e = d(), p = d(!1), _ = d(""), c = d(), l = K(() => r.forms.find((a) => a.key === _.value)), w = (a, t) => {
+      _.value = a, e.value = new P(l.value?.title, c), t ? e.value?.edit(t) : e.value?.show();
     }, h = () => {
       e.value?.onSave(!p.value), v("saved");
-    }, S = () => {
+    }, x = () => {
       v("deleted"), e.value?.onDelete();
     }, b = () => {
       e.value?.delete();
-    }, x = async () => await c.value?.submit(), D = () => {
+    }, S = async () => await c.value?.submit(), V = () => {
       c.value?.reset();
-    }, V = () => {
+    }, D = () => {
       e.value?.close(), v("closed");
     };
-    return y({ open: w, delete: b, submit: x, reset: D }), (a, t) => {
-      const E = o("t-input-switch"), B = o("t-icon"), $ = o("t-dropdown"), z = o("t-popover"), C = o("t-button"), A = o("t-popconfirm"), F = o("t-modal");
-      return e.value?.visible ? (l(), i(F, {
+    return k({ open: w, delete: b, submit: S, reset: V }), (a, t) => {
+      const E = o("t-input-switch"), B = o("t-icon"), N = o("t-dropdown"), $ = o("t-popover"), C = o("t-button"), z = o("t-popconfirm"), A = o("t-modal");
+      return e.value?.visible ? (n(), i(A, {
         key: 0,
         title: e.value?.title,
-        onClosed: V
+        onClosed: D
       }, {
         header: s(() => [
-          n.value?.pinnable && !e.value?.isEditing ? (l(), i(E, {
-            key: 0,
-            modelValue: p.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (_) => p.value = _),
-            label: "Keep open",
-            class: "mt-4"
-          }, null, 8, ["modelValue"])) : d("", !0),
-          M(a.$slots, "header")
+          L("div", T, [
+            l.value?.pinnable && !e.value?.isEditing ? (n(), i(E, {
+              key: 0,
+              modelValue: p.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (f) => p.value = f),
+              label: "Keep open",
+              class: "mt-4"
+            }, null, 8, ["modelValue"])) : u("", !0),
+            M(a.$slots, "header")
+          ])
         ]),
         footer: s(() => [
-          r.options.length ? (l(), N("div", T, [
-            m(z, { placement: "bottom-start" }, {
+          r.options.length ? (n(), R("div", U, [
+            m($, { placement: "bottom-start" }, {
               content: s(() => [
-                m($, {
+                m(N, {
                   items: r.options
                 }, null, 8, ["items"])
               ]),
@@ -62,21 +64,21 @@ const T = {
               ]),
               _: 1
             })
-          ])) : (l(), i(A, {
+          ])) : (n(), i(z, {
             key: 1,
-            message: `Are you sure you want to delete this ${n.value?.title}?`,
+            message: `Are you sure you want to delete this ${l.value?.title}?`,
             onConfirm: b
           }, {
-            default: s(({ onTogglePopover: _ }) => [
-              e.value?.isEditing ? (l(), i(C, {
+            default: s(({ onTogglePopover: f }) => [
+              e.value?.isEditing ? (n(), i(C, {
                 key: 0,
                 variant: "danger",
                 icon: "trash-can-outline",
                 label: "Delete",
                 "aria-describedby": "tooltip",
                 "is-disabled": e.value?.isLoading,
-                onClick: _
-              }, null, 8, ["is-disabled", "onClick"])) : d("", !0)
+                onClick: f
+              }, null, 8, ["is-disabled", "onClick"])) : u("", !0)
             ]),
             _: 1
           }, 8, ["message"])),
@@ -85,29 +87,29 @@ const T = {
             icon: "save",
             label: e.value.isCreating ? "Add" : "Save",
             "is-disabled": e.value?.isLoading,
-            class: R({
+            class: j({
               "ml-auto": !e.value?.isEditing
             }),
             onClick: t[1] || (t[1] = () => e.value?.save())
           }, null, 8, ["label", "is-disabled", "class"])
         ]),
         default: s(() => [
-          n.value ? (l(), i(I(n.value.component), O({
+          l.value ? (n(), i(H(l.value.component), I({
             key: 0,
             id: `${e.value?.id}`,
             class: [r.formClass],
             ref_key: "formReference",
             ref: c
-          }, n.value?.events, {
-            onDeleted: S,
+          }, O(l.value?.events), {
+            onDeleted: x,
             onSaved: h
-          }), null, 16, ["id", "class"])) : d("", !0)
+          }), null, 16, ["id", "class"])) : u("", !0)
         ]),
         _: 3
-      }, 8, ["title"])) : d("", !0);
+      }, 8, ["title"])) : u("", !0);
     };
   }
 });
 export {
-  q as _
+  J as _
 };

package/dist/components.js

@@ -29,8 +29,8 @@ import { _ as or } from "./InputSwitch.vue_vue_type_script_setup_true_lang-Dq_U-
 import { _ as er } from "./InputText.vue_vue_type_script_setup_true_lang-Dyvx9Ob-.js";
 import { _ as pr } from "./InputTextarea.vue_vue_type_script_setup_true_lang-DRo5eIw4.js";
 import { _ as sr } from "./Link.vue_vue_type_script_setup_true_lang-DeBJ2UGi.js";
-import { _ as fr } from "./Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js";
-import { _ as nr } from "./ModalForm.vue_vue_type_script_setup_true_lang-CwaPQhNa.js";
+import { _ as fr } from "./Modal.vue_vue_type_script_setup_true_lang-aQ-G7tuI.js";
+import { _ as nr } from "./ModalForm.vue_vue_type_script_setup_true_lang-B4dU1AzJ.js";
 import { _ as ur } from "./Pagination.vue_vue_type_script_setup_true_lang-PLZQJUd0.js";
 import { _ as lr } from "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { _ as hr } from "./Popover.vue_vue_type_script_setup_true_lang-dnL75W40.js";

package/dist/{plugin-COZFGFVQ.js → plugin-DmPqmScT.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./ModalForm.vue_vue_type_script_setup_true_lang-CwaPQhNa.js";
+import { _ as s } from "./ModalForm.vue_vue_type_script_setup_true_lang-B4dU1AzJ.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugin-BZC231Oj.js → plugin-GUvrG7aO.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js";
+import { _ as s } from "./Modal.vue_vue_type_script_setup_true_lang-aQ-G7tuI.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugins-B36hg2A7.js → plugins-DfXmQBVL.js}

@@ -39,8 +39,8 @@ import { p as k } from "./plugin-Bbt6pP0l.js";
 import { p as w } from "./plugin-BQFwx3d5.js";
 import "./Link.vue_vue_type_script_setup_true_lang-DeBJ2UGi.js";
 import { p as x } from "./plugin-dL6oP11N.js";
-import { p as D } from "./plugin-BZC231Oj.js";
-import { p as F } from "./plugin-COZFGFVQ.js";
+import { p as D } from "./plugin-GUvrG7aO.js";
+import { p as F } from "./plugin-DmPqmScT.js";
 import { p as L } from "./plugin-YUomn9tF.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as M } from "./plugin-Ee4Z5Rtp.js";

package/dist/plugins.js

@@ -39,8 +39,8 @@ import { p as Tr } from "./plugin-Bbt6pP0l.js";
 import { p as yr } from "./plugin-BQFwx3d5.js";
 import "./Link.vue_vue_type_script_setup_true_lang-DeBJ2UGi.js";
 import { p as Cr } from "./plugin-dL6oP11N.js";
-import { p as Sr } from "./plugin-BZC231Oj.js";
-import { p as vr } from "./plugin-COZFGFVQ.js";
+import { p as Sr } from "./plugin-GUvrG7aO.js";
+import { p as vr } from "./plugin-DmPqmScT.js";
 import { p as Dr } from "./plugin-YUomn9tF.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as Lr } from "./plugin-Ee4Z5Rtp.js";

package/dist/tamandua.js

@@ -1,4 +1,4 @@
-import { p as n } from "./plugins-B36hg2A7.js";
+import { p as n } from "./plugins-DfXmQBVL.js";
 const o = {
   install(s) {
     for (const i in n)

package/dist/types/components/ModalForm/model-form.story.d.ts

@@ -0,0 +1,35 @@
+import { FormSchema } from '../../types/form.js';
+
+declare const _default: {
+    title: string;
+    args: {};
+    argTypes: {};
+};
+export default _default;
+export declare const ModalForm: (args: any) => {
+    components: {
+        Form: {
+            setup(): {
+                schema: FormSchema;
+            };
+            emits: string[];
+            name: string;
+            template: string;
+        };
+    };
+    setup(): {
+        args: any;
+        modalForm: import('vue').Ref<any>;
+        onChange: () => void;
+        openForm: () => void;
+        Form: {
+            setup(): {
+                schema: FormSchema;
+            };
+            emits: string[];
+            name: string;
+            template: string;
+        };
+    };
+    template: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.38",
+    "version": "0.0.39",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",

package/dist/Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js

@@ -1,82 +0,0 @@
-import { defineComponent as m, ref as y, onMounted as b, resolveComponent as _, openBlock as o, createElementBlock as l, normalizeClass as n, withKeys as h, createBlock as k, createCommentVNode as s, createElementVNode as a, toDisplayString as w, renderSlot as i, createVNode as v } from "vue";
-import { _ as x } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
-const S = {
-  key: 0,
-  class: "flex justify-between items-center p-4 border-b border-color"
-}, B = { class: "" }, C = {
-  key: 0,
-  class: "inline-block font-semibold uppercase mr-8"
-}, j = {
-  key: 1,
-  class: "flex flex-row items-center justify-between p-4 border-t border-color"
-}, M = /* @__PURE__ */ m({
-  name: "TModal",
-  __name: "Modal",
-  props: {
-    title: { default: "" },
-    showHeader: { type: Boolean, default: !0 },
-    injectStyle: { default: () => ({ wrapper: "", body: "", container: "" }) },
-    hasBackdrop: { type: Boolean, default: !0 },
-    disableStyle: { type: Boolean, default: !1 }
-  },
-  emits: ["closed"],
-  setup(d, { emit: u }) {
-    const e = d, p = u, c = y(null), r = (t) => {
-      t.stopPropagation(), p("closed");
-    };
-    return b(() => {
-      c.value?.focus();
-    }), (t, $) => {
-      const f = _("t-icon");
-      return o(), l("div", {
-        class: n(["fixed inset-0 focus-visible:outline-none z-10", {
-          "flex items-center": !e.disableStyle,
-          [e.injectStyle.wrapper]: !0
-        }]),
-        tabindex: "-1",
-        ref_key: "modal",
-        ref: c,
-        onKeyup: h(r, ["esc"])
-      }, [
-        e.hasBackdrop ? (o(), k(x, {
-          key: 0,
-          class: "z-10",
-          onClick: r
-        })) : s("", !0),
-        a("div", {
-          class: n(["z-10 w-full md:w-[36rem] mx-auto", {
-            "bg-caipira-primary input-roundness shadow-2xl": !e.disableStyle,
-            [e.injectStyle.container]: !0
-          }])
-        }, [
-          e.showHeader ? (o(), l("div", S, [
-            a("div", B, [
-              e.title ? (o(), l("span", C, w(e.title), 1)) : s("", !0),
-              t.$slots.header ? i(t.$slots, "header", { key: 1 }) : s("", !0)
-            ]),
-            v(f, {
-              icon: "close",
-              role: "button",
-              class: "text-neutral-600",
-              onClick: r
-            })
-          ])) : s("", !0),
-          a("div", {
-            class: n(["flex flex-col flex-1 overflow-y-auto scrollbar", {
-              [e.injectStyle.body]: !0
-            }]),
-            style: { "max-height": "80vh" }
-          }, [
-            i(t.$slots, "default")
-          ], 2),
-          t.$slots.footer ? (o(), l("div", j, [
-            i(t.$slots, "footer")
-          ])) : s("", !0)
-        ], 2)
-      ], 34);
-    };
-  }
-});
-export {
-  M as _
-};