@ironsource/shared-ui 2.1.12-rc.4 → 2.1.12-rc.5

package/components/chart/utils/utils.js

@@ -1,12 +1,12 @@
 import { format as n } from "date-fns";
-import { formatNumber as d } from "./formatNumber.js";
-const p = (r, t, e) => {
+import { nFormatter as d } from "../../../utils/formatNumbers.js";
+const M = (r, t, e) => {
   if (e === 0)
     return 0;
   const f = t - r, o = f / e * 0.4;
   return (f + o) / e;
-}, M = (r, t) => t === "day" ? n(new Date(r), "EEEE") : t === "number" ? d(r) : t === "date" ? n(new Date(r), "MMM dd") : t === "dateLong" ? n(new Date(r), "MMM dd, yyyy") : String(r);
+}, c = (r, t) => t === "day" ? n(new Date(r), "EEEE") : t === "number" ? d(r) : t === "date" ? n(new Date(r), "MMM dd") : t === "dateLong" ? n(new Date(r), "MMM dd, yyyy") : String(r);
 export {
-  p as calcStepSize,
-  M as formatValue
+  M as calcStepSize,
+  c as formatValue
 };

package/components/dateRange/v4/DateRangeV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./DateRangeV4.vue2.js";
 /* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8a2714eb"]]);
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a849128a"]]);
 export {
   s as default
 };

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
 import Z from "./CalendarMonthV4.vue.js";
 import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
 import A from "../../button/v4/ButtonV4.vue.js";

package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonFilterDropdownTrigger.vue2.js";
 /* empty css                                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1c4589"]]);
+// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0198fee8"]]);
 export {
   p as default
 };

package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
 import y from "../../typography/v4/Typography.vue.js";
 import s from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";

package/components/emptyState/v4/EmptyStateV4.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     subtitle?: string;
-    variant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    variant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     buttonText?: string;
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     subtitle?: string;
-    variant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    variant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     buttonText?: string;
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     title: string;
-    variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     iconName: string;
     iconSize: string;
     subtitle: string;

package/components/emptyState/v4/index.d.ts

@@ -5,7 +5,7 @@ declare const EmptyStateTypes: () => ({
         $data: {};
         $props: Partial<{
             title: string;
-            variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             iconName: string;
             iconSize: string;
             subtitle: string;
@@ -17,7 +17,7 @@ declare const EmptyStateTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: string;
             };
             iconName: {
@@ -62,7 +62,7 @@ declare const EmptyStateTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: string;
             };
             iconName: {
@@ -91,7 +91,7 @@ declare const EmptyStateTypes: () => ({
             click: () => void;
         }, string, {
             title: string;
-            variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             iconName: string;
             iconSize: string;
             subtitle: string;
@@ -123,7 +123,7 @@ declare const EmptyStateTypes: () => ({
             default: string;
         };
         variant: {
-            type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+            type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
             default: string;
         };
         iconName: {
@@ -158,7 +158,7 @@ declare const EmptyStateTypes: () => ({
         default: string;
     };
     variant: {
-        type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+        type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
         default: string;
     };
     iconName: {
@@ -187,7 +187,7 @@ declare const EmptyStateTypes: () => ({
     click: () => void;
 }, string, {
     title: string;
-    variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     iconName: string;
     iconSize: string;
     subtitle: string;

package/components/table/v4/DataGrid.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
@@ -85,7 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
@@ -167,7 +167,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowId: (row: Row, index: number) => unknown;
     getRowKey: (row: Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-    emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     rowCustomClassKey: string;
     rowDataKey: string;
     isSelectionSticky: boolean;

package/components/table/v4/MultipleDataGrid.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowKey?: (row: Row, index: number) => string | number;
     isSticky?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     loadingRowCount?: number;
@@ -61,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowKey?: (row: Row, index: number) => string | number;
     isSticky?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     loadingRowCount?: number;
@@ -122,7 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     emptyStateSubtitle: string;
     getRowId: (row: Row, index: number) => unknown;
     getRowKey: (row: Row, index: number) => string | number;
-    emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     rowCustomClassKey: string;
     rowDataKey: string;
     totalCount: number;

package/components/table/v4/index.d.ts

@@ -30,7 +30,7 @@ declare const DataGridTypes: () => (({
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-            emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             rowCustomClassKey: string;
             rowDataKey: string;
             isSelectionSticky: boolean;
@@ -137,7 +137,7 @@ declare const DataGridTypes: () => (({
                 default: (rowId: any, selectedItem: any) => boolean;
             };
             emptyStateVariant: {
-                type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: any;
             };
             rowCustomClassKey: {
@@ -283,7 +283,7 @@ declare const DataGridTypes: () => (({
                 default: (rowId: any, selectedItem: any) => boolean;
             };
             emptyStateVariant: {
-                type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: any;
             };
             rowCustomClassKey: {
@@ -350,7 +350,7 @@ declare const DataGridTypes: () => (({
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-            emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             rowCustomClassKey: string;
             rowDataKey: string;
             isSelectionSticky: boolean;
@@ -477,7 +477,7 @@ declare const DataGridTypes: () => (({
             default: (rowId: any, selectedItem: any) => boolean;
         };
         emptyStateVariant: {
-            type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+            type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
             default: any;
         };
         rowCustomClassKey: {
@@ -615,7 +615,7 @@ declare const DataGridTypes: () => (({
         default: (rowId: any, selectedItem: any) => boolean;
     };
     emptyStateVariant: {
-        type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+        type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
         default: any;
     };
     rowCustomClassKey: {
@@ -682,7 +682,7 @@ declare const DataGridTypes: () => (({
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-    emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     rowCustomClassKey: string;
     rowDataKey: string;
     isSelectionSticky: boolean;
@@ -825,7 +825,7 @@ declare const DataGridTypes: () => (({
             emptyStateSubtitle: string;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
-            emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             rowCustomClassKey: string;
             rowDataKey: string;
             totalCount: number;
@@ -888,7 +888,7 @@ declare const DataGridTypes: () => (({
                 default: (row: any, index: any) => any;
             };
             emptyStateVariant: {
-                type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: any;
             };
             rowCustomClassKey: {
@@ -1003,7 +1003,7 @@ declare const DataGridTypes: () => (({
                 default: (row: any, index: any) => any;
             };
             emptyStateVariant: {
-                type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+                type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: any;
             };
             rowCustomClassKey: {
@@ -1070,7 +1070,7 @@ declare const DataGridTypes: () => (({
             emptyStateSubtitle: string;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
-            emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             rowCustomClassKey: string;
             rowDataKey: string;
             totalCount: number;
@@ -1153,7 +1153,7 @@ declare const DataGridTypes: () => (({
             default: (row: any, index: any) => any;
         };
         emptyStateVariant: {
-            type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+            type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
             default: any;
         };
         rowCustomClassKey: {
@@ -1256,7 +1256,7 @@ declare const DataGridTypes: () => (({
         default: (row: any, index: any) => any;
     };
     emptyStateVariant: {
-        type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
+        type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
         default: any;
     };
     rowCustomClassKey: {
@@ -1323,7 +1323,7 @@ declare const DataGridTypes: () => (({
     emptyStateSubtitle: string;
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
-    emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     rowCustomClassKey: string;
     rowDataKey: string;
     totalCount: number;

package/composables/useFullPageHeight.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+type UseFullPageHeightArgs = {
+    elem: Ref<HTMLElement | null>;
+    minHeight?: number;
+    bottomSpacing?: number;
+};
+export declare const useFullPageHeight: ({ elem, minHeight, bottomSpacing, }: UseFullPageHeightArgs) => {
+    cssHeightValue: import("vue").ComputedRef<string>;
+};
+export {};

package/composables/useFullPageHeight.js

@@ -0,0 +1,15 @@
+import { computed as c } from "vue";
+import { useElementBounding as s, useWindowSize as i } from "@vueuse/core";
+const p = ({
+  elem: u,
+  minHeight: e = 300,
+  bottomSpacing: t = 50
+}) => {
+  const { top: o } = s(u), { height: l } = i();
+  return {
+    cssHeightValue: c(() => l.value - o.value - t <= e ? `${e}px` : `calc(100vh - ${o.value}px - ${t}px)`)
+  };
+};
+export {
+  p as useFullPageHeight
+};