@elice/material-exercise 1.230726.0 → 1.230817.0

package/es/components/material-exercise/context/ExerciseProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExerciseProviderDedicatedProps, MaterialExerciseCommonProps } from './types';
-export declare type ExerciseProviderProps = MaterialExerciseCommonProps & Omit<ExerciseProviderDedicatedProps, 'readOnlyActiveFile'>;
+export type ExerciseProviderProps = MaterialExerciseCommonProps & Omit<ExerciseProviderDedicatedProps, 'readOnlyActiveFile'>;
 /**
  * Provider for exercise, which...
  * - wrapping with `ExerciseContext`

package/es/components/material-exercise/context/ExerciseProviderNoImage.d.ts

@@ -11,5 +11,5 @@ export interface ExerciseProviderNoImageProps {
     /**  */
     locale?: string;
 }
-declare const _default: (props: ExerciseProviderNoImageProps) => JSX.Element;
+declare const _default: (props: ExerciseProviderNoImageProps) => React.JSX.Element;
 export default _default;

package/es/components/material-exercise/context/context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { SetRequired } from 'type-fest';
 import type { ExerciseProviderDedicatedProps, MaterialExerciseCommonProps } from './types';
-declare type MaterialExerciseCommonForContextProps = SetRequired<MaterialExerciseCommonProps, 'exerciseRoomId'>;
-export declare type ExerciseContextValue = MaterialExerciseCommonForContextProps & ExerciseProviderDedicatedProps;
+type MaterialExerciseCommonForContextProps = SetRequired<MaterialExerciseCommonProps, 'exerciseRoomId'>;
+export type ExerciseContextValue = MaterialExerciseCommonForContextProps & ExerciseProviderDedicatedProps;
 export declare const ExerciseContext: React.Context<ExerciseContextValue>;
 export {};

package/es/components/material-exercise/context/recoil.js

@@ -1,5 +1,5 @@
 import { defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { postGlobalAccountPreferenceEdit, postOrgMaterialExerciseExerciseRoomUserFileAdd, getOrgMaterialExerciseGet, getOrgLecturePageResolve, getOrgMaterialExerciseExerciseRoomGet, getOrgUserGet, getGlobalAccountPreferenceGet, getOrgMaterialExerciseExerciseImageExerciseFileGet, getOrgMaterialExerciseExerciseRoomUserFileGet, getOrgLectureGet } from '@elice/api-client';
+import { postGlobalAccountPreferenceEdit, postOrgMaterialExerciseExerciseRoomUserFileAdd, getOrgLectureGet, getOrgMaterialExerciseGet, getOrgLecturePageResolve, getOrgMaterialExerciseExerciseRoomGet, getOrgUserGet, getGlobalAccountPreferenceGet, getOrgMaterialExerciseExerciseImageExerciseFileGet, getOrgMaterialExerciseExerciseRoomUserFileGet } from '@elice/api-client';
 import { enums } from '@elice/types';
 import { EliceWebSocket } from '@elice/websocket';
 import { camelizeKeys } from 'humps';

package/es/components/material-exercise/context/recoilTypes.d.ts

@@ -6,11 +6,11 @@ import type { MultilangEnvironmentJson, MultilangLanguagesJson } from '../exerci
 /**
  * Lecture.
  */
-export declare type AtomLectureState = GetOrgLectureGetResponses['lecture'] | null;
+export type AtomLectureState = GetOrgLectureGetResponses['lecture'] | null;
 /**
  * Material exercise.
  */
-export declare type AtomExerciseState = (GetOrgMaterialExerciseGetResponses['materialExercise'] & {
+export type AtomExerciseState = (GetOrgMaterialExerciseGetResponses['materialExercise'] & {
     _courseId: number;
     _lectureId: number;
     _lecturePageId: number;
@@ -19,15 +19,15 @@ export declare type AtomExerciseState = (GetOrgMaterialExerciseGetResponses['mat
 /**
  * Material exercise room.
  */
-export declare type AtomExerciseRoomState = GetOrgMaterialExerciseExerciseRoomGetResponses['exerciseRoom'] | null;
+export type AtomExerciseRoomState = GetOrgMaterialExerciseExerciseRoomGetResponses['exerciseRoom'] | null;
 /**
  * User.
  */
-export declare type AtomUserState = GetOrgUserGetResponses['user'] | null;
+export type AtomUserState = GetOrgUserGetResponses['user'] | null;
 /**
  * Editor preference.
  */
-export declare type AtomEditorPreferenceState = Required<MonacoEditorPreference>;
+export type AtomEditorPreferenceState = Required<MonacoEditorPreference>;
 /**
  *
  */
@@ -46,41 +46,41 @@ export declare enum ExercisePreviewDisplayMode {
 /**
  *
  */
-export declare type AtomRunnerRunTypeState = enums.ExerciseRunType | null;
+export type AtomRunnerRunTypeState = enums.ExerciseRunType | null;
 /**
  *
  */
-export declare type AtomRunnerRoomConnectionInfoState = RunnerRoomConnectionInfo | null;
+export type AtomRunnerRoomConnectionInfoState = RunnerRoomConnectionInfo | null;
 /**
  *
  */
-export declare type AtomRunnerStdioFilesState = MaterialExerciseStdioFile[];
+export type AtomRunnerStdioFilesState = MaterialExerciseStdioFile[];
 /**
  *
  */
-export declare type AtomVisibilityState = null | 'environment' | 'preference';
+export type AtomVisibilityState = null | 'environment' | 'preference';
 /**
  *
  */
-export declare type AtomWebSocketStateKey = 'runnerRoom' | 'stdio' | 'usercodeEdit';
+export type AtomWebSocketStateKey = 'runnerRoom' | 'stdio' | 'usercodeEdit';
 /**
  *
  */
-export declare type AtomWebSocketStates = Record<AtomWebSocketStateKey, WebSocket['readyState']>;
+export type AtomWebSocketStates = Record<AtomWebSocketStateKey, WebSocket['readyState']>;
 /**
  *
  */
-export declare type AtomMultilangEnvironmentJson = MultilangEnvironmentJson | null;
+export type AtomMultilangEnvironmentJson = MultilangEnvironmentJson | null;
 /**
  * - `undefined`: Not loaded.
  * - `null`: Loaded, but languages list not found.
  * - `MultilangLanguagesJson`: Ready.
  */
-export declare type AtomMultilangEnvironmentState = MultilangLanguagesJson | undefined | null;
+export type AtomMultilangEnvironmentState = MultilangLanguagesJson | undefined | null;
 /**
  * Arduino preference.
  */
-export declare type AtomArduinoPreferenceState = Required<{
+export type AtomArduinoPreferenceState = Required<{
     baudRate: number;
     port: string;
 }>;

package/es/components/material-exercise/context/types.d.ts

@@ -8,9 +8,9 @@ import type { ExerciseProviderNoImageProps } from './ExerciseProviderNoImage';
  * [External]
  * Common component for material exercise.
  */
-export declare type MaterialExerciseCommonComponent<EP extends Record<string, unknown> = {}, // additional props
+export type MaterialExerciseCommonComponent<EP extends Record<string, unknown> = {}, // additional props
 EA extends Record<string, unknown> = {}> = React.ForwardRefExoticComponent<EP & MaterialExerciseCommonProps & React.RefAttributes<EA & MaterialExerciseCommonApis>>;
-export declare type MECC<EP extends Record<string, unknown> = {}, // additional props
+export type MECC<EP extends Record<string, unknown> = {}, // additional props
 EA extends Record<string, unknown> = {}> = MaterialExerciseCommonComponent<EP, EA>;
 /**
  * [External]
@@ -23,11 +23,11 @@ export interface MaterialExerciseCommonApis {
 /**
  * Send text to terminal.
  */
-export declare type MaterialExerciseCommonApiSendTextToTerminal = (text: string) => void;
+export type MaterialExerciseCommonApiSendTextToTerminal = (text: string) => void;
 /**
  * Get monaco editor apis.
  */
-export declare type MaterialExerciseCommonApiGetMonacoEditorApis = () => MonacoEditorApis | null;
+export type MaterialExerciseCommonApiGetMonacoEditorApis = () => MonacoEditorApis | null;
 /**
  * [External]
  * Common exposed props for `MaterialExercise*` components.
@@ -68,11 +68,11 @@ export interface MaterialExerciseCommonProps extends MaterialCommponentCommonPro
 /**
  * Empty options for exercise that `readyExerciseImage` is not set.
  */
-export declare type MaterialExerciseCommonPropExerciseImageEmptyOptions = ExerciseProviderNoImageProps;
+export type MaterialExerciseCommonPropExerciseImageEmptyOptions = ExerciseProviderNoImageProps;
 /**
  * On code help button click.
  */
-export declare type MaterialExerciseCommonPropOnCodeHelpRequest = (params: {
+export type MaterialExerciseCommonPropOnCodeHelpRequest = (params: {
     code: string;
     error?: CodeHelperError;
     payload?: any;
@@ -83,27 +83,27 @@ export declare type MaterialExerciseCommonPropOnCodeHelpRequest = (params: {
 /**
  * On multi language change.
  */
-export declare type MaterialExerciseCommonPropOnMultiLangLanguageChange = (language: string) => void;
+export type MaterialExerciseCommonPropOnMultiLangLanguageChange = (language: string) => void;
 /**
  * On default exercise room ID set.
  */
-export declare type MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet = (exerciseRoomId: number) => void;
+export type MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet = (exerciseRoomId: number) => void;
 /**
  * On exercise room change.
  */
-export declare type MaterialExerciseCommonPropOnExerciseRoomIdChange = (exerciseRoomId: number) => void;
+export type MaterialExerciseCommonPropOnExerciseRoomIdChange = (exerciseRoomId: number) => void;
 /**
  * On running finish callback.
  */
-export declare type MaterialExerciseCommonPropOnRunningDone = (res: GetOrgMaterialExerciseExerciseRunningListResponses['exerciseRunnings'][number]) => void;
+export type MaterialExerciseCommonPropOnRunningDone = (res: GetOrgMaterialExerciseExerciseRunningListResponses['exerciseRunnings'][number]) => void;
 /**
  * On submit callback.
  */
-export declare type MaterialExerciseCommonPropOnSubmit = (res: Pick<PostOrgMaterialExerciseExerciseRunningSubmitResponses, 'exerciseRunningId' | 'runType'>) => void;
+export type MaterialExerciseCommonPropOnSubmit = (res: Pick<PostOrgMaterialExerciseExerciseRunningSubmitResponses, 'exerciseRunningId' | 'runType'>) => void;
 /**
  * On any error occurred. (to collect error to "Sentry")
  */
-export declare type MaterialExerciseCommonPropOnError = (error: any) => void;
+export type MaterialExerciseCommonPropOnError = (error: any) => void;
 /**
  * [Internal]
  * Dediacted internal props for `ExerciseProvider`.

package/es/components/material-exercise/exercise-code-history/ExerciseCodeHistory.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text, Button } from '@elice/blocks';
+import { Button, Text } from '@elice/blocks';
 import dayjs from 'dayjs';
 import { useRecoilValue } from 'recoil';
 import ExerciseVersionList from '../../shared/exercise-version-list/ExerciseVersionList.js';

package/es/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, createForOfIteratorHelper as _createForOfIteratorHelper, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, createForOfIteratorHelper as _createForOfIteratorHelper, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { getOrgMaterialExerciseExerciseImageExerciseFileGet } from '@elice/api-client';
 import { Flex } from '@elice/blocks';

package/es/components/material-exercise/exercise-file-tabs/ExerciseFileTabsFileTreeButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<Pick<React.RefAttributes<HTMLButtonElement>, "key"> & React.RefAttributes<HTMLButtonElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/es/components/material-exercise/exercise-file-tabs/ExerciseFileTabsLazy.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ExerciseFileTabsLazy: () => JSX.Element;
+import React from 'react';
+declare const ExerciseFileTabsLazy: () => React.JSX.Element;
 export default ExerciseFileTabsLazy;

package/es/components/material-exercise/exercise-file-tree/ExerciseFileTreeLazy.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ExerciseFileTreeLazy: () => JSX.Element;
+import React from 'react';
+declare const ExerciseFileTreeLazy: () => React.JSX.Element;
 export default ExerciseFileTreeLazy;

package/es/components/material-exercise/exercise-menu/ExerciseMenuArduinoSettings.js

@@ -1,7 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { Popover, Text, Flex, IconButton } from '@elice/blocks';
-import { eilMathsignMultiplyBasic, eilMaterialTypeArduino } from '@elice/icons';
+import { eilMaterialTypeArduino, eilMathsignMultiplyBasic } from '@elice/icons';
 import { useRecoilValue, useRecoilState } from 'recoil';
 import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
 import { ARDUINO_BAUD_RATES } from '../../../constants/arduino.js';

package/es/components/material-exercise/exercise-menu/ExerciseMenuStdioFileBrowser.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { Popover, Flex, Text, Hspace, NotificationCount, IconButton, Icon, Vspace } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
-import { eilMathsignMultiplyBasic, eilAttachment, eilFolder, eilDownload } from '@elice/icons';
+import { eilAttachment, eilMathsignMultiplyBasic, eilDownload, eilFolder } from '@elice/icons';
 import { useRecoilValue } from 'recoil';
 import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
 import { exerciseRunnerStdioFilesState } from '../context/recoil.js';
@@ -11,7 +11,7 @@ import '../context/context.js';
 import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
-import { StyledFilePopoverContent, StyledFilePopoverHeader, StyledFilePopoverBody, StyledMenuButtonFileCount, StyledFilePopoverBodyList, StyledFilePopoverBodyListItem, StyledFilePopoverBodyListItemContentFile, StyledFilePopoverBodyListItemDownloadButton, StyledFilePopoverBodyListItemContentImageWrap, StyledFilePopoverBodyListItemContentImage } from './ExerciseMenuStdioFileBrowser.styled.js';
+import { StyledFilePopoverContent, StyledMenuButtonFileCount, StyledFilePopoverHeader, StyledFilePopoverBody, StyledFilePopoverBodyList, StyledFilePopoverBodyListItem, StyledFilePopoverBodyListItemContentImageWrap, StyledFilePopoverBodyListItemContentImage, StyledFilePopoverBodyListItemDownloadButton, StyledFilePopoverBodyListItemContentFile } from './ExerciseMenuStdioFileBrowser.styled.js';
 
 var IMAGE_NEW_WIN_IFRAME_STYLE = 'border:0; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;';
 var ExerciseMenuStdioFileBrowser = function ExerciseMenuStdioFileBrowser() {

package/es/components/material-exercise/exercise-multilang-dropdown/ExerciseMultilangDropdownLazy.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ExerciseMultilangDropdownLazy: () => JSX.Element;
+import React from 'react';
+declare const ExerciseMultilangDropdownLazy: () => React.JSX.Element;
 export default ExerciseMultilangDropdownLazy;

package/es/components/material-exercise/exercise-multilang-dropdown/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * Languages that support from multi lang env.
  */
-export declare type MultilangLanguage = string | 'c' | 'cpp' | 'java' | 'python3' | 'javascript' | 'rust' | 'go' | 'ruby' | 'swift' | 'kotlin' | 'csharp' | 'fsharp' | 'scala' | 'lua' | 'php';
+export type MultilangLanguage = string | 'c' | 'cpp' | 'java' | 'python3' | 'javascript' | 'rust' | 'go' | 'ruby' | 'swift' | 'kotlin' | 'csharp' | 'fsharp' | 'scala' | 'lua' | 'php';
 /**
  * Meta data of each language from `.languages.json`.
  */
@@ -30,7 +30,7 @@ export interface MultilangLanguagesJsonLangMeta {
 /**
  * Parsed `.languages.json`.
  */
-export declare type MultilangLanguagesJson = Record<MultilangLanguage, MultilangLanguagesJsonLangMeta>;
+export type MultilangLanguagesJson = Record<MultilangLanguage, MultilangLanguagesJsonLangMeta>;
 /**
  * Parsed `.environment.json`.
  */

package/es/components/material-exercise/exercise-preview/ExercisePreviewDisplayModeButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ExerciseMenuButtonProps } from "../../shared/exercise-menu-button";
-declare type ExercisePreviewDisplayModeButtonProps = Omit<ExerciseMenuButtonProps, 'icon' | 'onClick'>;
+type ExercisePreviewDisplayModeButtonProps = Omit<ExerciseMenuButtonProps, 'icon' | 'onClick'>;
 declare const ExercisePreviewDisplayModeButton: React.ForwardRefExoticComponent<ExercisePreviewDisplayModeButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default ExercisePreviewDisplayModeButton;

package/es/components/material-exercise/exercise-rightpane/ExerciseRightpane.js

@@ -1,7 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { IconButton, Flex, Text, Hr } from '@elice/blocks';
+import { IconButton, Hr, Flex, Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilMathsignMultiplyBasic } from '@elice/icons';
 import { useRecoilState } from 'recoil';

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoAgentModal.js

@@ -1,7 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
-import { Modal, Text, Vspace, Flex, Button, Icon, Hspace } from '@elice/blocks';
+import { Modal, Vspace, Text, Flex, Button, Icon, Hspace } from '@elice/blocks';
 import { eisWindows, eisMac, eilArrowRightwardsBasic } from '@elice/icons';
 import FileSaver from 'file-saver';
 import { useRecoilState } from 'recoil';

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerCodeHelpRequestButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ButtonProps } from '@elice/blocks';
-declare type OmittedButtonProps = Omit<ButtonProps, 'size' | 'role' | 'icon' | 'iconAlign'>;
+type OmittedButtonProps = Omit<ButtonProps, 'size' | 'role' | 'icon' | 'iconAlign'>;
 declare const ExerciseRunnerControllerCodeHelpRequestButton: React.ForwardRefExoticComponent<OmittedButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default ExerciseRunnerControllerCodeHelpRequestButton;

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerCodeHelpRequestButton.js

@@ -1,8 +1,8 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { Button, Tooltip, Flex, BadgeNext, Text, Hspace, IconButton, Icon } from '@elice/blocks';
-import { eilMathsignMultiplyBasic, eilArrowRightwardsBasic } from '@elice/icons';
+import { Button, Tooltip, Icon, Flex, BadgeNext, Text, Hspace, IconButton } from '@elice/blocks';
+import { eilArrowRightwardsBasic, eilMathsignMultiplyBasic } from '@elice/icons';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import { exerciseAibotInfoEnableState } from '../context/recoil.js';

package/es/components/shared/exercise-menu-button/ExerciseMenuButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IconButtonProps, TooltipProps } from '@elice/blocks';
-declare type PickedIconButtonProps = Pick<IconButtonProps, 'icon' | 'disabled' | 'loading' | 'onClick' | 'style'>;
-declare type PickedTooltipProps = Pick<TooltipProps, 'title' | 'placement'>;
+type PickedIconButtonProps = Pick<IconButtonProps, 'icon' | 'disabled' | 'loading' | 'onClick' | 'style'>;
+type PickedTooltipProps = Pick<TooltipProps, 'title' | 'placement'>;
 export interface ExerciseMenuButtonProps extends PickedIconButtonProps, PickedTooltipProps {
     children?: React.ReactChild;
     active?: boolean;

package/es/components/shared/file-icon/FileIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SafeImageProps } from '@elice/blocks';
-declare type PickedSafeImageProps = Pick<SafeImageProps, 'className' | 'width' | 'height' | 'style'>;
+type PickedSafeImageProps = Pick<SafeImageProps, 'className' | 'width' | 'height' | 'style'>;
 export interface FileIconProps extends PickedSafeImageProps {
     filename: string;
     directory?: boolean;

package/es/components/shared/file-tabs/FileTab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TabProps } from './util';
-declare type PickedHTMLDivAttributesProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onDrag' | 'onDragEnter' | 'onDragOver' | 'onDragExit' | 'onDragLeave' | 'onDragStart' | 'onDragEnd' | 'onDrop'>;
+type PickedHTMLDivAttributesProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onDrag' | 'onDragEnter' | 'onDragOver' | 'onDragExit' | 'onDragLeave' | 'onDragStart' | 'onDragEnd' | 'onDrop'>;
 export interface FileTabProps extends TabProps, PickedHTMLDivAttributesProps {
     active?: boolean;
     hovered?: boolean;

package/es/components/shared/file-tabs/FileTab.js

@@ -2,7 +2,7 @@ import { __rest } from 'tslib';
 import React from 'react';
 import { eilMathsignMultiplyBasic } from '@elice/icons';
 import FileIcon from '../file-icon/FileIcon.js';
-import { StyledTab, StyledTabContent, StyledTabLabel, StyledTabLabelFilename, StyledTabCloseButton, StyledTabActiveBorder, StyledTabLabelDirname } from './FileTab.styled.js';
+import { StyledTab, StyledTabContent, StyledTabActiveBorder, StyledTabLabel, StyledTabCloseButton, StyledTabLabelFilename, StyledTabLabelDirname } from './FileTab.styled.js';
 
 var EMPTY_CHUNKS = [];
 var FileTab = function FileTab(_a) {

package/es/components/shared/file-tabs/FileTab.styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Text } from '@elice/blocks';
 import type { FileTabProps } from './FileTab';
-declare type StyledTabContentProps = Pick<FileTabProps, 'active' | 'hovered'>;
+type StyledTabContentProps = Pick<FileTabProps, 'active' | 'hovered'>;
 export declare const StyledTabLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTabLabelFilename: import("styled-components").StyledComponent<typeof Text, any, {}, never>;
 export declare const StyledTabLabelDirname: import("styled-components").StyledComponent<typeof Text, any, {}, never>;

package/es/components/shared/file-tabs/FileTabs.js

@@ -35,10 +35,12 @@ var FileTabs = function FileTabs(_ref) {
   /**
    * Throttled `setCurHoveredTabIndex`.
    */
-  var setThrottledCurHoveredTabIndex = React.useCallback(throttle(setCurHoveredTabIndex, 100, {
-    leading: true,
-    trailing: false
-  }), []);
+  var setThrottledCurHoveredTabIndex = React.useMemo(function () {
+    return throttle(setCurHoveredTabIndex, 100, {
+      leading: true,
+      trailing: false
+    });
+  }, []);
   /**
    * Handle tab drag start.
    */

package/es/components/shared/file-tree/FileTreeList.js

@@ -94,13 +94,13 @@ var FileTreeList = forwardRef(function (_ref, ref) {
         }
         if (dragFileTreeNode) {
           if (dragFileTreeNode.isDirectory) {
-            onDirectoryMove && onDirectoryMove({
+            onDirectoryMove && void onDirectoryMove({
               currentFilename: dragFileTreeNode.path,
               newPath: '',
               newName: dragFileTreeNode.title
             });
           } else {
-            onFileMove && onFileMove({
+            onFileMove && void onFileMove({
               currentFilename: dragFileTreeNode.path,
               newPath: '',
               newName: dragFileTreeNode.title

package/es/components/shared/file-tree/FileTreeListItemContentMenu.js

@@ -1,7 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
-import { Menu, List, Dialog } from '@elice/blocks';
+import { Menu, Dialog, List } from '@elice/blocks';
 import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
 
 var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {

package/es/components/shared/file-tree/FileTreeListItems.js

@@ -140,13 +140,13 @@ var FileTreeListItems = function FileTreeListItems(_ref) {
         }
         if (dragFileTreeNode && dropzonePath !== null) {
           if (dragFileTreeNode.isDirectory) {
-            onDirectoryMove && onDirectoryMove({
+            onDirectoryMove && void onDirectoryMove({
               currentFilename: dragFileTreeNode.path,
               newPath: dropzonePath,
               newName: dragFileTreeNode.title
             });
           } else {
-            onFileMove && onFileMove({
+            onFileMove && void onFileMove({
               currentFilename: dragFileTreeNode.path,
               newPath: dropzonePath,
               newName: dragFileTreeNode.title

package/es/components/shared/file-tree/context/FileTreeContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { OnDirectoryAdd, OnDirectoryDelete, OnDirectoryMove, OnFileAdd, OnFileDelete, OnFileMove, OnFilesUpload, OnHiddenSet, OnInitialOpenFileSet, OnReadOnlySet } from '../interface';
 import type { FileTreeNode } from '../utils';
-export declare type FileTreeTheme = 'dark' | 'white';
+export type FileTreeTheme = 'dark' | 'white';
 export interface FileTreeThemeOptions {
     backgroundColor: string;
 }
@@ -9,7 +9,7 @@ export interface NewInput {
     type: 'file' | 'directory';
     path: string;
 }
-export declare type Mode = 'default' | 'checkbox';
+export type Mode = 'default' | 'checkbox';
 export interface State {
     mode: Mode;
     maxFileUploadSize: number;
@@ -22,7 +22,7 @@ export interface State {
     renameInputPath?: string;
     initialOpenFileListTemp: string[];
 }
-declare type Action = {
+type Action = {
     type: 'UPDATE_THEME';
     theme: State['theme'];
 } | {
@@ -62,8 +62,8 @@ declare type Action = {
     type: 'INITIAL_OPEN_FILELIST_REMOVE';
     path: string;
 };
-declare type Dispatch = (action: Action) => void;
-declare type FileTreeProviderProps = {
+type Dispatch = (action: Action) => void;
+type FileTreeProviderProps = {
     children: React.ReactNode;
     theme?: FileTreeTheme;
     collapsed?: boolean;
@@ -121,7 +121,7 @@ interface DispatchContextType {
     onSetInitialOpenFile?: OnInitialOpenFileSet;
     onFilesUpload?: OnFilesUpload;
 }
-declare function FileTreeProvider({ theme, collapsed, activePath, allowToggleReadonly, allowToggleHidden, onCollapse, onActivePathChange, maxFileUploadSize, onFilesUpload, onFileAdd, onDirectoryAdd, onHiddenSet, onReadOnlySet, onFileDelete, onDirectoryDelete, onFileMove, onDirectoryMove, exerciseRoomFilelist, imageFilelist, readOnlyFilelist, hiddenFilelist, isHiddenFilelistVisible, children, }: FileTreeProviderProps): JSX.Element;
+declare function FileTreeProvider({ theme, collapsed, activePath, allowToggleReadonly, allowToggleHidden, onCollapse, onActivePathChange, maxFileUploadSize, onFilesUpload, onFileAdd, onDirectoryAdd, onHiddenSet, onReadOnlySet, onFileDelete, onDirectoryDelete, onFileMove, onDirectoryMove, exerciseRoomFilelist, imageFilelist, readOnlyFilelist, hiddenFilelist, isHiddenFilelistVisible, children, }: FileTreeProviderProps): React.JSX.Element;
 declare function useFileTreeState(): StateContextType;
 declare function useFileTreeDispatch(): DispatchContextType;
 export { FileTreeProvider, useFileTreeState, useFileTreeDispatch };

package/es/components/shared/file-tree/interface/index.d.ts

@@ -1,47 +1,47 @@
-export declare type OnFileAddParams = {
+export type OnFileAddParams = {
     path: string;
     userFile?: File;
     emptyFileWithName?: string;
     overwrite?: boolean;
 };
-export declare type OnFileAdd = (params: OnFileAddParams) => Promise<any>;
-export declare type OnDirectoryAddParams = {
+export type OnFileAdd = (params: OnFileAddParams) => Promise<any>;
+export type OnDirectoryAddParams = {
     path: string;
     name: string;
     overwrite?: boolean;
 };
-export declare type OnDirectoryAdd = (params: OnDirectoryAddParams) => Promise<any>;
-export declare type OnHiddenSetParams = {
+export type OnDirectoryAdd = (params: OnDirectoryAddParams) => Promise<any>;
+export type OnHiddenSetParams = {
     path: string;
     isHidden: boolean;
 };
-export declare type OnHiddenSet = (params: OnHiddenSetParams) => void;
-export declare type OnReadOnlySetParams = {
+export type OnHiddenSet = (params: OnHiddenSetParams) => void;
+export type OnReadOnlySetParams = {
     path: string;
     isReadOnly: boolean;
 };
-export declare type OnReadOnlySet = (params: OnReadOnlySetParams) => void;
-export declare type OnFileDelete = (path: string) => Promise<any>;
-export declare type OnDirectoryDelete = (path: string) => Promise<any>;
-export declare type OnFileMoveParams = {
+export type OnReadOnlySet = (params: OnReadOnlySetParams) => void;
+export type OnFileDelete = (path: string) => Promise<any>;
+export type OnDirectoryDelete = (path: string) => Promise<any>;
+export type OnFileMoveParams = {
     currentFilename: string;
     newPath: string;
     newName: string;
 };
-export declare type OnFileMove = (params: OnFileMoveParams) => Promise<any>;
-export declare type OnDirectoryMoveParams = {
+export type OnFileMove = (params: OnFileMoveParams) => Promise<any>;
+export type OnDirectoryMoveParams = {
     currentFilename: string;
     newPath: string;
     newName: string;
 };
-export declare type OnDirectoryMove = (params: OnDirectoryMoveParams) => Promise<any>;
-export declare type OnInitialOpenFileSetParams = {
+export type OnDirectoryMove = (params: OnDirectoryMoveParams) => Promise<any>;
+export type OnInitialOpenFileSetParams = {
     path: string;
     isInitialOpen: boolean;
 };
-export declare type OnInitialOpenFileSet = (params: OnInitialOpenFileSetParams) => void;
-export declare type OnFilesUploadParams = {
+export type OnInitialOpenFileSet = (params: OnInitialOpenFileSetParams) => void;
+export type OnFilesUploadParams = {
     files: FileList;
     path: string;
 };
-export declare type OnFilesUpload = (params: OnFilesUploadParams) => void;
+export type OnFilesUpload = (params: OnFilesUploadParams) => void;

package/es/components/shared/file-viewer/FileViewer.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface FileViewerBaseProps {
     filename: string;
     fileurl?: null | string;
     locale?: string;
 }
-declare const _default: (props: FileViewerBaseProps) => JSX.Element;
+declare const _default: (props: FileViewerBaseProps) => React.JSX.Element;
 export default _default;

package/es/components/shared/file-viewer/FileViewerNonViewable.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { FileViewerBaseProps } from './FileViewer';
 interface FileViewerNonViewableProps extends FileViewerBaseProps {
     onTextViewerClick?: () => void;
 }
-declare const _default: (props: FileViewerNonViewableProps) => JSX.Element;
+declare const _default: (props: FileViewerNonViewableProps) => React.JSX.Element;
 export default _default;