@wikicasa-dev/components 1.9.22 → 1.9.23

package/dist/BaseInput.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, mergeModels as M, useModel as O, ref as b, watch as h, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as $, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
+import { defineComponent as N, mergeModels as M, useModel as O, ref as b, watch as h, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as c, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
 import J from "./BaseFloatingLabel.js";
 import { useFloatingLabel as Q } from "./useFloatingLabel.js";
 import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
@@ -102,7 +102,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         handleShowPasswd: z,
         curType: n.value
       }, void 0, !0),
-      $("input", {
+      c("input", {
         id: e.$attrs.id,
         ref_key: "baseInputEl",
         ref: p,
@@ -145,7 +145,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         ],
         onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
       }, null, 42, W),
-      $("fieldset", {
+      c("fieldset", {
         class: m(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
           {
             "is-invalid uikit-border-w-danger": e.isValid === !1,
@@ -156,8 +156,8 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
           e.$attrs["fieldset-classes"]
         ]])
       }, [
-        $("legend", X, [
-          $("span", {
+        c("legend", X, [
+          c("span", {
             class: m(["visible-label uikit-opacity-0", [
               { "uikit-mx-5px": e.labelText },
               {
@@ -185,12 +185,12 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         ]
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes"])) : w("", !0),
       v(e.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(f.value.invalid, (t, c) => (s(), d("div", {
-          key: `${e.$attrs.id}_invalid_${c}`,
+        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(f.value.invalid, (t, $) => (s(), d("div", {
+          key: `${e.$attrs.id}_invalid_${$}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: t
-        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(f.value.valid, (t, c) => (s(), d("div", {
-          key: `${e.$attrs.id}_valid_${c}`,
+        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(f.value.valid, (t, $) => (s(), d("div", {
+          key: `${e.$attrs.id}_valid_${$}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: t
         }, null, 8, U))), 128)) : w("", !0)
@@ -200,7 +200,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       ])) : w("", !0)
     ], 2));
   }
-}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-7848a5b8"]]);
+}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-cd1cc0a8"]]);
 export {
   ne as default
 };

package/dist/BaseTextarea.js

@@ -121,7 +121,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
       }, null, 10, q)) : p("", !0)
     ], 2));
   }
-}), J = /* @__PURE__ */ C(A, [["__scopeId", "data-v-b3053514"]]);
+}), J = /* @__PURE__ */ C(A, [["__scopeId", "data-v-9e55a6e9"]]);
 export {
   J as default
 };

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

@@ -1,4 +1,4 @@
-import { AccessibleSelectOptions } from '@wikicasa-dev/types';
+import { AccessibleSelectOptions } from './types';
 
 declare function __VLS_template(): {
     lefticon?(_: {}): any;

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

@@ -1,4 +1,5 @@
-import { AccessibleSelectOptions, Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
+import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
+import { AccessibleSelectOptions } from './types';
 
 type ModelValueType<T = unknown> = AccessibleSelectOptions<T>;
 declare function __VLS_template(): {

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

@@ -1,4 +1,5 @@
-import { Nullable, FeedbackLabels, ClassType } from '@wikicasa-dev/types';
+import { Nullable, ClassType } from '@wikicasa-dev/types';
+import { FeedbackLabels } from './types';
 
 declare function __VLS_template(): {
     leftIcon?(_: {}): any;

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

@@ -52,7 +52,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             feedback: {
-                type: import('vue').PropType<import('@wikicasa-dev/types').FeedbackLabels>;
+                type: import('vue').PropType<import('./types').FeedbackLabels>;
             };
             inputClass: {
                 type: import('vue').PropType<unknown[] | import('@wikicasa-dev/types').ClassType>;
@@ -112,7 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             feedback: {
-                type: import('vue').PropType<import('@wikicasa-dev/types').FeedbackLabels>;
+                type: import('vue').PropType<import('./types').FeedbackLabels>;
             };
             inputClass: {
                 type: import('vue').PropType<unknown[] | import('@wikicasa-dev/types').ClassType>;
@@ -162,7 +162,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         feedback: {
-            type: import('vue').PropType<import('@wikicasa-dev/types').FeedbackLabels>;
+            type: import('vue').PropType<import('./types').FeedbackLabels>;
         };
         inputClass: {
             type: import('vue').PropType<unknown[] | import('@wikicasa-dev/types').ClassType>;

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

@@ -1,4 +1,5 @@
-import { FeedbackLabels, Nullable } from '@wikicasa-dev/types';
+import { Nullable } from '@wikicasa-dev/types';
+import { FeedbackLabels } from './types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string | undefined>;

package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts

@@ -1,14 +1,14 @@
-import { CheckboxButtonType, GetterIdType } from '@wikicasa-dev/types';
+import { CheckboxButtonType, GetterIdType } from '../types';
 
 type CheckboxGroupData<T extends string | number = string> = Record<T, CheckboxButtonType>;
 declare function __VLS_template(): {
     default?(_: {
-        isActive: (elem: CheckboxButtonType) => boolean;
+        isActive: (elem: CheckboxButtonType | string | number) => boolean;
         handleChange: (checkboxValue: CheckboxButtonType) => void;
         checkboxesData: CheckboxGroupData<string>;
     }): any;
     checkbox_elements?(_: {
-        isActive: (elem: CheckboxButtonType) => boolean;
+        isActive: (elem: CheckboxButtonType | string | number) => boolean;
         handleChange: (checkboxValue: CheckboxButtonType) => void;
         checkboxesData: CheckboxGroupData<string>;
     }): any;

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

@@ -1,4 +1,5 @@
-import { RadioButtonType, Nullable } from '@wikicasa-dev/types';
+import { RadioButtonType } from '../types';
+import { Nullable } from '@wikicasa-dev/types';
 
 declare function __VLS_template(): {
     default?(_: {

package/dist/UIKit/types.d.ts

@@ -1,4 +1,4 @@
-import { ClassType, Icon } from '@wikicasa-dev/types';
+import { ClassType, Icon, LabelItem, IconItem } from '@wikicasa-dev/types';
 
 export type CardTypes = "mini" | "vertical" | "news" | "";
 export type CardRootTypes = "div" | "article";
@@ -24,3 +24,30 @@ export type TabType = {
     renderFn: any;
     tabId: string;
 } & BaseTabProps;
+export type CheckboxButtonType<T = string | number, T1 = string | number, T2 = unknown> = {
+    id: T;
+    label: T1;
+    checked?: boolean;
+    reset?: boolean;
+    payload?: T2;
+};
+export type CheckboxButtonTypeObj = Omit<CheckboxButtonType, "checked"> & {
+    checked: boolean;
+};
+export type GetterIdType<T = CheckboxButtonType | string | number> = (checkboxBtn: T) => string | number;
+export type LabelState = "inline-label" | "floating-label";
+export type FeedbackLabels = {
+    valid?: string[] | string;
+    invalid?: string[] | string;
+};
+export type SelectOptions<T = void> = IconItem & LabelItem & {
+    payload?: T;
+};
+export type AccessibleSelectOptions<T = unknown, L = string | number | undefined> = IconItem & LabelItem<L> & {
+    visibleLabel?: string;
+} & T;
+export type RadioButtonType<T = unknown> = {
+    id?: string | number | null;
+    label: string | number;
+    payload?: T;
+};

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-7848a5b8]{--icon-default-size: 44px}.invalid-bg[data-v-7848a5b8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-7848a5b8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-7848a5b8],.valid-bg[data-v-7848a5b8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-7848a5b8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-7848a5b8]>label.inline-label{left:var(--icon-default-size)}[data-v-7848a5b8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-7848a5b8] .text-input-icon.left{left:5px}[data-v-7848a5b8] .text-input-icon.right{right:5px}[data-v-7848a5b8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-7848a5b8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-7848a5b8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-7848a5b8]{left:4px;font-style:italic}
+.input-wrapper[data-v-cd1cc0a8]{--icon-default-size: 44px}.invalid-bg[data-v-cd1cc0a8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-cd1cc0a8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-cd1cc0a8],.valid-bg[data-v-cd1cc0a8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-cd1cc0a8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-cd1cc0a8]>label.inline-label{left:var(--icon-default-size)}[data-v-cd1cc0a8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-cd1cc0a8] .text-input-icon.left{left:5px}[data-v-cd1cc0a8] .text-input-icon.right{right:5px}[data-v-cd1cc0a8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-cd1cc0a8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-cd1cc0a8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-cd1cc0a8]{left:4px;font-style:italic}

package/dist/assets/BaseTextarea.css

@@ -1 +1 @@
-.invalid-bg[data-v-b3053514]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-b3053514]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-b3053514],.valid-bg[data-v-b3053514]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity))}.is-valid.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-thumb{background-color:#2b5dff!important}.is-invalid.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-thumb{background-color:#fa4f64!important}
+.invalid-bg[data-v-9e55a6e9]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-9e55a6e9]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-9e55a6e9],.valid-bg[data-v-9e55a6e9]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-9e55a6e9]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-9e55a6e9]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.textarea-scrollbar[data-v-9e55a6e9]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity))}.is-valid.textarea-scrollbar[data-v-9e55a6e9]::-webkit-scrollbar-thumb{background-color:#2b5dff!important}.is-invalid.textarea-scrollbar[data-v-9e55a6e9]::-webkit-scrollbar-thumb{background-color:#fa4f64!important}

package/dist/composables/useFloatingLabel.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { LabelState } from '@wikicasa-dev/types';
+import { LabelState } from '../UIKit/types';
 
 interface UsableFloatingLabel {
     labelState: Ref<LabelState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.9.22",
+  "version": "1.9.23",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,7 +44,7 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@wikicasa-dev/svg-icons": "^0.1.11",
     "@wikicasa-dev/tailwind-plugins": "^0.0.2",
-    "@wikicasa-dev/types": "^1.5.52",
+    "@wikicasa-dev/types": "^1.8.0",
     "@wikicasa-dev/utilities": "^1.0.22",
     "@wikicasa-dev/vue-composables": "0.0.10",
     "autoprefixer": "^10.4.20",