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

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,16 +1,17 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import '../typography/Heading.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                      */
+/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "TextWithTitleContent",
   props: {
-    text: null,
-    header: null
+    text: {},
+    header: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -22,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             strong: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.header), 1)
+              createTextVNode(toDisplayString(_ctx.header), 1)
             ]),
             _: 1
           })
@@ -34,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             strong: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.text), 1)
+              createTextVNode(toDisplayString(_ctx.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,10 +1,11 @@
 import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
 import TextWithTitleContent from './TextWithTitleContent.vue.js';
-/* empty css                                                                     */import Text from '../typography/Text.vue.js';
+import '../typography/Heading.vue.js';
+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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Tooltip",
   props: {
     text: { default: null },
@@ -52,17 +53,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
-        theme: __props.theme,
+        theme: _ctx.theme,
         "no-auto-focus": "",
-        triggers: __props.triggers,
-        delay: { show: __props.delay, hide: 0 },
-        placement: __props.placement,
-        disabled: __props.disabled || __props.text && !textForDisplay.value,
+        triggers: _ctx.triggers,
+        delay: { show: _ctx.delay, hide: 0 },
+        placement: _ctx.placement,
+        disabled: _ctx.disabled || _ctx.text && !textForDisplay.value,
         "auto-hide": ""
       }), {
         popper: withCtx(() => [
           renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
-            !__props.header ? (openBlock(), createBlock(unref(Text), {
+            !_ctx.header ? (openBlock(), createBlock(unref(Text), {
               key: 0,
               size: "sm",
               "is-truncated": false,
@@ -74,8 +75,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })) : (openBlock(), createBlock(TextWithTitleContent, {
               key: 1,
-              text: __props.text,
-              header: __props.header
+              text: _ctx.text,
+              header: _ctx.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, unref, normalizeClass, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Heading",
   props: {
     isTruncated: { type: Boolean },
@@ -17,8 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `h${props.level}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
-        class: normalizeClass(["heading", { truncate: __props.isTruncated }])
+      return openBlock(), createBlock(resolveDynamicComponent(tag.value), {
+        class: normalizeClass(["heading", { truncate: _ctx.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, unref, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Text",
   props: {
     isTruncated: { type: Boolean },
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }])
+        class: normalizeClass(["text", { strong: _ctx.strong, [sizeClass.value]: true, truncate: _ctx.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 './MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './IncludeExcludeAppHeader.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,8 +36,6 @@ 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';
@@ -80,8 +78,10 @@ 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.12",
+  "version": "1.4.2-test.14",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -48,6 +48,8 @@
     "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"
   },
@@ -63,8 +65,6 @@
     "@babel/core": "7.17.9",
     "@babel/node": "7.16.8",
     "@commitlint/cli": "^17.0.3",
-    "i": "^0.3.7",
-    "npm": "^8.19.2",
     "@commitlint/config-conventional": "^17.0.3",
     "@figus/cli": "^2.0.8",
     "@mdx-js/react": "^2.1.2",
@@ -104,6 +104,7 @@
     "happy-dom": "^2.49.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.1",
+    "i": "^0.3.7",
     "jest": "^27.5.1",
     "jest-image-snapshot": "^6.1.0",
     "jest-puppeteer": "^6.2.0",
@@ -111,6 +112,7 @@
     "lodash.kebabcase": "^4.1.1",
     "mustache": "^4.2.0",
     "nodejs-file-downloader": "^4.10.1",
+    "npm": "^8.19.2",
     "postcss": "^8.4.14",
     "prettier": "^2.6.0",
     "prismjs": "^1.29.0",