@knime/scripting-editor 0.0.80 → 0.0.82
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.
- package/dist/initial-data-service-browser-mock.js +22 -10
- package/dist/lib/main.d.ts +2 -2
- package/dist/main.js +11320 -11298
- package/dist/node_modules/@knime/components/src/components/Buttons/Button.vue.d.ts +131 -0
- package/dist/node_modules/@knime/components/src/components/Buttons/PlusButton.vue.d.ts +28 -0
- package/dist/node_modules/@knime/components/src/components/Buttons/SplitButton.vue.d.ts +9 -0
- package/dist/node_modules/@knime/components/src/components/Carousel/Carousel.vue.d.ts +22 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorer.vue.d.ts +216 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerContextMenu.vue.d.ts +40 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItem.vue.d.ts +78 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItemBack.vue.d.ts +12 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItemBase.vue.d.ts +20 -0
- package/dist/node_modules/@knime/components/src/components/LinkList/LinkList.vue.d.ts +27 -0
- package/dist/node_modules/@knime/components/src/components/Modal/Modal.vue.d.ts +66 -0
- package/dist/node_modules/@knime/components/src/components/Pill/Pill.vue.d.ts +36 -0
- package/dist/node_modules/@knime/components/src/components/SubMenu/SubMenu.vue.d.ts +199 -0
- package/dist/node_modules/@knime/components/src/components/Tag/Tag.vue.d.ts +45 -0
- package/dist/node_modules/@knime/components/src/components/Tag/TagList.vue.d.ts +82 -0
- package/dist/node_modules/@knime/components/src/components/Toast/components/Toast.vue.d.ts +51 -0
- package/dist/node_modules/@knime/components/src/components/Toast/components/ToastButton.vue.d.ts +27 -0
- package/dist/node_modules/@knime/components/src/components/Toast/components/ToastStack.vue.d.ts +30 -0
- package/dist/node_modules/@knime/components/src/components/base/Button/BaseButton.vue.d.ts +90 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItem.vue.d.ts +28 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItemText.vue.d.ts +19 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItems.vue.d.ts +123 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/MenuItems.vue.d.ts +96 -0
- package/dist/node_modules/@knime/components/src/components/base/Modal/BaseModal.vue.d.ts +66 -0
- package/dist/node_modules/@knime/components/src/components/forms/ComboBox/ComboBox.vue.d.ts +150 -0
- package/dist/node_modules/@knime/components/src/components/forms/Dropdown/Dropdown.vue.d.ts +203 -0
- package/dist/node_modules/@knime/components/src/components/forms/MultiModeTwinlist/MultiModeTwinlist.vue.d.ts +299 -0
- package/dist/node_modules/@knime/components/src/components/forms/MultiselectListBox/MultiselectListBox.vue.d.ts +279 -0
- package/dist/node_modules/@knime/components/src/components/forms/NumberInput/NumberInput.vue.d.ts +166 -0
- package/dist/node_modules/@knime/components/src/components/forms/QuantityInput/QuantityInput.vue.d.ts +45 -0
- package/dist/node_modules/@knime/components/src/components/forms/RadioButtons/BaseRadioButtons.vue.d.ts +66 -0
- package/dist/node_modules/@knime/components/src/components/forms/SearchableCheckboxes/SearchableCheckboxes.vue.d.ts +267 -0
- package/dist/node_modules/@knime/components/src/components/forms/SearchableList/SearchableList.vue.d.ts +285 -0
- package/dist/node_modules/@knime/components/src/components/forms/SortList/SortList.vue.d.ts +26 -0
- package/dist/node_modules/@knime/components/src/components/forms/Twinlist/Twinlist.vue.d.ts +381 -0
- package/dist/node_modules/@knime/components/src/components/forms/ValueSwitch/ValueSwitch.vue.d.ts +65 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtIFrame.vue.d.ts +27 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtShadowApp.vue.d.ts +41 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtension.vue.d.ts +49 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionAlerts.vue.d.ts +34 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionErrorOverlay.vue.d.ts +41 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionWarningButton.vue.d.ts +34 -0
- package/dist/src/components/CodeEditorControlBar.vue.d.ts +2 -20
- package/dist/src/components/InfinityLoadingBar.vue.d.ts +2 -0
- package/dist/src/components/ai-assistant/AiButton.vue.d.ts +22 -0
- package/dist/src/components/ai-assistant/AiDisclaimer.vue.d.ts +10 -0
- package/dist/src/components/ai-assistant/AiPopupContent.vue.d.ts +10 -0
- package/dist/src/editor.d.ts +2 -1
- package/dist/src/initial-data-service-browser-mock.d.ts +2 -1
- package/dist/src/initial-data-service.d.ts +14 -1
- package/package.json +2 -2
- package/dist/src/components/ai-assistant/AiBar.vue.d.ts +0 -40
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
import { PropType, Ref } from 'vue';
|
|
2
|
+
import { Id, PossibleValue, BottomValue } from '../possibleValues';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('vue').DefineComponent<{
|
|
5
|
+
initialCaseSensitiveSearch: {
|
|
6
|
+
default: boolean;
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
};
|
|
9
|
+
bottomValue: {
|
|
10
|
+
type: PropType<BottomValue>;
|
|
11
|
+
default: () => {
|
|
12
|
+
id: string;
|
|
13
|
+
text: string;
|
|
14
|
+
};
|
|
15
|
+
validator(value: BottomValue): boolean;
|
|
16
|
+
};
|
|
17
|
+
withBottomValue: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
ariaLabel: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
required: true;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Controls the size of the list.
|
|
28
|
+
* Number of visible items (for others user need to scroll)
|
|
29
|
+
* - 0 means all
|
|
30
|
+
* - values 1 - 4 are ignored; 5 is minimum
|
|
31
|
+
*/
|
|
32
|
+
size: {
|
|
33
|
+
type: NumberConstructor;
|
|
34
|
+
default: number;
|
|
35
|
+
validator(value: number): boolean;
|
|
36
|
+
};
|
|
37
|
+
alignment: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
default: string;
|
|
40
|
+
validator(value: string): boolean;
|
|
41
|
+
};
|
|
42
|
+
id: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
default: null;
|
|
45
|
+
};
|
|
46
|
+
modelValue: {
|
|
47
|
+
type: PropType<Id[] | null>;
|
|
48
|
+
default: () => void;
|
|
49
|
+
};
|
|
50
|
+
possibleValues: {
|
|
51
|
+
type: PropType<PossibleValue[]>;
|
|
52
|
+
default: () => never[];
|
|
53
|
+
};
|
|
54
|
+
isValid: {
|
|
55
|
+
default: boolean;
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
};
|
|
58
|
+
withSearchLabel: {
|
|
59
|
+
default: boolean;
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
};
|
|
62
|
+
showSearch: {
|
|
63
|
+
type: BooleanConstructor;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Labels
|
|
68
|
+
*/
|
|
69
|
+
searchLabel: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
required: false;
|
|
72
|
+
default: string;
|
|
73
|
+
};
|
|
74
|
+
searchPlaceholder: {
|
|
75
|
+
type: StringConstructor;
|
|
76
|
+
required: false;
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
79
|
+
disabled: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
83
|
+
initialSearchTerm: {
|
|
84
|
+
type: StringConstructor;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
showEmptyState: {
|
|
88
|
+
default: boolean;
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* Is only used when emptyStateComponent is null
|
|
93
|
+
*/
|
|
94
|
+
emptyStateLabel: {
|
|
95
|
+
default: string;
|
|
96
|
+
type: StringConstructor;
|
|
97
|
+
};
|
|
98
|
+
/**
|
|
99
|
+
* this component is displayed centered in the middle of the box in case it is empty
|
|
100
|
+
*/
|
|
101
|
+
emptyStateComponent: {
|
|
102
|
+
default: null;
|
|
103
|
+
type: ObjectConstructor;
|
|
104
|
+
};
|
|
105
|
+
filterChosenValuesOnPossibleValuesChange: {
|
|
106
|
+
type: BooleanConstructor;
|
|
107
|
+
default: boolean;
|
|
108
|
+
required: false;
|
|
109
|
+
};
|
|
110
|
+
unknownValuesText: {
|
|
111
|
+
type: StringConstructor;
|
|
112
|
+
required: false;
|
|
113
|
+
default: string;
|
|
114
|
+
};
|
|
115
|
+
compact: {
|
|
116
|
+
type: BooleanConstructor;
|
|
117
|
+
default: boolean;
|
|
118
|
+
};
|
|
119
|
+
}, {
|
|
120
|
+
concatenatedItems: import('vue').ComputedRef<PossibleValue[]>;
|
|
121
|
+
visibleValues: import('vue').ComputedRef<PossibleValue[]>;
|
|
122
|
+
selectedValues: Ref<Id[] | null>;
|
|
123
|
+
searchTerm: Ref<string>;
|
|
124
|
+
matchingValidIds: import('vue').ComputedRef<PossibleValue[]>;
|
|
125
|
+
caseSensitiveSearch: Ref<boolean>;
|
|
126
|
+
invalidValueIds: import('vue').ComputedRef<Id[]>;
|
|
127
|
+
matchingInvalidValueIds: import('vue').ComputedRef<PossibleValue[]>;
|
|
128
|
+
numLabelInfos: import('vue').ComputedRef<string>;
|
|
129
|
+
numMatchedSearchedItems: import('vue').ComputedRef<PossibleValue[]>;
|
|
130
|
+
possibleValueMap: import('vue').ComputedRef<Record<Id, {
|
|
131
|
+
item: PossibleValue;
|
|
132
|
+
index: number;
|
|
133
|
+
}>>;
|
|
134
|
+
}, unknown, {
|
|
135
|
+
listSize(): number;
|
|
136
|
+
}, {
|
|
137
|
+
hasSelection(): boolean;
|
|
138
|
+
onChange(newVal: Id[]): void;
|
|
139
|
+
onSearchInput(value: string): void;
|
|
140
|
+
validate(): {
|
|
141
|
+
isValid: boolean;
|
|
142
|
+
errorMessage: string | null;
|
|
143
|
+
};
|
|
144
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
145
|
+
initialCaseSensitiveSearch: {
|
|
146
|
+
default: boolean;
|
|
147
|
+
type: BooleanConstructor;
|
|
148
|
+
};
|
|
149
|
+
bottomValue: {
|
|
150
|
+
type: PropType<BottomValue>;
|
|
151
|
+
default: () => {
|
|
152
|
+
id: string;
|
|
153
|
+
text: string;
|
|
154
|
+
};
|
|
155
|
+
validator(value: BottomValue): boolean;
|
|
156
|
+
};
|
|
157
|
+
withBottomValue: {
|
|
158
|
+
type: BooleanConstructor;
|
|
159
|
+
default: boolean;
|
|
160
|
+
};
|
|
161
|
+
ariaLabel: {
|
|
162
|
+
type: StringConstructor;
|
|
163
|
+
required: true;
|
|
164
|
+
default: string;
|
|
165
|
+
};
|
|
166
|
+
/**
|
|
167
|
+
* Controls the size of the list.
|
|
168
|
+
* Number of visible items (for others user need to scroll)
|
|
169
|
+
* - 0 means all
|
|
170
|
+
* - values 1 - 4 are ignored; 5 is minimum
|
|
171
|
+
*/
|
|
172
|
+
size: {
|
|
173
|
+
type: NumberConstructor;
|
|
174
|
+
default: number;
|
|
175
|
+
validator(value: number): boolean;
|
|
176
|
+
};
|
|
177
|
+
alignment: {
|
|
178
|
+
type: StringConstructor;
|
|
179
|
+
default: string;
|
|
180
|
+
validator(value: string): boolean;
|
|
181
|
+
};
|
|
182
|
+
id: {
|
|
183
|
+
type: StringConstructor;
|
|
184
|
+
default: null;
|
|
185
|
+
};
|
|
186
|
+
modelValue: {
|
|
187
|
+
type: PropType<Id[] | null>;
|
|
188
|
+
default: () => void;
|
|
189
|
+
};
|
|
190
|
+
possibleValues: {
|
|
191
|
+
type: PropType<PossibleValue[]>;
|
|
192
|
+
default: () => never[];
|
|
193
|
+
};
|
|
194
|
+
isValid: {
|
|
195
|
+
default: boolean;
|
|
196
|
+
type: BooleanConstructor;
|
|
197
|
+
};
|
|
198
|
+
withSearchLabel: {
|
|
199
|
+
default: boolean;
|
|
200
|
+
type: BooleanConstructor;
|
|
201
|
+
};
|
|
202
|
+
showSearch: {
|
|
203
|
+
type: BooleanConstructor;
|
|
204
|
+
default: boolean;
|
|
205
|
+
};
|
|
206
|
+
/**
|
|
207
|
+
* Labels
|
|
208
|
+
*/
|
|
209
|
+
searchLabel: {
|
|
210
|
+
type: StringConstructor;
|
|
211
|
+
required: false;
|
|
212
|
+
default: string;
|
|
213
|
+
};
|
|
214
|
+
searchPlaceholder: {
|
|
215
|
+
type: StringConstructor;
|
|
216
|
+
required: false;
|
|
217
|
+
default: string;
|
|
218
|
+
};
|
|
219
|
+
disabled: {
|
|
220
|
+
type: BooleanConstructor;
|
|
221
|
+
default: boolean;
|
|
222
|
+
};
|
|
223
|
+
initialSearchTerm: {
|
|
224
|
+
type: StringConstructor;
|
|
225
|
+
default: string;
|
|
226
|
+
};
|
|
227
|
+
showEmptyState: {
|
|
228
|
+
default: boolean;
|
|
229
|
+
type: BooleanConstructor;
|
|
230
|
+
};
|
|
231
|
+
/**
|
|
232
|
+
* Is only used when emptyStateComponent is null
|
|
233
|
+
*/
|
|
234
|
+
emptyStateLabel: {
|
|
235
|
+
default: string;
|
|
236
|
+
type: StringConstructor;
|
|
237
|
+
};
|
|
238
|
+
/**
|
|
239
|
+
* this component is displayed centered in the middle of the box in case it is empty
|
|
240
|
+
*/
|
|
241
|
+
emptyStateComponent: {
|
|
242
|
+
default: null;
|
|
243
|
+
type: ObjectConstructor;
|
|
244
|
+
};
|
|
245
|
+
filterChosenValuesOnPossibleValuesChange: {
|
|
246
|
+
type: BooleanConstructor;
|
|
247
|
+
default: boolean;
|
|
248
|
+
required: false;
|
|
249
|
+
};
|
|
250
|
+
unknownValuesText: {
|
|
251
|
+
type: StringConstructor;
|
|
252
|
+
required: false;
|
|
253
|
+
default: string;
|
|
254
|
+
};
|
|
255
|
+
compact: {
|
|
256
|
+
type: BooleanConstructor;
|
|
257
|
+
default: boolean;
|
|
258
|
+
};
|
|
259
|
+
}>> & {
|
|
260
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
261
|
+
}, {
|
|
262
|
+
size: number;
|
|
263
|
+
disabled: boolean;
|
|
264
|
+
id: string;
|
|
265
|
+
compact: boolean;
|
|
266
|
+
possibleValues: PossibleValue[];
|
|
267
|
+
modelValue: Id[] | null;
|
|
268
|
+
isValid: boolean;
|
|
269
|
+
ariaLabel: string;
|
|
270
|
+
emptyStateLabel: string;
|
|
271
|
+
emptyStateComponent: Record<string, any>;
|
|
272
|
+
withBottomValue: boolean;
|
|
273
|
+
bottomValue: BottomValue;
|
|
274
|
+
showEmptyState: boolean;
|
|
275
|
+
initialCaseSensitiveSearch: boolean;
|
|
276
|
+
initialSearchTerm: string;
|
|
277
|
+
showSearch: boolean;
|
|
278
|
+
withSearchLabel: boolean;
|
|
279
|
+
searchLabel: string;
|
|
280
|
+
searchPlaceholder: string;
|
|
281
|
+
unknownValuesText: string;
|
|
282
|
+
filterChosenValuesOnPossibleValuesChange: boolean;
|
|
283
|
+
alignment: string;
|
|
284
|
+
}, {}>;
|
|
285
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { PossibleValue } from '../possibleValues';
|
|
2
|
+
|
|
3
|
+
export interface Props {
|
|
4
|
+
modelValue: string[];
|
|
5
|
+
id?: string;
|
|
6
|
+
ariaLabel: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
possibleValues: (PossibleValue & {
|
|
9
|
+
id: string;
|
|
10
|
+
})[];
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:modelValue": (args_0: string[]) => void;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
|
|
15
|
+
"onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
|
|
16
|
+
}, {}, {}>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
19
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
20
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
21
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
22
|
+
} : {
|
|
23
|
+
type: import('vue').PropType<T[K]>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,381 @@
|
|
|
1
|
+
import { PropType, Ref } from 'vue';
|
|
2
|
+
import { Id, PossibleValue } from '../possibleValues';
|
|
3
|
+
|
|
4
|
+
interface TransformOnMovePayload {
|
|
5
|
+
/**
|
|
6
|
+
* The to be updated list of ids
|
|
7
|
+
*/
|
|
8
|
+
previous: Id[];
|
|
9
|
+
movingParts: {
|
|
10
|
+
/**
|
|
11
|
+
* The moved items that are not the "unknown values"
|
|
12
|
+
*/
|
|
13
|
+
knownValues: Array<Id>;
|
|
14
|
+
/**
|
|
15
|
+
* Whether the unknown values are part of the moved items
|
|
16
|
+
*/
|
|
17
|
+
movingUnknownValues: boolean;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
/** The included values or null if not yet known. Values which are not an id in the possible values will be shown as missing. */
|
|
21
|
+
type SimpleTwinlistModelValue<T extends Id> = null | T[];
|
|
22
|
+
/**
|
|
23
|
+
* using this form of model value allows showing unknown values. With that the logic for missing values also changes:
|
|
24
|
+
* Missing values on the same side as unknown values are not displayed and removed as soon as the user moves items.
|
|
25
|
+
* Also missing values now can always exist on the opposite side of the unknown values which is why we also need to
|
|
26
|
+
* keep track of the excluded values as data.
|
|
27
|
+
*/
|
|
28
|
+
interface TwinlistModelValueWithUnknownValues<T extends Id> {
|
|
29
|
+
/**
|
|
30
|
+
* null if not yet known
|
|
31
|
+
*/
|
|
32
|
+
includedValues: T[] | null;
|
|
33
|
+
/**
|
|
34
|
+
* null if not yet known
|
|
35
|
+
*/
|
|
36
|
+
excludedValues: T[] | null;
|
|
37
|
+
includeUnknownValues: boolean;
|
|
38
|
+
}
|
|
39
|
+
type TwinlistModelValue<T extends Id = Id> = SimpleTwinlistModelValue<T> | TwinlistModelValueWithUnknownValues<T>;
|
|
40
|
+
declare const useTwinlistModelValue: (modelValue: Ref<TwinlistModelValue>) => {
|
|
41
|
+
includedValues: import('vue').ComputedRef<Id[] | null>;
|
|
42
|
+
excludedValues: import('vue').ComputedRef<Id[] | null>;
|
|
43
|
+
showUnknownExcludedValues: import('vue').ComputedRef<boolean>;
|
|
44
|
+
showUnknownIncludedValues: import('vue').ComputedRef<boolean>;
|
|
45
|
+
getEmitValue: (newIncludedValues: Id[] | null, toNewExcluded?: (oldVal: Id[] | null) => Id[] | null, toNewIncludeUnknownValues?: (oldVal: boolean) => boolean) => TwinlistModelValue;
|
|
46
|
+
};
|
|
47
|
+
export { type TwinlistModelValue, useTwinlistModelValue };
|
|
48
|
+
declare const _default: import('vue').DefineComponent<{
|
|
49
|
+
modelValue: {
|
|
50
|
+
type: PropType<TwinlistModelValue<Id>>;
|
|
51
|
+
default: null;
|
|
52
|
+
};
|
|
53
|
+
initialCaseSensitiveSearch: {
|
|
54
|
+
default: boolean;
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
};
|
|
57
|
+
initialSearchTerm: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
required: false;
|
|
60
|
+
default: string;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Hiding and disabling
|
|
64
|
+
*/
|
|
65
|
+
showSearch: {
|
|
66
|
+
default: boolean;
|
|
67
|
+
type: BooleanConstructor;
|
|
68
|
+
};
|
|
69
|
+
disabled: {
|
|
70
|
+
default: boolean;
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
};
|
|
73
|
+
showEmptyState: {
|
|
74
|
+
default: boolean;
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* Labels
|
|
79
|
+
*/
|
|
80
|
+
leftLabel: {
|
|
81
|
+
type: StringConstructor;
|
|
82
|
+
required: true;
|
|
83
|
+
default: string;
|
|
84
|
+
};
|
|
85
|
+
rightLabel: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
required: true;
|
|
88
|
+
default: string;
|
|
89
|
+
};
|
|
90
|
+
withSearchLabel: {
|
|
91
|
+
default: boolean;
|
|
92
|
+
type: BooleanConstructor;
|
|
93
|
+
};
|
|
94
|
+
searchLabel: {
|
|
95
|
+
type: StringConstructor;
|
|
96
|
+
required: false;
|
|
97
|
+
default: string;
|
|
98
|
+
};
|
|
99
|
+
searchPlaceholder: {
|
|
100
|
+
type: StringConstructor;
|
|
101
|
+
required: false;
|
|
102
|
+
default: string;
|
|
103
|
+
};
|
|
104
|
+
unknownValuesText: {
|
|
105
|
+
type: StringConstructor;
|
|
106
|
+
required: false;
|
|
107
|
+
default: string;
|
|
108
|
+
};
|
|
109
|
+
/**
|
|
110
|
+
* Is only used when emptyStateComponent is null
|
|
111
|
+
*/
|
|
112
|
+
emptyStateLabel: {
|
|
113
|
+
default: string;
|
|
114
|
+
type: StringConstructor;
|
|
115
|
+
};
|
|
116
|
+
/**
|
|
117
|
+
* this component is displayed centered in the middle of the box in case it is empty
|
|
118
|
+
*/
|
|
119
|
+
emptyStateComponent: {
|
|
120
|
+
default: null;
|
|
121
|
+
type: ObjectConstructor;
|
|
122
|
+
};
|
|
123
|
+
/**
|
|
124
|
+
* Controls the size of the list.
|
|
125
|
+
* Number of visible items (for others user need to scroll)
|
|
126
|
+
* - 0 means all
|
|
127
|
+
* - values 1 - 4 are ignored; 5 is minimum
|
|
128
|
+
*/
|
|
129
|
+
size: {
|
|
130
|
+
type: NumberConstructor;
|
|
131
|
+
default: number;
|
|
132
|
+
validator(value: number): boolean;
|
|
133
|
+
};
|
|
134
|
+
isValid: {
|
|
135
|
+
default: boolean;
|
|
136
|
+
type: BooleanConstructor;
|
|
137
|
+
};
|
|
138
|
+
/**
|
|
139
|
+
* List of possible values. Each item must have an `id` and a `text` property
|
|
140
|
+
* @example
|
|
141
|
+
* [{
|
|
142
|
+
* id: 'pdf',
|
|
143
|
+
* text: 'PDF'
|
|
144
|
+
* }, {
|
|
145
|
+
* id: 'XLS',
|
|
146
|
+
* text: 'Excel',
|
|
147
|
+
* }]
|
|
148
|
+
*/
|
|
149
|
+
possibleValues: {
|
|
150
|
+
type: PropType<PossibleValue[]>;
|
|
151
|
+
default: () => never[];
|
|
152
|
+
};
|
|
153
|
+
/**
|
|
154
|
+
* If this setting is true, on a change of possible values, the currently
|
|
155
|
+
* chosen values which are missing with respect to the new possible values
|
|
156
|
+
* are removed.
|
|
157
|
+
*/
|
|
158
|
+
filterChosenValuesOnPossibleValuesChange: {
|
|
159
|
+
type: BooleanConstructor;
|
|
160
|
+
default: boolean;
|
|
161
|
+
required: false;
|
|
162
|
+
};
|
|
163
|
+
compact: {
|
|
164
|
+
type: BooleanConstructor;
|
|
165
|
+
default: boolean;
|
|
166
|
+
};
|
|
167
|
+
}, {
|
|
168
|
+
includedValues: import('vue').ComputedRef<Id[] | null>;
|
|
169
|
+
excludedValues: import('vue').ComputedRef<Id[] | null>;
|
|
170
|
+
showUnknownExcludedValues: import('vue').ComputedRef<boolean>;
|
|
171
|
+
showUnknownIncludedValues: import('vue').ComputedRef<boolean>;
|
|
172
|
+
getEmitValue: (newIncludedValues: Id[] | null, toNewExcluded?: (oldVal: Id[] | null) => Id[] | null, toNewIncludeUnknownValues?: (oldVal: boolean) => boolean) => TwinlistModelValue<Id>;
|
|
173
|
+
searchTerm: Ref<string>;
|
|
174
|
+
filteredExcludedItems: import('vue').ComputedRef<PossibleValue[]>;
|
|
175
|
+
filteredIncludedItems: import('vue').ComputedRef<PossibleValue[]>;
|
|
176
|
+
knownExcludedValues: import('vue').ComputedRef<Id[]>;
|
|
177
|
+
knownIncludedValues: import('vue').ComputedRef<Id[] | null>;
|
|
178
|
+
possibleValueIds: import('vue').ComputedRef<Id[]>;
|
|
179
|
+
possibleValueIdsSet: import('vue').ComputedRef<Set<Id>>;
|
|
180
|
+
excludedLabels: import('vue').ComputedRef<string | null>;
|
|
181
|
+
includedLabels: import('vue').ComputedRef<string | null>;
|
|
182
|
+
caseSensitiveSearch: Ref<boolean>;
|
|
183
|
+
allIncludedItems: import('vue').ComputedRef<PossibleValue[]>;
|
|
184
|
+
possibleValueMap: import('vue').ComputedRef<Record<Id, {
|
|
185
|
+
item: PossibleValue;
|
|
186
|
+
index: number;
|
|
187
|
+
}>>;
|
|
188
|
+
}, {
|
|
189
|
+
invalidPossibleValueIds: Set<unknown>;
|
|
190
|
+
rightSelected: Id[];
|
|
191
|
+
leftSelected: Id[];
|
|
192
|
+
unknownValuesId: symbol;
|
|
193
|
+
}, {
|
|
194
|
+
listSize(): number;
|
|
195
|
+
moveAllRightButtonDisabled(): boolean;
|
|
196
|
+
moveRightButtonDisabled(): boolean;
|
|
197
|
+
moveAllLeftButtonDisabled(): boolean;
|
|
198
|
+
moveLeftButtonDisabled(): boolean;
|
|
199
|
+
}, {
|
|
200
|
+
getIndex(id: Id): number;
|
|
201
|
+
compareByOriginalSorting(a: Id, b: Id): number;
|
|
202
|
+
clearSelections(): void;
|
|
203
|
+
moveItems(items: Id[], { toNewIncludedValues, toNewExcludedValues, }: {
|
|
204
|
+
toNewIncludedValues: (params: TransformOnMovePayload) => Id[];
|
|
205
|
+
toNewExcludedValues: (params: TransformOnMovePayload) => Id[];
|
|
206
|
+
}): void;
|
|
207
|
+
moveRight(itemsParam?: Id[] | null): void;
|
|
208
|
+
moveLeft(itemsParam?: Id[] | null): void;
|
|
209
|
+
/**
|
|
210
|
+
* Filters out the moved items and also invalid items if unknown values are being moved.
|
|
211
|
+
*/
|
|
212
|
+
filterMovedItems({ previous, movingParts: { movingUnknownValues, knownValues }, }: TransformOnMovePayload): Id[];
|
|
213
|
+
/**
|
|
214
|
+
* Adds the given items sorting by the order in the possible values afterwards and removing invalid items
|
|
215
|
+
* if unknown values are being moved
|
|
216
|
+
*/
|
|
217
|
+
addMovedItems({ previous, movingParts: { movingUnknownValues, knownValues }, }: TransformOnMovePayload): Id[];
|
|
218
|
+
onMoveRightButtonClick(): void;
|
|
219
|
+
onMoveAllRightButtonClick(): void;
|
|
220
|
+
onMoveAllRightButtonKey(e: KeyboardEvent): void;
|
|
221
|
+
onMoveRightButtonKey(e: KeyboardEvent): void;
|
|
222
|
+
onMoveLeftButtonClick(): void;
|
|
223
|
+
onMoveAllLeftButtonClick(): void;
|
|
224
|
+
onMoveLeftButtonKey(e: KeyboardEvent): void;
|
|
225
|
+
onMoveAllLeftButtonKey(e: KeyboardEvent): void;
|
|
226
|
+
stopPropagation(e: KeyboardEvent): void;
|
|
227
|
+
onLeftListBoxDoubleClick(item: Id): void;
|
|
228
|
+
onLeftListBoxShiftDoubleClick(items: Id[]): void;
|
|
229
|
+
onRightListBoxDoubleClick(item: Id): void;
|
|
230
|
+
onRightListBoxShiftDoubleClick(items: Id[]): void;
|
|
231
|
+
onLeftInput(value: Id[]): void;
|
|
232
|
+
onRightInput(value: Id[]): void;
|
|
233
|
+
onSearchInput(value: string): void;
|
|
234
|
+
hasSelection(): boolean;
|
|
235
|
+
validate(): {
|
|
236
|
+
isValid: boolean;
|
|
237
|
+
errorMessage: string | null;
|
|
238
|
+
};
|
|
239
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
240
|
+
modelValue: {
|
|
241
|
+
type: PropType<TwinlistModelValue<Id>>;
|
|
242
|
+
default: null;
|
|
243
|
+
};
|
|
244
|
+
initialCaseSensitiveSearch: {
|
|
245
|
+
default: boolean;
|
|
246
|
+
type: BooleanConstructor;
|
|
247
|
+
};
|
|
248
|
+
initialSearchTerm: {
|
|
249
|
+
type: StringConstructor;
|
|
250
|
+
required: false;
|
|
251
|
+
default: string;
|
|
252
|
+
};
|
|
253
|
+
/**
|
|
254
|
+
* Hiding and disabling
|
|
255
|
+
*/
|
|
256
|
+
showSearch: {
|
|
257
|
+
default: boolean;
|
|
258
|
+
type: BooleanConstructor;
|
|
259
|
+
};
|
|
260
|
+
disabled: {
|
|
261
|
+
default: boolean;
|
|
262
|
+
type: BooleanConstructor;
|
|
263
|
+
};
|
|
264
|
+
showEmptyState: {
|
|
265
|
+
default: boolean;
|
|
266
|
+
type: BooleanConstructor;
|
|
267
|
+
};
|
|
268
|
+
/**
|
|
269
|
+
* Labels
|
|
270
|
+
*/
|
|
271
|
+
leftLabel: {
|
|
272
|
+
type: StringConstructor;
|
|
273
|
+
required: true;
|
|
274
|
+
default: string;
|
|
275
|
+
};
|
|
276
|
+
rightLabel: {
|
|
277
|
+
type: StringConstructor;
|
|
278
|
+
required: true;
|
|
279
|
+
default: string;
|
|
280
|
+
};
|
|
281
|
+
withSearchLabel: {
|
|
282
|
+
default: boolean;
|
|
283
|
+
type: BooleanConstructor;
|
|
284
|
+
};
|
|
285
|
+
searchLabel: {
|
|
286
|
+
type: StringConstructor;
|
|
287
|
+
required: false;
|
|
288
|
+
default: string;
|
|
289
|
+
};
|
|
290
|
+
searchPlaceholder: {
|
|
291
|
+
type: StringConstructor;
|
|
292
|
+
required: false;
|
|
293
|
+
default: string;
|
|
294
|
+
};
|
|
295
|
+
unknownValuesText: {
|
|
296
|
+
type: StringConstructor;
|
|
297
|
+
required: false;
|
|
298
|
+
default: string;
|
|
299
|
+
};
|
|
300
|
+
/**
|
|
301
|
+
* Is only used when emptyStateComponent is null
|
|
302
|
+
*/
|
|
303
|
+
emptyStateLabel: {
|
|
304
|
+
default: string;
|
|
305
|
+
type: StringConstructor;
|
|
306
|
+
};
|
|
307
|
+
/**
|
|
308
|
+
* this component is displayed centered in the middle of the box in case it is empty
|
|
309
|
+
*/
|
|
310
|
+
emptyStateComponent: {
|
|
311
|
+
default: null;
|
|
312
|
+
type: ObjectConstructor;
|
|
313
|
+
};
|
|
314
|
+
/**
|
|
315
|
+
* Controls the size of the list.
|
|
316
|
+
* Number of visible items (for others user need to scroll)
|
|
317
|
+
* - 0 means all
|
|
318
|
+
* - values 1 - 4 are ignored; 5 is minimum
|
|
319
|
+
*/
|
|
320
|
+
size: {
|
|
321
|
+
type: NumberConstructor;
|
|
322
|
+
default: number;
|
|
323
|
+
validator(value: number): boolean;
|
|
324
|
+
};
|
|
325
|
+
isValid: {
|
|
326
|
+
default: boolean;
|
|
327
|
+
type: BooleanConstructor;
|
|
328
|
+
};
|
|
329
|
+
/**
|
|
330
|
+
* List of possible values. Each item must have an `id` and a `text` property
|
|
331
|
+
* @example
|
|
332
|
+
* [{
|
|
333
|
+
* id: 'pdf',
|
|
334
|
+
* text: 'PDF'
|
|
335
|
+
* }, {
|
|
336
|
+
* id: 'XLS',
|
|
337
|
+
* text: 'Excel',
|
|
338
|
+
* }]
|
|
339
|
+
*/
|
|
340
|
+
possibleValues: {
|
|
341
|
+
type: PropType<PossibleValue[]>;
|
|
342
|
+
default: () => never[];
|
|
343
|
+
};
|
|
344
|
+
/**
|
|
345
|
+
* If this setting is true, on a change of possible values, the currently
|
|
346
|
+
* chosen values which are missing with respect to the new possible values
|
|
347
|
+
* are removed.
|
|
348
|
+
*/
|
|
349
|
+
filterChosenValuesOnPossibleValuesChange: {
|
|
350
|
+
type: BooleanConstructor;
|
|
351
|
+
default: boolean;
|
|
352
|
+
required: false;
|
|
353
|
+
};
|
|
354
|
+
compact: {
|
|
355
|
+
type: BooleanConstructor;
|
|
356
|
+
default: boolean;
|
|
357
|
+
};
|
|
358
|
+
}>> & {
|
|
359
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
360
|
+
}, {
|
|
361
|
+
size: number;
|
|
362
|
+
disabled: boolean;
|
|
363
|
+
compact: boolean;
|
|
364
|
+
possibleValues: PossibleValue[];
|
|
365
|
+
modelValue: TwinlistModelValue<Id>;
|
|
366
|
+
isValid: boolean;
|
|
367
|
+
emptyStateLabel: string;
|
|
368
|
+
emptyStateComponent: Record<string, any>;
|
|
369
|
+
showEmptyState: boolean;
|
|
370
|
+
initialCaseSensitiveSearch: boolean;
|
|
371
|
+
initialSearchTerm: string;
|
|
372
|
+
showSearch: boolean;
|
|
373
|
+
leftLabel: string;
|
|
374
|
+
rightLabel: string;
|
|
375
|
+
withSearchLabel: boolean;
|
|
376
|
+
searchLabel: string;
|
|
377
|
+
searchPlaceholder: string;
|
|
378
|
+
unknownValuesText: string;
|
|
379
|
+
filterChosenValuesOnPossibleValuesChange: boolean;
|
|
380
|
+
}, {}>;
|
|
381
|
+
export default _default;
|