@elice/material-runbox 1.240718.0-trasncript.0 → 1.240718.0-trasncript.2

package/es/components/material-runbox/runtime/RuntimeOverlayTerminated.js

@@ -1,3 +1,5 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import { IntlComponentBuilder } from '@elice/intl';
 import { PlayArrow } from '@mui/icons-material';
@@ -8,33 +10,34 @@ import '../contexts/MaterialRunboxCommandContext.js';
 import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
 import messageEn from '../locales/en.json.js';
 import messageKo from '../locales/ko.json.js';
-import runboxTerminatedImage from '../../../assets/terminated.png.js';
+import img from '../../../assets/terminated.png.js';
 
 //
 //
 //
-const RuntimeOverlayTerminated = ({
-  __intl: intl,
-  reason,
-  startRuntime
-}) => {
-  const {
-    showMessenger
-  } = useMaterialRunboxContext();
-  const [isRestarting, setRestarting] = React.useState(false);
+var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
+  var intl = _ref.__intl,
+    reason = _ref.reason,
+    startRuntime = _ref.startRuntime;
+  var _useMaterialRunboxCon = useMaterialRunboxContext(),
+    showMessenger = _useMaterialRunboxCon.showMessenger;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isRestarting = _React$useState2[0],
+    setRestarting = _React$useState2[1];
   /**
    * Restart the project.
    */
-  const handleRestart = () => {
+  var handleRestart = function handleRestart() {
     setRestarting(true);
-    startRuntime().finally(() => {
+    startRuntime().finally(function () {
       setRestarting(false);
     });
   };
   /**
    * Terminated description and action.
    */
-  const runtimeTerminatedAction = React.useMemo(() => {
+  var runtimeTerminatedAction = React.useMemo(function () {
     switch (reason) {
       // general shutdown
       case 'stopped_by_user':
@@ -82,57 +85,65 @@ const RuntimeOverlayTerminated = ({
   //
   //
   //
-  return React.createElement(Box, {
+  return jsx(Box, {
     sx: {
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center',
       width: '100%',
       height: '100%'
-    }
-  }, React.createElement(Stack, {
-    gap: "1.5rem",
-    alignItems: "center"
-  }, React.createElement(Box, {
-    component: "img",
-    src: runboxTerminatedImage,
-    alt: "terminated",
-    sx: {
-      maxWidth: '10rem',
-      height: 'auto'
-    }
-  }), React.createElement(Stack, {
-    gap: "0.5rem"
-  }, React.createElement(Typography, {
-    variant: "h6",
-    textAlign: "center"
-  }, intl.formatMessage({
-    id: 'runbox.runtime.overlay.terminated.title'
-  })), React.createElement(Typography, {
-    variant: "body2",
-    textAlign: "center",
-    whiteSpace: "pre-line"
-  }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl.formatMessage({
-    id: 'runbox.runtime.overlay.terminated.description.unexpected'
-  })) : runtimeTerminatedAction.description)), React.createElement(Stack, {
-    gap: "0.5rem",
-    sx: {
-      width: '100%',
-      maxWidth: '17rem'
-    }
-  }, React.createElement(LoadingButton, {
-    variant: "contained",
-    loading: isRestarting,
-    startIcon: React.createElement(PlayArrow, null),
-    onClick: handleRestart
-  }, intl.formatMessage({
-    id: 'runbox.runtime.overlay.terminated.restart'
-  })), runtimeTerminatedAction.unexpected && typeof showMessenger === 'function' ? React.createElement(Button, {
-    variant: "text",
-    onClick: showMessenger
-  }, intl.formatMessage({
-    id: 'runbox.common.support'
-  })) : null)));
+    },
+    children: jsxs(Stack, {
+      gap: "1.5rem",
+      alignItems: "center",
+      children: [jsx(Box, {
+        component: "img",
+        src: img,
+        alt: "terminated",
+        sx: {
+          maxWidth: '10rem',
+          height: 'auto'
+        }
+      }), jsxs(Stack, {
+        gap: "0.5rem",
+        children: [jsx(Typography, {
+          variant: "h6",
+          textAlign: "center",
+          children: intl.formatMessage({
+            id: 'runbox.runtime.overlay.terminated.title'
+          })
+        }), jsx(Typography, {
+          variant: "body2",
+          textAlign: "center",
+          whiteSpace: "pre-line",
+          children: runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl.formatMessage({
+            id: 'runbox.runtime.overlay.terminated.description.unexpected'
+          })) : runtimeTerminatedAction.description
+        })]
+      }), jsxs(Stack, {
+        gap: "0.5rem",
+        sx: {
+          width: '100%',
+          maxWidth: '17rem'
+        },
+        children: [jsx(LoadingButton, {
+          variant: "contained",
+          loading: isRestarting,
+          startIcon: jsx(PlayArrow, {}),
+          onClick: handleRestart,
+          children: intl.formatMessage({
+            id: 'runbox.runtime.overlay.terminated.restart'
+          })
+        }), runtimeTerminatedAction.unexpected && typeof showMessenger === 'function' ? jsx(Button, {
+          variant: "text",
+          onClick: showMessenger,
+          children: intl.formatMessage({
+            id: 'runbox.common.support'
+          })
+        }) : null]
+      })]
+    })
+  });
 };
 var RuntimeOverlayTerminated$1 = new IntlComponentBuilder(RuntimeOverlayTerminated).add('en', messageEn).add('ko', messageKo).addAsync('th', import('../locales/th.json.js')).addAsync('ja', import('../locales/ja.json.js')).build();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.240718.0-trasncript.0",
+  "version": "1.240718.0-trasncript.2",
   "description": "User view and editing components of Elice material runbox",
   "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/*\""
   },
@@ -52,14 +50,14 @@
   },
   "devDependencies": {
     "@elice/intl": "0.240425.0-rc.2",
-    "@elice/material-shared-types": "1.240718.0-trasncript.0",
-    "@elice/material-shared-utils": "1.240718.0-trasncript.0",
+    "@elice/material-shared-types": "1.240718.0-trasncript.2",
+    "@elice/material-shared-utils": "1.240718.0-trasncript.2",
     "@elice/mui-elements": "^5.231130.0",
-    "@elice/mui-system": "^5.230815.0",
+    "@elice/mui-system": "^5.240108.1",
     "@elice/mui-x-snackbar": "^5.231130.0",
     "@elice/openapi-client-material-runbox": "1.240328.0",
     "@elice/runbox-client": "1.240711.0",
-    "@elice/types": "^1.240619.0",
+    "@elice/types": "1.240709.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@fortawesome/pro-regular-svg-icons": "^6.4.2",
@@ -73,6 +71,5 @@
     "@types/react-transition-group": "^4.4.4",
     "react": "^17.0.2",
     "react-use": "^17.2.4"
-  },
-  "gitHead": "832dc77a5e38ff02e0bfec8905a3a9706b9b9593"
+  }
 }