@elice/material-exercise 1.240401.0 → 1.240508.0-globalization.0

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 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');
@@ -14,7 +14,9 @@ var FileTreeToolbar_styled = require('./FileTreeToolbar.styled.js');
 const FileTreeToolbar = ({
   className
 }) => {
-  const intl = reactIntl.useIntl();
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     activePath,
     fileTree,
@@ -31,7 +33,7 @@ const FileTreeToolbar = ({
   const renderFileAddButton = () => {
     return React.createElement(ExerciseMenuButton.default, {
       icon: icons.eilFileAdd,
-      title: intl.formatMessage({
+      title: intl$1.formatMessage({
         id: 'fileTree.toolbar.newFile'
       }),
       placement: "bottom-start",
@@ -53,7 +55,7 @@ const FileTreeToolbar = ({
   const renderFolderAddButton = () => {
     return React.createElement(ExerciseMenuButton.default, {
       icon: icons.eilFolderAdd,
-      title: intl.formatMessage({
+      title: intl$1.formatMessage({
         id: 'fileTree.toolbar.newDirectory'
       }),
       placement: "bottom-start",
@@ -75,7 +77,7 @@ const FileTreeToolbar = ({
   const renderFileUploadButton = () => {
     return React.createElement(React.Fragment, null, React.createElement(ExerciseMenuButton.default, {
       icon: icons.eilUpload,
-      title: intl.formatMessage({
+      title: intl$1.formatMessage({
         id: 'fileTree.toolbar.upload'
       }),
       placement: "bottom-start",
@@ -111,6 +113,5 @@ const FileTreeToolbar = ({
     className: className
   }, renderFileAddButton(), renderFolderAddButton(), renderFileUploadButton());
 };
-var FileTreeToolbar$1 = FileTreeToolbar;
 
-exports.default = FileTreeToolbar$1;
+exports.default = FileTreeToolbar;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"fileTree.list.item.content.input.validation.error.filename.dot":"The filename can't be \".\" or \"..\".","fileTree.list.item.content.input.validation.error.filename.dotElice":"The filename can't be \".elice\".","fileTree.list.item.content.input.validation.error.filename.duplicated":"The file name is already used.","fileTree.list.item.content.input.validation.error.filename.slash":"The filename can't include slash or backslash.","fileTree.list.item.content.input.validation.error.maxLength":"The filename can't be more than {maxLength} characters long.","fileTree.list.item.content.input.validation.error.required":"Please enter a filename.","fileTree.list.item.content.menu.deleteConfirmDialog.body":"Are you sure you want to delete \"{title}\"?","fileTree.list.item.content.menu.deleteConfirmDialog.cancel":"Cancel","fileTree.list.item.content.menu.deleteConfirmDialog.confirm":"Delete","fileTree.list.item.content.menu.deleteConfirmDialog.title":"Confirm Delete","fileTree.list.item.content.menu.item.delete":"Delete","fileTree.list.item.content.menu.item.hiddenSet":"Set Hidden","fileTree.list.item.content.menu.item.hiddenUnset":"Unset Hidden","fileTree.list.item.content.menu.item.newDirectory":"New Directory","fileTree.list.item.content.menu.item.newFile":"New File","fileTree.list.item.content.menu.item.readOnlySet":"Set Read-only","fileTree.list.item.content.menu.item.readOnlyUnset":"Unset Read-only","fileTree.list.item.content.menu.item.rename":"Rename","fileTree.toolbar.newDirectory":"New Directory","fileTree.toolbar.newFile":"New File","fileTree.toolbar.upload":"Upload File"};
+var messageEn = {"fileTree.list.item.content.input.validation.error.filename.dot":"The filename can't be \".\" or \"..\".","fileTree.list.item.content.input.validation.error.filename.dotElice":"The filename can't be \".elice\".","fileTree.list.item.content.input.validation.error.filename.duplicated":"The file name is already used.","fileTree.list.item.content.input.validation.error.filename.slash":"The filename can't include slash or backslash.","fileTree.list.item.content.input.validation.error.maxLength":"The filename can't be more than {maxLength} characters long.","fileTree.list.item.content.input.validation.error.required":"Please enter a filename.","fileTree.list.item.content.menu.deleteConfirmDialog.body":"Are you sure you want to delete \"{title}\"?","fileTree.list.item.content.menu.deleteConfirmDialog.cancel":"Cancel","fileTree.list.item.content.menu.deleteConfirmDialog.confirm":"Delete","fileTree.list.item.content.menu.deleteConfirmDialog.title":"Confirm Delete","fileTree.list.item.content.menu.item.delete":"Delete","fileTree.list.item.content.menu.item.hiddenSet":"Set Hidden","fileTree.list.item.content.menu.item.hiddenUnset":"Unset Hidden","fileTree.list.item.content.menu.item.newDirectory":"New Directory","fileTree.list.item.content.menu.item.newFile":"New File","fileTree.list.item.content.menu.item.readOnlySet":"Set Read-only","fileTree.list.item.content.menu.item.readOnlyUnset":"Unset Read-only","fileTree.list.item.content.menu.item.rename":"Rename","fileTree.toolbar.newDirectory":"New Directory","fileTree.toolbar.newFile":"New File","fileTree.toolbar.upload":"Upload File"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

package/cjs/components/shared/file-tree/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/locales/ko.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"fileTree.list.item.content.input.validation.error.filename.dot":"파일 이름은 \".\" 혹은 \"..\"을 사용할 수 없습니다.","fileTree.list.item.content.input.validation.error.filename.dotElice":"파일 이름은 \".elice\"를 사용할 수 없습니다.","fileTree.list.item.content.input.validation.error.filename.duplicated":"이미 존재하는 파일 이름입니다.","fileTree.list.item.content.input.validation.error.filename.slash":"파일 이름은 슬래시나 역슬래시를 포함할 수 없습니다.","fileTree.list.item.content.input.validation.error.maxLength":"파일 이름은 {maxLength}자를 초과할 수 없습니다..","fileTree.list.item.content.input.validation.error.required":"파일 이름을 입력해주세요.","fileTree.list.item.content.menu.deleteConfirmDialog.body":"\"{title}\" 파일을 삭제하시겠습니까?","fileTree.list.item.content.menu.deleteConfirmDialog.cancel":"취소","fileTree.list.item.content.menu.deleteConfirmDialog.confirm":"확인","fileTree.list.item.content.menu.deleteConfirmDialog.title":"파일 삭제","fileTree.list.item.content.menu.item.delete":"삭제","fileTree.list.item.content.menu.item.hiddenSet":"파일 숨기기","fileTree.list.item.content.menu.item.hiddenUnset":"파일 보이기","fileTree.list.item.content.menu.item.newDirectory":"새 폴더","fileTree.list.item.content.menu.item.newFile":"새 파일","fileTree.list.item.content.menu.item.readOnlySet":"읽기 전용","fileTree.list.item.content.menu.item.readOnlyUnset":"읽기 전용 해제","fileTree.list.item.content.menu.item.rename":"이름 바꾸기","fileTree.toolbar.newDirectory":"새 폴더 추가","fileTree.toolbar.newFile":"새 파일 추가","fileTree.toolbar.upload":"파일 업로드"};
+var messageKo = {"fileTree.list.item.content.input.validation.error.filename.dot":"파일 이름은 \".\" 혹은 \"..\"을 사용할 수 없습니다.","fileTree.list.item.content.input.validation.error.filename.dotElice":"파일 이름은 \".elice\"를 사용할 수 없습니다.","fileTree.list.item.content.input.validation.error.filename.duplicated":"이미 존재하는 파일 이름입니다.","fileTree.list.item.content.input.validation.error.filename.slash":"파일 이름은 슬래시나 역슬래시를 포함할 수 없습니다.","fileTree.list.item.content.input.validation.error.maxLength":"파일 이름은 {maxLength}자를 초과할 수 없습니다..","fileTree.list.item.content.input.validation.error.required":"파일 이름을 입력해주세요.","fileTree.list.item.content.menu.deleteConfirmDialog.body":"\"{title}\" 파일을 삭제하시겠습니까?","fileTree.list.item.content.menu.deleteConfirmDialog.cancel":"취소","fileTree.list.item.content.menu.deleteConfirmDialog.confirm":"확인","fileTree.list.item.content.menu.deleteConfirmDialog.title":"파일 삭제","fileTree.list.item.content.menu.item.delete":"삭제","fileTree.list.item.content.menu.item.hiddenSet":"파일 숨기기","fileTree.list.item.content.menu.item.hiddenUnset":"파일 보이기","fileTree.list.item.content.menu.item.newDirectory":"새 폴더","fileTree.list.item.content.menu.item.newFile":"새 파일","fileTree.list.item.content.menu.item.readOnlySet":"읽기 전용","fileTree.list.item.content.menu.item.readOnlyUnset":"읽기 전용 해제","fileTree.list.item.content.menu.item.rename":"이름 바꾸기","fileTree.toolbar.newDirectory":"새 폴더 추가","fileTree.toolbar.newFile":"새 파일 추가","fileTree.toolbar.upload":"파일 업로드"};
 
-exports.default = phrasesKo;
+exports.default = messageKo;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"fileTree.list.item.content.input.validation.error.filename.dot":"ชื่อไฟล์ไม่สามารถใช้ \".\" หรือ \"..\" ได้ครับ.","fileTree.list.item.content.input.validation.error.filename.dotElice":"ชื่อไฟล์ไม่สามารถใช้ \".elice\" ได้ค่ะ.","fileTree.list.item.content.input.validation.error.filename.duplicated":"มีชื่อไฟล์นี้อยู่แล้วค่ะ.","fileTree.list.item.content.input.validation.error.filename.slash":"ชื่อไฟล์ไม่สามารถมีเครื่องหมายสแลชหรือสแลชย้อนได้","fileTree.list.item.content.input.validation.error.maxLength":"ชื่อไฟล์คือ {maxLength}ไม่สามารถเกินไปได้.","fileTree.list.item.content.input.validation.error.required":"โปรดป้อนชื่อไฟล์.","fileTree.list.item.content.menu.deleteConfirmDialog.body":"\"{title}\"คุณต้องการลบไฟล์หรือไม่?\"","fileTree.list.item.content.menu.deleteConfirmDialog.cancel":"ยกเลิก","fileTree.list.item.content.menu.deleteConfirmDialog.confirm":"ตรวจสอบ","fileTree.list.item.content.menu.deleteConfirmDialog.title":"ลบไฟล์","fileTree.list.item.content.menu.item.delete":"ลบ","fileTree.list.item.content.menu.item.hiddenSet":"ซ่อนไฟล์","fileTree.list.item.content.menu.item.hiddenUnset":"แสดงไฟล์","fileTree.list.item.content.menu.item.newDirectory":"โฟลเดอร์ใหม่","fileTree.list.item.content.menu.item.newFile":"ไฟล์ใหม่","fileTree.list.item.content.menu.item.readOnlySet":"โหมดอ่านอย่างเดียว","fileTree.list.item.content.menu.item.readOnlyUnset":"ปลดล็อกอ่านเท่านั้น","fileTree.list.item.content.menu.item.rename":"เปลี่ยนชื่อ","fileTree.toolbar.newDirectory":"เพิ่มโฟลเดอร์ใหม่","fileTree.toolbar.newFile":"เพิ่มไฟล์ใหม่","fileTree.toolbar.upload":"อัปโหลดไฟล์"};
+
+exports.default = messageTh;

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

@@ -1,8 +1,9 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface FileViewerBaseProps {
     filename: string;
     fileurl?: null | string;
     locale?: string;
 }
-declare const _default: (props: FileViewerBaseProps) => React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<FileViewerBaseProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

package/cjs/components/shared/file-viewer/FileViewer.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
-var materialSharedUtils = require('@elice/material-shared-utils');
+var intl = require('@elice/intl');
 var FileSaver = require('file-saver');
 var mime = require('mime');
 var styled = require('styled-components');
@@ -33,7 +32,8 @@ const StyledReadonlyBanner = styled.div.withConfig({
 const FileViewer = ({
   filename,
   fileurl,
-  locale
+  locale,
+  __intl
 }) => {
   const [showInTextViewer, setShowInTextViewer] = React.useState(false);
   /**
@@ -91,8 +91,8 @@ const FileViewer = ({
     if (!fileurl) {
       return null;
     }
-    return React.createElement(StyledReadonlyBanner, null, React.createElement(reactIntl.FormattedMessage, {
-      id: "fileViewer.readOnlyBanner.content"
+    return React.createElement(StyledReadonlyBanner, null, __intl.formatMessage({
+      id: 'fileViewer.readOnlyBanner.content'
     }), React.createElement(blocks.Hspace, {
       width: 0.25
     }), React.createElement("a", {
@@ -101,8 +101,8 @@ const FileViewer = ({
     }, React.createElement(blocks.Icon, {
       icon: icons.eilDownload,
       size: "tiny"
-    }), React.createElement(reactIntl.FormattedMessage, {
-      id: "fileViewer.readOnlyBanner.downloadButton"
+    }), __intl.formatMessage({
+      id: 'fileViewer.readOnlyBanner.downloadButton'
     })));
   };
   /**
@@ -142,14 +142,6 @@ const FileViewer = ({
 //
 //
 //
-var FileViewer$1 = (props => {
-  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
-    locale: props.locale,
-    phrases: {
-      en: en.default,
-      ko: ko.default
-    }
-  }, React.createElement(FileViewer, Object.assign({}, props)));
-});
+var FileViewer$1 = new intl.IntlComponentBuilder(FileViewer).add('en', en.default).add('ko', ko.default).add('th', en.default).build();
 
 exports.default = FileViewer$1;

package/cjs/components/shared/file-viewer/FileViewerCsv.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
+var intl = require('@elice/intl');
 var styled = require('styled-components');
 var ExerciseFileShimmer = require('../exercise-shimmer/ExerciseFileShimmer.js');
 require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
@@ -61,6 +61,9 @@ const StyledViewerFooterHr = styled(blocks.Hr).withConfig({
 const FileViewerCsv = ({
   fileurl
 }) => {
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const [csv, setCsv] = React.useState('');
   const [csvHeader, setCsvHeader] = React.useState(null);
   const [csvRecords, setCsvRecords] = React.useState([]);
@@ -215,8 +218,8 @@ const FileViewerCsv = ({
     }, React.createElement(blocks.Text, {
       role: "gray1",
       size: "small"
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "\uD5E4\uB354 \uC0AC\uC6A9"
+    }, intl$1.formatMessage({
+      id: '헤더 사용'
     })), React.createElement(blocks.Hspace, {
       width: 0.5
     }), React.createElement(blocks.AntSwitch, {
@@ -231,8 +234,8 @@ const FileViewerCsv = ({
     }, React.createElement(blocks.Text, {
       role: "gray1",
       size: "small"
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "\uAD6C\uBD84\uC790:"
+    }, intl$1.formatMessage({
+      id: '구분자:'
     })), React.createElement(blocks.Hspace, {
       width: 0.5
     }), React.createElement(StyledViewerFooterSelect, {
@@ -252,8 +255,8 @@ const FileViewerCsv = ({
     }, React.createElement(blocks.Text, {
       role: "gray1",
       size: "small"
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "\uD398\uC774\uC9C0\uB2F9 \uD589:"
+    }, intl$1.formatMessage({
+      id: '페이지당 행:'
     })), React.createElement(blocks.Hspace, {
       width: 0.5
     }), React.createElement(StyledViewerFooterSelect, {

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

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { FileViewerBaseProps } from './FileViewer';
 interface FileViewerNonViewableProps extends FileViewerBaseProps {
     onTextViewerClick?: () => void;
 }
-declare const _default: (props: FileViewerNonViewableProps) => React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<FileViewerNonViewableProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

package/cjs/components/shared/file-viewer/FileViewerNonViewable.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
-var materialSharedUtils = require('@elice/material-shared-utils');
+var intl = require('@elice/intl');
 var FileSaver = require('file-saver');
 var styled = require('styled-components');
 var FileIcon = require('../file-icon/FileIcon.js');
 var nonViewable_en = require('./locales/nonViewable.en.json.js');
 var nonViewable_ko = require('./locales/nonViewable.ko.json.js');
+var nonViewable_th = require('./locales/nonViewable.th.json.js');
 
 const StyledContainer = styled.div.withConfig({
   componentId: "sc-l8149y-0"
@@ -28,7 +28,8 @@ const StyledButtonsWrap = styled.div.withConfig({
 const FileViewerNonViewable = ({
   filename,
   fileurl,
-  onTextViewerClick
+  onTextViewerClick,
+  __intl
 }) => {
   /**
    * Handle download button click.
@@ -57,8 +58,8 @@ const FileViewerNonViewable = ({
         icon: icons.eilDownload
       }),
       onClick: handleDownloadClick
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "fileViewer.nonViewable.downloadButton"
+    }, __intl.formatMessage({
+      id: 'fileViewer.nonViewable.downloadButton'
     }));
   };
   /**
@@ -73,8 +74,8 @@ const FileViewerNonViewable = ({
       size: "tiny",
       hoverable: true,
       onClick: onTextViewerClick
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "fileViewer.nonViewable.openViaTextEditor"
+    }, __intl.formatMessage({
+      id: 'fileViewer.nonViewable.openViaTextEditor'
     }));
   };
   //
@@ -95,8 +96,8 @@ const FileViewerNonViewable = ({
     size: "tiny",
     lineHeight: 1.5,
     wordBreak: "keep-all"
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "fileViewer.nonViewable.content"
+  }, __intl.formatMessage({
+    id: 'fileViewer.nonViewable.content'
   })), React.createElement(blocks.Vspace, {
     height: 2
   }), React.createElement(StyledButtonsWrap, null, renderFileViewerDownloadButton(), renderFileViewerTextEditorLink())));
@@ -104,14 +105,6 @@ const FileViewerNonViewable = ({
 //
 //
 //
-var FileViewerNonViewable$1 = (props => {
-  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
-    locale: props.locale,
-    phrases: {
-      en: nonViewable_en.default,
-      ko: nonViewable_ko.default
-    }
-  }, React.createElement(FileViewerNonViewable, Object.assign({}, props)));
-});
+var FileViewerNonViewable$1 = new intl.IntlComponentBuilder(FileViewerNonViewable).add('en', nonViewable_en.default).add('ko', nonViewable_ko.default).add('th', nonViewable_th.default).build();
 
 exports.default = FileViewerNonViewable$1;

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

@@ -0,0 +1,6 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';
+export { default as nonViewableMessageEn } from './nonViewable.en.json';
+export { default as nonViewableMessageKo } from './nonViewable.ko.json';
+export { default as nonViewableMessageTh } from './nonViewable.th.json';

package/cjs/components/shared/file-viewer/locales/nonViewable.en.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"fileViewer.nonViewable.content":"The file is not displayed in the editor because it is either binary or not supported.","fileViewer.nonViewable.downloadButton":"Download File","fileViewer.nonViewable.openViaTextEditor":"Open via Editor"};
+var nonViewableMessageEn = {"fileViewer.nonViewable.content":"The file is not displayed in the editor because it is either binary or not supported.","fileViewer.nonViewable.downloadButton":"Download File","fileViewer.nonViewable.openViaTextEditor":"Open via Editor"};
 
-exports.default = phrasesEn;
+exports.default = nonViewableMessageEn;

package/cjs/components/shared/file-viewer/locales/nonViewable.ko.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"fileViewer.nonViewable.content":"해당 파일은 바이너리 파일이거나 지원하지 않는 파일이기 때문에 에디터에 표시되지 않습니다.","fileViewer.nonViewable.downloadButton":"파일 다운로드","fileViewer.nonViewable.openViaTextEditor":"텍스트 에디터로 열기"};
+var nonViewableMessageKo = {"fileViewer.nonViewable.content":"해당 파일은 바이너리 파일이거나 지원하지 않는 파일이기 때문에 에디터에 표시되지 않습니다.","fileViewer.nonViewable.downloadButton":"파일 다운로드","fileViewer.nonViewable.openViaTextEditor":"텍스트 에디터로 열기"};
 
-exports.default = phrasesKo;
+exports.default = nonViewableMessageKo;

package/cjs/components/shared/file-viewer/locales/nonViewable.th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var nonViewableMessageTh = {"fileViewer.nonViewable.content":"ไฟล์ดังกล่าวเป็นไฟล์ไบนารีหรือไฟล์ที่ไม่รองรับ จึงไม่สามารถแสดงในเอดิเตอร์ได้ครับ.","fileViewer.nonViewable.downloadButton":"ดาวน์โหลดไฟล์","fileViewer.nonViewable.openViaTextEditor":"เปิดด้วยเดสก์ท็อป"};
+
+exports.default = nonViewableMessageTh;

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

@@ -1,9 +1,10 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { MonacoEditorPreference } from './constants';
 export interface PerferenceFormProps {
     value: Partial<MonacoEditorPreference>;
     locale?: string;
     onChange?: (value: Required<MonacoEditorPreference>) => void;
 }
-declare const _default: (props: PerferenceFormProps) => React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<PerferenceFormProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
-var materialSharedUtils = require('@elice/material-shared-utils');
+var intl = require('@elice/intl');
 var styled = require('styled-components');
 var index = require('./constants/themes/index.js');
+var preferences = require('./constants/monaco/preferences.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
-var preferences = require('./constants/monaco/preferences.js');
+var th = require('./locales/th.json.js');
 require('monaco-editor/esm/vs/editor/editor.api');
 var monacoPreference = require('./utils/monacoPreference.js');
 
@@ -24,9 +24,9 @@ const StyledSelect = styled(blocks.Select).withConfig({
 })(["> div{background:", " !important;border-color:", " !important;}select{padding:0 !important;height:2rem !important;color:#fff !important;> option{background:", " !important;}}"], designTokens.base.color.navy8, designTokens.base.color.navy7, designTokens.base.color.navy8);
 const MonacoEditorPerferenceForm = ({
   value,
-  onChange
+  onChange,
+  __intl
 }) => {
-  const intl = reactIntl.useIntl();
   const [preference, setPreference] = React.useState(monacoPreference.normalizeMonacoPreference(value));
   /**
    * Update preference from form.
@@ -54,8 +54,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.displaying.item.theme.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.displaying.item.theme.name'
     })), React.createElement(StyledSelect, {
       value: preference.theme,
       size: "small",
@@ -81,8 +81,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.displaying.item.fontSize.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.displaying.item.fontSize.name'
     })), React.createElement(StyledSelect, {
       value: preference.fontSize,
       size: "small",
@@ -105,8 +105,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.displaying.item.wordWrap.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.displaying.item.wordWrap.name'
     })), React.createElement(blocks.AntSwitch, {
       checked: preference.wordWrap === 'on',
       onChange: value => {
@@ -124,8 +124,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name'
     })), React.createElement(StyledSelect, {
       value: preference.renderWhitespace,
       size: "small",
@@ -138,7 +138,7 @@ const MonacoEditorPerferenceForm = ({
     }, preferences.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS.map(option => React.createElement("option", {
       key: option,
       value: option
-    }, intl.formatMessage({
+    }, __intl.formatMessage({
       id: `monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.${option}`
     })))));
   };
@@ -151,8 +151,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.displaying.item.minimap.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.displaying.item.minimap.name'
     })), React.createElement(blocks.AntSwitch, {
       checked: (_a = preference.minimap) === null || _a === void 0 ? void 0 : _a.enabled,
       onChange: value => {
@@ -172,8 +172,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name'
     })), React.createElement(blocks.AntSwitch, {
       checked: preference.cursorSmoothCaretAnimation,
       onChange: value => {
@@ -191,8 +191,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name'
     })), React.createElement(blocks.AntSwitch, {
       checked: preference.autoClosingBrackets === 'always',
       onChange: value => {
@@ -210,8 +210,8 @@ const MonacoEditorPerferenceForm = ({
       role: "navy",
       size: "tiny",
       block: true
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.textEditing.item.detectIndentation.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.textEditing.item.detectIndentation.name'
     })), React.createElement(blocks.AntSwitch, {
       checked: preference.detectIndentation,
       onChange: value => {
@@ -229,8 +229,8 @@ const MonacoEditorPerferenceForm = ({
       role: preference.detectIndentation ? 'grey6' : 'info',
       block: true,
       size: "small"
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "monacoEditorPerferenceForm.textEditing.item.tabSize.name"
+    }, __intl.formatMessage({
+      id: 'monacoEditorPerferenceForm.textEditing.item.tabSize.name'
     })), React.createElement(StyledSelect, {
       value: preference.tabSize,
       size: "small",
@@ -253,8 +253,8 @@ const MonacoEditorPerferenceForm = ({
     role: "lightgrey",
     size: "small",
     bold: true
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "monacoEditorPerferenceForm.displaying.title"
+  }, __intl.formatMessage({
+    id: 'monacoEditorPerferenceForm.displaying.title'
   })), React.createElement(blocks.Vspace, {
     height: 1
   }), renderPreferenceItemTheme(), renderPreferenceItemFontSize(), renderPreferenceItemWordWrap(), renderPreferenceItemWhiteSpace(), renderPreferenceItemMinimap(), renderPreferenceItemCursorSmoothCaretAnimation(), React.createElement(blocks.Vspace, {
@@ -263,8 +263,8 @@ const MonacoEditorPerferenceForm = ({
     role: "lightgrey",
     size: "small",
     bold: true
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "monacoEditorPerferenceForm.textEditing.title"
+  }, __intl.formatMessage({
+    id: 'monacoEditorPerferenceForm.textEditing.title'
   })), React.createElement(blocks.Vspace, {
     height: 1
   }), renderPreferenceItemAutoClosingBrackets(), renderPreferenceItemDetectIndentation(), renderPreferenceItemTabSize());
@@ -272,14 +272,6 @@ const MonacoEditorPerferenceForm = ({
 //
 //
 //
-var MonacoEditorPerference = (props => {
-  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
-    locale: props.locale,
-    phrases: {
-      en: en.default,
-      ko: ko.default
-    }
-  }, React.createElement(MonacoEditorPerferenceForm, Object.assign({}, props)));
-});
+var MonacoEditorPerference = new intl.IntlComponentBuilder(MonacoEditorPerferenceForm).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
 exports.default = MonacoEditorPerference;

package/cjs/components/shared/monaco-editor/locales/en.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name":"Cursor Smooth Caret Animation","monacoEditorPerferenceForm.displaying.item.fontSize.name":"Font Size","monacoEditorPerferenceForm.displaying.item.minimap.name":"Minimap","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name":"Render Whitespace","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.all":"All","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.boundary":"Boundary","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.none":"None","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.selection":"Selection","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.trailing":"Trailing","monacoEditorPerferenceForm.displaying.item.theme.name":"Color Theme","monacoEditorPerferenceForm.displaying.item.wordWrap.name":"Word Wrap","monacoEditorPerferenceForm.displaying.title":"Displaying","monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name":"Auto Closing Brackets","monacoEditorPerferenceForm.textEditing.item.detectIndentation.name":"Detect Indentation","monacoEditorPerferenceForm.textEditing.item.tabSize.name":"Tab Size","monacoEditorPerferenceForm.textEditing.title":"Text Editing"};
+var messageEn = {"monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name":"Cursor Smooth Caret Animation","monacoEditorPerferenceForm.displaying.item.fontSize.name":"Font Size","monacoEditorPerferenceForm.displaying.item.minimap.name":"Minimap","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name":"Render Whitespace","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.all":"All","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.boundary":"Boundary","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.none":"None","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.selection":"Selection","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.trailing":"Trailing","monacoEditorPerferenceForm.displaying.item.theme.name":"Color Theme","monacoEditorPerferenceForm.displaying.item.wordWrap.name":"Word Wrap","monacoEditorPerferenceForm.displaying.title":"Displaying","monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name":"Auto Closing Brackets","monacoEditorPerferenceForm.textEditing.item.detectIndentation.name":"Detect Indentation","monacoEditorPerferenceForm.textEditing.item.tabSize.name":"Tab Size","monacoEditorPerferenceForm.textEditing.title":"Text Editing"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

package/cjs/components/shared/monaco-editor/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/monaco-editor/locales/ko.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name":"커서 이동 애니메이션","monacoEditorPerferenceForm.displaying.item.fontSize.name":"글자 크기","monacoEditorPerferenceForm.displaying.item.minimap.name":"에디터 미니맵","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name":"조판 부호 보이기","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.all":"언제나","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.boundary":"글자 사이 제외","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.none":"보이지 않음","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.selection":"선택 시에만","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.trailing":"글자 뒤에만","monacoEditorPerferenceForm.displaying.item.theme.name":"에디터 테마","monacoEditorPerferenceForm.displaying.item.wordWrap.name":"줄 바꿈","monacoEditorPerferenceForm.displaying.title":"화면 표시","monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name":"자동 괄호 닫기","monacoEditorPerferenceForm.textEditing.item.detectIndentation.name":"탭 크기 자동 인식","monacoEditorPerferenceForm.textEditing.item.tabSize.name":"탭 크기","monacoEditorPerferenceForm.textEditing.title":"텍스트 편집"};
+var messageKo = {"monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name":"커서 이동 애니메이션","monacoEditorPerferenceForm.displaying.item.fontSize.name":"글자 크기","monacoEditorPerferenceForm.displaying.item.minimap.name":"에디터 미니맵","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name":"조판 부호 보이기","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.all":"언제나","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.boundary":"글자 사이 제외","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.none":"보이지 않음","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.selection":"선택 시에만","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.trailing":"글자 뒤에만","monacoEditorPerferenceForm.displaying.item.theme.name":"에디터 테마","monacoEditorPerferenceForm.displaying.item.wordWrap.name":"줄 바꿈","monacoEditorPerferenceForm.displaying.title":"화면 표시","monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name":"자동 괄호 닫기","monacoEditorPerferenceForm.textEditing.item.detectIndentation.name":"탭 크기 자동 인식","monacoEditorPerferenceForm.textEditing.item.tabSize.name":"탭 크기","monacoEditorPerferenceForm.textEditing.title":"텍스트 편집"};
 
-exports.default = phrasesKo;
+exports.default = messageKo;

package/cjs/components/shared/monaco-editor/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"monacoEditorPerferenceForm.displaying.item.cursorSmoothCaretAnimation.name":"การเคลื่อนย้ายเคอร์เซอร์แอนิเมชัน","monacoEditorPerferenceForm.displaying.item.fontSize.name":"ขนาดตัวอักษร","monacoEditorPerferenceForm.displaying.item.minimap.name":"เอดิ터 มินิแมพ","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.name":"แสดงเครื่องหมายการจัดพิมพ์","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.all":"เสมอ","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.boundary":"ข้อความที่ระบุ","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.none":"ไม่มองเห็น","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.selection":"เฉพาะเมื่อเลือก","monacoEditorPerferenceForm.displaying.item.renderWhiteSpace.value.trailing":"หลังคำ","monacoEditorPerferenceForm.displaying.item.theme.name":"ธีมเอ็ดิเตอร์","monacoEditorPerferenceForm.displaying.item.wordWrap.name":"การเปลี่ยนบรรทัด","monacoEditorPerferenceForm.displaying.title":"การแสดงบนหน้าจอ","monacoEditorPerferenceForm.textEditing.item.autoClosingBrackets.name":"ปิดวงเล็บอัตโนมัติ","monacoEditorPerferenceForm.textEditing.item.detectIndentation.name":"การตรวจจับขนาดแท็บโดยอัตโนมัติ","monacoEditorPerferenceForm.textEditing.item.tabSize.name":"ขนาดแท็บ","monacoEditorPerferenceForm.textEditing.title":"แก้ไขข้อความ"};
+
+exports.default = messageTh;

package/cjs/components/shared/xterm/Xterm.d.ts

@@ -28,5 +28,7 @@ export interface XtermProps {
     /** Send TTY resize. */
     onTtyResizeRequest: (ttySize: TtySize) => void;
 }
-declare const _default: React.ForwardRefExoticComponent<XtermProps & React.RefAttributes<XtermApis>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<XtermProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
+    __intl: import("@elice/intl").EliceIntlShape;
+} & React.RefAttributes<XtermApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<XtermApis>>;
 export default _default;