@wikicasa-dev/components 1.3.1 → 1.3.3

package/dist/BaseAutocomplete.js

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

package/dist/BaseDropDown.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
+import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BTIpnAy4.js";
 export {
   f as default
 };

package/dist/SelectItem.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
+import { _ as f } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 export {
   f as default
 };

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

@@ -1,4 +1,4 @@
-import { AccessibleSelectOptions, Nullable } from "@wikicasa-dev/types";
+import { AccessibleSelectOptions, Nullable, BaseAutocompleteThemes } from "@wikicasa-dev/types";
 type ModelValueType<T = unknown> = AccessibleSelectOptions<T>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: import("vue").PropType<ModelValueType<unknown> | undefined>;
@@ -11,13 +11,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: null;
     };
     theme: {
-        type: import("vue").PropType<"" | "bordered" | "all-bordered" | "all-bordered-thick">;
+        type: import("vue").PropType<BaseAutocompleteThemes>;
         default: string;
     };
     border: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    dropdownClasses: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     keepState: {
         type: import("vue").PropType<Nullable<"closed" | "open">>;
         default: null;
@@ -56,13 +60,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: null;
     };
     theme: {
-        type: import("vue").PropType<"" | "bordered" | "all-bordered" | "all-bordered-thick">;
+        type: import("vue").PropType<BaseAutocompleteThemes>;
         default: string;
     };
     border: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    dropdownClasses: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     keepState: {
         type: import("vue").PropType<Nullable<"closed" | "open">>;
         default: null;
@@ -91,8 +99,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     label: string;
     isValid: Nullable<boolean>;
-    theme: "" | "bordered" | "all-bordered" | "all-bordered-thick";
+    theme: BaseAutocompleteThemes;
     border: boolean;
+    dropdownClasses: string;
     keepState: Nullable<"closed" | "open">;
     disableCb: boolean;
     onOptionSelectedCb: Nullable<(v: AccessibleSelectOptions) => void>;

package/dist/UIKit/Radio/RadioGroup.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         activeValue: {
             id?: string | number | null | undefined;
             label: string | number;
+            payload?: unknown;
         } | null;
         reset: () => void;
         isActive: (elem: RadioButtonType) => boolean;
@@ -35,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         activeValue: {
             id?: string | number | null | undefined;
             label: string | number;
+            payload?: unknown;
         } | null;
         reset: () => void;
         isActive: (elem: RadioButtonType) => boolean;

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.KqJ6OB8f.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.CZDTP9DW.js}

@@ -1,14 +1,14 @@
-import { defineComponent as H, mergeModels as S, useModel as z, ref as s, computed as k, onBeforeMount as E, watch as C, openBlock as g, createBlock as V, normalizeClass as J, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as P, createElementVNode as W } from "vue";
+import { defineComponent as H, mergeModels as S, useModel as z, ref as s, computed as f, onBeforeMount as E, watch as C, openBlock as g, createBlock as V, normalizeClass as J, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as P, createElementVNode as W } from "vue";
 import j from "../BaseInput.js";
-import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
+import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.BTIpnAy4.js";
 import "./js.cookie.BQua9eWh.js";
-import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
+import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { useKeyboardController as Q } from "../useKeyboardController.js";
-function R(u, f) {
+function R(u, k) {
   return (...v) => new Promise((t, n) => {
     u.id && clearTimeout(u.id), u.id = setTimeout(() => {
       try {
-        const i = f(...v);
+        const i = k(...v);
         t(i);
       } catch (i) {
         n(i);
@@ -27,7 +27,8 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     onInputChangeCb: {},
     onOptionSelectedCb: { default: null },
     keepState: { default: null },
-    cleanupOnClose: { type: Boolean, default: !0 }
+    cleanupOnClose: { type: Boolean, default: !0 },
+    dropdownClasses: { default: "" }
   }, {
     modelValue: {
       default() {
@@ -37,8 +38,8 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ S(["dropdownClosed", "changedValue", "click", "keydown"], ["update:modelValue"]),
-  setup(u, { expose: f, emit: v }) {
-    const t = u, n = z(u, "modelValue"), i = v, d = s(""), a = s([]), m = s(null), p = s(!1), l = s(!1), y = s(null), O = k(() => a.value.length);
+  setup(u, { expose: k, emit: v }) {
+    const t = u, n = z(u, "modelValue"), i = v, d = s(""), a = s([]), m = s(null), p = s(!1), l = s(!1), y = s(null), O = f(() => a.value.length);
     E(() => {
       d.value = n.value?.label || "", m.value = R({ delay: 300 }, t.onInputChangeCb);
     });
@@ -46,7 +47,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
       optionsLength: O,
       isDropdownOpen: l,
       disableSpaceHandler: !0
-    }), M = k(() => {
+    }), M = f(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -57,7 +58,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         default:
           return "";
       }
-    }), I = k(() => {
+    }), I = f(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -68,7 +69,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         default:
           return "";
       }
-    }), T = k(() => {
+    }), T = f(() => {
       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) {
         case "bordered":
@@ -105,7 +106,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
       (e) => {
         e === "closed" ? l.value = !1 : e === "open" && a.value.length && (l.value = !0), t.cleanupOnClose && (a.value = []), i("dropdownClosed", l.value);
       }
-    ), f({
+    ), k({
       select: () => {
         y.value?.select();
       }
@@ -122,7 +123,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         },
         T.value,
         "!uikit-max-h-[210px] uikit-z-10",
-        e.$attrs["dropdown-classes"]
+        e.dropdownClasses
       ],
       "open-dropdown": l.value,
       "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",

package/dist/chunks/{BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js → BaseDropDown.vue_vue_type_script_setup_true_lang.BTIpnAy4.js}

@@ -88,7 +88,7 @@ const S = ["innerHTML"], M = /* @__PURE__ */ w({
         id: "dropdown_" + e.id,
         ref: "dropdown",
         "data-cy": e.$attrs["data-cy"] && `${e.$attrs["data-cy"]}_dropdown`,
-        class: i(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
+        class: i(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
           e.dropdownClasses,
           t.value ? "uikit-flex" : "uikit-hidden",
           { "uikit-bottom-[55px] uikit-rounded-xs": e.direction === "up" },

package/dist/chunks/{SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js → SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js}

@@ -20,7 +20,7 @@ const b = ["tabindex"], x = ["innerHTML"], I = /* @__PURE__ */ r({
     ), (e, i) => (c(), f("li", {
       ref_key: "liItem",
       ref: l,
-      class: k(["uikit-text-w-black", [
+      class: k(["uikit-list-none uikit-text-w-black", [
         { "active uikit-bg-w-cultured": e.active },
         "uikit-outline-none",
         e.$attrs.class

package/dist/index.js

@@ -3,19 +3,19 @@ import { _ as a } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_la
 import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CrVwjQqr.js";
 import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.ofUooWrJ.js";
-import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
+import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { default as B } from "./CheckboxBtn.js";
 import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";
 import { _ as c } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
 import { _ as b } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.C-jm5z4e.js";
 import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
 import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
-import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.KqJ6OB8f.js";
+import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CZDTP9DW.js";
 import { _ as w } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as k } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
 import { _ as F } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
 import { default as O } from "./BaseComplexToggle.js";
-import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
+import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BTIpnAy4.js";
 import { default as M } from "./BaseFloatingLabel.js";
 import { default as U } from "./BaseIcon.js";
 import { default as j } from "./BaseInput.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -48,7 +48,7 @@
     "@storybook/vue3-vite": "^8.0.2",
     "@types/node": "^20.5.0",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@wikicasa-dev/types": "^1.0.3",
+    "@wikicasa-dev/types": "^1.0.4",
     "@wikicasa-dev/utilities": "^0.2.1",
     "@wikicasa-dev/svg-icons": "^0.0.1",
     "@wikicasa-dev/vue-composables": "^0.0.3",