@fewangsit/wangsvue 1.5.217-alpha.1 → 1.5.218-alpha.0

package/{components/notificationitem → notificationitem}/helpers/goToDetail.helper.d.ts

@@ -1,7 +1,4 @@
-import {
-  NotificationDetailType,
-  NotificationItemType,
-} from '../NotificationItem.vue.d';
+import { NotificationDetailType, NotificationItemType } from '..';
 export declare const goToAccountMember: (
   notification: NotificationItemType,
 ) => void;

package/{components/notificationitem/NotificationItem.vue.d.ts → notificationitem/index.d.ts}

@@ -1,9 +1,7 @@
 import { Task } from '@fewangsit/workspace-api-services/src/types/taskService.type';
 
-import { WangsIcons } from '../../components/icon/Icon.vue.d';
-import { ClassComponent } from '../../components/ts-helpers.d';
-
-import { StatusSeverity } from '../../types/wangsStatus.type';
+import { WangsIcons } from '../icon';
+import { ClassComponent } from '../ts-helpers.d';
 
 export type GetNotificationParam = {
   isRead?: boolean;

package/notificationitem/index.es.js

@@ -0,0 +1,333 @@
+import { defineComponent as G, shallowRef as I, computed as j, watch as L, createElementBlock as u, openBlock as n, Fragment as h, createElementVNode as m, createCommentVNode as p, mergeProps as Q, normalizeClass as q, createVNode as c, createBlock as y, toDisplayString as v, withModifiers as g, createTextVNode as E, unref as W } from "vue";
+import { t as r } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
+import { NotificationServices as Y } from "@fewangsit/workspace-api-services";
+import { f as H } from "../utils/date.util.es.js";
+import { u as J } from "../utils/toast.util.es.js";
+import { _ as w } from "../button/index.es.js";
+import { _ as U } from "../icon/index.es.js";
+import { _ as K } from "../username/index.es.js";
+import { _ as X } from "../dialogdetailcomponent/index.es.js";
+import { _ as Z } from "../dialogimprovementtask/index.es.js";
+import { _ as ee } from "../taskdetail/index.es.js";
+import { _ as ae } from "../confirmdeploy/index.es.js";
+const te = (a) => {
+  switch (a.title.toLowerCase()) {
+    case "reminder: ganti password skenario testing":
+      r("/tim-member/akun-member/akun-skenario-testing");
+      break;
+    case "reminder: ganti password akun performance testing":
+      r("/tim-member/akun-member/akun-performance-testing");
+      break;
+    case "reminder: ganti password akun figma & github":
+    default:
+      r("/tim-member/akun-member/akun-member");
+      break;
+  }
+}, oe = (a) => {
+  sessionStorage.setItem("projectId", a.data.projectId);
+  let t;
+  a.data.subModuleId ? (sessionStorage.setItem(
+    "subModuleId",
+    a.data.subModuleId
+  ), t = `/proyek/detail-proyek/quality-control/e2e-testing/pending-e2e-testing-${a.data.platform}/end-to-end-testing`) : a.data.pbiId && (sessionStorage.setItem("pbiId", a.data.pbiId), t = `/proyek/detail-proyek/quality-control/pbi-testing/${a.data.platform}`), window.location.pathname === t ? window.location.reload() : r(t);
+}, se = (a) => {
+  sessionStorage.setItem("projectId", a.data.projectId);
+  let t = "/proyek/detail-proyek/approval";
+  switch (a.module) {
+    case "Request Approval":
+      t += "/request-approval";
+      break;
+    case "Waiting for Approval":
+      t += "/butuh-approval";
+      break;
+  }
+  switch (a.type) {
+    case "Hapus Ceklis":
+      t += "/hapus-ceklis";
+      break;
+    case "Penyesuaian":
+      t += "/penyesuaian";
+      break;
+    case "Sprint":
+      t += "/sprint";
+      break;
+    case "Task Baru":
+      t += "/task-baru";
+      break;
+    case "Uncheck Ceklis":
+      t += "/uncheck-ceklis";
+      break;
+  }
+  window.location.pathname === t ? window.location.reload() : r(t);
+}, x = (a) => {
+  var k, d;
+  let t;
+  if (a.data.projectId) {
+    if (a.data.taskId) return "task";
+    if (sessionStorage.setItem("projectId", a.data.projectId), a.data.sprintId) {
+      t = `/proyek/detail-proyek/sprint/sprint/${a.data.sprintId}/detail-sprint`, r(t);
+      return;
+    }
+    if (a.data.pbiId) {
+      sessionStorage.setItem("pbiId", a.data.pbiId), t = "/proyek/detail-proyek/sprint", a.module === "Comment" ? sessionStorage.setItem("openComment", a.data.pbiId) : a.module === "PBI Task" && sessionStorage.setItem("openTask", a.data.pbiId), r(t);
+      return;
+    }
+    if (a.data.moduleId) {
+      t = `/proyek/detail-proyek/modul/${a.data.moduleId}/detail-modul`, a.module === "Comment" && (t += "/komentar"), r(t);
+      return;
+    }
+    if (a.data.subModuleId) {
+      if (t = `/proyek/detail-proyek/sub-modul/${a.data.subModuleId}/detail-sub-modul`, a.module === "Comment") t += "/komentar";
+      else if (a.module === "Sub Module Deployment") {
+        if ((k = a.data) != null && k.invalidTasks || (d = a.data) != null && d.missingProcesses)
+          return "deployFail";
+        t = "/proyek/detail-proyek/sub-modul/deployment";
+      }
+      r(t);
+      return;
+    }
+    t = "/proyek/detail-proyek/tim", window.location.pathname === t ? window.location.reload() : r(t);
+  }
+}, re = (a) => {
+  r(
+    `/ticket/task-ticket/detail-ticket/${a.data.ticketId}`
+  );
+}, ie = (a) => {
+  if ([
+    "proyek telah diedit",
+    "perubahan nilai prioritas proyek",
+    "perubahan proyek manager"
+  ].includes(a.title.toLowerCase())) {
+    a.data.projectId && (sessionStorage.setItem("projectId", a.data.projectId), sessionStorage.setItem("openProjectId", a.data.projectId));
+    const t = "/proyek/daftar-proyek";
+    window.location.pathname === t ? window.location.reload() : r(t);
+  } else x(a);
+}, ne = { class: "flex items-center" }, de = {
+  key: 0,
+  class: "size-[10px] border border-white rounded-full bg-danger-500 absolute top-0 -left-[3px]",
+  "data-wv-name": "red-dot"
+}, le = { class: "flex flex-col gap-0.5 w-full" }, pe = { "data-wv-name": "notif-item-title" }, ue = { "data-wv-name": "notif-item-detail" }, me = {
+  key: 1,
+  class: "text-xs font-medium",
+  "data-wv-name": "notif-item-description"
+}, ce = {
+  key: 0,
+  class: "flex flex-row gap-2 mt-2 ml-auto"
+}, ke = {
+  class: "text-grayscale-700 text-[10px] text-nowrap",
+  "data-wv-name": "notif-item-time"
+}, fe = {
+  key: 0,
+  class: "flex place-items-center"
+}, be = {
+  key: 0,
+  class: "flex gap-2"
+}, Se = /* @__PURE__ */ G({
+  __name: "NotificationItem",
+  props: {
+    notification: {},
+    longNotif: { type: Boolean }
+  },
+  emits: ["read", "close"],
+  setup(a, { emit: t }) {
+    const k = J(), d = a, f = t, s = I(!1), C = I(!1), l = I("task"), O = j(() => {
+      switch (d.notification.module) {
+        case "Task Improvement":
+          return "Apakah ada penyesuaian pada task yang lain?";
+        default:
+          return;
+      }
+    }), V = j(() => {
+      switch (d.notification.severity) {
+        case "danger":
+          return "bg-danger-500";
+        case "warning":
+          return "bg-warning-500";
+        case "success":
+          return "bg-success-500";
+        case "primary":
+        case "info":
+          return "bg-primary-500";
+        default:
+          return "bg-grayscale-900";
+      }
+    }), z = j(() => {
+      switch (d.notification.category) {
+        case "barricade":
+          return "barricade-line";
+        case "bug":
+          return "bug-2-line";
+        case "delete":
+          return "delete-bin";
+        case "edit-2-line":
+          return "edit";
+        default:
+          return d.notification.category;
+      }
+    }), T = async () => {
+      await $(), f("read", d.notification._id);
+    }, F = async (e) => {
+      if (!(e.isRead && e.isReadOnly))
+        try {
+          !e.isRead && e.isActioned && $(), e.isReadOnly ? f("read", e._id) : (A(e), f("close"));
+        } catch (o) {
+          console.error(o), k.add({
+            error: o,
+            message: "Gagal pindah ke halaman detail notifikasi."
+          });
+        }
+    }, $ = async () => {
+      try {
+        await Y.readNotification(d.notification._id);
+      } catch (e) {
+        console.error(e), k.add({ error: e, message: "Gagal membaca notifikasi." });
+      }
+    }, A = (e) => {
+      var o, b;
+      switch (e.module) {
+        case "Account Member":
+          te(e);
+          break;
+        case "API & Server ":
+          r("/proyek/detail-proyek/api-server");
+          break;
+        case "Improvement":
+          r("/proyek/detail-proyek/penyesuaian");
+          break;
+        case "Project":
+          ie(e);
+          break;
+        case "Quality Control":
+        case "Quality Control PBI":
+          oe(e);
+          break;
+        case "Request Approval":
+        case "Waiting for Approval":
+          se(e);
+          break;
+        default:
+          (o = e.data) != null && o.ticketId ? re(e) : ((b = e.data) != null && b.component ? l.value = "component" : (l.value = x(e), l.value === "task" && e.isActioned && f("read", e._id)), s.value = !0);
+      }
+    };
+    return L(s, () => {
+      setTimeout(
+        () => {
+          C.value = s.value;
+        },
+        s.value ? 0 : 1e3
+      );
+    }), (e, o) => {
+      var b, N, S, R, M, P, D, B, _;
+      return n(), u(h, null, [
+        m("div", Q(e.$attrs, {
+          class: [{ "justify-between": e.longNotif }, "rounded-[8px] bg-primary-50 border border-primary-100 py-3 px-3.5 flex text-xs"],
+          style: {
+            cursor: e.notification.isRead && e.notification.isReadOnly ? "default" : "pointer"
+          },
+          onClick: o[3] || (o[3] = (i) => F(e.notification)),
+          "data-wv-name": "notif-item-container"
+        }), [
+          m("div", {
+            class: q([{ "w-full": !e.longNotif }, "flex gap-3.5"])
+          }, [
+            m("div", ne, [
+              m("div", {
+                class: q([V.value, "flex size-[30px] rounded-full justify-center items-center border border-general relative"])
+              }, [
+                c(U, {
+                  icon: z.value,
+                  class: "text-base text-white"
+                }, null, 8, ["icon"]),
+                e.notification.isRead ? p("", !0) : (n(), u("div", de))
+              ], 2)
+            ]),
+            m("div", le, [
+              m("h5", pe, v(e.notification.title), 1),
+              m("p", ue, v(e.notification.detail), 1),
+              (b = e.notification.data) != null && b.user ? (n(), y(K, {
+                key: 0,
+                user: (N = e.notification.data) == null ? void 0 : N.user,
+                onClick: o[0] || (o[0] = g(() => {
+                }, ["stop"])),
+                "data-wv-name": "notif-item-user",
+                type: "icon"
+              }, null, 8, ["user"])) : p("", !0),
+              (S = e.notification.data) != null && S.description ? (n(), u("div", me, v((R = e.notification.data) == null ? void 0 : R.description), 1)) : p("", !0),
+              e.notification.isActioned ? p("", !0) : (n(), u(h, { key: 2 }, [
+                E(v(O.value) + " ", 1),
+                e.longNotif ? p("", !0) : (n(), u("div", ce, [
+                  c(w, {
+                    onClick: g(T, ["stop"]),
+                    label: "Tidak",
+                    outlined: "",
+                    severity: "secondary"
+                  }),
+                  c(w, {
+                    onClick: o[1] || (o[1] = g((i) => {
+                      l.value = "improveTask", s.value = !0;
+                    }, ["stop"])),
+                    label: "Ya, Ada",
+                    severity: "secondary"
+                  })
+                ]))
+              ], 64)),
+              m("span", ke, v(W(H)(new Date(e.notification.createdAt))), 1)
+            ])
+          ], 2),
+          e.notification.isReadOnly ? p("", !0) : (n(), u("div", fe, [
+            !e.notification.isActioned && e.longNotif ? (n(), u("div", be, [
+              c(w, {
+                onClick: g(T, ["stop"]),
+                label: "Tidak",
+                outlined: "",
+                severity: "secondary"
+              }),
+              c(w, {
+                onClick: o[2] || (o[2] = g((i) => {
+                  l.value = "improveTask", s.value = !0;
+                }, ["stop"])),
+                label: "Ya, Ada",
+                severity: "secondary"
+              })
+            ])) : p("", !0),
+            c(U, {
+              class: "flex justify-center ml-2 text-2xl",
+              icon: "arrow-right"
+            })
+          ]))
+        ], 16),
+        C.value ? (n(), u(h, { key: 0 }, [
+          l.value === "task" ? (n(), y(ee, {
+            key: 0,
+            visible: s.value,
+            "onUpdate:visible": o[4] || (o[4] = (i) => s.value = i),
+            "project-id": ((M = e.notification.data) == null ? void 0 : M.projectId) ?? "",
+            "task-id": ((P = e.notification.data) == null ? void 0 : P.taskId) ?? ""
+          }, null, 8, ["visible", "project-id", "task-id"])) : l.value === "deployFail" ? (n(), y(ae, {
+            key: 1,
+            visible: s.value,
+            "onUpdate:visible": o[5] || (o[5] = (i) => s.value = i),
+            notification: e.notification,
+            onGoToDetail: o[6] || (o[6] = (i) => A(i))
+          }, null, 8, ["visible", "notification"])) : l.value === "component" ? (n(), y(X, {
+            key: 2,
+            visible: s.value,
+            "onUpdate:visible": o[7] || (o[7] = (i) => s.value = i),
+            "selected-component": (D = e.notification.data) == null ? void 0 : D.component
+          }, null, 8, ["visible", "selected-component"])) : l.value === "improveTask" ? (n(), y(Z, {
+            key: 3,
+            visible: s.value,
+            "onUpdate:visible": o[8] || (o[8] = (i) => s.value = i),
+            "notification-id": e.notification._id,
+            "project-id": (B = e.notification.data) == null ? void 0 : B.projectId,
+            "task-id": (_ = e.notification.data) == null ? void 0 : _.taskId,
+            onClose: o[9] || (o[9] = (i) => f("read", e.notification._id))
+          }, null, 8, ["visible", "notification-id", "project-id", "task-id"])) : p("", !0)
+        ], 64)) : p("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Se as _
+};

package/overlaypanel/index.es.js

@@ -0,0 +1,49 @@
+import { defineComponent as i, ref as u, createBlock as f, openBlock as c, unref as y, mergeProps as v, withCtx as h, renderSlot as m } from "vue";
+import { e as s } from "../event-bus/index.es.js";
+import { s as w } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+const x = /* @__PURE__ */ i({
+  __name: "OverlayPanel",
+  props: {
+    dismissable: { type: Boolean, default: !0 },
+    dismissableOverlay: { type: Boolean, default: !0 },
+    showCloseIcon: { type: Boolean, default: !1 },
+    baseZIndex: { default: 0 },
+    autoZIndex: { type: Boolean, default: !0 },
+    breakpoints: {},
+    closeIcon: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean, default: !1 },
+    closeOnEscape: { type: Boolean, default: !0 }
+  },
+  setup(l, { expose: n }) {
+    const t = +/* @__PURE__ */ new Date(), o = u(), r = l, p = () => {
+      s.off("overlay:show", a);
+    }, a = (e) => {
+      o.value && e.overlayId !== t && r.dismissableOverlay && o.value.hide();
+    }, d = async () => {
+      s.emit("overlay:show", { overlayId: t }), s.on("overlay:show", a);
+    };
+    return n({ toggle: (e) => {
+      o.value.toggle(e);
+    }, hide: () => {
+      o.value.hide();
+    }, show: (e) => {
+      o.value.show(e);
+    } }), (e, _) => (c(), f(y(w), v(e.$props, {
+      id: t,
+      ref_key: "op",
+      ref: o,
+      onHide: p,
+      onShow: d
+    }), {
+      default: h(() => [
+        m(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  x as _
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue",
-  "version": "1.5.217-alpha.1",
+  "version": "1.5.218-alpha.0",
   "author": "Wangsit FE Developer",
   "description": "Wangsit VueJS Component Library",
   "type": "module",
@@ -9,19 +9,14 @@
   "repository": "https://github.com/fewangsit/wangsvue",
   "exports": {
     ".": {
-      "types": "./main.d.ts",
-      "import": "./wangsvue.js"
+      "types": "./wangsvue.d.ts",
+      "import": "./wangsvue.es.js"
     },
-    "./style.css": "./style.css",
-    "./config/*": "./config/*",
-    "./plugins/*": "./plugins/*",
-    "./directives/*": "./directives/*",
-    "./components/*": "./components/*",
-    "./event-bus/*": "./event-bus/*",
-    "./utils/*": "./utils/*"
+    "./style.css": "./style.css"
   },
   "dependencies": {
     "@wangs-ui/core": "latest",
     "@wangs-ui/vue": "latest"
-  }
+  },
+  "sideEffects": false
 }

package/paginator/index.es.js

@@ -0,0 +1,50 @@
+import { defineComponent as m, mergeModels as i, useModel as c, inject as w, createBlock as g, openBlock as u, unref as p, mergeProps as f, withCtx as r, createVNode as t } from "vue";
+import { s as k } from "../vendor/primevue/paginator/paginator.esm.es.js";
+import { _ as a } from "../icon/index.es.js";
+const R = /* @__PURE__ */ m({
+  __name: "Paginator",
+  props: /* @__PURE__ */ i({
+    totalRecords: {},
+    rows: {},
+    first: {},
+    pageLinkSize: {},
+    rowsPerPageOptions: {},
+    template: {},
+    currentPageReportTemplate: {},
+    alwaysShow: { type: Boolean },
+    pt: {},
+    ptOptions: {}
+  }, {
+    rows: {},
+    rowsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ i(["page", "update:rows"], ["update:rows"]),
+  setup(l) {
+    const n = c(l, "rows"), d = w("preset", {}).datatable;
+    return (o, e) => (u(), g(p(k), f({
+      rows: n.value,
+      "onUpdate:rows": e[0] || (e[0] = (s) => n.value = s)
+    }, p(d).paginator({ context: { totalRecords: o.totalRecords } }), {
+      template: o.template,
+      "total-records": o.totalRecords,
+      onPage: e[1] || (e[1] = (s) => o.$emit("page", s))
+    }), {
+      firstpagelinkicon: r(() => [
+        t(a, { icon: "round-keyboard-double-arrow-left" })
+      ]),
+      lastpagelinkicon: r(() => [
+        t(a, { icon: "round-keyboard-double-arrow-right" })
+      ]),
+      prevpagelinkicon: r(() => [
+        t(a, { icon: "round-keyboard-arrow-left" })
+      ]),
+      nextpagelinkicon: r(() => [
+        t(a, { icon: "round-keyboard-arrow-right" })
+      ]),
+      _: 1
+    }, 16, ["rows", "template", "total-records"]));
+  }
+});
+export {
+  R as _
+};

package/plugins/WangsVue.d.ts

@@ -1,62 +1,47 @@
 import { Plugin } from 'vue';
 import { InputOtpRawPreset } from '@wangs-ui/core/dist/types/components/inputotp/inputotp.type';
 import { TabMenuRawPreset } from '@wangs-ui/core/dist/types/components/tabmenu/tabmenu.type';
-import { AnimationDefaultConfig } from '../components/animation/Animation.vue.d';
-import { BadgeComponentConfigs } from '../components/badge/Badge.vue.d';
+import { AnimationDefaultConfig } from '../animation';
+import { BadgeComponentConfigs } from '../badge';
 import {
   ButtonBulkActionLocaleConfig,
   ButtonBulkActionProps,
-} from '../components/buttonbulkaction/ButtonBulkAction.vue.d';
+} from '../buttonbulkaction';
 import {
   ButtonDownloadLocaleConfig,
   ButtonDownloadProps,
-} from '../components/buttondownload/ButtonDownload.vue.d';
-import { ButtonSearchLocaleConfig } from '../components/buttonsearch/ButtonSearch.vue.d';
-import {
-  CalendarLocaleConfig,
-  CalendarPresetOptions,
-} from '../components/calendar/Calendar.vue.d';
-import { CustomColumnLocaleConfig } from '../components/customcolumn/CustomColumn.vue.d';
-import {
-  DataTableLocaleConfig,
-  DataTableProps,
-} from '../components/datatable/DataTable.vue.d';
-import { DialogConfirmLocaleConfig } from '../components/dialogconfirm/DialogConfirm.vue.d';
-import { DialogFormLocaleConfig } from '../components/dialogform/DialogForm.vue.d';
-import {
-  DropdownLocaleConfig,
-  DropdownProps,
-} from '../components/dropdown/Dropdown.vue.d';
-import {
-  FieldWrapperLocaleConfig,
-  FieldWrapperProps,
-} from '../components/fieldwrapper/FieldWrapper.vue.d';
-import { FilterContainerLocaleConfig } from '../components/filtercontainer/FilterContainer.vue.d';
-import { ImageProps } from '../components/image/Image.vue.d';
-import { ImageCompressorLocaleConfig } from '../components/imagecompressor/ImageCompressor.vue.d';
-import { InputCurrencyLocaleConfig } from '../components/inputcurrency/InputCurrency.vue.d';
-import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
-import { InputNumberLocaleConfig } from '../components/inputnumber/InputNumber.vue.d';
-import { InputPhoneNumberLocaleConfig } from '../components/inputphonenumber/InputPhoneNumber.vue.d';
-import { InputrangeNumberLocaleConfig } from '../components/inputrangenumber/InputRangeNumber.vue.d';
-import {
-  InputTextLocaleConfig,
-  InputTextProps,
-} from '../components/inputtext/InputText.vue.d';
-import { InputURLProps } from '../components/inputurl/InputURL.vue.d';
-import { LoadingPresetOptions } from '../components/loading/Loading.vue.d';
-import { MenuLocaleConfig } from '../components/menu/Menu.vue.d';
-import { MultiSelectLocaleConfig } from '../components/multiselect/MultiSelect.vue.d';
-import { OverlayPanelPassThroughOptions } from '../components/overlaypanel/OverlayPanel.vue.d';
-import { TagTypeProps } from '../components/tagtype/TagType.vue.d';
-import { TextareaLocaleConfig } from '../components/textarea/Textarea.vue.d';
-import { TreeProps } from '../components/tree/Tree.vue.d';
+} from '../buttondownload';
+import { ButtonSearchLocaleConfig } from '../buttonsearch';
+import { CalendarLocaleConfig, CalendarPresetOptions } from '../calendar';
+import { CustomColumnLocaleConfig } from '../customcolumn';
+import { DataTableLocaleConfig, DataTableProps } from '../datatable';
+import { DialogConfirmLocaleConfig } from '../dialogconfirm';
+import { DialogFormLocaleConfig } from '../dialogform';
+import { DropdownLocaleConfig, DropdownProps } from '../dropdown';
+import { FieldWrapperLocaleConfig, FieldWrapperProps } from '../fieldwrapper';
+import { FilterContainerLocaleConfig } from '../filtercontainer';
+import { ImageProps } from '../image';
+import { ImageCompressorLocaleConfig } from '../imagecompressor';
+import { InputCurrencyLocaleConfig } from '../inputcurrency';
+import { InputEmailProps } from '../inputemail';
+import { InputNumberLocaleConfig } from '../inputnumber';
+import { InputPhoneNumberLocaleConfig } from '../inputphonenumber';
+import { InputrangeNumberLocaleConfig } from '../inputrangenumber';
+import { InputTextLocaleConfig, InputTextProps } from '../inputtext';
+import { InputURLProps } from '../inputurl';
+import { LoadingPresetOptions } from '../loading';
+import { MenuLocaleConfig } from '../menu';
+import { MultiSelectLocaleConfig } from '../multiselect';
+import { OverlayPanelPassThroughOptions } from '../overlaypanel';
+import { TagTypeProps } from '../tagtype';
+import { TextareaLocaleConfig } from '../textarea';
+import { TreeProps } from '../tree';
 import {
   UserNameComponentConfigs,
   UserNameLocaleConfig,
   UserNamePresetOptions,
-} from '../components/username/UserName.vue.d';
-import { type UseToastConfig } from '../utils/toast.util';
+} from '../username';
+import { type UseToastConfig } from '../utils/baseToast.util';
 /**
  * A Record of component names with theirs props interface
  */