@tedi-design-system/react 14.2.1 → 14.3.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.2.1",
+  "version": "14.3.0-rc.2",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -96,7 +96,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/css-modules": "^1.0.5",
     "@types/dompurify": "^3.2.0",
-    "@types/draft-js": "^0.11.18",
+    "@types/draft-js": "^0.11.20",
     "@types/jest": "29.5.14",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "20.11.28",
@@ -107,7 +107,7 @@
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "chromatic": "^11.25.2",
+    "chromatic": "^13.3.4",
     "cross-env": "^7.0.3",
     "dompurify": "^3.3.0",
     "eslint": "8.48.0",
@@ -149,7 +149,7 @@
     "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^5.4.11",
     "vite-plugin-checker": "^0.6.4",
-    "vite-plugin-dts": "3.7.3",
+    "vite-plugin-dts": "4.5.4",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-static-copy": "^2.2.0",
     "vite-tsconfig-paths": "4.3.2"

package/src/community/components/accordion/accordion-item/accordion-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../../card';
 import { AccordionItemContentProps } from '../accordion-item-content/accordion-item-content';
 import { AccordionItemHeaderProps } from '../accordion-item-header/accordion-item-header';

package/src/community/components/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { VerticalSpacingSize } from '../../../tedi/components/layout/vertical-spacing';
 export interface AccordionProps {
     /**

package/src/community/components/anchor/anchor-helpers.d.ts

@@ -1,12 +1,9 @@
-/**
- * This file contains only Anchor helper components that are shared between different stories. These are not exported in the component library
- */
-import Link from 'next/link';
-import React from 'react';
+import { default as Link } from 'next/link';
+import { default as React } from 'react';
 import { AnchorProps } from './anchor';
 declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
-    href: string | import("url").UrlObject;
-    as?: string | import("url").UrlObject;
+    href: string | import('url').UrlObject;
+    as?: string | import('url').UrlObject;
     replace?: boolean;
     scroll?: boolean;
     shallow?: boolean;
@@ -18,8 +15,8 @@ declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<Omit<React.Anc
     onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }> & {
-    href: string | import("url").UrlObject;
-    as?: string | import("url").UrlObject;
+    href: string | import('url').UrlObject;
+    as?: string | import('url').UrlObject;
     replace?: boolean;
     scroll?: boolean;
     shallow?: boolean;

package/src/community/components/anchor/anchor.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IntentionalAny } from '../../types';
 import { ButtonContentProps } from '../button-content/button-content';
 export type InternalAnchorProps = {

package/src/community/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ButtonContentProps } from '../button-content/button-content';
 export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'link';
 export type ButtonColor = 'default' | 'important' | 'positive' | 'inverted' | 'text-color';

package/src/community/components/button-content/button-content.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AllowedHTMLTags, PolymorphicComponentPropWithRef } from '../../helpers/polymorphic/types';
 import { IntentionalAny } from '../../types';
 import { ButtonColor, ButtonType } from '../button/button';

package/src/community/components/card/card-content/card-content.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { TColorsBackground } from '../../commonTypes';
 export type CardContentPaddingNumber = 0 | 0.5 | 0.75 | 1 | 1.5 | 2 | 2.5 | 3;

package/src/community/components/card/card-context.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { CardContentProps } from './card-content/card-content';
+import { default as React } from 'react';
+import { CardContentProps } from './card-content/card-content';
 type CardContext = Pick<CardContentProps, 'padding' | 'background'>;
 export declare const CardContext: React.Context<CardContext>;
 export {};

package/src/community/components/card/card-header/card-header.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { TColorsBackground } from '../../commonTypes';
 import { CardContentProps } from '../card-content/card-content';

package/src/community/components/card/card.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../helpers';
 import { TColorsBorder } from '../commonTypes';
 import { CardContentProps } from './card-content/card-content';

package/src/community/components/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { RowProps } from '../../../tedi/components/layout/grid';
 export interface CollapseProps {
     /**

package/src/community/components/dropdown/dropdown.d.ts

@@ -1,5 +1,5 @@
 import { FloatingFocusManager } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 import { ButtonProps } from '../button/button';
 export type DropdownItem = {
     /**

package/src/community/components/ellipsis/ellipsis.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface EllipsisProps {
     /**
      * Any content

package/src/community/components/form/choice-group/choice-group-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TChoiceGroupType, TChoiceGroupValue } from './choice-group';
 export interface IChoiceGroupContext {
     name: string;

package/src/community/components/form/choice-group/choice-group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
 import { Direction, RowProps } from '../../../../tedi/components/layout/grid';

package/src/community/components/form/choice-group/components/choice-group-check/choice-group-check.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemProps } from '../../choice-group.types';
 export declare const ChoiceGroupCheck: (props: ChoiceGroupItemProps) => React.ReactElement;
 export default ChoiceGroupCheck;

package/src/community/components/form/choice-group/components/choice-group-radio/choice-group-radio.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemProps } from '../../choice-group.types';
 export declare const ChoiceGroupRadio: (props: ChoiceGroupItemProps) => React.ReactElement;
 export default ChoiceGroupRadio;

package/src/community/components/form/choice-group/components/filter-item/filter-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemProps } from '../../choice-group.types';
 export declare const FilterItem: (props: ChoiceGroupItemProps) => React.ReactElement;
 export default FilterItem;

package/src/community/components/form/choice-group/components/light-item/light-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemProps } from '../../choice-group.types';
 export declare const LightItem: (props: ChoiceGroupItemProps) => React.ReactElement;
 export default LightItem;

package/src/community/components/form/choice-group/components/selector-item/selector-item.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemProps } from '../../choice-group.types';
 export declare const SelectorItem: (props: ChoiceGroupItemProps) => React.ReactElement;

package/src/community/components/form/choice-input.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface ChoiceInputProps {
     /**
      * ID property

package/src/community/components/form/file-upload/examples/multiple-handled.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import FileUpload from '../file-upload';
+import { default as FileUpload } from '../file-upload';
 export declare const MultipleHandledTemplate: StoryFn<typeof FileUpload>;

package/src/community/components/form/hidden-field/examples/hidden-select.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import HiddenField from '../hidden-field';
+import { default as HiddenField } from '../hidden-field';
 export declare const HiddenSelect: StoryFn<typeof HiddenField>;

package/src/community/components/form/hidden-field/hidden-field.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TextFieldProps } from '../../../../tedi/components/form/textfield/textfield';
 import { DateTimePickerProps } from '../pickers';
 import { SelectProps } from '../select/select';

package/src/community/components/form/pickers/calendar/calendar.d.ts

@@ -1,4 +1,4 @@
-import type { Dayjs } from 'dayjs';
+import { Dayjs } from 'dayjs';
 export type CalendarValue = Dayjs | null;
 export type CalendarStatus = 'error' | 'success' | 'inactive';
 export interface CalendarProps {

package/src/community/components/form/pickers/datetimepicker/datetimepicker.d.ts

@@ -1,6 +1,6 @@
 import { ClockPickerView } from '@mui/x-date-pickers';
 import { DateTimeValidationError } from '@mui/x-date-pickers/internals/hooks/validation/useDateTimeValidation';
-import type { Dayjs } from 'dayjs';
+import { Dayjs } from 'dayjs';
 import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
 export type DateTimepickerValue = Dayjs | null;
 export interface DateTimePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {

package/src/community/components/form/pickers/mui-input-transition/mui-input-transition.d.ts

@@ -1,5 +1,5 @@
-import type { TextFieldProps as MuiTextFieldPropsType } from '@mui/material';
-import type { Dayjs } from 'dayjs';
+import { TextFieldProps as MuiTextFieldPropsType } from '@mui/material';
+import { Dayjs } from 'dayjs';
 import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
 export interface MuiInputTransitionProps {
     muiTextfieldProps: MuiTextFieldPropsType;

package/src/community/components/form/pickers/timepicker/timepicker.d.ts

@@ -1,6 +1,6 @@
 import { ClockPickerView } from '@mui/x-date-pickers';
 import { TimeValidationError } from '@mui/x-date-pickers/internals/hooks/validation/useTimeValidation';
-import type { Dayjs } from 'dayjs';
+import { Dayjs } from 'dayjs';
 import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
 export type TimePickerValue = Dayjs | null;
 export interface TimePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {

package/src/community/components/form/select/examples/async.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/custom-option.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/editable.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/multiple-handled.d.ts

@@ -1,4 +1,4 @@
 import { StoryFn } from '@storybook/react';
-import Select, { ISelectOption } from '../select';
+import { default as Select, ISelectOption } from '../select';
 export declare const colourOptions: ISelectOption[];
 export declare const MultipleHandledTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/select.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { GroupBase, InputActionMeta, MenuListProps, OptionProps, OptionsOrGroups, SelectInstance } from 'react-select';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';

package/src/community/components/form/text-editor/text-editor.d.ts

@@ -1,7 +1,6 @@
 import { DraftBlockType, DraftInlineStyleType } from 'draft-js';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
-import 'draft-js/dist/Draft.css';
 export interface TextEditorProps extends FormLabelProps {
     /**
      * ID attribute.

package/src/community/components/form/toggle/toggle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface ToggleProps {
     /**
      * Aria Label

package/src/community/components/icon/icon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TextColor } from '../typography/text/text';
 export type IconSize = 12 | 14 | 16 | 18 | 24 | 36 | 48;
 export interface IconProps {

package/src/community/components/layout/breadcrumbs/breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Layouts } from '../../../helpers/hooks/use-layout';
 import { AllowedHTMLTags } from '../../../helpers/polymorphic/types';
 import { IntentionalAny } from '../../../types';

package/src/community/components/layout/breadcrumbs/crumb/crumb.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AnchorProps } from '../../../anchor/anchor';
 export type CrumbProps<C extends React.ElementType = 'a'> = {
     /**

package/src/community/components/layout/footer/footer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IconProps } from '../../icon/icon';
 export type FooterCategory = {
     /**

package/src/community/components/layout/header/components/header-bottom-content/header-bottom-content.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../../../../card';
 export interface HeaderBottomContentProps {
     /**

package/src/community/components/layout/header/components/header-dropdown/header-dropdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ButtonProps } from '../../../../button/button';
 import { TooltipProps } from '../../../../tooltip';
 export interface HeaderDropdownProps {

package/src/community/components/layout/header/components/header-language/header-language.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface Language {
     label: string;
     onClick: (props: {

package/src/community/components/layout/header/components/header-modal/header-modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ButtonProps } from '../../../../button/button';
 export interface HeaderModalProps {
     /**

package/src/community/components/layout/header/components/header-notification/header-notification.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../../../../card';
 export interface HeaderNotificationProps {
     /**

package/src/community/components/layout/header/components/header-role/header-role.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface HeaderRoleProps {
     /**
      * Primary info of user

package/src/community/components/layout/header/components/header-settings/header-settings.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface HeaderSettingsProps {
     /**
      * Called on different actions depending on type of the Header.

package/src/community/components/layout/header/components/logo/logo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AnchorProps } from '../../../../anchor/anchor';
 export interface LogoProps<H extends React.ElementType = 'a'> {
     /**

package/src/community/components/layout/header/header/header.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Layouts } from '../../../../helpers';
 import { HeaderBottomContentProps } from '../components/header-bottom-content/header-bottom-content';
 import { HeaderNotificationProps } from '../components/header-notification/header-notification';

package/src/community/components/layout/layout/layout.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreadcrumbsProps } from '../breadcrumbs/breadcrumbs';
 import { FooterProps } from '../footer/footer';
 import { HeaderProps } from '../header';

package/src/community/components/layout/layout-context.d.ts

@@ -1,5 +1,5 @@
 import { FloatingContext, ReferenceType } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 import { IntentionalAny } from '../../types';
 import { SideNavProps } from './sidenav/sidenav';
 export interface ILayoutContext {

package/src/community/components/layout/sidenav/sidenav.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Layouts } from '../../../helpers/hooks/use-layout';
 import { AllowedHTMLTags } from '../../../helpers/polymorphic/types';
 import { IntentionalAny } from '../../../types';

package/src/community/components/map-components/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface CarouselProps {
     /**
      * Number of items visible at once in the carousel viewport.

package/src/community/components/map-components/comparison/comparison.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 export interface ComparisonProps {
     /**
      * React node rendered on the left side of the comparison view.

package/src/community/components/map-components/map-accordion/map-accordion-item-header.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 import { MapDropdownItem } from '../map-dropdown/map-dropdown';
 export interface MapAccordionItemHeaderProps {
     /**

package/src/community/components/map-components/map-accordion/map-accordion-item.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 import { MapAccordionItemContentProps } from './map-accordion-item-content';
 import { MapAccordionItemHeaderProps } from './map-accordion-item-header';
 export interface MapAccordionItemProps {

package/src/community/components/map-components/map-accordion/map-accordion.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 export interface MapAccordionProps {
     /**
      * Accordion children – typically a list of AccordionItem components.
@@ -61,8 +61,8 @@ export declare const MapAccordion: {
     (props: MapAccordionProps): JSX.Element;
     displayName: string;
 } & {
-    Item: (props: import("./map-accordion-item").MapAccordionItemProps) => JSX.Element;
-    Content: (props: import("./map-accordion-item-content").MapAccordionItemContentProps) => JSX.Element;
-    Header: (props: import("./map-accordion-item-header").MapAccordionItemHeaderProps) => JSX.Element;
+    Item: (props: import('./map-accordion-item').MapAccordionItemProps) => JSX.Element;
+    Content: (props: import('./map-accordion-item-content').MapAccordionItemContentProps) => JSX.Element;
+    Header: (props: import('./map-accordion-item-header').MapAccordionItemHeaderProps) => JSX.Element;
 };
 export default MapAccordion;

package/src/community/components/map-components/map-dropdown/map-dropdown.d.ts

@@ -1,5 +1,5 @@
 import { FloatingFocusManager, Placement } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 export type MapDropdownItem = {
     /**
      * Content of the item

package/src/community/components/map-components/map-info/map-info.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PopoverContentProps } from '../../../../tedi';
 export interface MapInfoProps {
     /**

package/src/community/components/map-components/map-preview/map-preview.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 export interface MapPreviewProps {
     /**
      * The content to be displayed when the overlay is in the open state.

package/src/community/components/map-components/right-panel/right-panel.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import { default as React, JSX } from 'react';
 interface AccordionItemData {
     /**
      * Unique identifier for the accordion item.

package/src/community/components/map-components/scale-bar/scale-bar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface ScaleBarProps {
     /**
      * The current zoom level of the map.

package/src/community/components/map-components/timeline/timeline.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PopoverContentProps } from '../../../../tedi';
 type IntervalType = 'day' | 'week' | 'year';
 interface TimelineProps {

package/src/community/components/modal/modal-closer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface ModalCloserProps {
     /**
      * The element that closes the modal.

package/src/community/components/modal/modal-provider.d.ts

@@ -1,5 +1,5 @@
 import { FloatingContext, ReferenceType } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 export interface ModalProviderProps {
     /**
      * ModalTrigger and Modal components

package/src/community/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../card/card';
 export interface ModalProps {
     /**

package/src/community/components/placeholder/placeholder.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { RowProps } from '../../../tedi/components/layout/grid';
 import { CardProps } from '../card';
 import { IconProps } from '../icon/icon';

package/src/community/components/stepper/step.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface StepProps {
     /**
      * ID of step

package/src/community/components/stepper/stepper-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type AllowStepLabelClick = boolean | 'completed' | 'completed-or-next';
 export interface IStepperContext {
     activeStep: number;

package/src/community/components/stepper/stepper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../card';
 import { StepProps } from './step';
 import { AllowStepLabelClick } from './stepper-context';

package/src/community/components/table/components/customize-table-cell/customize-table-cell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type AlignCell = 'top' | 'middle' | 'bottom' | 'baseline';
 interface CustomizeTableCellProps {
     /**

package/src/community/components/table/components/helpers.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef, ColumnFiltersState, PaginationState, SortingState } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 export declare function getExpandColumn<TData>(id?: string, showExpandAll?: boolean): ColumnDef<TData, any>;
 export declare function getRowSelectionColumn<TData>(id?: string, showSelectAll?: boolean): ColumnDef<TData, any>;
 export declare function useDefaultPagination(initial?: PaginationState, 

package/src/community/components/table/components/table-filter/table-filter-context.d.ts

@@ -1,5 +1,5 @@
 import { Column, Row } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 import { DefaultTData } from '../../table.types';
 export interface DateRangeFilterValues {
     from: string | null;