@ironsource/shared-ui 2.0.0 → 2.0.1

package/components/table/v4/DataGridRowsCounter.vue.js

@@ -0,0 +1,7 @@
+import o from "./DataGridRowsCounter.vue2.js";
+/* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_11c1bb3f_lang.css"; //*');
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11c1bb3f"]]);
+export {
+  r as default
+};

package/components/table/v4/DataGridRowsCounter.vue2.js

@@ -0,0 +1,36 @@
+ import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_11c1bb3f_lang.css"; import { defineComponent as i, openBlock as l, createElementBlock as c, createVNode as e, unref as o, withCtx as a, createTextVNode as t, toDisplayString as u } from "vue";
+import r from "../../typography/v4/Typography.vue.js";
+const d = { class: "data-grid-rows-counter" }, m = /* @__PURE__ */ i({
+  __name: "DataGridRowsCounter",
+  props: {
+    count: { default: 0 },
+    totalCount: { default: 0 }
+  },
+  setup(n) {
+    return (s, f) => (l(), c("div", d, [
+      e(o(r), { variant: "body2" }, {
+        default: a(() => [
+          t(" Displaying "),
+          e(o(r), { variant: "subtitle2" }, {
+            default: a(() => [
+              t(u(n.count), 1)
+            ]),
+            _: 1
+          }),
+          t(" out of "),
+          e(o(r), { variant: "subtitle2" }, {
+            default: a(() => [
+              t(u(n.totalCount), 1)
+            ]),
+            _: 1
+          }),
+          t(" total rows ")
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  m as default
+};

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

@@ -1,5 +1,6 @@
 import DataGrid from './DataGrid.vue';
 import DataGridMenu from './DataGridMenu.vue';
+import DataGridRowsCounter from './DataGridRowsCounter.vue';
 declare const DataGridTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -26,6 +27,7 @@ declare const DataGridTypes: () => (({
             getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             showSearch: boolean;
+            zIndexBase: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
                 type: import("vue").PropType<import("../common/Table.types").Sort>;
@@ -113,12 +115,16 @@ declare const DataGridTypes: () => (({
             };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                default: string;
+                default: any;
             };
             showSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
@@ -131,7 +137,7 @@ declare const DataGridTypes: () => (({
             onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -237,12 +243,16 @@ declare const DataGridTypes: () => (({
             };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                default: string;
+                default: any;
             };
             showSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
@@ -289,6 +299,7 @@ declare const DataGridTypes: () => (({
             getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             showSearch: boolean;
+            zIndexBase: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -396,12 +407,16 @@ declare const DataGridTypes: () => (({
         };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-            default: string;
+            default: any;
         };
         showSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & {
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
@@ -505,12 +520,16 @@ declare const DataGridTypes: () => (({
     };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-        default: string;
+        default: any;
     };
     showSearch: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
@@ -557,6 +576,7 @@ declare const DataGridTypes: () => (({
     getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     showSearch: boolean;
+    zIndexBase: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
         column: import("../common/Table.types").Column;
@@ -579,6 +599,10 @@ declare const DataGridTypes: () => (({
         footer?(_: {}): any;
     };
 })) | import("vue").DefineComponent<{
+    container: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     menuItems: {
         type: import("vue").PropType<import("../common/Table.types").MenuItem[]>;
         required: true;
@@ -587,6 +611,10 @@ declare const DataGridTypes: () => (({
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (option: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    container: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     menuItems: {
         type: import("vue").PropType<import("../common/Table.types").MenuItem[]>;
         required: true;
@@ -595,7 +623,29 @@ declare const DataGridTypes: () => (({
 }>> & {
     onSelected?: (option: unknown) => any;
 }, {
+    container: string;
     menuItems: import("../common/Table.types").MenuItem[];
+}> | import("vue").DefineComponent<{
+    count: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    totalCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    count: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    totalCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>>, {
+    count: number;
+    totalCount: number;
 }>)[];
 export type { Column, Sort, MenuItem } from '../common/Table.types';
-export { DataGrid, DataGridMenu, DataGridTypes };
+export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes };

package/components/table/v4/index.js

@@ -1,8 +1,10 @@
 import r from "./DataGrid.vue.js";
-import t from "./DataGridMenu.vue.js";
-const i = () => [r, t];
+import o from "./DataGridMenu.vue.js";
+import t from "./DataGridRowsCounter.vue.js";
+const p = () => [r, o, t];
 export {
   r as DataGrid,
-  t as DataGridMenu,
-  i as DataGridTypes
+  o as DataGridMenu,
+  t as DataGridRowsCounter,
+  p as DataGridTypes
 };

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

@@ -1,4 +1,5 @@
 export declare const getRandomRows: (count: number, template?: string[]) => any[][];
+export declare const searchRows: (array: string[][], query: string) => string[][];
 export declare const exampleRows: string[][];
 export declare const moreExampleRows: string[][];
 export declare const exampleRowsWithExtraColumns: string[][];

package/components/toggle/v4/ToggleV4.vue.d.ts

@@ -61,10 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: "small" | "medium";
     testId: string;
     color: "primary" | "test";
-    feedbackVariant: "error" | "success" | "warning";
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     feedbackText: string;
+    feedbackVariant: "error" | "success" | "warning";
     isLoading: boolean;
     activeText: string;
     inactiveText: string;

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

@@ -7,10 +7,10 @@ declare const ToggleTypes: () => ({
             size: "small" | "medium";
             testId: string;
             color: "primary" | "test";
-            feedbackVariant: "error" | "success" | "warning";
             hoverHelpText: string;
             hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             feedbackText: string;
+            feedbackVariant: "error" | "success" | "warning";
             isLoading: boolean;
             activeText: string;
             inactiveText: string;
@@ -36,10 +36,6 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<"primary" | "test">;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -52,6 +48,10 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -70,7 +70,7 @@ declare const ToggleTypes: () => ({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -105,10 +105,6 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<"primary" | "test">;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -121,6 +117,10 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -146,10 +146,10 @@ declare const ToggleTypes: () => ({
             size: "small" | "medium";
             testId: string;
             color: "primary" | "test";
-            feedbackVariant: "error" | "success" | "warning";
             hoverHelpText: string;
             hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             feedbackText: string;
+            feedbackVariant: "error" | "success" | "warning";
             isLoading: boolean;
             activeText: string;
             inactiveText: string;
@@ -195,10 +195,6 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<"primary" | "test">;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -211,6 +207,10 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -254,10 +254,6 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<"primary" | "test">;
         default: string;
     };
-    feedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
-        default: any;
-    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -270,6 +266,10 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    feedbackVariant: {
+        type: import("vue").PropType<"error" | "success" | "warning">;
+        default: any;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -295,10 +295,10 @@ declare const ToggleTypes: () => ({
     size: "small" | "medium";
     testId: string;
     color: "primary" | "test";
-    feedbackVariant: "error" | "success" | "warning";
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     feedbackText: string;
+    feedbackVariant: "error" | "success" | "warning";
     isLoading: boolean;
     activeText: string;
     inactiveText: string;