@wikicasa-dev/components 2.2.8-alpha.6 → 2.2.8-alpha.9

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
  1. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +41 -0
  2. package/dist/UIKit/BaseAutocomplete.d.ts +7 -7
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +80 -77
  5. package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js +1 -4
  6. package/package.json +1 -1
package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts ADDED
@@ -0,0 +1,41 @@
1
+ import { AccessibleSelectOptions } from '../AccessibleSelect';
2
+ import { ClassTypeProp } from '../types';
3
+ import { Nullable } from '@wikicasa-dev/types';
4
+ export interface ClearableAutocompleteProps<TID extends string | number | undefined, TPayload> {
5
+ dataCy?: string;
6
+ triggerWrapperClasses?: ClassTypeProp;
7
+ inputWrapperClasses?: ClassTypeProp;
8
+ dropdownClasses?: ClassTypeProp;
9
+ clearButtonClasses?: ClassTypeProp;
10
+ keepState?: Nullable<"closed" | "open">;
11
+ onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
12
+ onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<TPayload, TID>) => void>;
13
+ }
14
+ declare const _default: <TID extends string | number | undefined, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
15
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
16
+ readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
17
+ readonly onClick?: (() => any) | undefined;
18
+ readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
19
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:open"> & ({
20
+ open?: boolean;
21
+ modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
22
+ } & ClearableAutocompleteProps<TID, TPayload>) & Partial<{}>> & import('vue').PublicProps;
23
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
24
+ attrs: any;
25
+ slots: {
26
+ 'left-icon'?(_: {}): any;
27
+ 'clear-icon'?(_: {}): any;
28
+ 'right-icon'?(_: {}): any;
29
+ 'option-content'?(_: {
30
+ option: AccessibleSelectOptions<TPayload, TID>;
31
+ idx: number;
32
+ }): any;
33
+ };
34
+ emit: ((evt: "click") => void) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
35
+ }>) => import('vue').VNode & {
36
+ __ctx?: Awaited<typeof __VLS_setup>;
37
+ };
38
+ export default _default;
39
+ type __VLS_PrettifyLocal<T> = {
40
+ [K in keyof T]: T[K];
41
+ } & {};
package/dist/UIKit/BaseAutocomplete.d.ts CHANGED
@@ -2,23 +2,23 @@ import { Nullable } from '@wikicasa-dev/types';
2
2
  import { AccessibleSelectOptions } from './AccessibleSelect';
3
3
  import { ClassTypeProp } from './types';
4
4
  export type BaseAutocompleteThemes = "empty" | "bordered" | "all-bordered" | "all-bordered-thick" | "";
5
- declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
5
+ declare const _default: <TID extends string | number | undefined, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
6
6
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
7
- readonly "onUpdate:modelValue"?: ((value: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
7
+ readonly "onUpdate:modelValue"?: ((value: AccessibleSelectOptions<TPayload, TID> | undefined) => any) | undefined;
8
8
  readonly onClick?: (() => any) | undefined;
9
9
  readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
10
10
  readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
11
11
  readonly onKeydownEnterPressed?: (() => any) | undefined;
12
12
  readonly onChangedValue?: ((args_0: string) => any) | undefined;
13
13
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
14
- modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
14
+ modelValue?: AccessibleSelectOptions<TPayload, TID> | undefined;
15
15
  } & {
16
16
  isValid?: Nullable<boolean>;
17
17
  theme?: BaseAutocompleteThemes;
18
18
  label?: string;
19
19
  disableCb?: boolean;
20
- onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
21
- onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
20
+ onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
21
+ onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<TPayload, TID>) => void>;
22
22
  keepState?: Nullable<"closed" | "open">;
23
23
  cleanupOnClose?: boolean;
24
24
  dropdownClasses?: string;
@@ -40,11 +40,11 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
40
40
  handleClean: () => void;
41
41
  }): any;
42
42
  'option-content'?(_: {
43
- option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<T, LabelID>>;
43
+ option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<TPayload, TID>>;
44
44
  idx: number;
45
45
  }): any;
46
46
  };
47
- emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<T, LabelID> | undefined) => void);
47
+ emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<TPayload, TID> | undefined) => void);
48
48
  }>) => import('vue').VNode & {
49
49
  __ctx?: Awaited<typeof __VLS_setup>;
50
50
  };
package/dist/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export { default as RadioGroup } from './UIKit/Radio/RadioGroup';
12
12
  export { default as AccessibleSelect } from './UIKit/AccessibleSelect';
13
13
  export { default as BaseAlert } from './UIKit/BaseAlert';
14
14
  export { default as BaseAutocomplete } from './UIKit/BaseAutocomplete';
15
+ export { default as ClearableAutocomplete } from './UIKit/Autocomplete/ClearableAutocomplete';
15
16
  export { default as BaseBadge } from './UIKit/BaseBadge';
16
17
  export { default as BaseButton, type ButtonType } from './UIKit/BaseButton';
17
18
  export { default as BaseCard } from './UIKit/BaseCard';
package/dist/index.js CHANGED
@@ -1,89 +1,92 @@
1
- import { default as m } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
- import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
- import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
- import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
- import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css */
6
- import { default as S } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
1
+ import { default as d } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
+ import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
+ import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
+ import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
+ import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css */
6
+ import { default as b } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
7
7
  import { default as g } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
8
8
  import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
9
- import { default as T } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
10
- import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
11
- import { default as k } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
12
- import { default as v } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
13
- import { default as G } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
14
- import { default as O } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
9
+ import { default as I } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
10
+ import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
11
+ import { default as D } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
12
+ import { default as F } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
13
+ import { default as M } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
14
+ import { default as R } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
15
15
  /* empty css */
16
- import { default as P } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
16
+ import { default as U } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
17
17
  /* empty css */
18
- import { default as V } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
18
+ import { default as j } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
19
+ /* empty css */
20
+ import { default as y } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
19
21
  /* empty css */
20
- import { default as q } from "./packages/components/lib/UIKit/BaseButton.vue.js";
21
- import { default as z } from "./UIKit/BaseCard.js";
22
- import { default as H } from "./UIKit/BaseComplexToggle.js";
23
- import { default as K } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
22
+ import { default as E } from "./packages/components/lib/UIKit/BaseButton.vue.js";
23
+ import { default as J } from "./UIKit/BaseCard.js";
24
+ import { default as N } from "./UIKit/BaseComplexToggle.js";
25
+ import { default as W } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
24
26
  /* empty css */
25
- import { default as Q } from "./UIKit/BaseFloatingLabel.js";
26
- import { default as X } from "./UIKit/BaseInput.js";
27
- import { default as Z } from "./packages/components/lib/UIKit/BasePagination.vue.js";
28
- import { default as $ } from "./UIKit/BaseSlider.js";
29
- import { default as ae } from "./UIKit/BaseTextarea.js";
30
- import { default as te } from "./UIKit/BaseToggle.js";
31
- import { default as fe } from "./UIKit/BaseTooltip.js";
32
- import { default as le } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
33
- import { default as me } from "./packages/components/lib/UIKit/BaseModal.vue.js";
27
+ import { default as Y } from "./UIKit/BaseFloatingLabel.js";
28
+ import { default as _ } from "./UIKit/BaseInput.js";
29
+ import { default as ee } from "./packages/components/lib/UIKit/BasePagination.vue.js";
30
+ import { default as oe } from "./UIKit/BaseSlider.js";
31
+ import { default as re } from "./UIKit/BaseTextarea.js";
32
+ import { default as se } from "./UIKit/BaseToggle.js";
33
+ import { default as pe } from "./UIKit/BaseTooltip.js";
34
+ import { default as de } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
35
+ import { default as xe } from "./packages/components/lib/UIKit/BaseModal.vue.js";
34
36
  /* empty css */
35
- import { default as ue } from "./UIKit/StaticSpinner.js";
36
- import { default as ie } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
37
- import { default as ne } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
38
- import { default as Se } from "./packages/components/lib/chart/DoughnutChart.vue.js";
39
- import { default as ge } from "./packages/components/lib/chart/LineChart.vue.js";
40
- import { default as he } from "./UIKit/Slider/SimpleSlider.js";
41
- import { default as Te } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
37
+ import { default as Be } from "./UIKit/StaticSpinner.js";
38
+ import { default as ce } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
39
+ import { default as be } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
40
+ import { default as ge } from "./packages/components/lib/chart/DoughnutChart.vue.js";
41
+ import { default as he } from "./packages/components/lib/chart/LineChart.vue.js";
42
+ import { default as Ie } from "./UIKit/Slider/SimpleSlider.js";
43
+ import { default as Le } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
42
44
  /* empty css */
43
- import { default as we } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
44
- import { default as ke } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
45
- import { default as ve } from "./components/carousel/SwiperCarousel.js";
46
- import { default as Ge } from "./components/carousel/SwiperSlide.js";
47
- import { default as Oe } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
45
+ import { default as De } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
46
+ import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
47
+ import { default as Me } from "./components/carousel/SwiperCarousel.js";
48
+ import { default as Re } from "./components/carousel/SwiperSlide.js";
49
+ import { default as Ue } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
48
50
  export {
49
- G as AccessibleSelect,
50
- m as BaseAccordion,
51
- u as BaseAccordionBtn,
52
- i as BaseAccordionContent,
53
- n as BaseAccordionItem,
54
- O as BaseAlert,
55
- P as BaseAutocomplete,
56
- V as BaseBadge,
57
- Oe as BaseBreadcrumb,
58
- q as BaseButton,
59
- z as BaseCard,
60
- H as BaseComplexToggle,
61
- K as BaseDropDown,
62
- Q as BaseFloatingLabel,
63
- X as BaseInput,
64
- me as BaseModal,
65
- Z as BasePagination,
66
- ie as BaseShimmerLoader,
67
- $ as BaseSlider,
68
- Te as BaseSnackbar,
69
- w as BaseTab,
70
- T as BaseTabView,
71
- ae as BaseTextarea,
72
- te as BaseToggle,
73
- fe as BaseTooltip,
74
- le as BaseUploadFile,
51
+ M as AccessibleSelect,
52
+ d as BaseAccordion,
53
+ x as BaseAccordionBtn,
54
+ B as BaseAccordionContent,
55
+ c as BaseAccordionItem,
56
+ R as BaseAlert,
57
+ U as BaseAutocomplete,
58
+ y as BaseBadge,
59
+ Ue as BaseBreadcrumb,
60
+ E as BaseButton,
61
+ J as BaseCard,
62
+ N as BaseComplexToggle,
63
+ W as BaseDropDown,
64
+ Y as BaseFloatingLabel,
65
+ _ as BaseInput,
66
+ xe as BaseModal,
67
+ ee as BasePagination,
68
+ ce as BaseShimmerLoader,
69
+ oe as BaseSlider,
70
+ Le as BaseSnackbar,
71
+ L as BaseTab,
72
+ I as BaseTabView,
73
+ re as BaseTextarea,
74
+ se as BaseToggle,
75
+ pe as BaseTooltip,
76
+ de as BaseUploadFile,
75
77
  g as CheckboxBtn,
76
78
  h as CheckboxGroup,
77
- Se as DoughnutChart,
78
- we as IntersectionObservable,
79
- ke as IntersectionObserver,
80
- ge as LineChart,
81
- k as RadioButton,
82
- v as RadioGroup,
83
- S as SelectItem,
84
- ne as ShimmerMultiLine,
85
- he as SimpleSlider,
86
- ue as StaticSpinner,
87
- ve as SwiperCarousel,
88
- Ge as SwiperSlide
79
+ j as ClearableAutocomplete,
80
+ ge as DoughnutChart,
81
+ De as IntersectionObservable,
82
+ Fe as IntersectionObserver,
83
+ he as LineChart,
84
+ D as RadioButton,
85
+ F as RadioGroup,
86
+ b as SelectItem,
87
+ be as ShimmerMultiLine,
88
+ Ie as SimpleSlider,
89
+ Be as StaticSpinner,
90
+ Me as SwiperCarousel,
91
+ Re as SwiperSlide
89
92
  };
package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js CHANGED
@@ -31,10 +31,7 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
31
31
  }),
32
32
  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
33
33
  setup(t, { expose: S, emit: V }) {
34
- const u = F(
35
- t,
36
- "modelValue"
37
- ), r = V, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => a.value.length);
34
+ const u = F(t, "modelValue"), r = V, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => a.value.length);
38
35
  L(() => {
39
36
  v.value = q({ delay: 300 }, t.onInputChangeCb);
40
37
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.8-alpha.6",
3
+ "version": "2.2.8-alpha.9",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",