@ironsource/shared-ui 2.1.1-rc.2 → 2.1.1-test.1

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

@@ -1,8 +1,8 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as x, renderList as B, createBlock as ie, mergeProps as le } from "vue";
-import I from "../../typography/v4/Typography.vue.js";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as n, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as x, renderList as B, createBlock as ie, mergeProps as le } from "vue";
+import V from "../../typography/v4/Typography.vue.js";
 import de from "../../skeleton/v4/SkeletonV4.vue.js";
 import oe from "../../emptyState/v4/EmptyStateV4.vue.js";
-import D from "../../checkbox/v4/CheckboxV4.vue.js";
+import U from "../../checkbox/v4/CheckboxV4.vue.js";
 import { TableTestIdModifiers as f } from "../../../testids/index.js";
 import { tableCommon as ne } from "../common/Table.common.js";
 import ce from "./SortIcon.vue.js";
@@ -18,16 +18,16 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
 }, Te = ["onClick"], Ce = { class: "table-head-container" }, Ee = ["data-testid"], xe = ["onMouseenter"], Be = {
   key: 0,
   class: "checkbox-cell"
-}, Ie = {
+}, Ve = {
   key: 1,
   class: "expand-toggle-cell"
 }, we = {
   key: 2,
   class: "expanded-row"
-}, Ve = { key: 1 }, Le = {
+}, Ie = { key: 1 }, Pe = {
   key: 0,
   class: "table-footer"
-}, Ye = /* @__PURE__ */ ee({
+}, pe = /* @__PURE__ */ ee({
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -57,66 +57,60 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
   setup(s, { emit: S }) {
-    const d = s;
+    const o = s;
     te((a) => ({
-      "06152a68": s.zIndexBase,
-      "956a5780": e(q),
-      "55b2d739": e(A),
-      e26970fe: e(j)
+      b72a9fc4: s.zIndexBase,
+      "30b75412": e(J),
+      b002aaea: e(H),
+      "2e048053": e(q)
     }));
     const b = se(), {
-      list: P,
-      containerProps: U,
-      wrapperProps: G,
+      list: A,
+      containerProps: G,
+      wrapperProps: p,
       activeRow: w,
-      gridColumnTemplate: A,
+      gridColumnTemplate: H,
       toggleSortOrder: Y,
-      columnsStickyPositions: H,
-      hasSearchSlot: p,
-      containerStyle: Q,
+      columnsStickyPositions: L,
+      hasSearchSlot: Q,
+      containerStyle: W,
       onScroll: N,
       savingRows: F,
       hasExpandSlot: v,
-      toggleExpandRow: W,
-      cssRowHeight: j,
-      cssExpandGridCol: q,
-      isRowExpanded: V,
+      toggleExpandRow: j,
+      cssRowHeight: q,
+      cssExpandGridCol: J,
+      isRowExpanded: I,
       hasCheckboxes: M
-    } = ne(d, S), O = g(() => !!b.footer), k = he(d, "search", S), J = g(() => d.selection.length || 0), L = g(() => {
-      const a = d.rows.map((o, t) => d.getRowId(o, t));
-      return a.length && a.every((o) => d.selection.includes(o));
-    }), z = (a) => d.selection.includes(a), K = (a) => {
-      z(a) ? $(d.selection.filter((o) => o !== a)) : $([...d.selection, a]);
+    } = ne(o, S), O = g(() => !!b.footer), k = he(o, "search", S), z = g(() => o.selection.length || 0), P = g(
+      () => o.rows.length && z.value === o.rows.length
+    ), D = (a) => o.selection.includes(a), K = (a) => {
+      D(a) ? $(o.selection.filter((c) => c !== a)) : $([...o.selection, a]);
     }, X = () => {
-      if (L.value)
-        $([]);
-      else {
-        const a = d.rows.map((o, t) => d.getRowId(o, t)).filter((o) => !d.selection.includes(o));
-        $([...d.selection, ...a]);
-      }
+      P.value ? $([]) : $(o.rows.map((a, c) => o.getRowId(a, c)));
     }, $ = (a) => {
       S("update:selection", a);
     }, Z = g(
-      () => d.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
+      () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
     ), _ = g(
-      () => d.emptyStateSubtitle ? d.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
+      () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
     );
-    return (a, o) => (i(), l("div", {
+    return (a, c) => (i(), l("div", {
       class: "table-container",
       "data-testid": `${s.testId}-${e(f).CONTAINER}`,
-      onMouseleave: o[2] || (o[2] = (t) => w.value = null)
+      onMouseleave: c[2] || (c[2] = (t) => w.value = null)
     }, [
       r("table", {
-        ref: e(U).ref,
-        style: R(e(Q)),
+        ref: e(G).ref,
+        style: R(e(W)),
         class: y({
           hasFooter: e(O)
         }),
         "data-testid": `${s.testId}-${e(f).TABLE}`,
-        onScrollPassive: o[1] || (o[1] = //@ts-ignore
+        onScrollPassive: c[1] || (c[1] = //@ts-ignore
         (...t) => e(N) && e(N)(...t))
       }, [
-        s.title || e(b).title || e(p) || e(b)["table-header-actions"] ? (i(), l("div", {
+        s.title || e(b).title || e(Q) || e(b)["table-header-actions"] ? (i(), l("div", {
           key: 0,
           class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
           "data-testid": `${s.testId}-${e(f).HEADER}`
@@ -125,8 +119,8 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
             class: "table-title",
             "data-testid": `${s.testId}-${e(f).TITLE}`
           }, [
-            c(a.$slots, "title", {}, () => [
-              u(e(I), { variant: "h3" }, {
+            n(a.$slots, "title", {}, () => [
+              u(e(V), { variant: "h3" }, {
                 default: T(() => [
                   C(E(s.title), 1)
                 ]),
@@ -138,11 +132,11 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
             class: "table-header-right",
             "data-testid": `${s.testId}-${e(f).HEADER_RIGHT}`
           }, [
-            s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
+            s.showSearch ? n(a.$slots, "search", { key: 0 }, () => [
               r("div", ge, [
                 u(e(ue), {
                   modelValue: e(k),
-                  "onUpdate:modelValue": o[0] || (o[0] = (t) => ae(k) ? k.value = t : null),
+                  "onUpdate:modelValue": c[0] || (c[0] = (t) => ae(k) ? k.value = t : null),
                   placeholder: s.searchPlaceholder,
                   "auto-focus": s.searchAutoFocus,
                   "test-id": s.testId
@@ -155,7 +149,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
             class: "table-header-actions",
             "data-testid": `${s.testId}-${e(f).ACTIONS}`
           }, [
-            c(a.$slots, "table-header-actions", {}, void 0, !0)
+            n(a.$slots, "table-header-actions", {}, void 0, !0)
           ], 8, be)) : h("", !0)
         ], 10, Se)) : h("", !0),
         r("thead", {
@@ -169,12 +163,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
               key: t.id,
               class: y(["section-container", { sticky: t.isSticky }])
             }, [
-              c(a.$slots, `section-${t.id}`, {}, () => [
+              n(a.$slots, `section-${t.id}`, {}, () => [
                 r("div", {
                   style: R({ width: t.width + "px" }),
                   class: y({ section: !0 })
                 }, [
-                  u(e(I), { variant: "body2" }, {
+                  u(e(V), { variant: "body2" }, {
                     default: T(() => [
                       C(E(t.title), 1)
                     ]),
@@ -186,13 +180,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
           ], 8, ve),
           r("tr", null, [
             e(M) ? (i(), l("th", $e, [
-              c(a.$slots, "select-all-checkbox", {}, () => [
-                u(e(D), {
-                  disabled: s.isLoading,
-                  "is-checked": e(L),
-                  "is-indeterminate": !e(L) && e(J) > 0,
+              n(a.$slots, "select-all-checkbox", {}, () => [
+                u(e(U), {
+                  "is-checked": e(P),
+                  "is-indeterminate": !e(P) && e(z) > 0,
                   "onUpdate:isChecked": X
-                }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
+                }, null, 8, ["is-checked", "is-indeterminate"])
               ], !0)
             ])) : h("", !0),
             e(v) ? (i(), l("th", Re)) : h("", !0),
@@ -206,12 +199,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
                 isSortable: t.isSortable,
                 [`column-${t.id}`]: !0
               }),
-              style: R(t.isSticky ? e(H)[t.id] : null),
+              style: R(t.isSticky ? e(L)[t.id] : null),
               onClick: (m) => t.isSortable ? e(Y)(t) : null
             }, [
               r("div", Ce, [
-                c(a.$slots, `header-${t.id}`, { column: t }, () => [
-                  u(e(I), { variant: "tableLabel" }, {
+                n(a.$slots, `header-${t.id}`, { column: t }, () => [
+                  u(e(V), { variant: "tableLabel" }, {
                     default: T(() => [
                       C(E(t.title), 1)
                     ]),
@@ -227,77 +220,77 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
           ])
         ], 2),
         r("tbody", null, [
-          e(P).length > 0 ? (i(), l("div", le({
+          e(A).length > 0 ? (i(), l("div", le({
             key: 0,
             class: "table-body-wrapper",
             "data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
-          }, e(G)), [
-            (i(!0), l(x, null, B(e(P), (t) => (i(), l("tr", {
+          }, e(p)), [
+            (i(!0), l(x, null, B(e(A), (t) => (i(), l("tr", {
               key: t.index,
               class: y(["table-row", {
                 loading: s.isLoading || s.isLoading && !t.data || e(F).includes(t.index),
                 active: e(w) === t.index,
-                expanded: e(v) && e(V)(t.index)
+                expanded: e(v) && e(I)(t.index)
               }]),
               onMouseenter: (m) => w.value = t.index
             }, [
               e(M) ? (i(), l("td", Be, [
-                u(e(D), {
-                  "is-checked": z(s.getRowId(t.data, t.index)),
+                u(e(U), {
+                  "is-checked": D(s.getRowId(t.data, t.index)),
                   size: "sm",
                   "onUpdate:isChecked": (m) => K(s.getRowId(t.data, t.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : h("", !0),
-              e(v) ? (i(), l("td", Ie, [
+              e(v) ? (i(), l("td", Ve, [
                 u(re, {
-                  expanded: e(V)(t.index),
-                  onClick: (m) => e(W)(t.index, m)
+                  expanded: e(I)(t.index),
+                  onClick: (m) => e(j)(t.index, m)
                 }, null, 8, ["expanded", "onClick"])
               ])) : h("", !0),
-              (i(!0), l(x, null, B(s.columns, (m, n) => (i(), l("td", {
-                key: n,
+              (i(!0), l(x, null, B(s.columns, (m, d) => (i(), l("td", {
+                key: d,
                 class: y({
-                  sticky: s.columns[n].isSticky,
-                  isStickyRight: s.columns[n].isStickyRight,
-                  bordered: s.columns[n].isBordered,
-                  isTextRight: s.columns[n].isTextRight,
-                  [`column-${s.columns[n].id}`]: !0
+                  sticky: s.columns[d].isSticky,
+                  isStickyRight: s.columns[d].isStickyRight,
+                  bordered: s.columns[d].isBordered,
+                  isTextRight: s.columns[d].isTextRight,
+                  [`column-${s.columns[d].id}`]: !0
                 }),
                 style: R(
-                  s.columns[n].isSticky ? e(H)[s.columns[n].id] : null
+                  s.columns[d].isSticky ? e(L)[s.columns[d].id] : null
                 )
               }, [
-                !s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
+                !s.isLoading || s.isLoading && t.data[d] ? (i(), l("div", {
                   key: 0,
-                  class: y(["table-cell", { last: n === t.data.length - 1 }])
+                  class: y(["table-cell", { last: d === t.data.length - 1 }])
                 }, [
-                  c(a.$slots, `cell-${s.columns[n].id}`, {
-                    cell: t.data[n],
+                  n(a.$slots, `cell-${s.columns[d].id}`, {
+                    cell: t.data[d],
                     isLoading: e(F).includes(t.index),
-                    cellIndex: n,
+                    cellIndex: d,
                     row: t,
                     rowIndex: t.index
                   }, () => [
-                    u(e(I), { variant: "body1" }, {
+                    u(e(V), { variant: "body1" }, {
                       default: T(() => [
-                        C(E(t.data[n]), 1)
+                        C(E(t.data[d]), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ], !0)
-                ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
+                ], 2)) : n(a.$slots, "loader", { key: 1 }, () => [
                   u(e(de), { round: "" })
                 ], !0)
               ], 6))), 128)),
-              e(v) && e(V)(t.index) ? (i(), l("div", we, [
-                c(a.$slots, "expanded", {
+              e(v) && e(I)(t.index) ? (i(), l("div", we, [
+                n(a.$slots, "expanded", {
                   row: t,
-                  gridColumnTemplate: e(A)
+                  gridColumnTemplate: e(H)
                 }, void 0, !0)
               ])) : h("", !0)
             ], 42, xe))), 128))
-          ], 16, Ee)) : (i(), l("div", Ve, [
-            c(a.$slots, "empty-state", {}, () => [
+          ], 16, Ee)) : (i(), l("div", Ie, [
+            n(a.$slots, "empty-state", {}, () => [
               u(e(oe), {
                 class: "empty-state",
                 title: s.emptyStateTitle,
@@ -309,12 +302,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
           ]))
         ])
       ], 46, fe),
-      e(O) ? (i(), l("div", Le, [
-        c(a.$slots, "footer", {}, void 0, !0)
+      e(O) ? (i(), l("div", Pe, [
+        n(a.$slots, "footer", {}, void 0, !0)
       ])) : h("", !0)
     ], 40, ye));
   }
 });
 export {
-  Ye as default
+  pe as default
 };

package/composables/useFormValidation.d.ts

@@ -7,7 +7,7 @@ export type ValidationStateType<T> = {
 };
 export type FormValidationSchemaYupType<T> = Record<keyof T, yup.AnySchema<any, any, any, any>>;
 export type UseFormValidationType<T> = {
-    formState: T;
+    formState: Ref<T>;
     formValidationSchema: FormValidationSchemaYupType<T>;
 };
 export type UseFormValidationReponseType<T> = {
@@ -17,5 +17,5 @@ export type UseFormValidationReponseType<T> = {
 };
 export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
 export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;
-export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: T) => ValidationStateType<T>;
+export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: Ref<T>) => ValidationStateType<T>;
 export declare const useFormValidation: <T extends object>({ formState, formValidationSchema, }: UseFormValidationType<T>) => UseFormValidationReponseType<T>;

package/composables/useFormValidation.js

@@ -1,5 +1,5 @@
-import * as u from "yup";
-import { ref as d, reactive as f, watch as v } from "vue";
+import * as m from "yup";
+import { ref as u, reactive as f, watch as v } from "vue";
 const E = (e, r = 0) => {
   try {
     window.document.getElementsByClassName(e)[r].scrollIntoView({ behavior: "smooth" });
@@ -10,25 +10,25 @@ const E = (e, r = 0) => {
   const r = Object.keys(e)?.[0];
   r && E(`form-field-${r}`);
 }, y = (e, r) => {
-  const o = u.object().shape(e);
+  const o = m.object().shape(e);
   try {
-    return o.validateSync(r, { abortEarly: !1 }), { isValid: !0, errors: {} };
+    return o.validateSync(r.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
   } catch (i) {
-    return { isValid: !1, errors: i.inner.reduce((s, n) => (s[n.path] = n.message, s), {}) };
+    return { isValid: !1, errors: i.inner.reduce((s, l) => (s[l.path] = l.message, s), {}) };
   }
 }, b = ({
   formState: e,
   formValidationSchema: r
 }) => {
-  const o = d(!1), i = d(!0), t = f({}), s = (n) => {
-    const { isValid: l, errors: c } = y(r, e);
-    o.value = !0, i.value = l, Object.keys(t).forEach((a) => {
+  const o = u(!1), i = u(!0), t = f({}), s = (l) => {
+    const { isValid: n, errors: c } = y(r, e);
+    o.value = !0, i.value = n, Object.keys(t).forEach((a) => {
       a && !c[a] && delete t[a];
-    }), Object.entries(c).forEach(([a, m]) => {
-      t[a] = m;
-    }), !l && !n && h(t);
+    }), Object.entries(c).forEach(([a, d]) => {
+      t[a] = d;
+    }), !n && !l && h(t);
   };
-  return v(e, () => {
+  return v(e.value, () => {
     o.value && s(!0);
   }), {
     validationErrors: t,

package/index.js

@@ -13,8 +13,8 @@ import { TypographyTypes as no } from "./components/typography/index.js";
 import { TypographyTypesV4 as uo } from "./components/typography/v4/index.js";
 import { PopoverTypes as To } from "./components/popover/index.js";
 import { MultiBarTypes as yo } from "./components/multibar/index.js";
-import { FormCardTypes as Fo } from "./components/layout/index.js";
-import { FormFieldTypes as Do } from "./components/forms/index.js";
+import { FoldableSectionTypes as Fo } from "./components/layout/index.js";
+import { FormCardTypes as Do, FormFieldTypes as Eo } from "./components/forms/index.js";
 import * as o from "./components/button/v3/index.js";
 import * as r from "./components/button/v4/index.js";
 import * as e from "./components/chip/v3/index.js";
@@ -42,57 +42,57 @@ import * as E from "./components/toggle/v4/index.js";
 import * as A from "./components/tooltip/v3/index.js";
 import * as B from "./components/tooltip/v4/index.js";
 import * as C from "./components/table/v3/index.js";
-import * as h from "./components/table/v4/index.js";
-import * as w from "./components/table-cells/v3/index.js";
-import * as M from "./components/table-cells/v4/index.js";
-import * as b from "./components/skeleton/v3/index.js";
+import * as b from "./components/table/v4/index.js";
+import * as h from "./components/table-cells/v3/index.js";
+import * as w from "./components/table-cells/v4/index.js";
+import * as M from "./components/skeleton/v3/index.js";
 import * as P from "./components/skeleton/v4/index.js";
 import * as v from "./components/emptyState/v3/index.js";
 import * as k from "./components/emptyState/v4/index.js";
 import * as O from "./components/snackbar/v3/index.js";
 import * as R from "./components/snackbar/v4/index.js";
-import * as V from "./components/radioButton/v3/index.js";
-import * as H from "./components/radioButton/v4/index.js";
-import * as N from "./components/ThemeWrapper/index.js";
-import * as S from "./components/appHeader/index.js";
+import * as S from "./components/radioButton/v3/index.js";
+import * as V from "./components/radioButton/v4/index.js";
+import * as H from "./components/ThemeWrapper/index.js";
+import * as N from "./components/appHeader/index.js";
 import * as _ from "./components/inlineCopy/index.js";
-import { TextAreaTypes as Ao } from "./components/textArea/index.js";
-import { useToggle as Co } from "./composables/useToggle.js";
+import { TextAreaTypes as Bo } from "./components/textArea/index.js";
+import { useToggle as bo } from "./composables/useToggle.js";
 import { useSearch as wo } from "./composables/useSearch.js";
-import { scrollToElementByClass as bo, scrollToFirstInvalidElement as Po, useFormValidation as vo, yupValidation as ko } from "./composables/useFormValidation.js";
-import { DateRangeTypes as Ro } from "./components/dateRange/index.js";
+import { scrollToElementByClass as Po, scrollToFirstInvalidElement as vo, useFormValidation as ko, yupValidation as Oo } from "./composables/useFormValidation.js";
+import { DateRangeTypes as So } from "./components/dateRange/index.js";
 import { DatePickerTypes as Ho } from "./components/datePicker/index.js";
-import { BannerTypes as So } from "./components/banner/index.js";
-import { default as jo } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as zo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as Ko } from "./components/menuItem/MenuItem.vue.js";
-import { default as Go } from "./components/menu/Menu.vue.js";
-import { default as Qo } from "./components/appIcon/AppIcon.vue.js";
-import { default as Wo } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as Zo } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as rr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as tr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as pr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as fr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as dr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as xr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as lr } from "./components/cssBaseline/CssBaseline.vue.js";
-import { default as $r } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as cr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as gr } from "./components/typography/Heading.vue.js";
-import { default as Ir } from "./components/typography/Text.vue.js";
-import { default as Er } from "./components/typography/v4/Typography.vue.js";
-import { default as Br } from "./components/popover/Popover.vue.js";
+import { BannerTypes as _o } from "./components/banner/index.js";
+import { default as qo } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as Jo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Yo } from "./components/menuItem/MenuItem.vue.js";
+import { default as Lo } from "./components/menu/Menu.vue.js";
+import { default as Uo } from "./components/appIcon/AppIcon.vue.js";
+import { default as Xo } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as or } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as er } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as mr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as ar } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as ir } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as sr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as nr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as ur } from "./components/cssBaseline/CssBaseline.vue.js";
+import { default as Tr } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as yr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Fr } from "./components/typography/Heading.vue.js";
+import { default as Dr } from "./components/typography/Text.vue.js";
+import { default as Ar } from "./components/typography/v4/Typography.vue.js";
+import { default as Cr } from "./components/popover/Popover.vue.js";
 import { default as hr } from "./components/multibar/MultiBar.vue.js";
-import { default as Mr } from "./components/layout/FormRow.vue.js";
-import { default as Pr } from "./components/layout/FormCard.vue.js";
-import { default as kr } from "./components/layout/CardPanel.vue.js";
-import { default as Rr } from "./components/layout/FoldableSection.vue.js";
+import { default as Mr } from "./components/layout/FoldableSection.vue.js";
+import { default as vr } from "./components/forms/FormRow.vue.js";
+import { default as Or } from "./components/forms/FormCard.vue.js";
+import { default as Sr } from "./components/forms/CardPanel.vue.js";
 import { default as Hr } from "./components/forms/FormField.vue.js";
-import { default as Sr } from "./components/textArea/TextArea.vue.js";
-import { default as jr } from "./components/dateRange/DateRange.vue.js";
-import { default as zr } from "./components/datePicker/DatePicker.vue.js";
-import { default as Kr } from "./components/banner/Banner.vue.js";
+import { default as _r } from "./components/textArea/TextArea.vue.js";
+import { default as qr } from "./components/dateRange/DateRange.vue.js";
+import { default as Jr } from "./components/datePicker/DatePicker.vue.js";
+import { default as Yr } from "./components/banner/Banner.vue.js";
 const j = {
   ...e,
   ...t,
@@ -119,80 +119,81 @@ const j = {
   ...D,
   ...E,
   ...C,
+  ...b,
   ...h,
   ...w,
-  ...M,
   ...v,
   ...k,
-  ...b,
+  ...M,
   ...P,
   ...O,
   ...R,
   ...n,
   ...l,
+  ...S,
   ...V,
   ...H,
   ...N,
-  ...S,
   ..._
 };
 export {
-  cr as AddFilterButton,
-  Qo as AppIcon,
+  yr as AddFilterButton,
+  Uo as AppIcon,
   X as AppIconTypes,
-  jo as AppTrigger,
+  qo as AppTrigger,
   J as AppTriggerTypes,
-  zo as AutocompleteDropdown,
+  Jo as AutocompleteDropdown,
   Y as AutocompleteDropdownTypes,
-  Kr as Banner,
-  So as BannerTypes,
-  kr as CardPanel,
-  lr as CssBaseline,
+  Yr as Banner,
+  _o as BannerTypes,
+  Sr as CardPanel,
+  ur as CssBaseline,
   mo as CssBaselineTypes,
-  zr as DatePicker,
+  Jr as DatePicker,
   Ho as DatePickerTypes,
-  jr as DateRange,
-  Ro as DateRangeTypes,
-  $r as FilterDropdown,
+  qr as DateRange,
+  So as DateRangeTypes,
+  Tr as FilterDropdown,
   so as FilterDropdownTypes,
-  Wo as FloatingToolbar,
+  Xo as FloatingToolbar,
   oo as FloatingToolbarTypes,
-  Rr as FoldableSection,
-  Pr as FormCard,
-  Fo as FormCardTypes,
+  Mr as FoldableSection,
+  Fo as FoldableSectionTypes,
+  Or as FormCard,
+  Do as FormCardTypes,
   Hr as FormField,
-  Do as FormFieldTypes,
-  Mr as FormRow,
-  gr as Heading,
+  Eo as FormFieldTypes,
+  vr as FormRow,
+  Fr as Heading,
   ao as ID_INJECTION_KEY,
-  Zo as IncludeExclude,
-  dr as IncludeExcludeAppHeader,
-  fr as IncludeExcludeAppTrigger,
-  xr as IncludeExcludeChipFilter,
-  rr as IncludeExcludeDragDrop,
-  tr as IncludeExcludeOption,
-  pr as IncludeExcludeOptionDraggable,
+  or as IncludeExclude,
+  sr as IncludeExcludeAppHeader,
+  ir as IncludeExcludeAppTrigger,
+  nr as IncludeExcludeChipFilter,
+  er as IncludeExcludeDragDrop,
+  mr as IncludeExcludeOption,
+  ar as IncludeExcludeOptionDraggable,
   eo as IncludeExcludeTypes,
-  Go as Menu,
-  Ko as MenuItem,
+  Lo as Menu,
+  Yo as MenuItem,
   L as MenuItemTypes,
   U as MenuTypes,
   hr as MultiBar,
   yo as MultiBarTypes,
-  Br as Popover,
+  Cr as Popover,
   To as PopoverTypes,
-  Ir as Text,
-  Sr as TextArea,
-  Ao as TextAreaTypes,
-  Er as Typography,
+  Dr as Text,
+  _r as TextArea,
+  Bo as TextAreaTypes,
+  Ar as Typography,
   no as TypographyTypes,
   uo as TypographyTypesV4,
   j as default,
-  bo as scrollToElementByClass,
-  Po as scrollToFirstInvalidElement,
-  vo as useFormValidation,
+  Po as scrollToElementByClass,
+  vo as scrollToFirstInvalidElement,
+  ko as useFormValidation,
   fo as useId,
   wo as useSearch,
-  Co as useToggle,
-  ko as yupValidation
+  bo as useToggle,
+  Oo as yupValidation
 };

package/package.json

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