@ironsource/shared-ui 2.1.12-test.80 → 2.1.12-test.82

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 (28) hide show
  1. package/ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_9560a062_lang.css +1 -0
  4. package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css +1 -0
  5. package/components/chart/Chart.vue.d.ts +1 -1
  6. package/components/chart/ChartPlane.vue.d.ts +1 -1
  7. package/components/chart/ChartPlane.vue.js +3 -3
  8. package/components/chart/ChartPlane.vue2.js +141 -154
  9. package/components/chart/index.d.ts +24 -24
  10. package/components/chart/utils/utils.d.ts +0 -1
  11. package/components/chart/utils/utils.js +13 -19
  12. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  13. package/components/dropdown/v4/OptionV4.vue2.js +35 -34
  14. package/components/switch/v4/SwitchV4.vue.d.ts +11 -0
  15. package/components/switch/v4/SwitchV4.vue.js +2 -2
  16. package/components/switch/v4/SwitchV4.vue2.js +39 -26
  17. package/components/switch/v4/index.d.ts +18 -0
  18. package/components/table/v4/DataGrid.vue.js +4 -4
  19. package/components/table/v4/DataGrid.vue2.js +4 -4
  20. package/index.d.ts +36 -0
  21. package/mocks/optionsWithIcons.d.ts +1 -0
  22. package/package.json +1 -1
  23. package/ChartPlane.vue_vue_type_style_index_0_scoped_e2c0c2af_lang.css +0 -1
  24. package/DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css +0 -1
  25. package/OptionV4.vue_vue_type_style_index_0_scoped_a8de6151_lang.css +0 -1
  26. package/SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css +0 -1
  27. package/components/chart/composables/useChartValues.d.ts +0 -12
  28. package/components/chart/composables/useChartValues.js +0 -32
package/index.d.ts CHANGED
@@ -26568,6 +26568,10 @@ declare const _default: {
26568
26568
  required: true;
26569
26569
  default: string;
26570
26570
  };
26571
+ tooltipPlacement: {
26572
+ type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
26573
+ default: string;
26574
+ };
26571
26575
  modelValue: {
26572
26576
  type: import("vue").PropType<unknown>;
26573
26577
  required: true;
@@ -26580,6 +26584,10 @@ declare const _default: {
26580
26584
  type: import("vue").PropType<string>;
26581
26585
  default: string;
26582
26586
  };
26587
+ tooltipTextKey: {
26588
+ type: import("vue").PropType<string>;
26589
+ default: string;
26590
+ };
26583
26591
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26584
26592
  "update:modelValue": (...args: any[]) => void;
26585
26593
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -26592,6 +26600,10 @@ declare const _default: {
26592
26600
  required: true;
26593
26601
  default: string;
26594
26602
  };
26603
+ tooltipPlacement: {
26604
+ type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
26605
+ default: string;
26606
+ };
26595
26607
  modelValue: {
26596
26608
  type: import("vue").PropType<unknown>;
26597
26609
  required: true;
@@ -26604,12 +26616,18 @@ declare const _default: {
26604
26616
  type: import("vue").PropType<string>;
26605
26617
  default: string;
26606
26618
  };
26619
+ tooltipTextKey: {
26620
+ type: import("vue").PropType<string>;
26621
+ default: string;
26622
+ };
26607
26623
  }>> & {
26608
26624
  "onUpdate:modelValue"?: (...args: any[]) => any;
26609
26625
  }, {
26610
26626
  testId: string;
26611
26627
  variant: "default" | "primary";
26628
+ tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
26612
26629
  iconKey: string;
26630
+ tooltipTextKey: string;
26613
26631
  }>;
26614
26632
  SwitchTypes: () => import("vue").DefineComponent<{
26615
26633
  testId: {
@@ -26621,6 +26639,10 @@ declare const _default: {
26621
26639
  required: true;
26622
26640
  default: string;
26623
26641
  };
26642
+ tooltipPlacement: {
26643
+ type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
26644
+ default: string;
26645
+ };
26624
26646
  modelValue: {
26625
26647
  type: import("vue").PropType<unknown>;
26626
26648
  required: true;
@@ -26633,6 +26655,10 @@ declare const _default: {
26633
26655
  type: import("vue").PropType<string>;
26634
26656
  default: string;
26635
26657
  };
26658
+ tooltipTextKey: {
26659
+ type: import("vue").PropType<string>;
26660
+ default: string;
26661
+ };
26636
26662
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26637
26663
  "update:modelValue": (...args: any[]) => void;
26638
26664
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -26645,6 +26671,10 @@ declare const _default: {
26645
26671
  required: true;
26646
26672
  default: string;
26647
26673
  };
26674
+ tooltipPlacement: {
26675
+ type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
26676
+ default: string;
26677
+ };
26648
26678
  modelValue: {
26649
26679
  type: import("vue").PropType<unknown>;
26650
26680
  required: true;
@@ -26657,12 +26687,18 @@ declare const _default: {
26657
26687
  type: import("vue").PropType<string>;
26658
26688
  default: string;
26659
26689
  };
26690
+ tooltipTextKey: {
26691
+ type: import("vue").PropType<string>;
26692
+ default: string;
26693
+ };
26660
26694
  }>> & {
26661
26695
  "onUpdate:modelValue"?: (...args: any[]) => any;
26662
26696
  }, {
26663
26697
  testId: string;
26664
26698
  variant: "default" | "primary";
26699
+ tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
26665
26700
  iconKey: string;
26701
+ tooltipTextKey: string;
26666
26702
  }>[];
26667
26703
  Chip: {
26668
26704
  new (...args: any[]): {
@@ -1,5 +1,6 @@
1
1
  export type OptionWithIcon = {
2
2
  icon: string;
3
3
  name: string;
4
+ disabled?: boolean;
4
5
  };
5
6
  export declare const optionWithIconMocks: OptionWithIcon[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.80",
3
+ "version": "2.1.12-test.82",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .chart-plane-container[data-v-e2c0c2af]{--headerHeight: var(--1ade29c0);width:100%;height:var(--0866490b);position:relative}.header-wrapper[data-v-e2c0c2af]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-e2c0c2af]{padding-top:var(--headerHeight);height:100%}.chart[data-v-e2c0c2af]{width:100%;height:100%;position:relative}.chart__canvas[data-v-e2c0c2af]{width:100%;height:100%}.chart__tooltip[data-v-e2c0c2af]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
@@ -1 +0,0 @@
1
- .sticky[data-v-5b72e35a]{position:sticky}.table-container[data-v-5b72e35a]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-5b72e35a]{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-5b72e35a]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-5b72e35a]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-5b72e35a]{width:13.75rem}.table-header.isStickyHeader[data-v-5b72e35a]{z-index:calc(var(--6eb1b581) + 3);top:0}.table-head-container[data-v-5b72e35a]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-5b72e35a]{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-5b72e35a]{display:inline-table}.table-header-pre-search-content[data-v-5b72e35a]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-5b72e35a]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-5b72e35a]{position:relative}.table-row.loading[data-v-5b72e35a]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-5b72e35a]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-5b72e35a]{border-bottom:none}.expanded-row[data-v-5b72e35a]{grid-column:var(--4420f996);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-5b72e35a]{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-5b72e35a]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-5b72e35a],table th[data-v-5b72e35a]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-5b72e35a]:first-of-type,table th[data-v-5b72e35a]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-5b72e35a]:last-of-type,table th[data-v-5b72e35a]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-5b72e35a],table th.expand-toggle-cell[data-v-5b72e35a]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-5b72e35a]{border-bottom:none;z-index:calc(var(--6eb1b581) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-5b72e35a]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--3030c624)}table>thead>tr>th[data-v-5b72e35a]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-5b72e35a]{cursor:pointer}table>thead>tr>td[data-v-5b72e35a]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-5b72e35a],table>thead>tr>td.bordered[data-v-5b72e35a]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-5b72e35a],table>thead>tr>td.bordered.isStickyRight[data-v-5b72e35a]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-5b72e35a],table>thead>tr>td.isTextRight[data-v-5b72e35a]{justify-content:flex-end}table>thead.sticky[data-v-5b72e35a]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-5b72e35a]{z-index:calc(var(--6eb1b581) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-5b72e35a]{height:40px}table .totals-row[data-v-5b72e35a]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-5b72e35a]{display:block}table>tbody>*>tr[data-v-5b72e35a]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--3030c624)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-5b72e35a]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-5b72e35a],table>tbody>*>tr.activeMenu>td[data-v-5b72e35a]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-5b72e35a]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-5b72e35a]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-5b72e35a]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-5b72e35a]{justify-content:flex-end;text-align:right}.underlined[data-v-5b72e35a]{border-bottom:.0625rem dashed var(--common-divider)}.underlined[data-v-5b72e35a]:hover{cursor:help}.section-container[data-v-5b72e35a]{left:0}.sections[data-v-5b72e35a]{display:flex}.section[data-v-5b72e35a]{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-5b72e35a]{width:100%}.empty-state[data-v-5b72e35a]{min-height:250px}.floating-row[data-v-5b72e35a]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--6eb1b581) + 1)}.floating-row *[data-v-5b72e35a-s]{pointer-events:auto}.bg[data-v-5b72e35a]{background:var(--background-default)}
@@ -1 +0,0 @@
1
- .label[data-v-a8de6151]{color:#41454d}.item-container[data-v-a8de6151]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-a8de6151]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-a8de6151]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-a8de6151],.item-container[data-v-a8de6151]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-a8de6151]{background-color:var(--action-selected)}.subtitle[data-v-a8de6151]{color:#7b838c;line-height:1rem}.clear-button[data-v-a8de6151]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-a8de6151]:hover{color:#3083ff}.item[data-v-a8de6151]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-a8de6151],.item--multi[data-v-a8de6151]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-a8de6151]{width:20px;height:20px;flex:none}.item .image img[data-v-a8de6151]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-a8de6151]{width:16px;height:16px}.item .flag img[data-v-a8de6151]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-a8de6151],.item .end-icon[data-v-a8de6151]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-a8de6151]{display:inline-flex}.item .option-text[data-v-a8de6151]{line-height:1.1875rem}.text-container[data-v-a8de6151]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-a8de6151]{display:block}.tooltip-option[data-v-a8de6151] .container{width:100%}.app-trigger--icon[data-v-a8de6151]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-a8de6151]{transform:rotate(0)}.option-warning[data-v-a8de6151]{display:flex}.option-warning__icon[data-v-a8de6151]{color:var(--warning-main)}.option-content[data-v-a8de6151]{display:flex}.option-content[data-v-a8de6151]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-a8de6151]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-a8de6151]{flex-direction:column}.option-text .main-text[data-v-a8de6151]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-a8de6151]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-a8de6151]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-a8de6151]{color:var(--text-secondary)}.multiline-tooltip[data-v-a8de6151]{display:flex;flex-direction:column}
@@ -1 +0,0 @@
1
- .switch[data-v-fa120cf6]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch--variant-primary .option--selected[data-v-fa120cf6]{background:var(--primary-main-8-p)}.switch--variant-default .option--selected[data-v-fa120cf6]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-fa120cf6] .icon{color:var(--text-primary)}.option[data-v-fa120cf6]{border-radius:0;padding:3px}.option[data-v-fa120cf6]:not(:last-child){border-right:1px solid var(--default-outlined-border)}
@@ -1,12 +0,0 @@
1
- import { Ref } from 'vue';
2
- import { ChartDataRecord, ChartDataSet, ChartParsingConfig } from '@/components/chart/types';
3
- export declare const useChartValues: ({ parsingConfig, dataSets, isStacked, }: {
4
- parsingConfig: ChartParsingConfig;
5
- dataSets: Ref<ChartDataSet[]>;
6
- isStacked: Ref<boolean>;
7
- }) => {
8
- getXValue: (record: ChartDataRecord) => unknown;
9
- getYValue: (record: ChartDataRecord) => unknown;
10
- minValue: import("vue").ComputedRef<number>;
11
- maxValue: import("vue").ComputedRef<number>;
12
- };
@@ -1,32 +0,0 @@
1
- import { computed as t } from "vue";
2
- const V = ({
3
- parsingConfig: s,
4
- dataSets: m,
5
- isStacked: v
6
- }) => {
7
- const l = (e) => e ? e[s?.yAxisKey] : null, r = (e) => e ? e[s?.xAxisKey] : null, o = t(
8
- () => m.value.flatMap(
9
- (e) => e.data.map(l)
10
- )
11
- ), p = t(() => m.value.reduce((e, n) => (n.data.forEach((a) => {
12
- const u = String(r(a));
13
- e[u] || (e[u] = []), e[u].push(l(a));
14
- }), e), {})), x = t(() => Math.min(0, ...o.value.map(Number))), h = t(() => {
15
- if (v.value) {
16
- const e = Object.values(p.value).map(
17
- (n) => n.reduce((a, u) => a + u, 0)
18
- );
19
- return Math.max(...e);
20
- }
21
- return Math.max(...o.value.map(Number));
22
- });
23
- return {
24
- getXValue: r,
25
- getYValue: l,
26
- minValue: x,
27
- maxValue: h
28
- };
29
- };
30
- export {
31
- V as useChartValues
32
- };