@wikicasa-dev/components 1.9.33 → 1.9.34

package/dist/index.d.ts

@@ -20,7 +20,6 @@ import { default as BaseDropDown } from './UIKit/BaseDropDown.vue';
 import { default as BaseFloatingLabel } from './UIKit/BaseFloatingLabel.vue';
 import { default as BaseIcon } from './UIKit/BaseIcon.vue';
 import { default as BaseInput } from './UIKit/BaseInput.vue';
-import { default as BaseNavItem } from './UIKit/BaseNavItem.vue';
 import { default as BasePagination } from './UIKit/BasePagination.vue';
 import { default as BasePaper } from './UIKit/BasePaper.vue';
 import { default as BaseSlider } from './UIKit/BaseSlider.vue';
@@ -39,8 +38,7 @@ import { default as IntersectionObservable } from './components/IntersectionObse
 import { default as IntersectionObserver } from './components/IntersectionObserver/IntersectionObserver.vue';
 import { default as SwiperCarousel } from './components/carousel/SwiperCarousel.vue';
 import { default as SwiperSlide } from './components/carousel/SwiperSlide.vue';
-import { useValidator } from './composables/useValidator';
 import { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb.vue';
 export * from './UIKit/types';
 export type { ChartOptions, ChartData } from 'chart.js';
-export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, BaseSnackbar, BaseTabView, BaseShimmerLoader, ShimmerMultiLine, StaticSpinner, BaseBreadcrumb, };
+export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, BaseModal, BaseSnackbar, BaseTabView, BaseShimmerLoader, ShimmerMultiLine, StaticSpinner, BaseBreadcrumb, };

package/dist/index.js

@@ -4,43 +4,41 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.CR-nWss7.js";
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
 import { default as d } from "./CheckboxBtn.js";
-import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.D-AjsQLI.js";
+import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.D-AjsQLI.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
-import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js";
+import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.nuPyOFsi.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BYlMCUWP.js";
-import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BZJiuA9q.js";
+import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.B8sZx5ag.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CuwMDpZt.js";
-import { _ as D } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.lynxd7Sj.js";
+import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
 import { default as O } from "./BaseCard.js";
 import { default as R } from "./BaseComplexToggle.js";
-import { _ as N } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BW53X5Mh.js";
-import { default as j } from "./BaseFloatingLabel.js";
-import { default as y } from "./BaseIcon.js";
-import { default as E } from "./BaseInput.js";
-import { default as J } from "./BaseNavItem.js";
-import { _ as Q } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.CC-83EJ7.js";
-import { default as X } from "./BasePaper.js";
-import { default as Z } from "./BaseSlider.js";
-import { default as ee } from "./BaseTextarea.js";
-import { default as re } from "./BaseToggle.js";
-import { default as te } from "./BaseTooltip.js";
-import { _ as fe } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
-import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.9RKUM3fd.js";
-import { default as le } from "./BaseSnackbar.js";
-import { default as de } from "./StaticSpinner.js";
-import { default as ie } from "./BaseShimmerLoader.js";
-import { _ as _e } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js";
-import { _ as Se } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
-import { _ as ge } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js";
-import { _ as he } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
-import { _ as Ie } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
-import { S as we } from "./chunks/SwiperCarousel.BV6QiwmC.js";
-import { default as ke } from "./SwiperSlide.js";
-import { useValidator as De } from "./useValidator.js";
-import { _ as Ge } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.B0owkt0c.js";
+import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.CVDnCMnS.js";
+import { default as q } from "./BaseFloatingLabel.js";
+import { default as z } from "./BaseIcon.js";
+import { default as H } from "./BaseInput.js";
+import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.CC-83EJ7.js";
+import { default as Q } from "./BasePaper.js";
+import { default as X } from "./BaseSlider.js";
+import { default as Z } from "./BaseTextarea.js";
+import { default as ee } from "./BaseToggle.js";
+import { default as re } from "./BaseTooltip.js";
+import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
+import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.9RKUM3fd.js";
+import { default as me } from "./BaseSnackbar.js";
+import { default as le } from "./StaticSpinner.js";
+import { default as de } from "./BaseShimmerLoader.js";
+import { _ as ne } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js";
+import { _ as _e } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
+import { _ as Se } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js";
+import { _ as ge } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
+import { _ as he } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
+import { S as Ie } from "./chunks/SwiperCarousel.DWUl3bgn.js";
+import { default as we } from "./SwiperSlide.js";
+import { _ as ke } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.B0owkt0c.js";
 import './assets/index.css';export {
   I as AccessibleSelect,
   r as BaseAccordion,
@@ -49,40 +47,38 @@ import './assets/index.css';export {
   m as BaseAccordionItem,
   w as BaseAlert,
   k as BaseAutocomplete,
-  D as BaseBadge,
-  Ge as BaseBreadcrumb,
+  v as BaseBadge,
+  ke as BaseBreadcrumb,
   G as BaseButton,
   O as BaseCard,
   R as BaseComplexToggle,
-  N as BaseDropDown,
-  j as BaseFloatingLabel,
-  y as BaseIcon,
-  E as BaseInput,
-  me as BaseModal,
-  J as BaseNavItem,
-  Q as BasePagination,
-  X as BasePaper,
-  ie as BaseShimmerLoader,
-  Z as BaseSlider,
-  le as BaseSnackbar,
+  V as BaseDropDown,
+  q as BaseFloatingLabel,
+  z as BaseIcon,
+  H as BaseInput,
+  fe as BaseModal,
+  K as BasePagination,
+  Q as BasePaper,
+  de as BaseShimmerLoader,
+  X as BaseSlider,
+  me as BaseSnackbar,
   _ as BaseTab,
   S as BaseTabView,
-  ee as BaseTextarea,
-  re as BaseToggle,
-  te as BaseTooltip,
-  fe as BaseUploadFile,
+  Z as BaseTextarea,
+  ee as BaseToggle,
+  re as BaseTooltip,
+  te as BaseUploadFile,
   d as CheckboxBtn,
-  i as CheckboxGroup,
-  Se as DoughnutChart,
-  he as IntersectionObservable,
-  Ie as IntersectionObserver,
-  ge as LineChart,
+  n as CheckboxGroup,
+  _e as DoughnutChart,
+  ge as IntersectionObservable,
+  he as IntersectionObserver,
+  Se as LineChart,
   g as RadioButton,
   h as RadioGroup,
   l as SelectItem,
-  _e as ShimmerMultiLine,
-  de as StaticSpinner,
-  we as SwiperCarousel,
-  ke as SwiperSlide,
-  De as useValidator
+  ne as ShimmerMultiLine,
+  le as StaticSpinner,
+  Ie as SwiperCarousel,
+  we as SwiperSlide
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.9.33",
+  "version": "1.9.34",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,17 +42,16 @@
     "@histoire/plugin-vue": "^0.17.17",
     "@types/node": "^20.16.11",
     "@vitejs/plugin-vue": "^5.2.0",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.1.3",
     "@wikicasa-dev/svg-icons": "^0.1.11",
     "@wikicasa-dev/tailwind-plugins": "^0.0.2",
     "@wikicasa-dev/types": "^1.8.0",
     "@wikicasa-dev/utilities": "^1.0.22",
-    "@wikicasa-dev/vue-composables": "0.0.10",
+    "@wikicasa-dev/vue-composables": "0.0.13",
     "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-vue": "^9.29.0",
+    "eslint": "^9.15",
+    "eslint-plugin-vue": "^9.31.0",
     "glob": "^11.0.0",
     "histoire": "^0.17.17",
     "postcss": "^8.4.49",

package/dist/BaseNavItem.js

@@ -1,58 +0,0 @@
-import s from "./BaseIcon.js";
-import { defineComponent as r, resolveComponent as n, openBlock as i, createElementBlock as l, normalizeClass as c, createBlock as m, createCommentVNode as u, renderSlot as p, createElementVNode as d, toDisplayString as f } from "vue";
-import { _ as b } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseNavItem.css';const k = r({
-  name: "BaseNavItem",
-  components: { BaseIcon: s },
-  props: {
-    text: {
-      type: String
-    },
-    iconName: {
-      type: String
-    },
-    iconClass: {
-      type: String,
-      default: "uikit-mr-5px"
-    },
-    navItemCustomClass: {
-      type: String
-    },
-    isActive: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click"],
-  watch: {
-    isActive(e) {
-      const t = this.$refs["base-nav-item"];
-      e ? t.classList.add("active") : t.classList.remove("active");
-    }
-  }
-}), v = ["id"];
-function g(e, t, C, y, $, N) {
-  const a = n("base-icon");
-  return i(), l("li", {
-    id: `${e.$attrs.id}`,
-    class: c(["uikit-group/tabs uikit-relative uikit-flex uikit-cursor-pointer uikit-items-center uikit-pb-5px disabled:uikit-border-transparent disabled:uikit-bg-transparent disabled:uikit-text-gray-600", [e.navItemCustomClass]]),
-    onClick: t[0] || (t[0] = (o) => e.$emit("click", o))
-  }, [
-    e.iconName ? (i(), m(a, {
-      key: 0,
-      "alt-attribute": "icon",
-      "icon-name": e.iconName,
-      "icon-class": e.iconClass
-    }, null, 8, ["icon-name", "icon-class"])) : u("", !0),
-    p(e.$slots, "default", {}, () => [
-      d("a", {
-        ref: "base-nav-item",
-        class: "after:uikit-absolute after:uikit-bottom-0 after:uikit-left-0 after:uikit-w-full after:uikit-content-[''] group-hover/tabs:after:uikit-border-b-2 group-hover/tabs:after:uikit-border-b-w-primary group-hover/tabs:after:[border-bottom-style:solid]"
-      }, f(e.text), 513)
-    ], !0)
-  ], 10, v);
-}
-const _ = /* @__PURE__ */ b(k, [["render", g], ["__scopeId", "data-v-7f3f4fee"]]);
-export {
-  _ as default
-};

package/dist/UIKit/BaseNavItem.vue.d.ts

@@ -1,93 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    text: {
-        type: StringConstructor;
-    };
-    iconName: {
-        type: StringConstructor;
-    };
-    iconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    navItemCustomClass: {
-        type: StringConstructor;
-    };
-    isActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    text: {
-        type: StringConstructor;
-    };
-    iconName: {
-        type: StringConstructor;
-    };
-    iconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    navItemCustomClass: {
-        type: StringConstructor;
-    };
-    isActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    isActive: boolean;
-    iconClass: string;
-}, {}, {
-    BaseIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        lazyLoading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        altAttribute: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconName: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconType: {
-            type: () => "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
-            default: string;
-        };
-        iconClass: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        lazyLoading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        altAttribute: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconName: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconType: {
-            type: () => "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
-            default: string;
-        };
-        iconClass: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
-        lazyLoading: boolean;
-        altAttribute: string;
-        iconName: string;
-        iconType: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
-        iconClass: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/assets/BaseNavItem.css

@@ -1 +0,0 @@
-.active[data-v-7f3f4fee]{font-weight:600}.active[data-v-7f3f4fee]:after{border-bottom-width:2px;--tw-border-opacity: 1;border-bottom-color:rgb(43 93 255 / var(--tw-border-opacity, 1));content:var(--tw-content);border-bottom-style:solid}

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js

@@ -1,85 +0,0 @@
-import { defineComponent as D, mergeModels as T, useModel as L, ref as c, onMounted as M, useSlots as E, computed as N, provide as u, watch as x, openBlock as l, createElementBlock as k, normalizeClass as y, createElementVNode as S, toDisplayString as z, createBlock as r, createCommentVNode as b, Fragment as U, renderList as j, withCtx as q, resolveDynamicComponent as G } from "vue";
-import { _ as H } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { _ as C } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
-import { getUID as J } from "../utils.js";
-const K = ["id"], Z = /* @__PURE__ */ D({
-  inheritAttrs: !1,
-  __name: "BaseTabView",
-  props: /* @__PURE__ */ T({
-    tabsPosition: { default: "top" },
-    tabViewDescription: {},
-    tabListClasses: { default: "" }
-  }, {
-    activeIdx: { default: 0 },
-    activeIdxModifiers: {}
-  }),
-  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
-  setup(_, { emit: I }) {
-    const g = I, d = L(_, "activeIdx"), P = c(""), v = c(null), B = c(null), s = c("");
-    M(() => {
-      s.value = J();
-    });
-    const p = E(), i = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", f = (e, a) => ({
-      renderFn: e,
-      tabId: h(a),
-      "active-tab-panel-idx": i(e)?.["active-tab-panel-idx"] ?? a,
-      "header-title": i(e)?.["header-title"] || "",
-      class: i(e)?.class || "",
-      "tab-panel-classes": i(e)?.["tab-panel-classes"] || ""
-    }), n = N(() => p.default ? p.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
-      m(t) && e.push(f(t, e.length));
-    }) : m(a) && e.push(f(a, e.length)), e), []) : []);
-    u("tabs", n), u("isTabActive", (e) => d.value === e);
-    const $ = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, A = (e) => `base-tab-panel-${e}-${s.value}`, F = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, V = (e) => {
-      P.value = h(e);
-    }, w = (e) => {
-      const a = n.value.at(e ?? -1);
-      v.value = a?.["active-tab-panel-idx"] ?? null;
-    };
-    return u("handleClick", (e) => {
-      V(e), d.value = e, g("tabClicked", { tabIdx: e });
-    }), x(
-      d,
-      (e) => {
-        w(e ?? -1);
-      },
-      {
-        immediate: !0
-      }
-    ), (e, a) => (l(), k("div", {
-      ref_key: "root",
-      ref: B,
-      class: y(e.$attrs.class)
-    }, [
-      S("span", {
-        id: `tablist-${s.value}`,
-        class: "uikit-sr-only"
-      }, z(e.tabViewDescription), 9, K),
-      e.tabsPosition === "top" ? (l(), r(C, {
-        key: 0,
-        uid: s.value,
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : b("", !0),
-      (l(!0), k(U, null, j(n.value, (t, o) => (l(), r(H, {
-        key: o,
-        id: A(o),
-        "labelled-by": F(o) || "",
-        active: $(o),
-        class: y(t["tab-panel-classes"])
-      }, {
-        default: q(() => [
-          t.renderFn.children && t.renderFn.children.default ? (l(), r(G(t.renderFn.children.default), { key: 0 })) : b("", !0)
-        ]),
-        _: 2
-      }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
-      e.tabsPosition === "bottom" ? (l(), r(C, {
-        key: 1,
-        uid: s.value,
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : b("", !0)
-    ], 2));
-  }
-});
-export {
-  Z as _
-};