@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.
- package/cjs/components/shared/web-browser/WebBrowser.d.ts +4 -2
- package/cjs/components/shared/web-browser/WebBrowser.js +13 -4
- package/cjs/components/shared/web-browser/locales/en.json.js +7 -0
- package/cjs/components/shared/web-browser/locales/index.d.ts +4 -0
- package/cjs/components/shared/web-browser/locales/index.js +13 -0
- package/cjs/components/shared/web-browser/locales/ja.json.js +7 -0
- package/cjs/components/shared/web-browser/locales/ko.json.js +7 -0
- package/cjs/components/shared/web-browser/locales/th.json.js +7 -0
- package/es/components/shared/web-browser/WebBrowser.d.ts +4 -2
- package/es/components/shared/web-browser/WebBrowser.js +13 -4
- package/es/components/shared/web-browser/locales/en.json.js +3 -0
- package/es/components/shared/web-browser/locales/index.d.ts +4 -0
- package/es/components/shared/web-browser/locales/index.js +4 -0
- package/es/components/shared/web-browser/locales/ja.json.js +3 -0
- package/es/components/shared/web-browser/locales/ko.json.js +3 -0
- package/es/components/shared/web-browser/locales/th.json.js +3 -0
- package/package.json +1 -1
|
@@ -7,5 +7,7 @@ export interface WebBrowserProps {
|
|
|
7
7
|
httpUri: string;
|
|
8
8
|
menuButtons?: React.ReactChild;
|
|
9
9
|
}
|
|
10
|
-
declare const
|
|
11
|
-
|
|
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:
|
|
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:
|
|
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,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;
|
|
@@ -7,5 +7,7 @@ export interface WebBrowserProps {
|
|
|
7
7
|
httpUri: string;
|
|
8
8
|
menuButtons?: React.ReactChild;
|
|
9
9
|
}
|
|
10
|
-
declare const
|
|
11
|
-
|
|
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:
|
|
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:
|
|
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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elice/material-exercise",
|
|
3
|
-
"version": "1.
|
|
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",
|