@formatjs/editor 1.1.32 → 1.1.36

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.
Files changed (7) hide show
  1. package/header.js +1 -1
  2. package/index.js +13 -13
  3. package/lib/message.js +2 -2
  4. package/main.js +3 -3
  5. package/message.js +12 -12
  6. package/messages.js +2 -2
  7. package/package.json +3 -3
package/header.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
4
+ var react_1 = (0, tslib_1.__importDefault)(require("react"));
5
5
  var core_1 = require("@material-ui/core");
6
6
  function handleClick(event) {
7
7
  event.preventDefault();
package/index.js CHANGED
@@ -2,17 +2,17 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.CoreApp = void 0;
4
4
  var tslib_1 = require("tslib");
5
- var react_1 = tslib_1.__importStar(require("react"));
5
+ var react_1 = (0, tslib_1.__importStar)(require("react"));
6
6
  var core_1 = require("@material-ui/core");
7
7
  var icons_1 = require("@material-ui/icons");
8
- var header_1 = tslib_1.__importDefault(require("./header"));
8
+ var header_1 = (0, tslib_1.__importDefault)(require("./header"));
9
9
  var react_intl_1 = require("react-intl");
10
- var messages_1 = tslib_1.__importDefault(require("./messages"));
10
+ var messages_1 = (0, tslib_1.__importDefault)(require("./messages"));
11
11
  var MESSAGES_COUNT = 50;
12
12
  function fetchData() {
13
- return tslib_1.__awaiter(this, void 0, void 0, function () {
13
+ return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
14
14
  var en, ru;
15
- return tslib_1.__generator(this, function (_a) {
15
+ return (0, tslib_1.__generator)(this, function (_a) {
16
16
  switch (_a.label) {
17
17
  case 0: return [4 /*yield*/, fetch('/fixtures/en.json')];
18
18
  case 1: return [4 /*yield*/, (_a.sent()).json()];
@@ -34,15 +34,15 @@ function fetchData() {
34
34
  });
35
35
  }
36
36
  function CoreApp() {
37
- var intl = react_intl_1.useIntl();
38
- var _a = react_1.useState([]), messages = _a[0], setMessages = _a[1];
39
- var _b = react_1.useState(true), isLoading = _b[0], setIsLoading = _b[1];
40
- react_1.useEffect(function () {
37
+ var intl = (0, react_intl_1.useIntl)();
38
+ var _a = (0, react_1.useState)([]), messages = _a[0], setMessages = _a[1];
39
+ var _b = (0, react_1.useState)(true), isLoading = _b[0], setIsLoading = _b[1];
40
+ (0, react_1.useEffect)(function () {
41
41
  ;
42
42
  (function () {
43
- return tslib_1.__awaiter(this, void 0, void 0, function () {
43
+ return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
44
44
  var _a;
45
- return tslib_1.__generator(this, function (_b) {
45
+ return (0, tslib_1.__generator)(this, function (_b) {
46
46
  switch (_b.label) {
47
47
  case 0:
48
48
  _a = setMessages;
@@ -106,9 +106,9 @@ function CoreApp() {
106
106
  }
107
107
  exports.CoreApp = CoreApp;
108
108
  function App() {
109
- var prefersDarkMode = core_1.useMediaQuery('(prefers-color-scheme: dark)');
109
+ var prefersDarkMode = (0, core_1.useMediaQuery)('(prefers-color-scheme: dark)');
110
110
  var theme = react_1.default.useMemo(function () {
111
- return core_1.createMuiTheme({
111
+ return (0, core_1.createMuiTheme)({
112
112
  palette: {
113
113
  type: prefersDarkMode ? 'dark' : 'light',
114
114
  },
package/lib/message.js CHANGED
@@ -28,11 +28,11 @@ function formatAst(ast) {
28
28
  React.createElement(Schedule, { fontSize: "small" })), disabled: true }));
29
29
  }
30
30
  else if (isTagElement(el)) {
31
- els.push.apply(els, __spreadArray(__spreadArray([React.createElement(Chip, { variant: "outlined", size: "small", label: "<" + el.value + ">", disabled: true })], formatAst(el.children)), [React.createElement(Chip, { variant: "outlined", size: "small", label: "</" + el.value + ">", disabled: true })]));
31
+ els.push.apply(els, __spreadArray(__spreadArray([React.createElement(Chip, { variant: "outlined", size: "small", label: "<" + el.value + ">", disabled: true })], formatAst(el.children), false), [React.createElement(Chip, { variant: "outlined", size: "small", label: "</" + el.value + ">", disabled: true })], false));
32
32
  }
33
33
  else {
34
34
  els.push.apply(els, __spreadArray([React.createElement(Chip, { variant: "outlined", size: "small", label: el.value, avatar: React.createElement(Avatar, null,
35
- React.createElement(CallSplit, { fontSize: "small" })), disabled: true })], formatAst(el.options.other.value)));
35
+ React.createElement(CallSplit, { fontSize: "small" })), disabled: true })], formatAst(el.options.other.value), false));
36
36
  }
37
37
  }
38
38
  return els;
package/main.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var tslib_1 = require("tslib");
4
- var _1 = tslib_1.__importDefault(require("."));
5
- var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
6
- var react_1 = tslib_1.__importDefault(require("react"));
4
+ var _1 = (0, tslib_1.__importDefault)(require("."));
5
+ var react_dom_1 = (0, tslib_1.__importDefault)(require("react-dom"));
6
+ var react_1 = (0, tslib_1.__importDefault)(require("react"));
7
7
  react_dom_1.default.render(react_1.default.createElement(_1.default, null), document.getElementById('main'));
package/message.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var tslib_1 = require("tslib");
4
- var react_1 = tslib_1.__importDefault(require("react"));
4
+ var react_1 = (0, tslib_1.__importDefault)(require("react"));
5
5
  var core_1 = require("@material-ui/core");
6
6
  var icu_messageformat_parser_1 = require("@formatjs/icu-messageformat-parser");
7
7
  var icons_1 = require("@material-ui/icons");
@@ -9,39 +9,39 @@ function formatAst(ast) {
9
9
  var els = [];
10
10
  for (var _i = 0, ast_1 = ast; _i < ast_1.length; _i++) {
11
11
  var el = ast_1[_i];
12
- if (icu_messageformat_parser_1.isLiteralElement(el)) {
12
+ if ((0, icu_messageformat_parser_1.isLiteralElement)(el)) {
13
13
  els.push(el.value);
14
14
  }
15
- else if (icu_messageformat_parser_1.isArgumentElement(el)) {
15
+ else if ((0, icu_messageformat_parser_1.isArgumentElement)(el)) {
16
16
  els.push(react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: el.value, disabled: true }));
17
17
  }
18
- else if (icu_messageformat_parser_1.isPoundElement(el)) {
18
+ else if ((0, icu_messageformat_parser_1.isPoundElement)(el)) {
19
19
  els.push(react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: "#", disabled: true }));
20
20
  }
21
- else if (icu_messageformat_parser_1.isNumberElement(el)) {
21
+ else if ((0, icu_messageformat_parser_1.isNumberElement)(el)) {
22
22
  els.push(react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: el.value, avatar: react_1.default.createElement(core_1.Avatar, null, "N"), disabled: true }));
23
23
  }
24
- else if (icu_messageformat_parser_1.isDateElement(el)) {
24
+ else if ((0, icu_messageformat_parser_1.isDateElement)(el)) {
25
25
  els.push(react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: el.value, avatar: react_1.default.createElement(core_1.Avatar, null,
26
26
  react_1.default.createElement(icons_1.Event, { fontSize: "small" })), disabled: true }));
27
27
  }
28
- else if (icu_messageformat_parser_1.isTimeElement(el)) {
28
+ else if ((0, icu_messageformat_parser_1.isTimeElement)(el)) {
29
29
  els.push(react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: el.value, avatar: react_1.default.createElement(core_1.Avatar, null,
30
30
  react_1.default.createElement(icons_1.Schedule, { fontSize: "small" })), disabled: true }));
31
31
  }
32
- else if (icu_messageformat_parser_1.isTagElement(el)) {
33
- els.push.apply(els, tslib_1.__spreadArray(tslib_1.__spreadArray([react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: "<" + el.value + ">", disabled: true })], formatAst(el.children)), [react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: "</" + el.value + ">", disabled: true })]));
32
+ else if ((0, icu_messageformat_parser_1.isTagElement)(el)) {
33
+ els.push.apply(els, (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: "<" + el.value + ">", disabled: true })], formatAst(el.children), false), [react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: "</" + el.value + ">", disabled: true })], false));
34
34
  }
35
35
  else {
36
- els.push.apply(els, tslib_1.__spreadArray([react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: el.value, avatar: react_1.default.createElement(core_1.Avatar, null,
37
- react_1.default.createElement(icons_1.CallSplit, { fontSize: "small" })), disabled: true })], formatAst(el.options.other.value)));
36
+ els.push.apply(els, (0, tslib_1.__spreadArray)([react_1.default.createElement(core_1.Chip, { variant: "outlined", size: "small", label: el.value, avatar: react_1.default.createElement(core_1.Avatar, null,
37
+ react_1.default.createElement(icons_1.CallSplit, { fontSize: "small" })), disabled: true })], formatAst(el.options.other.value), false));
38
38
  }
39
39
  }
40
40
  return els;
41
41
  }
42
42
  var Message = function (_a) {
43
43
  var message = _a.message;
44
- var ast = icu_messageformat_parser_1.parse(message);
44
+ var ast = (0, icu_messageformat_parser_1.parse)(message);
45
45
  return react_1.default.createElement(react_1.default.Fragment, null, formatAst(ast));
46
46
  };
47
47
  exports.default = Message;
package/messages.js CHANGED
@@ -4,8 +4,8 @@ var tslib_1 = require("tslib");
4
4
  var core_1 = require("@material-ui/core");
5
5
  var icons_1 = require("@material-ui/icons");
6
6
  var lab_1 = require("@material-ui/lab");
7
- var react_1 = tslib_1.__importDefault(require("react"));
8
- var message_1 = tslib_1.__importDefault(require("./message"));
7
+ var react_1 = (0, tslib_1.__importDefault)(require("react"));
8
+ var message_1 = (0, tslib_1.__importDefault)(require("./message"));
9
9
  var Messages = function (_a) {
10
10
  var messages = _a.messages, isLoading = _a.isLoading, count = _a.count;
11
11
  if (isLoading) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@formatjs/editor",
3
- "version": "1.1.32",
3
+ "version": "1.1.36",
4
4
  "description": "A ICU MessageFormat Editor UI",
5
5
  "keywords": [
6
6
  "intl",
@@ -28,13 +28,13 @@
28
28
  "url": "git+ssh://git@github.com/formatjs/formatjs.git"
29
29
  },
30
30
  "dependencies": {
31
- "@formatjs/icu-messageformat-parser": "2.0.13",
31
+ "@formatjs/icu-messageformat-parser": "2.0.14",
32
32
  "@material-ui/core": "^4.11.3",
33
33
  "@material-ui/icons": "^4.11.2",
34
34
  "@material-ui/lab": "4.0.0-alpha.57",
35
35
  "@types/react": "17",
36
36
  "react": "17",
37
- "react-intl": "5.20.13"
37
+ "react-intl": "5.22.0"
38
38
  },
39
39
  "bugs": {
40
40
  "url": "https://github.com/formatjs/formatjs/issues"