npm - @wikicasa-dev/components - Versions diffs - 1.7.21 → 1.7.23 - Mend

@wikicasa-dev/components 1.7.21 → 1.7.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/BaseAutocomplete.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.qS_LdstC.js";
 export {
   f as default
 };

package/dist/UIKit/BaseAutocomplete.vue.d.ts CHANGED Viewed

@@ -51,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     keydown: (args_0: KeyboardEvent) => void;
+    keydownEnterPressed: () => void;
     "update:dropdownState": (args_0: boolean) => void;
     changedValue: (args_0: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -102,6 +103,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onClick?: (() => any) | undefined;
+    onKeydownEnterPressed?: (() => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
     onChangedValue?: ((args_0: string) => any) | undefined;
 }, {

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.qS_LdstC.js} RENAMED Viewed

@@ -1,22 +1,22 @@
-import { defineComponent as P, mergeModels as S, useModel as z, ref as s, computed as k, onBeforeMount as E, watch as f, openBlock as y, createBlock as V, normalizeClass as K, withCtx as c, createVNode as N, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as W, createElementVNode as j } from "vue";
+import { defineComponent as L, mergeModels as S, useModel as H, ref as s, computed as k, onBeforeMount as K, watch as f, openBlock as y, createBlock as V, normalizeClass as z, withCtx as c, createVNode as N, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as W, createElementVNode as j } from "vue";
 import q from "../BaseInput.js";
 import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
 import "./js.cookie.BQua9eWh.js";
 import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { useKeyboardController as Q } from "../useKeyboardController.js";
-function R(d, v) {
-  return (...m) => new Promise((t, i) => {
-    d.id && clearTimeout(d.id), d.id = setTimeout(() => {
+function R(i, v) {
+  return (...m) => new Promise((l, d) => {
+    i.id && clearTimeout(i.id), i.id = setTimeout(() => {
       try {
-        const r = v(...m);
-        t(r);
-      } catch (r) {
-        i(r);
+        const a = v(...m);
+        l(a);
+      } catch (a) {
+        d(a);
       }
-    }, d.delay);
+    }, i.delay);
   });
 }
-const X = ["innerHTML"], oe = /* @__PURE__ */ P({
+const X = ["innerHTML"], oe = /* @__PURE__ */ L({
   __name: "BaseAutocomplete",
   props: /* @__PURE__ */ S({
     border: { type: Boolean, default: !0 },
@@ -38,18 +38,18 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ P({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:dropdownState", "changedValue", "click", "keydown"], ["update:modelValue"]),
-  setup(d, { expose: v, emit: m }) {
-    const t = d, i = z(d, "modelValue"), r = m, u = s(""), n = s([]), h = s(null), p = s(!1), o = s(!1), g = s(null), O = k(() => n.value.length);
-    E(() => {
-      u.value = i.value?.label || "", h.value = R({ delay: 300 }, t.onInputChangeCb);
+  emits: /* @__PURE__ */ S(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(i, { expose: v, emit: m }) {
+    const l = i, d = H(i, "modelValue"), a = m, u = s(""), n = s([]), h = s(null), p = s(!1), o = s(!1), g = s(null), O = k(() => n.value.length);
+    K(() => {
+      u.value = d.value?.label || "", h.value = R({ delay: 300 }, l.onInputChangeCb);
     });
     const { activeIdx: w, selectedIdx: C } = Q({
       optionsLength: O,
       isDropdownOpen: o,
       disableSpaceHandler: !0
     }), M = k(() => {
-      switch (t.theme) {
+      switch (l.theme) {
         case "bordered":
           return "";
         case "all-bordered":
@@ -60,7 +60,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ P({
           return "";
       }
     }), I = k(() => {
-      switch (t.theme) {
+      switch (l.theme) {
         case "bordered":
           return "";
         case "all-bordered":
@@ -70,9 +70,9 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), D = k(() => {
+    }), P = k(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
-      switch (t.theme) {
+      switch (l.theme) {
         case "bordered":
           return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
         case "all-bordered":
@@ -82,39 +82,39 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), T = async (e) => {
-      if (u.value !== e && (r("changedValue", e), u.value = e, !!t.onInputChangeCb)) {
+    }), D = async (e) => {
+      if (u.value !== e && (a("changedValue", e), u.value = e, !!l.onInputChangeCb)) {
         if (!e || p.value) {
-          n.value = [], p.value = !1, C.value = -1, w.value = -1, i.value && (i.value.label = ""), o.value = !1, await h.value(null);
+          n.value = [], p.value = !1, C.value = -1, w.value = -1, d.value && (d.value.label = ""), o.value = !1, await h.value(null);
           return;
         }
-        t.disableCb || (n.value = await h.value(e), o.value = !!n.value.length);
+        l.disableCb || (n.value = await h.value(e), o.value = !!n.value.length);
       }
-    }, $ = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), p.value = !0, u.value = e.label, i.value = e, o.value = !1, C.value = l;
-    }, L = () => {
-      n.value.length && t.keepState !== "closed" && (o.value = !0);
+    }, $ = (e, t) => {
+      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (n.value = []), p.value = !0, u.value = e.label, d.value = e, o.value = !1, C.value = t;
+    }, E = () => {
+      n.value.length && l.keepState !== "closed" && (o.value = !0);
     };
-    return f(i, (e, l) => {
-      e !== l && (u.value = e?.label || "");
+    return f(d, (e, t) => {
+      e !== t && (u.value = e?.label || "");
     }), f(C, (e) => {
       if (e === -1 || !n.value.length)
         return;
-      const l = n.value[e];
-      p.value && l.label === i.value?.label || $(l, e);
+      const t = n.value[e];
+      p.value && t.label === d.value?.label || $(t, e);
     }), f(
-      () => t.keepState,
+      () => l.keepState,
       (e) => {
-        e === "closed" ? (o.value = !1, t.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
+        e === "closed" ? (o.value = !1, l.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
       }
     ), f(o, (e) => {
-      r("update:dropdownState", e);
+      a("update:dropdownState", e);
     }), v({
       select: () => {
         g.value?.select();
       }
-    }), (e, l) => (y(), V(G, {
-      class: K(e.$attrs["root-classes"]),
+    }), (e, t) => (y(), V(G, {
+      class: z(e.$attrs["root-classes"]),
       "data-cy": `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
@@ -124,15 +124,15 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ P({
         {
           "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !e.theme
         },
-        D.value,
+        P.value,
         "!uikit-max-h-[210px] uikit-z-30",
         e.dropdownClasses
       ],
       "open-dropdown": o.value,
-      "keep-state": !n.value.length || t.keepState === "closed" ? "closed" : "opened",
-      "onUpdate:dropdownState": l[2] || (l[2] = (a) => o.value = a),
-      onClick: l[3] || (l[3] = (a) => {
-        r("click"), L();
+      "keep-state": !n.value.length || l.keepState === "closed" ? "closed" : "opened",
+      "onUpdate:dropdownState": t[3] || (t[3] = (r) => o.value = r),
+      onClick: t[4] || (t[4] = (r) => {
+        a("click"), E();
       }),
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed
     }, {
@@ -151,29 +151,30 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ P({
           "with-right-icon": !!e.$slots.righticon,
           "input-class": [M.value, e.$attrs["input-classes"]],
           "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => T(a === void 0 ? "" : `${a}`)),
-          onKeydown: l[1] || (l[1] = (a) => r("keydown", a))
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => D(r === void 0 ? "" : `${r}`)),
+          onKeydown: t[1] || (t[1] = (r) => a("keydown", r)),
+          onKeydownEnterPressed: t[2] || (t[2] = () => a("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
             B(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: a }) => [
-            B(e.$slots, "righticon", { handleClean: a })
+          righticon: c(({ handleClean: r }) => [
+            B(e.$slots, "righticon", { handleClean: r })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: c(() => [
-        (y(!0), U(A, null, F(n.value, (a, b) => (y(), V(J, {
+        (y(!0), U(A, null, F(n.value, (r, b) => (y(), V(J, {
           key: b,
           active: W(w) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (H) => $(a, b),
-          onMouseover: (H) => w.value = b
+          onClick: (T) => $(r, b),
+          onMouseover: (T) => w.value = b
         }, {
           default: c(() => [
             j("span", {
-              innerHTML: a.label
+              innerHTML: r.label
             }, null, 8, X)
           ]),
           _: 2

package/dist/index.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ import SelectItem from './UIKit/BaseSelect/SelectItem.vue';
 import CheckboxBtn from './UIKit/Checkbox/CheckboxBtn.vue';
 import CheckboxGroup from './UIKit/Checkbox/CheckboxGroup.vue';
 import BaseTab from './UIKit/Tab/BaseTab.vue';
-import BaseTabList from './UIKit/Tab/BaseTabView.vue';
+import BaseTabView from './UIKit/Tab/BaseTabView.vue';
 import RadioButton from './UIKit/Radio/RadioButton.vue';
 import RadioGroup from './UIKit/Radio/RadioGroup.vue';
 import AccessibleSelect from './UIKit/AccessibleSelect.vue';
@@ -38,4 +38,4 @@ import SwiperCarousel from './components/carousel/SwiperCarousel.vue';
 import SwiperSlide from './components/carousel/SwiperSlide.vue';
 import { useValidator } from './composables/useValidator';
 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, BaseTabList, };
+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, };

package/dist/index.js CHANGED Viewed

@@ -11,13 +11,13 @@ import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang
 import { _ as C } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
 import { _ as I } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DTUA_Q5e.js";
 import { _ as T } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.5pqk7vlZ.js";
-import { _ as k } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as w } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js";
-import { _ as L } 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.BwONsejV.js";
+import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
+import { _ as v } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.qS_LdstC.js";
+import { _ as F } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
+import { _ as L } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BwONsejV.js";
 import { _ as P } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
-import { default as M } from "./BaseComplexToggle.js";
-import { _ as U } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
+import { default as V } from "./BaseComplexToggle.js";
+import { _ as N } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
 import { default as j } from "./BaseFloatingLabel.js";
 import { default as y } from "./BaseIcon.js";
 import { default as E } from "./BaseInput.js";
@@ -44,13 +44,13 @@ export {
   t as BaseAccordionBtn,
   f as BaseAccordionContent,
   m as BaseAccordionItem,
-  k as BaseAlert,
-  w as BaseAutocomplete,
-  L as BaseBadge,
-  G as BaseButton,
+  w as BaseAlert,
+  v as BaseAutocomplete,
+  F as BaseBadge,
+  L as BaseButton,
   P as BaseCard,
-  M as BaseComplexToggle,
-  U as BaseDropDown,
+  V as BaseComplexToggle,
+  N as BaseDropDown,
   j as BaseFloatingLabel,
   y as BaseIcon,
   E as BaseInput,
@@ -61,7 +61,7 @@ export {
   Z as BaseSlider,
   le as BaseSnackbar,
   i as BaseTab,
-  b as BaseTabList,
+  b as BaseTabView,
   ee as BaseTextarea,
   ae as BaseToggle,
   te as BaseTooltip,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.7.21",
+  "version": "1.7.23",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",