@avakhula/ui 0.0.265 → 0.0.268
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/.storybook/preview.js +0 -9
- package/dist/index.js +1288 -1291
- package/dist/index.umd.cjs +34 -34
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Alert/alert.scss +2 -0
- package/src/components/Pagination/Pagination.vue +5 -22
- package/src/components/Sorting/Sorting.stories.js +4 -0
- package/src/components/Sorting/Sorting.vue +4 -1
package/package.json
CHANGED
|
@@ -95,6 +95,7 @@ $alert-success-secondary-color: $green-50;
|
|
|
95
95
|
margin-top: 5px;
|
|
96
96
|
margin-bottom: 5px;
|
|
97
97
|
padding-left: 0;
|
|
98
|
+
word-break: break-word;
|
|
98
99
|
}
|
|
99
100
|
}
|
|
100
101
|
|
|
@@ -107,6 +108,7 @@ $alert-success-secondary-color: $green-50;
|
|
|
107
108
|
@include Ib-P1-regular;
|
|
108
109
|
margin-bottom: 5px;
|
|
109
110
|
padding-left: 0!important;
|
|
111
|
+
word-break: break-word;
|
|
110
112
|
}
|
|
111
113
|
|
|
112
114
|
& + .close-button {
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
></ib-limit-selector>
|
|
8
8
|
|
|
9
9
|
<div class="repot-pagination">
|
|
10
|
-
|
|
11
|
-
<template v-if="displayPaginationInput">
|
|
10
|
+
<template v-if="showPaginationInput">
|
|
12
11
|
<ib-label>{{ labelInput }}</ib-label>
|
|
13
12
|
<div class="pagination-input">
|
|
14
13
|
<ib-input type="number" :debounce="500" @input="onInput"></ib-input>
|
|
@@ -23,15 +22,13 @@
|
|
|
23
22
|
size="m"
|
|
24
23
|
class="toggle-children button-prev"
|
|
25
24
|
:disabled="currentPage === 1"
|
|
26
|
-
v-tooltip="tooltipTextPrev"
|
|
27
25
|
@click="onSelect(currentPage - 1)"
|
|
28
26
|
>
|
|
29
27
|
<ib-icon name="chevron-back-outline"></ib-icon>
|
|
30
|
-
|
|
28
|
+
<ib-tooltip v-if="tooltipTextPrev" :text="tooltipTextPrev"></ib-tooltip>
|
|
31
29
|
</ib-icon-button>
|
|
32
30
|
|
|
33
31
|
<ul class="pagination-wrapper">
|
|
34
|
-
<!-- here -->
|
|
35
32
|
<li
|
|
36
33
|
v-for="(item, index) of countPagePagination"
|
|
37
34
|
v-show="showItem(index + 1)"
|
|
@@ -55,11 +52,10 @@
|
|
|
55
52
|
size="m"
|
|
56
53
|
class="toggle-children button-next"
|
|
57
54
|
:disabled="currentPage === countPagePagination"
|
|
58
|
-
v-tooltip="tooltipTextNext"
|
|
59
55
|
@click="onSelect(currentPage + 1)"
|
|
60
56
|
>
|
|
61
57
|
<ib-icon name="chevron-forward-outline"></ib-icon>
|
|
62
|
-
|
|
58
|
+
<ib-tooltip v-if="tooltipTextNext" :text="tooltipTextNext"></ib-tooltip>
|
|
63
59
|
</ib-icon-button>
|
|
64
60
|
</div>
|
|
65
61
|
</div>
|
|
@@ -71,20 +67,15 @@ import IbIconButton from "../IconButton/IconButton.vue";
|
|
|
71
67
|
import IbInput from "../Form/Input/Input.vue";
|
|
72
68
|
import IbLabel from "../Form/Label/Label.vue";
|
|
73
69
|
import IbIcon from "../Icon.vue";
|
|
74
|
-
import
|
|
75
|
-
// import IbTooltip from "../Tooltip/Tooltip.vue";
|
|
76
|
-
|
|
77
|
-
|
|
70
|
+
import IbTooltip from "../Tooltip/Tooltip.vue";
|
|
78
71
|
export default {
|
|
79
72
|
name: "IbPagination",
|
|
80
73
|
props: {
|
|
81
74
|
tooltipTextPrev: {
|
|
82
75
|
type: String,
|
|
83
|
-
default: this.lang('prev_page', this.langComponents?.COMPONENT_SYSTEM),
|
|
84
76
|
},
|
|
85
77
|
tooltipTextNext: {
|
|
86
78
|
type: String,
|
|
87
|
-
default: this.lang('next_page', this.langComponents?.COMPONENT_SYSTEM),
|
|
88
79
|
},
|
|
89
80
|
labelInput: {
|
|
90
81
|
type: String,
|
|
@@ -230,14 +221,6 @@ export default {
|
|
|
230
221
|
countPagePagination() {
|
|
231
222
|
return Math.ceil(this.countRows / this.limitValue);
|
|
232
223
|
},
|
|
233
|
-
displayPaginationInput() {
|
|
234
|
-
if(!this.showPaginationInput) return false;
|
|
235
|
-
|
|
236
|
-
return Boolean(this.countPagePagination >= 7);
|
|
237
|
-
}
|
|
238
|
-
},
|
|
239
|
-
directives: {
|
|
240
|
-
Tooltip
|
|
241
224
|
},
|
|
242
225
|
components: {
|
|
243
226
|
IbIconButton,
|
|
@@ -245,7 +228,7 @@ export default {
|
|
|
245
228
|
IbInput,
|
|
246
229
|
IbLabel,
|
|
247
230
|
IbLimitSelector,
|
|
248
|
-
|
|
231
|
+
IbTooltip,
|
|
249
232
|
},
|
|
250
233
|
};
|
|
251
234
|
</script>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
<ib-icon-button
|
|
40
40
|
v-if="!hideSortingButton"
|
|
41
|
-
v-tooltip="tooltipIconText"
|
|
41
|
+
v-tooltip:[tooltipIconPosition]="tooltipIconText"
|
|
42
42
|
kind="white"
|
|
43
43
|
size="s"
|
|
44
44
|
@click="clickHandler"
|
|
@@ -88,6 +88,9 @@ export default {
|
|
|
88
88
|
tooltipPosition: {
|
|
89
89
|
type: String,
|
|
90
90
|
},
|
|
91
|
+
tooltipIconPosition: {
|
|
92
|
+
type: String,
|
|
93
|
+
},
|
|
91
94
|
tooltipIconSorting: {
|
|
92
95
|
type: String,
|
|
93
96
|
},
|