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

package/es/material-fetch/useMaterialFetchRaw.js

@@ -1,24 +1,10 @@
+import { defineProperty as _defineProperty, slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { getOrgLecturePageResolve, getOrgLecturePageGet } from '@elice/api-client';
 import { enums } from '@elice/types';
 
-const MATERIAL_FETCH_KEY_MAP = Object.freeze({
-  [enums.LectureMaterialType.Nothing]: 'materialNothing',
-  [enums.LectureMaterialType.Note]: 'materialNote',
-  [enums.LectureMaterialType.Video]: 'materialVideo',
-  [enums.LectureMaterialType.PDF]: 'materialPdf',
-  [enums.LectureMaterialType.Exercise]: 'materialExercise',
-  [enums.LectureMaterialType.Quiz]: 'materialQuiz',
-  [enums.LectureMaterialType.LegacyRunbox]: 'materialLegacyRunbox',
-  [enums.LectureMaterialType.VideoFile]: 'materialVideoFile',
-  [enums.LectureMaterialType.Live]: 'materialLive',
-  [enums.LectureMaterialType.Assignment]: 'materialAssignment',
-  [enums.LectureMaterialType.LMSPublicContent]: 'materialLmsPublicContent',
-  [enums.LectureMaterialType.External]: 'materialExternal',
-  [enums.LectureMaterialType.Survey]: 'materialSurvey',
-  [enums.LectureMaterialType.Runbox]: 'materialRunbox',
-  [enums.LectureMaterialType.Cloud]: 'materialCloud'
-});
+var _Object$freeze;
+var MATERIAL_FETCH_KEY_MAP = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, enums.LectureMaterialType.Nothing, 'materialNothing'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Note, 'materialNote'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Video, 'materialVideo'), _defineProperty(_Object$freeze, enums.LectureMaterialType.PDF, 'materialPdf'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Exercise, 'materialExercise'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Quiz, 'materialQuiz'), _defineProperty(_Object$freeze, enums.LectureMaterialType.LegacyRunbox, 'materialLegacyRunbox'), _defineProperty(_Object$freeze, enums.LectureMaterialType.VideoFile, 'materialVideoFile'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Live, 'materialLive'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Assignment, 'materialAssignment'), _defineProperty(_Object$freeze, enums.LectureMaterialType.LMSPublicContent, 'materialLmsPublicContent'), _defineProperty(_Object$freeze, enums.LectureMaterialType.External, 'materialExternal'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Survey, 'materialSurvey'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Runbox, 'materialRunbox'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Cloud, 'materialCloud'), _Object$freeze));
 //
 //
 //
@@ -40,54 +26,85 @@ const MATERIAL_FETCH_KEY_MAP = Object.freeze({
  *     isReady // boolean
  *   );
  */
-const useMaterialFetchRaw = (materialType, materialFetchFn, isReady = true) => {
-  const _return = useRef({});
-  const materialKey = MATERIAL_FETCH_KEY_MAP[materialType];
-  const _createEmptyFetchRes = () => ({
-    [materialKey]: null,
-    materialLecturePage: null
-  });
-  const [matFetchRes, setMatFetchRes] = useState(_createEmptyFetchRes);
-  const [matFetchStatus, setMatFetchStatus] = useState('idle');
+var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFetchFn) {
+  var isReady = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var _return = useRef({});
+  var materialKey = MATERIAL_FETCH_KEY_MAP[materialType];
+  var _createEmptyFetchRes = function _createEmptyFetchRes() {
+    var _ref;
+    return _ref = {}, _defineProperty(_ref, materialKey, null), _defineProperty(_ref, "materialLecturePage", null), _ref;
+  };
+  var _useState = useState(_createEmptyFetchRes),
+    _useState2 = _slicedToArray(_useState, 2),
+    matFetchRes = _useState2[0],
+    setMatFetchRes = _useState2[1];
+  var _useState3 = useState('idle'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    matFetchStatus = _useState4[0],
+    setMatFetchStatus = _useState4[1];
   /**
    * fetch material and lecture page
    */
-  const fetch = useCallback(async signal => {
-    setMatFetchStatus('pending');
-    return materialFetchFn(signal).then(resMaterialGet => resMaterialGet[materialKey]).then(material => Promise.all([material, getOrgLecturePageResolve({
-      materialId: material.id,
-      materialType
-    }, {
-      signal: signal
-    }).then(resLecturePageResolve => 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 = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(signal) {
+      return _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, getOrgLecturePageResolve({
+                materialId: material.id,
+                materialType: materialType
+              }, {
+                signal: signal
+              }).then(function (resLecturePageResolve) {
+                return getOrgLecturePageGet({
+                  lecturePageId: resLecturePageResolve.lecturePageId
+                }, {
+                  signal: signal
+                });
+              }).then(function (resLecturePageGet) {
+                return resLecturePageGet.lecturePage;
+              })]);
+            }).then(function (_ref3) {
+              var _setMatFetchRes;
+              var _ref4 = _slicedToArray(_ref3, 2),
+                material = _ref4[0],
+                materialLecturePage = _ref4[1];
+              setMatFetchRes((_setMatFetchRes = {}, _defineProperty(_setMatFetchRes, materialKey, material), _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
   //
-  useEffect(() => {
+  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/es/material-hoc/index.js

@@ -0,0 +1 @@
+export { withForwardRefMaterial, withMaterial } from './withMaterial.js';

package/es/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/es/material-hoc/withMaterial.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-shared-utils",
-  "version": "1.240718.0-trasncript.1",
+  "version": "1.240718.0-trasncript.2",
   "description": "Shared typings for elice material projects",
   "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/*\""
   },
@@ -28,20 +26,19 @@
     "@elice/api-client": "^1",
     "@elice/material-shared-types": "*",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
-    "react-use": "^17.0.0",
-    "recoil": "~0.7.3"
+    "react-use": "^17.0.0"
   },
   "dependencies": {
     "lodash-es": "^4.17.21",
+    "recoil": "~0.7.3",
     "tslib": "^2.6.1"
   },
   "devDependencies": {
     "@elice/api-client": "^1.240619.0",
-    "@elice/material-shared-types": "1.240718.0-trasncript.1",
-    "@elice/types": "^1.240619.0",
+    "@elice/material-shared-types": "1.240718.0-trasncript.2",
+    "@elice/types": "1.240709.0",
     "@types/lodash-es": "^4.17.6",
     "@types/react": "~17.0.9",
     "react-use": "^17.2.4"
-  },
-  "gitHead": "8d0acefda30430959f8f115ad467d2449f86d8a7"
+  }
 }

package/cjs/components/MaterialIntlProvider.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export type MaterialIntlProviderPhrases = Record<string, Record<string, string>>;
-export interface MaterialIntlProviderProps {
-    children?: React.ReactNode;
-    /** Locale code. (default: `ko`) */
-    locale?: string;
-    /** I18n phrases. */
-    phrases?: MaterialIntlProviderPhrases;
-}
-/**
- * IntlProvider for material components.
- */
-declare const MaterialIntlProvider: React.FC<MaterialIntlProviderProps>;
-export default MaterialIntlProvider;

package/cjs/components/MaterialIntlProvider.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactIntl = require('react-intl');
-
-const INTL_DEFAULT_LOCALE = 'ko';
-const INTL_DEFAULT_PHRASES = {};
-/**
- * IntlProvider for material components.
- */
-const MaterialIntlProvider = ({
-  children,
-  locale = INTL_DEFAULT_LOCALE,
-  phrases = INTL_DEFAULT_PHRASES
-}) => {
-  const messages = React.useMemo(() => locale in phrases ? phrases[locale] : phrases[INTL_DEFAULT_LOCALE], [locale, phrases]);
-  return React.createElement(reactIntl.IntlProvider, {
-    children: children,
-    locale: locale,
-    defaultLocale: INTL_DEFAULT_LOCALE,
-    messages: messages
-  });
-};
-
-exports.default = MaterialIntlProvider;

package/cjs/components/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MaterialIntlProvider } from './MaterialIntlProvider';
-export type { MaterialIntlProviderProps, MaterialIntlProviderPhrases, } from './MaterialIntlProvider';

package/es/components/MaterialIntlProvider.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export type MaterialIntlProviderPhrases = Record<string, Record<string, string>>;
-export interface MaterialIntlProviderProps {
-    children?: React.ReactNode;
-    /** Locale code. (default: `ko`) */
-    locale?: string;
-    /** I18n phrases. */
-    phrases?: MaterialIntlProviderPhrases;
-}
-/**
- * IntlProvider for material components.
- */
-declare const MaterialIntlProvider: React.FC<MaterialIntlProviderProps>;
-export default MaterialIntlProvider;

package/es/components/MaterialIntlProvider.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { IntlProvider } from 'react-intl';
-
-const INTL_DEFAULT_LOCALE = 'ko';
-const INTL_DEFAULT_PHRASES = {};
-/**
- * IntlProvider for material components.
- */
-const MaterialIntlProvider = ({
-  children,
-  locale = INTL_DEFAULT_LOCALE,
-  phrases = INTL_DEFAULT_PHRASES
-}) => {
-  const messages = React.useMemo(() => locale in phrases ? phrases[locale] : phrases[INTL_DEFAULT_LOCALE], [locale, phrases]);
-  return React.createElement(IntlProvider, {
-    children: children,
-    locale: locale,
-    defaultLocale: INTL_DEFAULT_LOCALE,
-    messages: messages
-  });
-};
-
-export { MaterialIntlProvider as default };

package/es/components/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MaterialIntlProvider } from './MaterialIntlProvider';
-export type { MaterialIntlProviderProps, MaterialIntlProviderPhrases, } from './MaterialIntlProvider';