@ironsource/shared-ui 2.1.11-rc.43 → 2.1.11-rc.45

package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css

@@ -0,0 +1 @@
+.filters-panel[data-v-383011d3]{display:flex;flex-wrap:wrap;gap:var(--spacing-50);align-items:center}.filters-panel[data-v-383011d3] .dropdown{padding:0}

package/components/filtersPanel/v4/FiltersPanelV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./FiltersPanelV4.vue2.js";
 /* empty css                     */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-111b200a"]]);
+// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-383011d3"]]);
 export {
-  a as default
+  p as default
 };

package/components/filtersPanel/v4/FiltersPanelV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
+ import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
 const p = { class: "filters-panel" }, m = ["data-testid"], v = /* @__PURE__ */ d({
   __name: "FiltersPanelV4",
   props: {

package/components/table-cells/common/Editable.common.js

@@ -1,50 +1,55 @@
-import { ref as t, provide as d } from "vue";
-import { useTableContext as f } from "../../table/common/TableContext.js";
-import { EditableContext as C } from "./EditableContext.js";
-import { onClickOutside as m } from "@vueuse/core";
-const k = (e) => {
-  const l = t(!1), n = t(e.cell), o = t(e.saveOnClickOutside), i = t(null), r = f("Editable"), a = t(null), v = () => {
-    if (e.cell === n.value) {
+import { ref as n, provide as f, watch as d } from "vue";
+import { useTableContext as C } from "../../table/common/TableContext.js";
+import { EditableContext as m } from "./EditableContext.js";
+import { onClickOutside as x } from "@vueuse/core";
+const E = (e) => {
+  const l = n(!1), t = n(e.cell), i = n(e.saveOnClickOutside), o = n(null), r = C("Editable"), a = n(null), v = () => {
+    if (e.cell === t.value) {
       l.value = !1;
       return;
     }
-    const u = e.validateFunction?.(n.value);
+    const u = e.validateFunction?.(t.value);
     a.value = u, !u && (r.onClose({
       rowIndex: e.rowIndex,
       cellIndex: e.cellIndex,
-      value: n.value
+      value: t.value
     }), l.value = !1);
   };
-  d(C, {
+  f(m, {
     focusable: !0,
-    value: n,
+    value: t,
     error: a,
     confirmable: !0,
-    saveOnClickOutside: o.value,
+    saveOnClickOutside: i.value,
     onChange(u) {
-      n.value = u, a.value = e.validateFunction?.(n.value);
+      t.value = u, a.value = e.validateFunction?.(t.value);
     },
     onClose: v
   });
   const c = () => {
     l.value || e.isLoading || (l.value = !l.value);
   }, s = () => {
-    n.value = e.cell, a.value = null;
+    t.value = e.cell, a.value = null;
   };
-  return m(i, () => {
+  return x(o, () => {
     if (l.value) {
-      if (o.value) {
+      if (i.value) {
         v();
         return;
       }
       l.value = !1, s(), r.onClose();
     }
-  }), {
+  }), d(
+    () => e.cell,
+    () => {
+      l.value || (t.value = e.cell);
+    }
+  ), {
     onEdit: c,
-    target: i,
+    target: o,
     isEditing: l
   };
 };
 export {
-  k as editableCommon
+  E as editableCommon
 };

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
+import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

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

package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css

@@ -1 +0,0 @@
-.filters-panel[data-v-111b200a]{display:flex;flex-wrap:wrap;gap:var(--spacing-50)}.filters-panel[data-v-111b200a] .dropdown{padding:0}