@ironsource/shared-ui 2.1.12-test.1 → 2.1.12-test.101

package/index.js

@@ -1,18 +1,18 @@
-import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_6705ad81_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
-import { MenuTypes as fo } from "./components/menu/index.js";
+import { MenuTypes as io } from "./components/menu/index.js";
 import { AppIconTypes as so } from "./components/appIcon/index.js";
 import { FloatingToolbarTypes as lo } from "./components/floatingToolbar/index.js";
 import { IncludeExcludeTypes as $o } from "./components/includeExclude/index.js";
 import { ID_INJECTION_KEY as co, useId as yo } from "./composables/useId.js";
 import { FilterDropdownTypes as Fo } from "./components/filterDropdown/index.js";
-import { TypographyTypes as Ao } from "./components/typography/index.js";
-import { TypographyTypesV4 as Co } from "./components/typography/v4/index.js";
+import { TypographyTypes as Co } from "./components/typography/index.js";
+import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
 import { MultiBarTypes as ho } from "./components/multibar/index.js";
 import { FoldableSectionTypes as Mo } from "./components/layout/index.js";
-import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/index.js";
+import { FormCardTypes as wo, FormFieldTypes as ko } 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";
@@ -20,8 +20,8 @@ import * as t from "./components/chip/v4/index.js";
 import * as m from "./components/switch/v3/index.js";
 import * as p from "./components/switch/v4/index.js";
 import * as a from "./components/dropdown/v3/index.js";
-import * as i from "./components/dropdown/v4/index.js";
-import * as f from "./components/search/v3/index.js";
+import * as f from "./components/dropdown/v4/index.js";
+import * as i from "./components/search/v3/index.js";
 import * as d from "./components/search/v4/index.js";
 import * as x from "./components/filtersPanel/v3/index.js";
 import * as s from "./components/filtersPanel/v4/index.js";
@@ -35,73 +35,82 @@ import * as y from "./components/tabs/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";
-import * as C from "./components/tooltip/v3/index.js";
+import * as C from "./components/toggle/v3/index.js";
+import * as A from "./components/toggle/v4/index.js";
+import * as E 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 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/loader/v4/index.js";
-import * as N from "./components/emptyState/v3/index.js";
+import * as k from "./components/skeleton/v4/index.js";
+import * as O from "./components/loader/v4/index.js";
+import * as P 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 R 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 v from "./components/snackbar/v3/index.js";
+import * as H from "./components/snackbar/v4/index.js";
+import * as L from "./components/radioButton/v3/index.js";
+import * as N from "./components/radioButton/v4/index.js";
+import * as V from "./components/textArea/v3/index.js";
+import * as J from "./components/textArea/v4/index.js";
+import * as K from "./components/ThemeWrapper/index.js";
+import * as R from "./components/appHeader/index.js";
+import * as _ from "./components/inlineCopy/index.js";
+import * as j from "./components/statusDot/index.js";
+import * as q from "./components/sortableList/index.js";
+import * as z from "./components/datePicker/v3/index.js";
+import * as G from "./components/datePicker/v4/index.js";
 import * as Q from "./components/dateRange/v3/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 * as X from "./utils/index.js";
-import { useToggle as No } from "./composables/useToggle.js";
-import { useSearch as Vo } from "./composables/useSearch.js";
-import { scrollToElementByClass as Jo, scrollToFirstInvalidElement as Ko, useFormValidation as Po, yupValidation as Ro } from "./composables/useFormValidation.js";
+import { useToggle as Po } from "./composables/useToggle.js";
+import { useSearch as vo } from "./composables/useSearch.js";
+import { scrollToElementByClass as Lo, scrollToFirstInvalidElement as No, useFormValidation as Vo, yupValidation as Jo } from "./composables/useFormValidation.js";
+import { useDateService as Ro } from "./composables/useDateService.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 Uo } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as Xo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as or } from "./components/menuItem/MenuItem.vue.js";
-import { default as er } from "./components/menu/Menu.vue.js";
-import { default as mr } from "./components/appIcon/AppIcon.vue.js";
-import { default as ar } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as xr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as nr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as ur } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as Tr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as yr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Fr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as Ar } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as Cr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as hr } from "./components/typography/Heading.vue.js";
-import { default as Mr } from "./components/typography/Text.vue.js";
-import { default as wr } from "./components/typography/v4/Typography.vue.js";
-import { default as Hr } from "./components/multibar/MultiBar.vue.js";
-import { default as Sr } from "./components/layout/FoldableSection.vue.js";
-import { default as vr } from "./components/forms/FormRow.vue.js";
-import { default as Kr } from "./components/forms/FormCard.vue.js";
-import { default as Rr } 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 Ur } from "./components/chart/Chart.vue.js";
-import { ChartType as Xr, TooltipOrder as Zr, TrendDirection as oe } from "./components/chart/types.js";
+import { AlertTypes as zo } from "./components/alert/index.js";
+import { LinkTypes as Qo } from "./components/link/index.js";
+import { AutocompleteTypes as Uo } from "./components/autocomplete/index.js";
+import { ChartTypes as Xo } from "./components/chart/index.js";
+import { ColumnPickerTypes as or } from "./components/columnPicker/index.js";
+import { ColumnConfiguratorTypes as er } from "./components/columnConfigurator/index.js";
+import { TagsFieldTypes as mr } from "./components/tagsField/index.js";
+import { default as ar } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as ir } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as xr } from "./components/menuItem/MenuItem.vue.js";
+import { default as nr } from "./components/menu/Menu.vue.js";
+import { default as ur } from "./components/appIcon/AppIcon.vue.js";
+import { default as Tr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as yr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as Fr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as Cr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as Er } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as hr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as Mr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as wr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as Or } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Sr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Hr } from "./components/typography/Heading.vue.js";
+import { default as Nr } from "./components/typography/Text.vue.js";
+import { default as Jr } from "./components/typography/v4/Typography.vue.js";
+import { default as Rr } from "./components/multibar/MultiBar.vue.js";
+import { default as jr } from "./components/layout/FoldableSection.vue.js";
+import { default as zr } from "./components/forms/FormRow.vue.js";
+import { default as Qr } from "./components/forms/FormCard.vue.js";
+import { default as Ur } from "./components/forms/CardPanel.vue.js";
+import { default as Xr } from "./components/forms/FormField.vue.js";
+import { default as oe } from "./components/banner/Banner.vue.js";
+import { default as ee } from "./components/alert/Alert.vue.js";
+import { default as me } from "./components/link/Link.vue.js";
+import { default as ae } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as ie } from "./components/chart/Chart.vue.js";
+import { ChartType as xe, TooltipOrder as se, TrendDirection as ne } from "./components/chart/types.js";
+import { default as ue } from "./components/columnPicker/ColumnPicker.vue.js";
+import { default as Te } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
+import { default as ye } from "./components/tagsField/TagsField.vue.js";
 const Z = {
   ...e,
   ...t,
@@ -110,8 +119,8 @@ const Z = {
   ...o,
   ...r,
   ...a,
-  ...i,
   ...f,
+  ...i,
   ...d,
   ...x,
   ...s,
@@ -123,34 +132,34 @@ const Z = {
   ...g,
   ...F,
   ...I,
-  ...C,
+  ...E,
   ...D,
+  ...C,
   ...A,
-  ...E,
   ...h,
   ...B,
   ...M,
   ...b,
-  ...N,
+  ...P,
   ...S,
   ...w,
+  ...k,
   ...O,
-  ...H,
-  ...V,
   ...v,
+  ...H,
   ...n,
   ...l,
-  ...P,
-  ...R,
+  ...V,
   ...J,
+  ...L,
+  ...N,
   ...K,
+  ...R,
   ..._,
   ...j,
-  ...k,
   ...q,
   ...z,
   ...G,
-  ...L,
   ...Q,
   ...Y,
   ...U,
@@ -158,62 +167,71 @@ const Z = {
   ...X
 };
 export {
-  Cr as AddFilterButton,
-  Gr as Alert,
-  qo as AlertTypes,
-  mr as AppIcon,
+  Sr as AddFilterButton,
+  ee as Alert,
+  zo as AlertTypes,
+  ur as AppIcon,
   so as AppIconTypes,
-  Uo as AppTrigger,
+  ar as AppTrigger,
   eo as AppTriggerTypes,
-  Qr as Autocomplete,
-  Xo as AutocompleteDropdown,
+  ae as Autocomplete,
+  ir as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
-  Go as AutocompleteTypes,
-  qr as Banner,
+  Uo as AutocompleteTypes,
+  oe as Banner,
   jo as BannerTypes,
-  Rr as CardPanel,
-  Ur as Chart,
-  Xr as ChartType,
-  Qo as ChartTypes,
-  Ar as FilterDropdown,
+  Ur as CardPanel,
+  ie as Chart,
+  xe as ChartType,
+  Xo as ChartTypes,
+  Te as ColumnConfigurator,
+  er as ColumnConfiguratorTypes,
+  ue as ColumnPicker,
+  or as ColumnPickerTypes,
+  Or as FilterDropdown,
   Fo as FilterDropdownTypes,
-  ar as FloatingToolbar,
+  Tr as FloatingToolbar,
   lo as FloatingToolbarTypes,
-  Sr as FoldableSection,
+  jr as FoldableSection,
   Mo as FoldableSectionTypes,
-  Kr as FormCard,
+  Qr as FormCard,
   wo as FormCardTypes,
-  jr as FormField,
-  Oo as FormFieldTypes,
-  vr as FormRow,
-  hr as Heading,
+  Xr as FormField,
+  ko as FormFieldTypes,
+  zr as FormRow,
+  Hr as Heading,
   co as ID_INJECTION_KEY,
-  fr as IncludeExclude,
-  yr as IncludeExcludeAppHeader,
-  Tr as IncludeExcludeAppTrigger,
-  Fr as IncludeExcludeChipFilter,
-  xr as IncludeExcludeDragDrop,
-  nr as IncludeExcludeOption,
-  ur as IncludeExcludeOptionDraggable,
+  yr as IncludeExclude,
+  Mr as IncludeExcludeAppHeader,
+  hr as IncludeExcludeAppTrigger,
+  wr as IncludeExcludeChipFilter,
+  Fr as IncludeExcludeDragDrop,
+  Cr as IncludeExcludeOption,
+  Er as IncludeExcludeOptionDraggable,
   $o as IncludeExcludeTypes,
-  er as Menu,
-  or as MenuItem,
+  me as Link,
+  Qo as LinkTypes,
+  nr as Menu,
+  xr as MenuItem,
   ao as MenuItemTypes,
-  fo as MenuTypes,
-  Hr as MultiBar,
+  io as MenuTypes,
+  Rr as MultiBar,
   ho as MultiBarTypes,
-  Mr as Text,
-  Zr as TooltipOrder,
-  oe as TrendDirection,
-  wr as Typography,
-  Ao as TypographyTypes,
-  Co as TypographyTypesV4,
+  ye as TagsField,
+  mr as TagsFieldTypes,
+  Nr as Text,
+  se as TooltipOrder,
+  ne as TrendDirection,
+  Jr as Typography,
+  Co as TypographyTypes,
+  Eo as TypographyTypesV4,
   Z as default,
-  Jo as scrollToElementByClass,
-  Ko as scrollToFirstInvalidElement,
-  Po as useFormValidation,
+  Lo as scrollToElementByClass,
+  No as scrollToFirstInvalidElement,
+  Ro as useDateService,
+  Vo as useFormValidation,
   yo as useId,
-  Vo as useSearch,
-  No as useToggle,
-  Ro as yupValidation
+  vo as useSearch,
+  Po as useToggle,
+  Jo as yupValidation
 };

package/mocks/optionsWithIcons.d.ts

@@ -2,5 +2,6 @@ export type OptionWithIcon = {
     icon: string;
     name: string;
     disabled?: boolean;
+    optionTooltipText?: string;
 };
 export declare const optionWithIconMocks: OptionWithIcon[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-test.1",
+  "version": "2.1.12-test.101",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -33,6 +33,7 @@
     "check-update": "npx npm-check-updates -u",
     "generate:component": "npx hygen component new",
     "generate:composable": "npx hygen composable new",
+    "generate:test-ids": "cd e2e/shared-test-ids && npm run build",
     "prepare": "(node -e \"if (require('fs').existsSync('./.git')){process.exit(1)} \") || husky install",
     "icons:download": "figus download",
     "icons:generate": "figus",
@@ -52,27 +53,26 @@
     "@phosphor-icons/vue": "^2.1.6",
     "@storybook/cli": "^7.5.3",
     "@storybook/vue3-vite": "^7.5.3",
-    "@vueuse/core": "^12.0.0",
-    "@vueuse/math": "^12.0.0",
-    "@vueuse/integrations": "^12.0.0",
+    "@vueuse/core": "^8.7.5",
+    "@vueuse/integrations": "^8.9.1",
     "chart.js": "^4.4.2",
     "date-fns": "^2.29.1",
     "floating-vue": "2.0.0-beta.20",
-    "focus-trap": "^7.0.0",
+    "focus-trap": "^6.9.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vue": "^3.5.13",
+    "vue": "^3.2.31",
     "vue-draggable-plus": "^0.5.0",
     "vuedraggable": "^4.1.0",
     "yup": "^1.3.3"
   },
   "peerDependencies": {
-    "@vueuse/core": "^12.0.0",
-    "@vueuse/integrations": "^12.0.0",
+    "@vueuse/core": "^8.7.5",
+    "@vueuse/integrations": "^8.9.1",
     "date-fns": "^2.29.1",
     "floating-vue": "2.0.0-beta.20",
-    "focus-trap": "^7.0.0",
-    "vue": "^3.5.13"
+    "focus-trap": "^6.9.4",
+    "vue": "^3.2.31"
   },
   "devDependencies": {
     "@babel/core": "7.23.3",
@@ -153,6 +153,9 @@
     "./chart": "./components/chart/index.js",
     "./menuItem": "./components/menuItem/MenuItem.vue.js",
     "./menu": "./components/menu/Menu.vue.js",
+    "./columnPicker": "./components/columnPicker/index.js",
+    "./tagsField": "./components/tagsField/index.js",
+    "./columnConfigurator": "./components/columnConfigurator/index.js",
     ".": {
       "import": "./index.js"
     },
@@ -223,6 +226,7 @@
     "./styleguideV4": "./style/styleguideV4.scss",
     "./banner": "./components/banner/Banner.vue.js",
     "./alert": "./components/alert/index.js",
+    "./link": "./components/link/index.js",
     "./multibar": "./components/multibar/index.js",
     "./typography": "./components/typography/v4/index.js",
     "./themeWrapper": "./components/ThemeWrapper/index.js",
@@ -232,6 +236,7 @@
     "./statusDot": "./components/statusDot/index.js",
     "./sortableList": "./components/sortableList/index.js",
     "./composables/useFormValidation": "./composables/useFormValidation.js",
+    "./composables/useDateService": "./composables/useDateService.js",
     "./utils/": "./utils/index.ts"
   },
   "typesVersions": {
@@ -254,6 +259,15 @@
       "menu": [
         "./components/menu/Menu.vue.d.ts"
       ],
+      "columnPicker": [
+        "./components/columnPicker/index.d.ts"
+      ],
+      "tagsField": [
+        "./components/tagsField/index.d.ts"
+      ],
+      "columnConfigurator": [
+        "./components/columnConfigurator/index.d.ts"
+      ],
       "editable": [
         "./components/table-cells/v3/Editable.vue.d.ts"
       ],
@@ -437,6 +451,9 @@
       "alert": [
         "./components/alert/index.d.ts"
       ],
+      "link": [
+        "./components/link/index.d.ts"
+      ],
       "multibar": [
         "./components/multibar/index.d.ts"
       ],
@@ -469,6 +486,9 @@
       ],
       "composables/useFormValidation": [
         "./composables/useFormValidation.d.ts"
+      ],
+      "composables/useDateService": [
+        "./composables/useDateService.d.ts"
       ]
     }
   },

package/testids/index.d.ts

@@ -29,10 +29,26 @@ export declare enum DropdownTestIdModifiers {
     SELECT_ALL = "dd-select-all",
     NO_RESULT = "dd-no-result"
 }
+export declare enum ColumnPickerTestIdModifiers {
+    TRIGGER = "column-picker-trigger",
+    WRAPPER = "column-picker-wrapper"
+}
+export declare enum ColumnConfiguratorTestIdModifiers {
+    WRAPPER = "column-configurator-wrapper",
+    SECTION_HEADER = "column-configurator-section-header",
+    ADD_BUTTON = "column-configurator-add-button",
+    DROPDOWN = "column-configurator-dropdown",
+    LIST = "column-configurator-list",
+    REMOVE_BUTTON = "column-configurator-remove-button"
+}
 export declare enum BannerTestIdModifiers {
     WRAPPER = "banner-wrapper",
     CONTENT = "banner-content"
 }
+export declare enum LinkTestIdModifiers {
+    WRAPPER = "link-wrapper",
+    ICON = "link-icon"
+}
 export declare enum AlertTestIdModifiers {
     WRAPPER = "alert-wrapper",
     TITLE = "alert-title",
@@ -60,7 +76,14 @@ export declare enum InputTestIdModifiers {
     LABEL_TEXT = "input-label-text",
     FIELD = "input-field",
     EXTRA_TEXT = "input-extra-text",
-    TOGGLE_PASSWORD = "input-toggle-password-icon"
+    TOGGLE_PASSWORD = "input-toggle-password-icon",
+    CLEAR_BUTTON = "input-clear-button",
+    LOADING = "input-loading"
+}
+export declare enum TagsFieldTestIdModifiers {
+    WRAPPER = "tags-field-wrapper",
+    FIELD = "tags-field-field",
+    CHIP = "tags-field-chip"
 }
 export declare enum CheckboxTestIdModifiers {
     WRAPPER = "cb-wrapper",
@@ -230,3 +253,26 @@ export declare enum ToggleButtonGroupABTestIdModifiers {
     POPOVER_TRIGGER = "ab-group-popover-trigger",
     POPOVER_AB = "ab-group-popover"
 }
+export declare enum ChartTestIdModifiers {
+    CONTAINER = "chart-container",
+    HEADER = "chart-header",
+    TREND = "chart-trend",
+    TYPE_SWITCHER = "chart-type-switcher",
+    LEGEND = "chart-legend",
+    LEGEND_CONTAINER = "chart-legend-container",
+    LEGEND_SORT = "chart-legend-sort",
+    EXTRA_CHART = "chart-extra-chart",
+    LOADER = "chart-loader"
+}
+export declare enum ChartSettingsHeaderTestIdModifiers {
+    CONTAINER = "chart-settings-header-container",
+    TYPE_DROPDOWN = "chart-settings-header-type-dropdown"
+}
+export declare enum ChartTooltipTestIdModifiers {
+    CONTAINER = "chart-tooltip-container"
+}
+export declare enum EmptyStateTestIdModifiers {
+    CONTAINER = "empty-state-container",
+    TITLE = "empty-state-title",
+    SUBTITLE = "empty-state-subtitle"
+}