@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.54

package/index.js

@@ -1,18 +1,18 @@
-import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_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 Do } 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,26 +35,26 @@ 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 D from "./components/tooltip/v3/index.js";
-import * as C from "./components/tooltip/v4/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 S from "./components/loader/v4/index.js";
-import * as k from "./components/emptyState/v3/index.js";
-import * as v from "./components/emptyState/v4/index.js";
-import * as H from "./components/snackbar/v3/index.js";
-import * as L from "./components/snackbar/v4/index.js";
-import * as N from "./components/radioButton/v3/index.js";
-import * as V from "./components/radioButton/v4/index.js";
-import * as J from "./components/textArea/v3/index.js";
-import * as K from "./components/textArea/v4/index.js";
-import * as P from "./components/ThemeWrapper/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 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";
@@ -66,45 +66,51 @@ 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 ko } from "./composables/useToggle.js";
-import { useSearch as Ho } from "./composables/useSearch.js";
-import { scrollToElementByClass as No, scrollToFirstInvalidElement as Vo, useFormValidation as Jo, yupValidation as Ko } 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 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 { default as or } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as er } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as mr } from "./components/menuItem/MenuItem.vue.js";
-import { default as ar } from "./components/menu/Menu.vue.js";
-import { default as fr } 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 Fr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as Ar } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Dr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as hr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as Mr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as wr } from "./components/typography/Heading.vue.js";
-import { default as Sr } from "./components/typography/Text.vue.js";
-import { default as vr } from "./components/typography/v4/Typography.vue.js";
-import { default as Lr } from "./components/multibar/MultiBar.vue.js";
-import { default as Vr } from "./components/layout/FoldableSection.vue.js";
-import { default as Kr } from "./components/forms/FormRow.vue.js";
-import { default as Rr } from "./components/forms/FormCard.vue.js";
-import { default as jr } from "./components/forms/CardPanel.vue.js";
-import { default as zr } from "./components/forms/FormField.vue.js";
-import { default as Qr } from "./components/banner/Banner.vue.js";
-import { default as Ur } from "./components/alert/Alert.vue.js";
-import { default as Xr } from "./components/link/Link.vue.js";
-import { default as oe } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as ee } from "./components/chart/Chart.vue.js";
-import { ChartType as me, TooltipOrder as pe, TrendDirection as ae } from "./components/chart/types.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,
@@ -113,8 +119,8 @@ const Z = {
   ...o,
   ...r,
   ...a,
-  ...i,
   ...f,
+  ...i,
   ...d,
   ...x,
   ...s,
@@ -126,28 +132,28 @@ const Z = {
   ...g,
   ...F,
   ...I,
+  ...E,
   ...D,
   ...C,
   ...A,
-  ...E,
   ...h,
   ...B,
   ...M,
   ...b,
-  ...k,
-  ...v,
+  ...P,
+  ...S,
   ...w,
+  ...k,
   ...O,
-  ...S,
+  ...v,
   ...H,
-  ...L,
   ...n,
   ...l,
+  ...V,
   ...J,
-  ...K,
+  ...L,
   ...N,
-  ...V,
-  ...P,
+  ...K,
   ...R,
   ..._,
   ...j,
@@ -161,65 +167,71 @@ const Z = {
   ...X
 };
 export {
-  Mr as AddFilterButton,
-  Ur as Alert,
+  Sr as AddFilterButton,
+  ee as Alert,
   zo as AlertTypes,
-  fr as AppIcon,
+  ur as AppIcon,
   so as AppIconTypes,
-  or as AppTrigger,
+  ar as AppTrigger,
   eo as AppTriggerTypes,
-  oe as Autocomplete,
-  er as AutocompleteDropdown,
+  ae as Autocomplete,
+  ir as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
   Uo as AutocompleteTypes,
-  Qr as Banner,
+  oe as Banner,
   jo as BannerTypes,
-  jr as CardPanel,
-  ee as Chart,
-  me as ChartType,
+  Ur as CardPanel,
+  ie as Chart,
+  xe as ChartType,
   Xo as ChartTypes,
-  hr as FilterDropdown,
+  Te as ColumnConfigurator,
+  er as ColumnConfiguratorTypes,
+  ue as ColumnPicker,
+  or as ColumnPickerTypes,
+  Or as FilterDropdown,
   Fo as FilterDropdownTypes,
-  xr as FloatingToolbar,
+  Tr as FloatingToolbar,
   lo as FloatingToolbarTypes,
-  Vr as FoldableSection,
+  jr as FoldableSection,
   Mo as FoldableSectionTypes,
-  Rr as FormCard,
+  Qr as FormCard,
   wo as FormCardTypes,
-  zr as FormField,
-  Oo as FormFieldTypes,
-  Kr as FormRow,
-  wr as Heading,
+  Xr as FormField,
+  ko as FormFieldTypes,
+  zr as FormRow,
+  Hr as Heading,
   co as ID_INJECTION_KEY,
-  nr as IncludeExclude,
-  Ar as IncludeExcludeAppHeader,
-  Fr as IncludeExcludeAppTrigger,
-  Dr as IncludeExcludeChipFilter,
-  ur as IncludeExcludeDragDrop,
-  Tr as IncludeExcludeOption,
-  yr 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,
-  Xr as Link,
+  me as Link,
   Qo as LinkTypes,
-  ar as Menu,
-  mr as MenuItem,
+  nr as Menu,
+  xr as MenuItem,
   ao as MenuItemTypes,
-  fo as MenuTypes,
-  Lr as MultiBar,
+  io as MenuTypes,
+  Rr as MultiBar,
   ho as MultiBarTypes,
-  Sr as Text,
-  pe as TooltipOrder,
-  ae as TrendDirection,
-  vr as Typography,
-  Ao as TypographyTypes,
-  Do 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,
-  No as scrollToElementByClass,
-  Vo as scrollToFirstInvalidElement,
+  Lo as scrollToElementByClass,
+  No as scrollToFirstInvalidElement,
   Ro as useDateService,
-  Jo as useFormValidation,
+  Vo as useFormValidation,
   yo as useId,
-  Ho as useSearch,
-  ko as useToggle,
-  Ko as yupValidation
+  vo as useSearch,
+  Po as useToggle,
+  Jo as yupValidation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-test.52",
+  "version": "2.1.12-test.54",
   "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",
@@ -152,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"
     },
@@ -255,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"
       ],

package/testids/index.d.ts

@@ -29,6 +29,18 @@ 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"
@@ -64,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",
@@ -234,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"
+}

package/testids/index.js

@@ -1,38 +1,45 @@
-var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(O || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "link-wrapper", E.ICON = "link-icon", E))(t || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(N || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(A || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(c || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(L || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(n || {}), _ = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(_ || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(l || {}), r = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E.PRE_SEARCH_HEADER = "tbl-pre-search-header", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(S || {}), U = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(U || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(B || {}), h = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(h || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), m = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(m || {}), T = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(T || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(x || {}), w = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(w || {}), g = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(g || {}), V = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(V || {}), K = /* @__PURE__ */ ((E) => (E.BUTTON_A = "ab-group-button-a", E.BUTTON_B = "ab-group-button-b", E.POPOVER_TRIGGER = "ab-group-popover-trigger", E.POPOVER_AB = "ab-group-popover", E))(K || {});
+var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), t = /* @__PURE__ */ ((E) => (E.TRIGGER = "column-picker-trigger", E.WRAPPER = "column-picker-wrapper", E))(t || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "column-configurator-wrapper", E.SECTION_HEADER = "column-configurator-section-header", E.ADD_BUTTON = "column-configurator-add-button", E.DROPDOWN = "column-configurator-dropdown", E.LIST = "column-configurator-list", E.REMOVE_BUTTON = "column-configurator-remove-button", E))(O || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(N || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "link-wrapper", E.ICON = "link-icon", E))(c || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(A || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(n || {}), r = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E.CLEAR_BUTTON = "input-clear-button", E.LOADING = "input-loading", E))(r || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "tags-field-wrapper", E.FIELD = "tags-field-field", E.CHIP = "tags-field-chip", E))(P || {}), l = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(l || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(L || {}), _ = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(_ || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(p || {}), b = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(b || {}), u = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E.PRE_SEARCH_HEADER = "tbl-pre-search-header", E))(u || {}), v = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(v || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(C || {}), h = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(h || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(S || {}), U = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(U || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(W || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(B || {}), m = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(m || {}), G = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(G || {}), T = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(T || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), H = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(H || {}), D = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(D || {}), y = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(y || {}), Y = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(Y || {}), g = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(g || {}), w = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(w || {}), x = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(x || {}), V = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(V || {}), K = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(K || {}), j = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(j || {}), q = /* @__PURE__ */ ((E) => (E.BUTTON_A = "ab-group-button-a", E.BUTTON_B = "ab-group-button-b", E.POPOVER_TRIGGER = "ab-group-popover-trigger", E.POPOVER_AB = "ab-group-popover", E))(q || {}), z = /* @__PURE__ */ ((E) => (E.CONTAINER = "chart-container", E.HEADER = "chart-header", E.TREND = "chart-trend", E.TYPE_SWITCHER = "chart-type-switcher", E.LEGEND = "chart-legend", E.LEGEND_CONTAINER = "chart-legend-container", E.LEGEND_SORT = "chart-legend-sort", E.EXTRA_CHART = "chart-extra-chart", E.LOADER = "chart-loader", E))(z || {}), F = /* @__PURE__ */ ((E) => (E.CONTAINER = "chart-settings-header-container", E.TYPE_DROPDOWN = "chart-settings-header-type-dropdown", E))(F || {}), J = /* @__PURE__ */ ((E) => (E.CONTAINER = "chart-tooltip-container", E))(J || {}), Q = /* @__PURE__ */ ((E) => (E.CONTAINER = "empty-state-container", E.TITLE = "empty-state-title", E.SUBTITLE = "empty-state-subtitle", E))(Q || {});
 export {
-  N as AlertTestIdModifiers,
+  A as AlertTestIdModifiers,
   x as AppHeaderTestIdModifiers,
-  v as AppTriggerTestIdModifiers,
-  u as AutocompleteInputTestIdModifiers,
-  O as BannerTestIdModifiers,
-  B as CalendarMonthTestIdModifiers,
-  c as CheckboxTestIdModifiers,
-  S as ChipTestIdModifiers,
-  U as DatePickerTestIdModifiers,
-  h as DateRangeTestIdModifiers,
-  A as DialogTestIdModifiers,
+  S as AppTriggerTestIdModifiers,
+  U as AutocompleteInputTestIdModifiers,
+  N as BannerTestIdModifiers,
+  m as CalendarMonthTestIdModifiers,
+  F as ChartSettingsHeaderTestIdModifiers,
+  z as ChartTestIdModifiers,
+  J as ChartTooltipTestIdModifiers,
+  l as CheckboxTestIdModifiers,
+  W as ChipTestIdModifiers,
+  O as ColumnConfiguratorTestIdModifiers,
+  t as ColumnPickerTestIdModifiers,
+  B as DatePickerTestIdModifiers,
+  G as DateRangeTestIdModifiers,
+  n as DialogTestIdModifiers,
   R as DropdownTestIdModifiers,
-  G as FieldHelpTextTestIdModifiers,
-  T as FieldLabelTestIdModifiers,
-  Y as FoldableSectionTestIdModifiers,
-  y as FormCardTestIdModifiers,
-  m as HeaderTestIdModifiers,
+  Q as EmptyStateTestIdModifiers,
+  y as FieldHelpTextTestIdModifiers,
+  D as FieldLabelTestIdModifiers,
+  g as FoldableSectionTestIdModifiers,
+  w as FormCardTestIdModifiers,
+  H as HeaderTestIdModifiers,
   a as IncludeExcludeTestIdModifiers,
-  w as InlineCopyTestIdModifiers,
-  P as InputTestIdModifiers,
-  t as LinkTestIdModifiers,
-  g as MultiBarTestIdModifiers,
+  V as InlineCopyTestIdModifiers,
+  r as InputTestIdModifiers,
+  c as LinkTestIdModifiers,
+  K as MultiBarTestIdModifiers,
   L as RadioTestIdModifiers,
-  C as RowsCounterTestIdModifiers,
-  l as SearchTestIdModifiers,
-  H as SnackbarTestIdModifiers,
-  V as SortableListTestIdModifiers,
-  n as SwitchTestIdModifiers,
-  r as TableTestIdModifiers,
-  W as TabsTestIdModifiers,
-  _ as TextAreaTestIdModifiers,
+  v as RowsCounterTestIdModifiers,
+  b as SearchTestIdModifiers,
+  Y as SnackbarTestIdModifiers,
+  j as SortableListTestIdModifiers,
+  _ as SwitchTestIdModifiers,
+  u as TableTestIdModifiers,
+  T as TabsTestIdModifiers,
+  P as TagsFieldTestIdModifiers,
+  p as TextAreaTestIdModifiers,
   X as TextTestIdModifiers,
-  K as ToggleButtonGroupABTestIdModifiers,
-  b as ToggleTestIdModifiers,
-  p as TooltipTestIdModifiers
+  q as ToggleButtonGroupABTestIdModifiers,
+  C as ToggleTestIdModifiers,
+  h as TooltipTestIdModifiers
 };

package/utils/date.js

@@ -1,7 +1,7 @@
-const n = (e) => {
-  const t = typeof e == "string" || typeof e == "number" ? new Date(e) : e;
+const n = (t) => {
+  const e = new Date(t);
   return new Date(
-    t.valueOf() + t.getTimezoneOffset() * 60 * 1e3
+    e.valueOf() + e.getTimezoneOffset() * 60 * 1e3
   );
 };
 export {

package/utils/formatNumbers.d.ts

@@ -1,4 +1,4 @@
 export declare const DEFAULT_FALLBACK = "N/A";
-export declare function nFormatter(num: number, formatLowDigits?: boolean): string;
+export declare const nFormatter: (num: number | string, formatLowDigits?: boolean, fallback?: string | null, withSuffixSpace?: boolean) => string;
 export declare const diffInPersentage: (valueA: number | string, valueB: number | string, fallback?: string | null) => string | number;
 export declare const formatNumberWithCommas: (num: number | string, fallback?: string | null) => string;

package/utils/formatNumbers.js

@@ -1,24 +1,41 @@
-const s = "N/A", f = (e, t, i) => e.toLocaleString("en", {
-  minimumFractionDigits: t,
-  maximumFractionDigits: i
-});
-function u(e, t = !1) {
-  return e >= 1e12 ? "∞" : e >= 1e9 ? o(e, 1e9, "B") : e >= 1e6 ? o(e, 1e6, "M") : e >= 1e3 ? o(e, 1e3, "K") : e >= 100 ? e.toFixed(0) : e >= 10 ? e.toFixed(t ? 1 : 0) : e.toFixed(t ? 2 : 0);
-}
-function o(e, t, i) {
-  const r = e / t;
-  return r >= 100 ? r.toFixed(0) + i : r >= 10 ? r.toFixed(1) + i : r.toFixed(2) + i;
-}
-const N = (e, t, i = s) => {
-  const r = Number(e), n = Number(t);
-  return i && (isNaN(r) || isNaN(n)) ? i : r >= n ? (n - r) / r * 100 : (r - n) / r * -100;
-}, c = (e, t = s) => {
-  const i = Number(e);
-  return isNaN(i) && t ? t : f(i, 0, 2);
+const L = "N/A", O = "∞", T = "B", i = "M", S = "K";
+const _ = " ", N = (s, e, r) => s.toLocaleString("en", {
+  minimumFractionDigits: e,
+  maximumFractionDigits: r
+}), I = (s, e, r, n = !0) => {
+  const t = s / e, o = ((H) => H >= 100 ? 0 : H >= 10 ? 1 : 2)(t), c = t.toFixed(o);
+  return n ? `${c}${_}${r}` : `${c}${r}`;
+}, m = (s, e = !1, r = L, n = !0) => {
+  const t = Number(s), u = t % 1 !== 0;
+  if (isNaN(t) && r)
+    return r;
+  const o = Math.abs(t);
+  return o >= 1e12 ? O : o >= 1e9 ? I(
+    t,
+    1e9,
+    T,
+    n
+  ) : o >= 1e6 ? I(
+    t,
+    1e6,
+    i,
+    n
+  ) : o >= 1e3 ? I(
+    t,
+    1e3,
+    S,
+    n
+  ) : u ? o >= 100 ? N(t, 0, 0) : o >= 10 ? N(t, 0, e ? 1 : 0) : N(t, e ? 2 : 0, e ? 2 : 0) : N(t, 0, 0);
+}, D = (s, e, r = L) => {
+  const n = Number(s), t = Number(e);
+  return r && (isNaN(n) || isNaN(t)) ? r : n >= t ? (t - n) / n * 100 : (n - t) / n * -100;
+}, a = (s, e = L) => {
+  const r = Number(s);
+  return isNaN(r) && e ? e : N(r, 0, 2);
 };
 export {
-  s as DEFAULT_FALLBACK,
-  N as diffInPersentage,
-  c as formatNumberWithCommas,
-  u as nFormatter
+  L as DEFAULT_FALLBACK,
+  D as diffInPersentage,
+  a as formatNumberWithCommas,
+  m as nFormatter
 };

package/utils/object.d.ts

@@ -1 +1,3 @@
 export declare const objectsEqual: (objA: any, objB: any) => boolean;
+export declare const omitKeys: <T>(obj: Record<string, T>, keys: string[]) => Record<string, T>;
+export declare const mapOverObject: <T, U>(obj: Record<string, T>, fn: (value: T, key: string) => U) => Record<string, U>;