@caipira/tamandua 0.0.103 → 0.0.104

package/dist/Alert.js

@@ -1,5 +1,5 @@
-import { _ as o } from "./Alert.vue_vue_type_script_setup_true_lang-CAGHRWvs.js";
-import { p as l } from "./plugin-W9_PLHv4.js";
+import { _ as o } from "./Alert.vue_vue_type_script_setup_true_lang-BBRsz4y8.js";
+import { p as l } from "./plugin-BXHzcN55.js";
 export {
   o as Alert,
   l as AlertPlugin

package/dist/Alert.vue_vue_type_script_setup_true_lang-BBRsz4y8.js

@@ -0,0 +1,88 @@
+import { defineComponent as V, ref as w, computed as x, resolveComponent as n, openBlock as t, createBlock as A, withCtx as m, createElementBlock as a, Fragment as p, createVNode as o, renderSlot as N, createElementVNode as s, toDisplayString as _, createTextVNode as y, withKeys as B, createCommentVNode as D } from "vue";
+const E = {
+  key: 1,
+  class: "p-4"
+}, H = { class: "font-semibold" }, K = ["innerHTML"], L = {
+  key: 2,
+  class: "p-4 flex flex-col gap-2"
+}, M = { class: "select-all italic" }, S = /* @__PURE__ */ s("div", null, null, -1), j = /* @__PURE__ */ V({
+  name: "TAlert",
+  __name: "Alert",
+  props: {
+    type: { default: "alert" },
+    title: { default: "Confirm action" },
+    message: { default: "Do you want to proceed with this action?" },
+    closeTitle: { default: "Close" },
+    cancelTitle: { default: "Cancel" },
+    confirmTitle: { default: "Confirm" },
+    confirmationValue: { default: "confirm" }
+  },
+  emits: ["closed", "confirmed"],
+  setup(h, { emit: b }) {
+    const e = h, d = b, c = w(""), i = () => {
+      d("closed");
+    }, u = () => {
+      const l = e.type === "type-confirm" ? c.value : void 0;
+      d("confirmed", l);
+    }, C = x(() => Array.isArray(e.message) ? e.message.join("<br /><br />") : e.message || "");
+    return (l, f) => {
+      const v = n("t-graphy-label"), k = n("t-input-text"), r = n("t-button"), T = n("t-modal");
+      return t(), A(T, {
+        "show-header": !1,
+        "can-close": !1,
+        onClosed: i
+      }, {
+        footer: m(() => [
+          ["confirm", "type-confirm"].includes(e.type) ? (t(), a(p, { key: 0 }, [
+            o(r, {
+              variant: "transparent",
+              label: e.cancelTitle,
+              onClick: i
+            }, null, 8, ["label"]),
+            o(r, {
+              variant: "default",
+              label: e.confirmTitle,
+              onClick: u
+            }, null, 8, ["label"])
+          ], 64)) : (t(), a(p, { key: 1 }, [
+            S,
+            o(r, {
+              variant: "transparent",
+              label: e.closeTitle,
+              onClick: i
+            }, null, 8, ["label"])
+          ], 64))
+        ]),
+        default: m(() => [
+          l.$slots.default ? N(l.$slots, "default", { key: 0 }) : (t(), a("div", E, [
+            s("h3", H, _(e.title), 1),
+            s("p", {
+              innerHTML: C.value,
+              class: "mt-4"
+            }, null, 8, K)
+          ])),
+          e.type === "type-confirm" ? (t(), a("div", L, [
+            o(v, null, {
+              default: m(() => [
+                y(" To confirm, type "),
+                s("b", M, _(e.confirmationValue), 1),
+                y(" below: ")
+              ]),
+              _: 1
+            }),
+            o(k, {
+              modelValue: c.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (g) => c.value = g),
+              placeholder: e.confirmationValue,
+              onKeyup: B(u, ["enter"])
+            }, null, 8, ["modelValue", "placeholder"])
+          ])) : D("", !0)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  j as _
+};

package/dist/DialogProvider.js

@@ -1,5 +1,5 @@
-import { _ as i } from "./DialogProvider.vue_vue_type_script_setup_true_lang-DdpepOBn.js";
-import { p as e } from "./plugin-NlTwzbQb.js";
+import { _ as i } from "./DialogProvider.vue_vue_type_script_setup_true_lang-ByNINsSh.js";
+import { p as e } from "./plugin-ndofoJoM.js";
 export {
   i as DialogProvider,
   e as DialogProviderPlugin

package/dist/{DialogProvider.vue_vue_type_script_setup_true_lang-DdpepOBn.js → DialogProvider.vue_vue_type_script_setup_true_lang-ByNINsSh.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, resolveComponent as t, openBlock as e, createElementBlock as n, Fragment as r, renderList as l, unref as s, createBlock as m, mergeProps as i } from "vue";
-import { u as d } from "./useDialog-BOJPIAnz.js";
+import { u as d } from "./useDialog-jyWJVydI.js";
 const B = /* @__PURE__ */ p({
   name: "TDialogProvider",
   __name: "DialogProvider",

package/dist/components.js

@@ -1,10 +1,10 @@
-import { _ as e } from "./Alert.vue_vue_type_script_setup_true_lang-CAGHRWvs.js";
+import { _ as e } from "./Alert.vue_vue_type_script_setup_true_lang-BBRsz4y8.js";
 import { _ as p } from "./Avatar.vue_vue_type_script_setup_true_lang-ruTtveHD.js";
 import { _ as s } from "./Backdrop.vue_vue_type_script_setup_true_lang-Dyo6_-EM.js";
 import { _ as f } from "./Button.vue_vue_type_script_setup_true_lang-zvMC7Ucn.js";
 import { _ as n } from "./ChartLine.vue_vue_type_style_index_0_lang-DO_gKCe4.js";
 import { _ as u } from "./ChartTreemap.vue_vue_type_script_setup_true_lang-CLi_IXfP.js";
-import { _ as l } from "./DialogProvider.vue_vue_type_script_setup_true_lang-DdpepOBn.js";
+import { _ as l } from "./DialogProvider.vue_vue_type_script_setup_true_lang-ByNINsSh.js";
 import { D as c } from "./Drawer-y5xBARd2.js";
 import { _ as T } from "./Dropdown.vue_vue_type_script_setup_true_lang-BSnpkGOU.js";
 import { _ as d } from "./FileDrop.vue_vue_type_script_setup_true_lang-Bq0lAgZ7.js";

package/dist/composables.js

@@ -1,6 +1,6 @@
 import { ref as o, getCurrentInstance as l } from "vue";
 import { u as O } from "./useClipboard-BHFD0Jvv.js";
-import { u as R } from "./useDialog-BOJPIAnz.js";
+import { u as R } from "./useDialog-jyWJVydI.js";
 const f = 640, d = 768, c = 1024, n = o(window.innerWidth), s = o(!1), i = o(!1), a = o(!1), u = (e) => {
   n.value = e ? e.target.innerWidth : window.innerWidth, s.value = n.value >= f, i.value = n.value >= d, a.value = n.value >= c;
 };

package/dist/{plugin-W9_PLHv4.js → plugin-BXHzcN55.js}

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

package/dist/{plugin-NlTwzbQb.js → plugin-ndofoJoM.js}

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

package/dist/{plugins-CVA2j6EE.js → plugins-DVANxwGD.js}

@@ -1,5 +1,5 @@
 import "vue";
-import { p } from "./plugin-W9_PLHv4.js";
+import { p } from "./plugin-BXHzcN55.js";
 import "./Avatar.vue_vue_type_script_setup_true_lang-ruTtveHD.js";
 import { p as i } from "./plugin-BFtH9rXg.js";
 import { p as r } from "./plugin-AU2qI2I9.js";
@@ -9,8 +9,8 @@ import "./transform-DSaNEFMr.js";
 import "./ChartLine.vue_vue_type_style_index_0_lang-DO_gKCe4.js";
 import { p as n } from "./plugin-DDXOF4cU.js";
 import { p as m } from "./plugin-CyDnzy2n.js";
-import "./useDialog-BOJPIAnz.js";
-import { p as t } from "./plugin-NlTwzbQb.js";
+import "./useDialog-jyWJVydI.js";
+import { p as t } from "./plugin-ndofoJoM.js";
 import "./Drawer-y5xBARd2.js";
 import { p as u } from "./plugin-JMSzJgz5.js";
 import "./Dropdown.vue_vue_type_script_setup_true_lang-BSnpkGOU.js";

package/dist/plugins.js

@@ -1,5 +1,5 @@
 import "vue";
-import { p as D } from "./plugin-W9_PLHv4.js";
+import { p as D } from "./plugin-BXHzcN55.js";
 import "./Avatar.vue_vue_type_script_setup_true_lang-ruTtveHD.js";
 import { p as S } from "./plugin-BFtH9rXg.js";
 import { p as w } from "./plugin-AU2qI2I9.js";
@@ -9,8 +9,8 @@ import "./transform-DSaNEFMr.js";
 import "./ChartLine.vue_vue_type_style_index_0_lang-DO_gKCe4.js";
 import { p as M } from "./plugin-DDXOF4cU.js";
 import { p as E } from "./plugin-CyDnzy2n.js";
-import "./useDialog-BOJPIAnz.js";
-import { p as j } from "./plugin-NlTwzbQb.js";
+import "./useDialog-jyWJVydI.js";
+import { p as j } from "./plugin-ndofoJoM.js";
 import "./Drawer-y5xBARd2.js";
 import { p as z } from "./plugin-JMSzJgz5.js";
 import "./Dropdown.vue_vue_type_script_setup_true_lang-BSnpkGOU.js";

package/dist/tamandua.js

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

package/dist/types/components/Alert/Alert.story.d.ts

@@ -9,9 +9,9 @@ export declare const Alert: (args: any) => {
         open: import('vue').Ref<boolean>;
         title: import('vue').Ref<string>;
         message: import('vue').Ref<string>;
-        confirm: import('vue').Ref<boolean>;
+        type: string;
         alert: (options: import('./types.js').AlertProps & {
-            onConfirm?: () => void;
+            onConfirm?: (confirmation?: string) => void;
             onClose?: () => void;
         }) => void;
     };

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

@@ -4,32 +4,35 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
+    type: string;
     title: string;
     message: string;
-    confirm: boolean;
     closeTitle: string;
     cancelTitle: string;
     confirmTitle: string;
+    confirmationValue: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     closed: (val?: any) => void;
-    confirmed: () => void;
+    confirmed: (val?: string | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
+    type: string;
     title: string;
     message: string;
-    confirm: boolean;
     closeTitle: string;
     cancelTitle: string;
     confirmTitle: string;
+    confirmationValue: string;
 }>>> & {
     onClosed?: ((val?: any) => any) | undefined;
-    onConfirmed?: (() => any) | undefined;
+    onConfirmed?: ((val?: string | undefined) => any) | undefined;
 }, {
+    type: "alert" | "confirm" | "type-confirm";
     title: string;
     message: string | string[];
-    confirm: boolean;
     closeTitle: string;
     cancelTitle: string;
     confirmTitle: string;
+    confirmationValue: string;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/types/components/Alert/types.d.ts

@@ -1,12 +1,42 @@
 export type AlertProps = {
+    /**
+     * Type of alert.
+     *
+     * 'alert' - Simple alert with a close button.
+     * 'confirm' - Confirmation alert with confirm and cancel buttons.
+     * 'type-confirm' - Confirmation alert where the user must type a
+     *                  specific value to confirm the action.
+     */
+    type?: "alert" | "confirm" | "type-confirm";
+    /**
+     * Alert title.
+     */
     title?: string;
+    /**
+     * Alert message.
+     */
     message?: string | string[];
-    confirm?: boolean;
+    /**
+     * Title for the close button, in case of 'alert' type.
+     */
     closeTitle?: string;
+    /**
+     * Title for the cancel button, in case of 'confirm' or 'type-confirm'
+     * type.
+     */
     cancelTitle?: string;
+    /**
+     * Title for the confirm button, in case of 'confirm' or 'type-confirm'
+     * type.
+     */
     confirmTitle?: string;
+    /**
+     * If type is 'type-confirm', the user must type this value to confirm
+     * the action.
+     */
+    confirmationValue?: string;
 };
 export type AlertEvents = {
     (e: "closed", val?: any): void;
-    (e: "confirmed"): void;
+    (e: "confirmed", val?: string): void;
 };

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

@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:model-value"?: ((value: any[]) => any) | undefined;
 }, {
     size: `${FormControlSize}`;
-    component: import("vue").Component | "t-input-text" | "t-input-phone";
+    component: "t-input-text" | import("vue").Component | "t-input-phone";
     inputProps: any;
     listeners: {
         [key: string]: (...args: any[]) => void;

package/dist/types/composables/useDialog.d.ts

@@ -5,7 +5,7 @@ type ModalOptions = ModalProps & {
     onClose?: () => void;
 };
 type AlertOptions = AlertProps & {
-    onConfirm?: () => void;
+    onConfirm?: (confirmation?: string) => void;
     onClose?: () => void;
 };
 export default function useDialog(): {
@@ -447,23 +447,25 @@ export default function useDialog(): {
     alerts: import('vue').Ref<{
         id: string;
         events: {
+            type?: "alert" | "confirm" | "type-confirm" | undefined;
             title?: string | undefined;
             message?: string | string[] | undefined;
-            confirm?: boolean | undefined;
             closeTitle?: string | undefined;
             cancelTitle?: string | undefined;
             confirmTitle?: string | undefined;
-            onConfirm?: (() => void) | undefined;
+            confirmationValue?: string | undefined;
+            onConfirm?: ((confirmation?: string) => void) | undefined;
             onClose?: (() => void) | undefined;
         };
         options: {
+            type?: "alert" | "confirm" | "type-confirm" | undefined;
             title?: string | undefined;
             message?: string | string[] | undefined;
-            confirm?: boolean | undefined;
             closeTitle?: string | undefined;
             cancelTitle?: string | undefined;
             confirmTitle?: string | undefined;
-            onConfirm?: (() => void) | undefined;
+            confirmationValue?: string | undefined;
+            onConfirm?: ((confirmation?: string) => void) | undefined;
             onClose?: (() => void) | undefined;
         };
     }[]>;

package/dist/{useDialog-BOJPIAnz.js → useDialog-jyWJVydI.js}

@@ -1,6 +1,6 @@
-import { ref as c, markRaw as r } from "vue";
+import { ref as c, markRaw as d } from "vue";
 const i = c([]), t = c([]);
-function u() {
+function m() {
   const a = () => Date.now().toString(), l = (e, n) => {
     const s = e.findIndex((o) => o.id === n);
     s !== -1 && e.splice(s, 1);
@@ -14,7 +14,7 @@ function u() {
           e?.onClose && e.onClose(), l(i.value, n);
         }
       }, o = { ...e };
-      delete o?.onClose, "is" in o && o.is && (o.is = r(o.is)), i.value.push({
+      delete o?.onClose, "is" in o && o.is && (o.is = d(o.is)), i.value.push({
         id: n,
         events: s,
         options: o
@@ -25,8 +25,8 @@ function u() {
         onClose: () => {
           e?.onClose && e.onClose(), l(t.value, n);
         },
-        onConfirm: () => {
-          e?.onConfirm && e.onConfirm(), l(t.value, n);
+        onConfirm: (r) => {
+          e?.onConfirm && e.onConfirm(r), l(t.value, n);
         }
       }, o = { ...e };
       delete o?.onClose, delete o?.onConfirm, t.value.push({
@@ -38,5 +38,5 @@ function u() {
   };
 }
 export {
-  u
+  m as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.103",
+    "version": "0.0.104",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",
@@ -13,6 +13,10 @@
         "type": "git",
         "url": "git+https://github.com/caipira-io/tamandua.git"
     },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
     "type": "module",
     "typesVersions": {
         "*": {

package/dist/Alert.vue_vue_type_script_setup_true_lang-CAGHRWvs.js

@@ -1,67 +0,0 @@
-import { defineComponent as b, computed as h, resolveComponent as i, openBlock as t, createBlock as k, withCtx as m, createElementBlock as n, Fragment as d, createVNode as a, renderSlot as y, createElementVNode as s, toDisplayString as T } from "vue";
-const g = {
-  key: 1,
-  class: "p-4"
-}, v = { class: "font-semibold" }, w = ["innerHTML"], A = /* @__PURE__ */ s("div", null, null, -1), E = /* @__PURE__ */ b({
-  name: "TAlert",
-  __name: "Alert",
-  props: {
-    title: { default: "Confirm action" },
-    message: { default: "Do you want to proceed with this action?" },
-    confirm: { type: Boolean, default: !1 },
-    closeTitle: { default: "Close" },
-    cancelTitle: { default: "Cancel" },
-    confirmTitle: { default: "Confirm" }
-  },
-  emits: ["closed", "confirmed"],
-  setup(f, { emit: u }) {
-    const e = f, c = u, o = () => {
-      c("closed");
-    }, p = () => {
-      c("confirmed");
-    }, _ = h(() => Array.isArray(e.message) ? e.message.join("<br /><br />") : e.message || "");
-    return (r, B) => {
-      const l = i("t-button"), C = i("t-modal");
-      return t(), k(C, {
-        "show-header": !1,
-        "can-close": !1,
-        onClosed: o
-      }, {
-        footer: m(() => [
-          e.confirm ? (t(), n(d, { key: 0 }, [
-            a(l, {
-              variant: "transparent",
-              label: e.cancelTitle,
-              onClick: o
-            }, null, 8, ["label"]),
-            a(l, {
-              variant: "default",
-              label: e.confirmTitle,
-              onClick: p
-            }, null, 8, ["label"])
-          ], 64)) : (t(), n(d, { key: 1 }, [
-            A,
-            a(l, {
-              variant: "transparent",
-              label: e.closeTitle,
-              onClick: o
-            }, null, 8, ["label"])
-          ], 64))
-        ]),
-        default: m(() => [
-          r.$slots.default ? y(r.$slots, "default", { key: 0 }) : (t(), n("div", g, [
-            s("h3", v, T(e.title), 1),
-            s("p", {
-              innerHTML: _.value,
-              class: "mt-4"
-            }, null, 8, w)
-          ]))
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-export {
-  E as _
-};