@elice/material-exercise 1.240821.0 → 1.240828.0-intl.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,5 +7,7 @@ export interface WebBrowserProps {
7
7
  httpUri: string;
8
8
  menuButtons?: React.ReactChild;
9
9
  }
10
- declare const WebBrowser: React.ForwardRefExoticComponent<WebBrowserProps & React.RefAttributes<WebBrowserApis>>;
11
- export default WebBrowser;
10
+ declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<WebBrowserProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
11
+ __intl: import("@elice/intl").EliceIntlShape;
12
+ } & React.RefAttributes<WebBrowserApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<WebBrowserApis>>;
13
+ export default _default;
@@ -8,9 +8,12 @@ var React = require('react');
8
8
  var blocks = require('@elice/blocks');
9
9
  var designTokens = require('@elice/design-tokens');
10
10
  var icons = require('@elice/icons');
11
+ var intl = require('@elice/intl');
11
12
  var styled = require('styled-components');
12
13
  var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js');
13
14
  var PreviewContainer = require('../preview-container/PreviewContainer.js');
15
+ var en = require('./locales/en.json.js');
16
+ var ko = require('./locales/ko.json.js');
14
17
 
15
18
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
16
19
 
@@ -39,7 +42,8 @@ var createCacheBustedUrl = function createCacheBustedUrl(url) {
39
42
  var WebBrowser = React.forwardRef(function (_ref, ref) {
40
43
  var httpUri = _ref.httpUri,
41
44
  _ref$menuButtons = _ref.menuButtons,
42
- menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons;
45
+ menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons,
46
+ __intl = _ref.__intl;
43
47
  var _React$useState = React__default.default.useState(''),
44
48
  _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
45
49
  url = _React$useState2[0],
@@ -134,7 +138,9 @@ var WebBrowser = React.forwardRef(function (_ref, ref) {
134
138
  marginright: "0.25rem",
135
139
  children: jsxRuntime.jsx(ExerciseMenuButton.default, {
136
140
  icon: icons.eilRetry,
137
- title: "\uC0C8\uB85C\uACE0\uCE68",
141
+ title: __intl.formatMessage({
142
+ id: 'web_browser.reload'
143
+ }),
138
144
  placement: "bottom-start",
139
145
  onClick: reload
140
146
  })
@@ -146,7 +152,9 @@ var WebBrowser = React.forwardRef(function (_ref, ref) {
146
152
  marginleft: "0.25rem",
147
153
  children: [jsxRuntime.jsx(ExerciseMenuButton.default, {
148
154
  icon: icons.eilNewWindow,
149
- title: "\uC0C8\uCC3D\uC73C\uB85C \uC5F4\uAE30",
155
+ title: __intl.formatMessage({
156
+ id: 'web_browser.open_new_window'
157
+ }),
150
158
  placement: "bottom-end",
151
159
  onClick: handleNewWindowClick
152
160
  }), menuButtons]
@@ -172,5 +180,6 @@ var WebBrowser = React.forwardRef(function (_ref, ref) {
172
180
  children: renderBrowserBody()
173
181
  });
174
182
  });
183
+ var WebBrowser$1 = new intl.IntlComponentBuilder(WebBrowser).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
175
184
 
176
- exports.default = WebBrowser;
185
+ exports.default = WebBrowser$1;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var messageEn = {"fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
6
+
7
+ exports.default = messageEn;
@@ -0,0 +1,4 @@
1
+ export { default as messageEn } from './en.json';
2
+ export { default as messageKo } from './ko.json';
3
+ export { default as messageTh } from './th.json';
4
+ export { default as messageJa } from './ja.json';
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ var en = require('./en.json.js');
4
+ var ko = require('./ko.json.js');
5
+ var th = require('./th.json.js');
6
+ var ja = require('./ja.json.js');
7
+
8
+
9
+
10
+ exports.messageEn = en.default;
11
+ exports.messageKo = ko.default;
12
+ exports.messageTh = th.default;
13
+ exports.messageJa = ja.default;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var ja = {"fileViewer.readOnlyBanner.content":"ファイルエディタを使用してプレビューを表示しています。","fileViewer.readOnlyBanner.downloadButton":"ファイルをダウンロード"};
6
+
7
+ exports.default = ja;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var messageKo = {"web_browser.reload":"새로고침","web_browser.open_new_window":"새창으로 열기"};
6
+
7
+ exports.default = messageKo;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var th = {"fileViewer.readOnlyBanner.content":"การดูตัวอย่างผ่านตัวแก้ไฟล์","fileViewer.readOnlyBanner.downloadButton":"ดาวน์โหลดไฟล์"};
6
+
7
+ exports.default = th;
@@ -7,5 +7,7 @@ export interface WebBrowserProps {
7
7
  httpUri: string;
8
8
  menuButtons?: React.ReactChild;
9
9
  }
10
- declare const WebBrowser: React.ForwardRefExoticComponent<WebBrowserProps & React.RefAttributes<WebBrowserApis>>;
11
- export default WebBrowser;
10
+ declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<WebBrowserProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
11
+ __intl: import("@elice/intl").EliceIntlShape;
12
+ } & React.RefAttributes<WebBrowserApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<WebBrowserApis>>;
13
+ export default _default;
@@ -4,9 +4,12 @@ import React, { forwardRef } from 'react';
4
4
  import { Flex } from '@elice/blocks';
5
5
  import { base } from '@elice/design-tokens';
6
6
  import { eilRetry, eilNewWindow } from '@elice/icons';
7
+ import { IntlComponentBuilder } from '@elice/intl';
7
8
  import styled from 'styled-components';
8
9
  import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
9
10
  import PreviewContainer, { PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM } from '../preview-container/PreviewContainer.js';
11
+ import messageEn from './locales/en.json.js';
12
+ import messageKo from './locales/ko.json.js';
10
13
 
11
14
  var WEB_BROWSER_URL_INPUT_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT - PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
12
15
  var StyledHeaderUrlInput = styled.input.withConfig({
@@ -30,7 +33,8 @@ var createCacheBustedUrl = function createCacheBustedUrl(url) {
30
33
  var WebBrowser = forwardRef(function (_ref, ref) {
31
34
  var httpUri = _ref.httpUri,
32
35
  _ref$menuButtons = _ref.menuButtons,
33
- menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons;
36
+ menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons,
37
+ __intl = _ref.__intl;
34
38
  var _React$useState = React.useState(''),
35
39
  _React$useState2 = _slicedToArray(_React$useState, 2),
36
40
  url = _React$useState2[0],
@@ -125,7 +129,9 @@ var WebBrowser = forwardRef(function (_ref, ref) {
125
129
  marginright: "0.25rem",
126
130
  children: jsx(ExerciseMenuButton, {
127
131
  icon: eilRetry,
128
- title: "\uC0C8\uB85C\uACE0\uCE68",
132
+ title: __intl.formatMessage({
133
+ id: 'web_browser.reload'
134
+ }),
129
135
  placement: "bottom-start",
130
136
  onClick: reload
131
137
  })
@@ -137,7 +143,9 @@ var WebBrowser = forwardRef(function (_ref, ref) {
137
143
  marginleft: "0.25rem",
138
144
  children: [jsx(ExerciseMenuButton, {
139
145
  icon: eilNewWindow,
140
- title: "\uC0C8\uCC3D\uC73C\uB85C \uC5F4\uAE30",
146
+ title: __intl.formatMessage({
147
+ id: 'web_browser.open_new_window'
148
+ }),
141
149
  placement: "bottom-end",
142
150
  onClick: handleNewWindowClick
143
151
  }), menuButtons]
@@ -163,5 +171,6 @@ var WebBrowser = forwardRef(function (_ref, ref) {
163
171
  children: renderBrowserBody()
164
172
  });
165
173
  });
174
+ var WebBrowser$1 = new IntlComponentBuilder(WebBrowser).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
166
175
 
167
- export { WebBrowser as default };
176
+ export { WebBrowser$1 as default };
@@ -0,0 +1,3 @@
1
+ var messageEn = {"fileViewer.readOnlyBanner.content":"Previewing via file editor.","fileViewer.readOnlyBanner.downloadButton":"Download File"};
2
+
3
+ export { messageEn as default };
@@ -0,0 +1,4 @@
1
+ export { default as messageEn } from './en.json';
2
+ export { default as messageKo } from './ko.json';
3
+ export { default as messageTh } from './th.json';
4
+ export { default as messageJa } from './ja.json';
@@ -0,0 +1,4 @@
1
+ export { default as messageEn } from './en.json.js';
2
+ export { default as messageKo } from './ko.json.js';
3
+ export { default as messageTh } from './th.json.js';
4
+ export { default as messageJa } from './ja.json.js';
@@ -0,0 +1,3 @@
1
+ var ja = {"fileViewer.readOnlyBanner.content":"ファイルエディタを使用してプレビューを表示しています。","fileViewer.readOnlyBanner.downloadButton":"ファイルをダウンロード"};
2
+
3
+ export { ja as default };
@@ -0,0 +1,3 @@
1
+ var messageKo = {"web_browser.reload":"새로고침","web_browser.open_new_window":"새창으로 열기"};
2
+
3
+ export { messageKo as default };
@@ -0,0 +1,3 @@
1
+ var th = {"fileViewer.readOnlyBanner.content":"การดูตัวอย่างผ่านตัวแก้ไฟล์","fileViewer.readOnlyBanner.downloadButton":"ดาวน์โหลดไฟล์"};
2
+
3
+ export { th as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elice/material-exercise",
3
- "version": "1.240821.0",
3
+ "version": "1.240828.0-intl.0",
4
4
  "description": "User view and editing components of Elice material exercise",
5
5
  "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
6
6
  "license": "UNLICENSED",