@ironsource/shared-ui 2.1.7-test.4 → 2.1.7-test.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.7-test.4",
+  "version": "2.1.7-test.6",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/utils/formatNumbers.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_FALLBACK = "N/A";
+export declare const nFormatter: (num: number | string, fallback?: string | null) => string;
+export declare const diffInPersentage: (valueA: number | string, valueB: number | string, fallback?: string | null) => string | number;
+export declare const formatNumberWithCommas: (num: number | string, fallback?: string | null) => string;

package/utils/formatNumbers.js

@@ -0,0 +1,11 @@
+const s = "N/A", r = (n, e, t) => n.toLocaleString("en", {
+  minimumFractionDigits: e,
+  maximumFractionDigits: t
+}), u = (n, e = s) => {
+  const t = Number(n), a = t % 1 !== 0;
+  return isNaN(t) && e ? e : Math.abs(t) >= 1e12 ? "∞" : Math.abs(t) >= 1e9 ? `${r(t / 1e9, 0, 1)}B` : Math.abs(t) >= 1e6 ? `${r(t / 1e6, 0, 1)}M` : Math.abs(t) >= 1e3 ? `${r(t / 1e3, 0, 1)}K` : a && Math.abs(t) >= 100 ? r(t, 0, 0) : a && Math.abs(t) >= 10 ? r(t, 0, 1) : a ? r(t, 2, 2) : r(t, 0, 0);
+};
+export {
+  s as DEFAULT_FALLBACK,
+  u as nFormatter
+};

package/DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-63aaf3be]{position:sticky}.table-container[data-v-63aaf3be]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-63aaf3be]{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-63aaf3be]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-63aaf3be]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-63aaf3be]{width:13.75rem}.table-header.isStickyHeader[data-v-63aaf3be]{z-index:calc(var(--74f5644c) + 3);top:0}.table-head-container[data-v-63aaf3be]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-63aaf3be]{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-63aaf3be]{display:inline-table}.table-header-actions[data-v-63aaf3be]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-63aaf3be]{position:relative}.table-row.loading[data-v-63aaf3be]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-63aaf3be]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-63aaf3be]{border-bottom:none}.expanded-row[data-v-63aaf3be]{grid-column:var(--54c9adc0);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-63aaf3be]{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-63aaf3be]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-63aaf3be],table th[data-v-63aaf3be]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-63aaf3be]:first-of-type,table th[data-v-63aaf3be]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-63aaf3be]:last-of-type,table th[data-v-63aaf3be]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-63aaf3be],table th.expand-toggle-cell[data-v-63aaf3be]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-63aaf3be]{border-bottom:none;z-index:calc(var(--74f5644c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-63aaf3be]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--10e150b9)}table>thead>tr>th[data-v-63aaf3be]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-63aaf3be]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-63aaf3be]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-63aaf3be]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-63aaf3be]{cursor:pointer}table>thead.sticky[data-v-63aaf3be]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-63aaf3be]{z-index:calc(var(--74f5644c) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-63aaf3be]{display:block}table>tbody>*>tr[data-v-63aaf3be]{background-color:var(--background-default);min-height:var(--06b2e101);height:auto;display:grid;align-items:center;grid-template-columns:var(--10e150b9)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-63aaf3be]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-63aaf3be],table>tbody>*>tr.activeMenu>td[data-v-63aaf3be]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-63aaf3be]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--06b2e101);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-63aaf3be]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-63aaf3be]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-63aaf3be]{justify-content:flex-end;text-align:right}.section-container[data-v-63aaf3be]{left:0}.sections[data-v-63aaf3be]{display:flex}.section[data-v-63aaf3be]{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-63aaf3be]{width:100%}.empty-state[data-v-63aaf3be]{min-height:250px}

package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css

@@ -1 +0,0 @@
-.data-grid-rows-counter[data-v-0ce71f73]{color:var(--text-secondary)}.text-strong[data-v-0ce71f73]{color:var(--text-primary)}

package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css

@@ -1 +0,0 @@
-.editable[data-v-31bfb722]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-31bfb722]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-31bfb722]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-31bfb722]{padding:0 var(--spacing-100);height:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius-md)}.caret-icon[data-v-31bfb722]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-31bfb722]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-31bfb722]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-31bfb722]{display:flex}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_1bdca43d_lang.css

@@ -1 +0,0 @@
-.multi-table-container[data-v-1bdca43d]{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-1bdca43d]{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-1bdca43d]{position:sticky;top:0;z-index:calc(var(--4c643133) + 3)}.multi-table-container[data-v-1bdca43d] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-1bdca43d] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-1bdca43d] thead.sticky{top:62px}

package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css

@@ -1 +0,0 @@
-.list-search[data-v-21842d59]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-21842d59],.locked-list[data-v-21842d59]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-21842d59]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-21842d59]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}

package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css

@@ -1 +0,0 @@
-.tabs-list[data-v-bab40cfe]{position:relative;padding:0;margin:0}.tabs-list--page[data-v-bab40cfe]{border-bottom:1px solid var(--common-divider);box-sizing:border-box}.tabs-list--page .tab-item[data-v-bab40cfe]{padding:0;margin-right:var(--spacing-200);min-height:calc(var(--spacing-600) - 1px)}.tabs-list--page .tabs-border-line[data-v-bab40cfe]{margin-top:-1px}.tabs-border-line[data-v-bab40cfe]{left:var(--57c21ae0);width:var(--bdc3e3e6);border-bottom:2px solid var(--primary-main);transition:left .2s ease-in-out,width .2s;position:absolute;margin-top:-2px}.tab-item[data-v-bab40cfe]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;color:var(--action-active);gap:var(--spacing-100);vertical-align:middle;padding:0 var(--spacing-300);min-height:var(--spacing-600)}.tab-item[data-v-bab40cfe]:hover{cursor:pointer;color:var(--text-primary)}.tab-item--active[data-v-bab40cfe]{color:var(--text-primary)}.tab-item--disabled[data-v-bab40cfe]{color:var(--action-disabled);cursor:not-allowed;pointer-events:none}

package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-eb472aa3],.font-chart-2[data-v-eb472aa3],.font-chart-1[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-eb472aa3],.font-table-label[data-v-eb472aa3],.font-button[data-v-eb472aa3],.font-heading-6[data-v-eb472aa3],.font-heading-5[data-v-eb472aa3],.font-heading-4[data-v-eb472aa3],.font-heading-3[data-v-eb472aa3],.font-heading-2[data-v-eb472aa3],.font-heading-1[data-v-eb472aa3],.font-title[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-eb472aa3],.font-input-label[data-v-eb472aa3],.font-overline[data-v-eb472aa3],.font-subtitle-2[data-v-eb472aa3],.font-subtitle-1[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-eb472aa3],.font-body-2[data-v-eb472aa3],.input-container .input[data-v-eb472aa3],.font-body-1[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-eb472aa3]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-eb472aa3]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-eb472aa3]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-eb472aa3]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-eb472aa3]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-eb472aa3]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-eb472aa3]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-eb472aa3],.font-body-1[data-v-eb472aa3]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-eb472aa3]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-eb472aa3]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-eb472aa3]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-eb472aa3]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-eb472aa3]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-eb472aa3]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-eb472aa3]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-eb472aa3]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-eb472aa3]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-eb472aa3]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-eb472aa3],.font-tab-label2[data-v-eb472aa3]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-eb472aa3]{font-size:.75rem;line-height:1rem}h1[data-v-eb472aa3],h2[data-v-eb472aa3],h3[data-v-eb472aa3],h4[data-v-eb472aa3],h5[data-v-eb472aa3],h6[data-v-eb472aa3]{margin:0}.disabled .input[data-v-eb472aa3]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-eb472aa3]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-eb472aa3]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-eb472aa3]{height:28px}.input-size-medium[data-v-eb472aa3]{height:32px}.input-size-large[data-v-eb472aa3]{height:40px}.input-with-label-container[data-v-eb472aa3]{display:flex;flex-direction:column}.input-container[data-v-eb472aa3]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-eb472aa3]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-eb472aa3]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-eb472aa3]:focus{outline:none}.input-container .input[data-v-eb472aa3]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-eb472aa3]{color:var(--text-disabled)}.input-container .input[type=number][data-v-eb472aa3]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-eb472aa3]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-eb472aa3]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-eb472aa3]{letter-spacing:4px}.input-container[data-v-eb472aa3] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-eb472aa3]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-eb472aa3]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-eb472aa3]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-eb472aa3]{padding-left:var(--spacing-50)}.prefix-text[data-v-eb472aa3]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-eb472aa3]{color:var(--text-secondary, #646464)}.focused[data-v-eb472aa3],.focused[data-v-eb472aa3]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-eb472aa3],.error-icon.error-icon[data-v-eb472aa3]:hover{color:var(--error-main)}.label-direction-left[data-v-eb472aa3]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-eb472aa3]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-eb472aa3]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-eb472aa3]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-eb472aa3]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-eb472aa3]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-eb472aa3],.variant-success .input-container[data-v-eb472aa3]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-eb472aa3],.variant-error .input-container[data-v-eb472aa3]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-eb472aa3],.variant-warning .input-container[data-v-eb472aa3]:hover{outline:2px solid var(--warning-dark)}

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css

@@ -1 +0,0 @@
-span[data-v-b62ee695]{display:inline}