@elice/material-pdf 1.240718.0-trasncript.2 → 1.240718.1

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var intl = require('@elice/intl');
 var classnames = require('classnames');
 var en = require('./locales/en.json.js');
@@ -10,29 +10,24 @@ var ko = require('./locales/ko.json.js');
 var MaterialPdfContent = require('./MaterialPdfContent.js');
 var MaterialPdf_styled = require('./MaterialPdf.styled.js');
 
-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';
+const MaterialPdf = ({
+  className,
+  materialPdfId,
+  cMapUrl,
+  __intl
+}) => {
+  const prefixCls = 'em-material-pdf';
   //
   //
   //
-  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
-      })
-    })
-  });
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(MaterialPdf_styled.StyledMaterialPdfWrapper, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(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,11 +2,7 @@
 
 var styled = require('styled-components');
 
-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({
+const StyledMaterialPdfWrapper = styled.div.withConfig({
   componentId: "sc-hovq54-0"
 })(["margin:0;flex:2 1;height:100%;background-color:#22222c;"]);
 

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

@@ -2,7 +2,6 @@
 
 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');
@@ -10,39 +9,34 @@ 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);
-
 //
 //
 //
-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 () {
+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 _a, _b;
     if (!(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url)) return false;
-    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);
-    });
+    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));
   }, [materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url]);
-  var componentProps = React.useMemo(function () {
+  const componentProps = React.useMemo(() => {
     var _a;
     return isPowerPointFile ? {
       type: 'powerpoint',
@@ -76,9 +70,9 @@ var MaterialPdfContent = function MaterialPdfContent(_ref) {
     };
   }, [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 jsxRuntime.jsx(blocks.Spinner, {});
+    return React.createElement(blocks.Spinner, null);
   }
-  return jsxRuntime.jsx(blocks.DocumentRenderer, Object.assign({}, componentProps));
+  return React.createElement(blocks.DocumentRenderer, Object.assign({}, componentProps));
 };
 
 exports.default = MaterialPdfContent;

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

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import classnames from 'classnames';
 import messageEn from './locales/en.json.js';
@@ -6,25 +6,24 @@ import messageKo from './locales/ko.json.js';
 import MaterialPdfContent from './MaterialPdfContent.js';
 import { StyledMaterialPdfWrapper } from './MaterialPdf.styled.js';
 
-var MaterialPdf = function MaterialPdf(_ref) {
-  var className = _ref.className,
-    materialPdfId = _ref.materialPdfId,
-    cMapUrl = _ref.cMapUrl,
-    __intl = _ref.__intl;
-  var prefixCls = 'em-material-pdf';
+const MaterialPdf = ({
+  className,
+  materialPdfId,
+  cMapUrl,
+  __intl
+}) => {
+  const prefixCls = 'em-material-pdf';
   //
   //
   //
-  return jsx(RawEliceIntlProvider, {
-    value: __intl,
-    children: jsx(StyledMaterialPdfWrapper, {
-      className: classnames(prefixCls, className),
-      children: jsx(MaterialPdfContent, {
-        materialPdfId: materialPdfId,
-        cMapUrl: cMapUrl
-      })
-    })
-  });
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledMaterialPdfWrapper, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(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';
 
-var StyledMaterialPdfWrapper = styled.div.withConfig({
+const 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,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { getOrgMaterialPdfGet, config } from '@elice/api-client';
 import { Spinner, DocumentRenderer } from '@elice/blocks';
@@ -9,32 +8,31 @@ import { enums } from '@elice/types';
 //
 //
 //
-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 () {
+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 _a, _b;
     if (!(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url)) return false;
-    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);
-    });
+    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));
   }, [materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.attachment.url]);
-  var componentProps = useMemo(function () {
+  const componentProps = useMemo(() => {
     var _a;
     return isPowerPointFile ? {
       type: 'powerpoint',
@@ -68,9 +66,9 @@ var MaterialPdfContent = function MaterialPdfContent(_ref) {
     };
   }, [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 jsx(Spinner, {});
+    return React.createElement(Spinner, null);
   }
-  return jsx(DocumentRenderer, Object.assign({}, componentProps));
+  return React.createElement(DocumentRenderer, Object.assign({}, componentProps));
 };
 
 export { MaterialPdfContent as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-pdf",
-  "version": "1.240718.0-trasncript.2",
+  "version": "1.240718.1",
   "description": "User view and editing components of Elice material PDF",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -17,8 +17,10 @@
   "scripts": {
     "start": "run-s watch",
     "prebuild": "run-s clean",
-    "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",
+    "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",
     "lint": "eslint --ext .ts,.tsx ./src --max-warnings=0",
     "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   },
@@ -42,20 +44,21 @@
   },
   "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.240124.0",
-    "@elice/material-shared-types": "1.240718.0-trasncript.2",
-    "@elice/material-shared-utils": "1.240718.0-trasncript.2",
-    "@elice/types": "1.240709.0",
+    "@elice/markdown": "^1.220815.0",
+    "@elice/material-shared-types": "1.240718.1",
+    "@elice/material-shared-utils": "1.240718.1",
+    "@elice/types": "^1.240619.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": "c1b2b8f98c5eed547941a327188a09f6ed21f6e4"
 }

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

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

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

@@ -1,13 +0,0 @@
-'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/index.js

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

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

@@ -1,4 +0,0 @@
-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';