@ironsource/shared-ui 2.1.8-rc.7 → 2.1.8-rc.8

package/index.js

@@ -1,18 +1,18 @@
-import './IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css';
-import { AppTriggerTypes as oo } from "./components/appTrigger/index.js";
-import { AutocompleteDropdownTypes as eo } from "./components/autocompleteDropdown/index.js";
-import { MenuItemTypes as to } from "./components/menuItem/index.js";
-import { MenuTypes as ao } from "./components/menu/index.js";
-import { AppIconTypes as io } from "./components/appIcon/index.js";
-import { FloatingToolbarTypes as so } from "./components/floatingToolbar/index.js";
-import { IncludeExcludeTypes as lo } from "./components/includeExclude/index.js";
-import { ID_INJECTION_KEY as $o, useId as To } from "./composables/useId.js";
-import { FilterDropdownTypes as yo } from "./components/filterDropdown/index.js";
-import { TypographyTypes as Fo } from "./components/typography/index.js";
-import { TypographyTypesV4 as Ao } from "./components/typography/v4/index.js";
-import { MultiBarTypes as Co } from "./components/multibar/index.js";
-import { FoldableSectionTypes as ho } from "./components/layout/index.js";
-import { FormCardTypes as Mo, FormFieldTypes as bo } from "./components/forms/index.js";
+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";
+import { MenuTypes as fo } from "./components/menu/index.js";
+import { AppIconTypes as xo } from "./components/appIcon/index.js";
+import { FloatingToolbarTypes as no } from "./components/floatingToolbar/index.js";
+import { IncludeExcludeTypes as uo } from "./components/includeExclude/index.js";
+import { ID_INJECTION_KEY as To, useId as co } from "./composables/useId.js";
+import { FilterDropdownTypes as go } from "./components/filterDropdown/index.js";
+import { TypographyTypes as Io } from "./components/typography/index.js";
+import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
+import { MultiBarTypes as Do } from "./components/multibar/index.js";
+import { FoldableSectionTypes as Bo } from "./components/layout/index.js";
+import { FormCardTypes as bo, FormFieldTypes as wo } 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";
@@ -45,61 +45,62 @@ import * as M from "./components/table-cells/v3/index.js";
 import * as b from "./components/table-cells/v4/index.js";
 import * as w from "./components/skeleton/v3/index.js";
 import * as O from "./components/skeleton/v4/index.js";
-import * as H from "./components/emptyState/v3/index.js";
-import * as N from "./components/emptyState/v4/index.js";
-import * as S from "./components/snackbar/v3/index.js";
-import * as V from "./components/snackbar/v4/index.js";
-import * as v from "./components/radioButton/v3/index.js";
-import * as J from "./components/radioButton/v4/index.js";
-import * as K from "./components/textArea/v3/index.js";
-import * as P from "./components/textArea/v4/index.js";
-import * as _ from "./components/ThemeWrapper/index.js";
-import * as j from "./components/appHeader/index.js";
-import * as k from "./components/inlineCopy/index.js";
-import * as q from "./components/statusDot/index.js";
-import * as z from "./components/sortableList/index.js";
-import * as G from "./components/datePicker/v3/index.js";
-import * as L from "./components/datePicker/v4/index.js";
+import * as H from "./components/loader/v4/index.js";
+import * as N from "./components/emptyState/v3/index.js";
+import * as S from "./components/emptyState/v4/index.js";
+import * as V from "./components/snackbar/v3/index.js";
+import * as v from "./components/snackbar/v4/index.js";
+import * as J from "./components/radioButton/v3/index.js";
+import * as K from "./components/radioButton/v4/index.js";
+import * as P from "./components/textArea/v3/index.js";
+import * as _ from "./components/textArea/v4/index.js";
+import * as j from "./components/ThemeWrapper/index.js";
+import * as k from "./components/appHeader/index.js";
+import * as q from "./components/inlineCopy/index.js";
+import * as z from "./components/statusDot/index.js";
+import * as G from "./components/sortableList/index.js";
+import * as L from "./components/datePicker/v3/index.js";
+import * as Q from "./components/datePicker/v4/index.js";
 import * as R from "./components/dateRange/v3/index.js";
 import * as Y from "./components/dateRange/v4/index.js";
-import * as Q from "./components/popover/v3/index.js";
-import * as U from "./components/popover/v4/index.js";
-import { useToggle as Oo } from "./composables/useToggle.js";
-import { useSearch as No } from "./composables/useSearch.js";
-import { scrollToElementByClass as Vo, scrollToFirstInvalidElement as vo, useFormValidation as Jo, yupValidation as Ko } from "./composables/useFormValidation.js";
-import { BannerTypes as _o } from "./components/banner/index.js";
-import { AlertTypes as ko } from "./components/alert/index.js";
-import { AutocompleteTypes as zo } from "./components/autocomplete/index.js";
-import { ChartTypes as Lo } from "./components/chart/index.js";
+import * as U from "./components/popover/v3/index.js";
+import * as W from "./components/popover/v4/index.js";
+import { useToggle as Ho } from "./composables/useToggle.js";
+import { useSearch as So } from "./composables/useSearch.js";
+import { scrollToElementByClass as vo, scrollToFirstInvalidElement as Jo, useFormValidation as Ko, yupValidation as Po } from "./composables/useFormValidation.js";
+import { BannerTypes as jo } from "./components/banner/index.js";
+import { AlertTypes as qo } from "./components/alert/index.js";
+import { AutocompleteTypes as Go } from "./components/autocomplete/index.js";
+import { ChartTypes as Qo } from "./components/chart/index.js";
 import { default as Yo } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as Uo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as Xo } from "./components/menuItem/MenuItem.vue.js";
-import { default as or } from "./components/menu/Menu.vue.js";
-import { default as er } from "./components/appIcon/AppIcon.vue.js";
-import { default as tr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as ar } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as ir } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as xr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as nr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as ur } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as Tr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as yr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as Fr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as Ar } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as Cr } from "./components/typography/Heading.vue.js";
-import { default as hr } from "./components/typography/Text.vue.js";
-import { default as Mr } from "./components/typography/v4/Typography.vue.js";
-import { default as wr } from "./components/multibar/MultiBar.vue.js";
-import { default as Hr } from "./components/layout/FoldableSection.vue.js";
-import { default as Sr } from "./components/forms/FormRow.vue.js";
-import { default as vr } from "./components/forms/FormCard.vue.js";
-import { default as Kr } from "./components/forms/CardPanel.vue.js";
-import { default as _r } from "./components/forms/FormField.vue.js";
-import { default as kr } from "./components/banner/Banner.vue.js";
-import { default as zr } from "./components/alert/Alert.vue.js";
-import { default as Lr } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as Wo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Zo } from "./components/menuItem/MenuItem.vue.js";
+import { default as rr } from "./components/menu/Menu.vue.js";
+import { default as mr } from "./components/appIcon/AppIcon.vue.js";
+import { default as pr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as dr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as sr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as lr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as $r } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as cr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as gr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as Ir } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Er } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Dr } from "./components/typography/Heading.vue.js";
+import { default as Br } from "./components/typography/Text.vue.js";
+import { default as br } from "./components/typography/v4/Typography.vue.js";
+import { default as Or } from "./components/multibar/MultiBar.vue.js";
+import { default as Nr } from "./components/layout/FoldableSection.vue.js";
+import { default as Vr } from "./components/forms/FormRow.vue.js";
+import { default as Jr } from "./components/forms/FormCard.vue.js";
+import { default as Pr } from "./components/forms/CardPanel.vue.js";
+import { default as jr } from "./components/forms/FormField.vue.js";
+import { default as qr } from "./components/banner/Banner.vue.js";
+import { default as Gr } from "./components/alert/Alert.vue.js";
+import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
 import { default as Yr } from "./components/chart/Chart.vue.js";
-const W = {
+const X = {
   ...e,
   ...m,
   ...t,
@@ -128,84 +129,85 @@ const W = {
   ...B,
   ...M,
   ...b,
-  ...H,
   ...N,
+  ...S,
   ...w,
   ...O,
-  ...S,
+  ...H,
   ...V,
+  ...v,
   ...n,
   ...l,
-  ...K,
   ...P,
-  ...v,
-  ...J,
   ..._,
+  ...J,
+  ...K,
   ...j,
   ...k,
   ...q,
   ...z,
   ...G,
   ...L,
+  ...Q,
   ...R,
   ...Y,
-  ...Q,
-  ...U
+  ...U,
+  ...W
 };
 export {
-  Ar as AddFilterButton,
-  zr as Alert,
-  ko as AlertTypes,
-  er as AppIcon,
-  io as AppIconTypes,
+  Er as AddFilterButton,
+  Gr as Alert,
+  qo as AlertTypes,
+  mr as AppIcon,
+  xo as AppIconTypes,
   Yo as AppTrigger,
-  oo as AppTriggerTypes,
-  Lr as Autocomplete,
-  Uo as AutocompleteDropdown,
-  eo as AutocompleteDropdownTypes,
-  zo as AutocompleteTypes,
-  kr as Banner,
-  _o as BannerTypes,
-  Kr as CardPanel,
+  ro as AppTriggerTypes,
+  Qr as Autocomplete,
+  Wo as AutocompleteDropdown,
+  mo as AutocompleteDropdownTypes,
+  Go as AutocompleteTypes,
+  qr as Banner,
+  jo as BannerTypes,
+  Pr as CardPanel,
   Yr as Chart,
-  Lo as ChartTypes,
-  Fr as FilterDropdown,
-  yo as FilterDropdownTypes,
-  tr as FloatingToolbar,
-  so as FloatingToolbarTypes,
-  Hr as FoldableSection,
-  ho as FoldableSectionTypes,
-  vr as FormCard,
-  Mo as FormCardTypes,
-  _r as FormField,
-  bo as FormFieldTypes,
-  Sr as FormRow,
-  Cr as Heading,
-  $o as ID_INJECTION_KEY,
-  ar as IncludeExclude,
-  Tr as IncludeExcludeAppHeader,
-  ur as IncludeExcludeAppTrigger,
-  yr as IncludeExcludeChipFilter,
-  ir as IncludeExcludeDragDrop,
-  xr as IncludeExcludeOption,
-  nr as IncludeExcludeOptionDraggable,
-  lo as IncludeExcludeTypes,
-  or as Menu,
-  Xo as MenuItem,
-  to as MenuItemTypes,
-  ao as MenuTypes,
-  wr as MultiBar,
-  Co as MultiBarTypes,
-  hr as Text,
-  Mr as Typography,
-  Fo as TypographyTypes,
-  Ao as TypographyTypesV4,
-  W as default,
-  Vo as scrollToElementByClass,
-  vo as scrollToFirstInvalidElement,
-  Jo as useFormValidation,
-  To as useId,
-  No as useSearch,
-  Oo as useToggle,
-  Ko as yupValidation
+  Qo as ChartTypes,
+  Ir as FilterDropdown,
+  go as FilterDropdownTypes,
+  pr as FloatingToolbar,
+  no as FloatingToolbarTypes,
+  Nr as FoldableSection,
+  Bo as FoldableSectionTypes,
+  Jr as FormCard,
+  bo as FormCardTypes,
+  jr as FormField,
+  wo as FormFieldTypes,
+  Vr as FormRow,
+  Dr as Heading,
+  To as ID_INJECTION_KEY,
+  fr as IncludeExclude,
+  cr as IncludeExcludeAppHeader,
+  $r as IncludeExcludeAppTrigger,
+  gr as IncludeExcludeChipFilter,
+  dr as IncludeExcludeDragDrop,
+  sr as IncludeExcludeOption,
+  lr as IncludeExcludeOptionDraggable,
+  uo as IncludeExcludeTypes,
+  rr as Menu,
+  Zo as MenuItem,
+  po as MenuItemTypes,
+  fo as MenuTypes,
+  Or as MultiBar,
+  Do as MultiBarTypes,
+  Br as Text,
+  br as Typography,
+  Io as TypographyTypes,
+  Eo as TypographyTypesV4,
+  X as default,
+  vo as scrollToElementByClass,
+  Jo as scrollToFirstInvalidElement,
+  Ko as useFormValidation,
+  co as useId,
+  So as useSearch,
+  Ho as useToggle,
+  Po as yupValidation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.8-rc.7",
+  "version": "2.1.8-rc.8",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -399,6 +399,9 @@
       "skeleton/v4": [
         "./components/skeleton/index.d.ts"
       ],
+      "loader/v4": [
+        "./components/loader/v4/index.d.ts"
+      ],
       "text": [
         "./components/typography/Text.vue.d.ts"
       ],

package/Chart.vue_vue_type_style_index_0_scoped_f06a4764_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-f06a4764]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px}.header-wrapper[data-v-f06a4764]{height:76px}.chart-content[data-v-f06a4764]{flex:1}.chart-sidebar[data-v-f06a4764]{border-left:1px solid var(--common-divider)}.chart[data-v-f06a4764]{width:100%;height:312px;position:relative}.chart__canvas[data-v-f06a4764]{width:100%;height:100%}.chart__tooltip[data-v-f06a4764]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_88d4532f_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-88d4532f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.header-texts[data-v-88d4532f]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-88d4532f]{display:flex;align-items:center;gap:4px}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css

@@ -1 +0,0 @@
-.default-dropdown-wrapper[data-v-1726ad49]{position:relative}.dropdown-trigger[data-v-1726ad49]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.25rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-1726ad49]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-1726ad49]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-1726ad49]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-1726ad49]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-1726ad49],.dropdown-trigger.disabled .caret-down[data-v-1726ad49]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-1726ad49]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-1726ad49]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-1726ad49]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-1726ad49],.dropdown-trigger.state-success[data-v-1726ad49],.dropdown-trigger.state-warning[data-v-1726ad49]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-1726ad49],.dropdown-trigger.state-success.small[data-v-1726ad49],.dropdown-trigger.state-warning.small[data-v-1726ad49]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-1726ad49],.dropdown-trigger.state-success.large[data-v-1726ad49],.dropdown-trigger.state-warning.large[data-v-1726ad49]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-1726ad49]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-1726ad49]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-1726ad49]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-1726ad49]{color:var(--action-active)}.content[data-v-1726ad49]{display:flex;flex:1;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-1726ad49]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-1726ad49]{width:20px;height:20px;flex:none}.content .image img[data-v-1726ad49]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-1726ad49]{display:flex;color:var(--action-active)}.content .status-dot[data-v-1726ad49]{padding-right:.25rem}.content .status-dot>div[data-v-1726ad49]{position:relative;top:-1px}.dropdown-field-label[data-v-1726ad49]{color:var(--text-primary)}.dropdown-field-help-text[data-v-1726ad49]{margin-top:4px;position:absolute}