@elice/material-pdf 1.240718.3 → 1.240719.1

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var intl = require('@elice/intl');
 var classnames = require('classnames');
 var en = require('./locales/en.json.js');
@@ -10,24 +10,29 @@ var ko = require('./locales/ko.json.js');
 var MaterialPdfContent = require('./MaterialPdfContent.js');
 var MaterialPdf_styled = require('./MaterialPdf.styled.js');
 
-const MaterialPdf = ({
-  className,
-  materialPdfId,
-  cMapUrl,
-  __intl
-}) => {
-  const prefixCls = 'em-material-pdf';
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
+
+var MaterialPdf = function MaterialPdf(_ref) {
+  var className = _ref.className,
+    materialPdfId = _ref.materialPdfId,
+    cMapUrl = _ref.cMapUrl,
+    __intl = _ref.__intl;
+  var prefixCls = 'em-material-pdf';
   //
   //
   //
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement(MaterialPdf_styled.StyledMaterialPdfWrapper, {
-    className: classnames(prefixCls, className)
-  }, React.createElement(MaterialPdfContent.default, {
-    materialPdfId: materialPdfId,
-    cMapUrl: cMapUrl
-  })));
+  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
+    value: __intl,
+    children: jsxRuntime.jsx(MaterialPdf_styled.StyledMaterialPdfWrapper, {
+      className: classnames__default.default(prefixCls, className),
+      children: jsxRuntime.jsx(MaterialPdfContent.default, {
+        materialPdfId: materialPdfId,
+        cMapUrl: cMapUrl
+      })
+    })
+  });
 };
 var MaterialPdf$1 = new intl.IntlComponentBuilder(MaterialPdf).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();
 

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

@@ -2,7 +2,11 @@
 
 var styled = require('styled-components');
 
-const StyledMaterialPdfWrapper = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledMaterialPdfWrapper = styled__default.default.div.withConfig({
   componentId: "sc-hovq54-0"
 })(["margin:0;flex:2 1;height:100%;background-color:#22222c;"]);
 

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -9,34 +10,39 @@ var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 //
 //
 //
-const POWERPOINT_EXTENSIONS = ['ppt', 'pptx', 'pps', 'ppsx'];
-const MaterialPdfContent = ({
-  materialPdfId,
-  cMapUrl
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const {
-    materialPdf,
-    status: materialPdfStatus
-  } = materialSharedUtils.useMaterialFetch(types.enums.LectureMaterialType.PDF, React.useCallback(signal => apiClient.getOrgMaterialPdfGet({
-    materialPdfId: materialPdfId
-  }, {
-    signal
-  }), [materialPdfId]), apiClient.config.init);
-  const isPowerPointFile = React.useMemo(() => {
+var POWERPOINT_EXTENSIONS = ['ppt', 'pptx', 'pps', 'ppsx'];
+var MaterialPdfContent = function MaterialPdfContent(_ref) {
+  var materialPdfId = _ref.materialPdfId,
+    cMapUrl = _ref.cMapUrl;
+  var intl$1 = intl.useRawEliceIntl();
+  var _useMaterialFetch = materialSharedUtils.useMaterialFetch(types.enums.LectureMaterialType.PDF, React__default.default.useCallback(function (signal) {
+      return apiClient.getOrgMaterialPdfGet({
+        materialPdfId: materialPdfId
+      }, {
+        signal: signal
+      });
+    }, [materialPdfId]), apiClient.config.init),
+    materialPdf = _useMaterialFetch.materialPdf,
+    materialPdfStatus = _useMaterialFetch.status;
+  var isPowerPointFile = React.useMemo(function () {
     var _a, _b;
     if (!(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url)) return false;
-    const {
-      pathname
-    } = new URL(materialPdf.attachment.url);
-    const currentFileName = (_a = pathname.split('/').pop()) !== null && _a !== void 0 ? _a : '';
-    const currentFileExtension = (_b = currentFileName.split('.').pop()) !== null && _b !== void 0 ? _b : '';
-    return POWERPOINT_EXTENSIONS.some(extension => currentFileExtension.toLowerCase().includes(extension));
+    var _URL = new URL(materialPdf.attachment.url),
+      pathname = _URL.pathname;
+    var currentFileName = (_a = pathname.split('/').pop()) !== null && _a !== void 0 ? _a : '';
+    var currentFileExtension = (_b = currentFileName.split('.').pop()) !== null && _b !== void 0 ? _b : '';
+    return POWERPOINT_EXTENSIONS.some(function (extension) {
+      return currentFileExtension.toLowerCase().includes(extension);
+    });
   }, [materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url]);
-  const componentProps = React.useMemo(() => {
+  var componentProps = React.useMemo(function () {
     var _a;
     return isPowerPointFile ? {
       type: 'powerpoint',
@@ -70,9 +76,9 @@ const MaterialPdfContent = ({
     };
   }, [cMapUrl, intl$1, isPowerPointFile, materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url, materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.title, materialPdfStatus]);
   if (materialPdfStatus === 'pending') {
-    return React.createElement(blocks.Spinner, null);
+    return jsxRuntime.jsx(blocks.Spinner, {});
   }
-  return React.createElement(blocks.DocumentRenderer, Object.assign({}, componentProps));
+  return jsxRuntime.jsx(blocks.DocumentRenderer, Object.assign({}, componentProps));
 };
 
 exports.default = MaterialPdfContent;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var MaterialPdf = require('./MaterialPdf.js');
+
+
+
+exports.MaterialPdf = MaterialPdf.default;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import classnames from 'classnames';
 import messageEn from './locales/en.json.js';
@@ -6,24 +6,25 @@ import messageKo from './locales/ko.json.js';
 import MaterialPdfContent from './MaterialPdfContent.js';
 import { StyledMaterialPdfWrapper } from './MaterialPdf.styled.js';
 
-const MaterialPdf = ({
-  className,
-  materialPdfId,
-  cMapUrl,
-  __intl
-}) => {
-  const prefixCls = 'em-material-pdf';
+var MaterialPdf = function MaterialPdf(_ref) {
+  var className = _ref.className,
+    materialPdfId = _ref.materialPdfId,
+    cMapUrl = _ref.cMapUrl,
+    __intl = _ref.__intl;
+  var prefixCls = 'em-material-pdf';
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement(StyledMaterialPdfWrapper, {
-    className: classnames(prefixCls, className)
-  }, React.createElement(MaterialPdfContent, {
-    materialPdfId: materialPdfId,
-    cMapUrl: cMapUrl
-  })));
+  return jsx(RawEliceIntlProvider, {
+    value: __intl,
+    children: jsx(StyledMaterialPdfWrapper, {
+      className: classnames(prefixCls, className),
+      children: jsx(MaterialPdfContent, {
+        materialPdfId: materialPdfId,
+        cMapUrl: cMapUrl
+      })
+    })
+  });
 };
 var MaterialPdf$1 = new IntlComponentBuilder(MaterialPdf).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-const StyledMaterialPdfWrapper = styled.div.withConfig({
+var StyledMaterialPdfWrapper = styled.div.withConfig({
   componentId: "sc-hovq54-0"
 })(["margin:0;flex:2 1;height:100%;background-color:#22222c;"]);
 

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

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { getOrgMaterialPdfGet, config } from '@elice/api-client';
 import { Spinner, DocumentRenderer } from '@elice/blocks';
@@ -8,31 +9,32 @@ import { enums } from '@elice/types';
 //
 //
 //
-const POWERPOINT_EXTENSIONS = ['ppt', 'pptx', 'pps', 'ppsx'];
-const MaterialPdfContent = ({
-  materialPdfId,
-  cMapUrl
-}) => {
-  const intl = useRawEliceIntl();
-  const {
-    materialPdf,
-    status: materialPdfStatus
-  } = useMaterialFetch(enums.LectureMaterialType.PDF, React.useCallback(signal => getOrgMaterialPdfGet({
-    materialPdfId: materialPdfId
-  }, {
-    signal
-  }), [materialPdfId]), config.init);
-  const isPowerPointFile = useMemo(() => {
+var POWERPOINT_EXTENSIONS = ['ppt', 'pptx', 'pps', 'ppsx'];
+var MaterialPdfContent = function MaterialPdfContent(_ref) {
+  var materialPdfId = _ref.materialPdfId,
+    cMapUrl = _ref.cMapUrl;
+  var intl = useRawEliceIntl();
+  var _useMaterialFetch = useMaterialFetch(enums.LectureMaterialType.PDF, React.useCallback(function (signal) {
+      return getOrgMaterialPdfGet({
+        materialPdfId: materialPdfId
+      }, {
+        signal: signal
+      });
+    }, [materialPdfId]), config.init),
+    materialPdf = _useMaterialFetch.materialPdf,
+    materialPdfStatus = _useMaterialFetch.status;
+  var isPowerPointFile = useMemo(function () {
     var _a, _b;
     if (!(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url)) return false;
-    const {
-      pathname
-    } = new URL(materialPdf.attachment.url);
-    const currentFileName = (_a = pathname.split('/').pop()) !== null && _a !== void 0 ? _a : '';
-    const currentFileExtension = (_b = currentFileName.split('.').pop()) !== null && _b !== void 0 ? _b : '';
-    return POWERPOINT_EXTENSIONS.some(extension => currentFileExtension.toLowerCase().includes(extension));
+    var _URL = new URL(materialPdf.attachment.url),
+      pathname = _URL.pathname;
+    var currentFileName = (_a = pathname.split('/').pop()) !== null && _a !== void 0 ? _a : '';
+    var currentFileExtension = (_b = currentFileName.split('.').pop()) !== null && _b !== void 0 ? _b : '';
+    return POWERPOINT_EXTENSIONS.some(function (extension) {
+      return currentFileExtension.toLowerCase().includes(extension);
+    });
   }, [materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url]);
-  const componentProps = useMemo(() => {
+  var componentProps = useMemo(function () {
     var _a;
     return isPowerPointFile ? {
       type: 'powerpoint',
@@ -66,9 +68,9 @@ const MaterialPdfContent = ({
     };
   }, [cMapUrl, intl, isPowerPointFile, materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url, materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.title, materialPdfStatus]);
   if (materialPdfStatus === 'pending') {
-    return React.createElement(Spinner, null);
+    return jsx(Spinner, {});
   }
-  return React.createElement(DocumentRenderer, Object.assign({}, componentProps));
+  return jsx(DocumentRenderer, Object.assign({}, componentProps));
 };
 
 export { MaterialPdfContent as default };

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

@@ -0,0 +1 @@
+export { default as MaterialPdf } from './MaterialPdf.js';

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

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-pdf",
-  "version": "1.240718.3",
+  "version": "1.240719.1",
   "description": "User view and editing components of Elice material PDF",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -17,10 +17,8 @@
   "scripts": {
     "start": "run-s watch",
     "prebuild": "run-s clean",
-    "build": "run-p build:es build:cjs",
-    "build:es": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es",
-    "build:cjs": "rollup -c ../../rollup.config.ts --configPlugin typescript -f cjs",
-    "watch": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es -w",
+    "build": "cross-env NODE_ENV=production rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs",
+    "watch": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs -w",
     "lint": "eslint --ext .ts,.tsx ./src --max-warnings=0",
     "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   },
@@ -44,21 +42,20 @@
   },
   "devDependencies": {
     "@elice/api-client": "^1.240619.0",
-    "@elice/blocks": "1.240529.0",
+    "@elice/blocks": "^1.240529.0",
     "@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-rc.2",
-    "@elice/markdown": "^1.220815.0",
-    "@elice/material-shared-types": "1.240718.3",
-    "@elice/material-shared-utils": "1.240718.3",
-    "@elice/types": "^1.240619.0",
+    "@elice/markdown": "^1.240124.0",
+    "@elice/material-shared-types": "1.240719.1",
+    "@elice/material-shared-utils": "1.240719.1",
+    "@elice/types": "1.240709.0",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
     "@types/styled-components": "^5.1.21",
     "react": "^17.0.2",
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
-  },
-  "gitHead": "5479962bf1206df7c1f6f4f24b5f2547b90be799"
+  }
 }