@ironsource/shared-ui 1.4.1-rc.2 → 1.4.1-rc.3

package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-723775d7]{color:#41454d}.app-trigger[data-v-723775d7]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-723775d7]{gap:.25rem}.app-trigger__left-image[data-v-723775d7]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-723775d7]{color:#8e959d}.app-trigger__middle-section[data-v-723775d7]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-723775d7]{width:9.5rem}.app-trigger__middle-section--loading[data-v-723775d7]{gap:0}.app-trigger__description[data-v-723775d7]{color:#7b838c}.app-trigger__right-icon[data-v-723775d7]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-723775d7]{color:#41454d}
+.label[data-v-3e9cc534]{color:#41454d}.app-trigger[data-v-3e9cc534]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-3e9cc534]{gap:.25rem}.app-trigger__left-image[data-v-3e9cc534]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-3e9cc534]{color:#8e959d}.app-trigger__middle-section[data-v-3e9cc534]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-3e9cc534]{width:9.5rem}.app-trigger__middle-section--loading[data-v-3e9cc534]{gap:0}.app-trigger__description[data-v-3e9cc534]{color:#7b838c}.app-trigger__right-icon[data-v-3e9cc534]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-3e9cc534]{color:#41454d}

package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-366433b4]{color:#41454d}.v-enter-active[data-v-366433b4],.v-leave-active[data-v-366433b4]{transition:opacity .25s ease}.v-enter-from[data-v-366433b4],.v-leave-to[data-v-366433b4]{opacity:0}.container[data-v-366433b4]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-366433b4]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-366433b4]{min-height:7rem;overflow-y:auto;width:var(--5f89db1d);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-366433b4]{padding:0 1.5rem}.header[data-v-366433b4]{padding:1rem 1.5rem 0}.header--bordered[data-v-366433b4]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-366433b4]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-366433b4]{margin-left:auto;color:#d2d5d8}.content[data-v-366433b4]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-366433b4]{padding:1.5rem}.footer[data-v-366433b4]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-366433b4]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-366433b4] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-366433b4]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}
+.label[data-v-3f6d9c46]{color:#41454d}.v-enter-active[data-v-3f6d9c46],.v-leave-active[data-v-3f6d9c46]{transition:opacity .25s ease}.v-enter-from[data-v-3f6d9c46],.v-leave-to[data-v-3f6d9c46]{opacity:0}.container[data-v-3f6d9c46]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3f6d9c46]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-3f6d9c46]{min-height:7rem;overflow-y:auto;width:var(--147c2223);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-3f6d9c46]{padding:0 1.5rem}.header[data-v-3f6d9c46]{padding:1rem 1.5rem 0}.header--bordered[data-v-3f6d9c46]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3f6d9c46]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3f6d9c46]{margin-left:auto;color:#d2d5d8}.content[data-v-3f6d9c46]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3f6d9c46]{padding:1.5rem}.footer[data-v-3f6d9c46]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3f6d9c46]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3f6d9c46] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3f6d9c46]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/README.md

@@ -21,10 +21,9 @@ To release a pre-release version, follow these steps:
 5. Push your changes
 6. Create a PR from your branch to `release/x.x.x` branch
 
-Pushing to `release/x.x.x` branch will trigger `pre-release.yml` workflow and will create a pre-release version.
-
-### Breaking Change
+Running `pre-release.yml` workflow will create a pre-release (-rc.xx) version and publish it to npm
 
+### Release
 
 To release a new version of the package (due to breaking changes), you need to follow the next steps:
 1. Create a new branch from `main` branch with the name `release/x.x.x` (x.x.x - version of the package)
@@ -36,9 +35,8 @@ To release a new version of the package (due to breaking changes), you need to f
 7. Add reviewers
 8. Merge the PR to `release/x.x.x` branch
 9. Create a new PR from `release/x.x.x` branch to `main` branch
-10. Merge the PR to `main` branch
-
-Merging release/x.x.x branch to main branch will trigger `release.yml` workflow and will create a new(not RC) version of the package.
+10. When you changes will ready to the release, run `release.yml` workflow it will create a new last release version and publish it to npm
+11. Merge the PR to `main` branch
 
 ## Testing
 Uses Vitest + Vue Test Utils (runs automatically on commit)
@@ -65,6 +63,13 @@ Start storybook:
 npm run storybook
 ```
 
+## Storybook deployment
+
+You can publish your branch to storybook by running "Deploy Docs" (`storybook.yml`) workflow with your branch.
+It will build and publish your branch stories. That you can check by entering this URL:
+https://mobile-shared-ui.ironsrc.mobi/branch_your-branch-name/
+
+
 ## Linking for local development in another project
 When developing locally, you can link to the shared-ui library:
 ```

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -3,22 +3,27 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
+    singleAppSelection?: boolean;
 }>, {
     selected: any;
     options: any;
     loading: boolean;
+    singleAppSelection: 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<{
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
+    singleAppSelection?: boolean;
 }>, {
     selected: any;
     options: any;
     loading: boolean;
+    singleAppSelection: boolean;
 }>>>, {
     loading: boolean;
     selected: Application[];
     options: Application[];
+    singleAppSelection: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/appTrigger/AppTrigger.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import AppIcon from '../appIcon/AppIcon.vue.js';
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      */import AppIcon from '../appIcon/AppIcon.vue.js';
-/* empty css                                                            */
+/* empty css                                                                      *//* empty css                                                            */
 import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "app-trigger__left-image" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,12 +13,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     selected: { default: null },
     options: { default: null },
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    singleAppSelection: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
     const allTitle = "All apps selected";
+    const NoAppsTitle = "No apps to select";
     const title = computed(() => {
+      if (props.singleAppSelection && noApp.value) {
+        return NoAppsTitle;
+      }
+      if (props.singleAppSelection && singleApp.value) {
+        return `${firstSelection.value?.name}`;
+      }
       if (allMode.value) {
         return allTitle;
       }
@@ -28,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `${selectedSize.value} apps selected`;
     });
     const osIcon = computed(() => {
-      if (!allMode.value) {
+      if (!allMode.value || props.singleAppSelection && singleApp.value) {
         return firstSelection.value.platform.toLowerCase();
       }
       return null;
@@ -63,6 +71,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const singleApp = computed(() => {
       return selectedSize.value === 1;
     });
+    const noApp = computed(() => {
+      return optionsSize.value === 0;
+    });
     const allMode = computed(() => {
       return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
     });
@@ -164,6 +175,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-723775d7"]]);
+var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e9cc534"]]);
 
 export { AppTrigger as default };

package/components/appTrigger/index.d.ts

@@ -14,6 +14,11 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: import("vue").PropType<boolean>;
@@ -30,10 +35,16 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }>>, {
     loading: boolean;
     selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    singleAppSelection: boolean;
 }>[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/dialog/Dialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
+import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, normalizeStyle, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
 import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
 import { useTimeoutFn } from '@vueuse/core';
 import Text from '../typography/Text.vue.js';
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "5f89db1d": __props.width
+      "147c2223": __props.width
     }));
     const visible = ref(false);
     let openTimer = void 0;
@@ -116,6 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   class: "modal",
+                  style: normalizeStyle({ width: __props.width }),
                   onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
                 }, [
                   createElementVNode("header", {
@@ -169,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                     ])
                   ])) : createCommentVNode("", true)
-                ], 32),
+                ], 36),
                 __props.showBackdrop ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "backdrop",
@@ -185,6 +186,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-366433b4"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f6d9c46"]]);
 
 export { Dialog as default };

package/index.vue.js

@@ -1,4 +1,4 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './Table.vue_vue_type_style_index_1_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';

package/package.json

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