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

package/cjs/components/shared/MaterialAssignmentContainer.js

@@ -2,39 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 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 StyledMaterialAssignmentContainer = styled__default.default.div.withConfig({
+const StyledMaterialAssignmentContainer = styled.div.withConfig({
   componentId: "sc-sdhlog-0"
 })(["height:100%;width:100%;max-width:55rem;border-radius:0.5rem;overflow:hidden;"]);
-var StyledMaterialAssignmentContainerHeader = styled__default.default.div.withConfig({
+const StyledMaterialAssignmentContainerHeader = styled.div.withConfig({
   componentId: "sc-sdhlog-1"
 })(["padding:1rem 1.5rem;height:3.5rem;display:flex;align-items:center;background-color:", ";"], designTokens.base.color.navy7);
-var StyledMaterialAssignmentContainerContent = styled__default.default.div.withConfig({
+const StyledMaterialAssignmentContainerContent = styled.div.withConfig({
   componentId: "sc-sdhlog-2"
 })(["padding:1.5rem;overflow-y:auto;height:calc(100% - 3.5rem);background-color:", ";"], designTokens.base.color.navy8);
-var MaterialAssignmentContainer = function MaterialAssignmentContainer(_ref) {
-  var title = _ref.title,
-    children = _ref.children;
-  return jsxRuntime.jsxs(StyledMaterialAssignmentContainer, {
-    children: [jsxRuntime.jsx(StyledMaterialAssignmentContainerHeader, {
-      children: jsxRuntime.jsx(blocks.Text, {
-        bold: true,
-        role: "navy0",
-        size: "small",
-        children: title
-      })
-    }), jsxRuntime.jsx(StyledMaterialAssignmentContainerContent, {
-      children: children
-    })]
-  });
+const MaterialAssignmentContainer = ({
+  title,
+  children
+}) => {
+  return React.createElement(StyledMaterialAssignmentContainer, null, React.createElement(StyledMaterialAssignmentContainerHeader, null, React.createElement(blocks.Text, {
+    bold: true,
+    role: "navy0",
+    size: "small"
+  }, title)), React.createElement(StyledMaterialAssignmentContainerContent, null, children));
 };
 
 exports.default = MaterialAssignmentContainer;

package/es/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/es/components/material-assignment/MaterialAssignment.js

@@ -1,38 +1,32 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { IntlProvider } from 'react-intl';
 import { base } from '@elice/design-tokens';
-import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import classnames from 'classnames';
 import styled from 'styled-components';
-import messageEn from './locales/en.json.js';
-import messageKo from './locales/ko.json.js';
+import * as locales from './locales.js';
+import { en } from './locales.js';
 import MaterialAssignmentContent from './MaterialAssignmentContent.js';
 
-//
-//
-//
-var StyledMaterialAssignmentWrapper = styled.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:", ";"], 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 jsx(RawEliceIntlProvider, {
-    value: __intl,
-    children: jsx(StyledMaterialAssignmentWrapper, {
-      className: classnames(prefixCls, className),
-      children: jsx(MaterialAssignmentContent, {
-        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(IntlProvider, {
+    locale: locale,
+    defaultLocale: "en",
+    messages: locale in locales ? locales[locale] : en
+  }, React.createElement(MaterialAssignmentContent, {
+    materialAssignmentId: materialAssignmentId,
+    userId: userId
+  })));
 };
-var MaterialAssignment$1 = new IntlComponentBuilder(MaterialAssignment).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 
-export { MaterialAssignment$1 as default };
+export { MaterialAssignment as default };