@ironsource/shared-ui 1.4.2-test.14 → 1.4.2-test.16
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/DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/PasswordInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/PercentageInput.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/components/appIcon/AppIcon.vue.d.ts +1 -1
- package/components/appIcon/AppIcon.vue.js +3 -3
- package/components/appIcon/index.d.ts +1 -1
- package/components/appTrigger/AppTrigger.vue.d.ts +1 -1
- package/components/appTrigger/AppTrigger.vue.js +22 -25
- package/components/appTrigger/index.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +14 -16
- package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteInput.vue.js +7 -7
- package/components/autocompleteDropdown/GroupOption.vue.d.ts +1 -1
- package/components/autocompleteDropdown/GroupOption.vue.js +3 -4
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/banner/Banner.vue.d.ts +1 -1
- package/components/banner/Banner.vue.js +4 -4
- package/components/banner/index.d.ts +1 -1
- package/components/button/Button.vue.d.ts +1 -1
- package/components/button/Button.vue.js +12 -12
- package/components/button/ButtonBase.vue.d.ts +1 -1
- package/components/button/ButtonBase.vue.js +11 -12
- package/components/button/IconButton.vue.d.ts +1 -1
- package/components/button/IconButton.vue.js +5 -5
- package/components/button/ScrollButton.vue.d.ts +1 -1
- package/components/button/ScrollButton.vue.js +8 -9
- package/components/button/index.d.ts +3 -3
- package/components/checkbox/Checkbox.vue.d.ts +1 -1
- package/components/checkbox/Checkbox.vue.js +15 -16
- package/components/checkbox/index.d.ts +1 -1
- package/components/chip/Chip.vue.d.ts +1 -1
- package/components/chip/Chip.vue.js +5 -5
- package/components/chip/index.d.ts +1 -1
- package/components/datePicker/DatePicker.vue.d.ts +1 -1
- package/components/datePicker/DatePicker.vue.js +11 -11
- package/components/datePicker/DatePickerMonth.vue.d.ts +1 -1
- package/components/datePicker/DatePickerMonth.vue.js +4 -4
- package/components/datePicker/index.d.ts +1 -1
- package/components/dateRange/CalendarMonth.vue.d.ts +1 -1
- package/components/dateRange/CalendarMonth.vue.js +19 -20
- package/components/dateRange/DateRange.vue.d.ts +1 -1
- package/components/dateRange/DateRange.vue.js +26 -28
- package/components/dateRange/DateRangePicker.vue.d.ts +1 -1
- package/components/dateRange/index.d.ts +1 -1
- package/components/dialog/Dialog.vue.d.ts +1 -1
- package/components/dialog/Dialog.vue.js +16 -16
- package/components/dialog/index.d.ts +1 -1
- package/components/dropdown/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/Dropdown.vue.js +57 -60
- package/components/dropdown/Label.vue.d.ts +1 -1
- package/components/dropdown/Label.vue.js +3 -4
- package/components/dropdown/Option.vue.d.ts +1 -1
- package/components/dropdown/Option.vue.js +16 -17
- package/components/dropdown/SearchInput.vue.d.ts +1 -1
- package/components/dropdown/SearchInput.vue.js +6 -6
- package/components/dropdown/index.d.ts +398 -1
- package/components/emptyState/EmptyState.vue.d.ts +1 -1
- package/components/emptyState/EmptyState.vue.js +19 -21
- package/components/emptyState/index.d.ts +1 -1
- package/components/filterDropdown/AddFilterButton.vue.d.ts +1 -1
- package/components/filterDropdown/AddFilterButton.vue.js +7 -7
- package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
- package/components/filterDropdown/FilterDropdown.vue.js +15 -17
- package/components/filterDropdown/index.d.ts +2 -2
- package/components/filtersPanel/FilterSearchInput.vue.d.ts +1 -1
- package/components/filtersPanel/FilterSearchInput.vue.js +7 -7
- package/components/filtersPanel/FiltersPanel.vue.d.ts +1 -1
- package/components/filtersPanel/FiltersPanel.vue.js +8 -8
- package/components/filtersPanel/index.d.ts +1 -1
- package/components/floatingToolbar/FloatingToolbar.vue.d.ts +1 -1
- package/components/floatingToolbar/FloatingToolbar.vue.js +3 -3
- package/components/floatingToolbar/index.d.ts +1 -1
- package/components/icon/Icon.vue.d.ts +1 -1
- package/components/icon/Icon.vue.js +4 -4
- package/components/icon/index.d.ts +1 -1
- package/components/icon/storyComponents/Code.vue.d.ts +1 -1
- package/components/icon/storyComponents/IconWrapper.vue.d.ts +1 -1
- package/components/icon/storyComponents/Page.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExclude.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExclude.vue.js +50 -52
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeAppHeader.vue.js +25 -26
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +19 -22
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +40 -42
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.js +21 -22
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +19 -19
- package/components/includeExclude/index.d.ts +5 -5
- package/components/input/DollarInput.vue.d.ts +2 -2
- package/components/input/DollarInput.vue.js +3 -4
- package/components/input/Input.vue.d.ts +1 -1
- package/components/input/Input.vue.js +30 -33
- package/components/input/PasswordInput.vue.d.ts +2 -2
- package/components/input/PasswordInput.vue.js +3 -4
- package/components/input/PercentageInput.vue.d.ts +2 -2
- package/components/input/PercentageInput.vue.js +3 -4
- package/components/input/index.d.ts +2 -2
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/Menu.vue.js +4 -4
- package/components/menu/index.d.ts +1 -1
- package/components/menuItem/MenuItem.vue.d.ts +1 -1
- package/components/menuItem/MenuItem.vue.js +3 -4
- package/components/menuItem/index.d.ts +1 -1
- package/components/popover/Popover.vue.d.ts +1 -1
- package/components/popover/Popover.vue.js +7 -7
- package/components/popover/index.d.ts +1 -1
- package/components/radioButton/RadioButton.vue.d.ts +1 -1
- package/components/radioButton/RadioButton.vue.js +9 -9
- package/components/radioButton/RadioGroup.vue.d.ts +1 -1
- package/components/radioButton/RadioGroup.vue.js +3 -3
- package/components/radioButton/index.d.ts +2 -2
- package/components/radioButton/useRadio.d.ts +1 -1
- package/components/search/Search.vue.d.ts +1 -1
- package/components/search/Search.vue.js +15 -15
- package/components/search/index.d.ts +1 -1
- package/components/skeleton/Skeleton.vue.d.ts +1 -1
- package/components/skeleton/Skeleton.vue.js +2 -2
- package/components/skeleton/index.d.ts +1 -1
- package/components/snackbar/Snackbar.vue.d.ts +1 -1
- package/components/snackbar/Snackbar.vue.js +26 -26
- package/components/switch/Switch.vue.d.ts +1 -1
- package/components/switch/Switch.vue.js +9 -9
- package/components/switch/index.d.ts +1 -1
- package/components/table/Pagination.vue.d.ts +1 -1
- package/components/table/Table.vue.d.ts +1 -1
- package/components/table/Table.vue.js +34 -37
- package/components/table/TableHeaderSorter.vue.d.ts +1 -1
- package/components/table/TableHeaderSorter.vue.js +4 -4
- package/components/table/index.d.ts +1 -1
- package/components/table-cells/Editable.vue.d.ts +1 -1
- package/components/table-cells/Editable.vue.js +4 -4
- package/components/table-cells/index.d.ts +1 -1
- package/components/tabs/Tabs.vue.d.ts +1 -1
- package/components/tabs/Tabs.vue.js +15 -16
- package/components/tabs/index.d.ts +1 -1
- package/components/textArea/TextArea.vue.d.ts +1 -1
- package/components/textArea/TextArea.vue.js +12 -13
- package/components/textArea/index.d.ts +1 -1
- package/components/toggle/Toggle.vue.d.ts +1 -1
- package/components/toggle/Toggle.vue.js +16 -17
- package/components/toggle/index.d.ts +1 -1
- package/components/tooltip/TextWithTitleContent.vue.d.ts +1 -1
- package/components/tooltip/TextWithTitleContent.vue.js +7 -8
- package/components/tooltip/Tooltip.vue.d.ts +1 -1
- package/components/tooltip/Tooltip.vue.js +10 -11
- package/components/tooltip/index.d.ts +1 -1
- package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts +1 -1
- package/components/typography/Heading.vue.d.ts +1 -1
- package/components/typography/Heading.vue.js +4 -4
- package/components/typography/Text.vue.d.ts +1 -1
- package/components/typography/Text.vue.js +3 -3
- package/components/typography/index.d.ts +2 -2
- package/index.vue.js +3 -3
- package/package.json +3 -3
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
1
|
+
import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, unref, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
2
2
|
import { useVModel } from '@vueuse/core';
|
|
3
3
|
import Text from '../typography/Text.vue.js';
|
|
4
4
|
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
5
5
|
|
|
6
6
|
import "../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
7
7
|
const _hoisted_1 = ["aria-label", "onClick"];
|
|
8
|
-
const _sfc_main = defineComponent({
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
9
|
__name: "Switch",
|
|
10
10
|
props: {
|
|
11
|
-
options:
|
|
12
|
-
modelValue:
|
|
11
|
+
options: null,
|
|
12
|
+
modelValue: null,
|
|
13
13
|
size: { default: "lg" }
|
|
14
14
|
},
|
|
15
15
|
emits: ["update:modelValue"],
|
|
@@ -37,18 +37,18 @@ const _sfc_main = defineComponent({
|
|
|
37
37
|
};
|
|
38
38
|
return (_ctx, _cache) => {
|
|
39
39
|
return openBlock(), createElementBlock("div", {
|
|
40
|
-
class: normalizeClass(["switch", { "switch--lg":
|
|
40
|
+
class: normalizeClass(["switch", { "switch--lg": __props.size === "lg", "switch--sm": __props.size === "sm" }])
|
|
41
41
|
}, [
|
|
42
42
|
createElementVNode("span", {
|
|
43
43
|
ref_key: "box",
|
|
44
44
|
ref: box,
|
|
45
|
-
class: normalizeClass(["box", { "box--lg":
|
|
45
|
+
class: normalizeClass(["box", { "box--lg": __props.size === "lg", "box--sm": __props.size === "sm" }]),
|
|
46
46
|
style: normalizeStyle({
|
|
47
|
-
transform: `translateX(${selectedPosition
|
|
48
|
-
width: selectedPosition
|
|
47
|
+
transform: `translateX(${unref(selectedPosition)?.left}px)`,
|
|
48
|
+
width: unref(selectedPosition)?.width + "px"
|
|
49
49
|
})
|
|
50
50
|
}, null, 6),
|
|
51
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(
|
|
51
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
|
|
52
52
|
return openBlock(), createElementBlock("button", {
|
|
53
53
|
ref_for: true,
|
|
54
54
|
ref: skipUnwrap.optionsRefs,
|
|
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
25
25
|
totalPages: number;
|
|
26
26
|
totalItems: number | string;
|
|
27
27
|
itemsPerPage: number;
|
|
28
|
-
}
|
|
28
|
+
}>;
|
|
29
29
|
export default _default;
|
|
30
30
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
31
31
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
92
92
|
rowHeight: number | ((index: number) => number);
|
|
93
93
|
loadingRowCount: number;
|
|
94
94
|
defaultScrollPosition: number;
|
|
95
|
-
}
|
|
95
|
+
}>;
|
|
96
96
|
export default _default;
|
|
97
97
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
98
98
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { defineComponent, useCssVars, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode,
|
|
2
|
-
import '
|
|
1
|
+
import { defineComponent, useCssVars, unref, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
|
|
2
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
3
|
import Text from '../typography/Text.vue.js';
|
|
4
|
-
import '../button/
|
|
5
|
-
import '../button/IconButton.vue.js';
|
|
6
|
-
import ScrollButton from '../button/ScrollButton.vue.js';
|
|
4
|
+
/* empty css *//* empty css *//* empty css *//* empty css */import ScrollButton from '../button/ScrollButton.vue.js';
|
|
7
5
|
import Skeleton from '../skeleton/Skeleton.vue.js';
|
|
8
6
|
import EmptyState from '../emptyState/EmptyState.vue.js';
|
|
9
7
|
import TableHeaderSorter from './TableHeaderSorter.vue.js';
|
|
10
8
|
import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
|
|
11
9
|
import { TableContext } from './TableContext.vue.js';
|
|
12
|
-
/* empty css *//* empty css */
|
|
13
|
-
|
|
10
|
+
/* empty css *//* empty css */
|
|
14
11
|
import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
15
12
|
const _hoisted_1 = { class: "table-title" };
|
|
16
13
|
const _hoisted_2 = { class: "table-header-actions" };
|
|
@@ -20,14 +17,14 @@ const _hoisted_5 = { class: "table-head-container" };
|
|
|
20
17
|
const _hoisted_6 = ["onMouseenter"];
|
|
21
18
|
const _hoisted_7 = { key: 1 };
|
|
22
19
|
const _hoisted_8 = { key: 1 };
|
|
23
|
-
const _sfc_main = defineComponent({
|
|
20
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
21
|
__name: "Table",
|
|
25
22
|
props: {
|
|
26
|
-
title:
|
|
27
|
-
columns:
|
|
28
|
-
rows:
|
|
23
|
+
title: null,
|
|
24
|
+
columns: null,
|
|
25
|
+
rows: null,
|
|
29
26
|
sections: { default: null },
|
|
30
|
-
sort:
|
|
27
|
+
sort: null,
|
|
31
28
|
isSticky: { type: Boolean, default: true },
|
|
32
29
|
isStickyHeader: { type: Boolean, default: false },
|
|
33
30
|
isLoading: { type: Boolean, default: false },
|
|
@@ -43,7 +40,7 @@ const _sfc_main = defineComponent({
|
|
|
43
40
|
setup(__props, { emit }) {
|
|
44
41
|
const props = __props;
|
|
45
42
|
useCssVars((_ctx) => ({
|
|
46
|
-
"
|
|
43
|
+
"513799f9": unref(gridColumnTemplate)
|
|
47
44
|
}));
|
|
48
45
|
const savingRows = ref([]);
|
|
49
46
|
provide(TableContext, {
|
|
@@ -96,7 +93,7 @@ const _sfc_main = defineComponent({
|
|
|
96
93
|
top: props.defaultScrollPosition,
|
|
97
94
|
behavior: "smooth"
|
|
98
95
|
});
|
|
99
|
-
},
|
|
96
|
+
}, 300);
|
|
100
97
|
}
|
|
101
98
|
});
|
|
102
99
|
const showBackToTopButton = computed(() => {
|
|
@@ -163,12 +160,12 @@ const _sfc_main = defineComponent({
|
|
|
163
160
|
}, [
|
|
164
161
|
createElementVNode("table", {
|
|
165
162
|
ref: unref(containerProps).ref,
|
|
166
|
-
style: normalizeStyle(containerStyle
|
|
163
|
+
style: normalizeStyle(unref(containerStyle)),
|
|
167
164
|
onScrollPassive: onScroll
|
|
168
165
|
}, [
|
|
169
|
-
|
|
166
|
+
__props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
|
|
170
167
|
key: 0,
|
|
171
|
-
class: normalizeClass(["table-header", { isStickyHeader:
|
|
168
|
+
class: normalizeClass(["table-header", { isStickyHeader: __props.isStickyHeader }])
|
|
172
169
|
}, [
|
|
173
170
|
createElementVNode("div", _hoisted_1, [
|
|
174
171
|
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
@@ -177,14 +174,14 @@ const _sfc_main = defineComponent({
|
|
|
177
174
|
strong: ""
|
|
178
175
|
}, {
|
|
179
176
|
default: withCtx(() => [
|
|
180
|
-
createTextVNode(toDisplayString(
|
|
177
|
+
createTextVNode(toDisplayString(__props.title), 1)
|
|
181
178
|
]),
|
|
182
179
|
_: 1
|
|
183
180
|
})
|
|
184
181
|
], true)
|
|
185
182
|
]),
|
|
186
183
|
createElementVNode("div", {
|
|
187
|
-
class: normalizeClass(["table-header-right", hasSearchSlot
|
|
184
|
+
class: normalizeClass(["table-header-right", unref(hasSearchSlot) ? "border-search" : ""])
|
|
188
185
|
}, [
|
|
189
186
|
renderSlot(_ctx.$slots, "search", {}, void 0, true)
|
|
190
187
|
], 2),
|
|
@@ -193,10 +190,10 @@ const _sfc_main = defineComponent({
|
|
|
193
190
|
])
|
|
194
191
|
], 2)) : createCommentVNode("", true),
|
|
195
192
|
createElementVNode("thead", {
|
|
196
|
-
class: normalizeClass({ sticky:
|
|
193
|
+
class: normalizeClass({ sticky: __props.isSticky, isStickyHeader: __props.isStickyHeader })
|
|
197
194
|
}, [
|
|
198
195
|
createElementVNode("div", _hoisted_3, [
|
|
199
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(
|
|
196
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
|
|
200
197
|
return openBlock(), createElementBlock("div", {
|
|
201
198
|
key: section.id,
|
|
202
199
|
class: normalizeClass(["section-container", { sticky: section.isSticky }])
|
|
@@ -218,7 +215,7 @@ const _sfc_main = defineComponent({
|
|
|
218
215
|
}), 128))
|
|
219
216
|
]),
|
|
220
217
|
createElementVNode("tr", null, [
|
|
221
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(
|
|
218
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
|
|
222
219
|
return openBlock(), createElementBlock("th", {
|
|
223
220
|
key: column.id,
|
|
224
221
|
class: normalizeClass({
|
|
@@ -227,7 +224,7 @@ const _sfc_main = defineComponent({
|
|
|
227
224
|
isTextRight: column.isTextRight,
|
|
228
225
|
isSortable: column.isSortable
|
|
229
226
|
}),
|
|
230
|
-
style: normalizeStyle(column.isSticky ? columnsStickyPositions
|
|
227
|
+
style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
|
|
231
228
|
onClick: ($event) => toggleSortOrder(column)
|
|
232
229
|
}, [
|
|
233
230
|
createElementVNode("div", _hoisted_5, [
|
|
@@ -243,10 +240,10 @@ const _sfc_main = defineComponent({
|
|
|
243
240
|
_: 2
|
|
244
241
|
}, 1024)
|
|
245
242
|
], true),
|
|
246
|
-
column.id ===
|
|
243
|
+
column.id === __props.sort.sortBy ? (openBlock(), createBlock(TableHeaderSorter, {
|
|
247
244
|
key: 0,
|
|
248
245
|
class: "table-head-sorter",
|
|
249
|
-
"sort-order":
|
|
246
|
+
"sort-order": __props.sort.sortOrder
|
|
250
247
|
}, null, 8, ["sort-order"])) : createCommentVNode("", true)
|
|
251
248
|
])
|
|
252
249
|
], 14, _hoisted_4);
|
|
@@ -262,7 +259,7 @@ const _sfc_main = defineComponent({
|
|
|
262
259
|
return openBlock(), createElementBlock("tr", {
|
|
263
260
|
key: row.index,
|
|
264
261
|
class: normalizeClass(["table-row", {
|
|
265
|
-
loading:
|
|
262
|
+
loading: __props.isLoading || __props.isLoading && !row.data || savingRows.value.includes(row.index),
|
|
266
263
|
active: activeRow.value === row.index
|
|
267
264
|
}]),
|
|
268
265
|
onMouseenter: ($event) => activeRow.value = row.index
|
|
@@ -278,22 +275,22 @@ const _sfc_main = defineComponent({
|
|
|
278
275
|
], 4), [
|
|
279
276
|
[
|
|
280
277
|
vShow,
|
|
281
|
-
_ctx.$slots["floating-actions"] && activeRow.value === row.index && !
|
|
278
|
+
_ctx.$slots["floating-actions"] && activeRow.value === row.index && !__props.isLoading
|
|
282
279
|
]
|
|
283
280
|
]),
|
|
284
281
|
(openBlock(true), createElementBlock(Fragment, null, renderList(row.data, (cell, cellIndex) => {
|
|
285
282
|
return openBlock(), createElementBlock("td", {
|
|
286
283
|
key: cellIndex,
|
|
287
284
|
class: normalizeClass({
|
|
288
|
-
sticky:
|
|
289
|
-
bordered:
|
|
290
|
-
isTextRight:
|
|
285
|
+
sticky: __props.columns[cellIndex].isSticky,
|
|
286
|
+
bordered: __props.columns[cellIndex].isBordered,
|
|
287
|
+
isTextRight: __props.columns[cellIndex].isTextRight
|
|
291
288
|
}),
|
|
292
289
|
style: normalizeStyle(
|
|
293
|
-
|
|
290
|
+
__props.columns[cellIndex].isSticky ? unref(columnsStickyPositions)[__props.columns[cellIndex].id] : null
|
|
294
291
|
)
|
|
295
292
|
}, [
|
|
296
|
-
!
|
|
293
|
+
!__props.isLoading || __props.isLoading && !!cell ? (openBlock(), createElementBlock("div", {
|
|
297
294
|
key: 0,
|
|
298
295
|
class: normalizeClass({
|
|
299
296
|
last: cellIndex === row.data.length - 1,
|
|
@@ -301,7 +298,7 @@ const _sfc_main = defineComponent({
|
|
|
301
298
|
floating: _ctx.$slots["floating-actions"]
|
|
302
299
|
})
|
|
303
300
|
}, [
|
|
304
|
-
renderSlot(_ctx.$slots, `cell-${
|
|
301
|
+
renderSlot(_ctx.$slots, `cell-${__props.columns[cellIndex].id}`, {
|
|
305
302
|
cell,
|
|
306
303
|
isLoading: savingRows.value.includes(row.index),
|
|
307
304
|
cellIndex,
|
|
@@ -325,8 +322,8 @@ const _sfc_main = defineComponent({
|
|
|
325
322
|
], 16)) : (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
326
323
|
renderSlot(_ctx.$slots, "empty-state", {}, () => [
|
|
327
324
|
createVNode(unref(EmptyState), {
|
|
328
|
-
title:
|
|
329
|
-
subtitle:
|
|
325
|
+
title: __props.emptyStateTitle,
|
|
326
|
+
subtitle: __props.emptyStateSubtitle
|
|
330
327
|
}, null, 8, ["title", "subtitle"])
|
|
331
328
|
], true)
|
|
332
329
|
]))
|
|
@@ -334,13 +331,13 @@ const _sfc_main = defineComponent({
|
|
|
334
331
|
unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_8)) : createCommentVNode("", true)
|
|
335
332
|
], 36),
|
|
336
333
|
createVNode(unref(ScrollButton), {
|
|
337
|
-
show: showBackToTopButton
|
|
334
|
+
show: unref(showBackToTopButton),
|
|
338
335
|
onScrolled: scrollToTop
|
|
339
336
|
}, null, 8, ["show"])
|
|
340
337
|
], 32);
|
|
341
338
|
};
|
|
342
339
|
}
|
|
343
340
|
});
|
|
344
|
-
var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
341
|
+
var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5dd398c3"]]);
|
|
345
342
|
|
|
346
343
|
export { Table as default };
|
|
@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
|
|
|
2
2
|
sortOrder: 'asc' | 'desc';
|
|
3
3
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
sortOrder: 'asc' | 'desc';
|
|
5
|
-
}>>>, {}
|
|
5
|
+
}>>>, {}>;
|
|
6
6
|
export default _default;
|
|
7
7
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
8
8
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -4,21 +4,21 @@ import SortOrderIcon from './SortOrderIcon.vue.js';
|
|
|
4
4
|
|
|
5
5
|
import "../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
6
6
|
const _hoisted_1 = { class: "table-head-sorter-container" };
|
|
7
|
-
const _sfc_main = defineComponent({
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
8
|
__name: "TableHeaderSorter",
|
|
9
9
|
props: {
|
|
10
|
-
sortOrder:
|
|
10
|
+
sortOrder: null
|
|
11
11
|
},
|
|
12
12
|
setup(__props) {
|
|
13
13
|
return (_ctx, _cache) => {
|
|
14
14
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
15
15
|
createVNode(SortOrderIcon, {
|
|
16
16
|
name: "sort-order",
|
|
17
|
-
class: normalizeClass({ "table-head-sorter-selected":
|
|
17
|
+
class: normalizeClass({ "table-head-sorter-selected": __props.sortOrder === "asc" })
|
|
18
18
|
}, null, 8, ["class"]),
|
|
19
19
|
createVNode(SortOrderIcon, {
|
|
20
20
|
name: "sort-order",
|
|
21
|
-
class: normalizeClass(["table-head-sorter-desc", { "table-head-sorter-selected":
|
|
21
|
+
class: normalizeClass(["table-head-sorter-desc", { "table-head-sorter-selected": __props.sortOrder === "desc" }])
|
|
22
22
|
}, null, 8, ["class"])
|
|
23
23
|
]);
|
|
24
24
|
};
|
|
@@ -177,7 +177,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
|
|
|
177
177
|
rowHeight: number | ((index: number) => number);
|
|
178
178
|
loadingRowCount: number;
|
|
179
179
|
defaultScrollPosition: number;
|
|
180
|
-
}
|
|
180
|
+
}>)[];
|
|
181
181
|
export { default as Table } from './Table.vue';
|
|
182
182
|
export { TableContext } from './TableContext';
|
|
183
183
|
export type { Column, Sort } from './Table.types';
|
|
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
27
27
|
isLoading: boolean;
|
|
28
28
|
isEditing: boolean;
|
|
29
29
|
validateFunction: (value: unknown) => string | boolean;
|
|
30
|
-
}
|
|
30
|
+
}>;
|
|
31
31
|
export default _default;
|
|
32
32
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
33
33
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -11,15 +11,15 @@ const _hoisted_2 = {
|
|
|
11
11
|
key: 1,
|
|
12
12
|
class: "editable-content"
|
|
13
13
|
};
|
|
14
|
-
const _sfc_main = defineComponent({
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
15
|
__name: "Editable",
|
|
16
16
|
props: {
|
|
17
17
|
cell: { default: "" },
|
|
18
18
|
isEditing: { type: Boolean, default: false },
|
|
19
19
|
validateFunction: { type: Function, default: () => false },
|
|
20
20
|
isLoading: { type: Boolean, default: false },
|
|
21
|
-
rowIndex:
|
|
22
|
-
cellIndex:
|
|
21
|
+
rowIndex: null,
|
|
22
|
+
cellIndex: null
|
|
23
23
|
},
|
|
24
24
|
setup(__props) {
|
|
25
25
|
const props = __props;
|
|
@@ -73,7 +73,7 @@ const _sfc_main = defineComponent({
|
|
|
73
73
|
renderSlot(_ctx.$slots, "content", {}, () => [
|
|
74
74
|
createVNode(Text, { size: "sm" }, {
|
|
75
75
|
default: withCtx(() => [
|
|
76
|
-
createTextVNode(toDisplayString(
|
|
76
|
+
createTextVNode(toDisplayString(__props.cell), 1)
|
|
77
77
|
]),
|
|
78
78
|
_: 1
|
|
79
79
|
})
|
|
@@ -61,7 +61,7 @@ declare const EditableTypes: () => (import("vue").InjectionKey<import("./Editabl
|
|
|
61
61
|
isLoading: boolean;
|
|
62
62
|
isEditing: boolean;
|
|
63
63
|
validateFunction: (value: unknown) => string | boolean;
|
|
64
|
-
}
|
|
64
|
+
}>)[];
|
|
65
65
|
export { default as Editable } from './Editable.vue';
|
|
66
66
|
export { EditableContext, useEditableContext } from './EditableContext';
|
|
67
67
|
export { EditableTypes };
|
|
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
39
39
|
iconName: string;
|
|
40
40
|
disabled?: boolean;
|
|
41
41
|
}[];
|
|
42
|
-
}
|
|
42
|
+
}>;
|
|
43
43
|
export default _default;
|
|
44
44
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
45
45
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { defineComponent, useCssVars, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createBlock,
|
|
2
|
-
import '
|
|
1
|
+
import { defineComponent, useCssVars, unref, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, pushScopeId, popScopeId, createElementVNode } from 'vue';
|
|
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
|
import Icon from '../icon/Icon.vue.js';
|
|
5
|
-
/* empty css */
|
|
6
|
-
|
|
5
|
+
/* empty css */
|
|
7
6
|
import "../../Tabs.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
8
7
|
const _withScopeId = (n) => (pushScopeId("data-v-43f1459d"), n = n(), popScopeId(), n);
|
|
9
8
|
const _hoisted_1 = ["onClick", "onMouseover"];
|
|
@@ -12,12 +11,11 @@ const _hoisted_3 = {
|
|
|
12
11
|
key: 0,
|
|
13
12
|
class: "tabs-border-line-hover"
|
|
14
13
|
};
|
|
15
|
-
const
|
|
16
|
-
const _sfc_main = defineComponent({
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
15
|
__name: "Tabs",
|
|
18
16
|
props: {
|
|
19
17
|
tabsList: { default: () => [] },
|
|
20
|
-
selectedTab:
|
|
18
|
+
selectedTab: null,
|
|
21
19
|
variant: { default: "fill" },
|
|
22
20
|
size: { default: "sm" }
|
|
23
21
|
},
|
|
@@ -25,13 +23,14 @@ const _sfc_main = defineComponent({
|
|
|
25
23
|
setup(__props, { emit }) {
|
|
26
24
|
const props = __props;
|
|
27
25
|
useCssVars((_ctx) => ({
|
|
28
|
-
"87ea7e12": selectedTabPosition
|
|
29
|
-
"fb546e90": selectedTabWidth
|
|
30
|
-
"b3e2e0ba": selectedTabCenter
|
|
31
|
-
"2213a50a": hoveredTabCenter
|
|
26
|
+
"87ea7e12": unref(selectedTabPosition),
|
|
27
|
+
"fb546e90": unref(selectedTabWidth),
|
|
28
|
+
"b3e2e0ba": unref(selectedTabCenter),
|
|
29
|
+
"2213a50a": unref(hoveredTabCenter)
|
|
32
30
|
}));
|
|
33
31
|
const tabsNewList = ref([]);
|
|
34
32
|
const hoveredTab = ref(null);
|
|
33
|
+
const fixUnderlineLength = 12;
|
|
35
34
|
const skipUnwrap = { tabsNewList };
|
|
36
35
|
const isHovered = computed(
|
|
37
36
|
() => hoveredTab.value && hoveredTab.value !== props.selectedTab
|
|
@@ -77,16 +76,16 @@ const _sfc_main = defineComponent({
|
|
|
77
76
|
};
|
|
78
77
|
return (_ctx, _cache) => {
|
|
79
78
|
return openBlock(), createElementBlock("ul", {
|
|
80
|
-
class: normalizeClass(["tabs-wrap", [
|
|
79
|
+
class: normalizeClass(["tabs-wrap", [__props.size, __props.variant]])
|
|
81
80
|
}, [
|
|
82
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(
|
|
81
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabsList, (tab) => {
|
|
83
82
|
return openBlock(), createElementBlock("li", {
|
|
84
83
|
ref_for: true,
|
|
85
84
|
ref: skipUnwrap.tabsNewList,
|
|
86
85
|
key: tab.id,
|
|
87
86
|
class: normalizeClass(["tab-item", {
|
|
88
87
|
"disabled-tab": tab.disabled,
|
|
89
|
-
"selected-tab": tab.id ===
|
|
88
|
+
"selected-tab": tab.id === __props.selectedTab
|
|
90
89
|
}]),
|
|
91
90
|
onClick: ($event) => selectTab(tab),
|
|
92
91
|
onMouseover: ($event) => setHover(tab),
|
|
@@ -97,7 +96,7 @@ const _sfc_main = defineComponent({
|
|
|
97
96
|
key: 0,
|
|
98
97
|
name: tab.iconName,
|
|
99
98
|
class: normalizeClass(["tab-icon", {
|
|
100
|
-
size:
|
|
99
|
+
size: __props.size,
|
|
101
100
|
"lone-icon": !tab.name
|
|
102
101
|
}])
|
|
103
102
|
}, null, 8, ["name", "class"])) : createCommentVNode("", true),
|
|
@@ -115,7 +114,7 @@ const _sfc_main = defineComponent({
|
|
|
115
114
|
], 42, _hoisted_1);
|
|
116
115
|
}), 128)),
|
|
117
116
|
_hoisted_2,
|
|
118
|
-
isHovered
|
|
117
|
+
unref(isHovered) ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
|
|
119
118
|
], 2);
|
|
120
119
|
};
|
|
121
120
|
}
|
|
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
37
37
|
placeholder: string;
|
|
38
38
|
feedbackHelpText: string;
|
|
39
39
|
feedbackErrorText: string;
|
|
40
|
-
}
|
|
40
|
+
}>;
|
|
41
41
|
export default _default;
|
|
42
42
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
43
43
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
|
|
2
|
-
import '
|
|
2
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
3
|
import Text from '../typography/Text.vue.js';
|
|
4
|
-
/* empty css */
|
|
5
|
-
|
|
4
|
+
/* empty css */
|
|
6
5
|
import "../../TextArea.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
7
6
|
const _hoisted_1 = {
|
|
8
7
|
key: 0,
|
|
@@ -13,7 +12,7 @@ const _hoisted_3 = {
|
|
|
13
12
|
key: 1,
|
|
14
13
|
class: "extra-text-container"
|
|
15
14
|
};
|
|
16
|
-
const _sfc_main = defineComponent({
|
|
15
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
16
|
__name: "TextArea",
|
|
18
17
|
props: {
|
|
19
18
|
modelValue: { default: "" },
|
|
@@ -30,30 +29,30 @@ const _sfc_main = defineComponent({
|
|
|
30
29
|
};
|
|
31
30
|
return (_ctx, _cache) => {
|
|
32
31
|
return openBlock(), createElementBlock("div", {
|
|
33
|
-
class: normalizeClass({ "textarea-with-label-container": true, disabled:
|
|
32
|
+
class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled })
|
|
34
33
|
}, [
|
|
35
|
-
|
|
34
|
+
__props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
36
35
|
createVNode(unref(Text), { class: "label" }, {
|
|
37
36
|
default: withCtx(() => [
|
|
38
|
-
createTextVNode(toDisplayString(
|
|
37
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
39
38
|
]),
|
|
40
39
|
_: 1
|
|
41
40
|
})
|
|
42
41
|
])) : createCommentVNode("", true),
|
|
43
42
|
createElementVNode("textarea", {
|
|
44
43
|
class: "textarea",
|
|
45
|
-
value:
|
|
46
|
-
placeholder:
|
|
47
|
-
disabled:
|
|
44
|
+
value: __props.modelValue,
|
|
45
|
+
placeholder: __props.placeholder,
|
|
46
|
+
disabled: __props.disabled,
|
|
48
47
|
onInput: handleInput
|
|
49
48
|
}, null, 40, _hoisted_2),
|
|
50
|
-
|
|
49
|
+
__props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
51
50
|
createVNode(unref(Text), {
|
|
52
|
-
class: normalizeClass({ [
|
|
51
|
+
class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
|
|
53
52
|
size: "caption"
|
|
54
53
|
}, {
|
|
55
54
|
default: withCtx(() => [
|
|
56
|
-
createTextVNode(toDisplayString(
|
|
55
|
+
createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
|
|
57
56
|
]),
|
|
58
57
|
_: 1
|
|
59
58
|
}, 8, ["class"])
|
|
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
44
44
|
activeText: string;
|
|
45
45
|
inactiveText: string;
|
|
46
46
|
isDisabled: boolean;
|
|
47
|
-
}
|
|
47
|
+
}>;
|
|
48
48
|
export default _default;
|
|
49
49
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
50
50
|
type __VLS_TypePropsToRuntimeProps<T> = {
|