@ironsource/shared-ui 2.1.8-test.1 → 2.1.9

package/components/dropdown/v4/index.d.ts

@@ -1633,6 +1633,7 @@ declare const DropdownTypes: () => (({
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
+            groupedOptions: boolean;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -1829,6 +1830,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1859,7 +1864,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2064,6 +2069,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2152,6 +2161,7 @@ declare const DropdownTypes: () => (({
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
+            groupedOptions: boolean;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2368,6 +2378,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2596,6 +2610,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2684,6 +2702,7 @@ declare const DropdownTypes: () => (({
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
+    groupedOptions: boolean;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2730,6 +2749,7 @@ declare const DropdownTypes: () => (({
         "input-list"?(_: {
             open: true;
         }): any;
+        "group-option"?(_: {}): any;
         default?(_: {
             option: unknown;
             index: number;

package/index.d.ts

@@ -15542,6 +15542,7 @@ declare const _default: {
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
+                groupedOptions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -15738,6 +15739,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15768,7 +15773,7 @@ declare const _default: {
                 onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15973,6 +15978,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16061,6 +16070,7 @@ declare const _default: {
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
+                groupedOptions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -16277,6 +16287,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -16505,6 +16519,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -16593,6 +16611,7 @@ declare const _default: {
         disabledOptionKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
+        groupedOptions: boolean;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -16639,6 +16658,7 @@ declare const _default: {
             "input-list"?(_: {
                 open: true;
             }): any;
+            "group-option"?(_: {}): any;
             default?(_: {
                 option: unknown;
                 index: number;
@@ -19581,6 +19601,7 @@ declare const _default: {
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
+                groupedOptions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -19777,6 +19798,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19807,7 +19832,7 @@ declare const _default: {
                 onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -20012,6 +20037,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20100,6 +20129,7 @@ declare const _default: {
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
+                groupedOptions: boolean;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -20316,6 +20346,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -20544,6 +20578,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20632,6 +20670,7 @@ declare const _default: {
         disabledOptionKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
+        groupedOptions: boolean;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -20678,6 +20717,7 @@ declare const _default: {
             "input-list"?(_: {
                 open: true;
             }): any;
+            "group-option"?(_: {}): any;
             default?(_: {
                 option: unknown;
                 index: number;
@@ -23466,4 +23506,3 @@ export * from '@/components/banner';
 export * from '@/components/alert';
 export * from '@/components/autocomplete';
 export * from '@/components/chart';
-export * from '@/utils';

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './Text.vue_vue_type_style_index_0_scoped_94bd409b_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";
@@ -7,12 +7,12 @@ 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 Fo } from "./components/filterDropdown/index.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 Mo, FormFieldTypes as wo } from "./components/forms/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";
@@ -32,8 +32,8 @@ import * as $ from "./components/icon/v4/index.js";
 import * as T from "./components/input/v3/index.js";
 import * as c from "./components/input/v4/index.js";
 import * as y from "./components/tabs/v3/index.js";
-import * as F from "./components/tabs/v4/index.js";
-import * as g from "./components/dialog/v3/index.js";
+import * as g from "./components/tabs/v4/index.js";
+import * as F from "./components/dialog/v3/index.js";
 import * as I from "./components/dialog/v4/index.js";
 import * as A from "./components/toggle/v3/index.js";
 import * as E from "./components/toggle/v4/index.js";
@@ -41,66 +41,65 @@ import * as C from "./components/tooltip/v3/index.js";
 import * as D from "./components/tooltip/v4/index.js";
 import * as h from "./components/table/v3/index.js";
 import * as B from "./components/table/v4/index.js";
-import * as b from "./components/table-cells/v3/index.js";
-import * as M from "./components/table-cells/v4/index.js";
+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 L from "./components/skeleton/v4/index.js";
-import * as N from "./components/loader/v4/index.js";
-import * as O from "./components/emptyState/v3/index.js";
-import * as H from "./components/emptyState/v4/index.js";
-import * as K from "./components/snackbar/v3/index.js";
-import * as P from "./components/snackbar/v4/index.js";
-import * as S from "./components/radioButton/v3/index.js";
-import * as V from "./components/radioButton/v4/index.js";
-import * as _ from "./components/textArea/v3/index.js";
-import * as v from "./components/textArea/v4/index.js";
-import * as J 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 O from "./components/skeleton/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 U from "./components/dateRange/v4/index.js";
-import * as W from "./components/popover/v3/index.js";
-import * as Y from "./components/popover/v4/index.js";
-import { useToggle as No } from "./composables/useToggle.js";
-import { useSearch as Ho } from "./composables/useSearch.js";
-import { scrollToElementByClass as Po, scrollToFirstInvalidElement as So, useFormValidation as Vo, yupValidation as _o } from "./composables/useFormValidation.js";
-import { BannerTypes as Jo } from "./components/banner/index.js";
-import { AlertTypes as ko } from "./components/alert/index.js";
-import { AutocompleteTypes as zo } from "./components/autocomplete/index.js";
+import * as Y from "./components/dateRange/v4/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_FALLBACK as Uo, diffInPersentage as Wo, formatNumberWithCommas as Yo, nFormatter as Xo } from "./utils/formatNumbers.js";
-import { default as or } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as er } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as tr } from "./components/menuItem/MenuItem.vue.js";
-import { default as ar } from "./components/menu/Menu.vue.js";
-import { default as ir } from "./components/appIcon/AppIcon.vue.js";
-import { default as xr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as nr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as ur } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as Tr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as yr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as gr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as Ar } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Cr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as hr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as br } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as wr } from "./components/typography/Heading.vue.js";
-import { default as Nr } from "./components/typography/Text.vue.js";
-import { default as Hr } from "./components/typography/v4/Typography.vue.js";
-import { default as Pr } from "./components/multibar/MultiBar.vue.js";
-import { default as Vr } 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 qr } from "./components/forms/CardPanel.vue.js";
-import { default as Gr } from "./components/forms/FormField.vue.js";
-import { default as Rr } from "./components/banner/Banner.vue.js";
-import { default as Wr } from "./components/alert/Alert.vue.js";
-import { default as Xr } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as oe } from "./components/chart/Chart.vue.js";
+import { default as Yo } from "./components/appTrigger/AppTrigger.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 X = {
   ...e,
   ...m,
@@ -119,8 +118,8 @@ const X = {
   ...u,
   ...$,
   ...y,
-  ...F,
   ...g,
+  ...F,
   ...I,
   ...C,
   ...D,
@@ -128,91 +127,87 @@ const X = {
   ...E,
   ...h,
   ...B,
-  ...b,
   ...M,
+  ...b,
+  ...N,
+  ...S,
+  ...w,
   ...O,
   ...H,
-  ...w,
-  ...L,
-  ...N,
-  ...K,
-  ...P,
+  ...V,
+  ...v,
   ...n,
   ...l,
+  ...P,
   ..._,
-  ...v,
-  ...S,
-  ...V,
   ...J,
+  ...K,
   ...j,
   ...k,
   ...q,
   ...z,
   ...G,
+  ...L,
   ...Q,
   ...R,
+  ...Y,
   ...U,
-  ...W,
-  ...Y
+  ...W
 };
 export {
-  br as AddFilterButton,
-  Wr as Alert,
-  ko as AlertTypes,
-  ir as AppIcon,
+  Er as AddFilterButton,
+  Gr as Alert,
+  qo as AlertTypes,
+  mr as AppIcon,
   xo as AppIconTypes,
-  or as AppTrigger,
+  Yo as AppTrigger,
   ro as AppTriggerTypes,
-  Xr as Autocomplete,
-  er as AutocompleteDropdown,
+  Qr as Autocomplete,
+  Wo as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
-  zo as AutocompleteTypes,
-  Rr as Banner,
-  Jo as BannerTypes,
-  qr as CardPanel,
-  oe as Chart,
+  Go as AutocompleteTypes,
+  qr as Banner,
+  jo as BannerTypes,
+  Pr as CardPanel,
+  Yr as Chart,
   Qo as ChartTypes,
-  Uo as DEFAULT_FALLBACK,
-  hr as FilterDropdown,
-  Fo as FilterDropdownTypes,
-  xr as FloatingToolbar,
+  Ir as FilterDropdown,
+  go as FilterDropdownTypes,
+  pr as FloatingToolbar,
   no as FloatingToolbarTypes,
-  Vr as FoldableSection,
+  Nr as FoldableSection,
   Bo as FoldableSectionTypes,
-  jr as FormCard,
-  Mo as FormCardTypes,
-  Gr as FormField,
+  Jr as FormCard,
+  bo as FormCardTypes,
+  jr as FormField,
   wo as FormFieldTypes,
-  vr as FormRow,
-  wr as Heading,
+  Vr as FormRow,
+  Dr as Heading,
   To as ID_INJECTION_KEY,
-  nr as IncludeExclude,
-  Ar as IncludeExcludeAppHeader,
-  gr as IncludeExcludeAppTrigger,
-  Cr as IncludeExcludeChipFilter,
-  ur as IncludeExcludeDragDrop,
-  Tr as IncludeExcludeOption,
-  yr as IncludeExcludeOptionDraggable,
+  fr as IncludeExclude,
+  cr as IncludeExcludeAppHeader,
+  $r as IncludeExcludeAppTrigger,
+  gr as IncludeExcludeChipFilter,
+  dr as IncludeExcludeDragDrop,
+  sr as IncludeExcludeOption,
+  lr as IncludeExcludeOptionDraggable,
   uo as IncludeExcludeTypes,
-  ar as Menu,
-  tr as MenuItem,
+  rr as Menu,
+  Zo as MenuItem,
   po as MenuItemTypes,
   fo as MenuTypes,
-  Pr as MultiBar,
+  Or as MultiBar,
   Do as MultiBarTypes,
-  Nr as Text,
-  Hr as Typography,
+  Br as Text,
+  br as Typography,
   Io as TypographyTypes,
   Eo as TypographyTypesV4,
   X as default,
-  Wo as diffInPersentage,
-  Yo as formatNumberWithCommas,
-  Xo as nFormatter,
-  Po as scrollToElementByClass,
-  So as scrollToFirstInvalidElement,
-  Vo as useFormValidation,
+  vo as scrollToElementByClass,
+  Jo as scrollToFirstInvalidElement,
+  Ko as useFormValidation,
   co as useId,
-  Ho as useSearch,
-  No as useToggle,
-  _o as yupValidation
+  So as useSearch,
+  Ho as useToggle,
+  Po as yupValidation
 };

package/mocks/apps.d.ts

@@ -6,3 +6,10 @@ export type Application = {
     abIcon?: string;
 };
 export declare const appMocks: Application[];
+export declare const optionsWithGroups: {
+    label: string;
+    options: {
+        id: number;
+        label: string;
+    }[];
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.8-test.1",
+  "version": "2.1.9",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/utils/formatNumbers.js

@@ -1,19 +1,11 @@
-const i = "N/A", n = (s, e, r) => s.toLocaleString("en", {
+const s = "N/A", r = (n, e, t) => n.toLocaleString("en", {
   minimumFractionDigits: e,
-  maximumFractionDigits: r
-}), a = (s, e = i) => {
-  const r = Number(s), t = r % 1 !== 0;
-  return isNaN(r) && e ? e : Math.abs(r) >= 1e12 ? "∞" : Math.abs(r) >= 1e9 ? `${n(r / 1e9, 0, 1)}B` : Math.abs(r) >= 1e6 ? `${n(r / 1e6, 0, 1)}M` : Math.abs(r) >= 1e3 ? `${n(r / 1e3, 0, 1)}K` : t && Math.abs(r) >= 100 ? n(r, 0, 0) : t && Math.abs(r) >= 10 ? n(r, 0, 1) : t ? n(r, 2, 2) : n(r, 0, 0);
-}, o = (s, e, r = i) => {
-  const t = Number(s), u = Number(e);
-  return r && (isNaN(t) || isNaN(u)) ? r : t >= u ? (u - t) / t * 100 : (t - u) / t * -100;
-}, N = (s, e = i) => {
-  const r = Number(s);
-  return isNaN(r) && e ? e : n(r, 0, 2);
+  maximumFractionDigits: t
+}), u = (n, e = s) => {
+  const t = Number(n), a = t % 1 !== 0;
+  return isNaN(t) && e ? e : Math.abs(t) >= 1e12 ? "∞" : Math.abs(t) >= 1e9 ? `${r(t / 1e9, 0, 1)}B` : Math.abs(t) >= 1e6 ? `${r(t / 1e6, 0, 1)}M` : Math.abs(t) >= 1e3 ? `${r(t / 1e3, 0, 1)}K` : a && Math.abs(t) >= 100 ? r(t, 0, 0) : a && Math.abs(t) >= 10 ? r(t, 0, 1) : a ? r(t, 2, 2) : r(t, 0, 0);
 };
 export {
-  i as DEFAULT_FALLBACK,
-  o as diffInPersentage,
-  N as formatNumberWithCommas,
-  a as nFormatter
+  s as DEFAULT_FALLBACK,
+  u as nFormatter
 };

package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css

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

package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css

@@ -1 +0,0 @@
-.chart-legend[data-v-efc608f9]{display:flex;flex-direction:column;width:220px;height:100%;padding-bottom:8px}.search-box[data-v-efc608f9]{padding:12px 12px 4px}.legend[data-v-efc608f9]{overflow-y:auto;color:var(--text-primary)}.legend__list[data-v-efc608f9]{list-style:none;padding:0 12px 0 20px}.legend__list>li[data-v-efc608f9]{display:flex;align-items:center;gap:8px;height:32px}

package/DropdownV4.vue_vue_type_style_index_0_scoped_00ccab6b_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-00ccab6b],.v-leave-active[data-v-00ccab6b]{transition:opacity .25s ease}ol[data-v-00ccab6b],ul[data-v-00ccab6b],menu[data-v-00ccab6b]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-00ccab6b],.dropdown.full-width .button__container[data-v-00ccab6b]{width:100%}.dropdown-list-wrapper[data-v-00ccab6b]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-00ccab6b]{padding:.5rem}.list-container--multi[data-v-00ccab6b]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-00ccab6b]{padding-bottom:.25rem}.inline-search .list-container[data-v-00ccab6b]{padding-top:0}.no-result-container[data-v-00ccab6b]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-00ccab6b]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-00ccab6b]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-00ccab6b]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-00ccab6b]{margin-right:.5rem}.actions-wrapper[data-v-00ccab6b]{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-00ccab6b]{margin-left:.5rem}