@elice/material-pdf 1.240401.0 → 1.240508.0-globalization.0

package/cjs/components/material-pdf/MaterialPdf.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface MaterialPdfProps {
     className?: string;
     materialPdfId: number;
     cMapUrl?: string;
     locale?: string;
 }
-declare const MaterialPdf: React.FC<MaterialPdfProps>;
-export default MaterialPdf;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<MaterialPdfProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/cjs/components/material-pdf/MaterialPdf.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
+var intl = require('@elice/intl');
 var classnames = require('classnames');
-var locales = require('./locales.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 var MaterialPdfContent = require('./MaterialPdfContent.js');
 var MaterialPdf_styled = require('./MaterialPdf.styled.js');
 
@@ -13,22 +15,23 @@ const MaterialPdf = ({
   className,
   materialPdfId,
   cMapUrl,
-  locale = 'en'
+  __intl
 }) => {
   const prefixCls = 'em-material-pdf';
   //
   //
   //
-  return React.createElement(MaterialPdf_styled.StyledMaterialPdfWrapper, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, React.createElement(MaterialPdf_styled.StyledMaterialPdfWrapper, {
     className: classnames(prefixCls, className)
-  }, React.createElement(reactIntl.IntlProvider, {
-    locale: locale,
-    defaultLocale: "en",
-    messages: locale in locales ? locales[locale] : locales.en
   }, React.createElement(MaterialPdfContent.default, {
     materialPdfId: materialPdfId,
     cMapUrl: cMapUrl
   })));
 };
+var MaterialPdf$1 = new intl.IntlComponentBuilder(MaterialPdf).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
-exports.default = MaterialPdf;
+exports.default = MaterialPdf$1;

package/cjs/components/material-pdf/MaterialPdfContent.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
+var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 
@@ -17,7 +17,9 @@ const MaterialPdfContent = ({
   cMapUrl
 }) => {
   var _a;
-  const intl = reactIntl.useIntl();
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     materialPdf,
     status: materialPdfStatus
@@ -36,16 +38,16 @@ const MaterialPdfContent = ({
     cMapUrl: cMapUrl,
     hasError: !(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url) || materialPdfStatus === 'rejected',
     i18n: {
-      fullscreen: intl.formatMessage({
+      fullscreen: intl$1.formatMessage({
         id: 'pdf.fullScreen'
       }),
-      download: intl.formatMessage({
+      download: intl$1.formatMessage({
         id: 'pdf.download'
       }),
-      loading: intl.formatMessage({
+      loading: intl$1.formatMessage({
         id: 'pdf.status.loading'
       }),
-      error: intl.formatMessage({
+      error: intl$1.formatMessage({
         id: 'pdf.status.error'
       })
     }

package/cjs/components/material-pdf/locales/en.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageEn = {"pdf.status.loading":"Loading File...","pdf.status.error":"Error occurred while loading file.","pdf.fullScreen":"Full Screen","pdf.download":"File download"};
+
+exports.default = messageEn;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageKo = {"pdf.status.loading":"{_termLibraryLecture} {_termLibraryLecturePage} 로딩 중...","pdf.status.error":"{_termLibraryLecture} {_termLibraryLecturePage}를 가져오는 중 문제가 발생하였습니다.","pdf.fullScreen":"화면 맞춤","pdf.download":"{_termLibraryLecture} {_termLibraryLecturePage} 다운로드"};
+
+exports.default = messageKo;

package/cjs/components/material-pdf/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"pdf.status.loading":"การโหลดข้อมูลการเรียนการสอน...","pdf.status.error":"มีปัญหาขณะดึงข้อมูลการเรียนการสอนค่ะ.","pdf.fullScreen":"หน้าจอที่ปรับให้เข้ากับแบบชุด","pdf.download":"ดาวน์โหลด{_termLibraryLecturePage}"};
+
+exports.default = messageTh;

package/es/components/material-pdf/MaterialPdf.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface MaterialPdfProps {
     className?: string;
     materialPdfId: number;
     cMapUrl?: string;
     locale?: string;
 }
-declare const MaterialPdf: React.FC<MaterialPdfProps>;
-export default MaterialPdf;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<MaterialPdfProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/es/components/material-pdf/MaterialPdf.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import { IntlProvider } from 'react-intl';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import classnames from 'classnames';
-import * as locales from './locales.js';
-import { en } from './locales.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 import MaterialPdfContent from './MaterialPdfContent.js';
 import { StyledMaterialPdfWrapper } from './MaterialPdf.styled.js';
 
@@ -10,22 +11,23 @@ const MaterialPdf = ({
   className,
   materialPdfId,
   cMapUrl,
-  locale = 'en'
+  __intl
 }) => {
   const prefixCls = 'em-material-pdf';
   //
   //
   //
-  return React.createElement(StyledMaterialPdfWrapper, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, React.createElement(StyledMaterialPdfWrapper, {
     className: classnames(prefixCls, className)
-  }, React.createElement(IntlProvider, {
-    locale: locale,
-    defaultLocale: "en",
-    messages: locale in locales ? locales[locale] : en
   }, React.createElement(MaterialPdfContent, {
     materialPdfId: materialPdfId,
     cMapUrl: cMapUrl
   })));
 };
+var MaterialPdf$1 = new IntlComponentBuilder(MaterialPdf).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
-export { MaterialPdf as default };
+export { MaterialPdf$1 as default };

package/es/components/material-pdf/MaterialPdfContent.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
 import { getOrgMaterialPdfGet, config } from '@elice/api-client';
 import { Spinner, PdfRenderer } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { useMaterialFetch } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 
@@ -13,7 +13,9 @@ const MaterialPdfContent = ({
   cMapUrl
 }) => {
   var _a;
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     materialPdf,
     status: materialPdfStatus

package/es/components/material-pdf/locales/en.json.js

@@ -0,0 +1,3 @@
+var messageEn = {"pdf.status.loading":"Loading File...","pdf.status.error":"Error occurred while loading file.","pdf.fullScreen":"Full Screen","pdf.download":"File download"};
+
+export { messageEn as default };

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

@@ -0,0 +1,3 @@
+var messageKo = {"pdf.status.loading":"{_termLibraryLecture} {_termLibraryLecturePage} 로딩 중...","pdf.status.error":"{_termLibraryLecture} {_termLibraryLecturePage}를 가져오는 중 문제가 발생하였습니다.","pdf.fullScreen":"화면 맞춤","pdf.download":"{_termLibraryLecture} {_termLibraryLecturePage} 다운로드"};
+
+export { messageKo as default };

package/es/components/material-pdf/locales/th.json.js

@@ -0,0 +1,3 @@
+var messageTh = {"pdf.status.loading":"การโหลดข้อมูลการเรียนการสอน...","pdf.status.error":"มีปัญหาขณะดึงข้อมูลการเรียนการสอนค่ะ.","pdf.fullScreen":"หน้าจอที่ปรับให้เข้ากับแบบชุด","pdf.download":"ดาวน์โหลด{_termLibraryLecturePage}"};
+
+export { messageTh as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-pdf",
-  "version": "1.240401.0",
+  "version": "1.240508.0-globalization.0",
   "description": "User view and editing components of Elice material PDF",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -29,12 +29,12 @@
     "@elice/blocks": "^1",
     "@elice/design-tokens": "^1",
     "@elice/icons": "^1",
+    "@elice/intl": "*",
     "@elice/markdown": "^1",
     "@elice/material-shared-types": "*",
     "@elice/material-shared-utils": "*",
     "@elice/types": "^1",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
-    "react-intl": "^5.0.0",
     "react-use": "^17.0.0",
     "styled-components": "^5.2.0"
   },
@@ -48,17 +48,17 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.230814.0",
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
+    "@elice/intl": "0.240425.0-alpha.7",
     "@elice/markdown": "^1.220815.0",
-    "@elice/material-shared-types": "1.240401.0",
-    "@elice/material-shared-utils": "1.240401.0",
+    "@elice/material-shared-types": "1.240508.0-globalization.0",
+    "@elice/material-shared-utils": "1.240508.0-globalization.0",
     "@elice/types": "^1.240208.0",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
     "@types/styled-components": "^5.1.21",
     "react": "^17.0.2",
-    "react-intl": "^5.20.10",
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "c3c7c033d7524e3d16328399010562ca6c2c3286"
+  "gitHead": "e64474c7cab0b6cb852ba08a2076c88e732eec03"
 }

package/cjs/components/material-pdf/locales.d.ts

@@ -1,7 +0,0 @@
-export declare const en: {
-    'pdf.status.loading': string;
-    'pdf.status.error': string;
-    'pdf.fullScreen': string;
-    'pdf.download': string;
-};
-export declare const ko: typeof en;

package/cjs/components/material-pdf/locales.js

@@ -1,17 +0,0 @@
-'use strict';
-
-const en = {
-  'pdf.status.loading': 'Loading File...',
-  'pdf.status.error': 'Error occurred while loading file.',
-  'pdf.fullScreen': 'Full Screen',
-  'pdf.download': 'File download'
-};
-const ko = {
-  'pdf.status.loading': '수업 자료 로딩 중...',
-  'pdf.status.error': '수업 자료를 가져오는 중 문제가 발생하였습니다.',
-  'pdf.fullScreen': '화면 맞춤',
-  'pdf.download': '수업 자료 다운로드'
-};
-
-exports.en = en;
-exports.ko = ko;

package/es/components/material-pdf/locales.d.ts

@@ -1,7 +0,0 @@
-export declare const en: {
-    'pdf.status.loading': string;
-    'pdf.status.error': string;
-    'pdf.fullScreen': string;
-    'pdf.download': string;
-};
-export declare const ko: typeof en;

package/es/components/material-pdf/locales.js

@@ -1,14 +0,0 @@
-const en = {
-  'pdf.status.loading': 'Loading File...',
-  'pdf.status.error': 'Error occurred while loading file.',
-  'pdf.fullScreen': 'Full Screen',
-  'pdf.download': 'File download'
-};
-const ko = {
-  'pdf.status.loading': '수업 자료 로딩 중...',
-  'pdf.status.error': '수업 자료를 가져오는 중 문제가 발생하였습니다.',
-  'pdf.fullScreen': '화면 맞춤',
-  'pdf.download': '수업 자료 다운로드'
-};
-
-export { en, ko };