@ironsource/shared-ui 2.1.8-test.0 → 2.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +1 -0
  3. package/GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css +1 -0
  4. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +1 -0
  5. package/Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css +1 -0
  6. package/components/chart/consts.d.ts +0 -6
  7. package/components/chart/consts.js +15 -14
  8. package/components/chart/index.d.ts +20 -21
  9. package/components/dropdown/common/Dropdown.common.d.ts +1 -0
  10. package/components/dropdown/common/Dropdown.common.js +207 -178
  11. package/components/dropdown/common/consts.d.ts +1 -0
  12. package/components/dropdown/common/consts.js +4 -0
  13. package/components/dropdown/common/useGroupedOptions.d.ts +10 -0
  14. package/components/dropdown/common/useGroupedOptions.js +57 -0
  15. package/components/dropdown/v4/DropdownV4.vue.d.ts +6 -0
  16. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  17. package/components/dropdown/v4/DropdownV4.vue2.js +136 -125
  18. package/components/dropdown/v4/GroupOption.vue.d.ts +9 -0
  19. package/components/dropdown/v4/GroupOption.vue.js +7 -0
  20. package/components/dropdown/v4/GroupOption.vue2.js +29 -0
  21. package/components/dropdown/v4/dropdownStoryArgs.d.ts +8 -0
  22. package/components/dropdown/v4/index.d.ts +21 -1
  23. package/components/table/common/Table.types.d.ts +6 -0
  24. package/components/table/v3/Table.vue.d.ts +3 -13
  25. package/components/table/v3/Table.vue.js +5 -5
  26. package/components/table/v3/Table.vue2.js +2 -2
  27. package/components/table/v3/index.d.ts +7 -42
  28. package/components/table/v4/DataGrid.vue.d.ts +3 -13
  29. package/components/table/v4/DataGrid.vue.js +3 -3
  30. package/components/table/v4/DataGrid.vue2.js +5 -5
  31. package/components/table/v4/MultipleDataGrid.vue.d.ts +7 -1
  32. package/components/table/v4/MultipleDataGrid.vue.js +3 -3
  33. package/components/table/v4/MultipleDataGrid.vue2.js +76 -75
  34. package/components/table/v4/index.d.ts +28 -43
  35. package/index.d.ts +112 -172
  36. package/index.js +9 -11
  37. package/mocks/apps.d.ts +7 -0
  38. package/package.json +1 -1
  39. package/DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css +0 -1
  40. package/DropdownV4.vue_vue_type_style_index_0_scoped_00ccab6b_lang.css +0 -1
  41. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css +0 -1
  42. package/Table.vue_vue_type_style_index_0_scoped_76fef9bd_lang.css +0 -1
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
1
+ import './AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
@@ -10,7 +10,7 @@ import { ID_INJECTION_KEY as To, useId as co } from "./composables/useId.js";
10
10
  import { FilterDropdownTypes as go } from "./components/filterDropdown/index.js";
11
11
  import { TypographyTypes as Io } from "./components/typography/index.js";
12
12
  import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
13
- import { MultiBarTypes as ho } from "./components/multibar/index.js";
13
+ import { MultiBarTypes as Do } from "./components/multibar/index.js";
14
14
  import { FoldableSectionTypes as Bo } from "./components/layout/index.js";
15
15
  import { FormCardTypes as bo, FormFieldTypes as wo } from "./components/forms/index.js";
16
16
  import * as o from "./components/button/v3/index.js";
@@ -38,8 +38,8 @@ import * as I from "./components/dialog/v4/index.js";
38
38
  import * as A from "./components/toggle/v3/index.js";
39
39
  import * as E from "./components/toggle/v4/index.js";
40
40
  import * as C from "./components/tooltip/v3/index.js";
41
- import * as h from "./components/tooltip/v4/index.js";
42
- import * as D from "./components/table/v3/index.js";
41
+ import * as D from "./components/tooltip/v4/index.js";
42
+ import * as h from "./components/table/v3/index.js";
43
43
  import * as B from "./components/table/v4/index.js";
44
44
  import * as M from "./components/table-cells/v3/index.js";
45
45
  import * as b from "./components/table-cells/v4/index.js";
@@ -87,7 +87,7 @@ import { default as cr } from "./components/includeExclude/IncludeExcludeAppHead
87
87
  import { default as gr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
88
88
  import { default as Ir } from "./components/filterDropdown/FilterDropdown.vue.js";
89
89
  import { default as Er } from "./components/filterDropdown/AddFilterButton.vue.js";
90
- import { default as hr } from "./components/typography/Heading.vue.js";
90
+ import { default as Dr } from "./components/typography/Heading.vue.js";
91
91
  import { default as Br } from "./components/typography/Text.vue.js";
92
92
  import { default as br } from "./components/typography/v4/Typography.vue.js";
93
93
  import { default as Or } from "./components/multibar/MultiBar.vue.js";
@@ -100,7 +100,6 @@ import { default as qr } from "./components/banner/Banner.vue.js";
100
100
  import { default as Gr } from "./components/alert/Alert.vue.js";
101
101
  import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
102
102
  import { default as Yr } from "./components/chart/Chart.vue.js";
103
- import { ChartType as Wr } from "./components/chart/types.js";
104
103
  const X = {
105
104
  ...e,
106
105
  ...m,
@@ -123,10 +122,10 @@ const X = {
123
122
  ...F,
124
123
  ...I,
125
124
  ...C,
126
- ...h,
125
+ ...D,
127
126
  ...A,
128
127
  ...E,
129
- ...D,
128
+ ...h,
130
129
  ...B,
131
130
  ...M,
132
131
  ...b,
@@ -171,7 +170,6 @@ export {
171
170
  jo as BannerTypes,
172
171
  Pr as CardPanel,
173
172
  Yr as Chart,
174
- Wr as ChartType,
175
173
  Qo as ChartTypes,
176
174
  Ir as FilterDropdown,
177
175
  go as FilterDropdownTypes,
@@ -184,7 +182,7 @@ export {
184
182
  jr as FormField,
185
183
  wo as FormFieldTypes,
186
184
  Vr as FormRow,
187
- hr as Heading,
185
+ Dr as Heading,
188
186
  To as ID_INJECTION_KEY,
189
187
  fr as IncludeExclude,
190
188
  cr as IncludeExcludeAppHeader,
@@ -199,7 +197,7 @@ export {
199
197
  po as MenuItemTypes,
200
198
  fo as MenuTypes,
201
199
  Or as MultiBar,
202
- ho as MultiBarTypes,
200
+ Do as MultiBarTypes,
203
201
  Br as Text,
204
202
  br as Typography,
205
203
  Io as TypographyTypes,
package/mocks/apps.d.ts CHANGED
@@ -6,3 +6,10 @@ export type Application = {
6
6
  abIcon?: string;
7
7
  };
8
8
  export declare const appMocks: Application[];
9
+ export declare const optionsWithGroups: {
10
+ label: string;
11
+ options: {
12
+ id: number;
13
+ label: string;
14
+ }[];
15
+ }[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.8-test.0",
3
+ "version": "2.1.8",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
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}
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-00ccab6b],.v-leave-active[data-v-00ccab6b]{transition:opacity .25s ease}ol[data-v-00ccab6b],ul[data-v-00ccab6b],menu[data-v-00ccab6b]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-00ccab6b],.dropdown.full-width .button__container[data-v-00ccab6b]{width:100%}.dropdown-list-wrapper[data-v-00ccab6b]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-00ccab6b]{padding:.5rem}.list-container--multi[data-v-00ccab6b]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-00ccab6b]{padding-bottom:.25rem}.inline-search .list-container[data-v-00ccab6b]{padding-top:0}.no-result-container[data-v-00ccab6b]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-00ccab6b]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-00ccab6b]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-00ccab6b]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-00ccab6b]{margin-right:.5rem}.actions-wrapper[data-v-00ccab6b]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-00ccab6b]{margin-left:.5rem}
@@ -1 +0,0 @@
1
- .multi-table-container[data-v-82ba0e12]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-82ba0e12]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-82ba0e12]{position:sticky;top:0;z-index:calc(var(--5d3fa26e) + 3)}.multi-table-container[data-v-82ba0e12] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-82ba0e12] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-82ba0e12] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-82ba0e12]{min-height:250px}.multi-table-container .table-header-right[data-v-82ba0e12]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-82ba0e12]{align-items:center;display:flex;margin-left:var(--spacing-100)}
@@ -1 +0,0 @@
1
- .label[data-v-76fef9bd]{color:#41454d}.sticky[data-v-76fef9bd]{position:sticky}.table-container[data-v-76fef9bd]{width:100%;position:relative}.last.floating[data-v-76fef9bd]{max-width:100%}.table-header[data-v-76fef9bd]{display:flex;align-items:center;height:55px;border-bottom:1px solid #dddfe1;background-color:#fff;position:sticky;left:0}.table-header .table-title[data-v-76fef9bd]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-76fef9bd]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-76fef9bd]{border-left:1px solid #dddfe1}.table-header.isStickyHeader[data-v-76fef9bd]{z-index:199;top:0}.table-head-container[data-v-76fef9bd]{display:flex;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-76fef9bd]{display:inline-table}.table-header-actions[data-v-76fef9bd]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-76fef9bd]{position:relative}.table-row.loading[data-v-76fef9bd]{opacity:.7}.floating-actions[data-v-76fef9bd]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-76fef9bd]{position:relative;display:block;overflow:auto;background:#ffffff;border:1px solid #dddfe1;color:#53575b;text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:1rem}table td[data-v-76fef9bd],table th[data-v-76fef9bd]{padding:0 1.5rem;line-height:normal}table thead[data-v-76fef9bd]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-76fef9bd]{color:#626970;border-bottom:2px solid #dddfe1;height:2.5rem;display:grid;grid-template-columns:var(--3205197f)}table thead tr th[data-v-76fef9bd]{background:#ffffff;width:100%;display:flex;align-items:center;cursor:default}table thead tr th.bordered[data-v-76fef9bd]{border-right:1px solid #dddfe1}table thead tr th.isTextRight[data-v-76fef9bd]{justify-content:flex-end}table thead tr th.isSortable[data-v-76fef9bd]{cursor:pointer}table thead.sticky[data-v-76fef9bd]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-76fef9bd]{z-index:198px;top:55px}table tbody[data-v-76fef9bd]{height:100%;display:block}table tbody tr[data-v-76fef9bd]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--3205197f)}table tbody tr:nth-of-type(2n) td[data-v-76fef9bd]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-76fef9bd]{background-color:#f7f8f9}table tbody td[data-v-76fef9bd]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #dddfe1;justify-content:start}table tbody td.bordered[data-v-76fef9bd]{border-right:1px solid #dddfe1}table tbody td.isTextRight[data-v-76fef9bd]{justify-content:flex-end}table tfoot[data-v-76fef9bd]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-76fef9bd]{left:0}.sections[data-v-76fef9bd]{display:flex}.section[data-v-76fef9bd]{padding:0 1.5rem;background:#ffffff;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #dddfe1}