react-asc 25.0.5 → 25.0.6

package/components/Alert/Alert.d.ts

@@ -1,6 +1,8 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 import { VARIANT } from '../component.enums';
-import { COLOR, SIZE } from '../component.enums';
+import type { SIZE } from '../component.enums';
+import { COLOR } from '../component.enums';
 export interface IAlertProps extends React.ComponentProps<'div'> {
     children?: ReactNode;
     className?: string;

package/components/AppBar/AppBar.d.ts

@@ -1,5 +1,7 @@
-import React, { ReactNode } from 'react';
-import { COLOR, SIZE } from '../component.enums';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { SIZE } from '../component.enums';
+import { COLOR } from '../component.enums';
 export interface IAppBarProps extends React.ComponentProps<'nav'> {
     children?: ReactNode;
     className?: string;

package/components/AppBar/AppBarTitle.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface IAppBarTitleProps extends React.ComponentProps<'div'> {
     children?: ReactNode;
 }

package/components/AutoComplete/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ISelectOption } from '../component.interfaces';
+import type { ISelectOption } from '../component.interfaces';
 export interface IAutoCompleteProps {
     id?: string;
     name?: string;

package/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface IBreadcrumbProps extends React.ComponentProps<'nav'> {
     children?: ReactNode;
 }

package/components/Button/ButtonContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { COLOR } from '../component.enums';
+import type { COLOR } from '../component.enums';
 export interface IButtonContext {
     color: COLOR | null;
 }

package/components/Chip/Chip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { COLOR } from '../component.enums';
+import type { COLOR } from '../component.enums';
 export interface IChipProps extends React.ComponentProps<'div'> {
     color?: COLOR;
     shadow?: boolean;

package/components/ConditionalWrapper/ConditionalWrapper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 interface IConditionalWrapperProps {
     condition: boolean;
     wrapper: (children: React.ReactNode) => JSX.Element;

package/components/ExpansionPanel/ExpansionPanel.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface IExpansionPanelProps {
     header: ReactNode;
     children: ReactNode;

package/components/ExpansionPanel/ExpansionPanelContent.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface IExpansionPanelContentProps {
     children?: ReactNode;
 }

package/components/ExpansionPanel/ExpansionPanelHeader.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface IExpansionPanelHeaderProps {
     onClick?: (event: React.MouseEvent) => void;
     children?: ReactNode;

package/components/Form/Form.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { IControls, IFormValues } from './form.interfaces';
-import { FormControl } from './form.models';
+import type { IControls, IFormValues } from './form.interfaces';
+import type { FormControl } from './form.models';
 export interface IFormProps {
     controls: IControls;
     validateOnBlur?: boolean;

package/components/Form/FormError.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IFormInputError } from './form.interfaces';
+import type { IFormInputError } from './form.interfaces';
 interface IFormErrorProps {
     className?: string;
     errors?: IFormInputError[];

package/components/Form/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface IFormGroupProps {
     children?: ReactNode;
     className?: string;

package/components/Form/FormInput/FormInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IFormInputOptions, IFormTextAreaOptions, IFormSelectOptions, IFormAutoCompleteOptions } from '../form.interfaces';
-import { IFormControlType } from '../form.types';
+import type { IFormInputOptions, IFormTextAreaOptions, IFormSelectOptions, IFormAutoCompleteOptions } from '../form.interfaces';
+import type { IFormControlType } from '../form.types';
 export interface IFormInputEvent {
     value: any;
     type?: string;

package/components/Form/form.interfaces.d.ts

@@ -1,4 +1,4 @@
-import { FormControl } from './form.models';
+import type { FormControl } from './form.models';
 export interface IControls {
     [key: string]: FormControl;
 }

package/components/Form/form.models.d.ts

@@ -1,5 +1,5 @@
-import { IFormControlConfig, IFormInputError } from './form.interfaces';
-import { IFormControlType } from './form.types';
+import type { IFormControlConfig, IFormInputError } from './form.interfaces';
+import type { IFormControlType } from './form.types';
 export declare class FormControl {
     value: any;
     validators: string[];

package/components/Icon/Icon.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentProps } from 'react';
-import { COLOR } from '../component.enums';
+import type { ComponentProps } from 'react';
+import React from 'react';
+import type { COLOR } from '../component.enums';
 export interface IIconProps extends ComponentProps<'div'> {
     iconColor?: COLOR;
     children?: React.ReactNode;

package/components/List/ListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { COLOR } from '../component.enums';
+import type { COLOR } from '../component.enums';
 export interface IListItemProps extends React.ComponentProps<'li'> {
     color?: COLOR;
     active?: boolean;

package/components/List/ListItemText.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 interface IListItemTextProps extends React.ComponentProps<'div'> {
     primary: ReactNode;
     secondary?: ReactNode;

package/components/List/list.models.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { IListItemProps } from './ListItem';
+import type { ReactElement } from 'react';
+import type { IListItemProps } from './ListItem';
 export declare class ListItemModel {
     constructor(dto: ReactElement<IListItemProps>);
     key: unknown;

package/components/Menu/Menu.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactElement } from 'react';
-import { MenuPosition } from './menu.types';
-import { IListItemProps } from '../List';
+import type { ReactElement } from 'react';
+import React from 'react';
+import type { MenuPosition } from './menu.types';
+import type { IListItemProps } from '../List';
 export interface IMenuProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     toggle?: ReactElement;
     open?: boolean;

package/components/Menu/MenuBody.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactElement } from 'react';
-import { MenuPosition } from './menu.types';
-import { IListItemProps } from '../List';
+import type { ReactElement } from 'react';
+import React from 'react';
+import type { MenuPosition } from './menu.types';
+import type { IListItemProps } from '../List';
 export interface IMenuBodyProps {
     children?: ReactElement<IListItemProps> | ReactElement<IListItemProps>[];
     className?: string;

package/components/Menu/MenuContext.d.ts

@@ -1,4 +1,4 @@
-import { Context, Dispatch } from 'react';
+import type { Context, Dispatch } from 'react';
 export interface IMenuContext {
     isShow: boolean;
     setIsShow: Dispatch<boolean>;

package/components/Menu/MenuItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IListItemProps } from '../List';
+import type { IListItemProps } from '../List';
 export declare const MenuItem: (props: IListItemProps) => JSX.Element;

package/components/Menu/MenuToggle.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface IMenuToggleProps {
     children?: ReactNode;
 }

package/components/Modal/GlobalModal.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { SIZE } from '../component.enums';
-import { IControls, IFormValues } from '../Form';
+import type { IControls, IFormValues } from '../Form';
 import { MODALTYPE } from './modal.enum';
-import { IModalButton } from './modal.interfaces';
+import type { IModalButton } from './modal.interfaces';
 interface IModalProps {
     title?: string;
     description?: string | ReactElement;

package/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from 'react';
-import { SIZE } from '../component.enums';
+import type { ReactElement, ReactNode } from 'react';
+import type { SIZE } from '../component.enums';
 export interface IModalProps {
     target?: HTMLElement;
     className?: string;

package/components/Modal/ModalBody.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface IModalBodyProps {
     children?: ReactNode;
 }

package/components/Modal/modal.interfaces.d.ts

@@ -1,5 +1,5 @@
-import { COLOR, VARIANT } from '../component.enums';
-import { MODALBUTTONTYPE } from './modal.enum';
+import type { COLOR, VARIANT } from '../component.enums';
+import type { MODALBUTTONTYPE } from './modal.enum';
 export interface IModalButton {
     label: string;
     variant?: VARIANT;

package/components/Modal/modal.service.d.ts

@@ -1,7 +1,7 @@
-import { IControls } from '../Form';
-import { ReactElement } from 'react';
-import { IModalButton } from './modal.interfaces';
-import { SIZE } from '../component.enums';
+import type { IControls } from '../Form';
+import type { ReactElement } from 'react';
+import type { IModalButton } from './modal.interfaces';
+import type { SIZE } from '../component.enums';
 export interface IModalService {
     show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void>;
 }

package/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ISelectOption } from '../component.interfaces';
+import type { ISelectOption } from '../component.interfaces';
 export interface ISelectProps {
     id?: string;
     name?: string;

package/components/Sidebar/Sidebar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ISidebarItem } from './sidebar.interfaces';
+import type { ISidebarItem } from './sidebar.interfaces';
 interface ISidebarProps extends React.ComponentProps<'nav'> {
     items: ISidebarItem[];
     currentUrl: string;

package/components/Snackbar/Snackbar.d.ts

@@ -1,4 +1,5 @@
-import React, { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
+import React from 'react';
 import { COLOR } from '../component.enums';
 export interface ISnackbarProps extends ComponentProps<'div'> {
     color?: COLOR;

package/components/SpeedDial/SpeedDialIcon.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import type { ReactElement } from 'react';
+import React from 'react';
 export interface ISpeedDialIconProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     openIcon?: ReactElement;
 }

package/components/Stepper/Step/Step.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface IStepProps {
     value: string;
     index?: number;

package/components/Stepper/StepPanel/StepPanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface IStepPanelProps {
     children?: ReactNode;
 }

package/components/Stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { IStepProps } from './Step';
+import type { ReactElement } from 'react';
+import type { IStepProps } from './Step';
 export interface IStepperProps {
     children?: ReactElement<IStepProps> | ReactElement<IStepProps>[];
     isLinear?: boolean;

package/components/Table/Table.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export interface ITableProps {
     children?: ReactElement | ReactElement[];
     className?: string;

package/components/Table/TableContext.d.ts

@@ -1,4 +1,4 @@
-import { Context } from 'react';
+import type { Context } from 'react';
 export interface ITableContext {
     variant: 'head' | 'body';
 }

package/components/Tabs/Tab.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface ITabProps {
     label: ReactNode;
     value: string;

package/components/Tabs/TabContext.d.ts

@@ -1,4 +1,4 @@
-import { Context, Dispatch } from 'react';
+import type { Context, Dispatch } from 'react';
 export interface ITabsContext {
     fixed?: boolean;
     selectedValue?: string;

package/components/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { COLOR } from '../component.enums';
-import { ITabProps } from './Tab';
+import type { ITabProps } from './Tab';
 export interface ITabsProps {
     color?: COLOR;
     indicatorColor?: COLOR;

package/hooks/useDebounce.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import type React from 'react';
 export declare function useDebounce(callback: () => void, timeout: number, deps: React.DependencyList): void;

package/index.es.js

@@ -235,12 +235,9 @@ function useDebounce(callback, timeout, deps) {
 }
 
 const useConstructor = (callBack) => {
-    const [hasBeenCalled, setHasBeenCalled] = useState(false);
-    if (hasBeenCalled) {
-        return;
-    }
-    callBack();
-    setHasBeenCalled(true);
+    useEffect(() => {
+        callBack();
+    }, []);
 };
 
 function useCssClasses(cssClasses) {
@@ -879,7 +876,7 @@ const CssTransition = (props) => {
     };
     useEffect(() => {
         if (isShow !== undefined && (isShow === true || isShow === false)) {
-            renderAnimation(isShow);
+            void renderAnimation(isShow);
         }
     }, [isShow]);
     const getCssClasses = () => {

package/index.js

@@ -244,12 +244,9 @@ function useDebounce(callback, timeout, deps) {
 }
 
 const useConstructor = (callBack) => {
-    const [hasBeenCalled, setHasBeenCalled] = React.useState(false);
-    if (hasBeenCalled) {
-        return;
-    }
-    callBack();
-    setHasBeenCalled(true);
+    React.useEffect(() => {
+        callBack();
+    }, []);
 };
 
 function useCssClasses(cssClasses) {
@@ -888,7 +885,7 @@ const CssTransition = (props) => {
     };
     React.useEffect(() => {
         if (isShow !== undefined && (isShow === true || isShow === false)) {
-            renderAnimation(isShow);
+            void renderAnimation(isShow);
         }
     }, [isShow]);
     const getCssClasses = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.0.5",
+	"version": "25.0.6",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",