@ironsource/shared-ui 2.2.0-rc.2 → 2.2.0-rc.20

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,15 +1,12 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
-import v from "../../typography/v4/Typography.vue.js";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css"; import { defineComponent as V, openBlock as l, createElementBlock as $, mergeProps as i, unref as e, createElementVNode as r, createBlock as a, createCommentVNode as n, normalizeClass as I, withCtx as S, renderSlot as A, createTextVNode as F, toDisplayString as T, pushScopeId as g, popScopeId as v } from "vue";
+import D from "../../typography/v4/Typography.vue.js";
 import L from "./icons/UncheckedState.vue.js";
 import N from "./icons/CheckedState.vue.js";
 import P from "./icons/IndeterminateState.vue.js";
-import w from "./icons/UncheckedDisabledState.vue.js";
-import H from "./icons/CheckedDisabledState.vue.js";
-import K from "./icons/IndeterminateDisabledState.vue.js";
-import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
-import { checkboxCommon as R } from "../common/Checkbox.common.js";
-import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
+import { CheckboxTestIdModifiers as d } from "../../../testids/index.js";
+import { checkboxCommon as w } from "../common/Checkbox.common.js";
+import { useTestIdAttrs as R } from "../../../utils/testIds.js";
+const z = (t) => (g("data-v-88525d86"), t = t(), v(), t), H = ["for"], K = { class: "checkboxes" }, M = ["id", "disabled", "checked", ".indeterminate"], W = /* @__PURE__ */ z(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), j = { class: "states" }, Z = /* @__PURE__ */ V({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },
@@ -21,91 +18,75 @@ const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { cla
   },
   emits: ["update:isChecked", "click"],
   setup(t, { emit: b }) {
-    const h = t, {
-      id: p,
-      checkbox: E,
-      isFocusVisible: S,
-      handleFocus: y,
-      handleBlur: C,
-      indeterminate: d,
-      checked: m,
-      unchecked: I,
-      updateValue: x
-    } = R(h, b), r = U(h.testId, i);
-    return (k, l) => (o(), f("label", a({
-      for: e(p),
+    const k = t, {
+      id: f,
+      checkbox: x,
+      isFocusVisible: B,
+      handleFocus: h,
+      handleBlur: p,
+      indeterminate: u,
+      checked: y,
+      unchecked: E,
+      updateValue: C
+    } = w(k, b), c = R(k.testId, d);
+    return (m, o) => (l(), $("label", i({
+      for: e(f),
       class: [{
-        "focus-visible": e(S),
+        "focus-visible": e(B),
         disabled: t.disabled
       }, "checkbox"]
-    }, e(r)[e(i).WRAPPER]), [
-      u("span", j, [
-        u("input", a({ ...k.$attrs, ...e(r)[e(i).FIELD] }, {
-          id: e(p),
-          ref: e(E),
+    }, e(c)[e(d).WRAPPER]), [
+      r("span", K, [
+        r("input", i({ ...m.$attrs, ...e(c)[e(d).FIELD] }, {
+          id: e(f),
+          ref: e(x),
           disabled: t.disabled,
-          checked: e(m),
+          checked: e(y),
           class: "input",
-          ".indeterminate": e(d),
+          ".indeterminate": e(u),
           type: "checkbox",
-          onBlur: l[0] || (l[0] = //@ts-ignore
-          (...s) => e(C) && e(C)(...s)),
-          onFocus: l[1] || (l[1] = //@ts-ignore
-          (...s) => e(y) && e(y)(...s)),
-          onClick: l[2] || (l[2] = (s) => b("click", s)),
-          onInput: l[3] || (l[3] = //@ts-ignore
-          (...s) => e(x) && e(x)(...s))
-        }), null, 16, q),
-        z,
-        u("span", G, [
-          t.disabled ? c("", !0) : (o(), f(B, { key: 0 }, [
-            e(m) ? (o(), n(N, a({
-              key: 0,
-              class: "icon checked",
-              color: t.color
-            }, e(r)[e(i).CHECKED]), null, 16, ["color"])) : c("", !0),
-            e(d) ? (o(), n(P, {
-              key: 1,
-              color: t.color,
-              class: "icon indeterminate"
-            }, null, 8, ["color"])) : c("", !0),
-            e(I) && !e(d) ? (o(), n(L, {
-              key: 2,
-              class: "icon unchecked"
-            })) : c("", !0)
-          ], 64)),
-          t.disabled ? (o(), f(B, { key: 1 }, [
-            e(m) ? (o(), n(H, a({
-              key: 0,
-              color: t.color,
-              class: "icon checked"
-            }, e(r)[e(i).CHECKED]), null, 16, ["color"])) : c("", !0),
-            e(d) ? (o(), n(K, {
-              key: 1,
-              class: "icon indeterminate"
-            })) : c("", !0),
-            e(I) && !e(d) ? (o(), n(w, {
-              key: 2,
-              class: "icon unchecked"
-            })) : c("", !0)
-          ], 64)) : c("", !0)
+          onBlur: o[0] || (o[0] = //@ts-ignore
+          (...s) => e(p) && e(p)(...s)),
+          onFocus: o[1] || (o[1] = //@ts-ignore
+          (...s) => e(h) && e(h)(...s)),
+          onClick: o[2] || (o[2] = (s) => b("click", s)),
+          onInput: o[3] || (o[3] = //@ts-ignore
+          (...s) => e(C) && e(C)(...s))
+        }), null, 16, M),
+        W,
+        r("span", j, [
+          e(y) ? (l(), a(N, i({
+            key: 0,
+            class: ["icon checked", { disabled: t.disabled }],
+            color: t.color
+          }, e(c)[e(d).CHECKED]), null, 16, ["class", "color"])) : n("", !0),
+          e(u) ? (l(), a(P, {
+            key: 1,
+            color: t.color,
+            class: I(["icon indeterminate", { disabled: t.disabled }])
+          }, null, 8, ["color", "class"])) : n("", !0),
+          e(E) && !e(u) ? (l(), a(L, {
+            key: 2,
+            class: I(["icon unchecked", { disabled: t.disabled }]),
+            disabled: t.disabled
+          }, null, 8, ["class", "disabled"])) : n("", !0)
         ])
       ]),
-      t.label || k.$slots.default ? (o(), n(e(v), a({
+      t.label || m.$slots.default ? (l(), a(e(D), i({
         key: 0,
         variant: "body2",
         class: "checkbox-label"
-      }, e(r)[e(i).LABEL]), {
-        default: V(() => [
-          $(k.$slots, "default", {}, () => [
-            F(g(t.label), 1)
+      }, e(c)[e(d).LABEL]), {
+        default: S(() => [
+          A(m.$slots, "default", {}, () => [
+            F(T(t.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 16)) : c("", !0)
-    ], 16, W));
+      }, 16)) : n("", !0)
+    ], 16, H));
   }
 });
 export {
-  le as default
+  Z as default
 };

package/components/checkbox/v4/icons/CheckedState.vue.js

@@ -1,29 +1,29 @@
-import { defineComponent as o, openBlock as r, createElementBlock as l, createElementVNode as t, unref as n } from "vue";
-import { darkerColor as c } from "../../../../utils/color.js";
-const i = {
+import { defineComponent as o, openBlock as r, createElementBlock as n, createElementVNode as t, unref as l } from "vue";
+import { darkerColor as i } from "../../../../utils/color.js";
+const c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, s = ["fill"], d = ["stroke"], h = /* @__PURE__ */ t("path", {
+}, s = ["fill"], a = ["stroke"], d = /* @__PURE__ */ t("path", {
   d: "M12.125 5.375L6.875 10.625L4.25 8",
   stroke: "white",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), m = /* @__PURE__ */ o({
+}, null, -1), f = /* @__PURE__ */ o({
   __name: "CheckedState",
   props: {
     color: { default: null }
   },
   setup(e) {
-    return (a, u) => (r(), l("svg", i, [
+    return (h, m) => (r(), n("svg", c, [
       t("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
-        fill: e.color || "#0091FF"
+        fill: e.color || "var(--primary-main)"
       }, null, 8, s),
       t("rect", {
         x: "0.5",
@@ -31,12 +31,12 @@ const i = {
         width: "15",
         height: "15",
         rx: "3.5",
-        stroke: e.color ? n(c)(e.color) : "#0880EA"
-      }, null, 8, d),
-      h
+        stroke: e.color ? l(i)(e.color) : "var(--primary-dark)"
+      }, null, 8, a),
+      d
     ]));
   }
 });
 export {
-  m as default
+  f as default
 };

package/components/checkbox/v4/icons/IndeterminateState.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as o, openBlock as r, createElementBlock as l, createElementVNode as t, unref as n } from "vue";
+import { defineComponent as o, openBlock as r, createElementBlock as n, createElementVNode as t, unref as l } from "vue";
 import { darkerColor as i } from "../../../../utils/color.js";
 const c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, s = ["fill"], d = ["stroke"], h = /* @__PURE__ */ t("line", {
+}, s = ["fill"], a = ["stroke"], d = /* @__PURE__ */ t("line", {
   x1: "4.75",
   y1: "8.25",
   x2: "11.25",
@@ -18,14 +18,14 @@ const c = {
     color: { default: null }
   },
   setup(e) {
-    return (a, m) => (r(), l("svg", c, [
+    return (h, m) => (r(), n("svg", c, [
       t("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
-        fill: e.color || "#0091FF"
+        fill: e.color || "var(--primary-main)"
       }, null, 8, s),
       t("rect", {
         x: "0.5",
@@ -33,9 +33,9 @@ const c = {
         width: "15",
         height: "15",
         rx: "3.5",
-        stroke: e.color ? n(i)(e.color) : "#0880EA"
-      }, null, 8, d),
-      h
+        stroke: e.color ? l(i)(e.color) : "var(--primary-dark)"
+      }, null, 8, a),
+      d
     ]));
   }
 });

package/components/checkbox/v4/icons/UncheckedState.vue.d.ts

@@ -1,2 +1,29 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean;
+}>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean;
+}>, {
+    disabled: boolean;
+}>>>, {
+    disabled: boolean;
+}>;
 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];
+} & {};

package/components/checkbox/v4/icons/UncheckedState.vue.js

@@ -1,32 +1,34 @@
-import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, n = {
+import { defineComponent as o, openBlock as n, createElementBlock as l, createElementVNode as e } from "vue";
+const r = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, l = /* @__PURE__ */ t("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  fill: "black",
-  "fill-opacity": "0.05"
-}, null, -1), s = /* @__PURE__ */ t("rect", {
+}, c = ["fill"], s = /* @__PURE__ */ e("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
   stroke: "currentColor"
-}, null, -1), i = [
-  l,
-  s
-];
-function _(h, d) {
-  return e(), o("svg", n, i);
-}
-const x = /* @__PURE__ */ c(r, [["render", _]]);
+}, null, -1), h = /* @__PURE__ */ o({
+  __name: "UncheckedState",
+  props: {
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    return (a, i) => (n(), l("svg", r, [
+      e("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "15",
+        height: "15",
+        rx: "3.5",
+        fill: t.disabled ? "var(--action-disabled-background)" : "var(--background-inset)"
+      }, null, 8, c),
+      s
+    ]));
+  }
+});
 export {
-  x as default
+  h as default
 };

package/components/checkbox/v4/icons/UncheckedState.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UncheckedState.vue.js";
+export {
+  f as default
+};

package/components/chip/v4/ChipV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChipV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4d3a12e"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a221c649"]]);
 export {
   t as default
 };

package/components/chip/v4/ChipV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
+ import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
 import { ChipTestIdModifiers as a } from "../../../testids/index.js";
 import { useTestIdAttrs as m } from "../../../utils/testIds.js";
 import h from "../../typography/v4/Typography.vue.js";

package/components/columnConfigurator/SectionDropdown.vue.js

@@ -1,7 +1,7 @@
 import o from "./SectionDropdown.vue2.js";
 /* empty css                      */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cfad60a8"]]);
+// import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_65877e48_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-65877e48"]]);
 export {
-  p as default
+  s as default
 };

package/components/columnConfigurator/SectionDropdown.vue2.js

@@ -1,4 +1,4 @@
- import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css"; import { defineComponent as c, openBlock as m, createBlock as a, unref as t, withCtx as p, createVNode as u, mergeProps as f } from "vue";
+ import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_65877e48_lang.css"; import { defineComponent as l, openBlock as m, createBlock as a, unref as t, withCtx as p, createVNode as u, mergeProps as f } from "vue";
 import { DISPLAY_FIELD_NAME as n } from "./consts.js";
 import g from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
@@ -12,7 +12,7 @@ import "../dropdown/v4/OptionV4.vue.js";
 import "../dropdown/v4/ConditionalDropdown.vue.js";
 import { ColumnConfiguratorTestIdModifiers as r } from "../../testids/index.js";
 import { matchString as I } from "../../utils/search.js";
-const v = /* @__PURE__ */ c({
+const v = /* @__PURE__ */ l({
   __name: "SectionDropdown",
   props: {
     selected: null,
@@ -20,8 +20,8 @@ const v = /* @__PURE__ */ c({
     testId: { default: "" }
   },
   emits: ["update:selected"],
-  setup(e, { emit: l }) {
-    const d = (s, i) => I(s[n], i);
+  setup(e, { emit: d }) {
+    const c = (s, i) => I(s[n], i);
     return (s, i) => (m(), a(t(g), {
       selected: e.selected,
       class: "section-dropdown",
@@ -34,11 +34,10 @@ const v = /* @__PURE__ */ c({
       multi: "",
       "inline-search": "",
       "show-select-all": !1,
-      "show-clear-all": !1,
-      "on-search": d,
+      "on-search": c,
       placement: "bottom-end",
       "test-id": `${e.testId}-${t(r).DROPDOWN}-${e.section.sectionId}`,
-      "onUpdate:selected": i[0] || (i[0] = (o) => l("update:selected", o))
+      "onUpdate:selected": i[0] || (i[0] = (o) => d("update:selected", o))
     }, {
       "dropdown-trigger": p(({ buttonTriggerProps: o }) => [
         u(t(D), f({

package/components/columnPicker/ColumnPicker.vue.d.ts

@@ -34,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown[]) => void;
+    trackUserActivity: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected: unknown[];
     options: Record<string, unknown>[];
@@ -70,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
 }>>> & {
     "onUpdate:selected"?: (value: unknown[]) => any;
+    onTrackUserActivity?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
 }, {
     testId: string;
     selected: unknown[];

package/components/columnPicker/ColumnPicker.vue.js

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