@wikicasa-dev/components 2.2.9-alpha.18 → 2.2.9-alpha.20

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-controller.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-controller.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-controller.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-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseDropDown.d.ts

@@ -18,6 +18,13 @@ type __VLS_Props = {
     dropdownElement?: "div" | "ul" | "ol";
     keepState?: "opened" | "closed" | "";
     activateKeyboardController?: boolean;
+    /**
+     * List of keys that will close the dropdown.
+     * For the full list of keys, see
+     * @link https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+     * @default "Escape" and "Enter"
+     */
+    closeKeys?: false | string[];
     dataCy?: string;
 };
 type __VLS_PublicProps = {
@@ -78,6 +85,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     dropdownElement: "div" | "ul" | "ol";
     keepState: "opened" | "closed" | "";
     activateKeyboardController: boolean;
+    closeKeys: false | string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: HTMLDivElement;
     dropdown: unknown;

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

@@ -1,4 +1,4 @@
-import { defineComponent as N, mergeModels as D, useId as R, useModel as E, shallowRef as x, computed as V, useTemplateRef as B, onMounted as z, onUnmounted as U, watch as l, nextTick as q, createElementBlock as G, openBlock as k, normalizeClass as i, renderSlot as I, createBlock as K, createVNode as j, unref as r, withCtx as L, createElementVNode as F, createCommentVNode as J, resolveDynamicComponent as P } from "vue";
+import { defineComponent as N, mergeModels as D, useId as R, useModel as E, shallowRef as K, computed as V, useTemplateRef as B, onMounted as z, onUnmounted as U, watch as l, nextTick as q, createElementBlock as G, openBlock as k, normalizeClass as i, renderSlot as x, createBlock as I, createVNode as j, unref as r, withCtx as L, createElementVNode as F, createCommentVNode as J, resolveDynamicComponent as P } from "vue";
 import Q from "./BaseButton.vue.js";
 import { ArrowIcon as X } from "@wikicasa-dev/svg-icons";
 import { useKeyboardController as Y } from "@wikicasa-dev/vue-composables";
@@ -20,6 +20,7 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
     dropdownElement: { default: "div" },
     keepState: { default: "" },
     activateKeyboardController: { type: Boolean, default: !0 },
+    closeKeys: { type: [Boolean, Array], default: () => ["Escape", "Enter"] },
     dataCy: { default: "" }
   }, {
     toggleDropdown: { type: Boolean, default: void 0 },
@@ -29,21 +30,22 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
   }),
   emits: /* @__PURE__ */ D(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController"]),
   setup(o, { expose: S, emit: A }) {
-    const n = o, v = R(), w = A, m = E(o, "toggleDropdown"), p = E(
+    const n = o, v = R(), w = A, m = E(o, "toggleDropdown"), y = E(
       o,
       "resetKeyboardController"
     );
-    let y = !1;
-    const t = x(!1), u = x([]), M = V(() => u.value.length), s = B("container"), c = B("dropdown"), { activeIdx: d, selectedIdx: a, onKeyDownHandler: O } = Y({
+    let p = !1;
+    const t = K(!1), s = K([]), M = V(() => s.value.length), u = B("container"), c = B("dropdown"), { activeIdx: d, selectedIdx: a, onKeyDownHandler: O } = Y({
       optionsLength: M,
       isDropdownOpen: t,
-      global: !1
+      global: !1,
+      closeKeys: n.closeKeys ? n.closeKeys : []
     }), W = () => {
       t.value = !1;
     }, b = ({ target: e }) => {
-      s.value?.contains(e) || W();
+      u.value?.contains(e) || W();
     }, g = (e) => {
-      t.value && (s.value?.contains(e.target) || (t.value = !1));
+      t.value && (u.value?.contains(e.target) || (t.value = !1));
     }, $ = (e) => {
       if (!n.activateKeyboardController) {
         console.log("DEBUG:not triggering kkeyboard controller");
@@ -57,15 +59,15 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
     }, T = (e) => {
       e != null && (a.value = e);
     }, C = () => {
-      c.value && (u.value = Array.from(c.value.children));
+      c.value && (s.value = Array.from(c.value.children));
     };
     return z(() => {
       C();
     }), U(() => {
       n.closeWhenClickedOutside && (document.removeEventListener("click", b), document.removeEventListener("focusin", g));
-    }), l(p, (e) => {
+    }), l(y, (e) => {
       e && (d.value = -1, a.value = -1, q(() => {
-        C(), p.value = !1;
+        C(), y.value = !1;
       }));
     }), l(
       () => n.openDropdown,
@@ -78,22 +80,22 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
     ), l(t, (e) => {
       w("update:dropdownState", e);
     }), l(t, (e) => {
-      !e || y || !n.closeWhenClickedOutside || (document.addEventListener("click", b), document.addEventListener("focusin", g), y = !0);
+      !e || p || !n.closeWhenClickedOutside || (document.addEventListener("click", b), document.addEventListener("focusin", g), p = !0);
     }), l(m, (e) => {
       e && (t.value = !t.value, m.value = !1);
     }), l(a, (e) => {
-      e !== -1 && u.value[e].querySelector("a")?.click();
+      e !== -1 && s.value[e]?.querySelector("a")?.click();
     }), S({
       activeIdx: d,
       selectedIdx: a,
-      getRootElement: () => s.value,
+      getRootElement: () => u.value,
       getContentElement: () => c.value
     }), (e, h) => (k(), G("div", {
       ref: "container",
       class: i(["uikit-relative uikit-block", e.$attrs.class]),
       onKeydown: $
     }, [
-      I(e.$slots, "btn_slot", {
+      x(e.$slots, "btn_slot", {
         toggleDropdown: f,
         isOpen: t.value
       }, () => [
@@ -116,7 +118,7 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
               class: i(["uikit-mr-5px", o.labelClasses]),
               innerHTML: o.btnLabel
             }, null, 10, Z),
-            o.withArrowIcon ? (k(), K(r(X), {
+            o.withArrowIcon ? (k(), I(r(X), {
               key: 0,
               class: i(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value ? "uikit-rotate-180" : ""]),
               width: o.arrowWidth,
@@ -127,7 +129,7 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
           _: 1
         }, 8, ["id", "data-cy", "class", "aria-expanded"])
       ]),
-      (k(), K(P(o.dropdownElement), {
+      (k(), I(P(o.dropdownElement), {
         id: "dropdown_" + r(v),
         ref: "dropdown",
         "data-cy": o.dataCy && `${o.dataCy}_dropdown`,
@@ -141,7 +143,7 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
         "aria-hidden": !t.value
       }, {
         default: L(() => [
-          I(e.$slots, "default", {
+          x(e.$slots, "default", {
             isOpen: t.value,
             toggleDropdown: f,
             activeIdx: r(d),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.9-alpha.18",
+  "version": "2.2.9-alpha.20",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,7 +44,7 @@
     "vue": "^3.5.0",
     "date-fns": "^4.0.0",
     "@wikicasa-dev/svg-icons": "^1.2.24",
-    "@wikicasa-dev/vue-composables": "^0.0.29",
+    "@wikicasa-dev/vue-composables": "^0.0.32",
     "@wikicasa-dev/types": "^2.4.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },
@@ -64,7 +64,7 @@
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@wikicasa-dev/svg-icons": "1.2.24",
-    "@wikicasa-dev/vue-composables": "0.0.29",
+    "@wikicasa-dev/vue-composables": "0.0.32",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
     "@wikicasa-dev/types": "2.4.6",
     "@wikicasa-dev/utilities": "1.2.0",