@elice/material-exercise 1.230726.0 → 1.230817.0

package/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -135,7 +135,10 @@ function _regeneratorRuntime() {
       if ("executing" === state) throw new Error("Generator is already running");
       if ("completed" === state) {
         if ("throw" === method) throw arg;
-        return doneResult();
+        return {
+          value: void 0,
+          done: !0
+        };
       }
       for (context.method = method, context.arg = arg;;) {
         var delegate = context.delegate;
@@ -188,7 +191,7 @@ function _regeneratorRuntime() {
     }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
   }
   function values(iterable) {
-    if (iterable) {
+    if (iterable || "" === iterable) {
       var iteratorMethod = iterable[iteratorSymbol];
       if (iteratorMethod) return iteratorMethod.call(iterable);
       if ("function" == typeof iterable.next) return iterable;
@@ -201,15 +204,7 @@ function _regeneratorRuntime() {
         return next.next = next;
       }
     }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
+    throw new TypeError(typeof iterable + " is not iterable");
   }
   return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
     value: GeneratorFunctionPrototype,

package/cjs/components/material-exercise/MaterialExercise.d.ts

@@ -3,6 +3,6 @@ import type { MaterialExerciseCommonApis, MaterialExerciseCommonProps } from './
 export interface MaterialExerciseProps extends MaterialExerciseCommonProps {
     locale?: string;
 }
-export declare type MaterialExerciseApis = MaterialExerciseCommonApis;
-declare const _default: React.ForwardRefExoticComponent<Pick<MaterialExerciseProps & React.RefAttributes<MaterialExerciseCommonApis> & import("@elice/material-shared-utils").MaterialCommponentCommonProps, "key" | keyof MaterialExerciseProps> & React.RefAttributes<MaterialExerciseCommonApis>>;
+export type MaterialExerciseApis = MaterialExerciseCommonApis;
+declare const _default: React.ForwardRefExoticComponent<Omit<MaterialExerciseProps & React.RefAttributes<MaterialExerciseCommonApis> & import("@elice/material-shared-utils").MaterialCommponentCommonProps, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>>;
 export default _default;

package/cjs/components/material-exercise/MaterialExerciseMobile.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MaterialExerciseCommonProps } from './context';
-declare type PickedMaterialExerciseCommonProps = Pick<MaterialExerciseCommonProps, 'materialExerciseId' | 'exerciseRoomId' | 'readOnlyEditor' | 'onExerciseRoomIdChange' | 'onDefaultExerciseRoomIdSet' | 'onError'>;
+type PickedMaterialExerciseCommonProps = Pick<MaterialExerciseCommonProps, 'materialExerciseId' | 'exerciseRoomId' | 'readOnlyEditor' | 'onExerciseRoomIdChange' | 'onDefaultExerciseRoomIdSet' | 'onError'>;
 export interface MaterialExerciseMobileProps extends PickedMaterialExerciseCommonProps {
     filename: string;
 }

package/cjs/components/material-exercise/context/ExerciseIntlProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MaterialIntlProviderPhrases } from '@elice/material-shared-utils';
-declare type AnyObject = Record<string, any>;
+type AnyObject = Record<string, any>;
 /**
  *
  */

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/shared/file-tabs/FileTabs.js

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

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

@@ -104,13 +104,13 @@ var FileTreeList = React.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/cjs/components/shared/file-tree/FileTreeListItems.js

@@ -148,13 +148,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/cjs/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/cjs/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/cjs/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/cjs/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;

package/cjs/components/shared/monaco-editor/MonacoEditor.d.ts

@@ -3,27 +3,27 @@ import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import type { MonacoEditorPreference } from './constants';
 import type { MonacoEditorMarker } from './editor-hooks';
 /** Has editor undo/redo history? */
-declare type MonacoEditorApiHasHistory = () => boolean;
+type MonacoEditorApiHasHistory = () => boolean;
 /** Get current monaco editor model. */
-declare type MonacoEditorApiGetMonacoModel = () => monaco.editor.ITextModel | null;
+type MonacoEditorApiGetMonacoModel = () => monaco.editor.ITextModel | null;
 /** Clear editor undo/redo history. */
-declare type MonacoEditorApiClearHistory = () => void;
+type MonacoEditorApiClearHistory = () => void;
 /** Get current value of editor. */
-declare type MonacoEditorApiGetValue = () => string;
+type MonacoEditorApiGetValue = () => string;
 /** Get value in range of editor. */
-declare type MonacoEditorApiGetValueInRange = (from: number, to: number) => string;
+type MonacoEditorApiGetValueInRange = (from: number, to: number) => string;
 /** Set (overwrite) value to editor. */
-declare type MonacoEditorApiSetValue = (value: string) => void;
+type MonacoEditorApiSetValue = (value: string) => void;
 /** Insert value at specific position. */
-declare type MonacoEditorApiInsertValue = (offset: number, value: string) => void;
+type MonacoEditorApiInsertValue = (offset: number, value: string) => void;
 /** Remove value at specific range. */
-declare type MonacoEditorApiRemoveValue = (from: number, to: number) => void;
+type MonacoEditorApiRemoveValue = (from: number, to: number) => void;
 /** Get offset of current cursor position. */
-declare type MonacoEditorApiGetPositionOffset = () => number;
+type MonacoEditorApiGetPositionOffset = () => number;
 /** Set selection of editor with specific range. */
-declare type MonacoEditorApiSetSelection = (from: number, to: number) => void;
+type MonacoEditorApiSetSelection = (from: number, to: number) => void;
 /** Scroll editor to specific `scrollTop`. */
-declare type MonacoEditorApiScrollTo = (scrollTop: number) => void;
+type MonacoEditorApiScrollTo = (scrollTop: number) => void;
 /** API of CodeEditorNext. */
 export interface MonacoEditorApis {
     editor: monaco.editor.IStandaloneCodeEditor | null;

package/cjs/components/shared/monaco-editor/MonacoEditor.js

@@ -304,7 +304,7 @@ var MonacoEditor = React.forwardRef(function (_ref, ref) {
       // add keyboard shortcut.
       editor.current.addCommand(monaco__namespace.KeyMod.CtrlCmd | monaco__namespace.KeyCode.KeyS, function () {
         var _a, _b, _c;
-        (_b = (_a = editor.current) === null || _a === void 0 ? void 0 : _a.getAction('editor.action.formatDocument')) === null || _b === void 0 ? void 0 : _b.run();
+        void ((_b = (_a = editor.current) === null || _a === void 0 ? void 0 : _a.getAction('editor.action.formatDocument')) === null || _b === void 0 ? void 0 : _b.run());
         if (typeof onSave === 'function') {
           var content = ((_c = getMonacoModel()) === null || _c === void 0 ? void 0 : _c.getValue()) || '';
           onSave(content);

package/cjs/components/shared/monaco-editor/MonacoEditorPerferenceForm.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import type { MonacoEditorPreference } from './constants';
 export interface PerferenceFormProps {
     value: Partial<MonacoEditorPreference>;
     locale?: string;
     onChange?: (value: Required<MonacoEditorPreference>) => void;
 }
-declare const _default: (props: PerferenceFormProps) => JSX.Element;
+declare const _default: (props: PerferenceFormProps) => React.JSX.Element;
 export default _default;

package/cjs/components/shared/monaco-editor/constants/monaco/preferences.d.ts

@@ -1,5 +1,5 @@
 import type { editor } from 'monaco-editor/esm/vs/editor/editor.api';
-declare type PickedMonacoStandaloneEditorOptions = Pick<editor.IStandaloneEditorConstructionOptions, 'autoClosingBrackets' | 'cursorSmoothCaretAnimation' | 'detectIndentation' | 'fontSize' | 'minimap' | 'readOnly' | 'renderWhitespace' | 'scrollBeyondLastLine' | 'tabSize' | 'theme' | 'wordWrap'>;
+type PickedMonacoStandaloneEditorOptions = Pick<editor.IStandaloneEditorConstructionOptions, 'autoClosingBrackets' | 'cursorSmoothCaretAnimation' | 'detectIndentation' | 'fontSize' | 'minimap' | 'readOnly' | 'renderWhitespace' | 'scrollBeyondLastLine' | 'tabSize' | 'theme' | 'wordWrap'>;
 /**
  * Monaco editor preferences for elice exercise.
  */
@@ -21,7 +21,7 @@ export declare const MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES: readonly number
 /**
  * White space preference.
  */
-export declare const MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS: readonly ("none" | "all" | "selection" | "boundary" | "trailing")[];
+export declare const MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS: readonly ("none" | "selection" | "boundary" | "trailing" | "all")[];
 /**
  * Font family.
  */