@ironsource/shared-ui 1.4.1-rc.4 → 1.4.1-test.1
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/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Table.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Tooltip.vue_vue_type_style_index_0_lang.css +1 -1
- package/components/appTrigger/AppTrigger.vue.js +8 -3
- package/components/banner/Banner.vue.d.ts +9 -0
- package/components/banner/Banner.vue.js +16 -7
- package/components/banner/index.d.ts +9 -0
- package/components/button/index.d.ts +6 -6
- package/components/dateRange/CalendarMonth.vue.js +2 -2
- package/components/dateRange/DateRange.vue.js +2 -2
- package/components/dropdown/Dropdown.vue.d.ts +10 -0
- package/components/dropdown/Dropdown.vue.js +56 -35
- package/components/dropdown/index.d.ts +22 -0
- package/components/emptyState/EmptyState.vue.js +8 -8
- package/components/emptyState/index.d.ts +3 -3
- package/components/filtersPanel/FilterSearchInput.vue.js +5 -5
- package/components/filtersPanel/FiltersPanel.vue.d.ts +4 -2
- package/components/filtersPanel/FiltersPanel.vue.js +4 -3
- package/components/icon/Icon.vue.js +6 -1
- package/components/icon/icons/Adjust.vue.js +52 -0
- package/components/icon/icons/CopyToClipboardFilled.vue.d.ts +2 -0
- package/components/icon/icons/CopyToClipboardFilled.vue.js +24 -0
- package/components/icon/icons/Cube.vue.d.ts +2 -0
- package/components/icon/icons/Cube.vue.js +27 -0
- package/components/icon/icons/CubeBackground.vue.d.ts +2 -0
- package/components/icon/icons/CubeBackground.vue.js +34 -0
- package/components/icon/icons/Marketing.vue.d.ts +2 -0
- package/components/icon/icons/Marketing.vue.js +30 -0
- package/components/icon/icons/WidgetsFlatSquares.vue.d.ts +2 -0
- package/components/icon/icons/WidgetsFlatSquares.vue.js +58 -0
- package/components/icon/icons/index.d.ts +18 -3
- package/components/icon/icons/index.vue.js +18 -3
- package/components/icon/index.d.ts +18 -3
- package/components/includeExclude/IncludeExclude.vue.js +2 -2
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +2 -2
- package/components/includeExclude/index.d.ts +16 -16
- package/components/table/Table.vue.d.ts +0 -10
- package/components/table/Table.vue.js +30 -42
- package/components/table/index.d.ts +0 -22
- package/components/tooltip/Tooltip.vue.js +2 -2
- package/index.vue.js +1 -1
- package/package.json +1 -1
- package/utils/array.d.ts +1 -0
- package/utils/array.vue.js +13 -0
- package/utils/object.d.ts +1 -0
- package/utils/object.vue.js +10 -0
- package/components/icon/icons/TableEdit.vue.js +0 -24
- package/components/table/Pagination.vue.d.ts +0 -43
- /package/components/icon/icons/{TableEdit.vue.d.ts → Adjust.vue.d.ts} +0 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, createElementVNode } from 'vue';
|
|
2
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
|
+
|
|
4
|
+
////import "../../CubeBackground.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
5
|
+
const _sfc_main = {};
|
|
6
|
+
|
|
7
|
+
const _hoisted_1 = {
|
|
8
|
+
viewBox: "0 0 32 32",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("rect", {
|
|
13
|
+
width: "32",
|
|
14
|
+
height: "32",
|
|
15
|
+
rx: "8",
|
|
16
|
+
fill: "#F2F3F4"
|
|
17
|
+
}, null, -1);
|
|
18
|
+
const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
|
|
19
|
+
"fill-rule": "evenodd",
|
|
20
|
+
"clip-rule": "evenodd",
|
|
21
|
+
d: "M15.3864 7.19107C15.5731 7.08406 15.7847 7.02774 16 7.02774C16.2153 7.02774 16.4268 7.08406 16.6136 7.19107L23.4883 11.0581C23.6549 11.1527 23.7974 11.2839 23.9052 11.4414C23.9243 11.4657 23.9418 11.4917 23.9575 11.5194C23.9694 11.5403 23.9799 11.5616 23.9891 11.5832C24.0773 11.7571 24.1239 11.9494 24.125 12.1451L24.125 12.1484L24.125 19.8549C24.1238 20.0761 24.0643 20.293 23.9525 20.4839C23.8408 20.6747 23.6806 20.8327 23.4883 20.9419L23.4861 20.9432L16.6136 24.809C16.4268 24.916 16.2153 24.9723 16 24.9723C15.7847 24.9723 15.5732 24.916 15.3864 24.809L8.5139 20.9432L8.51168 20.9419C8.31936 20.8327 8.15924 20.6747 8.04746 20.4839C7.93568 20.293 7.8762 20.0761 7.87501 19.8549L7.875 19.8516V12.1451C7.87605 11.9494 7.92274 11.757 8.01091 11.5831C8.01948 11.5631 8.02917 11.5433 8.04002 11.5238C8.05638 11.4945 8.07475 11.467 8.09487 11.4414C8.20265 11.2839 8.34508 11.1527 8.51168 11.0581L8.5139 11.0568L15.3864 7.19107ZM9.125 12.8441V19.8485C9.12506 19.8498 9.12542 19.851 9.12606 19.8521C9.12671 19.8532 9.12762 19.8542 9.12871 19.8548L15.3832 23.3729L15.4422 16.3654L9.125 12.8441ZM16.6923 16.3655L16.6333 23.3637L22.8711 19.855C22.8721 19.8543 22.8733 19.8532 22.8739 19.8521C22.8746 19.851 22.8749 19.8498 22.875 19.8486V12.8532L16.6923 16.3655ZM22.2278 11.7832L16 8.28009L9.78059 11.7785L16.0674 15.2828L22.2278 11.7832Z",
|
|
22
|
+
fill: "currentColor"
|
|
23
|
+
}, null, -1);
|
|
24
|
+
const _hoisted_4 = [
|
|
25
|
+
_hoisted_2,
|
|
26
|
+
_hoisted_3
|
|
27
|
+
];
|
|
28
|
+
|
|
29
|
+
function _sfc_render(_ctx, _cache) {
|
|
30
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4))
|
|
31
|
+
}
|
|
32
|
+
var CubeBackground = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
|
33
|
+
|
|
34
|
+
export { CubeBackground as default };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, createElementVNode } from 'vue';
|
|
2
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
|
+
|
|
4
|
+
////import "../../Marketing.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
5
|
+
const _sfc_main = {};
|
|
6
|
+
|
|
7
|
+
const _hoisted_1 = {
|
|
8
|
+
viewBox: "0 0 51 51",
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
|
|
13
|
+
d: "M23.6081 21.2169C24.8698 20.465 26.4419 20.465 27.7036 21.2169L39.456 28.2206C42.059 29.7719 42.059 33.5416 39.456 35.0928L27.7036 42.0966C26.4419 42.8484 24.8698 42.8484 23.6081 42.0966L11.8557 35.0928C9.25267 33.5416 9.25267 29.7719 11.8557 28.2206L23.6081 21.2169Z",
|
|
14
|
+
fill: "currentColor"
|
|
15
|
+
}, null, -1);
|
|
16
|
+
const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
|
|
17
|
+
d: "M23.6081 8.3707C24.8698 7.61885 26.4419 7.61885 27.7036 8.3707L39.456 15.3744C42.059 16.9257 42.059 20.6954 39.456 22.2466L27.7036 29.2504C26.4419 30.0022 24.8698 30.0022 23.6081 29.2504L11.8557 22.2466C9.25267 20.6954 9.25267 16.9257 11.8557 15.3744L23.6081 8.3707Z",
|
|
18
|
+
fill: "#9AA4B0"
|
|
19
|
+
}, null, -1);
|
|
20
|
+
const _hoisted_4 = [
|
|
21
|
+
_hoisted_2,
|
|
22
|
+
_hoisted_3
|
|
23
|
+
];
|
|
24
|
+
|
|
25
|
+
function _sfc_render(_ctx, _cache) {
|
|
26
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4))
|
|
27
|
+
}
|
|
28
|
+
var Marketing = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
|
29
|
+
|
|
30
|
+
export { Marketing as default };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, createElementVNode } from 'vue';
|
|
2
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
|
+
|
|
4
|
+
////import "../../WidgetsFlatSquares.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
5
|
+
const _sfc_main = {};
|
|
6
|
+
|
|
7
|
+
const _hoisted_1 = {
|
|
8
|
+
viewBox: "0 0 51 51",
|
|
9
|
+
fill: "currentColor"
|
|
10
|
+
};
|
|
11
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("rect", {
|
|
12
|
+
x: "6.4043",
|
|
13
|
+
y: "6.53043",
|
|
14
|
+
width: "16.9043",
|
|
15
|
+
height: "16.9043",
|
|
16
|
+
rx: "4",
|
|
17
|
+
fill: "currentColor",
|
|
18
|
+
opacity: ".4"
|
|
19
|
+
}, null, -1);
|
|
20
|
+
const _hoisted_3 = /*#__PURE__*/createElementVNode("rect", {
|
|
21
|
+
x: "6.4043",
|
|
22
|
+
y: "27.1913",
|
|
23
|
+
width: "16.9043",
|
|
24
|
+
height: "16.9043",
|
|
25
|
+
rx: "4",
|
|
26
|
+
fill: "currentColor",
|
|
27
|
+
opacity: ".4"
|
|
28
|
+
}, null, -1);
|
|
29
|
+
const _hoisted_4 = /*#__PURE__*/createElementVNode("rect", {
|
|
30
|
+
x: "27.0649",
|
|
31
|
+
y: "6.53043",
|
|
32
|
+
width: "16.9043",
|
|
33
|
+
height: "16.9043",
|
|
34
|
+
rx: "4",
|
|
35
|
+
fill: "currentColor"
|
|
36
|
+
}, null, -1);
|
|
37
|
+
const _hoisted_5 = /*#__PURE__*/createElementVNode("rect", {
|
|
38
|
+
x: "27.0649",
|
|
39
|
+
y: "27.1913",
|
|
40
|
+
width: "16.9043",
|
|
41
|
+
height: "16.9043",
|
|
42
|
+
rx: "4",
|
|
43
|
+
fill: "currentColor",
|
|
44
|
+
opacity: ".4"
|
|
45
|
+
}, null, -1);
|
|
46
|
+
const _hoisted_6 = [
|
|
47
|
+
_hoisted_2,
|
|
48
|
+
_hoisted_3,
|
|
49
|
+
_hoisted_4,
|
|
50
|
+
_hoisted_5
|
|
51
|
+
];
|
|
52
|
+
|
|
53
|
+
function _sfc_render(_ctx, _cache) {
|
|
54
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_6))
|
|
55
|
+
}
|
|
56
|
+
var WidgetsFlatSquares = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
|
57
|
+
|
|
58
|
+
export { WidgetsFlatSquares as default };
|
|
@@ -155,6 +155,24 @@ export declare const icons: {
|
|
|
155
155
|
'copy-to-clipboard': {
|
|
156
156
|
fileName: string;
|
|
157
157
|
};
|
|
158
|
+
'widgets-flat-squares': {
|
|
159
|
+
fileName: string;
|
|
160
|
+
};
|
|
161
|
+
adjust: {
|
|
162
|
+
fileName: string;
|
|
163
|
+
};
|
|
164
|
+
'copy-to-clipboard-filled': {
|
|
165
|
+
fileName: string;
|
|
166
|
+
};
|
|
167
|
+
cube: {
|
|
168
|
+
fileName: string;
|
|
169
|
+
};
|
|
170
|
+
'cube-background': {
|
|
171
|
+
fileName: string;
|
|
172
|
+
};
|
|
173
|
+
marketing: {
|
|
174
|
+
fileName: string;
|
|
175
|
+
};
|
|
158
176
|
create: {
|
|
159
177
|
fileName: string;
|
|
160
178
|
};
|
|
@@ -515,9 +533,6 @@ export declare const icons: {
|
|
|
515
533
|
switch: {
|
|
516
534
|
fileName: string;
|
|
517
535
|
};
|
|
518
|
-
'table-edit': {
|
|
519
|
-
fileName: string;
|
|
520
|
-
};
|
|
521
536
|
'tablet-landscape': {
|
|
522
537
|
fileName: string;
|
|
523
538
|
};
|
|
@@ -155,6 +155,24 @@ const icons = {
|
|
|
155
155
|
"copy-to-clipboard": {
|
|
156
156
|
fileName: "CopyTo-Clipboard"
|
|
157
157
|
},
|
|
158
|
+
"widgets-flat-squares": {
|
|
159
|
+
fileName: "WidgetsFlatSquares"
|
|
160
|
+
},
|
|
161
|
+
adjust: {
|
|
162
|
+
fileName: "Adjust"
|
|
163
|
+
},
|
|
164
|
+
"copy-to-clipboard-filled": {
|
|
165
|
+
fileName: "CopyToClipboardFilled"
|
|
166
|
+
},
|
|
167
|
+
cube: {
|
|
168
|
+
fileName: "Cube"
|
|
169
|
+
},
|
|
170
|
+
"cube-background": {
|
|
171
|
+
fileName: "CubeBackground"
|
|
172
|
+
},
|
|
173
|
+
marketing: {
|
|
174
|
+
fileName: "Marketing"
|
|
175
|
+
},
|
|
158
176
|
create: {
|
|
159
177
|
fileName: "Create"
|
|
160
178
|
},
|
|
@@ -515,9 +533,6 @@ const icons = {
|
|
|
515
533
|
switch: {
|
|
516
534
|
fileName: "Switch"
|
|
517
535
|
},
|
|
518
|
-
"table-edit": {
|
|
519
|
-
fileName: "TableEdit"
|
|
520
|
-
},
|
|
521
536
|
"tablet-landscape": {
|
|
522
537
|
fileName: "TabletLandscape"
|
|
523
538
|
},
|
|
@@ -156,6 +156,24 @@ declare const IconTypes: () => ({
|
|
|
156
156
|
'copy-to-clipboard': {
|
|
157
157
|
fileName: string;
|
|
158
158
|
};
|
|
159
|
+
'widgets-flat-squares': {
|
|
160
|
+
fileName: string;
|
|
161
|
+
};
|
|
162
|
+
adjust: {
|
|
163
|
+
fileName: string;
|
|
164
|
+
};
|
|
165
|
+
'copy-to-clipboard-filled': {
|
|
166
|
+
fileName: string;
|
|
167
|
+
};
|
|
168
|
+
cube: {
|
|
169
|
+
fileName: string;
|
|
170
|
+
};
|
|
171
|
+
'cube-background': {
|
|
172
|
+
fileName: string;
|
|
173
|
+
};
|
|
174
|
+
marketing: {
|
|
175
|
+
fileName: string;
|
|
176
|
+
};
|
|
159
177
|
create: {
|
|
160
178
|
fileName: string;
|
|
161
179
|
};
|
|
@@ -516,9 +534,6 @@ declare const IconTypes: () => ({
|
|
|
516
534
|
switch: {
|
|
517
535
|
fileName: string;
|
|
518
536
|
};
|
|
519
|
-
'table-edit': {
|
|
520
|
-
fileName: string;
|
|
521
|
-
};
|
|
522
537
|
'tablet-landscape': {
|
|
523
538
|
fileName: string;
|
|
524
539
|
};
|
|
@@ -3,8 +3,8 @@ 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
5
|
/* empty css */import Text from '../typography/Text.vue.js';
|
|
6
|
-
/* empty css *//* empty css */import 'floating-vue';
|
|
7
|
-
/* empty css
|
|
6
|
+
/* empty css *//* empty css *//* empty css */import 'floating-vue';
|
|
7
|
+
/* empty css *//* empty css */import Search from '../search/Search.vue.js';
|
|
8
8
|
import Checkbox from '../checkbox/Checkbox.vue.js';
|
|
9
9
|
import Skeleton from '../skeleton/Skeleton.vue.js';
|
|
10
10
|
import EmptyState from '../emptyState/EmptyState.vue.js';
|
|
@@ -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 *//* empty css *//* empty css */import 'floating-vue';
|
|
9
|
-
/* 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"];
|
|
@@ -310,15 +310,15 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
|
|
|
310
310
|
selected: import("./includeExcludeMocks").Application[];
|
|
311
311
|
options: import("./includeExcludeMocks").Application[];
|
|
312
312
|
}> | import("vue").DefineComponent<{
|
|
313
|
+
modelValue: {
|
|
314
|
+
type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
|
|
315
|
+
required: true;
|
|
316
|
+
};
|
|
313
317
|
searchAttribute: {
|
|
314
318
|
type: import("vue").PropType<string>;
|
|
315
319
|
} & {
|
|
316
320
|
default: string;
|
|
317
321
|
};
|
|
318
|
-
modelValue: {
|
|
319
|
-
type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
|
|
320
|
-
required: true;
|
|
321
|
-
};
|
|
322
322
|
searchPlaceholder: {
|
|
323
323
|
type: import("vue").PropType<string>;
|
|
324
324
|
} & {
|
|
@@ -383,15 +383,15 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
|
|
|
383
383
|
required: true;
|
|
384
384
|
};
|
|
385
385
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
386
|
+
modelValue: {
|
|
387
|
+
type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
|
|
388
|
+
required: true;
|
|
389
|
+
};
|
|
386
390
|
searchAttribute: {
|
|
387
391
|
type: import("vue").PropType<string>;
|
|
388
392
|
} & {
|
|
389
393
|
default: string;
|
|
390
394
|
};
|
|
391
|
-
modelValue: {
|
|
392
|
-
type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
|
|
393
|
-
required: true;
|
|
394
|
-
};
|
|
395
395
|
searchPlaceholder: {
|
|
396
396
|
type: import("vue").PropType<string>;
|
|
397
397
|
} & {
|
|
@@ -473,15 +473,15 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
|
|
|
473
473
|
type: import("vue").PropType<unknown[]>;
|
|
474
474
|
required: true;
|
|
475
475
|
};
|
|
476
|
+
modelValue: {
|
|
477
|
+
type: import("vue").PropType<unknown[]>;
|
|
478
|
+
required: true;
|
|
479
|
+
};
|
|
476
480
|
searchAttribute: {
|
|
477
481
|
type: import("vue").PropType<string>;
|
|
478
482
|
} & {
|
|
479
483
|
default: string;
|
|
480
484
|
};
|
|
481
|
-
modelValue: {
|
|
482
|
-
type: import("vue").PropType<unknown[]>;
|
|
483
|
-
required: true;
|
|
484
|
-
};
|
|
485
485
|
searchPlaceholder: {
|
|
486
486
|
type: import("vue").PropType<string>;
|
|
487
487
|
} & {
|
|
@@ -574,15 +574,15 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
|
|
|
574
574
|
type: import("vue").PropType<unknown[]>;
|
|
575
575
|
required: true;
|
|
576
576
|
};
|
|
577
|
+
modelValue: {
|
|
578
|
+
type: import("vue").PropType<unknown[]>;
|
|
579
|
+
required: true;
|
|
580
|
+
};
|
|
577
581
|
searchAttribute: {
|
|
578
582
|
type: import("vue").PropType<string>;
|
|
579
583
|
} & {
|
|
580
584
|
default: string;
|
|
581
585
|
};
|
|
582
|
-
modelValue: {
|
|
583
|
-
type: import("vue").PropType<unknown[]>;
|
|
584
|
-
required: true;
|
|
585
|
-
};
|
|
586
586
|
searchPlaceholder: {
|
|
587
587
|
type: import("vue").PropType<string>;
|
|
588
588
|
} & {
|
|
@@ -6,7 +6,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
6
6
|
sections?: Section[];
|
|
7
7
|
sort: Sort;
|
|
8
8
|
isSticky?: boolean;
|
|
9
|
-
isStickyHeader?: boolean;
|
|
10
9
|
isLoading?: boolean;
|
|
11
10
|
emptyStateTitle?: string;
|
|
12
11
|
emptyStateSubtitle?: string;
|
|
@@ -14,10 +13,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
14
13
|
infiniteScrollThreshold?: number;
|
|
15
14
|
rowHeight?: number | ((index: number) => number);
|
|
16
15
|
loadingRowCount?: number;
|
|
17
|
-
defaultScrollPosition?: number;
|
|
18
16
|
}>, {
|
|
19
17
|
isSticky: boolean;
|
|
20
|
-
isStickyHeader: boolean;
|
|
21
18
|
sections: any;
|
|
22
19
|
isLoading: boolean;
|
|
23
20
|
sortOrder: string;
|
|
@@ -27,7 +24,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
27
24
|
infiniteScrollThreshold: number;
|
|
28
25
|
rowHeight: number;
|
|
29
26
|
loadingRowCount: number;
|
|
30
|
-
defaultScrollPosition: any;
|
|
31
27
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
32
28
|
"update:sort": (newSort: Sort) => void;
|
|
33
29
|
} & {
|
|
@@ -46,7 +42,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
46
42
|
sections?: Section[];
|
|
47
43
|
sort: Sort;
|
|
48
44
|
isSticky?: boolean;
|
|
49
|
-
isStickyHeader?: boolean;
|
|
50
45
|
isLoading?: boolean;
|
|
51
46
|
emptyStateTitle?: string;
|
|
52
47
|
emptyStateSubtitle?: string;
|
|
@@ -54,10 +49,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
54
49
|
infiniteScrollThreshold?: number;
|
|
55
50
|
rowHeight?: number | ((index: number) => number);
|
|
56
51
|
loadingRowCount?: number;
|
|
57
|
-
defaultScrollPosition?: number;
|
|
58
52
|
}>, {
|
|
59
53
|
isSticky: boolean;
|
|
60
|
-
isStickyHeader: boolean;
|
|
61
54
|
sections: any;
|
|
62
55
|
isLoading: boolean;
|
|
63
56
|
sortOrder: string;
|
|
@@ -67,7 +60,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
67
60
|
infiniteScrollThreshold: number;
|
|
68
61
|
rowHeight: number;
|
|
69
62
|
loadingRowCount: number;
|
|
70
|
-
defaultScrollPosition: any;
|
|
71
63
|
}>>> & {
|
|
72
64
|
"onUpdate:sort"?: (newSort: Sort) => any;
|
|
73
65
|
onSaveRow?: (args_0: {
|
|
@@ -80,7 +72,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
80
72
|
}, {
|
|
81
73
|
isLoading: boolean;
|
|
82
74
|
isSticky: boolean;
|
|
83
|
-
isStickyHeader: boolean;
|
|
84
75
|
sections: Section[];
|
|
85
76
|
emptyStateTitle: string;
|
|
86
77
|
emptyStateSubtitle: string;
|
|
@@ -88,7 +79,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
88
79
|
infiniteScrollThreshold: number;
|
|
89
80
|
rowHeight: number | ((index: number) => number);
|
|
90
81
|
loadingRowCount: number;
|
|
91
|
-
defaultScrollPosition: number;
|
|
92
82
|
}>;
|
|
93
83
|
export default _default;
|
|
94
84
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useCssVars, unref, ref, provide, computed,
|
|
1
|
+
import { defineComponent, useCssVars, unref, ref, provide, computed, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
|
|
2
2
|
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
3
|
import Text from '../typography/Text.vue.js';
|
|
4
4
|
/* empty css *//* empty css *//* empty css *//* empty css */import ScrollButton from '../button/ScrollButton.vue.js';
|
|
@@ -9,14 +9,19 @@ import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
|
|
|
9
9
|
import { TableContext } from './TableContext.vue.js';
|
|
10
10
|
/* empty css *//* empty css */
|
|
11
11
|
import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
12
|
-
const _hoisted_1 = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
12
|
+
const _hoisted_1 = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "table-header"
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_2 = { class: "table-title" };
|
|
17
|
+
const _hoisted_3 = { class: "table-header-right" };
|
|
18
|
+
const _hoisted_4 = { class: "table-header-actions" };
|
|
19
|
+
const _hoisted_5 = { class: "sections" };
|
|
20
|
+
const _hoisted_6 = ["onClick"];
|
|
21
|
+
const _hoisted_7 = { class: "table-head-container" };
|
|
22
|
+
const _hoisted_8 = ["onMouseenter"];
|
|
23
|
+
const _hoisted_9 = { key: 1 };
|
|
24
|
+
const _hoisted_10 = { key: 1 };
|
|
20
25
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
21
26
|
__name: "Table",
|
|
22
27
|
props: {
|
|
@@ -26,21 +31,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26
31
|
sections: { default: null },
|
|
27
32
|
sort: null,
|
|
28
33
|
isSticky: { type: Boolean, default: true },
|
|
29
|
-
isStickyHeader: { type: Boolean, default: false },
|
|
30
34
|
isLoading: { type: Boolean, default: false },
|
|
31
35
|
emptyStateTitle: { default: "No results found" },
|
|
32
36
|
emptyStateSubtitle: { default: "Try again with different filters" },
|
|
33
37
|
isInfiniteScroll: { type: Boolean, default: false },
|
|
34
38
|
infiniteScrollThreshold: { default: 100 },
|
|
35
39
|
rowHeight: { type: [Number, Function], default: 48 },
|
|
36
|
-
loadingRowCount: { default: 3 }
|
|
37
|
-
defaultScrollPosition: { default: null }
|
|
40
|
+
loadingRowCount: { default: 3 }
|
|
38
41
|
},
|
|
39
42
|
emits: ["update:sort", "saveRow", "loadMore"],
|
|
40
43
|
setup(__props, { emit }) {
|
|
41
44
|
const props = __props;
|
|
42
45
|
useCssVars((_ctx) => ({
|
|
43
|
-
"
|
|
46
|
+
"1f8bb632": unref(gridColumnTemplate)
|
|
44
47
|
}));
|
|
45
48
|
const savingRows = ref([]);
|
|
46
49
|
provide(TableContext, {
|
|
@@ -78,22 +81,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
78
81
|
});
|
|
79
82
|
const floatingActionRef = ref(null);
|
|
80
83
|
const floatingActionPosition = ref(0);
|
|
81
|
-
const slots = useSlots();
|
|
82
|
-
const hasSearchSlot = computed(() => !!slots.search);
|
|
83
84
|
const onScroll = (event) => {
|
|
84
85
|
containerProps.onScroll();
|
|
85
86
|
floatingActionPosition.value = event.target.scrollLeft + event.target.getBoundingClientRect().width;
|
|
86
87
|
};
|
|
87
88
|
onMounted(() => {
|
|
88
89
|
floatingActionPosition.value = containerProps.ref.value?.getBoundingClientRect().width;
|
|
89
|
-
if (props.defaultScrollPosition) {
|
|
90
|
-
setTimeout(() => {
|
|
91
|
-
containerProps.ref.value.scrollTo({
|
|
92
|
-
top: props.defaultScrollPosition,
|
|
93
|
-
behavior: "smooth"
|
|
94
|
-
});
|
|
95
|
-
}, 1e3);
|
|
96
|
-
}
|
|
97
90
|
});
|
|
98
91
|
const showBackToTopButton = computed(() => {
|
|
99
92
|
const [firstListItem] = list.value;
|
|
@@ -162,11 +155,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
162
155
|
style: normalizeStyle(unref(containerStyle)),
|
|
163
156
|
onScrollPassive: onScroll
|
|
164
157
|
}, [
|
|
165
|
-
__props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div",
|
|
166
|
-
|
|
167
|
-
class: normalizeClass(["table-header", { isStickyHeader: __props.isStickyHeader }])
|
|
168
|
-
}, [
|
|
169
|
-
createElementVNode("div", _hoisted_1, [
|
|
158
|
+
__props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
159
|
+
createElementVNode("div", _hoisted_2, [
|
|
170
160
|
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
171
161
|
createVNode(unref(Text), {
|
|
172
162
|
size: "md",
|
|
@@ -179,19 +169,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
179
169
|
})
|
|
180
170
|
], true)
|
|
181
171
|
]),
|
|
182
|
-
createElementVNode("div",
|
|
183
|
-
class: normalizeClass(["table-header-right", unref(hasSearchSlot) ? "border-search" : ""])
|
|
184
|
-
}, [
|
|
172
|
+
createElementVNode("div", _hoisted_3, [
|
|
185
173
|
renderSlot(_ctx.$slots, "search", {}, void 0, true)
|
|
186
|
-
]
|
|
187
|
-
createElementVNode("div",
|
|
174
|
+
]),
|
|
175
|
+
createElementVNode("div", _hoisted_4, [
|
|
188
176
|
renderSlot(_ctx.$slots, "table-header-actions", {}, void 0, true)
|
|
189
177
|
])
|
|
190
|
-
]
|
|
178
|
+
])) : createCommentVNode("", true),
|
|
191
179
|
createElementVNode("thead", {
|
|
192
|
-
class: normalizeClass({ sticky: __props.isSticky
|
|
180
|
+
class: normalizeClass({ sticky: __props.isSticky })
|
|
193
181
|
}, [
|
|
194
|
-
createElementVNode("div",
|
|
182
|
+
createElementVNode("div", _hoisted_5, [
|
|
195
183
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
|
|
196
184
|
return openBlock(), createElementBlock("div", {
|
|
197
185
|
key: section.id,
|
|
@@ -221,7 +209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
221
209
|
style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
|
|
222
210
|
onClick: ($event) => toggleSortOrder(column)
|
|
223
211
|
}, [
|
|
224
|
-
createElementVNode("div",
|
|
212
|
+
createElementVNode("div", _hoisted_7, [
|
|
225
213
|
renderSlot(_ctx.$slots, `header-${column.id}`, { column }, () => [
|
|
226
214
|
createVNode(unref(Text), {
|
|
227
215
|
size: "sm",
|
|
@@ -240,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
240
228
|
"sort-order": __props.sort.sortOrder
|
|
241
229
|
}, null, 8, ["sort-order"])) : createCommentVNode("", true)
|
|
242
230
|
])
|
|
243
|
-
], 14,
|
|
231
|
+
], 14, _hoisted_6);
|
|
244
232
|
}), 128))
|
|
245
233
|
])
|
|
246
234
|
], 2),
|
|
@@ -310,9 +298,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
310
298
|
], true)
|
|
311
299
|
], 6);
|
|
312
300
|
}), 128))
|
|
313
|
-
], 42,
|
|
301
|
+
], 42, _hoisted_8);
|
|
314
302
|
}), 128))
|
|
315
|
-
], 16)) : (openBlock(), createElementBlock("div",
|
|
303
|
+
], 16)) : (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
316
304
|
renderSlot(_ctx.$slots, "empty-state", {}, () => [
|
|
317
305
|
createVNode(unref(EmptyState), {
|
|
318
306
|
title: __props.emptyStateTitle,
|
|
@@ -321,7 +309,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
321
309
|
], true)
|
|
322
310
|
]))
|
|
323
311
|
]),
|
|
324
|
-
unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot",
|
|
312
|
+
unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_10)) : createCommentVNode("", true)
|
|
325
313
|
], 36),
|
|
326
314
|
createVNode(unref(ScrollButton), {
|
|
327
315
|
show: unref(showBackToTopButton),
|
|
@@ -331,6 +319,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
331
319
|
};
|
|
332
320
|
}
|
|
333
321
|
});
|
|
334
|
-
var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
322
|
+
var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e431cbc"]]);
|
|
335
323
|
|
|
336
324
|
export { Table as default };
|
|
@@ -21,11 +21,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
21
21
|
} & {
|
|
22
22
|
default: boolean;
|
|
23
23
|
};
|
|
24
|
-
isStickyHeader: {
|
|
25
|
-
type: import("vue").PropType<boolean>;
|
|
26
|
-
} & {
|
|
27
|
-
default: boolean;
|
|
28
|
-
};
|
|
29
24
|
sections: {
|
|
30
25
|
type: import("vue").PropType<import("./Table.types").Section[]>;
|
|
31
26
|
} & {
|
|
@@ -61,11 +56,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
61
56
|
} & {
|
|
62
57
|
default: number;
|
|
63
58
|
};
|
|
64
|
-
defaultScrollPosition: {
|
|
65
|
-
type: import("vue").PropType<number>;
|
|
66
|
-
} & {
|
|
67
|
-
default: any;
|
|
68
|
-
};
|
|
69
59
|
rows: {
|
|
70
60
|
type: import("vue").PropType<unknown[][]>;
|
|
71
61
|
required: true;
|
|
@@ -104,11 +94,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
104
94
|
} & {
|
|
105
95
|
default: boolean;
|
|
106
96
|
};
|
|
107
|
-
isStickyHeader: {
|
|
108
|
-
type: import("vue").PropType<boolean>;
|
|
109
|
-
} & {
|
|
110
|
-
default: boolean;
|
|
111
|
-
};
|
|
112
97
|
sections: {
|
|
113
98
|
type: import("vue").PropType<import("./Table.types").Section[]>;
|
|
114
99
|
} & {
|
|
@@ -144,11 +129,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
144
129
|
} & {
|
|
145
130
|
default: number;
|
|
146
131
|
};
|
|
147
|
-
defaultScrollPosition: {
|
|
148
|
-
type: import("vue").PropType<number>;
|
|
149
|
-
} & {
|
|
150
|
-
default: any;
|
|
151
|
-
};
|
|
152
132
|
rows: {
|
|
153
133
|
type: import("vue").PropType<unknown[][]>;
|
|
154
134
|
required: true;
|
|
@@ -165,7 +145,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
165
145
|
}, {
|
|
166
146
|
isLoading: boolean;
|
|
167
147
|
isSticky: boolean;
|
|
168
|
-
isStickyHeader: boolean;
|
|
169
148
|
sections: import("./Table.types").Section[];
|
|
170
149
|
emptyStateTitle: string;
|
|
171
150
|
emptyStateSubtitle: string;
|
|
@@ -173,7 +152,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
173
152
|
infiniteScrollThreshold: number;
|
|
174
153
|
rowHeight: number | ((index: number) => number);
|
|
175
154
|
loadingRowCount: number;
|
|
176
|
-
defaultScrollPosition: number;
|
|
177
155
|
}>)[];
|
|
178
156
|
export { default as Table } from './Table.vue';
|
|
179
157
|
export { TableContext } from './TableContext';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
|
|
2
|
-
import { Tooltip } from 'floating-vue';
|
|
3
|
-
/* empty css */import Text from '../typography/Text.vue.js';
|
|
4
2
|
import TextWithTitleContent from './TextWithTitleContent.vue.js';
|
|
3
|
+
/* empty css */import Text from '../typography/Text.vue.js';
|
|
4
|
+
import { Tooltip } from 'floating-vue';
|
|
5
5
|
/* empty css */
|
|
6
6
|
import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
|
|
7
7
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
package/index.vue.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css';
|
|
2
2
|
export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
|
|
3
3
|
export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
|
|
4
4
|
export { MenuItemTypes } from './components/menuItem/index.vue.js';
|