@ironsource/shared-ui 1.4.2-test.14 → 1.4.2-test.16

package/components/toggle/Toggle.vue.js

@@ -1,14 +1,13 @@
 import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { COLORS } from '../../consts/colors.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                        */
 import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "toggle-wrap" };
 const _hoisted_2 = { class: "toggle-head" };
 const _hoisted_3 = ["disabled", "checked"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     modelValue: { type: Boolean },
@@ -24,7 +23,7 @@ const _sfc_main = defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7a6f4588": _ctx.color
+      "7a6f4588": __props.color
     }));
     const toggleValue = () => {
       if (props.isDisabled)
@@ -35,53 +34,53 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", {
-            class: normalizeClass(["toggle-body", { "toggle-active": _ctx.modelValue, "toggle-disabled": _ctx.isDisabled }]),
+            class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
             onClick: toggleValue
           }, [
             createElementVNode("div", _hoisted_2, [
-              _ctx.isLoading ? (openBlock(), createElementBlock("span", {
+              __props.isLoading ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 class: normalizeClass(["loader", {
-                  "loader-active": _ctx.modelValue
+                  "loader-active": __props.modelValue
                 }])
               }, null, 2)) : createCommentVNode("", true)
             ])
           ], 2),
           createElementVNode("input", {
             type: "checkbox",
-            disabled: _ctx.isDisabled,
-            checked: _ctx.modelValue,
+            disabled: __props.isDisabled,
+            checked: __props.modelValue,
             class: "checkbox"
           }, null, 8, _hoisted_3),
           createVNode(unref(Text), {
             size: "sm",
             "is-truncated": "",
-            class: normalizeClass(["item-text", { "text-disabled": _ctx.isDisabled }])
+            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.modelValue ? _ctx.activeText : _ctx.inactiveText), 1)
+              createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
             ]),
             _: 1
           }, 8, ["class"])
         ]),
         createElementVNode("div", null, [
-          _ctx.helperText ? (openBlock(), createBlock(unref(Text), {
+          __props.helperText ? (openBlock(), createBlock(unref(Text), {
             key: 0,
             size: "caption",
             class: "helper-text"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.helperText), 1)
+              createTextVNode(toDisplayString(__props.helperText), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          _ctx.errorText ? (openBlock(), createBlock(unref(Text), {
+          __props.errorText ? (openBlock(), createBlock(unref(Text), {
             key: 1,
             size: "caption",
-            class: normalizeClass(["error-text", { "error-and-help": !!_ctx.helperText }])
+            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.errorText), 1)
+              createTextVNode(toDisplayString(__props.errorText), 1)
             ]),
             _: 1
           }, 8, ["class"])) : createCommentVNode("", true)

package/components/toggle/index.d.ts

@@ -90,6 +90,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;
-}, {}>[];
+}>[];
 export { default as Toggle } from './Toggle.vue';
 export { ToggleTypes };

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/tooltip/TextWithTitleContent.vue.js

@@ -1,17 +1,16 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "content-wrap" };
 const _hoisted_2 = { class: "content-header" };
 const _hoisted_3 = { class: "content-body" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextWithTitleContent",
   props: {
-    text: {},
-    header: {}
+    text: null,
+    header: null
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -23,7 +22,7 @@ const _sfc_main = defineComponent({
             strong: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.header), 1)
+              createTextVNode(toDisplayString(__props.header), 1)
             ]),
             _: 1
           })
@@ -35,7 +34,7 @@ const _sfc_main = defineComponent({
             strong: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.text), 1)
+              createTextVNode(toDisplayString(__props.text), 1)
             ]),
             _: 1
           })

package/components/tooltip/Tooltip.vue.d.ts

@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/tooltip/Tooltip.vue.js

@@ -1,11 +1,10 @@
 import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
 import TextWithTitleContent from './TextWithTitleContent.vue.js';
-import '../typography/Heading.vue.js';
-import Text from '../typography/Text.vue.js';
+/* empty css                                                                     */import Text from '../typography/Text.vue.js';
 import { Tooltip } from 'floating-vue';
 /* empty css                                             */
 import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     text: { default: null },
@@ -53,17 +52,17 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
-        theme: _ctx.theme,
+        theme: __props.theme,
         "no-auto-focus": "",
-        triggers: _ctx.triggers,
-        delay: { show: _ctx.delay, hide: 0 },
-        placement: _ctx.placement,
-        disabled: _ctx.disabled || _ctx.text && !textForDisplay.value,
+        triggers: __props.triggers,
+        delay: { show: __props.delay, hide: 0 },
+        placement: __props.placement,
+        disabled: __props.disabled || __props.text && !textForDisplay.value,
         "auto-hide": ""
       }), {
         popper: withCtx(() => [
           renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
-            !_ctx.header ? (openBlock(), createBlock(unref(Text), {
+            !__props.header ? (openBlock(), createBlock(unref(Text), {
               key: 0,
               size: "sm",
               "is-truncated": false,
@@ -75,8 +74,8 @@ const _sfc_main = defineComponent({
               _: 1
             })) : (openBlock(), createBlock(TextWithTitleContent, {
               key: 1,
-              text: _ctx.text,
-              header: _ctx.header
+              text: __props.text,
+              header: __props.header
             }, null, 8, ["text", "header"]))
           ])
         ]),

package/components/tooltip/index.d.ts

@@ -89,6 +89,6 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
-}, {}>[];
+}>[];
 export { default as Tooltip } from './Tooltip.vue';
 export { TooltipTypes };

package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     args: unknown;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     args: unknown;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/typography/Heading.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     level: string;
 }>>>, {
     level: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/typography/Heading.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
 /* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Heading",
   props: {
     isTruncated: { type: Boolean },
@@ -17,8 +17,8 @@ const _sfc_main = defineComponent({
       return `h${props.level}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(tag.value), {
-        class: normalizeClass(["heading", { truncate: _ctx.isTruncated }])
+      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
+        class: normalizeClass(["heading", { truncate: __props.isTruncated }])
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)

package/components/typography/Text.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: string;
 }>>>, {
     size: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/typography/Text.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: {
     isTruncated: { type: Boolean },
@@ -16,7 +16,7 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: _ctx.strong, [sizeClass.value]: true, truncate: _ctx.isTruncated }])
+        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }])
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);

package/components/typography/index.d.ts

@@ -18,7 +18,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     };
 }>>, {
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
-}, {}> | import("vue").DefineComponent<{
+}> | import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
     } & {
@@ -44,7 +44,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     };
 }>>, {
     size: "md" | "sm" | "lg" | "caption" | "xs";
-}, {}>)[];
+}>)[];
 export { default as Heading } from './Heading.vue';
 export { default as Text } from './Text.vue';
 export { TypographyTypes };

package/index.vue.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css';
 export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
 export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
 export { MenuItemTypes } from './components/menuItem/index.vue.js';
@@ -36,6 +36,8 @@ export { useSearch } from './composables/useSearch.vue.js';
 export { DateRangeTypes } from './components/dateRange/index.vue.js';
 export { DatePickerTypes } from './components/datePicker/index.vue.js';
 export { BannerTypes } from './components/banner/index.vue.js';
+export { default as Popover } from './components/popover/Popover.vue.js';
+export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
 export { default as AppTrigger } from './components/appTrigger/AppTrigger.vue.js';
 export { default as AutocompleteDropdown } from './components/autocompleteDropdown/AutocompleteDropdown.vue.js';
 export { default as MenuItem } from './components/menuItem/MenuItem.vue.js';
@@ -78,10 +80,8 @@ export { default as Search } from './components/search/Search.vue.js';
 export { default as Skeleton } from './components/skeleton/Skeleton.vue.js';
 export { default as Heading } from './components/typography/Heading.vue.js';
 export { default as Text } from './components/typography/Text.vue.js';
-export { default as Popover } from './components/popover/Popover.vue.js';
 export { default as Chip } from './components/chip/Chip.vue.js';
 export { default as Toggle } from './components/toggle/Toggle.vue.js';
-export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
 export { default as Input } from './components/input/Input.vue.js';
 export { default as DollarInput } from './components/input/DollarInput.vue.js';
 export { default as PercentageInput } from './components/input/PercentageInput.vue.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.2-test.14",
+  "version": "1.4.2-test.16",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -48,8 +48,6 @@
     "date-fns": "^2.29.1",
     "floating-vue": "2.0.0-beta.20",
     "focus-trap": "^6.9.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "vue": "^3.2.31",
     "vuedraggable": "^4.1.0"
   },
@@ -117,6 +115,8 @@
     "prettier": "^2.6.0",
     "prismjs": "^1.29.0",
     "puppeteer": "^19.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "replace": "^1.2.1",
     "rimraf": "^3.0.2",
     "sass": "^1.49.7",