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

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.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { base } from '@elice/design-tokens';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import classnames from 'classnames';
@@ -10,28 +10,27 @@ 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,
+  __intl
+}) => {
+  const prefixCls = 'em-material-assignment';
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledMaterialAssignmentWrapper, {
+    className: classnames(prefixCls, className)
+  }, 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();