@elice/material-assignment 1.240306.0-runboxtutoring.0 → 1.240306.0

package/cjs/components/material-assignment/MaterialAssignment.d.ts

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

package/cjs/components/material-assignment/MaterialAssignment.js

@@ -2,46 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactIntl = require('react-intl');
 var designTokens = require('@elice/design-tokens');
-var intl = require('@elice/intl');
 var classnames = require('classnames');
 var styled = require('styled-components');
-var en = require('./locales/en.json.js');
-var ko = require('./locales/ko.json.js');
+var locales = require('./locales.js');
 var MaterialAssignmentContent = require('./MaterialAssignmentContent.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-//
-//
-//
-var StyledMaterialAssignmentWrapper = styled__default.default.div.withConfig({
+const StyledMaterialAssignmentWrapper = styled.div.withConfig({
   componentId: "sc-1kcyh7u-0"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.625rem;background-color:", ";"], designTokens.base.color.navy9);
-//
-//
-//
-var MaterialAssignment = function MaterialAssignment(_ref) {
-  var className = _ref.className,
-    materialAssignmentId = _ref.materialAssignmentId,
-    userId = _ref.userId,
-    __intl = _ref.__intl;
-  var prefixCls = 'em-material-assignment';
-  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: __intl,
-    children: jsxRuntime.jsx(StyledMaterialAssignmentWrapper, {
-      className: classnames__default.default(prefixCls, className),
-      children: jsxRuntime.jsx(MaterialAssignmentContent.default, {
-        materialAssignmentId: materialAssignmentId,
-        userId: userId
-      })
-    })
-  });
+const MaterialAssignment = ({
+  className,
+  materialAssignmentId,
+  userId,
+  locale = 'en'
+}) => {
+  const prefixCls = 'em-material-assignment';
+  return React.createElement(StyledMaterialAssignmentWrapper, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(reactIntl.IntlProvider, {
+    locale: locale,
+    defaultLocale: "en",
+    messages: locale in locales ? locales[locale] : locales.en
+  }, React.createElement(MaterialAssignmentContent.default, {
+    materialAssignmentId: materialAssignmentId,
+    userId: userId
+  })));
 };
-var MaterialAssignment$1 = new intl.IntlComponentBuilder(MaterialAssignment).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();
 
-exports.default = MaterialAssignment$1;
+exports.default = MaterialAssignment;