@ironsource/shared-ui 1.4.2-test.9 → 1.4.3-rc.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 (157) hide show
  1. package/AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  2. package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  3. package/AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  4. package/AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  5. package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  6. package/Button.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  7. package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  8. package/Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  9. package/Chip.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  10. package/DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  11. package/DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  12. package/DateRange.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  13. package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  14. package/DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  15. package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  16. package/Editable.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  17. package/FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  18. package/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  19. package/Heading.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  20. package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  21. package/Input.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  22. package/Menu.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  23. package/PasswordInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  24. package/PercentageInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  25. package/README.md +37 -22
  26. package/RadioButton.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  27. package/RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  28. package/Search.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  29. package/Switch.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  30. package/Table.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  31. package/Tabs.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  32. package/Text.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  33. package/TextArea.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  34. package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  35. package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  36. package/components/appTrigger/AppTrigger.vue.d.ts +5 -0
  37. package/components/appTrigger/AppTrigger.vue.js +29 -16
  38. package/components/appTrigger/index.d.ts +11 -0
  39. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +5 -0
  40. package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +7 -4
  41. package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +5 -0
  42. package/components/autocompleteDropdown/AutocompleteInput.vue.js +12 -6
  43. package/components/autocompleteDropdown/index.d.ts +11 -0
  44. package/components/banner/Banner.vue.d.ts +9 -0
  45. package/components/banner/Banner.vue.js +20 -9
  46. package/components/banner/index.d.ts +9 -0
  47. package/components/button/Button.vue.d.ts +5 -0
  48. package/components/button/Button.vue.js +6 -4
  49. package/components/button/index.d.ts +17 -6
  50. package/components/checkbox/Checkbox.vue.d.ts +5 -0
  51. package/components/checkbox/Checkbox.vue.js +20 -14
  52. package/components/checkbox/index.d.ts +11 -0
  53. package/components/chip/Chip.vue.d.ts +5 -0
  54. package/components/chip/Chip.vue.js +12 -7
  55. package/components/chip/index.d.ts +11 -0
  56. package/components/datePicker/DatePicker.vue.d.ts +5 -0
  57. package/components/datePicker/DatePicker.vue.js +11 -6
  58. package/components/datePicker/DatePickerMonth.vue.d.ts +5 -0
  59. package/components/datePicker/DatePickerMonth.vue.js +5 -3
  60. package/components/datePicker/index.d.ts +11 -0
  61. package/components/dateRange/CalendarMonth.vue.d.ts +5 -0
  62. package/components/dateRange/CalendarMonth.vue.js +39 -21
  63. package/components/dateRange/DateRange.vue.d.ts +5 -0
  64. package/components/dateRange/DateRange.vue.js +49 -36
  65. package/components/dateRange/DateRangePicker.vue.d.ts +5 -0
  66. package/components/dateRange/index.d.ts +11 -0
  67. package/components/dialog/Dialog.vue.d.ts +5 -0
  68. package/components/dialog/Dialog.vue.js +38 -23
  69. package/components/dialog/index.d.ts +11 -0
  70. package/components/dropdown/Dropdown.vue.d.ts +5 -0
  71. package/components/dropdown/Dropdown.vue.js +62 -35
  72. package/components/dropdown/index.d.ts +11 -0
  73. package/components/emptyState/index.d.ts +3 -3
  74. package/components/filterDropdown/AddFilterButton.vue.d.ts +2 -0
  75. package/components/filterDropdown/AddFilterButton.vue.js +6 -4
  76. package/components/filterDropdown/FilterDropdown.vue.d.ts +5 -0
  77. package/components/filterDropdown/FilterDropdown.vue.js +8 -5
  78. package/components/filterDropdown/index.d.ts +17 -0
  79. package/components/filtersPanel/FiltersPanel.vue.d.ts +5 -0
  80. package/components/filtersPanel/FiltersPanel.vue.js +7 -4
  81. package/components/icon/Icon.vue.js +0 -1
  82. package/components/icon/icons/index.d.ts +0 -3
  83. package/components/icon/icons/index.vue.js +0 -3
  84. package/components/icon/index.d.ts +0 -3
  85. package/components/includeExclude/IncludeExclude.vue.d.ts +5 -13
  86. package/components/includeExclude/IncludeExclude.vue.js +86 -134
  87. package/components/includeExclude/IncludeExcludeAppHeader.vue.js +3 -4
  88. package/components/includeExclude/IncludeExcludeChipFilter.vue.js +2 -2
  89. package/components/includeExclude/includeExcludeMocks.d.ts +0 -12
  90. package/components/includeExclude/index.d.ts +23 -27
  91. package/components/includeExclude/index.vue.js +0 -3
  92. package/components/input/DollarInput.vue.d.ts +1 -1
  93. package/components/input/DollarInput.vue.js +1 -1
  94. package/components/input/Input.vue.d.ts +10 -0
  95. package/components/input/Input.vue.js +61 -35
  96. package/components/input/PasswordInput.vue.d.ts +1 -1
  97. package/components/input/PasswordInput.vue.js +1 -1
  98. package/components/input/PercentageInput.vue.d.ts +1 -1
  99. package/components/input/PercentageInput.vue.js +1 -1
  100. package/components/input/index.d.ts +34 -0
  101. package/components/menu/Menu.vue.d.ts +5 -0
  102. package/components/menu/Menu.vue.js +6 -4
  103. package/components/menu/index.d.ts +11 -0
  104. package/components/popover/Popover.vue.d.ts +5 -0
  105. package/components/popover/Popover.vue.js +5 -3
  106. package/components/popover/index.d.ts +11 -0
  107. package/components/radioButton/RadioButton.vue.d.ts +5 -0
  108. package/components/radioButton/RadioButton.vue.js +15 -8
  109. package/components/radioButton/RadioGroup.vue.d.ts +5 -0
  110. package/components/radioButton/RadioGroup.vue.js +9 -5
  111. package/components/radioButton/index.d.ts +22 -0
  112. package/components/search/Search.vue.d.ts +5 -0
  113. package/components/search/Search.vue.js +13 -7
  114. package/components/search/index.d.ts +11 -0
  115. package/components/switch/Switch.vue.d.ts +5 -0
  116. package/components/switch/Switch.vue.js +17 -9
  117. package/components/switch/index.d.ts +11 -0
  118. package/components/table/Table.types.d.ts +0 -1
  119. package/components/table/Table.vue.d.ts +5 -10
  120. package/components/table/Table.vue.js +56 -52
  121. package/components/table/index.d.ts +11 -22
  122. package/components/table-cells/Editable.vue.js +1 -1
  123. package/components/tabs/Tabs.vue.d.ts +5 -0
  124. package/components/tabs/Tabs.vue.js +20 -15
  125. package/components/tabs/index.d.ts +11 -0
  126. package/components/textArea/TextArea.vue.d.ts +5 -0
  127. package/components/textArea/TextArea.vue.js +23 -16
  128. package/components/textArea/index.d.ts +11 -0
  129. package/components/toggle/Toggle.vue.d.ts +10 -0
  130. package/components/toggle/Toggle.vue.js +37 -20
  131. package/components/toggle/index.d.ts +22 -0
  132. package/components/tooltip/TextWithTitleContent.vue.d.ts +16 -3
  133. package/components/tooltip/TextWithTitleContent.vue.js +11 -6
  134. package/components/tooltip/Tooltip.vue.d.ts +5 -0
  135. package/components/tooltip/Tooltip.vue.js +8 -4
  136. package/components/tooltip/index.d.ts +11 -0
  137. package/components/typography/Heading.vue.d.ts +5 -0
  138. package/components/typography/Heading.vue.js +7 -4
  139. package/components/typography/Text.vue.d.ts +5 -0
  140. package/components/typography/Text.vue.js +8 -4
  141. package/components/typography/index.d.ts +22 -0
  142. package/consts/regex.d.ts +1 -0
  143. package/consts/regex.vue.js +3 -0
  144. package/consts/style.d.ts +1 -0
  145. package/consts/style.vue.js +3 -0
  146. package/index.vue.js +1 -2
  147. package/package.json +4 -5
  148. package/testids/index.d.ts +146 -0
  149. package/testids/index.vue.js +170 -0
  150. package/utils/style.d.ts +1 -0
  151. package/utils/style.vue.js +5 -0
  152. package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css +0 -1
  153. package/components/icon/icons/TableEdit.vue.d.ts +0 -2
  154. package/components/icon/icons/TableEdit.vue.js +0 -24
  155. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +0 -43
  156. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +0 -122
  157. package/components/table/Pagination.vue.d.ts +0 -43
@@ -1,7 +1,8 @@
1
- import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, mergeProps, Fragment, renderList, toRaw, isRef, nextTick } from 'vue';
1
+ import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, normalizeClass, mergeProps, Fragment, renderList, toRaw, nextTick } from 'vue';
2
2
  import _sfc_main$1 from '../popover/Popover.vue.js';
3
3
  import Button from '../button/Button.vue.js';
4
4
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
5
+ import { IncludeExcludeTestIdModifiers } from '../../testids/index.vue.js';
5
6
  /* empty css */import Text from '../typography/Text.vue.js';
6
7
  /* empty css *//* empty css *//* empty css */import 'floating-vue';
7
8
  /* empty css *//* empty css */import Search from '../search/Search.vue.js';
@@ -11,39 +12,38 @@ import EmptyState from '../emptyState/EmptyState.vue.js';
11
12
  import { useToggle } from '../../composables/useToggle.vue.js';
12
13
  import { IncludeExcludeContext } from './IncludeExcludeContext.vue.js';
13
14
  import { onClickOutside, useClamp, useVirtualList } from '@vueuse/core';
14
- import draggable from 'vuedraggable';
15
15
  /* empty css */
16
16
  import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css";
17
- const _hoisted_1 = { class: "include-exclude-header" };
18
- const _hoisted_2 = { class: "include-exclude-header-left-section" };
19
- const _hoisted_3 = { class: "include-exclude-header-right-section" };
20
- const _hoisted_4 = { class: "include-exclude-container-wrapper" };
21
- const _hoisted_5 = {
17
+ const _hoisted_1 = ["data-testid"];
18
+ const _hoisted_2 = ["data-testid"];
19
+ const _hoisted_3 = { class: "include-exclude-header" };
20
+ const _hoisted_4 = { class: "include-exclude-header-left-section" };
21
+ const _hoisted_5 = { class: "include-exclude-header-right-section" };
22
+ const _hoisted_6 = { class: "include-exclude-container-wrapper" };
23
+ const _hoisted_7 = {
22
24
  key: 0,
23
25
  class: "include-exclude-container"
24
26
  };
25
- const _hoisted_6 = {
27
+ const _hoisted_8 = {
26
28
  key: 1,
27
29
  class: "include-exclude-container"
28
30
  };
29
- const _hoisted_7 = { class: "include-exclude-list-wrapper" };
30
- const _hoisted_8 = {
31
+ const _hoisted_9 = ["data-testid"];
32
+ const _hoisted_10 = {
31
33
  key: 1,
32
34
  class: "loader-wrapper"
33
35
  };
34
- const _hoisted_9 = ["aria-selected", "aria-disabled", "onClick"];
35
- const _hoisted_10 = ["onClick"];
36
- const _hoisted_11 = { key: 1 };
37
- const _hoisted_12 = { class: "loader-wrapper" };
38
- const _hoisted_13 = { class: "include-exclude-selected-wrapper" };
39
- const _hoisted_14 = {
36
+ const _hoisted_11 = ["aria-selected", "aria-disabled", "onClick"];
37
+ const _hoisted_12 = { key: 1 };
38
+ const _hoisted_13 = { class: "loader-wrapper" };
39
+ const _hoisted_14 = ["data-testid"];
40
+ const _hoisted_15 = {
40
41
  key: 0,
41
42
  class: "loader-wrapper"
42
43
  };
43
- const _hoisted_15 = { class: "include-exclude-selected-header-left" };
44
- const _hoisted_16 = { class: "include-exclude-selected-header-right" };
45
- const _hoisted_17 = { class: "drag-item" };
46
- const _hoisted_18 = { key: 2 };
44
+ const _hoisted_16 = { class: "include-exclude-selected-header-left" };
45
+ const _hoisted_17 = { class: "include-exclude-selected-header-right" };
46
+ const _hoisted_18 = { key: 1 };
47
47
  const _hoisted_19 = { class: "loader-wrapper" };
48
48
  const _hoisted_20 = { class: "include-exclude-footer" };
49
49
  const _hoisted_21 = { class: "include-exclude-footer-buttons" };
@@ -69,10 +69,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
69
69
  skiddingOffset: { default: 0 },
70
70
  hasSubtitle: { type: Boolean, default: false },
71
71
  keyField: null,
72
- isDraggable: { type: Boolean, default: false },
73
- draggableArgs: { default: null }
72
+ testId: { default: "" }
74
73
  },
75
- emits: ["update:modelValue", "changeDragDrop"],
74
+ emits: ["update:modelValue"],
76
75
  setup(__props, { emit }) {
77
76
  const props = __props;
78
77
  const scrollPrerenderedItems = 10;
@@ -120,11 +119,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
120
119
  (x) => props.onSearch(x, query.value)
121
120
  );
122
121
  });
123
- const filteredOptionsWithoutGroup = computed(() => {
124
- return filteredOptions.value.filter(
125
- (option) => !option?.groupOption
126
- );
127
- });
128
122
  const onApply = () => {
129
123
  if (selectedOption.value?.length !== props.options?.length) {
130
124
  selectedOption.value = selectedOptionRef.value;
@@ -150,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
150
144
  return false;
151
145
  }
152
146
  const selected = selectedOptionRef.value;
153
- const filtered = filteredOptionsWithoutGroup.value || filteredOptions.value;
147
+ const filtered = filteredOptions.value;
154
148
  if (selected === filtered) {
155
149
  return true;
156
150
  }
@@ -215,9 +209,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
215
209
  };
216
210
  const activeIndex = useClamp(0, 0, maxClamped);
217
211
  const onSelect = (option) => {
218
- if (option?.groupOption) {
219
- return;
220
- }
221
212
  inputRef.value?.focus();
222
213
  const rawSelectedOption = selectedOptionRef.value;
223
214
  if (rawSelectedOption.includes(option)) {
@@ -257,7 +248,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
257
248
  removeSelection
258
249
  };
259
250
  const toggleSelectAll = () => {
260
- selectedOptionRef.value = selectedOptionRef.value?.length !== filteredOptionsWithoutGroup.value?.length ? filteredOptionsWithoutGroup.value : [];
251
+ if (selectedOptionRef.value?.length !== filteredOptions.value?.length) {
252
+ selectedOptionRef.value = filteredOptions.value;
253
+ } else {
254
+ selectedOptionRef.value = [];
255
+ }
261
256
  };
262
257
  provide(IncludeExcludeContext, api);
263
258
  const filteredOptions = computed(() => {
@@ -296,19 +291,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
296
291
  event.preventDefault();
297
292
  }
298
293
  };
299
- const expandCollapseIds = ref([]);
300
- const isCollapsed = (option) => {
301
- return expandCollapseIds.value.includes(option?.[props.keyField]);
302
- };
303
- const toggleCollapse = (option) => {
304
- if (option.groupOption) {
305
- option.groupOption.isCollapse = !option?.groupOption.isCollapse;
306
- }
307
- expandCollapseIds.value = virtualOptions.value.filter((item) => item?.data?.groupOption?.isCollapse).flatMap((item) => item?.data?.groupOption?.childOptionsIds || []);
308
- };
309
- const onChangeDragDrop = () => {
310
- emit("changeDragDrop", virtualOptionsSelected.value);
311
- };
312
294
  return (_ctx, _cache) => {
313
295
  return openBlock(), createBlock(unref(_sfc_main$1), {
314
296
  distance: unref(popoverDistance) + __props.distanceOffset,
@@ -323,6 +305,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
323
305
  ref: buttonRef,
324
306
  class: "include-exclude-trigger",
325
307
  tabindex: "0",
308
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).TRIGGER}`,
326
309
  onClick: triggerAction,
327
310
  onKeydown: onButtonKeydown
328
311
  }, [
@@ -332,18 +315,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
332
315
  ref: buttonRef
333
316
  }, "Default trigger", 512)
334
317
  ], true)
335
- ], 544)
318
+ ], 40, _hoisted_1)
336
319
  ]),
337
320
  content: withCtx(() => [
338
321
  createElementVNode("div", {
339
322
  ref_key: "popoverWrapperRef",
340
323
  ref: popoverWrapperRef,
341
- class: normalizeClass(["include-exclude-content", {
342
- "include-exclude-content-draggable": __props.isDraggable
343
- }])
324
+ class: "include-exclude-content",
325
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).CONTENT}`
344
326
  }, [
345
- createElementVNode("div", _hoisted_1, [
346
- createElementVNode("div", _hoisted_2, [
327
+ createElementVNode("div", _hoisted_3, [
328
+ createElementVNode("div", _hoisted_4, [
347
329
  renderSlot(_ctx.$slots, "header-left-section", {}, () => [
348
330
  __props.titleText ? (openBlock(), createBlock(unref(Text), {
349
331
  key: 0,
@@ -358,7 +340,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
358
340
  })) : createCommentVNode("", true)
359
341
  ], true)
360
342
  ]),
361
- createElementVNode("div", _hoisted_3, [
343
+ createElementVNode("div", _hoisted_5, [
362
344
  renderSlot(_ctx.$slots, "header-right-section", {}, () => [
363
345
  createVNode(unref(Search), {
364
346
  ref_key: "searchRef",
@@ -368,18 +350,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
368
350
  class: "include-exclude-header-right-section-search-input",
369
351
  variant: "transparent",
370
352
  placeholder: __props.searchPlaceholder,
371
- disabled: __props.loading
372
- }, null, 8, ["modelValue", "placeholder", "disabled"])
353
+ disabled: __props.loading,
354
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).SEARCH}`
355
+ }, null, 8, ["modelValue", "placeholder", "disabled", "data-testid"])
373
356
  ], true)
374
357
  ])
375
358
  ]),
376
- createElementVNode("div", _hoisted_4, [
359
+ createElementVNode("div", _hoisted_6, [
377
360
  createVNode(Transition, {
378
361
  name: "switch",
379
362
  mode: "out-in"
380
363
  }, {
381
364
  default: withCtx(() => [
382
- !unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
365
+ !unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_7, [
383
366
  renderSlot(_ctx.$slots, "no-result", {}, () => [
384
367
  createVNode(unref(EmptyState), {
385
368
  size: "lg",
@@ -389,8 +372,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
389
372
  "icon-height": 72
390
373
  })
391
374
  ], true)
392
- ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
393
- createElementVNode("div", _hoisted_7, [
375
+ ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
376
+ createElementVNode("div", {
377
+ class: "include-exclude-list-wrapper",
378
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).LIST}`
379
+ }, [
394
380
  createElementVNode("div", {
395
381
  class: normalizeClass(["include-exclude-list-header", {
396
382
  "include-exclude-list-header-loading": __props.loading,
@@ -404,9 +390,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
404
390
  "is-indeterminate": unref(selectedOption)?.length > 0 && !unref(isAllFilteredSelected),
405
391
  disabled: !unref(filteredOptions)?.length,
406
392
  label: "Select all",
393
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).SELECT_ALL}`,
407
394
  onClick: toggleSelectAll
408
- }, null, 8, ["is-checked", "is-indeterminate", "disabled"])) : createCommentVNode("", true),
409
- __props.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
395
+ }, null, 8, ["is-checked", "is-indeterminate", "disabled", "data-testid"])) : createCommentVNode("", true),
396
+ __props.loading ? (openBlock(), createElementBlock("div", _hoisted_10, [
410
397
  createVNode(unref(Skeleton), {
411
398
  class: "dot-skeleton",
412
399
  round: ""
@@ -414,11 +401,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
414
401
  createVNode(unref(Skeleton), { round: "" })
415
402
  ])) : createCommentVNode("", true)
416
403
  ], 2),
417
- createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps), {
418
- class: {
419
- "include-exclude-list-draggable": __props.isDraggable
420
- }
421
- }), [
404
+ createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps)), [
422
405
  !__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
423
406
  ref_key: "listRef",
424
407
  ref: listRef,
@@ -431,30 +414,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
431
414
  "aria-disabled": !!__props.disabled,
432
415
  onClick: () => onSelect(data)
433
416
  }, [
434
- data.groupOption ? (openBlock(), createElementBlock("div", {
435
- key: 0,
436
- class: "option-collapse",
437
- onClick: ($event) => toggleCollapse(data)
438
- }, [
439
- renderSlot(_ctx.$slots, "option-group", { option: data }, void 0, true)
440
- ], 8, _hoisted_10)) : createCommentVNode("", true),
441
- !data.groupOption && !isCollapsed(data) ? renderSlot(_ctx.$slots, "option", {
442
- key: 1,
417
+ renderSlot(_ctx.$slots, "option", {
443
418
  showCheckbox: true,
444
419
  option: data,
445
420
  selected: toRaw(unref(selectedOption)) === data,
446
421
  active: toRaw(unref(activeIndex)) === index
447
- }, void 0, true) : createCommentVNode("", true)
448
- ], 8, _hoisted_9);
422
+ }, void 0, true)
423
+ ], 8, _hoisted_11);
449
424
  }), 128))
450
425
  ], 16)) : createCommentVNode("", true),
451
- __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
426
+ __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_12, [
452
427
  (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
453
428
  return createElementVNode("li", {
454
429
  key: n,
455
430
  class: "include-exclude-list-item-skeleton"
456
431
  }, [
457
- createElementVNode("div", _hoisted_12, [
432
+ createElementVNode("div", _hoisted_13, [
458
433
  createVNode(unref(Skeleton), {
459
434
  class: "dot-skeleton",
460
435
  round: ""
@@ -465,18 +440,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
465
440
  }), 64))
466
441
  ])) : createCommentVNode("", true)
467
442
  ], 16)
468
- ]),
469
- createElementVNode("div", _hoisted_13, [
443
+ ], 8, _hoisted_9),
444
+ createElementVNode("div", {
445
+ class: "include-exclude-selected-wrapper",
446
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).LIST_SELECTED}`
447
+ }, [
470
448
  createElementVNode("div", {
471
449
  class: normalizeClass(["include-exclude-selected-header", {
472
450
  "include-exclude-list-selected-header-loading": __props.loading,
473
451
  "include-exclude-list-header-loaded": !__props.loading
474
452
  }])
475
453
  }, [
476
- __props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
454
+ __props.loading ? (openBlock(), createElementBlock("div", _hoisted_15, [
477
455
  createVNode(unref(Skeleton), { round: "" })
478
456
  ])) : createCommentVNode("", true),
479
- createElementVNode("div", _hoisted_15, [
457
+ createElementVNode("div", _hoisted_16, [
480
458
  !__props.loading ? (openBlock(), createBlock(unref(Text), {
481
459
  key: 0,
482
460
  class: "include-exclude-selected-header-left-selected",
@@ -488,30 +466,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
488
466
  _: 1
489
467
  })) : createCommentVNode("", true)
490
468
  ]),
491
- createElementVNode("div", _hoisted_16, [
492
- renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
493
- unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
494
- key: 0,
495
- variant: "link",
496
- theme: "third",
497
- size: "md",
498
- strong: false,
499
- onClick: clearSelections
500
- }, {
501
- default: withCtx(() => [
502
- createTextVNode("Clear all")
503
- ]),
504
- _: 1
505
- })) : createCommentVNode("", true)
506
- ], true)
469
+ createElementVNode("div", _hoisted_17, [
470
+ unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
471
+ key: 0,
472
+ variant: "link",
473
+ theme: "third",
474
+ size: "md",
475
+ strong: false,
476
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).CLEAR_ALL}`,
477
+ onClick: clearSelections
478
+ }, {
479
+ default: withCtx(() => [
480
+ createTextVNode("Clear all")
481
+ ]),
482
+ _: 1
483
+ }, 8, ["data-testid"])) : createCommentVNode("", true)
507
484
  ])
508
485
  ], 2),
509
- createElementVNode("div", mergeProps({
510
- class: ["include-exclude-selected-list", {
511
- "include-exclude-list-draggable": __props.isDraggable
512
- }]
513
- }, unref(containerPropsSelected)), [
514
- unref(selectedOption)?.length && !__props.loading && !__props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
486
+ createElementVNode("div", mergeProps({ class: "include-exclude-selected-list" }, unref(containerPropsSelected)), [
487
+ unref(selectedOption)?.length && !__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
515
488
  ref: "SelectedlistRef",
516
489
  tabindex: "2"
517
490
  }), [
@@ -525,26 +498,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
525
498
  ]);
526
499
  }), 128))
527
500
  ], 16)) : createCommentVNode("", true),
528
- unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
529
- ref: "SelectedlistRef",
530
- tabindex: "2"
531
- }), [
532
- createVNode(unref(draggable), mergeProps({
533
- modelValue: unref(virtualOptionsSelected),
534
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(virtualOptionsSelected) ? virtualOptionsSelected.value = $event : null)
535
- }, __props.draggableArgs, { onEnd: onChangeDragDrop }), {
536
- item: withCtx(({ element }) => [
537
- createElementVNode("div", _hoisted_17, [
538
- renderSlot(_ctx.$slots, "selected_option_draggable", {
539
- option: element.data,
540
- selected: toRaw(unref(selectedOption)) === element.data,
541
- active: toRaw(unref(activeIndex)) === element.data.draggableItemKey
542
- }, void 0, true)
543
- ])
544
- ]),
545
- _: 3
546
- }, 16, ["modelValue"])
547
- ], 16)) : createCommentVNode("", true),
548
501
  __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
549
502
  (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
550
503
  return createElementVNode("li", {
@@ -558,16 +511,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
558
511
  }), 64))
559
512
  ])) : createCommentVNode("", true)
560
513
  ], 16)
561
- ])
514
+ ], 8, _hoisted_14)
562
515
  ]))
563
516
  ]),
564
517
  _: 3
565
518
  })
566
519
  ]),
567
- renderSlot(_ctx.$slots, "footer", {
568
- handleApply: onApply,
569
- handleCancel: onCancel
570
- }, () => [
520
+ renderSlot(_ctx.$slots, "footer", {}, () => [
571
521
  createElementVNode("div", _hoisted_20, [
572
522
  createElementVNode("div", _hoisted_21, [
573
523
  createVNode(unref(Button), {
@@ -577,36 +527,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
577
527
  variant: "border",
578
528
  theme: "third",
579
529
  text: "Cancel",
530
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).ACTION_CANCEL}`,
580
531
  onClick: onCancel
581
532
  }, {
582
533
  default: withCtx(() => [
583
534
  createTextVNode("Cancel")
584
535
  ]),
585
536
  _: 1
586
- }, 512),
537
+ }, 8, ["data-testid"]),
587
538
  createVNode(unref(Button), {
588
539
  ref_key: "apply",
589
540
  ref: apply,
590
541
  size: "sm",
591
542
  theme: "primary",
592
543
  text: "Apply",
544
+ "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).ACTION_APPLY}`,
593
545
  onClick: onApply
594
546
  }, {
595
547
  default: withCtx(() => [
596
548
  createTextVNode("Apply")
597
549
  ]),
598
550
  _: 1
599
- }, 512)
551
+ }, 8, ["data-testid"])
600
552
  ])
601
553
  ])
602
554
  ], true)
603
- ], 2)
555
+ ], 8, _hoisted_2)
604
556
  ]),
605
557
  _: 3
606
558
  }, 8, ["distance", "skidding", "open", "placement"]);
607
559
  };
608
560
  }
609
561
  });
610
- var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-302e6d9c"]]);
562
+ var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-791585e5"]]);
611
563
 
612
564
  export { IncludeExclude as default };
@@ -4,10 +4,9 @@ import AppIcon from '../appIcon/AppIcon.vue.js';
4
4
  import { useSearch } from '../../composables/useSearch.vue.js';
5
5
  import IncludeExclude from './IncludeExclude.vue.js';
6
6
  import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
7
- /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
8
- /* empty css *//* empty css */import 'floating-vue';
9
- /* empty css *//* empty css */import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
10
- /* empty css *//* empty css *//* empty css */
7
+ import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
8
+ /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
9
+ /* empty css *//* empty css */
11
10
  import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
12
11
  const _sfc_main = /* @__PURE__ */ defineComponent({
13
12
  __name: "IncludeExcludeAppHeader",
@@ -5,8 +5,8 @@ import { useSearch } from '../../composables/useSearch.vue.js';
5
5
  import IncludeExclude from './IncludeExclude.vue.js';
6
6
  import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
7
7
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
8
- /* empty css *//* empty css */import 'floating-vue';
9
- /* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */
8
+ /* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import 'floating-vue';
9
+ /* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */
10
10
  import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_true_lang.css";
11
11
  const _hoisted_1 = ["src"];
12
12
  const _hoisted_2 = ["src"];
@@ -18,20 +18,8 @@ export type Platform = {
18
18
  name: string;
19
19
  icon: string;
20
20
  };
21
- export type groupOption = {
22
- childOptionsIds: string[];
23
- isCollapse: boolean;
24
- };
25
- export type EditColumns = {
26
- name: string;
27
- titleText: string;
28
- icon: string;
29
- disabled: boolean;
30
- groupOption: groupOption;
31
- };
32
21
  export declare const apps: readonly Application[];
33
22
  /** used to test performance (756 apps) */
34
23
  export declare const applications: readonly Application[];
35
24
  export declare const countries: readonly Country[];
36
25
  export declare const platform: readonly Platform[];
37
- export declare const editColumns: readonly EditColumns[];
@@ -1,10 +1,14 @@
1
1
  import IncludeExclude from './IncludeExclude.vue';
2
2
  import IncludeExcludeOption from './IncludeExcludeOption.vue';
3
- import IncludeExcludeOptionDraggable from './IncludeExcludeOptionDraggable.vue';
4
3
  import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue';
5
4
  import IncludeExcludeAppHeader from './IncludeExcludeAppHeader.vue';
6
5
  import IncludeExcludeChipFilter from './IncludeExcludeChipFilter.vue';
7
6
  declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
7
+ testId: {
8
+ type: import("vue").PropType<string>;
9
+ } & {
10
+ default: string;
11
+ };
8
12
  loading: {
9
13
  type: import("vue").PropType<boolean>;
10
14
  } & {
@@ -91,25 +95,18 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
91
95
  } & {
92
96
  default: number;
93
97
  };
94
- isDraggable: {
95
- type: import("vue").PropType<boolean>;
96
- } & {
97
- default: boolean;
98
- };
99
- draggableArgs: {
100
- type: import("vue").PropType<object>;
101
- } & {
102
- default: any;
103
- };
104
98
  keyField: {
105
99
  type: import("vue").PropType<string>;
106
100
  required: true;
107
101
  };
108
102
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
109
103
  "update:modelValue": (value: unknown) => void;
110
- } & {
111
- changeDragDrop: (value: unknown) => void;
112
104
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
105
+ testId: {
106
+ type: import("vue").PropType<string>;
107
+ } & {
108
+ default: string;
109
+ };
113
110
  loading: {
114
111
  type: import("vue").PropType<boolean>;
115
112
  } & {
@@ -196,24 +193,14 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
196
193
  } & {
197
194
  default: number;
198
195
  };
199
- isDraggable: {
200
- type: import("vue").PropType<boolean>;
201
- } & {
202
- default: boolean;
203
- };
204
- draggableArgs: {
205
- type: import("vue").PropType<object>;
206
- } & {
207
- default: any;
208
- };
209
196
  keyField: {
210
197
  type: import("vue").PropType<string>;
211
198
  required: true;
212
199
  };
213
200
  }>> & {
214
201
  "onUpdate:modelValue"?: (value: unknown) => any;
215
- onChangeDragDrop?: (value: unknown) => any;
216
202
  }, {
203
+ testId: string;
217
204
  loading: boolean;
218
205
  placement: import("floating-vue").Placement;
219
206
  disabled: boolean;
@@ -229,8 +216,6 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
229
216
  alwayesOpen: boolean;
230
217
  distanceOffset: number;
231
218
  skiddingOffset: number;
232
- isDraggable: boolean;
233
- draggableArgs: object;
234
219
  }> | import("vue").DefineComponent<{
235
220
  option: {
236
221
  type: import("vue").PropType<unknown>;
@@ -256,6 +241,11 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
256
241
  } & {
257
242
  default: string;
258
243
  };
244
+ showCheckbox: {
245
+ type: import("vue").PropType<boolean>;
246
+ } & {
247
+ default: boolean;
248
+ };
259
249
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
260
250
  option: {
261
251
  type: import("vue").PropType<unknown>;
@@ -281,11 +271,17 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
281
271
  } & {
282
272
  default: string;
283
273
  };
274
+ showCheckbox: {
275
+ type: import("vue").PropType<boolean>;
276
+ } & {
277
+ default: boolean;
278
+ };
284
279
  }>>, {
285
280
  disabled: boolean;
286
281
  subtitle: string;
287
282
  clearable: boolean;
288
283
  titleText: string;
284
+ showCheckbox: boolean;
289
285
  }> | import("vue").DefineComponent<{
290
286
  loading: {
291
287
  type: import("vue").PropType<boolean>;
@@ -704,4 +700,4 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
704
700
  showImage: boolean;
705
701
  triggerTextFunc: (option: unknown) => string;
706
702
  }>)[];
707
- export { IncludeExclude, IncludeExcludeOption, IncludeExcludeOptionDraggable, IncludeExcludeAppTrigger, IncludeExcludeAppHeader, IncludeExcludeChipFilter, IncludeExcludeTypes, };
703
+ export { IncludeExclude, IncludeExcludeOption, IncludeExcludeAppTrigger, IncludeExcludeAppHeader, IncludeExcludeChipFilter, IncludeExcludeTypes, };
@@ -2,8 +2,6 @@ import IncludeExclude from './IncludeExclude.vue.js';
2
2
  export { default as IncludeExclude } from './IncludeExclude.vue.js';
3
3
  import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
4
4
  export { default as IncludeExcludeOption } from './IncludeExcludeOption.vue.js';
5
- import IncludeExcludeOptionDraggable from './IncludeExcludeOptionDraggable.vue.js';
6
- export { default as IncludeExcludeOptionDraggable } from './IncludeExcludeOptionDraggable.vue.js';
7
5
  import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
8
6
  export { default as IncludeExcludeAppTrigger } from './IncludeExcludeAppTrigger.vue.js';
9
7
  import IncludeExcludeAppHeader from './IncludeExcludeAppHeader.vue.js';
@@ -14,7 +12,6 @@ export { default as IncludeExcludeChipFilter } from './IncludeExcludeChipFilter.
14
12
  const IncludeExcludeTypes = () => [
15
13
  IncludeExclude,
16
14
  IncludeExcludeOption,
17
- IncludeExcludeOptionDraggable,
18
15
  IncludeExcludeAppTrigger,
19
16
  IncludeExcludeAppHeader,
20
17
  IncludeExcludeChipFilter
@@ -1,7 +1,7 @@
1
1
  import Input from './Input.vue';
2
2
  import { ExtractComponentProps } from '../../utils/extract-props';
3
3
  export type DollarPropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows' | 'step'>;
4
- export interface DollarProps extends /* @vue-ignore */ DollarPropsType {
4
+ export interface DollarProps extends DollarPropsType {
5
5
  }
6
6
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DollarProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
7
  "update:modelValue": (value: number) => void;
@@ -32,6 +32,6 @@ const _sfc_main = defineComponent({
32
32
  };
33
33
  }
34
34
  });
35
- var DollarInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16e69452"]]);
35
+ var DollarInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b96666f4"]]);
36
36
 
37
37
  export { DollarInput as default };