@elice/material-exercise 1.240520.0 → 1.240521.0

package/cjs/components/material-exercise/MaterialExercise.js

@@ -13,7 +13,7 @@ var stylesheets = require('../../constants/stylesheets.js');
 var en = require('../locales/en.json.js');
 var ko = require('../locales/ko.json.js');
 var th = require('../locales/th.json.js');
-var ExerciseFileTabsFileTreeButton = require('./exercise-file-tabs/ExerciseFileTabsFileTreeButton.js');
+var ExerciseFileTabsFileTreeButton = require('./exercise-file-tabs/exercise-file-tabs-file-tree-button/ExerciseFileTabsFileTreeButton.js');
 var recoil$1 = require('./context/recoil.js');
 var context = require('./context/context.js');
 var recoilTypes = require('./context/recoilTypes.js');

package/cjs/components/material-exercise/exercise-file-tabs/ExerciseFileTabs.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import type { WithIntlComponentBuilderProps as EliceIntlProps } from '@elice/intl';
-declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<EliceIntlProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<any>>;
-export default _default;
+declare const ExerciseFileTabs: React.FC;
+export default ExerciseFileTabs;

package/cjs/components/material-exercise/exercise-file-tabs/ExerciseFileTabs.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var intl = require('@elice/intl');
 var recoil = require('recoil');
 var styled = require('styled-components');
 require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
@@ -16,9 +15,6 @@ var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
-var fileTreeButton_en = require('./locales/fileTreeButton.en.json.js');
-var fileTreeButton_ko = require('./locales/fileTreeButton.ko.json.js');
-var fileTreeButton_th = require('./locales/fileTreeButton.th.json.js');
 
 //
 //
@@ -30,9 +26,7 @@ const StyledFileTabsWrapper = styled.div.withConfig({
 //
 //
 //
-const ExerciseFileTabs = ({
-  __intl
-}) => {
+const ExerciseFileTabs = () => {
   const {
     exerciseRoomId,
     materialExerciseId
@@ -64,9 +58,7 @@ const ExerciseFileTabs = ({
     }
     setActiveFilename(path);
   };
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
+  return React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
     fallback: React.createElement(ExerciseFileTabsShimmer.default, null)
   }, React.createElement(AsyncFileTabs, {
     openedTabs: openedTabs,
@@ -74,8 +66,7 @@ const ExerciseFileTabs = ({
     onCloseTab: handleCloseTab,
     onSelectTab: handleActivePathChange,
     onTabOrderChange: handleTabOrderChange
-  }))));
+  })));
 };
-var ExerciseFileTabs$1 = new intl.IntlComponentBuilder(ExerciseFileTabs).add('en', fileTreeButton_en.default).add('ko', fileTreeButton_ko.default).add('th', fileTreeButton_th.default).build();
 
-exports.default = ExerciseFileTabs$1;
+exports.default = ExerciseFileTabs;

package/cjs/components/material-exercise/exercise-file-tabs/exercise-file-tabs-file-tree-button/ExerciseFileTabsFileTreeButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<Omit<WithIntlComponentBuilderProps, "ref"> & React.RefAttributes<HTMLButtonElement>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/cjs/components/material-exercise/exercise-file-tabs/{ExerciseFileTabsFileTreeButton.js → exercise-file-tabs-file-tree-button/ExerciseFileTabsFileTreeButton.js}

@@ -12,18 +12,22 @@ var types = require('@elice/types');
 var utils = require('@elice/utils');
 var recoil = require('recoil');
 var styled = require('styled-components');
-var recoil$1 = require('../context/recoil.js');
-var context = require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
+var recoil$1 = require('../../context/recoil.js');
+var context = require('../../context/context.js');
+require('../../context/recoilTypes.js');
+require('../../context/subjects.js');
+require('../../context/ExerciseProvider.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 
 const ICON_BUTTON_SIZE = '2.25rem';
 const StyledFileTreeButton = styled(blocks.IconButton).withConfig({
-  componentId: "sc-ohtsjn-0"
+  componentId: "sc-1ulolpl-0"
 })(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, designTokens.base.color.navy7, props => props.active ? designTokens.base.color.navy8 : designTokens.base.color.navy8, designTokens.base.color.navy9);
-const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
-  const intl$1 = intl.useRawEliceIntl();
+const ExerciseFileTabsFileTreeButton = React.forwardRef(({
+  __intl
+}, ref) => {
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);
@@ -50,9 +54,9 @@ const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
   //
   const [el] = reactUse.useHover(isHovering => {
     return React.createElement("div", null, React.createElement(blocks.Tooltip, {
-      title: exerciseFileTreeOpened ? intl$1.formatMessage({
+      title: exerciseFileTreeOpened ? __intl.formatMessage({
         id: 'exerciseFileTab.fileTreeButton.tooltip.close'
-      }) : intl$1.formatMessage({
+      }) : __intl.formatMessage({
         id: 'exerciseFileTab.fileTreeButton.tooltip.open'
       }),
       placement: "bottom-start"
@@ -71,5 +75,9 @@ const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
   });
   return (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.editorFileTreeDefaultStatus) === types.enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Hide ? null : el;
 });
+//
+//
+//
+var ExerciseFileTabsFileTreeButton$1 = new intl.IntlComponentBuilder(ExerciseFileTabsFileTreeButton).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
-exports.default = ExerciseFileTabsFileTreeButton;
+exports.default = ExerciseFileTabsFileTreeButton$1;

package/cjs/components/material-exercise/exercise-file-tabs/exercise-file-tabs-file-tree-button/index.d.ts

@@ -0,0 +1 @@
+export { default as ExerciseFileTabsFileTreeButton } from './ExerciseFileTabsFileTreeButton';

package/cjs/components/material-exercise/exercise-file-tabs/exercise-file-tabs-file-tree-button/locales/index.d.ts

@@ -0,0 +1,3 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';

package/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTree.js

@@ -27,7 +27,7 @@ var th = require('./locales/th.json.js');
 
 const AsyncFileTree = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/FileTree.js'); }));
 const AsyncFileTreeList = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeList.js'); }));
-const AsyncFileTreeToolbar = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeToolbar.js'); }));
+const AsyncFileTreeToolbar = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tree/file-tree-toolbar/FileTreeToolbar.js'); }));
 const StyledFileTreeDivider = styled.hr.withConfig({
   componentId: "sc-107xvf5-0"
 })(["margin:0;width:100%;height:1px;border:0;border-bottom:", ";"], stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);

package/cjs/components/shared/file-tree/FileTree.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { FileTreeTheme } from './context';
 import type { OnDirectoryAdd, OnDirectoryDelete, OnDirectoryMove, OnFileAdd, OnFileDelete, OnFileMove, OnFilesUpload, OnHiddenSet, OnInitialOpenFileSet, OnReadOnlySet } from './interface';
 /**
@@ -61,5 +62,5 @@ export interface FileTreeProps {
     style?: React.CSSProperties;
     locale?: string;
 }
-declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<FileTreeProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<FileTreeProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -8,9 +8,9 @@ var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
 var styled = require('styled-components');
 var FileTreeContext = require('./context/FileTreeContext.js');
+var FileTreeToolbar = require('./file-tree-toolbar/FileTreeToolbar.js');
 var FileTreeConfig = require('./FileTreeConfig.js');
 var FileTreeList = require('./FileTreeList.js');
-var FileTreeToolbar = require('./FileTreeToolbar.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 var th = require('./locales/th.json.js');
@@ -22,9 +22,11 @@ const StyledLoading = styled.div.withConfig({
   componentId: "sc-6ext2i-1"
 })(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:", ";opacity:0.5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;"], designTokens.base.color.navy7);
 const FileTree = props => {
-  return React.createElement(FileTreeContext.FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: props.__intl
+  }, React.createElement(FileTreeContext.FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
     style: props.style
-  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(blocks.Spinner, null)) : null, props.children));
+  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(blocks.Spinner, null)) : null, props.children)));
 };
 //
 //

package/cjs/components/shared/file-tree/file-tree-toolbar/FileTreeToolbar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface FileTreeToolbarProps {
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<FileTreeToolbarProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/cjs/components/shared/file-tree/{FileTreeToolbar.js → file-tree-toolbar/FileTreeToolbar.js}

@@ -5,11 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
-var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js');
-var FileTreeContext = require('./context/FileTreeContext.js');
-var fileTreeFiles = require('./utils/fileTreeFiles.js');
-var fileTreeInput = require('./utils/fileTreeInput.js');
-var FileTreeToolbar_styled = require('./FileTreeToolbar.styled.js');
+var ExerciseMenuButton = require('../../exercise-menu-button/ExerciseMenuButton.js');
+var FileTreeContext = require('../context/FileTreeContext.js');
+var fileTreeFiles = require('../utils/fileTreeFiles.js');
+var fileTreeInput = require('../utils/fileTreeInput.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
+var FileTreeToolbar_styled = require('../FileTreeToolbar.styled.js');
 
 const FileTreeToolbar = ({
   className
@@ -111,5 +114,6 @@ const FileTreeToolbar = ({
     className: className
   }, renderFileAddButton(), renderFolderAddButton(), renderFileUploadButton());
 };
+var FileTreeToolbar$1 = new intl.IntlComponentBuilder(FileTreeToolbar).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
-exports.default = FileTreeToolbar;
+exports.default = FileTreeToolbar$1;

package/cjs/components/shared/file-tree/file-tree-toolbar/index.d.ts

@@ -0,0 +1 @@
+export { default as FileTreeToolbar } from './FileTreeToolbar';

package/cjs/components/shared/file-tree/file-tree-toolbar/locales/en.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageEn = {"fileTree.toolbar.newDirectory":"New Directory","fileTree.toolbar.newFile":"New File","fileTree.toolbar.upload":"Upload File"};
+
+exports.default = messageEn;

package/cjs/components/shared/file-tree/file-tree-toolbar/locales/index.d.ts

@@ -0,0 +1,3 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';

package/cjs/components/shared/file-tree/file-tree-toolbar/locales/ko.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageKo = {"fileTree.toolbar.newDirectory":"새 폴더 추가","fileTree.toolbar.newFile":"새 파일 추가","fileTree.toolbar.upload":"파일 업로드"};
+
+exports.default = messageKo;

package/cjs/components/shared/file-tree/file-tree-toolbar/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"fileTree.toolbar.newDirectory":"ไดเรกทอรีใหม่","fileTree.toolbar.newFile":"ไฟล์ใหม่","fileTree.toolbar.upload":"อัพโหลดไฟล์"};
+
+exports.default = messageTh;

package/cjs/components/shared/file-tree/index.d.ts

@@ -1,6 +1,6 @@
 export { default as FileTree } from './FileTree';
 export type { FileTreeProps } from './FileTree';
-export type { FileTreeToolbarProps } from './FileTreeToolbar';
+export type { FileTreeToolbarProps } from './file-tree-toolbar/FileTreeToolbar';
 export type { FileTreeListProps } from './FileTreeList';
 export type { FileTreeConfigProps } from './FileTreeConfig';
 export type { OnDirectoryAdd, OnDirectoryAddParams } from './interface';

package/es/components/material-exercise/MaterialExercise.js

@@ -9,7 +9,7 @@ import { MATERIAL_RESIZABLE_COMMON_PROPS } from '../../constants/stylesheets.js'
 import messageEn from '../locales/en.json.js';
 import messageKo from '../locales/ko.json.js';
 import messageTh from '../locales/th.json.js';
-import ExerciseFileTabsFileTreeButton from './exercise-file-tabs/ExerciseFileTabsFileTreeButton.js';
+import ExerciseFileTabsFileTreeButton from './exercise-file-tabs/exercise-file-tabs-file-tree-button/ExerciseFileTabsFileTreeButton.js';
 import { exerciseContainerSizeState, exerciseState, exerciseFileTreeOpenedState, exercisePreviewTypeState, exercisePreviewDisplayModeState, exerciseMonacoEditorApisState } from './context/recoil.js';
 import { ExerciseContext } from './context/context.js';
 import { ExercisePreviewType, ExercisePreviewDisplayMode } from './context/recoilTypes.js';

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

@@ -1,4 +1,3 @@
 import React from 'react';
-import type { WithIntlComponentBuilderProps as EliceIntlProps } from '@elice/intl';
-declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<EliceIntlProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<any>>;
-export default _default;
+declare const ExerciseFileTabs: React.FC;
+export default ExerciseFileTabs;

package/es/components/material-exercise/exercise-file-tabs/ExerciseFileTabs.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import { useRecoilState } from 'recoil';
 import styled from 'styled-components';
 import '../../shared/exercise-shimmer/ExerciseFileShimmer.js';
@@ -12,9 +11,6 @@ import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
-import messageEn from './locales/fileTreeButton.en.json.js';
-import messageKo from './locales/fileTreeButton.ko.json.js';
-import messageTh from './locales/fileTreeButton.th.json.js';
 
 //
 //
@@ -26,9 +22,7 @@ const StyledFileTabsWrapper = styled.div.withConfig({
 //
 //
 //
-const ExerciseFileTabs = ({
-  __intl
-}) => {
+const ExerciseFileTabs = () => {
   const {
     exerciseRoomId,
     materialExerciseId
@@ -60,9 +54,7 @@ const ExerciseFileTabs = ({
     }
     setActiveFilename(path);
   };
-  return React.createElement(RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
+  return React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
     fallback: React.createElement(ExerciseFileTabsShimmer, null)
   }, React.createElement(AsyncFileTabs, {
     openedTabs: openedTabs,
@@ -70,8 +62,7 @@ const ExerciseFileTabs = ({
     onCloseTab: handleCloseTab,
     onSelectTab: handleActivePathChange,
     onTabOrderChange: handleTabOrderChange
-  }))));
+  })));
 };
-var ExerciseFileTabs$1 = new IntlComponentBuilder(ExerciseFileTabs).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
-export { ExerciseFileTabs$1 as default };
+export { ExerciseFileTabs as default };

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<Omit<WithIntlComponentBuilderProps, "ref"> & React.RefAttributes<HTMLButtonElement>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/es/components/material-exercise/exercise-file-tabs/{ExerciseFileTabsFileTreeButton.js → exercise-file-tabs-file-tree-button/ExerciseFileTabsFileTreeButton.js}

@@ -3,23 +3,27 @@ import { useHover } from 'react-use';
 import { IconButton, Tooltip } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilArrowRightwardsDouble, eilFolder } from '@elice/icons';
-import { useRawEliceIntl } from '@elice/intl';
+import { IntlComponentBuilder } from '@elice/intl';
 import { enums } from '@elice/types';
 import { eliceApiUiConfigNormalizeHelper } from '@elice/utils';
 import { useRecoilValue, useRecoilState } from 'recoil';
 import styled from 'styled-components';
-import { exerciseState, exerciseFileTreeOpenedState } from '../context/recoil.js';
-import { ExerciseContext } from '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
+import { exerciseState, exerciseFileTreeOpenedState } from '../../context/recoil.js';
+import { ExerciseContext } from '../../context/context.js';
+import '../../context/recoilTypes.js';
+import '../../context/subjects.js';
+import '../../context/ExerciseProvider.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 
 const ICON_BUTTON_SIZE = '2.25rem';
 const StyledFileTreeButton = styled(IconButton).withConfig({
-  componentId: "sc-ohtsjn-0"
+  componentId: "sc-1ulolpl-0"
 })(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, base.color.navy7, props => props.active ? base.color.navy8 : base.color.navy8, base.color.navy9);
-const ExerciseFileTabsFileTreeButton = forwardRef((_, ref) => {
-  const intl = useRawEliceIntl();
+const ExerciseFileTabsFileTreeButton = forwardRef(({
+  __intl
+}, ref) => {
   const {
     materialExerciseId
   } = React.useContext(ExerciseContext);
@@ -46,9 +50,9 @@ const ExerciseFileTabsFileTreeButton = forwardRef((_, ref) => {
   //
   const [el] = useHover(isHovering => {
     return React.createElement("div", null, React.createElement(Tooltip, {
-      title: exerciseFileTreeOpened ? intl.formatMessage({
+      title: exerciseFileTreeOpened ? __intl.formatMessage({
         id: 'exerciseFileTab.fileTreeButton.tooltip.close'
-      }) : intl.formatMessage({
+      }) : __intl.formatMessage({
         id: 'exerciseFileTab.fileTreeButton.tooltip.open'
       }),
       placement: "bottom-start"
@@ -67,5 +71,9 @@ const ExerciseFileTabsFileTreeButton = forwardRef((_, ref) => {
   });
   return (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.editorFileTreeDefaultStatus) === enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Hide ? null : el;
 });
+//
+//
+//
+var ExerciseFileTabsFileTreeButton$1 = new IntlComponentBuilder(ExerciseFileTabsFileTreeButton).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
-export { ExerciseFileTabsFileTreeButton as default };
+export { ExerciseFileTabsFileTreeButton$1 as default };

package/es/components/material-exercise/exercise-file-tabs/exercise-file-tabs-file-tree-button/index.d.ts

@@ -0,0 +1 @@
+export { default as ExerciseFileTabsFileTreeButton } from './ExerciseFileTabsFileTreeButton';

package/es/components/material-exercise/exercise-file-tabs/exercise-file-tabs-file-tree-button/locales/index.d.ts

@@ -0,0 +1,3 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';

package/es/components/material-exercise/exercise-file-tree/ExerciseFileTree.js

@@ -23,7 +23,7 @@ import messageTh from './locales/th.json.js';
 
 const AsyncFileTree = React.lazy(() => import('../../shared/file-tree/FileTree.js'));
 const AsyncFileTreeList = React.lazy(() => import('../../shared/file-tree/FileTreeList.js'));
-const AsyncFileTreeToolbar = React.lazy(() => import('../../shared/file-tree/FileTreeToolbar.js'));
+const AsyncFileTreeToolbar = React.lazy(() => import('../../shared/file-tree/file-tree-toolbar/FileTreeToolbar.js'));
 const StyledFileTreeDivider = styled.hr.withConfig({
   componentId: "sc-107xvf5-0"
 })(["margin:0;width:100%;height:1px;border:0;border-bottom:", ";"], MATERIAL_DIVIDER_BORDER_VALUE);

package/es/components/shared/file-tree/FileTree.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { FileTreeTheme } from './context';
 import type { OnDirectoryAdd, OnDirectoryDelete, OnDirectoryMove, OnFileAdd, OnFileDelete, OnFileMove, OnFilesUpload, OnHiddenSet, OnInitialOpenFileSet, OnReadOnlySet } from './interface';
 /**
@@ -61,5 +62,5 @@ export interface FileTreeProps {
     style?: React.CSSProperties;
     locale?: string;
 }
-declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<FileTreeProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<FileTreeProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Spinner } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
-import { IntlComponentBuilder } from '@elice/intl';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import styled from 'styled-components';
 import { FileTreeProvider } from './context/FileTreeContext.js';
+import FileTreeToolbar from './file-tree-toolbar/FileTreeToolbar.js';
 import FileTreeConfig from './FileTreeConfig.js';
 import FileTreeList from './FileTreeList.js';
-import FileTreeToolbar from './FileTreeToolbar.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 import messageTh from './locales/th.json.js';
@@ -18,9 +18,11 @@ const StyledLoading = styled.div.withConfig({
   componentId: "sc-6ext2i-1"
 })(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:", ";opacity:0.5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;"], base.color.navy7);
 const FileTree = props => {
-  return React.createElement(FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: props.__intl
+  }, React.createElement(FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
     style: props.style
-  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(Spinner, null)) : null, props.children));
+  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(Spinner, null)) : null, props.children)));
 };
 //
 //

package/es/components/shared/file-tree/file-tree-toolbar/FileTreeToolbar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface FileTreeToolbarProps {
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<FileTreeToolbarProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/es/components/shared/file-tree/{FileTreeToolbar.js → file-tree-toolbar/FileTreeToolbar.js}

@@ -1,11 +1,14 @@
 import React from 'react';
 import { eilFileAdd, eilFolderAdd, eilUpload } from '@elice/icons';
-import { useRawEliceIntl } from '@elice/intl';
-import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
-import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
-import { validateFilesSize } from './utils/fileTreeFiles.js';
-import { getTargetDirectoryPath } from './utils/fileTreeInput.js';
-import { StyledFileTreeToolbar } from './FileTreeToolbar.styled.js';
+import { IntlComponentBuilder, useRawEliceIntl } from '@elice/intl';
+import ExerciseMenuButton from '../../exercise-menu-button/ExerciseMenuButton.js';
+import { useFileTreeState, useFileTreeDispatch } from '../context/FileTreeContext.js';
+import { validateFilesSize } from '../utils/fileTreeFiles.js';
+import { getTargetDirectoryPath } from '../utils/fileTreeInput.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
+import { StyledFileTreeToolbar } from '../FileTreeToolbar.styled.js';
 
 const FileTreeToolbar = ({
   className
@@ -107,5 +110,6 @@ const FileTreeToolbar = ({
     className: className
   }, renderFileAddButton(), renderFolderAddButton(), renderFileUploadButton());
 };
+var FileTreeToolbar$1 = new IntlComponentBuilder(FileTreeToolbar).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
-export { FileTreeToolbar as default };
+export { FileTreeToolbar$1 as default };

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

@@ -0,0 +1 @@
+export { default as FileTreeToolbar } from './FileTreeToolbar';

package/es/components/shared/file-tree/file-tree-toolbar/locales/en.json.js

@@ -0,0 +1,3 @@
+var messageEn = {"fileTree.toolbar.newDirectory":"New Directory","fileTree.toolbar.newFile":"New File","fileTree.toolbar.upload":"Upload File"};
+
+export { messageEn as default };

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

@@ -0,0 +1,3 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';

package/es/components/shared/file-tree/file-tree-toolbar/locales/ko.json.js

@@ -0,0 +1,3 @@
+var messageKo = {"fileTree.toolbar.newDirectory":"새 폴더 추가","fileTree.toolbar.newFile":"새 파일 추가","fileTree.toolbar.upload":"파일 업로드"};
+
+export { messageKo as default };

package/es/components/shared/file-tree/file-tree-toolbar/locales/th.json.js

@@ -0,0 +1,3 @@
+var messageTh = {"fileTree.toolbar.newDirectory":"ไดเรกทอรีใหม่","fileTree.toolbar.newFile":"ไฟล์ใหม่","fileTree.toolbar.upload":"อัพโหลดไฟล์"};
+
+export { messageTh as default };

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

@@ -1,6 +1,6 @@
 export { default as FileTree } from './FileTree';
 export type { FileTreeProps } from './FileTree';
-export type { FileTreeToolbarProps } from './FileTreeToolbar';
+export type { FileTreeToolbarProps } from './file-tree-toolbar/FileTreeToolbar';
 export type { FileTreeListProps } from './FileTreeList';
 export type { FileTreeConfigProps } from './FileTreeConfig';
 export type { OnDirectoryAdd, OnDirectoryAddParams } from './interface';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.240520.0",
+  "version": "1.240521.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -85,8 +85,8 @@
     "@elice/icons": "^1.230814.0",
     "@elice/intl": "0.240425.0-rc.1",
     "@elice/markdown": "^1.220815.0",
-    "@elice/material-shared-types": "1.240520.0",
-    "@elice/material-shared-utils": "1.240520.0",
+    "@elice/material-shared-types": "1.240521.0",
+    "@elice/material-shared-utils": "1.240521.0",
     "@elice/mui-elements": "^5.230825.0",
     "@elice/mui-system": "^5.230825.0",
     "@elice/types": "^1.240208.0",
@@ -116,5 +116,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "1d17e5b2661b99e4802b5f200061dc3555c817e1"
+  "gitHead": "7db81d8d591875a8649e417a7bd18d9cae06d770"
 }

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ExerciseFileTabsFileTreeButton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;
-export default ExerciseFileTabsFileTreeButton;

package/cjs/components/material-exercise/exercise-file-tabs/locales/index.d.ts

@@ -1,3 +0,0 @@
-export { default as messageEn } from './fileTreeButton.en.json';
-export { default as messageKo } from './fileTreeButton.ko.json';
-export { default as messageTh } from './fileTreeButton.th.json';

package/cjs/components/shared/file-tree/FileTreeToolbar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface FileTreeToolbarProps {
-    className?: string;
-}
-declare const FileTreeToolbar: React.VFC<FileTreeToolbarProps>;
-export default FileTreeToolbar;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ExerciseFileTabsFileTreeButton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;
-export default ExerciseFileTabsFileTreeButton;

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

@@ -1,3 +0,0 @@
-export { default as messageEn } from './fileTreeButton.en.json';
-export { default as messageKo } from './fileTreeButton.ko.json';
-export { default as messageTh } from './fileTreeButton.th.json';

package/es/components/shared/file-tree/FileTreeToolbar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface FileTreeToolbarProps {
-    className?: string;
-}
-declare const FileTreeToolbar: React.VFC<FileTreeToolbarProps>;
-export default FileTreeToolbar;