@eturnity/eturnity_reusable_components 9.3.1-EPDM-17969.0 → 9.3.1-EPDM-17970.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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/filter/filterSettings.vue +3 -92
  3. package/src/components/filter/index.vue +0 -6
  4. package/src/components/filter/parentDropdown.vue +1 -9
  5. package/src/components/pagination/index.vue +10 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "9.3.1-EPDM-17969.0",
3
+ "version": "9.3.1-EPDM-17970.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "src"
package/src/components/filter/filterSettings.vue CHANGED
@@ -4,8 +4,6 @@
4
4
  <ViewContainer :max-width="activeView.length">
5
5
  <SelectComponent
6
6
  align-items="vertical"
7
- :data-id="componentName + '_filter_view_select'"
8
- :data-qa-id="componentName + '_filter_view_select'"
9
7
  font-size="13px"
10
8
  :label="$gettext('active_filter')"
11
9
  select-height="36px"
@@ -30,11 +28,7 @@
30
28
  </template>
31
29
  </SelectComponent>
32
30
  </ViewContainer>
33
- <ResetButton
34
- :data-id="componentName + '_reset_filters_button'"
35
- :data-qa-id="componentName + '_reset_filters_button'"
36
- @click="$emit('on-reset-filters')"
37
- >
31
+ <ResetButton @click="$emit('on-reset-filters')">
38
32
  <Icon :color="theme.colors.blue" :name="'update'" size="14px" />
39
33
  <div>{{ $gettext('reset_filters') }}</div>
40
34
  </ResetButton>
@@ -65,12 +59,7 @@
65
59
  @change="onDragChange({ data: item.dataOptions })"
66
60
  >
67
61
  <template #item="{ element: column }">
68
- <CheckboxWrapper
69
- :data-id="componentName + '_' + column.choice + '_checkbox'"
70
- :data-qa-id="
71
- componentName + '_' + column.choice + '_checkbox'
72
- "
73
- >
62
+ <CheckboxWrapper>
74
63
  <DragContainer class="drag-container">
75
64
  <Icon :name="'duplicate-1'" size="12px" />
76
65
  </DragContainer>
@@ -103,8 +92,6 @@
103
92
  isSingleSelector(filter.filter_type)
104
93
  "
105
94
  align-items="vertical"
106
- :data-id="componentName + '_' + filter.field + '_select'"
107
- :data-qa-id="componentName + '_' + filter.field + '_select'"
108
95
  :disabled="!filter.choices.length"
109
96
  font-size="13px"
110
97
  :is-searchable="filter.choices.length > 7"
@@ -123,20 +110,6 @@
123
110
  <Option
124
111
  v-for="(filterOption, optionIdx) in filter.choices"
125
112
  :key="optionIdx + 'optionIdx'"
126
- :data-id="
127
- componentName +
128
- '_' +
129
- filter.field +
130
- '_select_option_' +
131
- optionIdx
132
- "
133
- :data-qa-id="
134
- componentName +
135
- '_' +
136
- filter.field +
137
- '_select_option_' +
138
- optionIdx
139
- "
140
113
  :value="filterOption.text"
141
114
  @click="
142
115
  onChange({
@@ -157,20 +130,6 @@
157
130
  @click.stop
158
131
  >
159
132
  <Checkbox
160
- :data-id="
161
- componentName +
162
- '_' +
163
- filter.field +
164
- '_select_option_' +
165
- optionIdx
166
- "
167
- :data-qa-id="
168
- componentName +
169
- '_' +
170
- filter.field +
171
- '_select_option_' +
172
- optionIdx
173
- "
174
133
  :is-checked="filterOption.selected"
175
134
  :label="filterOption.text"
176
135
  size="small"
@@ -193,12 +152,6 @@
193
152
  </RowLabel>
194
153
  <GridContainer>
195
154
  <InputNumber
196
- :data-id="
197
- componentName + '_' + filter.field + '_input_number_start'
198
- "
199
- :data-qa-id="
200
- componentName + '_' + filter.field + '_input_number_start'
201
- "
202
155
  font-size="13px"
203
156
  input-height="36px"
204
157
  :number-precision="isIntegerRange(filter.filter_type) ? 0 : 2"
@@ -251,12 +204,6 @@
251
204
  <VueDatePicker
252
205
  :auto-apply="true"
253
206
  :clearable="true"
254
- :data-id="
255
- componentName + '_' + filter.field + '_datepicker_start'
256
- "
257
- :data-qa-id="
258
- componentName + '_' + filter.field + '_datepicker_start'
259
- "
260
207
  :disabled-dates="disableFutureDates"
261
208
  :enable-time-picker="false"
262
209
  format="yyyy-MM-dd"
@@ -279,12 +226,6 @@
279
226
  <VueDatePicker
280
227
  :auto-apply="true"
281
228
  :clearable="true"
282
- :data-id="
283
- componentName + '_' + filter.field + '_datepicker_end'
284
- "
285
- :data-qa-id="
286
- componentName + '_' + filter.field + '_datepicker_end'
287
- "
288
229
  :disabled-dates="disablePastDates"
289
230
  :enable-time-picker="false"
290
231
  format="yyyy-MM-dd"
@@ -309,8 +250,6 @@
309
250
  <SelectComponent
310
251
  v-else
311
252
  align-items="vertical"
312
- :data-id="componentName + '_' + filter.field + '_select'"
313
- :data-qa-id="componentName + '_' + filter.field + '_select'"
314
253
  :disabled="!filter.choices.length"
315
254
  font-size="13px"
316
255
  :is-searchable="filter.choices.length > 7"
@@ -334,20 +273,6 @@
334
273
  <Option
335
274
  v-for="(filterOption, filterIdx) in filter.choices"
336
275
  :key="filterIdx + '_filterIdx'"
337
- :data-id="
338
- componentName +
339
- '_' +
340
- filter.field +
341
- '_select_option_' +
342
- filterIdx
343
- "
344
- :data-qa-id="
345
- componentName +
346
- '_' +
347
- filter.field +
348
- '_select_option_' +
349
- filterIdx
350
- "
351
276
  :value="filterOption.choice"
352
277
  >
353
278
  {{ filterOption.text }}
@@ -361,35 +286,25 @@
361
286
  <ButtonContainer>
362
287
  <MainButton
363
288
  v-if="buttonText.apply_view"
364
- :data-id="componentName + '_apply_view_button'"
365
- :data-qa-id="componentName + '_apply_view_button'"
366
289
  :text="buttonText.apply_view"
367
290
  type="primary"
368
291
  @click="$emit('on-apply-current-view')"
369
292
  />
370
293
  <MainButton
371
294
  v-if="buttonText.save_view"
372
- :data-id="componentName + '_save_view_button'"
373
- :data-qa-id="componentName + '_save_view_button'"
374
295
  :text="buttonText.save_view"
375
296
  type="secondary"
376
297
  @click="$emit('on-save-new-view')"
377
298
  />
378
299
  <MainButton
379
300
  v-if="buttonText.cancel"
380
- :data-id="componentName + '_cancel_button'"
381
- :data-qa-id="componentName + '_cancel_button'"
382
301
  :text="buttonText.cancel"
383
302
  type="primary"
384
303
  variant="cancel"
385
304
  @click="$emit('on-cancel-view')"
386
305
  />
387
306
  <ResetContainer v-if="!filterViews || !filterViews.length">
388
- <ResetButton
389
- :data-id="componentName + '_reset_filters_button'"
390
- :data-qa-id="componentName + '_reset_filters_button'"
391
- @click="$emit('on-reset-filters')"
392
- >
307
+ <ResetButton @click="$emit('on-reset-filters')">
393
308
  <Icon :color="theme.colors.primary" :name="'update'" size="14px" />
394
309
  <div>{{ $gettext('reset_filters') }}</div>
395
310
  </ResetButton>
@@ -627,10 +542,6 @@
627
542
  activeView: {
628
543
  required: false,
629
544
  },
630
- componentName: {
631
- type: String,
632
- required: false,
633
- },
634
545
  },
635
546
  data() {
636
547
  return {
package/src/components/filter/index.vue CHANGED
@@ -1,7 +1,6 @@
1
1
  <template>
2
2
  <PageWrapper ref="dropdown">
3
3
  <ParentDropdown
4
- :component-name="componentName"
5
4
  :dropdown-text="dropdownText ? dropdownText : 'Default view'"
6
5
  :is-open="isDropdownOpen"
7
6
  :number-of-filters-applied="numberOfFiltersApplied"
@@ -12,7 +11,6 @@
12
11
  :active-language="activeLanguage"
13
12
  :active-view="activeView"
14
13
  :button-text="buttonText"
15
- :component-name="componentName"
16
14
  :filter-data="filterData"
17
15
  :filter-views="filterViews"
18
16
  :has-active-view="hasActiveView"
@@ -82,10 +80,6 @@
82
80
  default: null,
83
81
  required: false,
84
82
  },
85
- componentName: {
86
- type: String,
87
- required: false,
88
- },
89
83
  },
90
84
  data() {
91
85
  return {
package/src/components/filter/parentDropdown.vue CHANGED
@@ -1,9 +1,5 @@
1
1
  <template>
2
- <PageWrapper
3
- :data-id="componentName + '_filter_dropdown'"
4
- :data-qa-id="componentName + '_filter_dropdown'"
5
- @click="$emit('on-toggle')"
6
- >
2
+ <PageWrapper @click="$emit('on-toggle')">
7
3
  <IconWrapper>
8
4
  <Icon name="settings" size="18px" />
9
5
  </IconWrapper>
@@ -113,10 +109,6 @@
113
109
  default: 0,
114
110
  type: Number,
115
111
  },
116
- componentName: {
117
- type: String,
118
- required: false,
119
- },
120
112
  },
121
113
  }
122
114
  </script>
package/src/components/pagination/index.vue CHANGED
@@ -4,6 +4,8 @@
4
4
  <!-- Back button -->
5
5
  <PaginationLink
6
6
  v-if="paginationParams.previous"
7
+ data-id="pagination_back_button"
8
+ data-qa-id="pagination_back_button"
7
9
  @click="fetchPage(paginationParams.previous)"
8
10
  >
9
11
  <ArrowIconContainer>
@@ -19,6 +21,8 @@
19
21
  <!-- First page -->
20
22
  <PaginationLink
21
23
  v-if="currentPage > 2 && paginationParams.pages > 3"
24
+ data-id="pagination_page_button_1"
25
+ data-qa-id="pagination_page_button_1"
22
26
  @click="fetchPage(1)"
23
27
  >
24
28
  1
@@ -32,6 +36,8 @@
32
36
  v-for="number in paginationNumbers()"
33
37
  :key="number"
34
38
  :class="[currentPage === number ? 'active' : '']"
39
+ :data-id="`pagination_page_button_${number}`"
40
+ :data-qa-id="`pagination_page_button_${number}`"
35
41
  @click="fetchPage(number)"
36
42
  >
37
43
  {{ number }}
@@ -50,6 +56,8 @@
50
56
  v-if="
51
57
  paginationParams.pages - currentPage > 1 && paginationParams.pages > 3
52
58
  "
59
+ :data-id="`pagination_page_button_${paginationParams.pages}`"
60
+ :data-qa-id="`pagination_page_button_${paginationParams.pages}`"
53
61
  @click="fetchPage(paginationParams.pages)"
54
62
  >
55
63
  {{ paginationParams.pages }}
@@ -58,6 +66,8 @@
58
66
  <!-- Forward button -->
59
67
  <PaginationLink
60
68
  v-if="paginationParams.next"
69
+ data-id="pagination_next_button"
70
+ data-qa-id="pagination_next_button"
61
71
  @click="fetchPage(paginationParams.next)"
62
72
  >
63
73
  <ArrowText>{{ $gettext('forward') }}</ArrowText>