@ironsource/shared-ui 2.0.0 → 2.0.1

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

@@ -17,6 +17,12 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showFooter: boolean;
+            saveButtonLabel: string;
+            saveButtonLoading: boolean;
+            saveButtonColor: string;
+            cancelButtonLabel: string;
+            cancelButtonColor: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -74,11 +80,37 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveButtonLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onCancel?: () => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onOpen?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
+            onSave?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -90,7 +122,7 @@ declare const DialogTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "close", reason: import("../v3").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
+        $emit: ((event: "cancel") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void) & ((event: "save") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -149,14 +181,42 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveButtonLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onCancel?: () => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onOpen?: () => any;
+            onSave?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => void;
             open: () => void;
             close: (reason: import("../v3").Reason) => void;
+            save: () => void;
+            cancel: () => void;
         }, string, {
             title: string;
             size: "small" | "medium" | "extraSmall";
@@ -171,6 +231,12 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showFooter: boolean;
+            saveButtonLabel: string;
+            saveButtonLoading: boolean;
+            saveButtonColor: string;
+            cancelButtonLabel: string;
+            cancelButtonColor: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -248,10 +314,36 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveButtonLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        saveButtonLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveButtonColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelButtonLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelButtonColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onCancel?: () => any;
         onClose?: (reason: import("../v3").Reason) => any;
         onOpen?: () => any;
+        onSave?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -313,14 +405,42 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showFooter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    saveButtonLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    saveButtonLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    saveButtonColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    cancelButtonLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    cancelButtonColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
+    onCancel?: () => any;
     onClose?: (reason: import("../v3").Reason) => any;
     onOpen?: () => any;
+    onSave?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
     close: (reason: import("../v3").Reason) => void;
+    save: () => void;
+    cancel: () => void;
 }, string, {
     title: string;
     size: "small" | "medium" | "extraSmall";
@@ -335,6 +455,12 @@ declare const DialogTypes: () => ({
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showFooter: boolean;
+    saveButtonLabel: string;
+    saveButtonLoading: boolean;
+    saveButtonColor: string;
+    cancelButtonLabel: string;
+    cancelButtonColor: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

package/components/dropdown/common/Dropdown.common.js

@@ -27,7 +27,7 @@ const Ve = (l, O, A) => {
       a.value = l.selected;
     }
   );
-  const W = Ae(), P = n(null), d = n(null), C = n(null), I = n(null), V = n(null), S = n(null), Y = n(), p = n(null), H = n(null), L = n(null), Z = 8, F = r(() => S.value ? S.value.getBoundingClientRect().height + Z + l.distance : 0), c = n([]), T = n(-1), w = n(""), M = n([]), U = () => S.value?.focus(), [v, ee, le] = Oe({
+  const W = Ae(), P = n(null), f = n(null), C = n(null), I = n(null), V = n(null), S = n(null), Y = n(), H = n(null), L = n(null), U = n(null), Z = 8, F = r(() => S.value ? S.value.getBoundingClientRect().height + Z + l.distance : 0), c = n([]), T = n(-1), w = n(""), M = n([]), p = () => S.value?.focus(), [v, ee, le] = Oe({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
@@ -61,9 +61,9 @@ const Ve = (l, O, A) => {
       return a.value.length === s.value.length;
   }), re = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), N = (e) => {
     w.value = e;
-  }, s = r(
-    () => l.options.filter((e) => l.onSearch(e, w.value))
-  ), oe = r(() => c.value[0]?.hasSubtitle), G = r(() => i.mode === m.Multi), K = r(
+  }, s = r(() => l.onSearch ? l.options.filter(
+    (e) => l.onSearch(e, w.value)
+  ) : l.options), oe = r(() => c.value[0]?.hasSubtitle), G = r(() => i.mode === m.Multi), K = r(
     () => oe.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
     list: $,
@@ -90,7 +90,7 @@ const Ve = (l, O, A) => {
       }));
     }
   );
-  const f = (e, t = !1) => {
+  const d = (e, t = !1) => {
     l.disabled || (B(e), D(() => {
       v.value && O("opened"), v.value || O("closed"), P.value && t && P.value.focus();
     }));
@@ -100,7 +100,7 @@ const Ve = (l, O, A) => {
       G.value && Array.isArray(u.value) && (M.value = x(u.value).slice());
       return;
     }
-    U();
+    p();
   });
   const ce = () => {
     ve(), u.value = a.value;
@@ -116,21 +116,21 @@ const Ve = (l, O, A) => {
       }
       a.value = s.value;
     }
-  }, de = () => {
+  }, fe = () => {
     a.value = [], u.value = [];
   }, _ = (e, t) => {
     if (e = x(e), c.value[t]?.disabled)
       return;
     if (T.value = t, i.mode !== m.Multi) {
-      l.keepOpen || f(!1), i.goToOption(
+      l.keepOpen || d(!1), i.goToOption(
         0
         /* None */
-      ), u.value = e, N(""), U(), i.type === k.Search && d.value && (d.value.value = l.displayValue(e));
+      ), u.value = e, N(""), p(), i.type === k.Search && f.value && (f.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
       return;
-    d.value?.focus();
+    f.value?.focus();
     const g = x(a.value);
     if (z(g, e)) {
       a.value = g.filter(
@@ -141,7 +141,7 @@ const Ve = (l, O, A) => {
       a.value = [...g, e];
       return;
     }
-  }, fe = (e) => c.value[e]?.disabled, i = {
+  }, de = (e) => c.value[e]?.disabled, i = {
     activeIndex: o,
     options: c,
     selectedOption: u,
@@ -153,7 +153,7 @@ const Ve = (l, O, A) => {
     mode: l.multi ? m.Multi : m.Single,
     query: w,
     selectedValue: ue,
-    toggle: f,
+    toggle: d,
     disabled: l.disabled,
     open: v,
     mandatory: l.mandatory,
@@ -161,7 +161,7 @@ const Ve = (l, O, A) => {
     placeholder: l.placeholder,
     select: _,
     clearSelection: () => {
-      N(""), u.value = i.mode === m.Single ? null : [], d.value && (d.value.value = "");
+      N(""), u.value = i.mode === m.Single ? null : [], f.value && (f.value.value = "");
     },
     search: N,
     goToOption: async (e) => {
@@ -176,14 +176,14 @@ const Ve = (l, O, A) => {
           I.value = s.value[t], o.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!fe(o.value)) {
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!de(o.value)) {
           I.value = s.value[t], o.value = t;
           return;
         }
       }
     },
     registerInput: (e) => {
-      d.value = e.value;
+      f.value = e.value;
     },
     registerOption: (e, t, y) => {
       c.value = [...c.value, { id: e, disabled: t, hasSubtitle: y }];
@@ -200,16 +200,16 @@ const Ve = (l, O, A) => {
     {
       ignore: [
         S,
-        p,
         H,
         L,
-        d,
+        U,
+        f,
         X.ref
       ]
     }
   );
   const ge = () => {
-    d.value && (d.value.value = i.query.value = "");
+    f.value && (f.value.value = i.query.value = "");
   };
   Se(async () => {
     l.autoFocus && (await D(), setTimeout(() => {
@@ -217,9 +217,9 @@ const Ve = (l, O, A) => {
     })), i.goToOption(0);
   });
   const he = () => {
-    u.value = a.value, O("apply", u.value), f(!1), ge();
+    u.value = a.value, O("apply", u.value), d(!1), ge();
   }, j = () => {
-    G.value && Array.isArray(M.value) && (u.value = x(M.value).slice()), w.value = "", f(!1);
+    G.value && Array.isArray(M.value) && (u.value = x(M.value).slice()), w.value = "", d(!1);
   }, ye = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -227,7 +227,7 @@ const Ve = (l, O, A) => {
         case "Enter":
         case "ArrowUp":
         case "ArrowDown":
-          f(!0), e.preventDefault();
+          d(!0), e.preventDefault();
       }
   }, be = (e) => {
     if (!l.disableKeyboardEvents)
@@ -247,7 +247,7 @@ const Ve = (l, O, A) => {
           break;
         }
         case "Escape": {
-          f(!1), e.preventDefault();
+          d(!1), e.preventDefault();
           break;
         }
         case "PageUp": {
@@ -266,10 +266,10 @@ const Ve = (l, O, A) => {
         }
         case "Enter": {
           if (!v.value) {
-            f(!0);
+            d(!0);
             return;
           }
-          _(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && f(!1), e.preventDefault();
+          _(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && d(!1), e.preventDefault();
           break;
         }
       }
@@ -284,7 +284,7 @@ const Ve = (l, O, A) => {
     onKeydown: be,
     location: F,
     open: v,
-    toggleMenu: f,
+    toggleMenu: d,
     onButtonKeydown: ye,
     displayedValue: ie,
     labelRef: V,
@@ -307,12 +307,12 @@ const Ve = (l, O, A) => {
     onClickOutside: J,
     listRef: P,
     buttonRef: S,
-    apply: p,
-    cancel: H,
+    apply: H,
+    cancel: L,
     el: C,
     triggerRef: Y,
-    clearAll: L,
-    onClearAllSelections: de
+    clearAll: U,
+    onClearAllSelections: fe
   };
 };
 export {

package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts

@@ -0,0 +1,136 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string;
+    selectedOption?: unknown;
+    options?: unknown[];
+    multi?: boolean;
+    size?: "small" | "medium" | "large";
+    open: boolean;
+    disabled?: boolean;
+    testId?: string;
+    valueToCopy?: string;
+    label: string;
+    mandatory?: boolean;
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    brandIconType?: "android" | "ios";
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionImageKey?: string;
+    optionIconKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    placeholder: string;
+    selectedOption: any;
+    options: any;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    testId: string;
+    multi: boolean;
+    valueToCopy: any;
+    label: string;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    brandIconType: any;
+    optionNameKey: any;
+    optionImageKey: any;
+    optionIconKey: any;
+    optionIconType: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string;
+    selectedOption?: unknown;
+    options?: unknown[];
+    multi?: boolean;
+    size?: "small" | "medium" | "large";
+    open: boolean;
+    disabled?: boolean;
+    testId?: string;
+    valueToCopy?: string;
+    label: string;
+    mandatory?: boolean;
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    brandIconType?: "android" | "ios";
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionImageKey?: string;
+    optionIconKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    placeholder: string;
+    selectedOption: any;
+    options: any;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    testId: string;
+    multi: boolean;
+    valueToCopy: any;
+    label: string;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    brandIconType: any;
+    optionNameKey: any;
+    optionImageKey: any;
+    optionIconKey: any;
+    optionIconType: any;
+}>>> & {
+    onClick?: () => any;
+}, {
+    label: string;
+    size: "small" | "medium" | "large";
+    testId: string;
+    loading: boolean;
+    disabled: boolean;
+    options: unknown[];
+    singleAppSelection: boolean;
+    placeholder: string;
+    open: boolean;
+    mandatory: boolean;
+    multi: boolean;
+    valueToCopy: string;
+    selectedOption: any;
+    brandIconType: "android" | "ios";
+    optionNameKey: string;
+    optionImageKey: string;
+    optionIconKey: string;
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import o from "./AppDropdownTrigger.vue2.js";
+/* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c48dc06e"]]);
+export {
+  c as default
+};