@wizleap-inc/wiz-ui-next 2.34.0 → 2.36.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 +110 -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 +3921 -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,16 @@ 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
+ };
68
+ showParentLabel: {
69
+ type: BooleanConstructor;
70
+ required: false;
71
+ default: boolean;
72
+ };
58
73
  }, {
59
74
  props: any;
60
75
  emit: (event: "toggle" | "click" | "update:modelValue", ...args: any[]) => void;
@@ -73,14 +88,58 @@ declare const _sfc_main: import("vue").DefineComponent<{
73
88
  activeItemIndex: import("vue").Ref<number | null>;
74
89
  hasFocus: import("vue").Ref<boolean>;
75
90
  isBorder: import("vue").Ref<boolean>;
91
+ valueToOption: import("vue").ComputedRef<Map<number, SearchInputOption>>;
76
92
  state: import("vue").ComputedRef<"default" | "active">;
77
93
  computedInputWidth: import("vue").ComputedRef<string>;
78
94
  computedPopupWidth: import("vue").ComputedRef<string | undefined>;
79
95
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
96
+ displayingSelectedItems: import("vue").ComputedRef<boolean>;
80
97
  onMouseover: (value: number) => void;
81
98
  handleClickCheckbox: (value: number) => void;
99
+ handleClickButton: (value: number) => void;
82
100
  filterOptions: (match: (label: string) => boolean) => (options: SearchInputOption[]) => SearchInputOption[];
83
101
  searchBy: (keyword: string) => (str: string) => boolean;
102
+ onClear: (value: number) => void;
103
+ onBackspace: (n: number, event: KeyboardEvent) => void;
104
+ readonly ARIA_LABELS: {
105
+ readonly PASSWORD_VISIBLE_TOGGLE: "パスワードの表示切り替え";
106
+ readonly YEAR_SELECTOR_PREV: "前の年へ";
107
+ readonly YEAR_SELECTOR_NEXT: "次の年へ";
108
+ readonly MONTH_SELECTOR_PREV: "前の月へ";
109
+ readonly MONTH_SELECTOR_NEXT: "次の月へ";
110
+ readonly TIME_PICKER_CANCEL: "時間の選択を解除";
111
+ readonly DATE_PICKER_INPUT: "日付を選択";
112
+ readonly DATE_PICKER_CANCEL: "日付の選択を解除";
113
+ readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
114
+ readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
115
+ readonly DIALOG: {
116
+ readonly CLOSE: "ダイアログを閉じる";
117
+ };
118
+ readonly MENU: "メニュー";
119
+ readonly SEARCH_SELECTOR: {
120
+ readonly UNSELECT: "選択を解除する";
121
+ readonly EXPAND: "開閉する";
122
+ };
123
+ readonly SNACKBAR: {
124
+ readonly CLOSE: "通知を閉じる";
125
+ };
126
+ readonly CHAT_CARD: {
127
+ readonly EXPAND: "チャット画面を開閉する";
128
+ };
129
+ readonly CHAT_FORM: {
130
+ readonly SEND: "送信する";
131
+ };
132
+ readonly RANGE_DATE_PICKER_CANCEL: "日付の範囲の選択を解除";
133
+ readonly PAGINATION: "ページネーション";
134
+ readonly PAGINATION_PREV: "前のページへ";
135
+ readonly PAGINATION_NEXT: "次のページへ";
136
+ readonly INFORMATION_PANEL: {
137
+ readonly CLOSE: "パネルを閉じる";
138
+ };
139
+ readonly FULL_MODAL_VIEW: {
140
+ readonly CLOSE: "モーダルを閉じる";
141
+ };
142
+ };
84
143
  readonly styles: typeof styles;
85
144
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
86
145
  readonly WizCheckBoxNew: import("vue").DefineComponent<{
@@ -988,9 +1047,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
988
1047
  type: StringConstructor;
989
1048
  required: true;
990
1049
  };
1050
+ singleSelect: {
1051
+ type: BooleanConstructor;
1052
+ required: false;
1053
+ default: boolean;
1054
+ };
991
1055
  }, {
992
1056
  props: any;
993
- emit: (event: "update:modelValue" | "mouseover", ...args: any[]) => void;
1057
+ emit: (event: "toggle" | "update:modelValue" | "mouseover", ...args: any[]) => void;
994
1058
  activeItem: import("vue").Ref<number | null | undefined>;
995
1059
  activeItemIndex: import("vue").Ref<number | null>;
996
1060
  ITEM_HEIGHT: number;
@@ -1013,6 +1077,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1013
1077
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
1014
1078
  onMouseover: (value: number, options?: SearchInputOption[] | undefined) => void;
1015
1079
  handleClickCheckbox: (value: number) => void;
1080
+ handleClickButton: (value: number) => void;
1016
1081
  readonly styles: typeof styles;
1017
1082
  readonly WizCheckBoxNew: import("vue").DefineComponent<{
1018
1083
  checked: {
@@ -1706,7 +1771,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
1706
1771
  type: StringConstructor;
1707
1772
  required: true;
1708
1773
  };
1709
- }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1774
+ singleSelect: {
1775
+ type: BooleanConstructor;
1776
+ required: false;
1777
+ default: boolean;
1778
+ };
1779
+ }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "update:modelValue" | "mouseover")[], "toggle" | "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1710
1780
  options: {
1711
1781
  type: PropType<SearchInputOption[]>;
1712
1782
  required: true;
@@ -1727,10 +1797,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
1727
1797
  type: StringConstructor;
1728
1798
  required: true;
1729
1799
  };
1800
+ singleSelect: {
1801
+ type: BooleanConstructor;
1802
+ required: false;
1803
+ default: boolean;
1804
+ };
1730
1805
  }>> & {
1806
+ onToggle?: ((...args: any[]) => any) | undefined;
1731
1807
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1732
1808
  onMouseover?: ((...args: any[]) => any) | undefined;
1733
- }, {}, {}>;
1809
+ }, {
1810
+ singleSelect: boolean;
1811
+ }, {}>;
1734
1812
  readonly WizTag: import("vue").DefineComponent<{
1735
1813
  label: {
1736
1814
  type: StringConstructor;
@@ -1974,7 +2052,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1974
2052
  variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
1975
2053
  }, {}>;
1976
2054
  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<{
2055
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "update:modelValue" | "mouseover")[], "toggle" | "update:modelValue" | "mouseover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1978
2056
  options: {
1979
2057
  type: PropType<SearchInputOption[]>;
1980
2058
  required: true;
@@ -1995,10 +2073,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
1995
2073
  type: StringConstructor;
1996
2074
  required: true;
1997
2075
  };
2076
+ singleSelect: {
2077
+ type: BooleanConstructor;
2078
+ required: false;
2079
+ default: boolean;
2080
+ };
1998
2081
  }>> & {
2082
+ onToggle?: ((...args: any[]) => any) | undefined;
1999
2083
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
2000
2084
  onMouseover?: ((...args: any[]) => any) | undefined;
2001
- }, {}, {}>;
2085
+ }, {
2086
+ singleSelect: boolean;
2087
+ }, {}>;
2002
2088
  readonly WizTag: import("vue").DefineComponent<{
2003
2089
  label: {
2004
2090
  type: StringConstructor;
@@ -2242,6 +2328,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
2242
2328
  variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
2243
2329
  }, {}>;
2244
2330
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2331
+ readonly WizIClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2245
2332
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "click" | "update:modelValue")[], "toggle" | "click" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
2246
2333
  options: {
2247
2334
  type: PropType<SearchInputOption[]>;
@@ -2267,6 +2354,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2267
2354
  type: BooleanConstructor;
2268
2355
  required: false;
2269
2356
  };
2357
+ singleSelect: {
2358
+ type: BooleanConstructor;
2359
+ required: false;
2360
+ default: boolean;
2361
+ };
2270
2362
  inputWidth: {
2271
2363
  type: StringConstructor;
2272
2364
  required: false;
@@ -2295,6 +2387,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
2295
2387
  required: false;
2296
2388
  default: string;
2297
2389
  };
2390
+ showSelectedItem: {
2391
+ type: BooleanConstructor;
2392
+ required: false;
2393
+ default: boolean;
2394
+ };
2395
+ showParentLabel: {
2396
+ type: BooleanConstructor;
2397
+ required: false;
2398
+ default: boolean;
2399
+ };
2298
2400
  }>> & {
2299
2401
  onToggle?: ((...args: any[]) => any) | undefined;
2300
2402
  onClick?: ((...args: any[]) => any) | undefined;
@@ -2304,7 +2406,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
2304
2406
  disabled: boolean;
2305
2407
  expand: boolean;
2306
2408
  isDirectionFixed: boolean;
2409
+ singleSelect: boolean;
2307
2410
  inputWidth: string;
2308
2411
  emptyMessage: string;
2412
+ showSelectedItem: boolean;
2413
+ showParentLabel: boolean;
2309
2414
  }, {}>;
2310
2415
  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";