@steroidsjs/bootstrap 3.0.35 → 3.0.38

package/content/Accordion/AccordionItemView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IAccordionItemViewProps } from '@steroidsjs/core/ui/content/Accordion/Accordion';
-export default function AccordionItemView(props: IAccordionItemViewProps): React.JSX.Element;
+export default function AccordionItemView(props: IAccordionItemViewProps): JSX.Element;

package/content/Accordion/AccordionView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IAccordionViewProps } from '@steroidsjs/core/ui/content/Accordion/Accordion';
-export default function AccordionView(props: IAccordionViewProps): React.JSX.Element;
+export default function AccordionView(props: IAccordionViewProps): JSX.Element;

package/content/Alert/AlertView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IAlertViewProps } from '@steroidsjs/core/ui/content/Alert/Alert';
-export default function Alert(props: IAlertViewProps): React.JSX.Element;
+export default function Alert(props: IAlertViewProps): JSX.Element;

package/content/Avatar/AvatarGroupView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IAvatarGroupViewProps } from '@steroidsjs/core/ui/content/Avatar/AvatarGroup';
-export default function Avatar(props: IAvatarGroupViewProps): React.JSX.Element;
+export default function Avatar(props: IAvatarGroupViewProps): JSX.Element;

package/content/Avatar/AvatarView.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { IAvatarViewProps } from '@steroidsjs/core/ui/content/Avatar/Avatar';
 interface IAvatarProps extends IAvatarViewProps {
     formattedTitle: any;
 }
-export default function Avatar(props: IAvatarProps): React.JSX.Element;
+export default function Avatar(props: IAvatarProps): JSX.Element;
 export {};

package/content/Badge/BadgeView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IBadgeViewProps } from '@steroidsjs/core/ui/content/Badge/Badge';
-export default function BadgeView(props: IBadgeViewProps): React.JSX.Element;
+export default function BadgeView(props: IBadgeViewProps): JSX.Element;

package/content/Calendar/CalendarView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICalendarViewProps } from '@steroidsjs/core/ui/content/Calendar/Calendar';
-export default function CalendarView(props: ICalendarViewProps): React.JSX.Element;
+export default function CalendarView(props: ICalendarViewProps): JSX.Element;

package/content/Calendar/CaptionElement.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { CaptionElementProps } from 'react-day-picker/types/Props';
 import { ICalendarViewProps } from '@steroidsjs/core/ui/content/Calendar/Calendar';
 interface ICaptionElementProps extends CaptionElementProps, Pick<ICalendarViewProps, 'fromYear' | 'toYear' | 'isCaptionPanelVisible' | 'toggleCaptionPanel'> {
     onChange: (value: any) => void;
     showCalendarFooter?: boolean;
 }
-export default function CaptionElement(props: ICaptionElementProps): React.JSX.Element;
+export default function CaptionElement(props: ICaptionElementProps): JSX.Element;
 export {};

package/content/CalendarSystem/AsideCalendars/AsideCalendars.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './AsideCalendars.scss';
 type IAsideCalendarsProps = Pick<ICalendarSystemViewProps, 'eventGroups' | 'eventGroupsTitle' | 'asideCalendarCheckboxListProps' | 'onChangeEventGroupsIds' | 'openCreateEventGroupModal' | 'canAddedEventGroups'>;
-declare function AsideCalendars(props: IAsideCalendarsProps): React.JSX.Element;
+declare function AsideCalendars(props: IAsideCalendarsProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof AsideCalendars>;
 export default _default;

package/content/CalendarSystem/AsideHeader/AsideHeader.d.ts

@@ -4,6 +4,6 @@ import './AsideHeader.scss';
 interface IAsideHeaderProps extends Pick<ICalendarSystemViewProps, 'openCreateModal'> {
     className?: string;
 }
-declare function AsideHeader(props: IAsideHeaderProps): React.JSX.Element;
+declare function AsideHeader(props: IAsideHeaderProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof AsideHeader>;
 export default _default;

package/content/CalendarSystem/CalendarSystemEventGroupModalView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { CalendarSystemEventGroupModalViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-export default function CalendarSystemEventGroupModalView(props: CalendarSystemEventGroupModalViewProps): React.JSX.Element;
+export default function CalendarSystemEventGroupModalView(props: CalendarSystemEventGroupModalViewProps): JSX.Element;

package/content/CalendarSystem/CalendarSystemModalView.d.ts

@@ -1,3 +1,3 @@
+/// <reference types="react" />
 import { ICalendarSystemModalViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
-export default function CalendarSystemModalView(props: ICalendarSystemModalViewProps): React.JSX.Element;
+export default function CalendarSystemModalView(props: ICalendarSystemModalViewProps): JSX.Element;

package/content/CalendarSystem/CalendarSystemView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-export default function CalendarSystemView(props: ICalendarSystemViewProps): React.JSX.Element;
+export default function CalendarSystemView(props: ICalendarSystemViewProps): JSX.Element;

package/content/CalendarSystem/ContentHeader/ContentHeader.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './ContentHeader.scss';
 type IContentHeaderProps = Pick<ICalendarSystemViewProps, 'dateToDisplay' | 'handleCalendarTypeChange' | 'onClickControl' | 'calendarType'>;
-declare function ContentHeader(props: IContentHeaderProps): React.JSX.Element;
+declare function ContentHeader(props: IContentHeaderProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ContentHeader>;
 export default _default;

package/content/CalendarSystem/DayGrid/DayGrid.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './DayGrid.scss';
 type IDayGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate' | 'users'> & ICalendarSystemViewProps['dayGridProps'];
-declare function DayGrid(props: IDayGridProps): React.JSX.Element;
+declare function DayGrid(props: IDayGridProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DayGrid>;
 export default _default;

package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.d.ts

@@ -7,6 +7,6 @@ interface IDayHourProps extends Pick<ICalendarSystemViewProps, 'openEditModal' |
     currentDay: IDay;
     renderEventView: (componentProps: any) => React.ReactNode;
 }
-declare function DayHour(props: IDayHourProps): React.JSX.Element;
+declare function DayHour(props: IDayHourProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DayHour>;
 export default _default;

package/content/CalendarSystem/DayGrid/views/DayHour/views/DayEvent/DayEvent.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { IEvent } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './DayEvent.scss';
 interface IDayEventProps {
     event: IEvent;
 }
-export default function DayEvent({ event }: IDayEventProps): React.JSX.Element;
+export default function DayEvent({ event }: IDayEventProps): JSX.Element;
 export {};

package/content/CalendarSystem/MonthGrid/MonthGrid.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './MonthGrid.scss';
 type IMonthGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> & ICalendarSystemViewProps['monthGridProps'];
-declare function MonthGrid(props: IMonthGridProps): React.JSX.Element;
+declare function MonthGrid(props: IMonthGridProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof MonthGrid>;
 export default _default;

package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.d.ts

@@ -5,5 +5,5 @@ interface IMonthDayProps extends Pick<ICalendarSystemViewProps, 'openEditModal'
     day: IDay;
     renderEventView: (componentProps: any) => React.ReactNode;
 }
-export default function MonthDay(props: IMonthDayProps): React.JSX.Element;
+export default function MonthDay(props: IMonthDayProps): JSX.Element;
 export {};

package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { IEvent } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './MonthEvent.scss';
 interface IMonthEventProps {
     event: IEvent;
 }
-export default function MonthEvent({ event }: IMonthEventProps): React.JSX.Element;
+export default function MonthEvent({ event }: IMonthEventProps): JSX.Element;
 export {};

package/content/CalendarSystem/WeekGrid/WeekGrid.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './WeekGrid.scss';
 type IWeekGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> & ICalendarSystemViewProps['weekGridProps'];
-declare function WeekGrid(props: IWeekGridProps): React.JSX.Element;
+declare function WeekGrid(props: IWeekGridProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof WeekGrid>;
 export default _default;

package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.d.ts

@@ -6,5 +6,5 @@ interface IWeekHourProps extends Pick<ICalendarSystemViewProps, 'openEditModal'
     hour: string;
     renderEventView: (componentProps: any) => React.ReactNode;
 }
-export default function WeekHour(props: IWeekHourProps): React.JSX.Element;
+export default function WeekHour(props: IWeekHourProps): JSX.Element;
 export {};

package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { IEvent } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './WeekEvent.scss';
 interface IWeekEventProps {
     event: IEvent;
 }
-export default function WeekEvent({ event }: IWeekEventProps): React.JSX.Element;
+export default function WeekEvent({ event }: IWeekEventProps): JSX.Element;
 export {};

package/content/Card/CardView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICardViewProps } from '@steroidsjs/core/ui/content/Card/Card';
-export default function CardView(props: ICardViewProps): React.JSX.Element;
+export default function CardView(props: ICardViewProps): JSX.Element;

package/content/Chart/ChartView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IChartViewProps } from '@steroidsjs/core/ui/content/Chart/Chart';
-export default function ChartView(props: IChartViewProps): React.JSX.Element;
+export default function ChartView(props: IChartViewProps): JSX.Element;

package/content/Chat/ChatView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IChatViewProps } from '@steroidsjs/core/ui/content/Chat/Chat';
-export default function ChatView(props: IChatViewProps): React.JSX.Element;
+export default function ChatView(props: IChatViewProps): JSX.Element;

package/content/Chat/views/BubbleMessage/BubbleMessageView.d.ts

@@ -12,6 +12,6 @@ interface IBubbleMessageProps {
     isTodayMessage?: boolean;
     files?: any[];
 }
-declare function BubbleMessageView(props: IBubbleMessageProps): React.JSX.Element;
+declare function BubbleMessageView(props: IBubbleMessageProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof BubbleMessageView>;
 export default _default;

package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.d.ts

@@ -7,6 +7,6 @@ interface IBubblesDateGroupProps {
     groupedMessages: IGroupedMessage[][];
     currentUser: IChatUser;
 }
-declare function BubblesDateGroup(props: IBubblesDateGroupProps): React.JSX.Element;
+declare function BubblesDateGroup(props: IBubblesDateGroupProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof BubblesDateGroup>;
 export default _default;

package/content/Chat/views/ChatFileItem/ChatFileItemView.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IFileFieldItemViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
 import { IMessageFile } from '@steroidsjs/core/ui/content/Chat/Chat';
 import './ChatFileItemView.scss';
@@ -6,5 +6,5 @@ interface IChatFileItemViewProps extends IFileFieldItemViewProps, IMessageFile {
     isFileFromMessage?: boolean;
     isFileByAnotherUser?: boolean;
 }
-export default function ChatFileItemView(props: IChatFileItemViewProps): React.JSX.Element;
+export default function ChatFileItemView(props: IChatFileItemViewProps): JSX.Element;
 export {};

package/content/Chat/views/ChatInput/ChatInputView.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IChatInputViewProps } from '@steroidsjs/core/ui/content/Chat/Chat';
 import './ChatInputView.scss';
-export default function ChatInputView(props: IChatInputViewProps): React.JSX.Element;
+export default function ChatInputView(props: IChatInputViewProps): JSX.Element;

package/content/CopyToClipboard/CopyToClipboardView.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICopyToClipboardViewProps } from '@steroidsjs/core/ui/content/CopyToClipboard/CopyToClipboard';
-declare function CopyToClipboardView(props: ICopyToClipboardViewProps): React.JSX.Element;
+declare function CopyToClipboardView(props: ICopyToClipboardViewProps): JSX.Element;
 export default CopyToClipboardView;

package/content/Dashboard/DashboardItemView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IDashboardItemViewProps } from '@steroidsjs/core/ui/content/Dashboard/Dashboard';
-export default function DashboardItemView(props: IDashboardItemViewProps): React.JSX.Element;
+export default function DashboardItemView(props: IDashboardItemViewProps): JSX.Element;

package/content/Detail/DetailView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IDetailViewProps } from '@steroidsjs/core/ui/content/Detail/Detail';
-export default function DetailView(props: IDetailViewProps): React.JSX.Element;
+export default function DetailView(props: IDetailViewProps): JSX.Element;

package/content/DropDown/DropDownView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IDropDownViewProps } from '@steroidsjs/core/ui/content/DropDown/DropDown';
-export default function DropDownView(props: IDropDownViewProps): React.JSX.Element;
+export default function DropDownView(props: IDropDownViewProps): JSX.Element;

package/content/Icon/IconView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IIconViewProps } from '@steroidsjs/core/ui/content/Icon/Icon';
-export default function IconView(props: IIconViewProps): React.JSX.Element;
+export default function IconView(props: IIconViewProps): JSX.Element;

package/content/Kanban/KanbanView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKanbanViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
-export default function KanbanView(props: IKanbanViewProps): React.JSX.Element;
+export default function KanbanView(props: IKanbanViewProps): JSX.Element;

package/content/Kanban/views/KanbanColumn/KanbanColumnView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKanbanColumnViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
-export default function KanbanColumnView(props: IKanbanColumnViewProps): React.JSX.Element;
+export default function KanbanColumnView(props: IKanbanColumnViewProps): JSX.Element;

package/content/Kanban/views/KanbanModal/KanbanModalView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKanbanModalViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
-export default function KanbanModalView(props: IKanbanModalViewProps): React.JSX.Element;
+export default function KanbanModalView(props: IKanbanModalViewProps): JSX.Element;

package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICreateOrEditTaskModalContentViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
-export default function CreateOrEditTaskModalContentView(props: ICreateOrEditTaskModalContentViewProps): React.JSX.Element;
+export default function CreateOrEditTaskModalContentView(props: ICreateOrEditTaskModalContentViewProps): JSX.Element;

package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 interface ILabelProps {
     content: string;
     className: string;
 }
-export default function Label(props: ILabelProps): React.JSX.Element;
+export default function Label(props: ILabelProps): JSX.Element;
 export {};

package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { ITaskTag } from '@steroidsjs/core/ui/content/Kanban/Kanban';
 import './TagsSelector.scss';
 interface ITagsSelectorProps {
     tags?: ITaskTag[];
     formId?: string;
 }
-export default function TagsSelector(props: ITagsSelectorProps): React.JSX.Element;
+export default function TagsSelector(props: ITagsSelectorProps): JSX.Element;
 export {};

package/content/Kanban/views/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IKanbanTaskDetailsModalViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
-export default function TaskDetailsModalContentView(props: IKanbanTaskDetailsModalViewProps): React.JSX.Element;
+export default function TaskDetailsModalContentView(props: IKanbanTaskDetailsModalViewProps): JSX.Element;

package/content/Kanban/views/KanbanTask/KanbanTaskView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IKanbanTaskViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
-declare function KanbanTaskView(props: IKanbanTaskViewProps): React.JSX.Element;
+declare function KanbanTaskView(props: IKanbanTaskViewProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof KanbanTaskView>;
 export default _default;

package/content/Kanban/views/TaskTags/TaskTags.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ITaskTag } from '@steroidsjs/core/ui/content/Kanban/Kanban';
 import './TaskTags.scss';
 interface ITaskTagsProps {
@@ -6,5 +6,5 @@ interface ITaskTagsProps {
     showClose?: boolean;
     onClose?: (id: number) => void;
 }
-export default function TaskTags(props: ITaskTagsProps): React.JSX.Element;
+export default function TaskTags(props: ITaskTagsProps): JSX.Element;
 export {};

package/content/Menu/MenuItemView.d.ts

@@ -1,3 +1,3 @@
+/// <reference types="react" />
 import { IMenuItem } from '@steroidsjs/core/ui/content/Menu/Menu';
-import React from 'react';
-export default function MenuItemView(props: IMenuItem): React.JSX.Element;
+export default function MenuItemView(props: IMenuItem): JSX.Element;

package/content/Menu/MenuView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IMenuViewProps } from '@steroidsjs/core/ui/content/Menu/Menu';
-export default function MenuView(props: IMenuViewProps): React.JSX.Element;
+export default function MenuView(props: IMenuViewProps): JSX.Element;

package/content/Slider/SliderView.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ISliderViewProps } from '@steroidsjs/core/ui/content/Slider/Slider';
 import '@splidejs/splide/dist/css/splide.min.css';
-export default function SliderView(props: ISliderViewProps): React.JSX.Element;
+export default function SliderView(props: ISliderViewProps): JSX.Element;

package/crud/Crud/CrudView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICrudViewProps } from '@steroidsjs/core/ui/crud/Crud/Crud';
-export default function CrudView(props: ICrudViewProps): React.JSX.Element;
+export default function CrudView(props: ICrudViewProps): JSX.Element;

package/form/AutoCompleteField/AutoCompleteFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IAutoCompleteFieldViewProps } from '@steroidsjs/core/ui/form/AutoCompleteField/AutoCompleteField';
-export default function AutoCompleteFieldView(props: IAutoCompleteFieldViewProps): React.JSX.Element;
+export default function AutoCompleteFieldView(props: IAutoCompleteFieldViewProps): JSX.Element;

package/form/Button/ButtonView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IButtonViewProps } from '@steroidsjs/core/ui/form/Button/Button';
-export default function ButtonView(props: IButtonViewProps): React.JSX.Element;
+export default function ButtonView(props: IButtonViewProps): JSX.Element;

package/form/CheckboxField/CheckboxFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICheckboxFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxField/CheckboxField';
-export default function CheckboxFieldView(props: ICheckboxFieldViewProps): React.JSX.Element;
+export default function CheckboxFieldView(props: ICheckboxFieldViewProps): JSX.Element;

package/form/CheckboxListField/CheckboxListFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICheckboxListFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxListField/CheckboxListField';
-export default function CheckboxListFieldView(props: ICheckboxListFieldViewProps): React.JSX.Element;
+export default function CheckboxListFieldView(props: ICheckboxListFieldViewProps): JSX.Element;

package/form/CheckboxTreeField/CheckboxTreeFieldView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICheckboxTreeFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxTreeField/CheckboxTreeField';
-export default function CheckboxTreeFieldView(props: ICheckboxTreeFieldViewProps): React.JSX.Element;
+export default function CheckboxTreeFieldView(props: ICheckboxTreeFieldViewProps): JSX.Element;

package/form/DateField/DateFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IDateFieldViewProps } from '@steroidsjs/core/ui/form/DateField/DateField';
-export default function DateFieldView(props: IDateFieldViewProps): React.JSX.Element;
+export default function DateFieldView(props: IDateFieldViewProps): JSX.Element;

package/form/DateRangeField/DateRangeFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IDateRangeFieldViewProps } from '@steroidsjs/core/ui/form/DateRangeField/DateRangeField';
-export default function DateRangeFieldView(props: IDateRangeFieldViewProps): React.JSX.Element;
+export default function DateRangeFieldView(props: IDateRangeFieldViewProps): JSX.Element;

package/form/DateRangeField/DateRangeFieldView.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use "../../scss/variables";
 @use '../../scss/mixins';
 @forward './views/RangeButtons/RangeButtons.scss';
@@ -75,11 +76,11 @@ $all-directions: top, bottom, left, right;
         &_position {
             @each $pos, $config in $positions {
                 &_#{$pos} {
-                    flex-direction: map-get($config, direction);
+                    flex-direction: map.get($config, direction);
                     align-items: center;
                 
                     @media (max-width: variables.$tablet-width) {
-                        flex-direction: map-get($config, responsive);
+                        flex-direction: map.get($config, responsive);
                         align-items: center;
                     }
                 }
@@ -88,11 +89,11 @@ $all-directions: top, bottom, left, right;
                 @each $dir2 in $all-directions {
                     @if $dir1 != $dir2 {
                     &_#{$dir1}-#{$dir2} {
-                        flex-direction: map-get(map-get($positions, $dir1), direction);
+                        flex-direction: map.get(map.get($positions, $dir1), direction);
                         align-items: center;
                 
                         @media (max-width: variables.$tablet-width) {
-                            flex-direction: map-get(map-get($positions, $dir2), direction);
+                            flex-direction: map.get(map.get($positions, $dir2), direction);
                             align-items: center;
                         }
                     }

package/form/DateRangeField/views/RangeButtons/RangeButtons.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IDateRangeFieldViewProps } from '@steroidsjs/core/ui/form/DateRangeField/DateRangeField';
 interface IRangeButtonsProps {
     config: IDateRangeFieldViewProps['withRangeButtons'];
@@ -7,5 +7,5 @@ interface IRangeButtonsProps {
     position?: IDateRangeFieldViewProps['rangeButtonsPosition'];
     format?: string;
 }
-export default function RangeButtons(props: IRangeButtonsProps): React.JSX.Element;
+export default function RangeButtons(props: IRangeButtonsProps): JSX.Element;
 export {};