Automatic fixes from eslint

src/components/data-display/Avatar/Avatar.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Avatar } from "src/components/data-display/Avatar/Avatar";
 
 const meta: Meta<typeof Avatar> = {

src/components/data-display/Avatar/Avatar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Avatar as AntAvatar } from "antd";
-import { AvatarProps as AntAvatarProps } from "antd";
+import { Avatar as AntAvatar , type AvatarProps as AntAvatarProps } from "antd";
+
 
 export interface IAvatarProps extends AntAvatarProps {}
 

src/components/data-display/Badge/Badge.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Badge } from "src/components/data-display/Badge/Badge";
 
 const meta: Meta<typeof Badge> = {

src/components/data-display/Badge/Badge.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Badge as AntBadge } from "antd";
-import { BadgeProps as AntBadgeProps } from "antd";
+import { Badge as AntBadge , type BadgeProps as AntBadgeProps } from "antd";
+
 
 export interface IBadgeProps extends AntBadgeProps {}
 

src/components/data-display/Calendar/Calendar.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Calendar } from "src/components/data-display/Calendar/Calendar";
 
 const meta: Meta<typeof Calendar> = {

src/components/data-display/Calendar/Calendar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Calendar as AntCalendar } from "antd";
-import { CalendarProps as AntCalendarProps } from "antd";
+import { Calendar as AntCalendar , type CalendarProps as AntCalendarProps } from "antd";
+
 
 export interface ICalendarProps extends AntCalendarProps {}
 

src/components/data-display/Card/Card.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Card } from "src/components/data-display/Card/Card";
 
 const meta: Meta<typeof Card> = {

src/components/data-display/Card/Card.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Card as AntCard } from "antd";
-import { CardProps as AntCardProps } from "antd";
+import { Card as AntCard , type CardProps as AntCardProps } from "antd";
+
 
 export interface ICardProps extends AntCardProps {}
 

src/components/data-display/Carousel/Carousel.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Carousel } from "src/components/data-display/Carousel/Carousel";
 
 const meta: Meta<typeof Carousel> = {

src/components/data-display/Carousel/Carousel.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Carousel as AntCarousel } from "antd";
-import { CarouselProps as AntCarouselProps } from "antd";
+import { Carousel as AntCarousel , type CarouselProps as AntCarouselProps } from "antd";
+
 
 export interface ICarouselProps extends AntCarouselProps {}
 

src/components/data-display/Collapse/Collapse.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Collapse } from "src/components/data-display/Collapse/Collapse";
 
 const meta: Meta<typeof Collapse> = {

src/components/data-display/Collapse/Collapse.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Collapse as AntCollapse } from "antd";
-import { CollapseProps as AntCollapseProps } from "antd";
+import { Collapse as AntCollapse , type CollapseProps as AntCollapseProps } from "antd";
+
 
 export interface ICollapseProps extends AntCollapseProps {}
 

src/components/data-display/Descriptions/Descriptions.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Descriptions } from "src/components/data-display/Descriptions/Descriptions";
 
 const meta: Meta<typeof Descriptions> = {

src/components/data-display/Descriptions/Descriptions.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Descriptions as AntDescriptions } from "antd";
-import { DescriptionsProps as AntDescriptionsProps } from "antd";
+import { Descriptions as AntDescriptions , type DescriptionsProps as AntDescriptionsProps } from "antd";
+
 
 export interface IDescriptionsProps extends AntDescriptionsProps {}
 

src/components/data-display/Empty/Empty.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Empty } from "src/components/data-display/Empty/Empty";
 
 const meta: Meta<typeof Empty> = {

src/components/data-display/Empty/Empty.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Empty as AntEmpty } from "antd";
-import { EmptyProps as AntEmptyProps } from "antd";
+import { Empty as AntEmpty , type EmptyProps as AntEmptyProps } from "antd";
+
 
 export interface IEmptyProps extends AntEmptyProps {}
 

src/components/data-display/Image/Image.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Image } from "src/components/data-display/Image/Image";
 
 const meta: Meta<typeof Image> = {

src/components/data-display/Image/Image.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Image as AntImage } from "antd";
-import { ImageProps as AntImageProps } from "antd";
+import { Image as AntImage , type ImageProps as AntImageProps } from "antd";
+
 
 export interface IImageProps extends AntImageProps {}
 

src/components/data-display/List/List.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { List } from "src/components/data-display/List/List";
 
 const meta: Meta<typeof List> = {

src/components/data-display/List/List.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { List as AntList } from "antd";
-import { ListProps as AntListProps } from "antd";
+import { List as AntList , type ListProps as AntListProps } from "antd";
+
 
 export interface IListProps<T> extends AntListProps<T> {}
 

src/components/data-display/Popover/Popover.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react";
-import { Popover } from "src/components/data-display/Popover/Popover";
-import { IPopoverProps } from "src/components/data-display/Popover/Popover";
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { Popover , type IPopoverProps } from "src/components/data-display/Popover/Popover";
+
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Button } from "src/components/general/Button/Button";
 
 const meta: Meta<typeof Popover> = {

src/components/data-display/Popover/Popover.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Popover as AntPopover } from "antd";
-import { PopoverProps as AntPopoverProps } from "antd";
+import { Popover as AntPopover , type PopoverProps as AntPopoverProps } from "antd";
+
 
 export interface IPopoverProps extends AntPopoverProps {}
 

src/components/data-display/QRCode/QRCode.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { QRCode } from "src/components/data-display/QRCode/QRCode";
 
 const meta: Meta<typeof QRCode> = {

src/components/data-display/QRCode/QRCode.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { QRCode as AntQRCode } from "antd";
-import { QRCodeProps as AntQRCodeProps } from "antd";
+import { QRCode as AntQRCode , type QRCodeProps as AntQRCodeProps } from "antd";
+
 
 export interface IQRCodeProps extends AntQRCodeProps {}
 

src/components/data-display/Segmented/Segmented.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Segmented } from "src/components/data-display/Segmented/Segmented";
 
 const meta: Meta<typeof Segmented> = {

src/components/data-display/Segmented/Segmented.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Segmented as AntSegmented } from "antd";
-import { SegmentedProps as AntSegmentedProps } from "antd";
+import { Segmented as AntSegmented , type SegmentedProps as AntSegmentedProps } from "antd";
+
 
 export interface ISegmentedProps extends AntSegmentedProps {
   ref?: React.RefObject<HTMLDivElement>;

src/components/data-display/Statistic/Statistic.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Statistic } from "src/components/data-display/Statistic/Statistic";
 
 const meta: Meta<typeof Statistic> = {

src/components/data-display/Statistic/Statistic.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Statistic as AntStatistic } from "antd";
-import { StatisticProps as AntStatisticProps } from "antd";
+import { Statistic as AntStatistic , type StatisticProps as AntStatisticProps } from "antd";
+
 
 export interface IStatisticProps extends AntStatisticProps {}
 

src/components/data-display/Table/Table.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Table } from "src/components/data-display/Table/Table";
 
 const meta: Meta<typeof Table> = {

src/components/data-display/Table/Table.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Table as AntTable } from "antd";
-import { TableProps as AntTableProps } from "antd";
+import { Table as AntTable , type TableProps as AntTableProps } from "antd";
+
 
 export interface ITableProps extends AntTableProps {}
 

src/components/data-display/Tabs/Tabs.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Tabs } from "src/components/data-display/Tabs/Tabs";
 
 const meta: Meta<typeof Tabs> = {

src/components/data-display/Tabs/Tabs.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Tabs as AntTabs } from "antd";
-import { TabsProps as AntTabsProps } from "antd";
+import { Tabs as AntTabs , type TabsProps as AntTabsProps } from "antd";
+
 
 export interface ITabsProps extends AntTabsProps {}
 

src/components/data-display/Tag/Tag.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Tag } from "src/components/data-display/Tag/Tag";
 
 const meta: Meta<typeof Tag> = {

src/components/data-display/Tag/Tag.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Tag as AntTag } from "antd";
-import { TagProps as AntTagProps } from "antd";
+import { Tag as AntTag , type TagProps as AntTagProps } from "antd";
+
 
 export interface ITagProps extends AntTagProps {}
 

src/components/data-display/Timeline/Timeline.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Timeline } from "src/components/data-display/Timeline/Timeline";
 
 const meta: Meta<typeof Timeline> = {

src/components/data-display/Timeline/Timeline.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Timeline as AntTimeline } from "antd";
-import { TimelineProps as AntTimelineProps } from "antd";
+import { Timeline as AntTimeline , type TimelineProps as AntTimelineProps } from "antd";
+
 
 export interface ITimelineProps extends AntTimelineProps {}
 

src/components/data-display/Tooltip/Tooltip.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Tooltip } from "src/components/data-display/Tooltip/Tooltip";
 
 const meta: Meta<typeof Tooltip> = {

src/components/data-display/Tooltip/Tooltip.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Tooltip as AntTooltip } from "antd";
-import { TooltipPropsWithTitle as AntTooltipPropsWithTitle } from "antd/es/tooltip";
+import { type TooltipPropsWithTitle as AntTooltipPropsWithTitle } from "antd/es/tooltip";
 
 export interface ITooltipProps extends AntTooltipPropsWithTitle {}
 

src/components/data-display/Tour/Tour.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Tour } from "src/components/data-display/Tour/Tour";
 
 const meta: Meta<typeof Tour> = {

src/components/data-display/Tour/Tour.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Tour as AntTour } from "antd";
-import { TourProps as AntTourProps } from "antd";
+import { Tour as AntTour , type TourProps as AntTourProps } from "antd";
+
 
 export interface ITourProps extends AntTourProps {}
 

src/components/data-display/Tree/Tree.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import { type Meta , type StoryObj } from "@storybook/react";
+
 import { Tree } from "src/components/data-display/Tree/Tree";
 
 const meta: Meta<typeof Tree> = {

src/components/data-display/Tree/Tree.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Tree as AntTree } from "antd";
-import { TreeProps as AntTreeProps } from "antd";
+import { Tree as AntTree , type TreeProps as AntTreeProps } from "antd";
+
 
 export interface ITreeProps extends AntTreeProps {}
 

src/components/data-entry/AutoComplete/AutoComplete.stories.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-import { useState } from "react";
-import { AutoComplete } from "src/components/data-entry/AutoComplete/AutoComplete";
-import { IAutoCompleteProps } from "src/components/data-entry/AutoComplete/AutoComplete";
-import { Meta } from "@storybook/react";
-import { StoryObj } from "@storybook/react";
+import React, { useState } from "react";
+
+import { AutoComplete , type IAutoCompleteProps } from "src/components/data-entry/AutoComplete/AutoComplete";
+
+import { type Meta , type StoryObj } from "@storybook/react";
+
 
 const meta: Meta<typeof AutoComplete> = {
   title: "Aquarium/Data Entry/AutoComplete",
@@ -30,7 +30,7 @@ const PrimaryTemplate = (args: IAutoCompleteProps) => {
   const [value, setValue] = useState<IAutoCompleteProps["value"]>("");
   const [options, setOptions] = useState<IAutoCompleteProps["options"]>([]);
 
-  let onSearch = (text: string) => setOptions(getPanelValue(text));
+  const onSearch = (text: string) => { setOptions(getPanelValue(text)); };
   const onSelect = (value: string) => {
     console.log("you selected value: " + value);
   };

src/components/data-entry/AutoComplete/AutoComplete.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { AutoComplete as AntAutoComplete } from "antd";
-import { AutoCompleteProps as AntAutoCompleteProps } from "antd";
+import { AutoComplete as AntAutoComplete , type AutoCompleteProps as AntAutoCompleteProps } from "antd";
+
 
 export interface IAutoCompleteProps extends AntAutoCompleteProps {}