@elice/material-exercise 1.241008.0-file.0 → 1.241010.0

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { FileViewerBaseProps } from './FileViewer';
-declare const FileViewerCsv: React.VFC<FileViewerBaseProps>;
-export default FileViewerCsv;
+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/FileViewerCsv.js

@@ -15,6 +15,10 @@ require('../exercise-shimmer/ExerciseFileTabsShimmer.js');
 require('../exercise-shimmer/ExerciseFileTabShimmer.js');
 require('../exercise-shimmer/ExerciseFileTreeListShimmer.js');
 require('../exercise-shimmer/ExerciseFileTreeListItemShimmer.js');
+var en = require('./locales/en.json.js');
+var ja = require('./locales/ja.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -68,8 +72,8 @@ var StyledViewerFooterHr = styled__default.default(blocks.Hr).withConfig({
 //
 //
 var FileViewerCsv = function FileViewerCsv(_ref) {
-  var fileurl = _ref.fileurl;
-  var intl$1 = intl.useRawEliceIntl();
+  var fileurl = _ref.fileurl,
+    __intl = _ref.__intl;
   var _React$useState = React__default.default.useState(''),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     csv = _React$useState2[0],
@@ -287,8 +291,8 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
         children: [jsxRuntime.jsx(blocks.Text, {
           role: "gray1",
           size: "small",
-          children: intl$1.formatMessage({
-            id: '헤더 사용'
+          children: __intl.formatMessage({
+            id: 'fileViewer.fileViewerCsv.useHeader'
           })
         }), jsxRuntime.jsx(blocks.Hspace, {
           width: 0.5
@@ -305,8 +309,8 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
         children: [jsxRuntime.jsx(blocks.Text, {
           role: "gray1",
           size: "small",
-          children: intl$1.formatMessage({
-            id: '구분자:'
+          children: __intl.formatMessage({
+            id: 'fileViewer.fileViewerCsv.separator'
           })
         }), jsxRuntime.jsx(blocks.Hspace, {
           width: 0.5
@@ -322,7 +326,7 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
             return jsxRuntime.jsx("option", {
               value: char,
               children: label
-            });
+            }, char);
           })
         })]
       }), jsxRuntime.jsx(StyledViewerFooterHr, {
@@ -333,8 +337,8 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
         children: [jsxRuntime.jsx(blocks.Text, {
           role: "gray1",
           size: "small",
-          children: intl$1.formatMessage({
-            id: '페이지당 행:'
+          children: __intl.formatMessage({
+            id: 'fileViewer.fileViewerCsv.rowPerPage'
           })
         }), jsxRuntime.jsx(blocks.Hspace, {
           width: 0.5
@@ -348,7 +352,7 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
             return jsxRuntime.jsx("option", {
               value: perPage,
               children: perPage
-            });
+            }, perPage);
           })
         })]
       })]
@@ -377,5 +381,6 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
     children: [renderViewerTable(), renderViewerFooter()]
   });
 };
+var FileViewerCsv$1 = new intl.IntlComponentBuilder(FileViewerCsv).add('en', en.default).add('ko', ko.default).add('th', th.default).add('ja', ja.default).build();
 
-exports.default = FileViewerCsv;
+exports.default = FileViewerCsv$1;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
+var phrasesEn = {"fileViewer.fileViewerCsv.rowPerPage":"Rows per page:","fileViewer.fileViewerCsv.separator":"Separator:","fileViewer.fileViewerCsv.useHeader":"Use Header","fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
 
 exports.default = phrasesEn;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesJa = {"fileViewer.readOnlyBanner.content":"ファイルエディタを使用してプレビューを表示しています。","fileViewer.readOnlyBanner.downloadButton":"ファイルをダウンロード"};
+var phrasesJa = {"fileViewer.fileViewerCsv.rowPerPage":"ページごとの行数:","fileViewer.fileViewerCsv.separator":"区切り文字:","fileViewer.fileViewerCsv.useHeader":"ヘッダーを使用","fileViewer.readOnlyBanner.content":"ファイルエディタを使用してプレビューを表示しています。","fileViewer.readOnlyBanner.downloadButton":"ファイルをダウンロード"};
 
 exports.default = phrasesJa;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"fileViewer.readOnlyBanner.content":"파일 에디터를 통해 미리보기 중 입니다.","fileViewer.readOnlyBanner.downloadButton":"파일 다운로드"};
+var phrasesKo = {"fileViewer.fileViewerCsv.rowPerPage":"페이지당 행:","fileViewer.fileViewerCsv.separator":"구분자:","fileViewer.fileViewerCsv.useHeader":"헤더 사용","fileViewer.readOnlyBanner.content":"파일 에디터를 통해 미리보기 중 입니다.","fileViewer.readOnlyBanner.downloadButton":"파일 다운로드"};
 
 exports.default = phrasesKo;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesTh = {"fileViewer.readOnlyBanner.content":"กำลังดูตัวอย่างผ่านโปรแกรมแก้ไขไฟล์","fileViewer.readOnlyBanner.downloadButton":"ดาวน์โหลดไฟล์"};
+var phrasesTh = {"fileViewer.fileViewerCsv.rowPerPage":"แถวต่อหน้า:","fileViewer.fileViewerCsv.separator":"ตัวคั่น:","fileViewer.fileViewerCsv.useHeader":"ใช้ส่วนหัว","fileViewer.readOnlyBanner.content":"กำลังดูตัวอย่างผ่านโปรแกรมแก้ไขไฟล์","fileViewer.readOnlyBanner.downloadButton":"ดาวน์โหลดไฟล์"};
 
 exports.default = phrasesTh;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { FileViewerBaseProps } from './FileViewer';
-declare const FileViewerCsv: React.VFC<FileViewerBaseProps>;
-export default FileViewerCsv;
+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/es/components/shared/file-viewer/FileViewerCsv.js

@@ -4,13 +4,17 @@ import React from 'react';
 import { Hr, Flex, Text, IconButton, Hspace, AntSwitch } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilArrowLeftwardsDouble, eilArrowLeftwardsSingle, eilArrowRightwardsSingle, eilArrowRightwardsDouble } from '@elice/icons';
-import { useRawEliceIntl } from '@elice/intl';
+import { IntlComponentBuilder } from '@elice/intl';
 import styled from 'styled-components';
 import ExerciseFileShimmer from '../exercise-shimmer/ExerciseFileShimmer.js';
 import '../exercise-shimmer/ExerciseFileTabsShimmer.js';
 import '../exercise-shimmer/ExerciseFileTabShimmer.js';
 import '../exercise-shimmer/ExerciseFileTreeListShimmer.js';
 import '../exercise-shimmer/ExerciseFileTreeListItemShimmer.js';
+import phrasesEn from './locales/en.json.js';
+import phrasesJa from './locales/ja.json.js';
+import phrasesKo from './locales/ko.json.js';
+import phrasesTh from './locales/th.json.js';
 
 //
 //
@@ -59,8 +63,8 @@ var StyledViewerFooterHr = styled(Hr).withConfig({
 //
 //
 var FileViewerCsv = function FileViewerCsv(_ref) {
-  var fileurl = _ref.fileurl;
-  var intl = useRawEliceIntl();
+  var fileurl = _ref.fileurl,
+    __intl = _ref.__intl;
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     csv = _React$useState2[0],
@@ -278,8 +282,8 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
         children: [jsx(Text, {
           role: "gray1",
           size: "small",
-          children: intl.formatMessage({
-            id: '헤더 사용'
+          children: __intl.formatMessage({
+            id: 'fileViewer.fileViewerCsv.useHeader'
           })
         }), jsx(Hspace, {
           width: 0.5
@@ -296,8 +300,8 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
         children: [jsx(Text, {
           role: "gray1",
           size: "small",
-          children: intl.formatMessage({
-            id: '구분자:'
+          children: __intl.formatMessage({
+            id: 'fileViewer.fileViewerCsv.separator'
           })
         }), jsx(Hspace, {
           width: 0.5
@@ -313,7 +317,7 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
             return jsx("option", {
               value: char,
               children: label
-            });
+            }, char);
           })
         })]
       }), jsx(StyledViewerFooterHr, {
@@ -324,8 +328,8 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
         children: [jsx(Text, {
           role: "gray1",
           size: "small",
-          children: intl.formatMessage({
-            id: '페이지당 행:'
+          children: __intl.formatMessage({
+            id: 'fileViewer.fileViewerCsv.rowPerPage'
           })
         }), jsx(Hspace, {
           width: 0.5
@@ -339,7 +343,7 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
             return jsx("option", {
               value: perPage,
               children: perPage
-            });
+            }, perPage);
           })
         })]
       })]
@@ -368,5 +372,6 @@ var FileViewerCsv = function FileViewerCsv(_ref) {
     children: [renderViewerTable(), renderViewerFooter()]
   });
 };
+var FileViewerCsv$1 = new IntlComponentBuilder(FileViewerCsv).add('en', phrasesEn).add('ko', phrasesKo).add('th', phrasesTh).add('ja', phrasesJa).build();
 
-export { FileViewerCsv as default };
+export { FileViewerCsv$1 as default };

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

@@ -1,3 +1,3 @@
-var phrasesEn = {"fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
+var phrasesEn = {"fileViewer.fileViewerCsv.rowPerPage":"Rows per page:","fileViewer.fileViewerCsv.separator":"Separator:","fileViewer.fileViewerCsv.useHeader":"Use Header","fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
 
 export { phrasesEn as default };

package/es/components/shared/file-viewer/locales/ja.json.js

@@ -1,3 +1,3 @@
-var phrasesJa = {"fileViewer.readOnlyBanner.content":"ファイルエディタを使用してプレビューを表示しています。","fileViewer.readOnlyBanner.downloadButton":"ファイルをダウンロード"};
+var phrasesJa = {"fileViewer.fileViewerCsv.rowPerPage":"ページごとの行数:","fileViewer.fileViewerCsv.separator":"区切り文字:","fileViewer.fileViewerCsv.useHeader":"ヘッダーを使用","fileViewer.readOnlyBanner.content":"ファイルエディタを使用してプレビューを表示しています。","fileViewer.readOnlyBanner.downloadButton":"ファイルをダウンロード"};
 
 export { phrasesJa as default };

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

@@ -1,3 +1,3 @@
-var phrasesKo = {"fileViewer.readOnlyBanner.content":"파일 에디터를 통해 미리보기 중 입니다.","fileViewer.readOnlyBanner.downloadButton":"파일 다운로드"};
+var phrasesKo = {"fileViewer.fileViewerCsv.rowPerPage":"페이지당 행:","fileViewer.fileViewerCsv.separator":"구분자:","fileViewer.fileViewerCsv.useHeader":"헤더 사용","fileViewer.readOnlyBanner.content":"파일 에디터를 통해 미리보기 중 입니다.","fileViewer.readOnlyBanner.downloadButton":"파일 다운로드"};
 
 export { phrasesKo as default };

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

@@ -1,3 +1,3 @@
-var phrasesTh = {"fileViewer.readOnlyBanner.content":"กำลังดูตัวอย่างผ่านโปรแกรมแก้ไขไฟล์","fileViewer.readOnlyBanner.downloadButton":"ดาวน์โหลดไฟล์"};
+var phrasesTh = {"fileViewer.fileViewerCsv.rowPerPage":"แถวต่อหน้า:","fileViewer.fileViewerCsv.separator":"ตัวคั่น:","fileViewer.fileViewerCsv.useHeader":"ใช้ส่วนหัว","fileViewer.readOnlyBanner.content":"กำลังดูตัวอย่างผ่านโปรแกรมแก้ไขไฟล์","fileViewer.readOnlyBanner.downloadButton":"ดาวน์โหลดไฟล์"};
 
 export { phrasesTh as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.241008.0-file.0",
+  "version": "1.241010.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -83,8 +83,8 @@
     "@elice/icons": "^1.230814.0",
     "@elice/intl": "0.240718.0",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.241008.0-file.0",
-    "@elice/material-shared-utils": "1.241008.0-file.0",
+    "@elice/material-shared-types": "1.241010.0",
+    "@elice/material-shared-utils": "1.241010.0",
     "@elice/mui-elements": "^5.240820.0",
     "@elice/mui-system": "^5.240820.0",
     "@elice/types": "1.240709.0",