@conboai/storybook.components 0.5.98 → 0.6.0

package/dist/assets/icons/ErrorIcon.d.ts

@@ -1,2 +1,4 @@
-declare const ErrorIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const ErrorIcon: () => React.JSX.Element;
 export default ErrorIcon;

package/dist/assets/icons/InfoIcon.d.ts

@@ -1,2 +1,4 @@
-declare const InfoIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const InfoIcon: () => React.JSX.Element;
 export default InfoIcon;

package/dist/assets/icons/SuccessIcon.d.ts

@@ -1,2 +1,4 @@
-declare const SuccessIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const SuccessIcon: () => React.JSX.Element;
 export default SuccessIcon;

package/dist/assets/icons/ThreeDotsIcon.d.ts

@@ -1,2 +1,4 @@
-declare const ThreeDotsIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const ThreeDotsIcon: () => React.JSX.Element;
 export default ThreeDotsIcon;

package/dist/assets/icons/WarningIcon.d.ts

@@ -1,2 +1,4 @@
-declare const WarningIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const WarningIcon: () => React.JSX.Element;
 export default WarningIcon;

package/dist/components/ActionButton/ActionButton.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IActionButton } from '../../interfaces/actionButton';
 
-export declare const ActionButton: ({ children, disabled, onClick, variant, size, sx, ...props }: IActionButton) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionButton: ({ children, disabled, onClick, variant, size, sx, ...props }: IActionButton) => React.JSX.Element;
 export default ActionButton;

package/dist/components/ActionSelect/ActionSelect.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IActionSelect } from '../../interfaces/actionSelect';
 
-declare const ActionSelect: ({ options, setValue, value, disabled }: IActionSelect) => import("react/jsx-runtime").JSX.Element;
+declare const ActionSelect: ({ options, setValue, value, disabled }: IActionSelect) => React.JSX.Element;
 export default ActionSelect;

package/dist/components/AppTitleBar/AppTitleBar.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IAppTitleBar } from '../../interfaces/appTitleBar';
 
-declare function AppTitleBar({ label, imageSrc, onClick }: IAppTitleBar): import("react/jsx-runtime").JSX.Element;
+declare function AppTitleBar({ label, imageSrc, onClick }: IAppTitleBar): React.JSX.Element;
 export default AppTitleBar;

package/dist/components/BreadCrumbs/BreadCrumbs.d.ts

@@ -1,6 +1,8 @@
+import { default as React } from 'react';
+
 interface IBreadCrumbs {
     home: string;
     current: string;
 }
-declare function BreadCrumbs({ home, current }: IBreadCrumbs): import("react/jsx-runtime").JSX.Element;
+declare function BreadCrumbs({ home, current }: IBreadCrumbs): React.JSX.Element;
 export default BreadCrumbs;

package/dist/components/ChipsMultiSelect/ChipsMultiSelect.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export interface IChipsMultiSelect {
     options: string[];
     label: string;
@@ -9,5 +11,5 @@ export interface IChipsMultiSelect {
     clearIconVisible?: boolean;
     disabled?: boolean;
 }
-declare function ChipsMultiSelect({ options, label, value, onChange, size, isSingle, isRequired, clearIconVisible, disabled }: IChipsMultiSelect): import("react/jsx-runtime").JSX.Element;
+declare function ChipsMultiSelect({ options, label, value, onChange, size, isSingle, isRequired, clearIconVisible, disabled, }: IChipsMultiSelect): React.JSX.Element;
 export default ChipsMultiSelect;

package/dist/components/CircularProgressBar/CircularProgressBar.d.ts

@@ -1,2 +1,3 @@
-declare const CircularProgressBar: () => import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+declare const CircularProgressBar: () => React.JSX.Element;
 export default CircularProgressBar;

package/dist/components/CircularProgressBar/CircularProgressWithLabel.d.ts

@@ -1,6 +1,7 @@
 import { CircularProgressProps } from '@mui/material/CircularProgress';
 
+import * as React from "react";
 declare const CircularProgressWithLabel: (props: CircularProgressProps & {
     value: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default CircularProgressWithLabel;

package/dist/components/CustomInput/CustomInput.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode, ChangeEvent } from 'react';
+import { default as React } from 'react';
 
 export interface ICustomInputProps {
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
     label?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     type?: string;
     variant?: "light" | "dark";
 }
-declare const CustomInput: import('react').ForwardRefExoticComponent<Omit<ICustomInputProps & import('@mui/material/TextField').StandardTextFieldProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+declare const CustomInput: React.ForwardRefExoticComponent<Omit<ICustomInputProps & import('@mui/material/TextField').StandardTextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default CustomInput;

package/dist/components/CustomSelect/CustomSelect.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { default as React } from 'react';
 import { SelectProps, SelectChangeEvent } from '@mui/material';
 
 export interface ICustomSelect {
@@ -11,5 +11,5 @@ export interface ICustomSelect {
     onChange: (event: SelectChangeEvent) => void;
     disabled?: boolean;
 }
-declare const CustomSelect: FC<ICustomSelect & SelectProps>;
+declare const CustomSelect: React.FC<ICustomSelect & SelectProps>;
 export default CustomSelect;

package/dist/components/DatePicker/ActionBar.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { PickersActionBarProps } from '@mui/x-date-pickers';
 
-declare const ActionBar: ({ onClear, onSetToday, className }: PickersActionBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActionBar: ({ onClear, onSetToday, className }: PickersActionBarProps) => React.JSX.Element;
 export default ActionBar;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IDatePicker } from '../../interfaces/datePicker';
 
-declare const DatePicker: ({ label, onChange, value, showShortcuts, showAmPmFormat, shortcuts, selectOptions, showActionSelect, format, readonly, disabled, timezone, onError }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: ({ label, onChange, value, showShortcuts, showAmPmFormat, shortcuts, selectOptions, showActionSelect, format, readonly, disabled, timezone, onError, }: IDatePicker) => React.JSX.Element;
 export default DatePicker;

package/dist/components/DatePicker/constants.d.ts

@@ -1,13 +1,14 @@
+import { default as React } from 'react';
 import { TypeShortcuts } from '../../interfaces/datePicker';
 
 export declare const DEFAULT_DATE_FORMAT = "MM/DD/YYYY HH:mm";
 export declare const VIEWS_WITH_NO_TIME: string[];
 export declare const VIEWS_WITH_TIME: string[];
 export declare const slots: {
-    openPickerIcon: () => import("react/jsx-runtime").JSX.Element;
-    leftArrowIcon: () => import("react/jsx-runtime").JSX.Element;
-    rightArrowIcon: () => import("react/jsx-runtime").JSX.Element;
-    actionBar: ({ onClear, onSetToday, className }: import('@mui/x-date-pickers').PickersActionBarProps) => import("react/jsx-runtime").JSX.Element;
+    openPickerIcon: () => React.JSX.Element;
+    leftArrowIcon: () => React.JSX.Element;
+    rightArrowIcon: () => React.JSX.Element;
+    actionBar: ({ onClear, onSetToday, className }: import('@mui/x-date-pickers').PickersActionBarProps) => React.JSX.Element;
 };
 export declare const slotProps: (showShortcuts: boolean, shortcuts: TypeShortcuts) => {
     shortcuts: {

package/dist/components/Delimiter/Delimiter.d.ts

@@ -1,2 +1,4 @@
-declare const Delimiter: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const Delimiter: () => React.JSX.Element;
 export default Delimiter;

package/dist/components/Filter/components/Filter.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilter } from '../../../interfaces/filter';
 
-declare const _default: import('react').MemoExoticComponent<({ open, anchor, title, placement, width, height, onClose, onDone, data, readonly, notificationText, filterData }: IFilter) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, anchor, title, placement, width, height, onClose, onDone, data, readonly, notificationText, filterData }: IFilter) => React.JSX.Element>;
 export default _default;

package/dist/components/Filter/components/FilterActionButtons.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterActionButtons } from '../../../interfaces/filter';
 
-declare const FilterActionButtons: ({ onAdd, onRemove, onAddDisabled, onRemovedDisabled }: IFilterActionButtons) => import("react/jsx-runtime").JSX.Element;
+declare const FilterActionButtons: ({ onAdd, onRemove, onAddDisabled, onRemovedDisabled }: IFilterActionButtons) => React.JSX.Element;
 export default FilterActionButtons;

package/dist/components/Filter/components/FilterBody.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterBody } from '../../../interfaces/filter';
 
-declare const FilterBody: ({ data, helperText, setSelectedValues, selectedItems, readonly, filterData, subItemsFlag, setSubItemsFlag, isFilterBlock }: IFilterBody) => import("react/jsx-runtime").JSX.Element;
+declare const FilterBody: ({ data, helperText, setSelectedValues, selectedItems, readonly, filterData, subItemsFlag, setSubItemsFlag, isFilterBlock }: IFilterBody) => React.JSX.Element;
 export default FilterBody;

package/dist/components/Filter/components/FilterContent.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
+import { default as React } from 'react';
 import { IFilterContent } from '../../../interfaces/filter';
 
-declare const FilterContent: FC<IFilterContent>;
+declare const FilterContent: React.FC<IFilterContent>;
 export default FilterContent;

package/dist/components/Filter/components/FilterContentFooter.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterContentFooter } from '../../../interfaces/filter';
 
-declare const _default: import('react').MemoExoticComponent<({ checkedItems, setCheckedItems, data, setMasterCheckboxStates }: IFilterContentFooter) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ checkedItems, setCheckedItems, data, setMasterCheckboxStates }: IFilterContentFooter) => React.JSX.Element>;
 export default _default;

package/dist/components/Filter/components/FilterFooter.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterFooter } from '../../../interfaces/filter';
 
-declare const FilterFooter: ({ onCancel, onDone, isNotificationShown, notificationText, onDoneDisabled }: IFilterFooter) => import("react/jsx-runtime").JSX.Element;
+declare const FilterFooter: ({ onCancel, onDone, isNotificationShown, notificationText, onDoneDisabled }: IFilterFooter) => React.JSX.Element;
 export default FilterFooter;

package/dist/components/Filter/components/FilterHeader.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterHeader } from '../../../interfaces/filter';
 
-declare const FilterHeader: ({ title, onClose }: IFilterHeader) => import("react/jsx-runtime").JSX.Element;
+declare const FilterHeader: ({ title, onClose }: IFilterHeader) => React.JSX.Element;
 export default FilterHeader;

package/dist/components/Filter/components/FilterTabPanels.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterTabPanels } from '../../../interfaces/filter';
 
-declare const FilterTabPanels: ({ tabs, filterKey, data }: IFilterTabPanels) => import("react/jsx-runtime").JSX.Element;
+declare const FilterTabPanels: ({ tabs, filterKey, data }: IFilterTabPanels) => React.JSX.Element;
 export default FilterTabPanels;

package/dist/components/Filter/components/FilterTabs.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterTabs } from '../../../interfaces/filter';
 
-declare const FilterTabs: ({ value, setValue, data, setFilterKey, setSubItemsFlag }: IFilterTabs) => import("react/jsx-runtime").JSX.Element;
+declare const FilterTabs: ({ value, setValue, data, setFilterKey, setSubItemsFlag }: IFilterTabs) => React.JSX.Element;
 export default FilterTabs;

package/dist/components/FilterBox/FilterBox.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IFilterBox } from '../../interfaces/filter';
 
-declare const FilterBox: ({ title, filterTitle, data, readonly }: IFilterBox) => import("react/jsx-runtime").JSX.Element;
+declare const FilterBox: ({ title, filterTitle, data, readonly }: IFilterBox) => React.JSX.Element;
 export default FilterBox;

package/dist/components/Geo/Geo.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { GeoComponentProps } from './types';
 
-declare const Geo: ({ mode: modeFromProps, resetKey: resetKeyFromProps, onChange: onChangeFromProps, onComplete, data, selectedGeoId: selectedGeoIdFromProps, onSelect, onMouseMove, onDragEnd, showDirection, showNumbers, allowDelete, allowAdd, disableControls, fitZoom, mapCentering, center: centerFromProps, showOnlyPoints, initialCenter, zoom: zoomFromProps, onLoad, onError, googleMapsApiKey, googleMapsOptions, startMarkerLabel, endMarkerLabel, scaleNumber, fullscreenControl, showEndDirection, mapOverlay }: GeoComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const Geo: ({ mode: modeFromProps, resetKey: resetKeyFromProps, onChange: onChangeFromProps, onComplete, data, selectedGeoId: selectedGeoIdFromProps, onSelect, onMouseMove, onDragEnd, showDirection, showNumbers, allowDelete, allowAdd, disableControls, fitZoom, mapCentering, center: centerFromProps, showOnlyPoints, initialCenter, zoom: zoomFromProps, onLoad, onError, googleMapsApiKey, googleMapsOptions, startMarkerLabel, endMarkerLabel, scaleNumber, fullscreenControl, showEndDirection, mapOverlay, }: GeoComponentProps) => React.JSX.Element;
 export default Geo;

package/dist/components/Geo/components/NumericMarker/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { NumericMarkerPropsType } from './types';
 
-export default function NumericMarker({ coordinates: { lat, lng }, index }: NumericMarkerPropsType): import("react/jsx-runtime").JSX.Element;
+export default function NumericMarker({ coordinates: { lat, lng }, index }: NumericMarkerPropsType): React.JSX.Element;

package/dist/components/Geo/components/PointMarker/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { GeoType } from '../../types';
 
 interface IPointMarker {
@@ -6,5 +7,5 @@ interface IPointMarker {
     index: number;
     selectedGeoId: string | null;
 }
-declare const PointMarker: ({ entity, onSelect, index, selectedGeoId }: IPointMarker) => import("react/jsx-runtime").JSX.Element;
+declare const PointMarker: ({ entity, onSelect, index, selectedGeoId, }: IPointMarker) => React.JSX.Element;
 export default PointMarker;

package/dist/components/Geo/components/Polygon/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CoordinatePoint, GeoMode, GeoType } from '../../types';
 
 export interface IPolygonProps {
@@ -11,5 +12,5 @@ export interface IPolygonProps {
     showNumbers?: boolean;
     zIndex?: number;
 }
-declare const Polygon: import('react').MemoExoticComponent<({ selected, onChange: onChangeFromProps, onClick: onClickFromProps, data, mode, color, showNumbers, showOnlyPoints, zIndex }: IPolygonProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Polygon: React.MemoExoticComponent<({ selected, onChange: onChangeFromProps, onClick: onClickFromProps, data, mode, color, showNumbers, showOnlyPoints, zIndex }: IPolygonProps) => React.JSX.Element>;
 export default Polygon;

package/dist/components/Geo/components/Polyline/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CoordinatePoint, GeoType } from '../../types';
 
 interface IPolyline {
@@ -12,5 +13,5 @@ interface IPolyline {
     showOnlyPoints?: boolean;
     scaleNumber?: number;
 }
-declare const Polyline: import('react').MemoExoticComponent<({ zoom: zoomFromProps, showDirection, showEndDirection, startMarkerLabel, endMarkerLabel, onChange: onChangeFromProps, data, showNumbers, showOnlyPoints, scaleNumber }: IPolyline) => import("react/jsx-runtime").JSX.Element>;
+declare const Polyline: React.MemoExoticComponent<({ zoom: zoomFromProps, showDirection, showEndDirection, startMarkerLabel, endMarkerLabel, onChange: onChangeFromProps, data, showNumbers, showOnlyPoints, scaleNumber, }: IPolyline) => React.JSX.Element>;
 export default Polyline;

package/dist/components/Geo/components/ShapeDrawer/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import { default as React, Dispatch, SetStateAction } from 'react';
 import { CoordinatePoint, GeoMode } from '../../types';
 
 interface ShapeDrawerProps {
@@ -12,5 +12,5 @@ interface ShapeDrawerProps {
     showNumbers?: boolean;
     showOnlyPoints?: boolean;
 }
-export declare const ShapeDrawer: import('react').MemoExoticComponent<({ mapInstance, onComplete, onChange, resetKey, mode, zoom, setMode, showNumbers, showOnlyPoints }: ShapeDrawerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ShapeDrawer: React.MemoExoticComponent<({ mapInstance, onComplete, onChange, resetKey, mode, zoom, setMode, showNumbers, showOnlyPoints }: ShapeDrawerProps) => React.JSX.Element>;
 export {};

package/dist/components/Geo/types.d.ts

@@ -36,7 +36,7 @@ export type GeoMode = {
     shape: "";
 } | {
     type: "drawing";
-    shape: "polyline" | "polygon" | "marker";
+    shape: "polyline" | "polygon";
 };
 export interface GeoComponentProps {
     onChange?: (polygonPath: CoordinatePoint[], id: string, isCompleted?: boolean) => void;

package/dist/components/GoogleMap/GoogleMap.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { default as React, CSSProperties, ReactNode } from 'react';
 
 interface IGoogleMap {
     googleMapsApiKey: string;
@@ -19,5 +19,5 @@ interface IGoogleMap {
     zoom: number;
     mapOverlay?: boolean;
 }
-export declare const GoogleMap: ({ googleMapsApiKey, onMouseMove, onDragEnd, children, options, onLoad, onError, center, styles, zoom, id, googleMapsOptions, mapOverlay }: IGoogleMap) => import("react/jsx-runtime").JSX.Element;
+export declare const GoogleMap: ({ googleMapsApiKey, onMouseMove, onDragEnd, children, options, onLoad, onError, center, styles, zoom, id, googleMapsOptions, mapOverlay, }: IGoogleMap) => React.JSX.Element;
 export {};

package/dist/components/Header/Header.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactNode } from 'react';
+import { default as React, FC } from 'react';
 
 export interface IHeader {
-    children: ReactNode;
+    children: React.ReactNode;
 }
 declare const Header: FC<IHeader>;
 export default Header;

package/dist/components/HomeLink/HomeLink.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactNode } from 'react';
+import { default as React, FC } from 'react';
 
 interface IHomeLink {
-    linkContent: ReactNode | string;
+    linkContent: React.ReactNode | string;
     link: string;
 }
 declare const HomeLink: FC<IHomeLink>;

package/dist/components/ImageBox/ImageBox.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { default as React } from 'react';
 
 interface ImageBoxProps {
     images: string[];
@@ -6,5 +6,5 @@ interface ImageBoxProps {
     isFirstPage?: boolean;
     setToFirstPage?: (value: boolean) => void;
 }
-declare const ImageBox: FC<ImageBoxProps>;
+declare const ImageBox: React.FC<ImageBoxProps>;
 export default ImageBox;

package/dist/components/ImagePlayer/ImagePlayer.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { default as React } from 'react';
 import { SxProps } from '@mui/material';
 import { Shape } from '../Shapes/types';
 
@@ -27,5 +27,5 @@ export interface ImagePlayerProps {
     timezone?: string;
     isUtc?: boolean;
 }
-declare const ImagePlayer: FC<ImagePlayerProps>;
+declare const ImagePlayer: React.FC<ImagePlayerProps>;
 export default ImagePlayer;

package/dist/components/MediaModal/MediaModal.d.ts

@@ -1,9 +1,9 @@
-import { FC, ReactNode } from 'react';
+import { default as React, FC } from 'react';
 
 interface IMediaModalProps {
     open: boolean;
     handleClose: () => void;
-    children: ReactNode;
+    children: React.ReactNode;
     arrows?: boolean;
     onPrevClick?: () => void;
     onNextClick?: () => void;

package/dist/components/MetroMap/MetroMap.d.ts

@@ -1,4 +1,5 @@
 import { MetromapPalleteData } from './MetroMapUtils';
+import { default as React } from 'react';
 
 export type MetroMapElementType = {
     tag: string;
@@ -43,6 +44,6 @@ interface IMetroMap {
     activeSectors?: string[];
     fullNameData?: FullNameData[];
 }
-declare function MetroMap({ elements, onSelect, selectedCluster, minor, major, disabled, isMultiSelect, onHover, svgAttributes, showFullNames, isMap, pollutions, timing, disabledSectors, activeSectors, fullNameData }: IMetroMap): import("react/jsx-runtime").JSX.Element | null;
-declare const _default: import('react').MemoExoticComponent<typeof MetroMap>;
+declare function MetroMap({ elements, onSelect, selectedCluster, minor, major, disabled, isMultiSelect, onHover, svgAttributes, showFullNames, isMap, pollutions, timing, disabledSectors, activeSectors, fullNameData }: IMetroMap): React.JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof MetroMap>;
 export default _default;

package/dist/components/NotificationBar/NotificationBar.d.ts

@@ -1,6 +1,8 @@
+import { default as React } from 'react';
+
 interface INotificationBar {
     text: string;
     isShown?: boolean;
 }
-declare const NotificationBar: ({ text, isShown }: INotificationBar) => false | import("react/jsx-runtime").JSX.Element | undefined;
+declare const NotificationBar: ({ text, isShown }: INotificationBar) => false | React.JSX.Element | undefined;
 export default NotificationBar;

package/dist/components/OptimusWidgetBar/OptimusWidgetBar.d.ts

@@ -1,2 +1,4 @@
-declare function OptimusWidgetBar(): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare function OptimusWidgetBar(): React.JSX.Element;
 export default OptimusWidgetBar;

package/dist/components/PlayerPanel/PlayerPanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 
 interface IPlayerPanel {
     disabled?: boolean;
@@ -20,5 +20,5 @@ interface IPlayerPanel {
     stepForAutoPlay: number;
     maxSliderValue?: number;
 }
-declare const PlayerPanel: ({ disabled, startTime, currentTime, endTime, delay, isPlayingBackward, isPlayingForward, currentIndex, onSliderChange, onSliderChangeCommitted, onValueLabelFormat, onStep, onPlayingBackwardClick, onPlayingForwardClick, onSetStepForAutoPlay, stepForAutoPlay, maxSliderValue }: IPlayerPanel) => import("react/jsx-runtime").JSX.Element;
+declare const PlayerPanel: ({ disabled, startTime, currentTime, endTime, delay, data, isPlayingBackward, isPlayingForward, currentIndex, onSliderChange, onSliderChangeCommitted, onValueLabelFormat, onStep, onPlayingBackwardClick, onPlayingForwardClick, onSetStepForAutoPlay, stepForAutoPlay, maxSliderValue, }: IPlayerPanel) => React.JSX.Element;
 export default PlayerPanel;

package/dist/components/PointFinder/EditablePoint.d.ts

@@ -1,2 +1,4 @@
-declare const EditablePoint: ({ startTime, endTime, direction, handleDirectionChange, handleTimeChange, close }: any) => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+declare const EditablePoint: ({ startTime, endTime, direction, handleDirectionChange, handleTimeChange, close }: any) => React.JSX.Element;
 export default EditablePoint;

package/dist/components/PointFinder/MapPoint.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Point, PointDirection } from './PointFinder';
 
 interface IMapPoint {
@@ -7,5 +8,5 @@ interface IMapPoint {
     handleDirectionChange: (id: string, direction: PointDirection) => void;
     handleTimeChange: (id: string, property: "startTime" | "endTime", value: number) => void;
 }
-declare const MapPoint: ({ point, onPointClick, handleDirectionChange, editable, handleTimeChange }: IMapPoint) => import("react/jsx-runtime").JSX.Element;
+declare const MapPoint: ({ point, onPointClick, handleDirectionChange, editable, handleTimeChange }: IMapPoint) => React.JSX.Element;
 export default MapPoint;

package/dist/components/PointFinder/PointFinder.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 
 export declare enum PointVariant {
     current = "current",
@@ -33,5 +34,5 @@ interface IPointFinder {
     handleDirectionChange: (id: string, value: PointDirection) => void;
     handleTimeChange: (id: string, property: "startTime" | "endTime", value: number) => void;
 }
-export default function App({ points, connections, editable, onPointClick, handleDirectionChange, handleTimeChange }: IPointFinder): import("react/jsx-runtime").JSX.Element | null;
+export default function App({ points, connections, editable, onPointClick, handleDirectionChange, handleTimeChange }: IPointFinder): React.JSX.Element | null;
 export {};

package/dist/components/PointFinder/PointFinderImage.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 
-declare const PointFinderImage: () => import("react/jsx-runtime").JSX.Element;
+declare const PointFinderImage: () => React.JSX.Element;
 export default PointFinderImage;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,7 +1,9 @@
+import { default as React } from 'react';
+
 interface ISearchInput {
     onChange: (value: string) => void;
     disabled?: boolean;
     options: Array<string>;
 }
-declare const SearchInput: ({ onChange, disabled, options, ...props }: ISearchInput) => import("react/jsx-runtime").JSX.Element;
+declare const SearchInput: ({ onChange, disabled, options, ...props }: ISearchInput) => React.JSX.Element;
 export default SearchInput;

package/dist/components/Shapes/Header/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { IHeaderProps } from './types';
 
-export declare const Header: ({ header, point, rect, styles }: IHeaderProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const Header: ({ header, point, rect, styles }: IHeaderProps) => React.JSX.Element | undefined;

package/dist/components/Shapes/Menu/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { IMenuProps } from './types';
 
-export declare const Menu: ({ onClear, mode, onModeChange, drawCoordinates, setDrawCoordinates, selectedShape, allowAdd, allowEdit, allowDelete }: IMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ onClear, mode, onModeChange, drawCoordinates, setDrawCoordinates, selectedShape, allowAdd, allowEdit, allowDelete }: IMenuProps) => React.JSX.Element;

package/dist/components/Shapes/MousePoint/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Point } from '../types';
 
 export declare const MousePoint: ({ coordinates, rect, isInFov, styles }: {
@@ -8,4 +9,4 @@ export declare const MousePoint: ({ coordinates, rect, isInFov, styles }: {
         fill?: string;
         stroke?: string;
     };
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;

package/dist/components/Shapes/NumericMarker/index.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { Point } from '../types';
 
 export declare const NumericMarker: ({ point, number, rect }: {
     point: Point;
     number: number;
     rect: DOMRect;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

package/dist/components/Shapes/Shapes.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { IShapesProps } from './types';
 
-declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected: selectedShapeFromProps, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, snapToBoundaries, styles, polygonMaxLength, polylineMaxLength, polylineProps }: IShapesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected: selectedShapeFromProps, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, snapToBoundaries, styles, polygonMaxLength, polylineMaxLength, polylineProps }: IShapesProps) => React.JSX.Element;
 export default Shapes;

package/dist/components/Shapes/Text/index.d.ts

@@ -1,8 +1,9 @@
+import { default as React } from 'react';
 import { Shape } from '../types';
 
 interface TextProps {
     shape: Shape;
     rect: DOMRect | null;
 }
-export declare const Text: ({ shape, rect }: TextProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const Text: ({ shape, rect }: TextProps) => React.JSX.Element | undefined;
 export {};

package/dist/components/Svg/Svg.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { default as icons } from './icons';
 
 interface ISvg {
@@ -9,5 +10,5 @@ interface ISvg {
     className?: string;
     customPaths?: string[];
 }
-declare function Svg({ fill, icon, width, height, fillOpacity, className, customPaths }: ISvg): import("react/jsx-runtime").JSX.Element;
+declare function Svg({ fill, icon, width, height, fillOpacity, className, customPaths, }: ISvg): React.JSX.Element;
 export default Svg;

package/dist/components/TimelineChart/TimelineChart.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { default as React } from 'react';
 
 export interface DataPoint {
     id: string | number;
@@ -18,5 +18,5 @@ export interface TimelineChartProps {
     total?: number;
     hideFooter?: boolean;
 }
-declare const TimelineChart: FC<TimelineChartProps>;
+declare const TimelineChart: React.FC<TimelineChartProps>;
 export default TimelineChart;