refactor(*): replace mkenum with const assertion

damyanpetev · damyanpetev · commit f4c9a8334923 · 2025-06-03T19:21:50.000+03:00
diff --git a/projects/igniteui-angular/src/lib/avatar/avatar.component.ts b/projects/igniteui-angular/src/lib/avatar/avatar.component.ts
@@ -9,23 +9,23 @@ import {
     ViewChild
 } from '@angular/core';
 
-import { mkenum, normalizeURI } from '../core/utils';
+import { normalizeURI } from '../core/utils';
 import { IgxIconComponent } from '../icon/icon.component';
 
 let NEXT_ID = 0;
-export const IgxAvatarSize = /*@__PURE__*/mkenum({
+export const IgxAvatarSize = {
     SMALL: 'small',
     MEDIUM: 'medium',
     LARGE: 'large'
-});
+} as const;
 export type IgxAvatarSize = (typeof IgxAvatarSize)[keyof typeof IgxAvatarSize];
 
-export const IgxAvatarType = /*@__PURE__*/mkenum({
+export const IgxAvatarType = {
     INITIALS: 'initials',
     IMAGE: 'image',
     ICON: 'icon',
     CUSTOM: 'custom'
-});
+} as const;
 export type IgxAvatarType = (typeof IgxAvatarType)[keyof typeof IgxAvatarType];
 
 /**
diff --git a/projects/igniteui-angular/src/lib/badge/badge.component.ts b/projects/igniteui-angular/src/lib/badge/badge.component.ts
@@ -1,19 +1,18 @@
 import { booleanAttribute, Component, HostBinding, Input } from '@angular/core';
-import { mkenum } from '../core/utils';
 import { IgxIconComponent } from '../icon/icon.component';
 
 let NEXT_ID = 0;
 
 /**
  * Determines the igxBadge type
  */
-export const IgxBadgeType = /*@__PURE__*/mkenum({
+export const IgxBadgeType = {
     PRIMARY: 'primary',
     INFO: 'info',
     SUCCESS: 'success',
     WARNING: 'warning',
     ERROR: 'error'
-});
+} as const;
 export type IgxBadgeType = (typeof IgxBadgeType)[keyof typeof IgxBadgeType];
 /**
  * Badge provides visual notifications used to decorate avatars, menus, etc.
diff --git a/projects/igniteui-angular/src/lib/buttonGroup/buttonGroup.component.ts b/projects/igniteui-angular/src/lib/buttonGroup/buttonGroup.component.ts
@@ -20,16 +20,15 @@ import { IgxRippleDirective } from '../directives/ripple/ripple.directive';
 
 import { takeUntil } from 'rxjs/operators';
 import { IBaseEventArgs } from '../core/utils';
-import { mkenum } from '../core/utils';
 import { IgxIconComponent } from '../icon/icon.component';
 
 /**
  * Determines the Button Group alignment
  */
-export const ButtonGroupAlignment = mkenum({
+export const ButtonGroupAlignment = {
     horizontal: 'horizontal',
     vertical: 'vertical'
-});
+} as const;
 export type ButtonGroupAlignment = typeof ButtonGroupAlignment[keyof typeof ButtonGroupAlignment];
 
 let NEXT_ID = 0;
diff --git a/projects/igniteui-angular/src/lib/calendar/calendar.ts b/projects/igniteui-angular/src/lib/calendar/calendar.ts
@@ -1,13 +1,12 @@
-import { mkenum } from '../core/utils';
 
 /**
  * Sets the selection type - single, multi or range.
  */
-export const CalendarSelection = /*@__PURE__*/mkenum({
+export const CalendarSelection = {
     SINGLE: 'single',
     MULTI: 'multi',
     RANGE: 'range'
-});
+} as const;
 export type CalendarSelection = (typeof CalendarSelection)[keyof typeof CalendarSelection];
 
 export const enum ScrollDirection {
@@ -21,11 +20,11 @@ export interface IViewDateChangeEventArgs {
     currentValue: Date;
 }
 
-export const IgxCalendarView = /*@__PURE__*/mkenum({
+export const IgxCalendarView = {
     Month: 'month',
     Year: 'year',
     Decade: 'decade'
-});
+} as const;
 
 /**
  * Determines the Calendar active view - days, months or years.
diff --git a/projects/igniteui-angular/src/lib/card/card.component.ts b/projects/igniteui-angular/src/lib/card/card.component.ts
@@ -11,8 +11,6 @@ import {
     booleanAttribute
 } from '@angular/core';
 
-import { mkenum } from '../core/utils';
-
 let NEXT_ID = 0;
 
 /**
@@ -269,10 +267,10 @@ export class IgxCardComponent {
     public horizontal = false;
 }
 
-export const IgxCardActionsLayout = /*@__PURE__*/mkenum({
+export const IgxCardActionsLayout = {
     START: 'start',
     JUSTIFY: 'justify'
-});
+} as const;
 export type IgxCardActionsLayout = (typeof IgxCardActionsLayout)[keyof typeof IgxCardActionsLayout];
 
 /**
diff --git a/projects/igniteui-angular/src/lib/carousel/enums.ts b/projects/igniteui-angular/src/lib/carousel/enums.ts
@@ -1,13 +1,12 @@
-import { mkenum } from '../core/utils';
 
-export const CarouselAnimationType = /*@__PURE__*/mkenum({
+export const CarouselAnimationType = {
     none: 'none',
     slide: 'slide',
     fade: 'fade'
-});
+} as const;
 export type CarouselAnimationType = (typeof CarouselAnimationType)[keyof typeof CarouselAnimationType];
 
-export const CarouselIndicatorsOrientation = /*@__PURE__*/mkenum({
+export const CarouselIndicatorsOrientation = {
     /**
      * @deprecated in version 19.1.0. Use `end` instead.
      */
@@ -18,5 +17,5 @@ export const CarouselIndicatorsOrientation = /*@__PURE__*/mkenum({
     top: 'top',
     start: 'start',
     end: 'end'
-});
+} as const;
 export type CarouselIndicatorsOrientation = (typeof CarouselIndicatorsOrientation)[keyof typeof CarouselIndicatorsOrientation];
diff --git a/projects/igniteui-angular/src/lib/checkbox/checkbox-base.directive.ts b/projects/igniteui-angular/src/lib/checkbox/checkbox-base.directive.ts
@@ -17,7 +17,7 @@ import {
     AfterViewInit,
 } from '@angular/core';
 import { NgControl, Validators } from '@angular/forms';
-import { IBaseEventArgs, getComponentTheme, mkenum } from '../core/utils';
+import { IBaseEventArgs, getComponentTheme } from '../core/utils';
 import { noop, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import {
@@ -26,10 +26,10 @@ import {
     ThemeToken,
 } from '../services/theme/theme.token';
 
-export const LabelPosition = /*@__PURE__*/ mkenum({
+export const LabelPosition = {
     BEFORE: 'before',
     AFTER: 'after'
-});
+} as const;
 export type LabelPosition = typeof LabelPosition[keyof typeof LabelPosition];
 
 export interface IChangeCheckboxEventArgs extends IBaseEventArgs {
diff --git a/projects/igniteui-angular/src/lib/chips/chip.component.ts b/projects/igniteui-angular/src/lib/chips/chip.component.ts
@@ -17,21 +17,21 @@ import {
     DOCUMENT
 } from '@angular/core';
 import { IgxDragDirective, IDragBaseEventArgs, IDragStartEventArgs, IDropBaseEventArgs, IDropDroppedEventArgs, IgxDropDirective } from '../directives/drag-drop/drag-drop.directive';
-import { IBaseEventArgs, mkenum } from '../core/utils';
+import { IBaseEventArgs } from '../core/utils';
 import { ChipResourceStringsEN, IChipResourceStrings } from '../core/i18n/chip-resources';
 import { Subject } from 'rxjs';
 import { IgxIconComponent } from '../icon/icon.component';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { Size } from '../grids/common/enums';
 
-export const IgxChipTypeVariant = /*@__PURE__*/mkenum({
+export const IgxChipTypeVariant = {
     PRIMARY: 'primary',
     INFO: 'info',
     SUCCESS: 'success',
     WARNING: 'warning',
     DANGER: 'danger'
-});
+} as const;
 
 export interface IBaseChipEventArgs extends IBaseEventArgs {
     originalEvent: IDragBaseEventArgs | IDropBaseEventArgs | KeyboardEvent | MouseEvent | TouchEvent;
diff --git a/projects/igniteui-angular/src/lib/core/utils.ts b/projects/igniteui-angular/src/lib/core/utils.ts
@@ -20,8 +20,6 @@ export const showMessage = (message: string, isMessageShown: boolean): boolean =
     return true;
 };
 
-export const mkenum = <T extends { [index: string]: U }, U extends string>(x: T) => x;
-
 /**
  *
  * @hidden @internal
@@ -247,7 +245,7 @@ export class PlatformUtil {
     /** @hidden @internal */
     public isElements = inject(ELEMENTS_TOKEN, { optional: true });
 
-    public KEYMAP = mkenum({
+    public KEYMAP = {
         ENTER: 'Enter',
         SPACE: ' ',
         ESCAPE: 'Escape',
@@ -269,7 +267,7 @@ export class PlatformUtil {
         X: 'x',
         Y: 'y',
         Z: 'z'
-    });
+    } as const;
 
     constructor(@Inject(PLATFORM_ID) private platformId: any) { }
 
diff --git a/projects/igniteui-angular/src/lib/data-operations/data-util.ts b/projects/igniteui-angular/src/lib/data-operations/data-util.ts
@@ -5,7 +5,7 @@ import { IPagingState, PagingError } from './paging-state.interface';
 import { IGroupByKey } from './groupby-expand-state.interface';
 import { IGroupByRecord } from './groupby-record.interface';
 import { IGroupingState } from './groupby-state.interface';
-import { mergeObjects, mkenum } from '../core/utils';
+import { mergeObjects } from '../core/utils';
 import { Transaction, TransactionType, HierarchicalTransaction } from '../services/transaction/transaction';
 import { getHierarchy, isHierarchyMatch } from './operations';
 import { GridType } from '../grids/common/grid.interface';
@@ -24,7 +24,7 @@ import { IGroupingExpression } from './grouping-expression.interface';
 /**
  * @hidden
  */
- export const DataType = /*@__PURE__*/mkenum({
+ export const DataType = {
     String: 'string',
     Number: 'number',
     Boolean: 'boolean',
@@ -34,7 +34,7 @@ import { IGroupingExpression } from './grouping-expression.interface';
     Currency: 'currency',
     Percent: 'percent',
     Image: 'image'
-});
+} as const;
 export type DataType = (typeof DataType)[keyof typeof DataType];
 
 /**
diff --git a/projects/igniteui-angular/src/lib/date-common/types.ts b/projects/igniteui-angular/src/lib/date-common/types.ts
@@ -1,17 +1,16 @@
-import { mkenum } from '../core/utils';
 /** Header orientation in `dialog` mode. */
-export const PickerHeaderOrientation = /*@__PURE__*/mkenum({
+export const PickerHeaderOrientation = {
     Horizontal: 'horizontal',
     Vertical: 'vertical'
-});
+} as const;
 export type PickerHeaderOrientation = (typeof PickerHeaderOrientation)[keyof typeof PickerHeaderOrientation];
 
 /**
  * This enumeration is used to configure whether the date/time picker has an editable input with drop down
  * or is readonly - the date/time is selected only through a dialog.
  */
-export const PickerInteractionMode = /*@__PURE__*/mkenum({
+export const PickerInteractionMode = {
     DropDown: 'dropdown',
     Dialog: 'dialog'
-});
+} as const;
 export type PickerInteractionMode = (typeof PickerInteractionMode)[keyof typeof PickerInteractionMode];
diff --git a/projects/igniteui-angular/src/lib/directives/button/button-base.ts b/projects/igniteui-angular/src/lib/directives/button/button-base.ts
@@ -1,11 +1,10 @@
 import { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, booleanAttribute } from '@angular/core';
-import { mkenum } from '../../core/utils';
 
-export const IgxBaseButtonType = /*@__PURE__*/mkenum({
+export const IgxBaseButtonType = {
     Flat: 'flat',
     Contained: 'contained',
     Outlined: 'outlined'
-});
+} as const;
 
 @Directive()
 export abstract class IgxButtonBaseDirective {
diff --git a/projects/igniteui-angular/src/lib/directives/button/button.directive.ts b/projects/igniteui-angular/src/lib/directives/button/button.directive.ts
@@ -9,14 +9,13 @@ import {
     Renderer2,
     booleanAttribute,
 } from '@angular/core';
-import { mkenum } from '../../core/utils';
 import { IBaseEventArgs } from '../../core/utils';
 import { IgxBaseButtonType, IgxButtonBaseDirective } from './button-base';
 
-const IgxButtonType = /*@__PURE__*/mkenum({
+const IgxButtonType = {
     ...IgxBaseButtonType,
     FAB: 'fab'
-});
+} as const;
 
 /**
  * Determines the Button type.
diff --git a/projects/igniteui-angular/src/lib/directives/divider/divider.directive.ts b/projects/igniteui-angular/src/lib/directives/divider/divider.directive.ts
@@ -1,10 +1,9 @@
 import { Directive, HostBinding, Input, booleanAttribute } from '@angular/core';
-import { mkenum } from '../../core/utils';
 
-export const IgxDividerType = /*@__PURE__*/mkenum({
+export const IgxDividerType = {
     SOLID: 'solid',
     DASHED: 'dashed'
-});
+} as const;
 export type IgxDividerType = (typeof IgxDividerType)[keyof typeof IgxDividerType];
 
 let NEXT_ID = 0;
diff --git a/projects/igniteui-angular/src/lib/directives/radio/radio-group.directive.ts b/projects/igniteui-angular/src/lib/directives/radio/radio-group.directive.ts
@@ -18,18 +18,17 @@ import {
 } from '@angular/core';
 import { ControlValueAccessor, NgControl, Validators } from '@angular/forms';
 import { fromEvent, noop, Subject, takeUntil } from 'rxjs';
-import { mkenum } from '../../core/utils';
 import { IgxRadioComponent } from '../../radio/radio.component';
 import { IgxDirectionality } from '../../services/direction/directionality';
 import { IChangeCheckboxEventArgs } from '../../checkbox/public_api';
 
 /**
  * Determines the Radio Group alignment
  */
-export const RadioGroupAlignment = mkenum({
+export const RadioGroupAlignment = {
     horizontal: 'horizontal',
     vertical: 'vertical'
-});
+} as const;
 export type RadioGroupAlignment = typeof RadioGroupAlignment[keyof typeof RadioGroupAlignment];
 
 let nextId = 0;
diff --git a/projects/igniteui-angular/src/lib/drop-down/drop-down.common.ts b/projects/igniteui-angular/src/lib/drop-down/drop-down.common.ts
@@ -1,4 +1,4 @@
-import { CancelableEventArgs, CancelableBrowserEventArgs, IBaseEventArgs, mkenum } from '../core/utils';
+import { CancelableEventArgs, CancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
 import { IgxDropDownItemBaseDirective } from './drop-down-item.base';
 import { IToggleView } from '../core/navigation/IToggleView';
 import { EventEmitter, InjectionToken } from '@angular/core';
@@ -10,11 +10,11 @@ export enum Navigate {
 }
 
 /** Key actions that have designated handlers in IgxDropDownComponent */
-export const DropDownActionKey = /*@__PURE__*/mkenum({
+export const DropDownActionKey = {
     ESCAPE: 'escape',
     ENTER: 'enter',
     SPACE: 'space'
-});
+} as const;
 export type DropDownActionKey = (typeof DropDownActionKey)[keyof typeof DropDownActionKey];
 
 /**
diff --git a/projects/igniteui-angular/src/lib/expansion-panel/expansion-panel-header.component.ts b/projects/igniteui-angular/src/lib/expansion-panel/expansion-panel-header.component.ts
@@ -15,17 +15,16 @@ import {
 } from '@angular/core';
 import { IgxExpansionPanelIconDirective } from './expansion-panel.directives';
 import { IGX_EXPANSION_PANEL_COMPONENT, IgxExpansionPanelBase, IExpansionPanelCancelableEventArgs } from './expansion-panel.common';
-import { mkenum } from '../core/utils';
 import { IgxIconComponent } from '../icon/icon.component';
 
 /**
  * @hidden
  */
-export const ExpansionPanelHeaderIconPosition = /*@__PURE__*/mkenum({
+export const ExpansionPanelHeaderIconPosition = {
     LEFT: 'left',
     NONE: 'none',
     RIGHT: 'right'
-});
+} as const;
 export type ExpansionPanelHeaderIconPosition = (typeof ExpansionPanelHeaderIconPosition)[keyof typeof ExpansionPanelHeaderIconPosition];
 
 
diff --git a/projects/igniteui-angular/src/lib/grids/common/enums.ts b/projects/igniteui-angular/src/lib/grids/common/enums.ts
diff --git a/projects/igniteui-angular/src/lib/input-group/inputGroupType.ts b/projects/igniteui-angular/src/lib/input-group/inputGroupType.ts
diff --git a/projects/igniteui-angular/src/lib/progressbar/progressbar.component.ts b/projects/igniteui-angular/src/lib/progressbar/progressbar.component.ts
diff --git a/projects/igniteui-angular/src/lib/services/theme/theme.token.ts b/projects/igniteui-angular/src/lib/services/theme/theme.token.ts
diff --git a/projects/igniteui-angular/src/lib/slider/slider.common.ts b/projects/igniteui-angular/src/lib/slider/slider.common.ts
diff --git a/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.ts b/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.ts
diff --git a/projects/igniteui-angular/src/lib/tree/common.ts b/projects/igniteui-angular/src/lib/tree/common.ts
