@ironsource/shared-ui 2.1.8-rc.5 → 2.1.8-rc.6

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.
@@ -0,0 +1 @@
1
+ .sticky[data-v-2f666594]{position:sticky}.table-container[data-v-2f666594]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-2f666594]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-2f666594]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-2f666594]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-2f666594]{width:13.75rem}.table-header.isStickyHeader[data-v-2f666594]{z-index:calc(var(--416084ad) + 3);top:0}.table-head-container[data-v-2f666594]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-2f666594]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-2f666594]{display:inline-table}.table-header-actions[data-v-2f666594]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-2f666594]{position:relative}.table-row.loading[data-v-2f666594]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-2f666594]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-2f666594]{border-bottom:none}.expanded-row[data-v-2f666594]{grid-column:var(--90cd7d3e);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-2f666594]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-2f666594]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-2f666594],table th[data-v-2f666594]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-2f666594]:first-of-type,table th[data-v-2f666594]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-2f666594]:last-of-type,table th[data-v-2f666594]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-2f666594],table th.expand-toggle-cell[data-v-2f666594]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-2f666594]{border-bottom:none;z-index:calc(var(--416084ad) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-2f666594]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--03caffcc)}table>thead>tr>th[data-v-2f666594]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-2f666594]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-2f666594]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-2f666594]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-2f666594]{cursor:pointer}table>thead.sticky[data-v-2f666594]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-2f666594]{z-index:calc(var(--416084ad) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-2f666594]{display:block}table>tbody>*>tr[data-v-2f666594]{background-color:var(--background-default);min-height:var(--64d76d22);height:auto;display:grid;align-items:center;grid-template-columns:var(--03caffcc)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-2f666594]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-2f666594],table>tbody>*>tr.activeMenu>td[data-v-2f666594]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-2f666594]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--64d76d22);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-2f666594]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-2f666594]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-2f666594]{justify-content:flex-end;text-align:right}.section-container[data-v-2f666594]{left:0}.sections[data-v-2f666594]{display:flex}.section[data-v-2f666594]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-2f666594]{width:100%}.empty-state[data-v-2f666594]{min-height:250px}.floating-row[data-v-2f666594]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--416084ad) + 1)}.floating-row *[data-v-2f666594-s]{pointer-events:auto}
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-06e26be2]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;background-color:transparent;cursor:pointer}.error[data-v-06e26be2]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-06e26be2]{color:var(--primary-main)}.variant-default.primary[data-v-06e26be2]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-06e26be2]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-06e26be2]{color:var(--action-active)}.variant-default.default[data-v-06e26be2]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-06e26be2]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-06e26be2]{color:var(--error-main)}.variant-default.error[data-v-06e26be2]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-06e26be2]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-06e26be2]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-06e26be2]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-06e26be2]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-06e26be2]{color:var(--action-active);border:1px solid var(--default-outlined-border)}.variant-outlined.default[data-v-06e26be2]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-06e26be2]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-06e26be2]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-06e26be2]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-06e26be2]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.extraSmall[data-v-06e26be2]{padding:2px}.extraSmall.variant-outlined[data-v-06e26be2]{padding:1px}.small[data-v-06e26be2]{padding:2px}.small.variant-outlined[data-v-06e26be2]{padding:1px}.medium[data-v-06e26be2]{padding:4px}.medium.variant-outlined[data-v-06e26be2]{padding:3px}.large[data-v-06e26be2]{padding:6px}.large.variant-outlined[data-v-06e26be2]{padding:5px}.extraLarge[data-v-06e26be2]{padding:8px}.extraLarge.variant-outlined[data-v-06e26be2]{padding:7px}.extraSmall[data-v-06e26be2],.small[data-v-06e26be2],.medium[data-v-06e26be2],.large[data-v-06e26be2],.extraLarge[data-v-06e26be2]{height:auto}
@@ -1,7 +1,7 @@
1
1
  import o from "./IconButtonV4.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4eefa06b"]]);
3
+ // import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-06e26be2"]]);
5
5
  export {
6
6
  c as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
1
+ import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
2
2
  import f from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
4
  const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
@@ -185,6 +185,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
185
185
  row: import("@vueuse/core").UseVirtualListItem<Row>;
186
186
  gridColumnTemplate: any;
187
187
  }): any;
188
+ "floating-row"?(_: {
189
+ row: import("@vueuse/core").UseVirtualListItem<Row>;
190
+ rowIndex: number;
191
+ }): any;
188
192
  "empty-state"?(_: {}): any;
189
193
  footer?(_: {}): any;
190
194
  }>;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_46d53424_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-46d53424"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2f666594"]]);
5
5
  export {
6
6
  a as default
7
7
  };
@@ -1,22 +1,22 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_46d53424_lang.css"; import { defineComponent as ie, useCssVars as de, unref as t, useSlots as oe, computed as v, openBlock as l, createElementBlock as o, createElementVNode as u, normalizeStyle as x, normalizeClass as f, renderSlot as r, createVNode as h, withCtx as T, createTextVNode as w, toDisplayString as E, isRef as ne, createCommentVNode as c, Fragment as B, renderList as I, createBlock as z, mergeProps as re } from "vue";
2
- import p from "../../typography/v4/Typography.vue.js";
3
- import ce from "../../skeleton/v4/SkeletonV4.vue.js";
4
- import ue from "../../emptyState/v4/EmptyStateV4.vue.js";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as p, createBlock as z, mergeProps as re } from "vue";
2
+ import A from "../../typography/v4/Typography.vue.js";
3
+ import ue from "../../skeleton/v4/SkeletonV4.vue.js";
4
+ import he from "../../emptyState/v4/EmptyStateV4.vue.js";
5
5
  import K from "../../checkbox/v4/CheckboxV4.vue.js";
6
6
  import { TableTestIdModifiers as S } from "../../../testids/index.js";
7
- import { tableCommon as he } from "../common/Table.common.js";
8
- import ye from "./SortIcon.vue.js";
9
- import fe from "./HelpIcon.vue.js";
10
- import Se from "./ExpandRowToggle.vue.js";
11
- import ke from "../../search/v4/SearchV4.vue.js";
12
- import { useVModel as me } from "@vueuse/core";
13
- const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], Ce = { class: "search-wrapper" }, xe = ["data-testid"], Te = ["data-testid"], we = {
7
+ import { tableCommon as ye } from "../common/Table.common.js";
8
+ import fe from "./SortIcon.vue.js";
9
+ import Se from "./HelpIcon.vue.js";
10
+ import ke from "./ExpandRowToggle.vue.js";
11
+ import me from "../../search/v4/SearchV4.vue.js";
12
+ import { useVModel as ge } from "@vueuse/core";
13
+ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], Ce = ["data-testid"], xe = { class: "search-wrapper" }, Te = ["data-testid"], we = ["data-testid"], Ee = {
14
14
  key: 0,
15
15
  class: "checkbox-cell"
16
- }, Ee = {
16
+ }, Be = {
17
17
  key: 1,
18
18
  class: "expand-toggle-cell"
19
- }, Be = ["onClick"], Ie = { class: "table-head-container" }, pe = ["data-testid"], Ae = ["onMouseenter", "onClick"], Ve = {
19
+ }, Ie = ["onClick"], pe = { class: "table-head-container" }, Ae = ["data-testid"], Ve = ["onMouseenter", "onClick"], Le = {
20
20
  key: 0,
21
21
  class: "checkbox-cell"
22
22
  }, Me = {
@@ -25,10 +25,13 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
25
25
  }, Pe = {
26
26
  key: 2,
27
27
  class: "expanded-row"
28
- }, He = { key: 1 }, Le = {
28
+ }, He = {
29
+ key: 3,
30
+ class: "floating-row"
31
+ }, Ne = { key: 1 }, Fe = {
29
32
  key: 0,
30
33
  class: "table-footer"
31
- }, qe = /* @__PURE__ */ ie({
34
+ }, Xe = /* @__PURE__ */ de({
32
35
  __name: "DataGrid",
33
36
  props: {
34
37
  title: { default: "" },
@@ -62,25 +65,25 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
62
65
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
63
66
  setup(s, { expose: m, emit: y }) {
64
67
  const i = s;
65
- de((a) => ({
66
- "0f0d3395": s.zIndexBase,
67
- "01312249": t(X),
68
- "413dc702": t(H),
69
- "7a14020a": t(J)
68
+ oe((a) => ({
69
+ "416084ad": s.zIndexBase,
70
+ "90cd7d3e": t(X),
71
+ "03caffcc": t(P),
72
+ "64d76d22": t(J)
70
73
  }));
71
- const b = oe(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
72
- list: P,
74
+ const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
75
+ list: M,
73
76
  containerProps: G,
74
77
  wrapperProps: Y,
75
- activeRow: A,
76
- gridColumnTemplate: H,
78
+ activeRow: $,
79
+ gridColumnTemplate: P,
77
80
  toggleSortOrder: Q,
78
- columnsStickyPositions: L,
81
+ columnsStickyPositions: H,
79
82
  hasSearchSlot: W,
80
83
  containerStyle: j,
81
84
  onScroll: N,
82
85
  savingRows: F,
83
- hasExpandSlot: $,
86
+ hasExpandSlot: R,
84
87
  toggleExpandRow: q,
85
88
  cssRowHeight: J,
86
89
  cssExpandGridCol: X,
@@ -88,47 +91,47 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
88
91
  hasCheckboxes: O,
89
92
  activeMenuRow: Z,
90
93
  scrollTo: _
91
- } = he(i, y), D = v(() => !!b.footer), g = me(i, "search", y), ee = v(() => i.selection.length || 0), M = v(() => {
92
- const a = i.rows.map((d, e) => i.getRowId(d, e));
93
- return !!a.length && a.every((d) => R(d));
94
- }), R = (a) => i.selection.findIndex((d) => i.selectedMatcher(a, d)) !== -1, te = (a) => {
95
- R(a) ? (C(
94
+ } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), L = v(() => {
95
+ const a = i.rows.map((o, e) => i.getRowId(o, e));
96
+ return !!a.length && a.every((o) => C(o));
97
+ }), C = (a) => i.selection.findIndex((o) => i.selectedMatcher(a, o)) !== -1, te = (a) => {
98
+ C(a) ? (x(
96
99
  i.selection.filter(
97
- (d) => !i.selectedMatcher(a, d)
100
+ (o) => !i.selectedMatcher(a, o)
98
101
  )
99
- ), y("selectRow", !1)) : (C([...i.selection, a]), y("selectRow", !0));
102
+ ), y("selectRow", !1)) : (x([...i.selection, a]), y("selectRow", !0));
100
103
  }, se = () => {
101
- if (M.value)
102
- C([]), y("selectAll", !1);
104
+ if (L.value)
105
+ x([]), y("selectAll", !1);
103
106
  else {
104
- const a = i.rows.map((d, e) => i.getRowId(d, e)).filter((d) => !R(d));
105
- C([...i.selection, ...a]), y("selectAll", !0);
107
+ const a = i.rows.map((o, e) => i.getRowId(o, e)).filter((o) => !C(o));
108
+ x([...i.selection, ...a]), y("selectAll", !0);
106
109
  }
107
- }, C = (a) => {
110
+ }, x = (a) => {
108
111
  y("update:selection", a);
109
- }, ae = v(
112
+ }, ae = (a) => !i.isLoading && $.value === a, le = v(
110
113
  () => i.emptyStateVariant ?? (g.value ? "no-results" : "no-data")
111
- ), le = v(
114
+ ), ie = v(
112
115
  () => i.emptyStateSubtitle ? i.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
113
116
  );
114
117
  return m({
115
118
  scrollTo: _
116
- }), (a, d) => (l(), o("div", {
119
+ }), (a, o) => (l(), d("div", {
117
120
  class: "table-container",
118
121
  "data-testid": `${s.testId}-${t(S).CONTAINER}`,
119
- onMouseleave: d[3] || (d[3] = (e) => A.value = null)
122
+ onMouseleave: o[3] || (o[3] = (e) => $.value = null)
120
123
  }, [
121
124
  u("table", {
122
125
  ref: t(G).ref,
123
- style: x(t(j)),
126
+ style: T(t(j)),
124
127
  class: f({
125
128
  hasFooter: t(D)
126
129
  }),
127
130
  "data-testid": `${s.testId}-${t(S).TABLE}`,
128
- onScrollPassive: d[2] || (d[2] = //@ts-ignore
131
+ onScrollPassive: o[2] || (o[2] = //@ts-ignore
129
132
  (...e) => t(N) && t(N)(...e))
130
133
  }, [
131
- s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), o("div", {
134
+ s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
132
135
  key: 0,
133
136
  class: f(["table-header", { isStickyHeader: s.isStickyHeader }]),
134
137
  "data-testid": `${s.testId}-${t(S).HEADER}`
@@ -137,40 +140,40 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
137
140
  class: "table-title",
138
141
  "data-testid": `${s.testId}-${t(S).TITLE}`
139
142
  }, [
140
- r(a.$slots, "title", {}, () => [
141
- h(t(p), { variant: "h3" }, {
142
- default: T(() => [
143
- w(E(s.title), 1)
143
+ c(a.$slots, "title", {}, () => [
144
+ h(t(A), { variant: "h3" }, {
145
+ default: w(() => [
146
+ E(B(s.title), 1)
144
147
  ]),
145
148
  _: 1
146
149
  })
147
- ], !0)
148
- ], 8, $e),
150
+ ])
151
+ ], 8, Re),
149
152
  u("div", {
150
153
  class: "table-header-right",
151
154
  "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
152
155
  }, [
153
- s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
154
- u("div", Ce, [
155
- h(t(ke), {
156
+ s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
157
+ u("div", xe, [
158
+ h(t(me), {
156
159
  modelValue: t(g),
157
- "onUpdate:modelValue": d[0] || (d[0] = (e) => ne(g) ? g.value = e : null),
160
+ "onUpdate:modelValue": o[0] || (o[0] = (e) => ce(g) ? g.value = e : null),
158
161
  placeholder: s.searchPlaceholder,
159
162
  "auto-focus": s.searchAutoFocus,
160
163
  "test-id": s.testId,
161
- onOnClear: d[1] || (d[1] = (e) => y("onClearSearch"))
164
+ onOnClear: o[1] || (o[1] = (e) => y("onClearSearch"))
162
165
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
163
166
  ])
164
- ], !0) : c("", !0)
165
- ], 8, Re),
166
- t(b)["table-header-actions"] ? (l(), o("div", {
167
+ ]) : r("", !0)
168
+ ], 8, Ce),
169
+ t(b)["table-header-actions"] ? (l(), d("div", {
167
170
  key: 0,
168
171
  class: "table-header-actions",
169
172
  "data-testid": `${s.testId}-${t(S).ACTIONS}`
170
173
  }, [
171
- r(a.$slots, "table-header-actions", {}, void 0, !0)
172
- ], 8, xe)) : c("", !0)
173
- ], 10, be)) : c("", !0),
174
+ c(a.$slots, "table-header-actions")
175
+ ], 8, Te)) : r("", !0)
176
+ ], 10, $e)) : r("", !0),
174
177
  u("thead", {
175
178
  class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
176
179
  }, [
@@ -178,38 +181,38 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
178
181
  class: "sections",
179
182
  "data-testid": `${s.testId}-${t(S).SECTIONS}`
180
183
  }, [
181
- (l(!0), o(B, null, I(s.sections, (e) => (l(), o("div", {
184
+ (l(!0), d(I, null, p(s.sections, (e) => (l(), d("div", {
182
185
  key: e.id,
183
186
  class: f(["section-container", { sticky: e.isSticky }])
184
187
  }, [
185
- r(a.$slots, `section-${e.id}`, {}, () => [
188
+ c(a.$slots, `section-${e.id}`, {}, () => [
186
189
  u("div", {
187
- style: x({ width: e.width + "px" }),
190
+ style: T({ width: e.width + "px" }),
188
191
  class: f({ section: !0 })
189
192
  }, [
190
- h(t(p), { variant: "body2" }, {
191
- default: T(() => [
192
- w(E(e.title), 1)
193
+ h(t(A), { variant: "body2" }, {
194
+ default: w(() => [
195
+ E(B(e.title), 1)
193
196
  ]),
194
197
  _: 2
195
198
  }, 1024)
196
199
  ], 4)
197
- ], !0)
200
+ ])
198
201
  ], 2))), 128))
199
- ], 8, Te),
202
+ ], 8, we),
200
203
  u("tr", null, [
201
- t(O) ? (l(), o("th", we, [
202
- r(a.$slots, "select-all-checkbox", {}, () => [
204
+ t(O) ? (l(), d("th", Ee, [
205
+ c(a.$slots, "select-all-checkbox", {}, () => [
203
206
  h(t(K), {
204
207
  disabled: s.isLoading,
205
- "is-checked": t(M),
206
- "is-indeterminate": !t(M) && t(ee) > 0,
208
+ "is-checked": t(L),
209
+ "is-indeterminate": !t(L) && t(ee) > 0,
207
210
  "onUpdate:isChecked": se
208
211
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
209
- ], !0)
210
- ])) : c("", !0),
211
- t($) ? (l(), o("th", Ee)) : c("", !0),
212
- (l(!0), o(B, null, I(s.columns, (e) => (l(), o("th", {
212
+ ])
213
+ ])) : r("", !0),
214
+ t(R) ? (l(), d("th", Be)) : r("", !0),
215
+ (l(!0), d(I, null, p(s.columns, (e) => (l(), d("th", {
213
216
  key: e.id,
214
217
  class: f({
215
218
  sticky: e.isSticky,
@@ -219,62 +222,62 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
219
222
  isSortable: e.isSortable,
220
223
  [`column-${e.id}`]: !0
221
224
  }),
222
- style: x(e.isSticky ? t(L)[e.id] : null),
225
+ style: T(e.isSticky ? t(H)[e.id] : null),
223
226
  onClick: (k) => e.isSortable ? t(Q)(e) : null
224
227
  }, [
225
- u("div", Ie, [
226
- r(a.$slots, `header-${e.id}`, { column: e }, () => [
227
- h(t(p), { variant: "tableLabel" }, {
228
- default: T(() => [
229
- w(E(e.title), 1)
228
+ u("div", pe, [
229
+ c(a.$slots, `header-${e.id}`, { column: e }, () => [
230
+ h(t(A), { variant: "tableLabel" }, {
231
+ default: w(() => [
232
+ E(B(e.title), 1)
230
233
  ]),
231
234
  _: 2
232
235
  }, 1024)
233
- ], !0),
234
- e.helpText ? (l(), z(fe, {
236
+ ]),
237
+ e.helpText ? (l(), z(Se, {
235
238
  key: 0,
236
239
  "hover-help-text": e.helpText,
237
240
  "hover-help-text-placement": e.helpTextPlacement
238
- }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : c("", !0),
239
- e.isSortable && e.id === s.sort?.sortBy ? (l(), z(ye, {
241
+ }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
242
+ e.isSortable && e.id === s.sort?.sortBy ? (l(), z(fe, {
240
243
  key: 1,
241
244
  "sort-order": s.sort.sortOrder
242
- }, null, 8, ["sort-order"])) : c("", !0)
245
+ }, null, 8, ["sort-order"])) : r("", !0)
243
246
  ])
244
- ], 14, Be))), 128))
247
+ ], 14, Ie))), 128))
245
248
  ])
246
249
  ], 2),
247
250
  u("tbody", null, [
248
- t(P).length > 0 ? (l(), o("div", re({
251
+ t(M).length > 0 ? (l(), d("div", re({
249
252
  key: 0,
250
253
  class: "table-body-wrapper",
251
254
  "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
252
255
  }, t(Y)), [
253
- (l(!0), o(B, null, I(t(P), (e) => (l(), o("tr", {
256
+ (l(!0), d(I, null, p(t(M), (e) => (l(), d("tr", {
254
257
  key: e.index,
255
258
  class: f(["table-row", {
256
259
  loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
257
- active: t(A) === e.index,
260
+ active: t($) === e.index,
258
261
  activeMenu: t(Z) === e.index,
259
- expanded: t($) && t(V)(e.index),
262
+ expanded: t(R) && t(V)(e.index),
260
263
  [U(e.index)]: !0
261
264
  }]),
262
- onMouseenter: (k) => A.value = e.index,
265
+ onMouseenter: (k) => $.value = e.index,
263
266
  onClick: (k) => y("clickRow", e.index)
264
267
  }, [
265
- t(O) ? (l(), o("td", Ve, [
268
+ t(O) ? (l(), d("td", Le, [
266
269
  h(t(K), {
267
- "is-checked": R(s.getRowId(e.data, e.index)),
270
+ "is-checked": C(s.getRowId(e.data, e.index)),
268
271
  "onUpdate:isChecked": (k) => te(s.getRowId(e.data, e.index))
269
272
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
270
- ])) : c("", !0),
271
- t($) ? (l(), o("td", Me, [
272
- h(Se, {
273
+ ])) : r("", !0),
274
+ t(R) ? (l(), d("td", Me, [
275
+ h(ke, {
273
276
  expanded: t(V)(e.index),
274
277
  onClick: (k) => t(q)(e.index, k)
275
278
  }, null, 8, ["expanded", "onClick"])
276
- ])) : c("", !0),
277
- (l(!0), o(B, null, I(s.columns, (k, n) => (l(), o("td", {
279
+ ])) : r("", !0),
280
+ (l(!0), d(I, null, p(s.columns, (k, n) => (l(), d("td", {
278
281
  key: n,
279
282
  class: f({
280
283
  sticky: s.columns[n].isSticky,
@@ -283,58 +286,64 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
283
286
  isTextRight: s.columns[n].isTextRight,
284
287
  [`column-${s.columns[n].id}`]: !0
285
288
  }),
286
- style: x(
287
- s.columns[n].isSticky ? t(L)[s.columns[n].id] : null
289
+ style: T(
290
+ s.columns[n].isSticky ? t(H)[s.columns[n].id] : null
288
291
  )
289
292
  }, [
290
- !s.isLoading || s.isLoading && e.data[n] ? (l(), o("div", {
293
+ !s.isLoading || s.isLoading && e.data[n] ? (l(), d("div", {
291
294
  key: 0,
292
295
  class: f(["table-cell", { last: n === e.data.length - 1 }])
293
296
  }, [
294
- r(a.$slots, `cell-${s.columns[n].id}`, {
297
+ c(a.$slots, `cell-${s.columns[n].id}`, {
295
298
  cell: e.data[n],
296
299
  isLoading: t(F).includes(e.index),
297
300
  cellIndex: n,
298
301
  row: e,
299
302
  rowIndex: e.index
300
303
  }, () => [
301
- h(t(p), { variant: "body1" }, {
302
- default: T(() => [
303
- w(E(e.data[n]), 1)
304
+ h(t(A), { variant: "body1" }, {
305
+ default: w(() => [
306
+ E(B(e.data[n]), 1)
304
307
  ]),
305
308
  _: 2
306
309
  }, 1024)
307
- ], !0)
308
- ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
309
- h(t(ce), { round: "" })
310
- ], !0)
310
+ ])
311
+ ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
312
+ h(t(ue), { round: "" })
313
+ ])
311
314
  ], 6))), 128)),
312
- t($) && t(V)(e.index) ? (l(), o("div", Pe, [
313
- r(a.$slots, "expanded", {
315
+ t(R) && t(V)(e.index) ? (l(), d("div", Pe, [
316
+ c(a.$slots, "expanded", {
317
+ row: e,
318
+ gridColumnTemplate: t(P)
319
+ })
320
+ ])) : r("", !0),
321
+ ae(e.index) ? (l(), d("div", He, [
322
+ c(a.$slots, "floating-row", {
314
323
  row: e,
315
- gridColumnTemplate: t(H)
316
- }, void 0, !0)
317
- ])) : c("", !0)
318
- ], 42, Ae))), 128))
319
- ], 16, pe)) : (l(), o("div", He, [
320
- r(a.$slots, "empty-state", {}, () => [
321
- h(t(ue), {
324
+ rowIndex: e.index
325
+ })
326
+ ])) : r("", !0)
327
+ ], 42, Ve))), 128))
328
+ ], 16, Ae)) : (l(), d("div", Ne, [
329
+ c(a.$slots, "empty-state", {}, () => [
330
+ h(t(he), {
322
331
  class: "empty-state",
323
332
  title: s.emptyStateTitle,
324
- subtitle: t(le),
325
- variant: t(ae),
333
+ subtitle: t(ie),
334
+ variant: t(le),
326
335
  "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
327
336
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
328
- ], !0)
337
+ ])
329
338
  ]))
330
339
  ])
331
- ], 46, ve),
332
- t(D) ? (l(), o("div", Le, [
333
- r(a.$slots, "footer", {}, void 0, !0)
334
- ])) : c("", !0)
335
- ], 40, ge));
340
+ ], 46, be),
341
+ t(D) ? (l(), d("div", Fe, [
342
+ c(a.$slots, "footer")
343
+ ])) : r("", !0)
344
+ ], 40, ve));
336
345
  }
337
346
  });
338
347
  export {
339
- qe as default
348
+ Xe as default
340
349
  };
@@ -120,8 +120,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
120
120
  search?(_: {}): any;
121
121
  "table-header-actions"?(_: {}): any;
122
122
  "floating-row"?(_: {
123
- row: any;
124
- rowIndex: any;
123
+ row: import("@vueuse/core").UseVirtualListItem<import("@is-ssp/table/common/Table.types").Row>;
124
+ rowIndex: number;
125
125
  }): any;
126
126
  "empty-state"?(_: {}): any;
127
127
  }>;
@@ -684,6 +684,10 @@ declare const DataGridTypes: () => (({
684
684
  row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
685
685
  gridColumnTemplate: any;
686
686
  }): any;
687
+ "floating-row"?(_: {
688
+ row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
689
+ rowIndex: number;
690
+ }): any;
687
691
  "empty-state"?(_: {}): any;
688
692
  footer?(_: {}): any;
689
693
  };
@@ -1225,8 +1229,8 @@ declare const DataGridTypes: () => (({
1225
1229
  search?(_: {}): any;
1226
1230
  "table-header-actions"?(_: {}): any;
1227
1231
  "floating-row"?(_: {
1228
- row: any;
1229
- rowIndex: any;
1232
+ row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
1233
+ rowIndex: number;
1230
1234
  }): any;
1231
1235
  "empty-state"?(_: {}): any;
1232
1236
  };
package/index.d.ts CHANGED
@@ -5,7 +5,6 @@ export * from '@/components/menu';
5
5
  export * from '@/components/appIcon';
6
6
  export * from '@/components/floatingToolbar';
7
7
  export * from '@/components/includeExclude';
8
- export * from '@/components/cssBaseline';
9
8
  export * from '@/composables/useId';
10
9
  export * from '@/components/filterDropdown';
11
10
  export * from '@/components/typography';
@@ -5860,6 +5859,10 @@ declare const _default: {
5860
5859
  row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
5861
5860
  gridColumnTemplate: any;
5862
5861
  }): any;
5862
+ "floating-row"?(_: {
5863
+ row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
5864
+ rowIndex: number;
5865
+ }): any;
5863
5866
  "empty-state"?(_: {}): any;
5864
5867
  footer?(_: {}): any;
5865
5868
  };
@@ -6641,6 +6644,10 @@ declare const _default: {
6641
6644
  row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
6642
6645
  gridColumnTemplate: any;
6643
6646
  }): any;
6647
+ "floating-row"?(_: {
6648
+ row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
6649
+ rowIndex: number;
6650
+ }): any;
6644
6651
  "empty-state"?(_: {}): any;
6645
6652
  footer?(_: {}): any;
6646
6653
  };
@@ -7182,8 +7189,8 @@ declare const _default: {
7182
7189
  search?(_: {}): any;
7183
7190
  "table-header-actions"?(_: {}): any;
7184
7191
  "floating-row"?(_: {
7185
- row: any;
7186
- rowIndex: any;
7192
+ row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
7193
+ rowIndex: number;
7187
7194
  }): any;
7188
7195
  "empty-state"?(_: {}): any;
7189
7196
  };
@@ -7633,8 +7640,8 @@ declare const _default: {
7633
7640
  search?(_: {}): any;
7634
7641
  "table-header-actions"?(_: {}): any;
7635
7642
  "floating-row"?(_: {
7636
- row: any;
7637
- rowIndex: any;
7643
+ row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
7644
+ rowIndex: number;
7638
7645
  }): any;
7639
7646
  "empty-state"?(_: {}): any;
7640
7647
  };
package/index.js CHANGED
@@ -1,31 +1,30 @@
1
- import './CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css';
1
+ import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
2
2
  import { AppTriggerTypes as oo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as eo } from "./components/autocompleteDropdown/index.js";
4
- import { MenuItemTypes as mo } from "./components/menuItem/index.js";
4
+ import { MenuItemTypes as to } from "./components/menuItem/index.js";
5
5
  import { MenuTypes as ao } from "./components/menu/index.js";
6
6
  import { AppIconTypes as io } from "./components/appIcon/index.js";
7
- import { FloatingToolbarTypes as xo } from "./components/floatingToolbar/index.js";
7
+ import { FloatingToolbarTypes as so } from "./components/floatingToolbar/index.js";
8
8
  import { IncludeExcludeTypes as lo } from "./components/includeExclude/index.js";
9
- import { CssBaselineTypes as $o } from "./components/cssBaseline/index.js";
10
- import { ID_INJECTION_KEY as co, useId as yo } from "./composables/useId.js";
11
- import { FilterDropdownTypes as Fo } from "./components/filterDropdown/index.js";
12
- import { TypographyTypes as Ao } from "./components/typography/index.js";
13
- import { TypographyTypesV4 as Co } from "./components/typography/v4/index.js";
14
- import { MultiBarTypes as Do } from "./components/multibar/index.js";
15
- import { FoldableSectionTypes as Mo } from "./components/layout/index.js";
16
- import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/index.js";
9
+ import { ID_INJECTION_KEY as $o, useId as To } from "./composables/useId.js";
10
+ import { FilterDropdownTypes as yo } from "./components/filterDropdown/index.js";
11
+ import { TypographyTypes as Fo } from "./components/typography/index.js";
12
+ import { TypographyTypesV4 as Ao } from "./components/typography/v4/index.js";
13
+ import { MultiBarTypes as Co } from "./components/multibar/index.js";
14
+ import { FoldableSectionTypes as ho } from "./components/layout/index.js";
15
+ import { FormCardTypes as Mo, FormFieldTypes as bo } from "./components/forms/index.js";
17
16
  import * as o from "./components/button/v3/index.js";
18
17
  import * as r from "./components/button/v4/index.js";
19
18
  import * as e from "./components/chip/v3/index.js";
20
- import * as t from "./components/chip/v4/index.js";
21
- import * as m from "./components/switch/v3/index.js";
19
+ import * as m from "./components/chip/v4/index.js";
20
+ import * as t from "./components/switch/v3/index.js";
22
21
  import * as p from "./components/switch/v4/index.js";
23
22
  import * as a from "./components/dropdown/v3/index.js";
24
23
  import * as f from "./components/dropdown/v4/index.js";
25
24
  import * as i from "./components/search/v3/index.js";
26
25
  import * as d from "./components/search/v4/index.js";
27
- import * as s from "./components/filtersPanel/v3/index.js";
28
- import * as x from "./components/filtersPanel/v4/index.js";
26
+ import * as x from "./components/filtersPanel/v3/index.js";
27
+ import * as s from "./components/filtersPanel/v4/index.js";
29
28
  import * as n from "./components/checkbox/v3/index.js";
30
29
  import * as l from "./components/checkbox/v4/index.js";
31
30
  import * as u from "./components/icon/v3/index.js";
@@ -39,9 +38,9 @@ import * as I from "./components/dialog/v4/index.js";
39
38
  import * as A from "./components/toggle/v3/index.js";
40
39
  import * as E from "./components/toggle/v4/index.js";
41
40
  import * as C from "./components/tooltip/v3/index.js";
42
- import * as B from "./components/tooltip/v4/index.js";
43
- import * as D from "./components/table/v3/index.js";
44
- import * as h from "./components/table/v4/index.js";
41
+ import * as D from "./components/tooltip/v4/index.js";
42
+ import * as h from "./components/table/v3/index.js";
43
+ import * as B from "./components/table/v4/index.js";
45
44
  import * as M from "./components/table-cells/v3/index.js";
46
45
  import * as b from "./components/table-cells/v4/index.js";
47
46
  import * as w from "./components/skeleton/v3/index.js";
@@ -65,46 +64,45 @@ import * as R from "./components/dateRange/v3/index.js";
65
64
  import * as Y from "./components/dateRange/v4/index.js";
66
65
  import * as Q from "./components/popover/v3/index.js";
67
66
  import * as U from "./components/popover/v4/index.js";
68
- import { useToggle as No } from "./composables/useToggle.js";
69
- import { useSearch as Vo } from "./composables/useSearch.js";
70
- import { scrollToElementByClass as Jo, scrollToFirstInvalidElement as Ko, useFormValidation as Po, yupValidation as _o } from "./composables/useFormValidation.js";
71
- import { BannerTypes as ko } from "./components/banner/index.js";
72
- import { AlertTypes as zo } from "./components/alert/index.js";
73
- import { AutocompleteTypes as Lo } from "./components/autocomplete/index.js";
74
- import { ChartTypes as Yo } from "./components/chart/index.js";
75
- import { default as Uo } from "./components/appTrigger/AppTrigger.vue.js";
76
- import { default as Xo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
77
- import { default as or } from "./components/menuItem/MenuItem.vue.js";
78
- import { default as er } from "./components/menu/Menu.vue.js";
79
- import { default as mr } from "./components/appIcon/AppIcon.vue.js";
80
- import { default as ar } from "./components/floatingToolbar/FloatingToolbar.vue.js";
81
- import { default as ir } from "./components/includeExclude/IncludeExclude.vue.js";
82
- import { default as sr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
83
- import { default as nr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
84
- import { default as ur } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
85
- import { default as Tr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
86
- import { default as yr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
87
- import { default as Fr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
88
- import { default as Ar } from "./components/cssBaseline/CssBaseline.vue.js";
89
- import { default as Cr } from "./components/filterDropdown/FilterDropdown.vue.js";
90
- import { default as Dr } from "./components/filterDropdown/AddFilterButton.vue.js";
91
- import { default as Mr } from "./components/typography/Heading.vue.js";
92
- import { default as wr } from "./components/typography/Text.vue.js";
93
- import { default as Hr } from "./components/typography/v4/Typography.vue.js";
94
- import { default as Sr } from "./components/multibar/MultiBar.vue.js";
95
- import { default as vr } from "./components/layout/FoldableSection.vue.js";
96
- import { default as Kr } from "./components/forms/FormRow.vue.js";
97
- import { default as _r } from "./components/forms/FormCard.vue.js";
98
- import { default as kr } from "./components/forms/CardPanel.vue.js";
99
- import { default as zr } from "./components/forms/FormField.vue.js";
100
- import { default as Lr } from "./components/banner/Banner.vue.js";
101
- import { default as Yr } from "./components/alert/Alert.vue.js";
102
- import { default as Ur } from "./components/autocomplete/Autocomplete.vue.js";
103
- import { default as Xr } from "./components/chart/Chart.vue.js";
67
+ import { useToggle as Oo } from "./composables/useToggle.js";
68
+ import { useSearch as No } from "./composables/useSearch.js";
69
+ import { scrollToElementByClass as Vo, scrollToFirstInvalidElement as vo, useFormValidation as Jo, yupValidation as Ko } from "./composables/useFormValidation.js";
70
+ import { BannerTypes as _o } from "./components/banner/index.js";
71
+ import { AlertTypes as ko } from "./components/alert/index.js";
72
+ import { AutocompleteTypes as zo } from "./components/autocomplete/index.js";
73
+ import { ChartTypes as Lo } from "./components/chart/index.js";
74
+ import { default as Yo } from "./components/appTrigger/AppTrigger.vue.js";
75
+ import { default as Uo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
76
+ import { default as Xo } from "./components/menuItem/MenuItem.vue.js";
77
+ import { default as or } from "./components/menu/Menu.vue.js";
78
+ import { default as er } from "./components/appIcon/AppIcon.vue.js";
79
+ import { default as tr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
80
+ import { default as ar } from "./components/includeExclude/IncludeExclude.vue.js";
81
+ import { default as ir } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
82
+ import { default as xr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
83
+ import { default as nr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
84
+ import { default as ur } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
85
+ import { default as Tr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
86
+ import { default as yr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
87
+ import { default as Fr } from "./components/filterDropdown/FilterDropdown.vue.js";
88
+ import { default as Ar } from "./components/filterDropdown/AddFilterButton.vue.js";
89
+ import { default as Cr } from "./components/typography/Heading.vue.js";
90
+ import { default as hr } from "./components/typography/Text.vue.js";
91
+ import { default as Mr } from "./components/typography/v4/Typography.vue.js";
92
+ import { default as wr } from "./components/multibar/MultiBar.vue.js";
93
+ import { default as Hr } from "./components/layout/FoldableSection.vue.js";
94
+ import { default as Sr } from "./components/forms/FormRow.vue.js";
95
+ import { default as vr } from "./components/forms/FormCard.vue.js";
96
+ import { default as Kr } from "./components/forms/CardPanel.vue.js";
97
+ import { default as _r } from "./components/forms/FormField.vue.js";
98
+ import { default as kr } from "./components/banner/Banner.vue.js";
99
+ import { default as zr } from "./components/alert/Alert.vue.js";
100
+ import { default as Lr } from "./components/autocomplete/Autocomplete.vue.js";
101
+ import { default as Yr } from "./components/chart/Chart.vue.js";
104
102
  const W = {
105
103
  ...e,
106
- ...t,
107
104
  ...m,
105
+ ...t,
108
106
  ...p,
109
107
  ...o,
110
108
  ...r,
@@ -112,8 +110,8 @@ const W = {
112
110
  ...f,
113
111
  ...i,
114
112
  ...d,
115
- ...s,
116
113
  ...x,
114
+ ...s,
117
115
  ...T,
118
116
  ...c,
119
117
  ...u,
@@ -123,11 +121,11 @@ const W = {
123
121
  ...F,
124
122
  ...I,
125
123
  ...C,
126
- ...B,
124
+ ...D,
127
125
  ...A,
128
126
  ...E,
129
- ...D,
130
127
  ...h,
128
+ ...B,
131
129
  ...M,
132
130
  ...b,
133
131
  ...H,
@@ -155,61 +153,59 @@ const W = {
155
153
  ...U
156
154
  };
157
155
  export {
158
- Dr as AddFilterButton,
159
- Yr as Alert,
160
- zo as AlertTypes,
161
- mr as AppIcon,
156
+ Ar as AddFilterButton,
157
+ zr as Alert,
158
+ ko as AlertTypes,
159
+ er as AppIcon,
162
160
  io as AppIconTypes,
163
- Uo as AppTrigger,
161
+ Yo as AppTrigger,
164
162
  oo as AppTriggerTypes,
165
- Ur as Autocomplete,
166
- Xo as AutocompleteDropdown,
163
+ Lr as Autocomplete,
164
+ Uo as AutocompleteDropdown,
167
165
  eo as AutocompleteDropdownTypes,
168
- Lo as AutocompleteTypes,
169
- Lr as Banner,
170
- ko as BannerTypes,
171
- kr as CardPanel,
172
- Xr as Chart,
173
- Yo as ChartTypes,
174
- Ar as CssBaseline,
175
- $o as CssBaselineTypes,
176
- Cr as FilterDropdown,
177
- Fo as FilterDropdownTypes,
178
- ar as FloatingToolbar,
179
- xo as FloatingToolbarTypes,
180
- vr as FoldableSection,
181
- Mo as FoldableSectionTypes,
182
- _r as FormCard,
183
- wo as FormCardTypes,
184
- zr as FormField,
185
- Oo as FormFieldTypes,
186
- Kr as FormRow,
187
- Mr as Heading,
188
- co as ID_INJECTION_KEY,
189
- ir as IncludeExclude,
190
- yr as IncludeExcludeAppHeader,
191
- Tr as IncludeExcludeAppTrigger,
192
- Fr as IncludeExcludeChipFilter,
193
- sr as IncludeExcludeDragDrop,
194
- nr as IncludeExcludeOption,
195
- ur as IncludeExcludeOptionDraggable,
166
+ zo as AutocompleteTypes,
167
+ kr as Banner,
168
+ _o as BannerTypes,
169
+ Kr as CardPanel,
170
+ Yr as Chart,
171
+ Lo as ChartTypes,
172
+ Fr as FilterDropdown,
173
+ yo as FilterDropdownTypes,
174
+ tr as FloatingToolbar,
175
+ so as FloatingToolbarTypes,
176
+ Hr as FoldableSection,
177
+ ho as FoldableSectionTypes,
178
+ vr as FormCard,
179
+ Mo as FormCardTypes,
180
+ _r as FormField,
181
+ bo as FormFieldTypes,
182
+ Sr as FormRow,
183
+ Cr as Heading,
184
+ $o as ID_INJECTION_KEY,
185
+ ar as IncludeExclude,
186
+ Tr as IncludeExcludeAppHeader,
187
+ ur as IncludeExcludeAppTrigger,
188
+ yr as IncludeExcludeChipFilter,
189
+ ir as IncludeExcludeDragDrop,
190
+ xr as IncludeExcludeOption,
191
+ nr as IncludeExcludeOptionDraggable,
196
192
  lo as IncludeExcludeTypes,
197
- er as Menu,
198
- or as MenuItem,
199
- mo as MenuItemTypes,
193
+ or as Menu,
194
+ Xo as MenuItem,
195
+ to as MenuItemTypes,
200
196
  ao as MenuTypes,
201
- Sr as MultiBar,
202
- Do as MultiBarTypes,
203
- wr as Text,
204
- Hr as Typography,
205
- Ao as TypographyTypes,
206
- Co as TypographyTypesV4,
197
+ wr as MultiBar,
198
+ Co as MultiBarTypes,
199
+ hr as Text,
200
+ Mr as Typography,
201
+ Fo as TypographyTypes,
202
+ Ao as TypographyTypesV4,
207
203
  W as default,
208
- Jo as scrollToElementByClass,
209
- Ko as scrollToFirstInvalidElement,
210
- Po as useFormValidation,
211
- yo as useId,
212
- Vo as useSearch,
213
- No as useToggle,
214
- _o as yupValidation
204
+ Vo as scrollToElementByClass,
205
+ vo as scrollToFirstInvalidElement,
206
+ Jo as useFormValidation,
207
+ To as useId,
208
+ No as useSearch,
209
+ Oo as useToggle,
210
+ Ko as yupValidation
215
211
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.8-rc.5",
3
+ "version": "2.1.8-rc.6",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -165,7 +165,6 @@
165
165
  "./radioGroup/v4": "./components/radioButton/v4/index.js",
166
166
  "./floatingToolbar": "./components/floatingToolbar/FloatingToolbar.vue.js",
167
167
  "./includeExclude": "./components/includeExclude/index.js",
168
- "./cssBaseline": "./components/cssBaseline/CssBaseline.vue.js",
169
168
  "./snackbar": "./components/snackbar/v3/index.js",
170
169
  "./snackbar/v4": "./components/snackbar/v4/index.js",
171
170
  "./emptyState": "./components/emptyState/v3/EmptyState.vue.js",
@@ -288,9 +287,6 @@
288
287
  "switch/v4": [
289
288
  "./components/switch/v4/index.d.ts"
290
289
  ],
291
- "cssBaseline": [
292
- "./components/cssBaseline/CssBaseline.vue.d.ts"
293
- ],
294
290
  "emptyState": [
295
291
  "./components/emptyState/v3/EmptyState.vue.d.ts"
296
292
  ],
@@ -1 +0,0 @@
1
- div[data-v-f7dd256b]{display:block}
@@ -1 +0,0 @@
1
- *,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:normal;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer}
@@ -1 +0,0 @@
1
- .sticky[data-v-46d53424]{position:sticky}.table-container[data-v-46d53424]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-46d53424]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-46d53424]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-46d53424]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-46d53424]{width:13.75rem}.table-header.isStickyHeader[data-v-46d53424]{z-index:calc(var(--0f0d3395) + 3);top:0}.table-head-container[data-v-46d53424]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-46d53424]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-46d53424]{display:inline-table}.table-header-actions[data-v-46d53424]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-46d53424]{position:relative}.table-row.loading[data-v-46d53424]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-46d53424]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-46d53424]{border-bottom:none}.expanded-row[data-v-46d53424]{grid-column:var(--01312249);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-46d53424]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-46d53424]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-46d53424],table th[data-v-46d53424]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-46d53424]:first-of-type,table th[data-v-46d53424]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-46d53424]:last-of-type,table th[data-v-46d53424]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-46d53424],table th.expand-toggle-cell[data-v-46d53424]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-46d53424]{border-bottom:none;z-index:calc(var(--0f0d3395) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-46d53424]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--413dc702)}table>thead>tr>th[data-v-46d53424]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-46d53424]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-46d53424]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-46d53424]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-46d53424]{cursor:pointer}table>thead.sticky[data-v-46d53424]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-46d53424]{z-index:calc(var(--0f0d3395) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-46d53424]{display:block}table>tbody>*>tr[data-v-46d53424]{background-color:var(--background-default);min-height:var(--7a14020a);height:auto;display:grid;align-items:center;grid-template-columns:var(--413dc702)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-46d53424]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-46d53424],table>tbody>*>tr.activeMenu>td[data-v-46d53424]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-46d53424]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--7a14020a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-46d53424]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-46d53424]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-46d53424]{justify-content:flex-end;text-align:right}.section-container[data-v-46d53424]{left:0}.sections[data-v-46d53424]{display:flex}.section[data-v-46d53424]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-46d53424]{width:100%}.empty-state[data-v-46d53424]{min-height:250px}
@@ -1 +0,0 @@
1
- .button-wrap[data-v-4eefa06b]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;background-color:transparent}.error[data-v-4eefa06b]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-4eefa06b]{color:var(--primary-main)}.variant-default.primary[data-v-4eefa06b]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-4eefa06b]{color:var(--action-active)}.variant-default.default[data-v-4eefa06b]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-4eefa06b]{color:var(--error-main)}.variant-default.error[data-v-4eefa06b]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-4eefa06b]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-4eefa06b]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-4eefa06b]{color:var(--action-active);border:1px solid var(--default-outlined-border)}.variant-outlined.default[data-v-4eefa06b]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-4eefa06b]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-4eefa06b]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.extraSmall[data-v-4eefa06b]{padding:2px}.extraSmall.variant-outlined[data-v-4eefa06b]{padding:1px}.small[data-v-4eefa06b]{padding:2px}.small.variant-outlined[data-v-4eefa06b]{padding:1px}.medium[data-v-4eefa06b]{padding:4px}.medium.variant-outlined[data-v-4eefa06b]{padding:3px}.large[data-v-4eefa06b]{padding:6px}.large.variant-outlined[data-v-4eefa06b]{padding:5px}.extraLarge[data-v-4eefa06b]{padding:8px}.extraLarge.variant-outlined[data-v-4eefa06b]{padding:7px}.extraSmall[data-v-4eefa06b],.small[data-v-4eefa06b],.medium[data-v-4eefa06b],.large[data-v-4eefa06b],.extraLarge[data-v-4eefa06b]{height:auto}
@@ -1,9 +0,0 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
2
- default?(_: {}): any;
3
- }>;
4
- export default _default;
5
- type __VLS_WithTemplateSlots<T, S> = T & {
6
- new (): {
7
- $slots: S;
8
- };
9
- };
@@ -1,10 +0,0 @@
1
- import { renderSlot as r } from "vue";
2
- /* empty css *//* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- const o = {};
4
- function n(e, s) {
5
- return r(e.$slots, "default", {}, void 0, !0);
6
- }
7
- const a = /* @__PURE__ */ t(o, [["render", n], ["__scopeId", "data-v-f7dd256b"]]);
8
- export {
9
- a as default
10
- };
File without changes
@@ -1,49 +0,0 @@
1
- declare const CssBaselineTypes: () => ({
2
- new (...args: any[]): {
3
- $: import("vue").ComponentInternalInstance;
4
- $data: {};
5
- $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
6
- $attrs: {
7
- [x: string]: unknown;
8
- };
9
- $refs: {
10
- [x: string]: unknown;
11
- };
12
- $slots: Readonly<{
13
- [name: string]: import("vue").Slot;
14
- }>;
15
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
16
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
17
- $emit: (event: string, ...args: any[]) => void;
18
- $el: any;
19
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
20
- beforeCreate?: (() => void) | (() => void)[];
21
- created?: (() => void) | (() => void)[];
22
- beforeMount?: (() => void) | (() => void)[];
23
- mounted?: (() => void) | (() => void)[];
24
- beforeUpdate?: (() => void) | (() => void)[];
25
- updated?: (() => void) | (() => void)[];
26
- activated?: (() => void) | (() => void)[];
27
- deactivated?: (() => void) | (() => void)[];
28
- beforeDestroy?: (() => void) | (() => void)[];
29
- beforeUnmount?: (() => void) | (() => void)[];
30
- destroyed?: (() => void) | (() => void)[];
31
- unmounted?: (() => void) | (() => void)[];
32
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
33
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
34
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
35
- };
36
- $forceUpdate: () => void;
37
- $nextTick: typeof import("vue").nextTick;
38
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
39
- } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
40
- __isFragment?: never;
41
- __isTeleport?: never;
42
- __isSuspense?: never;
43
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
44
- $slots: {
45
- default?(_: {}): any;
46
- };
47
- }))[];
48
- export { default as CssBaseline } from './CssBaseline.vue';
49
- export { CssBaselineTypes };
@@ -1,6 +0,0 @@
1
- import s from "./CssBaseline.vue.js";
2
- const o = () => [s];
3
- export {
4
- s as CssBaseline,
5
- o as CssBaselineTypes
6
- };