@wikicasa-dev/components 2.2.9-alpha.38 → 2.2.9-alpha.40

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-autoplay.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../assets/swiper-autoplay.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-autoplay.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                         */
+import '../assets/swiper-autoplay.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -17,7 +17,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         theme?: BaseAutocompleteThemes;
         label?: string;
         disableCb?: boolean;
-        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
+        onInputChangeCb: (v: string | null) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
         onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<TPayload, TID>) => void>;
         keepState?: Nullable<"closed" | "open">;
         cleanupOnClose?: boolean;
@@ -40,7 +40,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             handleClean: () => void;
         }): any;
         'option-content'?(_: {
-            option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<TPayload, TID>>;
+            option: AccessibleSelectOptions<TPayload, TID>;
             idx: number;
         }): any;
     };

package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as x, mergeModels as $, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as T, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A } from "vue";
-import W from "../../../../UIKit/BaseInput.js";
-import j from "./BaseDropDown.vue.js";
+import { defineComponent as x, mergeModels as $, useModel as F, shallowRef as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as T, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A } from "vue";
+import R from "../../../../UIKit/BaseInput.js";
+import W from "./BaseDropDown.vue.js";
 import '../../../../assets/BaseDropDown.css';/* empty css                  */
-import { debounce as q } from "@wikicasa-dev/utilities";
-import G from "./BaseSelect/SelectItem.vue.js";
-import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
-const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
+import { debounce as j } from "@wikicasa-dev/utilities";
+import q from "./BaseSelect/SelectItem.vue.js";
+import { useKeyboardController as G } from "@wikicasa-dev/vue-composables";
+const J = ["innerHTML"], ne = /* @__PURE__ */ x({
   __name: "BaseAutocomplete",
   props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
@@ -31,11 +31,11 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: V, emit: B }) {
-    const u = F(t, "modelValue"), r = B, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => a.value.length);
+    const u = F(t, "modelValue"), r = B, i = d(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => o.value.length);
     L(() => {
-      v.value = q({ delay: 300 }, t.onInputChangeCb);
+      v.value = j({ delay: 300 }, t.onInputChangeCb);
     });
-    const { activeIdx: m, selectedIdx: h } = J({
+    const { activeIdx: m, selectedIdx: h } = G({
       optionsLength: S,
       isDropdownOpen: n,
       disableSpaceHandler: !0
@@ -76,15 +76,15 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
     }), D = async (e) => {
       if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         if (!e || b.value) {
-          a.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
+          o.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value?.(null);
           return;
         }
-        t.disableCb || (a.value = await v.value(e), n.value = !!a.value.length);
+        t.disableCb || (o.value = await v.value?.(e) || [], n.value = !!o.value.length);
       }
     }, y = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (a.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (o.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
     }, E = () => {
-      a.value.length && t.keepState !== "closed" && (n.value = !0);
+      o.value.length && t.keepState !== "closed" && (n.value = !0);
     };
     return f(
       u,
@@ -93,13 +93,13 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
       },
       { immediate: !0 }
     ), f(h, (e) => {
-      if (e === -1 || !a.value.length) return;
-      const l = a.value[e];
+      if (e === -1 || !o.value.length) return;
+      const l = o.value[e];
       b.value && l.label === u.value?.label || y(l, e);
     }), f(
       () => t.keepState,
       (e) => {
-        e === "closed" ? (n.value = !1, t.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (n.value = !0);
+        e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
       r("update:dropdownState", e);
@@ -107,7 +107,7 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
       select: () => {
         C.value?.select();
       }
-    }), (e, l) => (w(), g(j, {
+    }), (e, l) => (w(), g(W, {
       class: H(["uikit-autocomplete", e.$attrs["root-classes"]]),
       "data-cy": t.dataCy ? t.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
@@ -122,17 +122,17 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
         "uikit-z-30",
         t.dropdownClasses
       ],
-      "open-dropdown": n.value,
-      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      open: n.value,
+      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:open": l[3] || (l[3] = (o) => n.value = o),
-      onClick: l[4] || (l[4] = (o) => {
+      "onUpdate:open": l[3] || (l[3] = (a) => n.value = a),
+      onClick: l[4] || (l[4] = (a) => {
         r("click"), E();
       })
     }, {
       btn_slot: c(() => [
-        A(W, {
+        A(R, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
           ref: C,
@@ -150,42 +150,42 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, t.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => D(o === void 0 ? "" : `${o}`)),
-          onKeydown: l[1] || (l[1] = (o) => r("keydown", o)),
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => D(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
           onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
             p(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: o }) => [
-            p(e.$slots, "righticon", { handleClean: o })
+          righticon: c(({ handleClean: a }) => [
+            p(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 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(() => [
-        (w(!0), K(T, null, z(a.value, (o, s) => (w(), g(G, {
+        (w(!0), K(T, null, z(o.value, (a, s) => (w(), g(q, {
           key: s,
           active: N(m) === s,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (P) => y(o, s),
+          onClick: (P) => y(a, s),
           onMouseover: (P) => m.value = s
         }, {
           default: c(() => [
             p(e.$slots, "option-content", {
-              option: o,
+              option: a,
               idx: s
             }, () => [
               U("span", {
-                innerHTML: o.label
-              }, null, 8, Q)
+                innerHTML: a.label
+              }, null, 8, J)
             ])
           ]),
           _: 2
         }, 1032, ["active", "onClick", "onMouseover"]))), 128))
       ]),
       _: 3
-    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state", "close-when-clicked-outside"]));
+    }, 8, ["class", "data-cy", "dropdown-classes", "open", "keep-state", "close-when-clicked-outside"]));
   }
 });
 export {

package/package.json

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