@caipira/tamandua 0.0.37 → 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-Da80UtoI.js";
-import { p as l } from "./plugin-BqzDqLcd.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-B4dU1AzJ.js

@@ -0,0 +1,115 @@
+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 = { class: "flex items-baseline justify-between w-full" }, U = {
+  key: 0,
+  class: "inline-flex"
+}, J = /* @__PURE__ */ F({
+  name: "TModalForm",
+  __name: "ModalForm",
+  props: {
+    forms: {},
+    options: { default: () => [] },
+    formClass: { default: "" }
+  },
+  emits: ["saved", "deleted", "closed"],
+  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");
+    }, x = () => {
+      v("deleted"), e.value?.onDelete();
+    }, b = () => {
+      e.value?.delete();
+    }, S = async () => await c.value?.submit(), V = () => {
+      c.value?.reset();
+    }, D = () => {
+      e.value?.close(), v("closed");
+    };
+    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: D
+      }, {
+        header: s(() => [
+          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 ? (n(), R("div", U, [
+            m($, { placement: "bottom-start" }, {
+              content: s(() => [
+                m(N, {
+                  items: r.options
+                }, null, 8, ["items"])
+              ]),
+              default: s(() => [
+                m(B, {
+                  icon: "dots-vertical",
+                  class: "text-lg mr-6",
+                  size: "sm",
+                  role: "button",
+                  "aria-describedby": "tooltip"
+                })
+              ]),
+              _: 1
+            })
+          ])) : (n(), i(z, {
+            key: 1,
+            message: `Are you sure you want to delete this ${l.value?.title}?`,
+            onConfirm: b
+          }, {
+            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: f
+              }, null, 8, ["is-disabled", "onClick"])) : u("", !0)
+            ]),
+            _: 1
+          }, 8, ["message"])),
+          m(C, {
+            variant: "success",
+            icon: "save",
+            label: e.value.isCreating ? "Add" : "Save",
+            "is-disabled": e.value?.isLoading,
+            class: j({
+              "ml-auto": !e.value?.isEditing
+            }),
+            onClick: t[1] || (t[1] = () => e.value?.save())
+          }, null, 8, ["label", "is-disabled", "class"])
+        ]),
+        default: s(() => [
+          l.value ? (n(), i(H(l.value.component), I({
+            key: 0,
+            id: `${e.value?.id}`,
+            class: [r.formClass],
+            ref_key: "formReference",
+            ref: c
+          }, O(l.value?.events), {
+            onDeleted: x,
+            onSaved: h
+          }), null, 16, ["id", "class"])) : u("", !0)
+        ]),
+        _: 3
+      }, 8, ["title"])) : u("", !0);
+    };
+  }
+});
+export {
+  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-Da80UtoI.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/{crud-TcRx_r8S.js → crud-n73o4CzO.js}

@@ -52,7 +52,7 @@ class h {
     this.formReference && (this.isLoading = !0, this.formReference.delete());
   }
   onDelete(e = !0) {
-    e && this.close(), this.reset();
+    this.reset(), e && this.close();
   }
 }
 export {

package/dist/form2.js

@@ -1,4 +1,4 @@
-import { C as i } from "./crud-TcRx_r8S.js";
+import { C as i } from "./crud-n73o4CzO.js";
 const e = (r) => {
   const o = new FormData();
   if (r)

package/dist/{plugin-BqzDqLcd.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-Da80UtoI.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-DLfHiPSG.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-BqzDqLcd.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-BqzDqLcd.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-DLfHiPSG.js";
+import { p as n } from "./plugins-DfXmQBVL.js";
 const o = {
   install(s) {
     for (const i in n)

package/dist/types/components/ModalForm/ModalForm.vue.d.ts

@@ -1,6 +1,6 @@
 import { ModalFormProps } from './types.js';
 
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalFormProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalFormProps>, {
     options: () => never[];
     formClass: string;
 }>, {
@@ -13,6 +13,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     reset: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     saved: () => void;
+    deleted: () => void;
     closed: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalFormProps>, {
     options: () => never[];
@@ -20,10 +21,13 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClosed?: (() => any) | undefined;
     onSaved?: (() => any) | undefined;
+    onDeleted?: (() => any) | undefined;
 }, {
     options: import("../types.js").InputSelectOption[];
     formClass: string;
-}, {}>;
+}, {}>, {
+    header?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -42,3 +46,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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/dist/types/components/ModalForm/types.d.ts

@@ -7,6 +7,7 @@ export type FormItem = {
     title: string;
     component: ComponentExposed<typeof Form>;
     pinnable?: boolean;
+    events?: Record<string, (e: any) => void>;
 };
 export type ModalFormProps = {
     forms: FormItem[];
@@ -15,5 +16,6 @@ export type ModalFormProps = {
 };
 export type ModalFormEvents = {
     (e: "saved"): void;
+    (e: "deleted"): void;
     (e: "closed"): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.37",
+    "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 _
-};

package/dist/ModalForm.vue_vue_type_script_setup_true_lang-Da80UtoI.js

@@ -1,108 +0,0 @@
-import { defineComponent as M, ref as c, computed as N, resolveComponent as o, openBlock as n, createBlock as a, withCtx as l, createCommentVNode as d, createElementBlock as R, createVNode as m, normalizeClass as b, resolveDynamicComponent as $ } from "vue";
-import { C as A } from "./crud-TcRx_r8S.js";
-const I = {
-  key: 0,
-  class: "inline-flex"
-}, U = /* @__PURE__ */ M({
-  name: "TModalForm",
-  __name: "ModalForm",
-  props: {
-    forms: {},
-    options: { default: () => [] },
-    formClass: { default: "" }
-  },
-  emits: ["saved", "closed"],
-  setup(y, { expose: C, emit: k }) {
-    const i = y, v = k, e = c(), p = c(!1), f = c(""), r = c(), s = N(() => i.forms.find((u) => u.key === f.value)), g = (u, t) => {
-      f.value = u, e.value = new A(s.value?.title, r), t ? e.value?.edit(t) : e.value?.show();
-    }, w = () => {
-      e.value?.onSave(!p.value), v("saved");
-    }, x = () => {
-      e.value?.delete();
-    }, S = async () => await r.value?.submit(), V = () => {
-      r.value?.reset();
-    }, D = () => {
-      e.value?.close(), v("closed");
-    };
-    return C({ open: g, delete: x, submit: S, reset: V }), (u, t) => {
-      const E = o("t-input-switch"), B = o("t-icon"), h = o("t-dropdown"), z = o("t-popover"), _ = o("t-button"), F = o("t-popconfirm"), K = o("t-modal");
-      return e.value?.visible ? (n(), a(K, {
-        key: 0,
-        title: e.value?.title,
-        onClosed: D
-      }, {
-        header: l(() => [
-          s.value?.pinnable && !e.value?.isEditing ? (n(), a(E, {
-            key: 0,
-            modelValue: p.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (L) => p.value = L),
-            label: "Keep open",
-            class: "mt-4"
-          }, null, 8, ["modelValue"])) : d("", !0)
-        ]),
-        footer: l(() => [
-          i.options.length ? (n(), R("div", I, [
-            m(z, { placement: "bottom-start" }, {
-              content: l(() => [
-                m(h, {
-                  items: i.options
-                }, null, 8, ["items"])
-              ]),
-              default: l(() => [
-                m(B, {
-                  icon: "dots-vertical",
-                  class: "text-lg mr-6",
-                  size: "sm",
-                  role: "button",
-                  "aria-describedby": "tooltip"
-                })
-              ]),
-              _: 1
-            })
-          ])) : (n(), a(F, {
-            key: 1,
-            message: `Are you sure you want to delete this ${s.value?.title}?`,
-            onConfirm: t[2] || (t[2] = () => e.value?.delete())
-          }, {
-            default: l(() => [
-              e.value?.isEditing ? (n(), a(_, {
-                key: 0,
-                variant: "danger",
-                icon: "trash-can-outline",
-                label: "Delete",
-                "aria-describedby": "tooltip",
-                "is-disabled": e.value?.isLoading
-              }, null, 8, ["is-disabled"])) : d("", !0)
-            ]),
-            _: 1
-          }, 8, ["message"])),
-          m(_, {
-            variant: "success",
-            icon: "save",
-            label: "Save",
-            "is-disabled": e.value?.isLoading,
-            class: b({
-              "ml-auto": !e.value?.isEditing
-            }),
-            onClick: t[3] || (t[3] = () => e.value?.save())
-          }, null, 8, ["is-disabled", "class"])
-        ]),
-        default: l(() => [
-          s.value ? (n(), a($(s.value.component), {
-            key: 0,
-            id: `${e.value?.id}`,
-            class: b([i.formClass]),
-            ref_key: "formReference",
-            ref: r,
-            onDeleted: t[1] || (t[1] = () => e.value?.onDelete()),
-            onSaved: w
-          }, null, 40, ["id", "class"])) : d("", !0)
-        ]),
-        _: 1
-      }, 8, ["title"])) : d("", !0);
-    };
-  }
-});
-export {
-  U as _
-};