@ironsource/shared-ui 2.1.8-rc.1 → 2.1.8-rc.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.8-rc.1",
+  "version": "2.1.8-rc.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -229,7 +229,8 @@
     "./forms": "./components/forms/index.js",
     "./statusDot": "./components/statusDot/index.js",
     "./sortableList": "./components/sortableList/index.js",
-    "./composables/useFormValidation": "./composables/useFormValidation.js"
+    "./composables/useFormValidation": "./composables/useFormValidation.js",
+    "./utils/": "./utils/index.ts"
   },
   "typesVersions": {
     "*": {

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/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './formatNumbers';

package/DataGrid.vue_vue_type_style_index_0_scoped_706b324e_lang.css

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

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/Typography.vue_vue_type_style_index_0_scoped_4c2254ef_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-4c2254ef],.font-chart-2[data-v-4c2254ef],.font-chart-1[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-4c2254ef],.font-table-label[data-v-4c2254ef],.font-button[data-v-4c2254ef],.font-heading-6[data-v-4c2254ef],.font-heading-5[data-v-4c2254ef],.font-heading-4[data-v-4c2254ef],.font-heading-3[data-v-4c2254ef],.font-heading-2[data-v-4c2254ef],.font-heading-1[data-v-4c2254ef],.font-title[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-4c2254ef],.font-input-label[data-v-4c2254ef],.font-overline[data-v-4c2254ef],.font-subtitle-2[data-v-4c2254ef],.font-subtitle-1[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-4c2254ef],.font-body-2[data-v-4c2254ef],.font-body-1[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-4c2254ef]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-4c2254ef]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-4c2254ef]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-4c2254ef]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-4c2254ef]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-4c2254ef]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-4c2254ef]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-4c2254ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-4c2254ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-4c2254ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-4c2254ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-4c2254ef]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-4c2254ef]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-4c2254ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-4c2254ef]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-4c2254ef]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-4c2254ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-4c2254ef]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-4c2254ef],.font-tab-label2[data-v-4c2254ef]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-4c2254ef]{font-size:.75rem;line-height:1rem}h1[data-v-4c2254ef],h2[data-v-4c2254ef],h3[data-v-4c2254ef],h4[data-v-4c2254ef],h5[data-v-4c2254ef],h6[data-v-4c2254ef]{margin:0}.antialiased[data-v-4c2254ef]{-webkit-font-smoothing:antialiased}.truncate[data-v-4c2254ef]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}