@elice/material-shared-utils 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

package/cjs/material-fetch/useMaterialFetchRaw.js

@@ -1,26 +1,12 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var types = require('@elice/types');
 
-const MATERIAL_FETCH_KEY_MAP = Object.freeze({
-  [types.enums.LectureMaterialType.Nothing]: 'materialNothing',
-  [types.enums.LectureMaterialType.Note]: 'materialNote',
-  [types.enums.LectureMaterialType.Video]: 'materialVideo',
-  [types.enums.LectureMaterialType.PDF]: 'materialPdf',
-  [types.enums.LectureMaterialType.Exercise]: 'materialExercise',
-  [types.enums.LectureMaterialType.Quiz]: 'materialQuiz',
-  [types.enums.LectureMaterialType.LegacyRunbox]: 'materialLegacyRunbox',
-  [types.enums.LectureMaterialType.VideoFile]: 'materialVideoFile',
-  [types.enums.LectureMaterialType.Live]: 'materialLive',
-  [types.enums.LectureMaterialType.Assignment]: 'materialAssignment',
-  [types.enums.LectureMaterialType.LMSPublicContent]: 'materialLmsPublicContent',
-  [types.enums.LectureMaterialType.External]: 'materialExternal',
-  [types.enums.LectureMaterialType.Survey]: 'materialSurvey',
-  [types.enums.LectureMaterialType.Runbox]: 'materialRunbox',
-  [types.enums.LectureMaterialType.Cloud]: 'materialCloud'
-});
+var _Object$freeze;
+var MATERIAL_FETCH_KEY_MAP = Object.freeze((_Object$freeze = {}, _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Nothing, 'materialNothing'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Note, 'materialNote'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Video, 'materialVideo'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.PDF, 'materialPdf'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Exercise, 'materialExercise'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Quiz, 'materialQuiz'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.LegacyRunbox, 'materialLegacyRunbox'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.VideoFile, 'materialVideoFile'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Live, 'materialLive'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Assignment, 'materialAssignment'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.LMSPublicContent, 'materialLmsPublicContent'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.External, 'materialExternal'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Survey, 'materialSurvey'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Runbox, 'materialRunbox'), _rollupPluginBabelHelpers.defineProperty(_Object$freeze, types.enums.LectureMaterialType.Cloud, 'materialCloud'), _Object$freeze));
 //
 //
 //
@@ -42,54 +28,85 @@ const MATERIAL_FETCH_KEY_MAP = Object.freeze({
  *     isReady // boolean
  *   );
  */
-const useMaterialFetchRaw = (materialType, materialFetchFn, isReady = true) => {
-  const _return = React.useRef({});
-  const materialKey = MATERIAL_FETCH_KEY_MAP[materialType];
-  const _createEmptyFetchRes = () => ({
-    [materialKey]: null,
-    materialLecturePage: null
-  });
-  const [matFetchRes, setMatFetchRes] = React.useState(_createEmptyFetchRes);
-  const [matFetchStatus, setMatFetchStatus] = React.useState('idle');
+var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFetchFn) {
+  var isReady = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var _return = React.useRef({});
+  var materialKey = MATERIAL_FETCH_KEY_MAP[materialType];
+  var _createEmptyFetchRes = function _createEmptyFetchRes() {
+    var _ref;
+    return _ref = {}, _rollupPluginBabelHelpers.defineProperty(_ref, materialKey, null), _rollupPluginBabelHelpers.defineProperty(_ref, "materialLecturePage", null), _ref;
+  };
+  var _useState = React.useState(_createEmptyFetchRes),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    matFetchRes = _useState2[0],
+    setMatFetchRes = _useState2[1];
+  var _useState3 = React.useState('idle'),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    matFetchStatus = _useState4[0],
+    setMatFetchStatus = _useState4[1];
   /**
    * fetch material and lecture page
    */
-  const fetch = React.useCallback(async signal => {
-    setMatFetchStatus('pending');
-    return materialFetchFn(signal).then(resMaterialGet => resMaterialGet[materialKey]).then(material => Promise.all([material, apiClient.getOrgLecturePageResolve({
-      materialId: material.id,
-      materialType
-    }, {
-      signal: signal
-    }).then(resLecturePageResolve => apiClient.getOrgLecturePageGet({
-      lecturePageId: resLecturePageResolve.lecturePageId
-    }, {
-      signal: signal
-    })).then(resLecturePageGet => resLecturePageGet.lecturePage)])).then(([material, materialLecturePage]) => {
-      setMatFetchRes({
-        [materialKey]: material,
-        materialLecturePage
-      });
-      setMatFetchStatus('resolved');
-    }).catch(err => {
-      if (err.name !== 'AbortError') {
-        setMatFetchRes(_createEmptyFetchRes);
-        setMatFetchStatus('rejected');
-      }
-    });
-  },
+  var fetch = React.useCallback( /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(signal) {
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setMatFetchStatus('pending');
+            return _context.abrupt("return", materialFetchFn(signal).then(function (resMaterialGet) {
+              return resMaterialGet[materialKey];
+            }).then(function (material) {
+              return Promise.all([material, apiClient.getOrgLecturePageResolve({
+                materialId: material.id,
+                materialType: materialType
+              }, {
+                signal: signal
+              }).then(function (resLecturePageResolve) {
+                return apiClient.getOrgLecturePageGet({
+                  lecturePageId: resLecturePageResolve.lecturePageId
+                }, {
+                  signal: signal
+                });
+              }).then(function (resLecturePageGet) {
+                return resLecturePageGet.lecturePage;
+              })]);
+            }).then(function (_ref3) {
+              var _setMatFetchRes;
+              var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 2),
+                material = _ref4[0],
+                materialLecturePage = _ref4[1];
+              setMatFetchRes((_setMatFetchRes = {}, _rollupPluginBabelHelpers.defineProperty(_setMatFetchRes, materialKey, material), _rollupPluginBabelHelpers.defineProperty(_setMatFetchRes, "materialLecturePage", materialLecturePage), _setMatFetchRes));
+              setMatFetchStatus('resolved');
+            }).catch(function (err) {
+              if (err.name !== 'AbortError') {
+                setMatFetchRes(_createEmptyFetchRes);
+                setMatFetchStatus('rejected');
+              }
+            }));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [materialKey, materialFetchFn]);
   //
   // emit `fetch` when `isReady` is changed
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!isReady) {
       return;
     }
-    const abortCtrl = new AbortController();
-    fetch(abortCtrl.signal).catch(() => void 0);
-    return () => {
+    var abortCtrl = new AbortController();
+    fetch(abortCtrl.signal).catch(function () {
+      return void 0;
+    });
+    return function () {
       abortCtrl.abort();
     };
   },

package/cjs/material-hoc/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var withMaterial = require('./withMaterial.js');
+
+
+
+exports.withForwardRefMaterial = withMaterial.withForwardRefMaterial;
+exports.withMaterial = withMaterial.withMaterial;

package/cjs/material-hoc/withMaterial.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { MaterialIntlProviderPhrases } from '../components/MaterialIntlProvider';
 import type { MaterialConfigApiClientUpdateCallback } from '../material-config';
 type AnyObject = Record<string, any>;
 /**
@@ -11,16 +10,6 @@ export interface WithMaterialOptions {
      * - ref: https://recoiljs.org/docs/api-reference/core/RecoilRoot/#props -> `override`
      */
     overrideRecoilScope?: boolean;
-    /**
-     * Phrases for `IntlProvider`.
-     */
-    phrases?: MaterialIntlProviderPhrases;
-}
-/**
- * Common props for material components.
- */
-export interface MaterialCommponentCommonProps {
-    locale?: string;
 }
 /**
  * HOC for material components.
@@ -29,7 +18,7 @@ export interface MaterialCommponentCommonProps {
  * - `<RecoilRoot />`
  * - `<IntlProvider />`
  */
-export declare const withMaterial: <P extends AnyObject>(Component: React.VFC<P & MaterialCommponentCommonProps>, eliceApiClientConfigInit: MaterialConfigApiClientUpdateCallback, options?: WithMaterialOptions) => React.VFC<P & MaterialCommponentCommonProps>;
+export declare const withMaterial: <P extends AnyObject>(Component: React.VFC<P>, eliceApiClientConfigInit: MaterialConfigApiClientUpdateCallback, options?: WithMaterialOptions) => React.VFC<P>;
 /**
  * HOC for material forward ref exotic components.
  *
@@ -37,5 +26,5 @@ export declare const withMaterial: <P extends AnyObject>(Component: React.VFC<P
  * - `<RecoilRoot />`
  * - `<IntlProvider />`
  */
-export declare const withForwardRefMaterial: <T, P extends AnyObject>(Component: React.ForwardRefExoticComponent<P & MaterialCommponentCommonProps & React.RefAttributes<T>>, eliceApiClientConfigInit: MaterialConfigApiClientUpdateCallback, options?: WithMaterialOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P & MaterialCommponentCommonProps> & React.RefAttributes<T>>;
+export declare const withForwardRefMaterial: <T, P extends AnyObject>(Component: React.ForwardRefExoticComponent<P & React.RefAttributes<T>>, eliceApiClientConfigInit: MaterialConfigApiClientUpdateCallback, options?: WithMaterialOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
 export {};

package/cjs/material-hoc/withMaterial.js

@@ -1,9 +1,9 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var recoil = require('recoil');
-var MaterialIntlProvider = require('../components/MaterialIntlProvider.js');
 require('../material-config/MaterialConfigContext.js');
 var useMaterialConfigApiClientUpdate = require('../material-config/useMaterialConfigApiClientUpdate.js');
 
@@ -17,27 +17,27 @@ var useMaterialConfigApiClientUpdate = require('../material-config/useMaterialCo
  * - `<RecoilRoot />`
  * - `<IntlProvider />`
  */
-const withMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
-  return props => {
+var withMaterial = function withMaterial(Component, eliceApiClientConfigInit) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (props) {
     var _a;
-    const isReady = useMaterialConfigApiClientUpdate.useMaterialConfigApiClientUpdate(eliceApiClientConfigInit);
+    var isReady = useMaterialConfigApiClientUpdate.useMaterialConfigApiClientUpdate(eliceApiClientConfigInit);
     // do not render component, if material config is not ready
     if (!isReady) {
-      return React.createElement(blocks.Flex, {
+      return jsxRuntime.jsx(blocks.Flex, {
         justify: "center",
         align: "center",
         width: "100%",
-        height: "100%"
-      }, React.createElement(blocks.Spinner, {
-        size: "small"
-      }));
+        height: "100%",
+        children: jsxRuntime.jsx(blocks.Spinner, {
+          size: "small"
+        })
+      });
     }
-    return React.createElement(recoil.RecoilRoot, {
-      override: (_a = options.overrideRecoilScope) !== null && _a !== void 0 ? _a : false
-    }, React.createElement(MaterialIntlProvider.default, {
-      locale: props.locale,
-      phrases: options.phrases
-    }, React.createElement(Component, Object.assign({}, props))));
+    return jsxRuntime.jsx(recoil.RecoilRoot, {
+      override: (_a = options.overrideRecoilScope) !== null && _a !== void 0 ? _a : false,
+      children: jsxRuntime.jsx(Component, Object.assign({}, props))
+    });
   };
 };
 /**
@@ -47,29 +47,29 @@ const withMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
  * - `<RecoilRoot />`
  * - `<IntlProvider />`
  */
-const withForwardRefMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
-  return React.forwardRef((props, ref) => {
+var withForwardRefMaterial = function withForwardRefMaterial(Component, eliceApiClientConfigInit) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return React.forwardRef(function (props, ref) {
     var _a;
-    const isReady = useMaterialConfigApiClientUpdate.useMaterialConfigApiClientUpdate(eliceApiClientConfigInit);
+    var isReady = useMaterialConfigApiClientUpdate.useMaterialConfigApiClientUpdate(eliceApiClientConfigInit);
     // do not render component, if material config is not ready
     if (!isReady) {
-      return React.createElement(blocks.Flex, {
+      return jsxRuntime.jsx(blocks.Flex, {
         justify: "center",
         align: "center",
         width: "100%",
-        height: "100%"
-      }, React.createElement(blocks.Spinner, {
-        size: "small"
-      }));
+        height: "100%",
+        children: jsxRuntime.jsx(blocks.Spinner, {
+          size: "small"
+        })
+      });
     }
-    return React.createElement(recoil.RecoilRoot, {
-      override: (_a = options.overrideRecoilScope) !== null && _a !== void 0 ? _a : false
-    }, React.createElement(MaterialIntlProvider.default, {
-      locale: props.locale,
-      phrases: options.phrases
-    }, React.createElement(Component, Object.assign({}, props, {
-      ref: ref
-    }))));
+    return jsxRuntime.jsx(recoil.RecoilRoot, {
+      override: (_a = options.overrideRecoilScope) !== null && _a !== void 0 ? _a : false,
+      children: jsxRuntime.jsx(Component, Object.assign({}, props, {
+        ref: ref
+      }))
+    });
   });
 };