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

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,7 @@ const StyledViewerFooterHr = styled(blocks.Hr).withConfig({
 const FileViewerCsv = ({
   fileurl
 }) => {
+  const intl$1 = intl.useRawEliceIntl();
   const [csv, setCsv] = React.useState('');
   const [csvHeader, setCsvHeader] = React.useState(null);
   const [csvRecords, setCsvRecords] = React.useState([]);
@@ -215,8 +216,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 +232,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 +253,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;

package/cjs/components/shared/xterm/Xterm.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var reactUse = require('react-use');
 var designTokens = require('@elice/design-tokens');
-var materialSharedUtils = require('@elice/material-shared-utils');
+var intl = require('@elice/intl');
 var styled = require('styled-components');
 var xterm = require('xterm');
 var xtermAddonFit = require('xterm-addon-fit');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 var index = require('./utils/index.js');
 require('xterm/css/xterm.css');
 
@@ -24,9 +24,9 @@ const Xterm = React.forwardRef(({
   fontSize,
   suppressSystemMessage = false,
   onInputRequest,
-  onTtyResizeRequest
+  onTtyResizeRequest,
+  __intl
 }, ref) => {
-  const intl = reactIntl.useIntl();
   const xterm$1 = React.useRef(null);
   const xtermFitAddon = React.useRef(null);
   const [xtermWrapperElRef, {
@@ -155,7 +155,7 @@ const Xterm = React.forwardRef(({
       return;
     }
     if (isRunning) {
-      writeSystem(intl.formatMessage({
+      writeSystem(__intl.formatMessage({
         id: 'xterm.systemMessage.running'
       }));
       blur();
@@ -163,14 +163,14 @@ const Xterm = React.forwardRef(({
     //
     else {
       if (isRunBefore) {
-        writeSystem(intl.formatMessage({
+        writeSystem(__intl.formatMessage({
           id: 'xterm.systemMessage.runAfter'
         }));
         blur();
       }
       //
       else {
-        writeSystem(intl.formatMessage({
+        writeSystem(__intl.formatMessage({
           id: 'xterm.systemMessage.runBefore'
         }));
         blur();
@@ -212,16 +212,6 @@ const Xterm = React.forwardRef(({
 //
 //
 //
-var Xterm$1 = React.forwardRef((props, ref) => {
-  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
-    locale: props.locale,
-    phrases: {
-      en: en.default,
-      ko: ko.default
-    }
-  }, React.createElement(Xterm, Object.assign({}, props, {
-    ref: ref
-  })));
-});
+var Xterm$1 = new intl.IntlComponentBuilder(Xterm).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
 exports.default = Xterm$1;

package/cjs/components/shared/xterm/locales/en.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"xterm.systemMessage.runAfter":"\n/* Code running is complete! */","xterm.systemMessage.runBefore":"/* Code has not run yet. */","xterm.systemMessage.running":"/* Code is running... */"};
+var messageEn = {"xterm.systemMessage.runAfter":"\n/* Code running is complete! */","xterm.systemMessage.runBefore":"/* Code has not run yet. */","xterm.systemMessage.running":"/* Code is running... */"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"xterm.systemMessage.runAfter":"\n/* 코드 실행이 완료되었습니다! */","xterm.systemMessage.runBefore":"/* 코드가 아직 실행되지 않았습니다. */","xterm.systemMessage.running":"/* 코드가 실행되는 중입니다... */"};
+var messageKo = {"xterm.systemMessage.runAfter":"\n/* 코드 실행이 완료되었습니다! */","xterm.systemMessage.runBefore":"/* 코드가 아직 실행되지 않았습니다. */","xterm.systemMessage.running":"/* 코드가 실행되는 중입니다... */"};
 
-exports.default = phrasesKo;
+exports.default = messageKo;

package/cjs/components/shared/xterm/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"xterm.systemMessage.runAfter":"/* การดำเนินการของโค้ดเสร็จสมบูรณ์แล้ว! */","xterm.systemMessage.runBefore":"/* โค้ดยังไม่ได้รัน */","xterm.systemMessage.running":"/* โค้ดกำลังถูกดำเนินการ... */"};
+
+exports.default = messageTh;

package/es/components/locales/en.json.js

@@ -0,0 +1,3 @@
+var messageEn = {"materialExercise.button.referenceDocs":"Reference Docs"};
+
+export { messageEn as default };

package/es/components/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/locales/ko.json.js

@@ -0,0 +1,3 @@
+var messageKo = {"materialExercise.button.referenceDocs":"언어 레퍼런스"};
+
+export { messageKo as default };

package/es/components/locales/th.json.js

@@ -0,0 +1,3 @@
+var messageTh = {"materialExercise.button.referenceDocs":"ภาษาอ้างอิง"};
+
+export { messageTh as default };