@caipira/tamandua 0.0.33 → 0.0.35

package/dist/Form.js

@@ -1,5 +1,5 @@
-import { _ as m } from "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as a } from "./plugin-DF8iyfN5.js";
+import { _ as m } from "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as a } from "./plugin-BkoyYU7S.js";
 export {
   m as Form,
   a as FormPlugin

package/dist/Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js

@@ -0,0 +1,205 @@
+import { reactive as C, defineComponent as A, ref as y, watch as P, provide as _, resolveComponent as T, openBlock as N, createElementBlock as O, renderSlot as B, unref as J, createElementVNode as E, normalizeClass as R, withDirectives as W, createVNode as j, mergeProps as K, vShow as M } from "vue";
+import { B as z } from "./ui-BC6H9E93.js";
+import { F as s, a as p } from "./form-BkXpIJ0e.js";
+import { f as L } from "./index-CjvqeRf7.js";
+const w = (t) => t ? L(t, "yyyy-MM-dd") : "", F = (t) => [`${t?.iso}`, `${t?.value}`], h = (t) => t?.iso2 ?? "", S = async (t) => t?.hash ? t.hash : t?.raw ?? "", i = {
+  default: (t, e, r) => (e[r] = t, e),
+  price: (t, e, r, n = ["Currency", "Value"]) => {
+    const [u, a] = F(t);
+    return e[`${r}${n[0]}`] = u, e[`${r}${n[1]}`] = a, e;
+  },
+  password: async (t, e, r) => (e[r] = await S(t), e),
+  stringArray: (t, e, r) => (e[r] = t, e)
+}, I = async (t, e, r, n) => {
+  switch (t) {
+    case s.Country:
+      return i.default(
+        h(r),
+        e,
+        n
+      );
+    case s.Documents:
+      return i.default(r, e, n);
+    case s.Date:
+      return i.default(
+        w(r),
+        e,
+        n
+      );
+    case s.Address:
+      return i.default(r, e, n);
+    case s.Price:
+      return i.price(r, e, n);
+    case s.Password:
+      return await i.password(r, e, n);
+    case s.StringArray:
+      return i.stringArray(r, e, n);
+    default:
+      return i.default(r, e, n);
+  }
+}, f = (t) => (t == null ? t = "" : typeof t == "object" ? t = JSON.stringify(t) : typeof t == "number" ? t = t.toString() : typeof t == "boolean" && (t = t ? "1" : "0"), t), c = {
+  default: (t, e, r) => {
+    const n = f(t);
+    return t && e.append(r, n), e;
+  },
+  price: (t, e, r, n = ["Currency", "Value"]) => {
+    const [u, a] = F(t);
+    return e.append(`${r}${n[0]}`, f(u)), e.append(`${r}${n[1]}`, f(a)), e;
+  },
+  address: (t, e, r) => (e.append(
+    r,
+    JSON.stringify({
+      ...t,
+      country: h(t?.country)
+    })
+  ), e),
+  documents: (t, e, r) => (r.endsWith("[]") || (r = `${r}[]`), Array.from(t).forEach((n) => e.append(r, n)), e),
+  document: (t, e, r) => (e.append(r, t), e),
+  stringArray: (t, e, r) => (r.endsWith("[]") || (r = `${r}[]`), t.forEach((n) => e.append(r, f(n))), e)
+}, Y = async (t, e, r, n) => {
+  switch (t) {
+    case s.Country:
+      return c.default(
+        h(r),
+        e,
+        n
+      );
+    case s.Document:
+      return c.document(r, e, n);
+    case s.Documents:
+      return c.documents(r, e, n);
+    case s.Date:
+      return c.default(
+        w(r),
+        e,
+        n
+      );
+    case s.Address:
+      return c.address(r, e, n);
+    case s.Price:
+      return c.price(r, e, n);
+    case s.Password:
+      return c.default(
+        await S(r),
+        e,
+        n
+      );
+    case s.StringArray:
+      return c.stringArray(r, e, n);
+    default:
+      return c.default(r, e, n);
+  }
+}, q = async (t, e, r) => {
+  switch (r) {
+    case p.JSON:
+      let n = {};
+      for (const a in t)
+        n = await I(
+          e[a],
+          n,
+          t[a],
+          a
+        );
+      return n;
+    case p.FormData:
+    default:
+      let u = new FormData();
+      for (const a in t)
+        u = await Y(
+          e[a],
+          u,
+          t[a],
+          a
+        );
+      return u;
+  }
+};
+function x(t) {
+  const e = C(
+    {}
+  );
+  return { form: e, setValue: (o, d) => {
+    e[o] = d;
+  }, setValues: (o) => {
+    for (const [d, b] of Object.entries(o))
+      e[d] = b;
+  }, getValue: (o) => e[o], reset: () => {
+    for (const o in e)
+      delete e[o];
+  }, submit: async () => {
+    const o = {
+      ...e
+    };
+    return t?.id?.value && (o.id = t.id.value), {
+      isValid: !0,
+      form: await q(
+        o,
+        t.schema,
+        t.format ?? p.JSON
+      )
+    };
+  } };
+}
+const Z = /* @__PURE__ */ A({
+  name: "TForm",
+  __name: "Form",
+  props: {
+    id: { default: "" },
+    idKey: { default: "id" },
+    schema: { default: () => ({}) },
+    formStyle: { default: () => ({}) },
+    showSubmit: { type: Boolean, default: !1 },
+    submitLabel: { default: "Submit" },
+    buttonProps: {},
+    buttonVariant: { default: z.PRIMARY },
+    submissionFormat: { default: p.FormData },
+    buttonWrapperClasses: { default: "" }
+  },
+  emits: ["submit", "change"],
+  setup(t, { expose: e, emit: r }) {
+    const n = t, u = r, a = y(), { form: l, getValue: o, setValue: d, setValues: b, reset: g, submit: $ } = x({
+      id: y(n.id),
+      idKey: n.idKey,
+      schema: n.schema,
+      format: n.submissionFormat
+    }), V = async () => {
+      const m = await $();
+      return u("submit", m), m;
+    };
+    return P(l, (m) => {
+      u("change", m);
+    }), _("formStyle", n.formStyle), e({
+      submit: V,
+      reset: g,
+      setValues: b,
+      form: l,
+      setValue: d,
+      getValue: o
+    }), (m, G) => {
+      const D = T("t-button");
+      return N(), O("form", {
+        onSubmit: V,
+        ref_key: "formReference",
+        ref: a
+      }, [
+        B(m.$slots, "default", { form: J(l) }),
+        E("div", {
+          class: R([n.buttonWrapperClasses])
+        }, [
+          W(j(D, K(n.buttonProps, {
+            type: "submit",
+            class: "mt-4",
+            variant: n.buttonVariant,
+            label: n.submitLabel,
+            onClick: V
+          }), null, 16, ["variant", "label"]), [
+            [M, n.showSubmit]
+          ])
+        ], 2)
+      ], 544);
+    };
+  }
+});
+export {
+  Z as _
+};

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js";
-import { p as r } from "./plugin-Daf_swsz.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-vCtwK795.js";
+import { p as r } from "./plugin-cVdTR_s6.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin

package/dist/{InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js → InputSelect.vue_vue_type_script_setup_true_lang-vCtwK795.js}

@@ -12,7 +12,10 @@ const ce = ["placeholder", "disabled", "readonly"], de = { key: 1 }, fe = {
   props: {
     size: { default: re.Default },
     options: { default: () => [] },
-    mapper: { type: Function, default: (f) => ({ value: f.id ?? f.uuid, label: f }) },
+    mapper: { type: Function, default: (f) => ({
+      value: f.id ?? f.uuid,
+      label: f
+    }) },
     filter: { type: Function, default: (f, T) => T.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
     tooltip: { default: "" },
     disabled: { type: Boolean },

package/dist/ModalForm.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js";
-import { p as l } from "./plugin-C3jERS0X.js";
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-Da80UtoI.js";
+import { p as l } from "./plugin-BqzDqLcd.js";
 export {
   a as ModalForm,
   l as ModalFormPlugin

package/dist/{ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js → ModalForm.vue_vue_type_script_setup_true_lang-Da80UtoI.js}

@@ -1,9 +1,9 @@
-import { defineComponent as K, ref as u, computed as L, resolveComponent as o, openBlock as l, createBlock as a, withCtx as n, createCommentVNode as d, createElementBlock as M, createVNode as c, normalizeClass as b, resolveDynamicComponent as N } from "vue";
-import { C as R } from "./crud-lKm5HfM4.js";
-const $ = {
+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"
-}, O = /* @__PURE__ */ K({
+}, U = /* @__PURE__ */ M({
   name: "TModalForm",
   __name: "ModalForm",
   props: {
@@ -13,41 +13,43 @@ const $ = {
   },
   emits: ["saved", "closed"],
   setup(y, { expose: C, emit: k }) {
-    const i = y, p = k, e = u(null), m = u(!1), v = u(""), f = u(null), s = L(() => i.forms.find((r) => r.key === v.value)), g = (r, t) => {
-      v.value = r, e.value = new R(s.value?.title, f), t ? e.value?.edit(t) : e.value?.show();
+    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(!m.value), p("saved");
+      e.value?.onSave(!p.value), v("saved");
     }, x = () => {
       e.value?.delete();
-    }, S = () => {
-      e.value?.close(), p("closed");
+    }, S = async () => await r.value?.submit(), V = () => {
+      r.value?.reset();
+    }, D = () => {
+      e.value?.close(), v("closed");
     };
-    return C({ open: g, delete: x }), (r, t) => {
-      const V = o("t-input-switch"), D = o("t-icon"), E = o("t-dropdown"), B = o("t-popover"), _ = o("t-button"), h = o("t-popconfirm"), z = o("t-modal");
-      return e.value?.visible ? (l(), a(z, {
+    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: S
+        onClosed: D
       }, {
-        header: n(() => [
-          s.value?.pinnable && !e.value?.isEditing ? (l(), a(V, {
+        header: l(() => [
+          s.value?.pinnable && !e.value?.isEditing ? (n(), a(E, {
             key: 0,
-            modelValue: m.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (F) => m.value = F),
+            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: n(() => [
-          i.options.length ? (l(), M("div", $, [
-            c(B, { placement: "bottom-start" }, {
-              content: n(() => [
-                c(E, {
+        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: n(() => [
-                c(D, {
+              default: l(() => [
+                m(B, {
                   icon: "dots-vertical",
                   class: "text-lg mr-6",
                   size: "sm",
@@ -57,13 +59,13 @@ const $ = {
               ]),
               _: 1
             })
-          ])) : (l(), a(h, {
+          ])) : (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: n(() => [
-              e.value?.isEditing ? (l(), a(_, {
+            default: l(() => [
+              e.value?.isEditing ? (n(), a(_, {
                 key: 0,
                 variant: "danger",
                 icon: "trash-can-outline",
@@ -74,7 +76,7 @@ const $ = {
             ]),
             _: 1
           }, 8, ["message"])),
-          c(_, {
+          m(_, {
             variant: "success",
             icon: "save",
             label: "Save",
@@ -85,13 +87,13 @@ const $ = {
             onClick: t[3] || (t[3] = () => e.value?.save())
           }, null, 8, ["is-disabled", "class"])
         ]),
-        default: n(() => [
-          s.value ? (l(), a(N(s.value.component), {
+        default: l(() => [
+          s.value ? (n(), a($(s.value.component), {
             key: 0,
             id: `${e.value?.id}`,
             class: b([i.formClass]),
             ref_key: "formReference",
-            ref: f,
+            ref: r,
             onDeleted: t[1] || (t[1] = () => e.value?.onDelete()),
             onSaved: w
           }, null, 40, ["id", "class"])) : d("", !0)
@@ -102,5 +104,5 @@ const $ = {
   }
 });
 export {
-  O as _
+  U as _
 };

package/dist/components.js

@@ -6,7 +6,7 @@ import { _ as n } from "./ChartTreemap.vue_vue_type_script_setup_true_lang-DzIPu
 import { D as u } from "./Drawer-omdZnBPG.js";
 import { _ as l } from "./Dropdown.vue_vue_type_script_setup_true_lang-pjG__bX2.js";
 import { _ as h } from "./FileDrop.vue_vue_type_script_setup_true_lang-DLEH_LLX.js";
-import { _ as T } from "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
+import { _ as T } from "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
 import { _ as y } from "./FormItem.vue_vue_type_script_setup_true_lang-CjW-P8Xf.js";
 import { _ as C } from "./GraphyEmpty.vue_vue_type_script_setup_true_lang-B-hAjDCw.js";
 import { _ as G } from "./GraphyLabel.vue_vue_type_script_setup_true_lang-n_0200p7.js";
@@ -24,13 +24,13 @@ import { _ as U } from "./InputPhone.vue_vue_type_script_setup_true_lang-B4TULqL
 import { _ as W } from "./InputPrice.vue_vue_type_script_setup_true_lang-BX4rsYIr.js";
 import { _ as Y } from "./InputRadio.vue_vue_type_script_setup_true_lang-Cu7lzDAh.js";
 import "vue";
-import { _ as $ } from "./InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js";
+import { _ as $ } from "./InputSelect.vue_vue_type_script_setup_true_lang-vCtwK795.js";
 import { _ as or } from "./InputSwitch.vue_vue_type_script_setup_true_lang-Dq_U-mFJ.js";
 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-BSEORivR.js";
+import { _ as nr } from "./ModalForm.vue_vue_type_script_setup_true_lang-Da80UtoI.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-lKm5HfM4.js → crud-TcRx_r8S.js}

@@ -9,7 +9,7 @@ class h {
     EDIT: "Edit "
   };
   isLoading = !1;
-  formReference = null;
+  formReference;
   constructor(e, s) {
     this.titles.ADD = this.titles.ADD + e, this.titles.EDIT = this.titles.EDIT + e, this.formReference = s;
   }
@@ -42,14 +42,14 @@ class h {
   reset() {
     this.id = "", this.formReference && this.formReference.reset && this.formReference?.reset(), this.isLoading && (this.isLoading = !1);
   }
-  save() {
-    this.formReference && (this.isLoading = !0, this.formReference.submit());
+  async save() {
+    this.formReference && (this.isLoading = !0, await this.formReference.submit());
   }
   onSave(e = !0) {
     e && this.close(), this.reset();
   }
   delete() {
-    this.formReference && (this.isLoading = !0, this.formReference.deleteItem());
+    this.formReference && (this.isLoading = !0, this.formReference.delete());
   }
   onDelete(e = !0) {
     e && this.close(), this.reset();

package/dist/form2.js

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

package/dist/{plugin-DF8iyfN5.js → plugin-BkoyYU7S.js}

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

package/dist/{plugin-C3jERS0X.js → plugin-BqzDqLcd.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-BSEORivR.js";
+import { _ as s } from "./ModalForm.vue_vue_type_script_setup_true_lang-Da80UtoI.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugin-Daf_swsz.js → plugin-cVdTR_s6.js}

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

package/dist/{plugins-BA8tojIo.js → plugins-MQbI25Au.js}

@@ -12,8 +12,8 @@ import "./Drawer-omdZnBPG.js";
 import { p as m } from "./plugin-DRcJuXpS.js";
 import { p as u } from "./plugin-CNqL90UL.js";
 import { p as l } from "./plugin-BscWXR9h.js";
-import "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as t } from "./plugin-DF8iyfN5.js";
+import "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as t } from "./plugin-BkoyYU7S.js";
 import { p as g } from "./plugin-DLFPglIt.js";
 import { p as a } from "./plugin-Buc7eEox.js";
 import { p as s } from "./plugin-D9k93Uu1.js";
@@ -32,15 +32,15 @@ import { p as y } from "./plugin-BN2jubTY.js";
 import { p as T } from "./plugin-CrHDShgh.js";
 import { p as S } from "./plugin-z8Hr_T_O.js";
 import { p as v } from "./plugin-Bog7k3Qf.js";
-import "./InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js";
-import { p as C } from "./plugin-Daf_swsz.js";
+import "./InputSelect.vue_vue_type_script_setup_true_lang-vCtwK795.js";
+import { p as C } from "./plugin-cVdTR_s6.js";
 import { p as G } from "./plugin-DT7LVAli.js";
 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-C3jERS0X.js";
+import { p as F } from "./plugin-BqzDqLcd.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

@@ -12,8 +12,8 @@ import "./Drawer-omdZnBPG.js";
 import { p as D } from "./plugin-DRcJuXpS.js";
 import { p as L } from "./plugin-CNqL90UL.js";
 import { p as A } from "./plugin-BscWXR9h.js";
-import "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as E } from "./plugin-DF8iyfN5.js";
+import "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as E } from "./plugin-BkoyYU7S.js";
 import { p as j } from "./plugin-DLFPglIt.js";
 import { p as z } from "./plugin-Buc7eEox.js";
 import { p as J } from "./plugin-D9k93Uu1.js";
@@ -32,15 +32,15 @@ import { p as nr } from "./plugin-BN2jubTY.js";
 import { p as ur } from "./plugin-CrHDShgh.js";
 import { p as Pr } from "./plugin-z8Hr_T_O.js";
 import { p as gr } from "./plugin-Bog7k3Qf.js";
-import "./InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js";
-import { p as fr } from "./plugin-Daf_swsz.js";
+import "./InputSelect.vue_vue_type_script_setup_true_lang-vCtwK795.js";
+import { p as fr } from "./plugin-cVdTR_s6.js";
 import { p as hr } from "./plugin-DT7LVAli.js";
 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-C3jERS0X.js";
+import { p as vr } from "./plugin-BqzDqLcd.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-BA8tojIo.js";
+import { p as n } from "./plugins-MQbI25Au.js";
 const o = {
   install(s) {
     for (const i in n)

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

@@ -1,8 +1,8 @@
 import { getCurrentInstance } from 'vue';
-import { SelectOption } from '../../types/form.js';
+import { InputSelectOption } from '../InputSelect/types.js';
 
 export type DropdownProps = {
-    items?: SelectOption[];
+    items?: InputSelectOption[];
     loading?: boolean;
     multiple?: boolean;
     isVisible?: boolean;
@@ -14,7 +14,7 @@ export type DropdownProps = {
 };
 interface SelectEvent {
     index: number;
-    option: SelectOption;
+    option: InputSelectOption;
     hold: boolean;
 }
 export type DropdownEvents = {