@ironsource/shared-ui 2.1.3-rc.19 → 2.1.3-rc.20

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

@@ -1,13 +1,15 @@
- import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_13f1ce76_lang.css"; import { defineComponent as p, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as n, withCtx as o, createVNode as m, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_13f1ce76_lang.css"; import { defineComponent as p, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as n, createVNode as l, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
 import g from "../../dropdown/v4/DropdownV4.vue.js";
 import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import C from "../../dropdown/v4/OptionV4.vue.js";
 import k from "../../icon/v4/IconV4.vue.js";
 import { useTableContext as y } from "../common/TableContext.js";
-const O = /* @__PURE__ */ p({
+const T = /* @__PURE__ */ p({
   __name: "DataGridMenu",
   props: {
     menuItems: { default: () => [] },
@@ -15,33 +17,33 @@ const O = /* @__PURE__ */ p({
   },
   emits: ["selected"],
   setup(r, { emit: u }) {
-    const t = r, i = y("DataGridMenu"), s = (d) => d.text, c = () => {
+    const t = r, i = y("DataGridMenu"), s = (m) => m.text, c = () => {
       t.rowIndex && i.setActiveMenuRow(t.rowIndex);
     }, a = () => {
       t.rowIndex && i.setActiveMenuRow(null);
     };
-    return f(a), (d, l) => (x(), w(n(g), {
+    return f(a), (m, d) => (x(), w(o(g), {
       class: "data-grid-menu",
       options: r.menuItems,
       "display-value": s,
       "predefined-trigger": "icon-button",
       placement: "left-start",
       skidding: -4,
-      "onUpdate:selected": l[0] || (l[0] = (e) => u("selected", e)),
+      "onUpdate:selected": d[0] || (d[0] = (e) => u("selected", e)),
       onOpened: c,
       onClosed: a
     }, {
-      default: o(({ option: e }) => [
-        m(n(C), { option: e }, I({
-          default: o(() => [
+      default: n(({ option: e }) => [
+        l(o(C), { option: e }, I({
+          default: n(() => [
             v(" " + M(s(e)), 1)
           ]),
           _: 2
         }, [
           e.icon ? {
             name: "icon-start",
-            fn: o(() => [
-              m(n(k), {
+            fn: n(() => [
+              l(o(k), {
                 class: "menu-icon",
                 name: e.icon,
                 size: "20px"
@@ -56,5 +58,5 @@ const O = /* @__PURE__ */ p({
   }
 });
 export {
-  O as default
+  T as default
 };

package/index.d.ts

@@ -12357,7 +12357,14 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
-            "dropdown-trigger"?(_: {}): any;
+            "dropdown-trigger"?(_: {
+                buttonTriggerProps: {
+                    open: boolean;
+                    disabled: boolean;
+                    label: any;
+                    onClick: () => void;
+                };
+            }): any;
             "input-list"?(_: {
                 open: true;
             }): any;
@@ -13010,6 +13017,173 @@ declare const _default: {
         feedbackVariant: string;
         displayedValue: any;
     }>;
+    ButtonDropdownTrigger: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {
+        variant: "text" | "outlined";
+        disabled: boolean;
+        size: "small" | "medium";
+        open: boolean;
+        testId: string;
+        startIconName: string;
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        hideEndIcon: boolean;
+    }>;
+    ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {
+        variant: "text" | "outlined";
+        disabled: boolean;
+        open: boolean;
+        testId: string;
+        startIconName: string;
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        hideEndIcon: boolean;
+    }>;
     AppDropdownTrigger: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -15721,7 +15895,14 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
-            "dropdown-trigger"?(_: {}): any;
+            "dropdown-trigger"?(_: {
+                buttonTriggerProps: {
+                    open: boolean;
+                    disabled: boolean;
+                    label: any;
+                    onClick: () => void;
+                };
+            }): any;
             "input-list"?(_: {
                 open: true;
             }): any;
@@ -15732,7 +15913,85 @@ declare const _default: {
                 disabled: any;
             }): any;
         };
-    })))[];
+    })) | import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
+        hideEndIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {
+        variant: "text" | "outlined";
+        disabled: boolean;
+        open: boolean;
+        testId: string;
+        startIconName: string;
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        hideEndIcon: boolean;
+    }>)[];
     Option: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.3-rc.19",
+  "version": "2.1.3-rc.20",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css

@@ -1 +0,0 @@
-.alert[data-v-203b6bd1]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-203b6bd1]{border-radius:var(--border-radius-lg)}.alert--success[data-v-203b6bd1]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-203b6bd1]{color:var(--success-main)}.alert--warning[data-v-203b6bd1]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-203b6bd1]{color:var(--warning-main)}.alert--danger[data-v-203b6bd1]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-203b6bd1]{color:var(--error-main)}.alert--info[data-v-203b6bd1]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-203b6bd1]{color:var(--info-main)}.alert--standard[data-v-203b6bd1]{outline:none}.alert--outlined[data-v-203b6bd1]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-203b6bd1]{align-self:flex-start}.alert-content[data-v-203b6bd1]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-203b6bd1]{color:var(--text-primary);line-height:20px}.alert-description[data-v-203b6bd1]{color:var(--text-secondary)}.close-button[data-v-203b6bd1]{margin-left:var(--spacing-100)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_b9e03c56_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-b9e03c56],.v-leave-active[data-v-b9e03c56]{transition:opacity .25s ease}ol[data-v-b9e03c56],ul[data-v-b9e03c56],menu[data-v-b9e03c56]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-b9e03c56],.dropdown.full-width .button__container[data-v-b9e03c56]{width:100%}.dropdown-list-wrapper[data-v-b9e03c56]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-b9e03c56]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-b9e03c56]{padding-bottom:.25rem}.inline-search .list-container[data-v-b9e03c56]{padding-top:0}.no-result-container[data-v-b9e03c56]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-b9e03c56]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-b9e03c56]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-b9e03c56]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-b9e03c56]:last-child .item-container{margin-bottom:0}.image-slot[data-v-b9e03c56]{margin-right:.5rem}.actions-wrapper[data-v-b9e03c56]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between}.apply-button[data-v-b9e03c56]{margin-left:.5rem}