@wizleap-inc/wiz-ui-next 2.34.0 → 2.35.0

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 (11) hide show
  1. package/dist/components/base/inputs/search-input/search-input.vue.d.ts +99 -5
  2. package/dist/components/base/inputs/search-input/search-popup.vue.d.ts +32 -5
  3. package/dist/components/base/inputs/search-selector/popup-button-group/index.d.ts +2 -0
  4. package/dist/components/base/inputs/search-selector/popup-button-group/popup-button-group.vue.d.ts +1613 -0
  5. package/dist/components/base/inputs/search-selector/search-selector.vue.d.ts +1926 -1177
  6. package/dist/components/base/inputs/search-selector/types.d.ts +1 -0
  7. package/dist/components/base/inputs/selectbox/types.d.ts +1 -0
  8. package/dist/style.css +1 -1
  9. package/dist/wiz-ui.es.js +3904 -3639
  10. package/dist/wiz-ui.umd.js +18 -18
  11. package/package.json +2 -2
package/dist/components/base/inputs/search-input/search-input.vue.d.ts CHANGED
@@ -27,6 +27,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
27
27
  type: BooleanConstructor;
28
28
  required: false;
29
29
  };
30
+ singleSelect: {
31
+ type: BooleanConstructor;
32
+ required: false;
33
+ default: boolean;
34
+ };
30
35
  inputWidth: {
31
36
  type: StringConstructor;
32
37
  required: false;
@@ -55,6 +60,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
55
60
  required: false;
56
61
  default: string;
57
62
  };
63
+ showSelectedItem: {
64
+ type: BooleanConstructor;
65
+ required: false;
66
+ default: boolean;
67
+ };
58
68
  }, {
59
69
  props: any;
60
70
  emit: (event: "toggle" | "click" | "update:modelValue", ...args: any[]) => void;
@@ -73,14 +83,58 @@ declare const _sfc_main: import("vue").DefineComponent<{
73
83
  activeItemIndex: import("vue").Ref<number | null>;
74
84
  hasFocus: import("vue").Ref<boolean>;
75
85
  isBorder: import("vue").Ref<boolean>;
86
+ valueToOption: import("vue").ComputedRef<Map<number, SearchInputOption>>;
76
87
  state: import("vue").ComputedRef<"default" | "active">;
77
88
  computedInputWidth: import("vue").ComputedRef<string>;
78
89
  computedPopupWidth: import("vue").ComputedRef<string | undefined>;
79
90
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
91
+ displayingSelectedItems: import("vue").ComputedRef<boolean>;
80
92
  onMouseover: (value: number) => void;
81
93
  handleClickCheckbox: (value: number) => void;
94
+ handleClickButton: (value: number) => void;
82
95
  filterOptions: (match: (label: string) => boolean) => (options: SearchInputOption[]) => SearchInputOption[];
83
96
  searchBy: (keyword: string) => (str: string) => boolean;
97
+ onClear: (value: number) => void;
98
+ onBackspace: (n: number, event: KeyboardEvent) => void;
99
+ readonly ARIA_LABELS: {
100
+ readonly PASSWORD_VISIBLE_TOGGLE: "パスワードの表示切り替え";
101
+ readonly YEAR_SELECTOR_PREV: "前の年へ";
102
+ readonly YEAR_SELECTOR_NEXT: "次の年へ";
103
+ readonly MONTH_SELECTOR_PREV: "前の月へ";
104
+ readonly MONTH_SELECTOR_NEXT: "次の月へ";
105
+ readonly TIME_PICKER_CANCEL: "時間の選択を解除";
106
+ readonly DATE_PICKER_INPUT: "日付を選択";
107
+ readonly DATE_PICKER_CANCEL: "日付の選択を解除";
108
+ readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
109
+ readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
110
+ readonly DIALOG: {
111
+ readonly CLOSE: "ダイアログを閉じる";
112
+ };
113
+ readonly MENU: "メニュー";
114
+ readonly SEARCH_SELECTOR: {
115
+ readonly UNSELECT: "選択を解除する";
116
+ readonly EXPAND: "開閉する";
117
+ };
118
+ readonly SNACKBAR: {
119
+ readonly CLOSE: "通知を閉じる";
120
+ };
121
+ readonly CHAT_CARD: {
122
+ readonly EXPAND: "チャット画面を開閉する";
123
+ };
124
+ readonly CHAT_FORM: {
125
+ readonly SEND: "送信する";
126
+ };
127
+ readonly RANGE_DATE_PICKER_CANCEL: "日付の範囲の選択を解除";
128
+ readonly PAGINATION: "ページネーション";
129
+ readonly PAGINATION_PREV: "前のページへ";
130
+ readonly PAGINATION_NEXT: "次のページへ";
131
+ readonly INFORMATION_PANEL: {
132
+ readonly CLOSE: "パネルを閉じる";
133
+ };
134
+ readonly FULL_MODAL_VIEW: {
135
+ readonly CLOSE: "モーダルを閉じる";
136
+ };
137
+ };
84
138
  readonly styles: typeof styles;
85
139
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
86
140
  readonly WizCheckBoxNew: import("vue").DefineComponent<{
@@ -988,9 +1042,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
988
1042
  type: StringConstructor;
989
1043
  required: true;
990
1044
  };
1045
+ singleSelect: {
1046
+ type: BooleanConstructor;
1047
+ required: false;
1048
+ default: boolean;
1049
+ };
991
1050
  }, {
992
1051
  props: any;
993
- emit: (event: "update:modelValue" | "mouseover", ...args: any[]) => void;
1052
+ emit: (event: "toggle" | "update:modelValue" | "mouseover", ...args: any[]) => void;
994
1053
  activeItem: import("vue").Ref<number | null | undefined>;
995
1054
  activeItemIndex: import("vue").Ref<number | null>;
996
1055
  ITEM_HEIGHT: number;
@@ -1013,6 +1072,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1013
1072
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
1014
1073
  onMouseover: (value: number, options?: SearchInputOption[] | undefined) => void;
1015
1074
  handleClickCheckbox: (value: number) => void;
1075
+ handleClickButton: (value: number) => void;
1016
1076
  readonly styles: typeof styles;
1017
1077
  readonly WizCheckBoxNew: import("vue").DefineComponent<{
1018
1078
  checked: {
@@ -1706,7 +1766,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
1706
1766
  type: StringConstructor;
1707
1767
  required: true;
1708
1768
  };
1709
- }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1769
+ singleSelect: {
1770
+ type: BooleanConstructor;
1771
+ required: false;
1772
+ default: boolean;
1773
+ };
1774
+ }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "update:modelValue" | "mouseover")[], "toggle" | "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1710
1775
  options: {
1711
1776
  type: PropType<SearchInputOption[]>;
1712
1777
  required: true;
@@ -1727,10 +1792,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
1727
1792
  type: StringConstructor;
1728
1793
  required: true;
1729
1794
  };
1795
+ singleSelect: {
1796
+ type: BooleanConstructor;
1797
+ required: false;
1798
+ default: boolean;
1799
+ };
1730
1800
  }>> & {
1801
+ onToggle?: ((...args: any[]) => any) | undefined;
1731
1802
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1732
1803
  onMouseover?: ((...args: any[]) => any) | undefined;
1733
- }, {}, {}>;
1804
+ }, {
1805
+ singleSelect: boolean;
1806
+ }, {}>;
1734
1807
  readonly WizTag: import("vue").DefineComponent<{
1735
1808
  label: {
1736
1809
  type: StringConstructor;
@@ -1974,7 +2047,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1974
2047
  variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
1975
2048
  }, {}>;
1976
2049
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
1977
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
2050
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "update:modelValue" | "mouseover")[], "toggle" | "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1978
2051
  options: {
1979
2052
  type: PropType<SearchInputOption[]>;
1980
2053
  required: true;
@@ -1995,10 +2068,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
1995
2068
  type: StringConstructor;
1996
2069
  required: true;
1997
2070
  };
2071
+ singleSelect: {
2072
+ type: BooleanConstructor;
2073
+ required: false;
2074
+ default: boolean;
2075
+ };
1998
2076
  }>> & {
2077
+ onToggle?: ((...args: any[]) => any) | undefined;
1999
2078
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
2000
2079
  onMouseover?: ((...args: any[]) => any) | undefined;
2001
- }, {}, {}>;
2080
+ }, {
2081
+ singleSelect: boolean;
2082
+ }, {}>;
2002
2083
  readonly WizTag: import("vue").DefineComponent<{
2003
2084
  label: {
2004
2085
  type: StringConstructor;
@@ -2242,6 +2323,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
2242
2323
  variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
2243
2324
  }, {}>;
2244
2325
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2326
+ readonly WizIClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2245
2327
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "click" | "update:modelValue")[], "toggle" | "click" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
2246
2328
  options: {
2247
2329
  type: PropType<SearchInputOption[]>;
@@ -2267,6 +2349,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2267
2349
  type: BooleanConstructor;
2268
2350
  required: false;
2269
2351
  };
2352
+ singleSelect: {
2353
+ type: BooleanConstructor;
2354
+ required: false;
2355
+ default: boolean;
2356
+ };
2270
2357
  inputWidth: {
2271
2358
  type: StringConstructor;
2272
2359
  required: false;
@@ -2295,6 +2382,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2295
2382
  required: false;
2296
2383
  default: string;
2297
2384
  };
2385
+ showSelectedItem: {
2386
+ type: BooleanConstructor;
2387
+ required: false;
2388
+ default: boolean;
2389
+ };
2298
2390
  }>> & {
2299
2391
  onToggle?: ((...args: any[]) => any) | undefined;
2300
2392
  onClick?: ((...args: any[]) => any) | undefined;
@@ -2304,7 +2396,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
2304
2396
  disabled: boolean;
2305
2397
  expand: boolean;
2306
2398
  isDirectionFixed: boolean;
2399
+ singleSelect: boolean;
2307
2400
  inputWidth: string;
2308
2401
  emptyMessage: string;
2402
+ showSelectedItem: boolean;
2309
2403
  }, {}>;
2310
2404
  export default _sfc_main;
package/dist/components/base/inputs/search-input/search-popup.vue.d.ts CHANGED
@@ -22,9 +22,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
22
22
  type: StringConstructor;
23
23
  required: true;
24
24
  };
25
+ singleSelect: {
26
+ type: BooleanConstructor;
27
+ required: false;
28
+ default: boolean;
29
+ };
25
30
  }, {
26
31
  props: any;
27
- emit: (event: "update:modelValue" | "mouseover", ...args: any[]) => void;
32
+ emit: (event: "toggle" | "update:modelValue" | "mouseover", ...args: any[]) => void;
28
33
  activeItem: import("vue").Ref<number | null | undefined>;
29
34
  activeItemIndex: import("vue").Ref<number | null>;
30
35
  ITEM_HEIGHT: number;
@@ -47,6 +52,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
47
52
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
48
53
  onMouseover: (value: number, options?: SearchInputOption[]) => void;
49
54
  handleClickCheckbox: (value: number) => void;
55
+ handleClickButton: (value: number) => void;
50
56
  readonly styles: typeof styles;
51
57
  readonly WizCheckBoxNew: import("vue").DefineComponent<{
52
58
  checked: {
@@ -740,7 +746,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
740
746
  type: StringConstructor;
741
747
  required: true;
742
748
  };
743
- }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
749
+ singleSelect: {
750
+ type: BooleanConstructor;
751
+ required: false;
752
+ default: boolean;
753
+ };
754
+ }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "update:modelValue" | "mouseover")[], "toggle" | "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
744
755
  options: {
745
756
  type: PropType<SearchInputOption[]>;
746
757
  required: true;
@@ -761,10 +772,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
761
772
  type: StringConstructor;
762
773
  required: true;
763
774
  };
775
+ singleSelect: {
776
+ type: BooleanConstructor;
777
+ required: false;
778
+ default: boolean;
779
+ };
764
780
  }>> & {
781
+ onToggle?: ((...args: any[]) => any) | undefined;
765
782
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
766
783
  onMouseover?: ((...args: any[]) => any) | undefined;
767
- }, {}, {}>;
784
+ }, {
785
+ singleSelect: boolean;
786
+ }, {}>;
768
787
  readonly WizTag: import("vue").DefineComponent<{
769
788
  label: {
770
789
  type: StringConstructor;
@@ -1008,7 +1027,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1008
1027
  variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
1009
1028
  }, {}>;
1010
1029
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
1011
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1030
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "update:modelValue" | "mouseover")[], "toggle" | "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1012
1031
  options: {
1013
1032
  type: PropType<SearchInputOption[]>;
1014
1033
  required: true;
@@ -1029,8 +1048,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
1029
1048
  type: StringConstructor;
1030
1049
  required: true;
1031
1050
  };
1051
+ singleSelect: {
1052
+ type: BooleanConstructor;
1053
+ required: false;
1054
+ default: boolean;
1055
+ };
1032
1056
  }>> & {
1057
+ onToggle?: ((...args: any[]) => any) | undefined;
1033
1058
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1034
1059
  onMouseover?: ((...args: any[]) => any) | undefined;
1035
- }, {}, {}>;
1060
+ }, {
1061
+ singleSelect: boolean;
1062
+ }, {}>;
1036
1063
  export default _sfc_main;
package/dist/components/base/inputs/search-selector/popup-button-group/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./popup-button-group.vue";
2
+ export { default as PopupButtonGroup } from "./popup-button-group.vue";