@ironsource/shared-ui 2.1.11-test.7 → 2.1.11-test.9

package/index.js

@@ -1,4 +1,4 @@
-import './AddFilterButton.vue_vue_type_style_index_0_scoped_fd98af08_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_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/mocks/options.d.ts

@@ -1,4 +1,23 @@
 import { Country } from '@is-ssp/includeExclude/includeExcludeMocks';
+export declare const SHORT_NESTED_OPTIONS: ({
+    text: string;
+    id: number;
+    endIcon: string;
+    children?: undefined;
+} | {
+    text: string;
+    id: number;
+    endIcon: string;
+    children: ({
+        text: string;
+        endIcon: string;
+        id: number;
+    } | {
+        text: string;
+        id: number;
+        endIcon?: undefined;
+    })[];
+})[];
 export declare const NESTED_OPTIONS: ({
     text: string;
     id: number;
@@ -51,7 +70,3 @@ export declare const NESTED_OPTIONS_TEXT: ({
     endIcon?: undefined;
 })[];
 export declare const countries: readonly Country[];
-export declare const CONDITIONAL_DROPDOWN_OPTIONS: {
-    label: string;
-    value: string;
-}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-test.7",
+  "version": "2.1.11-test.9",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -92,6 +92,7 @@
     "@storybook/test-runner": "^0.17.1--canary.445.f7d2785.0",
     "@storybook/vue3": "^7.5.3",
     "@types/download": "^8.0.5",
+    "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^20.9.0",
     "@types/prismjs": "^1.26.3",
     "@typescript-eslint/eslint-plugin": "^6.11.0",

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css

@@ -1 +0,0 @@
-.chip-trigger[data-v-49bd7193]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-49bd7193]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-49bd7193]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-49bd7193]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-49bd7193]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-49bd7193]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-49bd7193]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-49bd7193]{cursor:auto}.chip-trigger--content[data-v-49bd7193]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-49bd7193]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-49bd7193]:hover{color:var(--primary-darker)}.chip-trigger--icon[data-v-49bd7193]{color:var(--action-active)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_562f0b72_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-562f0b72],.v-leave-active[data-v-562f0b72]{transition:opacity .25s ease}ol[data-v-562f0b72],ul[data-v-562f0b72],menu[data-v-562f0b72]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-562f0b72],.dropdown.full-width .button__container[data-v-562f0b72]{width:100%}.dropdown-list-wrapper[data-v-562f0b72]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-562f0b72]{padding:.5rem}.list-container--multi[data-v-562f0b72]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-562f0b72]{padding-bottom:.25rem;display:flex;flex-direction:row;gap:.25rem}.inline-search .list-container[data-v-562f0b72]{padding-top:0}.inline-search-wrapper[data-v-562f0b72]{padding-bottom:.25rem;display:flex;flex-direction:row;gap:.25rem}.no-result-container[data-v-562f0b72]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-562f0b72]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-562f0b72]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-562f0b72]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-562f0b72]{margin-right:.5rem}.actions-wrapper[data-v-562f0b72]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-562f0b72]{margin-left:.5rem}

package/OptionV4.vue_vue_type_style_index_0_scoped_da829544_lang.css

@@ -1 +0,0 @@
-.label[data-v-da829544]{color:#41454d}.item-container[data-v-da829544]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-da829544]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-da829544]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-da829544],.item-container[data-v-da829544]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-da829544]{background-color:var(--action-selected)}.subtitle[data-v-da829544]{color:#7b838c;line-height:1rem}.clear-button[data-v-da829544]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-da829544]:hover{color:#3083ff}.item[data-v-da829544]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-da829544],.item--multi[data-v-da829544]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-da829544]{width:20px;height:20px;flex:none}.item .image img[data-v-da829544]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-da829544]{width:16px;height:16px}.item .flag img[data-v-da829544]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-da829544],.item .end-icon[data-v-da829544]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-da829544]{display:inline-flex}.item .option-text[data-v-da829544]{line-height:1.1875rem}.text-container[data-v-da829544]{width:100%;text-overflow:ellipsis;overflow:hidden}.tooltip-option[data-v-da829544]{display:block}.tooltip-option[data-v-da829544] .container{width:100%}.app-trigger--icon[data-v-da829544]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-da829544]{transform:rotate(0)}.option-content[data-v-da829544]{display:flex}.option-content[data-v-da829544]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-da829544]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-da829544]{flex-direction:column}.option-text .main-text[data-v-da829544]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .caption-text[data-v-da829544]{color:var(--text-secondary)}.multiline-tooltip[data-v-da829544]{display:flex;flex-direction:column}

package/TreeDropdown.vue_vue_type_style_index_0_scoped_985779f7_lang.css

@@ -1 +0,0 @@
-.child-options[data-v-985779f7]{padding-left:1rem}