@gridsuite/commons-ui 0.83.0 → 0.84.0

package/dist/components/inputs/reactHookForm/text/TextInput.d.ts

@@ -1,7 +1,7 @@
-import { Input } from '../../../../utils/types/types';
-import { TextFieldWithAdornmentProps } from '../utils/TextFieldWithAdornment';
-import { TextFieldProps } from '@mui/material';
 import { ReactElement } from 'react';
+import { TextFieldProps } from '@mui/material';
+import { TextFieldWithAdornmentProps } from '../utils/TextFieldWithAdornment';
+import { Input } from '../../../../utils/types/types';
 
 export interface TextInputProps {
     name: string;

package/dist/components/inputs/reactHookForm/text/TextInput.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { InputAdornment, IconButton, TextField } from "@mui/material";
+import { TextField, InputAdornment, IconButton } from "@mui/material";
 import { Clear } from "@mui/icons-material";
 import { useController } from "react-hook-form";
 import { TextFieldWithAdornment } from "../utils/TextFieldWithAdornment.js";
 import { FieldLabel } from "../utils/FieldLabel.js";
-import { isFieldRequired, genHelperPreviousValue, genHelperError, identity } from "../utils/functions.js";
+import { identity, isFieldRequired, genHelperError, genHelperPreviousValue } from "../utils/functions.js";
 import { useCustomFormContext } from "../provider/useCustomFormContext.js";
 function TextInput({
   name,

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.d.ts

@@ -1,6 +1,6 @@
-import { ElementExistsType, ElementType } from '../../../../utils/types/elementType';
-import { UUID } from 'crypto';
 import { TextFieldProps } from '@mui/material';
+import { UUID } from 'crypto';
+import { ElementExistsType, ElementType } from '../../../../utils/types/elementType';
 
 export interface UniqueNameInputProps {
     name: string;

package/dist/components/inputs/reactHookForm/utils/TextFieldWithAdornment.d.ts

@@ -1,5 +1,5 @@
-import { Input } from '../../../../utils/types/types';
 import { TextFieldProps } from '@mui/material';
+import { Input } from '../../../../utils/types/types';
 
 export type TextFieldWithAdornmentProps = TextFieldProps & {
     value: Input;

package/dist/components/inputs/reactQueryBuilder/AutocompleteWithFavorites.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Autocomplete, TextField, Box } from "@mui/material";
+import { Autocomplete, Box, TextField } from "@mui/material";
 import { useMemo } from "react";
 const styles = {
   favBox: (theme) => ({

package/dist/components/inputs/reactQueryBuilder/CustomReactQueryBuilder.js

@@ -15,7 +15,7 @@ import { ValueSelector } from "./ValueSelector.js";
 import { COMBINATOR_OPTIONS } from "../../filter/expert/expertFilterConstants.js";
 import { ErrorInput } from "../reactHookForm/errorManagement/ErrorInput.js";
 import { FieldErrorAlert } from "../reactHookForm/errorManagement/FieldErrorAlert.js";
-import { countRules, getOperators, queryValidator } from "../../filter/expert/expertFilterUtils.js";
+import { countRules, queryValidator, getOperators } from "../../filter/expert/expertFilterUtils.js";
 import { RemoveButton } from "./RemoveButton.js";
 import { FieldSelector } from "./FieldSelector.js";
 function RuleAddButton(props) {

package/dist/components/inputs/reactQueryBuilder/PropertyValueEditor.d.ts

@@ -1,5 +1,5 @@
-import { EquipmentType } from '../../../utils';
 import { ValueEditorProps } from 'react-querybuilder';
+import { EquipmentType } from '../../../utils';
 
 interface ExpertFilterPropertyProps {
     equipmentType: EquipmentType;

package/dist/components/inputs/reactQueryBuilder/compositeRuleEditor/GroupValueEditor.d.ts

@@ -1,4 +1,4 @@
-import { CompositeField } from '../../../filter/expert/expertFilter.type';
 import { ValueEditorProps } from 'react-querybuilder';
+import { CompositeField } from '../../../filter/expert/expertFilter.type';
 
 export declare function GroupValueEditor(props: ValueEditorProps<CompositeField>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactQueryBuilder/compositeRuleEditor/RuleValueEditor.d.ts

@@ -1,5 +1,5 @@
-import { CompositeRule } from '../../../filter/expert/expertFilter.type';
 import { ValueEditorProps } from 'react-querybuilder';
+import { CompositeRule } from '../../../filter/expert/expertFilter.type';
 
 type RuleValueEditorProps = ValueEditorProps & {
     rule?: CompositeRule;

package/dist/components/notifications/contexts/NotificationsContext.d.ts

@@ -4,7 +4,6 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-/// <reference types="react" />
 export type ListenerEventWS = {
     id: string;
     callback: (event: MessageEvent) => void;

package/dist/components/notifications/hooks/useListenerManager.d.ts

@@ -1,6 +1,6 @@
 import { ListenerEventWS, ListenerOnReopen } from '../contexts/NotificationsContext';
 
-export declare const useListenerManager: <TListener extends ListenerEventWS | ListenerOnReopen, TMessage extends MessageEvent<any>>(urls: Record<string, string | undefined>) => {
+export declare const useListenerManager: <TListener extends ListenerEventWS | ListenerOnReopen, TMessage extends MessageEvent>(urls: Record<string, string | undefined>) => {
     addListener: (urlKey: string, listener: TListener) => void;
     removeListener: (urlKey: string, id: string) => void;
     broadcast: (urlKey: string) => (event: TMessage) => void;

package/dist/components/notifications/hooks/useNotificationsListener.d.ts

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export declare const useNotificationsListener: (listenerKey: string, { listenerCallbackMessage, listenerCallbackOnReopen, propsId, }: {
-    listenerCallbackMessage?: ((event: MessageEvent) => void) | undefined;
-    listenerCallbackOnReopen?: (() => void) | undefined;
-    propsId?: string | undefined;
+    listenerCallbackMessage?: (event: MessageEvent) => void;
+    listenerCallbackOnReopen?: () => void;
+    propsId?: string;
 }) => void;

package/dist/components/overflowableText/OverflowableText.d.ts

@@ -1,11 +1,11 @@
-import { Style } from 'node:util';
+import { ReactNode } from 'react';
 import { BoxProps, SxProps, Theme } from '@mui/material';
-import { ReactElement } from 'react';
+import { Style } from 'node:util';
 
 export interface OverflowableTextProps extends BoxProps {
-    text?: ReactElement | string;
+    text?: ReactNode;
     maxLineCount?: number;
     tooltipStyle?: Style;
     tooltipSx?: SxProps<Theme>;
 }
-export declare const OverflowableText: import('@emotion/styled').StyledComponent<OverflowableTextProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const OverflowableText: import('@emotion/styled').StyledComponent<OverflowableTextProps & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;

package/dist/components/topBar/AboutDialog.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Tooltip, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
-import { Refresh, ExpandMore, Gavel, Apps, WidgetsOutlined, DnsOutlined, QuestionMark } from "@mui/icons-material";
+import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
 import { LogoText } from "./GridLogo.js";
 const styles = {

package/dist/components/topBar/GridLogo.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
 
 export interface GridLogoProps extends Omit<LogoTextProps, 'style'> {
     appLogo: ReactNode;

package/dist/components/topBar/TopBar.d.ts

@@ -1,10 +1,10 @@
-import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from '../../utils/constants/browserConstants';
-import { Metadata } from '../../utils';
-import { LogoutProps } from '../authentication/Logout';
-import { AboutDialogProps } from './AboutDialog';
-import { GridLogoProps } from './GridLogo';
-import { User } from 'oidc-client';
 import { PropsWithChildren, ReactNode } from 'react';
+import { User } from 'oidc-client';
+import { GridLogoProps } from './GridLogo';
+import { AboutDialogProps } from './AboutDialog';
+import { LogoutProps } from '../authentication/Logout';
+import { Metadata } from '../../utils';
+import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from '../../utils/constants/browserConstants';
 
 export type GsLangUser = typeof LANG_ENGLISH | typeof LANG_FRENCH;
 export type GsLang = GsLangUser | typeof LANG_SYSTEM;
@@ -21,7 +21,7 @@ export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'di
     equipmentLabelling?: boolean;
     onLanguageClick: (value: GsLang) => void;
     language: GsLang;
-    developerMode: boolean;
+    developerMode?: boolean;
     onDeveloperModeClick?: (value: boolean) => void;
 };
 export declare function TopBar({ appName, appColor, appLogo, appVersion, appLicense, logoAboutDialog, onLogoutClick, onLogoClick, user, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, developerMode, onDeveloperModeClick, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/topBar/TopBar.js

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { FormattedMessage } from "react-intl";
-import { Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton, darken } from "@mui/material";
+import { styled, Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, darken, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import { Apps, ArrowDropUp, ArrowDropDown, Person, Badge, ManageAccounts, HelpOutline, WbSunny, Brightness3, Computer, ExitToApp } from "@mui/icons-material";
-import { styled } from "@mui/system";
 import { GridLogo } from "./GridLogo.js";
 import { AboutDialog } from "./AboutDialog.js";
 import { useStateBoolean } from "../../hooks/customStates/useStateBoolean.js";
@@ -43,9 +42,6 @@ const styles = {
   borderBottom: {
     borderBottom: "1px solid #ccc"
   },
-  borderTop: {
-    borderTop: "1px solid #ccc"
-  },
   settingsMenu: {
     maxWidth: "385px",
     zIndex: 60

package/dist/components/topBar/UserInformationDialog.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, Grid, Typography, DialogActions } from "@mui/material";
-import { Box } from "@mui/system";
+import { Dialog, DialogTitle, DialogContent, Grid, Typography, Box, DialogActions } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect } from "react";
 import { CancelButton } from "../inputs/reactHookForm/utils/CancelButton.js";

package/dist/components/topBar/UserSettingsDialog.d.ts

@@ -1,7 +1,7 @@
 interface UserSettingsDialogProps {
     openDialog: boolean;
     onClose: () => void;
-    developerMode: boolean;
+    developerMode?: boolean;
     onDeveloperModeClick?: (value: boolean) => void;
 }
 declare function UserSettingsDialog({ openDialog, onClose, developerMode, onDeveloperModeClick }: UserSettingsDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/topBar/UserSettingsDialog.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { FormattedMessage } from "react-intl";
 import { Dialog, DialogTitle, DialogContent, Box, Switch, Alert, DialogActions, Button } from "@mui/material";
 const styles = {
@@ -12,17 +13,19 @@ const styles = {
   }
 };
 function UserSettingsDialog({ openDialog, onClose, developerMode, onDeveloperModeClick }) {
-  const handleDeveloperModeClick = (value) => {
-    if (onDeveloperModeClick) {
-      onDeveloperModeClick(value);
-    }
-  };
-  const handleClose = (_, reason) => {
-    if (reason === "backdropClick") {
-      return;
-    }
-    onClose();
-  };
+  const handleDeveloperModeClick = useCallback(
+    (event) => onDeveloperModeClick == null ? void 0 : onDeveloperModeClick(event.target.checked),
+    [onDeveloperModeClick]
+  );
+  const handleClose = useCallback(
+    (_, reason) => {
+      if (reason === "backdropClick") {
+        return;
+      }
+      onClose();
+    },
+    [onClose]
+  );
   return /* @__PURE__ */ jsxs(Dialog, { fullWidth: true, open: openDialog, onClose: handleClose, children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-settings-dialog/title" }) }),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
@@ -31,9 +34,9 @@ function UserSettingsDialog({ openDialog, onClose, developerMode, onDeveloperMod
         /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
           Switch,
           {
-            checked: developerMode,
-            onChange: (_event, isChecked) => handleDeveloperModeClick(isChecked),
-            value: developerMode,
+            checked: developerMode ?? false,
+            disabled: handleDeveloperModeClick === void 0,
+            onChange: handleDeveloperModeClick,
             inputProps: { "aria-label": "developer mode checkbox" }
           }
         ) })

package/dist/components/treeViewFinder/TreeViewFinder.d.ts

@@ -1,6 +1,6 @@
-import { TreeViewClasses } from '@mui/x-tree-view';
-import { ButtonProps, ModalProps } from '@mui/material';
 import { ReactElement } from 'react';
+import { ButtonProps, ModalProps } from '@mui/material';
+import { TreeViewClasses } from '@mui/x-tree-view';
 
 export declare const generateTreeViewFinderClass: (className: string) => string;
 export interface TreeViewFinderNodeProps {
@@ -29,4 +29,4 @@ export interface TreeViewFinderProps {
     onTreeBrowse?: (nodeId: string) => void;
     sortMethod?: (a: TreeViewFinderNodeProps, b: TreeViewFinderNodeProps) => number;
 }
-export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<TreeViewFinderProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<TreeViewFinderProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/treeViewFinder/TreeViewFinder.js

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { useIntl } from "react-intl";
-import { styled } from "@mui/system";
-import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Typography } from "@mui/material";
+import { styled, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Typography } from "@mui/material";
 import { TreeView, TreeItem } from "@mui/x-tree-view";
-import { ChevronRight, ExpandMore, Check } from "@mui/icons-material";
+import { ExpandMore, ChevronRight, Check } from "@mui/icons-material";
 import { toNestedGlobalSelectors, makeComposeClasses } from "../../utils/styles.js";
 import { CancelButton } from "../inputs/reactHookForm/utils/CancelButton.js";
 const cssDialogPaper = "dialogPaper";

package/dist/hooks/useIntlRef.d.ts

@@ -4,5 +4,4 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-/// <reference types="react" />
-export declare function useIntlRef(): import('react').MutableRefObject<import("react-intl").IntlShape>;
+export declare function useIntlRef(): import('react').MutableRefObject<import('react-intl').IntlShape>;

package/dist/hooks/useLocalizedCountries.js

@@ -2,7 +2,7 @@ import { useState, useEffect, useMemo, useCallback } from "react";
 import localizedCountries from "localized-countries";
 import countriesFr from "localized-countries/data/fr";
 import countriesEn from "localized-countries/data/en";
-import { LANG_ENGLISH, LANG_SYSTEM, LANG_FRENCH } from "../utils/constants/browserConstants.js";
+import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "../utils/constants/browserConstants.js";
 const supportedLanguages = [LANG_FRENCH, LANG_ENGLISH];
 const getSystemLanguage = () => {
   const systemLanguage = navigator.language.split(/[-_]/)[0];

package/dist/hooks/useModificationLabelComputer.d.ts

@@ -10,7 +10,7 @@ export interface NetworkModificationMetadata {
     messageValues: string;
 }
 export declare const useModificationLabelComputer: () => {
-    computeLabel: (modif: NetworkModificationMetadata, withFormat?: boolean) => {
+    computeLabel: (modif: NetworkModificationMetadata, formatBold?: boolean) => {
         action: string;
         energizedEnd: string;
         computedLabel: string | import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useModificationLabelComputer.js

@@ -3,18 +3,18 @@ import { useIntl } from "react-intl";
 import { useCallback } from "react";
 import { MODIFICATION_TYPES } from "../utils/types/modificationType.js";
 import { EQUIPMENT_TYPE } from "../utils/types/equipmentType.js";
-const getOperatingStatusModificationValues = (modification, withFormat) => {
+const getOperatingStatusModificationValues = (modification, formatBold) => {
   return {
     action: modification.action,
     energizedEnd: modification.energizedVoltageLevelId,
-    computedLabel: withFormat ? /* @__PURE__ */ jsx("strong", { children: modification.equipmentId }) : modification.equipmentId
+    computedLabel: formatBold ? /* @__PURE__ */ jsx("strong", { children: modification.equipmentId }) : modification.equipmentId
   };
 };
-const getEquipmentAttributeModificationValues = (modification, withFormat) => {
+const getEquipmentAttributeModificationValues = (modification, formatBold) => {
   return {
     equipmentAttributeName: modification.equipmentAttributeName,
     equipmentAttributeValue: modification.equipmentAttributeValue,
-    computedLabel: withFormat ? /* @__PURE__ */ jsx("strong", { children: modification.equipmentId }) : modification.equipmentId
+    computedLabel: formatBold ? /* @__PURE__ */ jsx("strong", { children: modification.equipmentId }) : modification.equipmentId
   };
 };
 const useModificationLabelComputer = () => {
@@ -52,17 +52,15 @@ const useModificationLabelComputer = () => {
     [intl]
   );
   const computeLabel = useCallback(
-    (modif, withFormat = true) => {
+    (modif, formatBold = true) => {
       const modificationValues = JSON.parse(modif.messageValues);
       switch (modif.messageType) {
         case MODIFICATION_TYPES.OPERATING_STATUS_MODIFICATION.type:
-          return getOperatingStatusModificationValues(modificationValues, withFormat);
+          return getOperatingStatusModificationValues(modificationValues, formatBold);
         case MODIFICATION_TYPES.EQUIPMENT_ATTRIBUTE_MODIFICATION.type:
-          return getEquipmentAttributeModificationValues(modificationValues, withFormat);
+          return getEquipmentAttributeModificationValues(modificationValues, formatBold);
         default:
-          return {
-            computedLabel: withFormat ? /* @__PURE__ */ jsx("strong", { children: getLabel(modif) }) : getLabel(modif)
-          };
+          return { computedLabel: formatBold ? /* @__PURE__ */ jsx("strong", { children: getLabel(modif) }) : getLabel(modif) };
       }
     },
     [getLabel]

package/dist/hooks/usePredefinedProperties.d.ts

@@ -1,5 +1,5 @@
-import { EquipmentType } from '../utils';
-import { PredefinedProperties } from '../utils/types/types';
 import { Dispatch, SetStateAction } from 'react';
+import { PredefinedProperties } from '../utils/types/types';
+import { EquipmentType } from '../utils';
 
 export declare const usePredefinedProperties: (initialType: EquipmentType | null) => [PredefinedProperties, Dispatch<SetStateAction<EquipmentType | null>>];

package/dist/services/directory.d.ts

@@ -1,5 +1,5 @@
-import { ElementAttributes } from '../utils/types/types';
 import { UUID } from 'crypto';
+import { ElementAttributes } from '../utils/types/types';
 
 export declare function fetchRootFolders(types: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryContent(directoryUuid: UUID, types?: string[]): Promise<ElementAttributes[]>;

package/dist/services/explore.d.ts

@@ -1,6 +1,6 @@
-import { NewFilterType } from '../components/filter/filter.type';
-import { ElementAttributes } from '../utils/types/types';
 import { UUID } from 'crypto';
+import { ElementAttributes } from '../utils/types/types';
+import { NewFilterType } from '../components/filter/filter.type';
 
 export declare function createFilter(newFilter: NewFilterType, name: string, description: string, parentDirectoryUuid: UUID | undefined | null, token?: string): Promise<Response>;
 export declare function saveFilter(filter: NewFilterType, name: string, description: string, token?: string): Promise<Response>;

package/dist/translations/en/topBarEn.js

@@ -33,7 +33,7 @@ const topBarEn = {
   "user-information-dialog/used": "Used",
   "user-information-dialog/number-of-builds-per-study": "Number of builds per study",
   "user-settings-dialog/title": "User settings",
-  "user-settings-dialog/label-developer-mode": "Enable developer mode",
+  "user-settings-dialog/label-developer-mode": "Developer mode",
   "user-settings-dialog/warning-developer-mode": "Some of the features are not complete, so they may not work as expected. To hide these features, disable developer mode.",
   "user-settings-dialog/close": "Close"
 };

package/dist/translations/fr/topBarFr.js

@@ -33,7 +33,7 @@ const topBarFr = {
   "user-information-dialog/used": "Utilisé",
   "user-information-dialog/number-of-builds-per-study": "Nombre réalisations par étude",
   "user-settings-dialog/title": "Paramètres utilisateur",
-  "user-settings-dialog/label-developer-mode": "Activer le mode développeur",
+  "user-settings-dialog/label-developer-mode": "Mode développeur",
   "user-settings-dialog/warning-developer-mode": "Certaines fonctionnalités ne sont pas complètes et peuvent donc ne pas fonctionner comme prévu. Pour masquer ces fonctionnalités, désactivez le mode développeur.",
   "user-settings-dialog/close": "Fermer"
 };

package/dist/utils/mapper/getFileIcon.d.ts

@@ -1,4 +1,4 @@
-import { ElementType } from '../types/elementType';
 import { SxProps, Theme } from '@mui/material';
+import { ElementType } from '../types/elementType';
 
 export declare function getFileIcon(type: ElementType, style: SxProps<Theme>): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/utils/types/types.d.ts

@@ -1,5 +1,5 @@
-import { ElementType } from './elementType';
 import { UUID } from 'crypto';
+import { ElementType } from './elementType';
 
 export type Input = string | number;
 export type ElementAttributes = {