@elice/material-runbox 1.240710.0 → 1.240711.1

package/cjs/components/material-runbox/MaterialRunboxContent.js

@@ -44,7 +44,6 @@ const MaterialRunboxContent = ({
 }) => {
   const intl$1 = intl.useRawEliceIntl();
   const {
-    locale,
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
   const materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
@@ -153,7 +152,6 @@ const MaterialRunboxContent = ({
     }, {
       signal
     }),
-    locale: locale,
     onRunboxRefetchRequest: refetch
   }, React.createElement(StyledRunboxContainer, null, React.createElement(MaterialRunboxHeader.default, Object.assign({}, props)), React.createElement(MaterialRunboxBody.default, Object.assign({}, props)), React.createElement(MaterialRunboxFooter.default, Object.assign({}, props)))));
 };

package/cjs/components/material-runbox/runtime/RuntimeOverlayAssigned.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayAssignedComponentProps as AssignedComponentProps } from '@elice/runbox-client';
-declare const RuntimeOverlayAssigned: React.FC<AssignedComponentProps>;
-export default RuntimeOverlayAssigned;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<AssignedComponentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/cjs/components/material-runbox/runtime/RuntimeOverlayAssigned.js

@@ -6,6 +6,8 @@ var React = require('react');
 var reactUse = require('react-use');
 var intl = require('@elice/intl');
 var material = require('@mui/material');
+var en = require('../locales/en.json.js');
+var ko = require('../locales/ko.json.js');
 var queue = require('../../../assets/queue.gif.js');
 
 //
@@ -15,8 +17,9 @@ const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 //
-const RuntimeOverlayAssigned = () => {
-  const intl$1 = intl.useRawEliceIntl();
+const RuntimeOverlayAssigned = ({
+  __intl: intl
+}) => {
   const [timeout] = reactUse.useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
@@ -46,11 +49,12 @@ const RuntimeOverlayAssigned = () => {
       whiteSpace: 'pre-wrap',
       textAlign: 'center'
     }
-  }, timeout() ? intl$1.formatMessage({
+  }, timeout() ? intl.formatMessage({
     id: 'runbox.runtime.overlay.assigned.description_timeout'
-  }) : intl$1.formatMessage({
+  }) : intl.formatMessage({
     id: 'runbox.runtime.overlay.assigned.description'
   })));
 };
+var RuntimeOverlayAssigned$1 = new intl.IntlComponentBuilder(RuntimeOverlayAssigned).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 = RuntimeOverlayAssigned;
+exports.default = RuntimeOverlayAssigned$1;

package/cjs/components/material-runbox/runtime/RuntimeOverlayQueued.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayQueuedComponentProps as QueuedComponentProps } from '@elice/runbox-client';
-declare const RuntimeOverlayQueued: React.FC<QueuedComponentProps>;
-export default RuntimeOverlayQueued;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<QueuedComponentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/cjs/components/material-runbox/runtime/RuntimeOverlayQueued.js

@@ -9,15 +9,17 @@ var material = require('@mui/material');
 require('../contexts/MaterialRunboxApiContext.js');
 require('../contexts/MaterialRunboxCommandContext.js');
 var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
+var en = require('../locales/en.json.js');
+var ko = require('../locales/ko.json.js');
 var queue = require('../../../assets/queue.gif.js');
 
 //
 //
 //
 const RuntimeOverlayQueued = ({
+  __intl: intl,
   numWaiters
 }) => {
-  const intl$1 = intl.useRawEliceIntl();
   const {
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
@@ -49,19 +51,20 @@ const RuntimeOverlayQueued = ({
       whiteSpace: 'pre-wrap',
       textAlign: 'center'
     }
-  }, numWaiters > 0 ? intl$1.formatMessage({
+  }, numWaiters > 0 ? intl.formatMessage({
     id: 'runbox.runtime.overlay.queued.description'
   }, {
     waiters: numWaiters
-  }) : intl$1.formatMessage({
+  }) : intl.formatMessage({
     id: 'runbox.runtime.overlay.queued.description_zero'
   })), typeof showMessenger === 'function' ? React.createElement(material.Button, {
     variant: "outlined",
     startIcon: React.createElement(iconsMaterial.QuestionAnswer, null),
     onClick: showMessenger
-  }, intl$1.formatMessage({
+  }, intl.formatMessage({
     id: 'runbox.common.support'
   })) : null);
 };
+var RuntimeOverlayQueued$1 = new intl.IntlComponentBuilder(RuntimeOverlayQueued).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 = RuntimeOverlayQueued;
+exports.default = RuntimeOverlayQueued$1;

package/cjs/components/material-runbox/runtime/RuntimeOverlayTerminated.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayTerminatedComponentProps as TerminatedComponentProps } from '@elice/runbox-client';
 interface RuntimeOverlayTerminatedProps extends TerminatedComponentProps {
     startRuntime: () => Promise<void>;
 }
-declare const RuntimeOverlayTerminated: React.FC<RuntimeOverlayTerminatedProps>;
-export default RuntimeOverlayTerminated;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<RuntimeOverlayTerminatedProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -10,16 +10,18 @@ var material = require('@mui/material');
 require('../contexts/MaterialRunboxApiContext.js');
 require('../contexts/MaterialRunboxCommandContext.js');
 var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
+var en = require('../locales/en.json.js');
+var ko = require('../locales/ko.json.js');
 var terminated = require('../../../assets/terminated.png.js');
 
 //
 //
 //
 const RuntimeOverlayTerminated = ({
+  __intl: intl,
   reason,
   startRuntime
 }) => {
-  const intl$1 = intl.useRawEliceIntl();
   const {
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
@@ -42,14 +44,14 @@ const RuntimeOverlayTerminated = ({
       case 'stopped_by_user':
       case 'auto_shutdown':
         return {
-          description: intl$1.formatMessage({
+          description: intl.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.general'
           }),
           unexpected: false
         };
       case 'quota_exceeded':
         return {
-          description: intl$1.formatMessage({
+          description: intl.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.quota_exceeded'
           }),
           unexpected: false
@@ -57,7 +59,7 @@ const RuntimeOverlayTerminated = ({
       // quota exceeded
       case 'quota_per_session_exceeded':
         return {
-          description: intl$1.formatMessage({
+          description: intl.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.quota_per_session_exceeded'
           }),
           unexpected: false
@@ -65,14 +67,14 @@ const RuntimeOverlayTerminated = ({
       // disk full
       case 'os_disk_is_full':
         return {
-          description: intl$1.formatMessage({
+          description: intl.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.os_disk_is_full'
           }),
           unexpected: true
         };
       default:
         return {
-          description: intl$1.formatMessage({
+          description: intl.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.default'
           }),
           unexpected: true
@@ -80,7 +82,7 @@ const RuntimeOverlayTerminated = ({
     }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [reason, intl$1]);
+  [reason, intl]);
   //
   //
   //
@@ -108,13 +110,13 @@ const RuntimeOverlayTerminated = ({
   }, React.createElement(material.Typography, {
     variant: "h6",
     textAlign: "center"
-  }, intl$1.formatMessage({
+  }, intl.formatMessage({
     id: 'runbox.runtime.overlay.terminated.title'
   })), React.createElement(material.Typography, {
     variant: "body2",
     textAlign: "center",
     whiteSpace: "pre-line"
-  }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl$1.formatMessage({
+  }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl.formatMessage({
     id: 'runbox.runtime.overlay.terminated.description.unexpected'
   })) : runtimeTerminatedAction.description)), React.createElement(material.Stack, {
     gap: "0.5rem",
@@ -127,14 +129,15 @@ const RuntimeOverlayTerminated = ({
     loading: isRestarting,
     startIcon: React.createElement(iconsMaterial.PlayArrow, null),
     onClick: handleRestart
-  }, intl$1.formatMessage({
+  }, intl.formatMessage({
     id: 'runbox.runtime.overlay.terminated.restart'
   })), runtimeTerminatedAction.unexpected && typeof showMessenger === 'function' ? React.createElement(material.Button, {
     variant: "text",
     onClick: showMessenger
-  }, intl$1.formatMessage({
+  }, intl.formatMessage({
     id: 'runbox.common.support'
   })) : null)));
 };
+var RuntimeOverlayTerminated$1 = new intl.IntlComponentBuilder(RuntimeOverlayTerminated).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 = RuntimeOverlayTerminated;
+exports.default = RuntimeOverlayTerminated$1;

package/es/components/material-runbox/MaterialRunboxContent.js

@@ -40,7 +40,6 @@ const MaterialRunboxContent = ({
 }) => {
   const intl = useRawEliceIntl();
   const {
-    locale,
     showMessenger
   } = useMaterialRunboxContext();
   const materialRunboxApi = useMaterialRunboxApiContext();
@@ -149,7 +148,6 @@ const MaterialRunboxContent = ({
     }, {
       signal
     }),
-    locale: locale,
     onRunboxRefetchRequest: refetch
   }, React.createElement(StyledRunboxContainer, null, React.createElement(MaterialRunboxHeader, Object.assign({}, props)), React.createElement(MaterialRunboxBody, Object.assign({}, props)), React.createElement(MaterialRunboxFooter, Object.assign({}, props)))));
 };

package/es/components/material-runbox/runtime/RuntimeOverlayAssigned.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayAssignedComponentProps as AssignedComponentProps } from '@elice/runbox-client';
-declare const RuntimeOverlayAssigned: React.FC<AssignedComponentProps>;
-export default RuntimeOverlayAssigned;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<AssignedComponentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { useTimeout } from 'react-use';
-import { useRawEliceIntl } from '@elice/intl';
+import { IntlComponentBuilder } from '@elice/intl';
 import { Stack, Box, Typography } from '@mui/material';
+import messageEn from '../locales/en.json.js';
+import messageKo from '../locales/ko.json.js';
 import queueAnimationImage from '../../../assets/queue.gif.js';
 
 //
@@ -11,8 +13,9 @@ const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 //
-const RuntimeOverlayAssigned = () => {
-  const intl = useRawEliceIntl();
+const RuntimeOverlayAssigned = ({
+  __intl: intl
+}) => {
   const [timeout] = useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
@@ -48,5 +51,6 @@ const RuntimeOverlayAssigned = () => {
     id: 'runbox.runtime.overlay.assigned.description'
   })));
 };
+var RuntimeOverlayAssigned$1 = new IntlComponentBuilder(RuntimeOverlayAssigned).add('en', messageEn).add('ko', messageKo).addAsync('th', import('../locales/th.json.js')).addAsync('ja', import('../locales/ja.json.js')).build();
 
-export { RuntimeOverlayAssigned as default };
+export { RuntimeOverlayAssigned$1 as default };

package/es/components/material-runbox/runtime/RuntimeOverlayQueued.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayQueuedComponentProps as QueuedComponentProps } from '@elice/runbox-client';
-declare const RuntimeOverlayQueued: React.FC<QueuedComponentProps>;
-export default RuntimeOverlayQueued;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<QueuedComponentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -1,19 +1,21 @@
 import React from 'react';
-import { useRawEliceIntl } from '@elice/intl';
+import { IntlComponentBuilder } from '@elice/intl';
 import { QuestionAnswer } from '@mui/icons-material';
 import { Stack, Box, Typography, Button } from '@mui/material';
 import '../contexts/MaterialRunboxApiContext.js';
 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 queueAnimationImage from '../../../assets/queue.gif.js';
 
 //
 //
 //
 const RuntimeOverlayQueued = ({
+  __intl: intl,
   numWaiters
 }) => {
-  const intl = useRawEliceIntl();
   const {
     showMessenger
   } = useMaterialRunboxContext();
@@ -59,5 +61,6 @@ const RuntimeOverlayQueued = ({
     id: 'runbox.common.support'
   })) : null);
 };
+var RuntimeOverlayQueued$1 = new IntlComponentBuilder(RuntimeOverlayQueued).add('en', messageEn).add('ko', messageKo).addAsync('th', import('../locales/th.json.js')).addAsync('ja', import('../locales/ja.json.js')).build();
 
-export { RuntimeOverlayQueued as default };
+export { RuntimeOverlayQueued$1 as default };

package/es/components/material-runbox/runtime/RuntimeOverlayTerminated.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayTerminatedComponentProps as TerminatedComponentProps } from '@elice/runbox-client';
 interface RuntimeOverlayTerminatedProps extends TerminatedComponentProps {
     startRuntime: () => Promise<void>;
 }
-declare const RuntimeOverlayTerminated: React.FC<RuntimeOverlayTerminatedProps>;
-export default RuntimeOverlayTerminated;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<RuntimeOverlayTerminatedProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -1,21 +1,23 @@
 import React from 'react';
-import { useRawEliceIntl } from '@elice/intl';
+import { IntlComponentBuilder } from '@elice/intl';
 import { PlayArrow } from '@mui/icons-material';
 import { LoadingButton } from '@mui/lab';
 import { Box, Stack, Typography, Button } from '@mui/material';
 import '../contexts/MaterialRunboxApiContext.js';
 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';
 
 //
 //
 //
 const RuntimeOverlayTerminated = ({
+  __intl: intl,
   reason,
   startRuntime
 }) => {
-  const intl = useRawEliceIntl();
   const {
     showMessenger
   } = useMaterialRunboxContext();
@@ -132,5 +134,6 @@ const RuntimeOverlayTerminated = ({
     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();
 
-export { RuntimeOverlayTerminated as default };
+export { RuntimeOverlayTerminated$1 as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.240710.0",
+  "version": "1.240711.1",
   "description": "User view and editing components of Elice material runbox",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -52,13 +52,13 @@
   },
   "devDependencies": {
     "@elice/intl": "0.240425.0-rc.2",
-    "@elice/material-shared-types": "1.240710.0",
-    "@elice/material-shared-utils": "1.240710.0",
+    "@elice/material-shared-types": "1.240711.1",
+    "@elice/material-shared-utils": "1.240711.1",
     "@elice/mui-elements": "^5.231130.0",
     "@elice/mui-system": "^5.230815.0",
     "@elice/mui-x-snackbar": "^5.231130.0",
     "@elice/openapi-client-material-runbox": "1.240328.0",
-    "@elice/runbox-client": "1.240521.0",
+    "@elice/runbox-client": "1.240711.0",
     "@elice/types": "^1.240619.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
@@ -74,5 +74,5 @@
     "react": "^17.0.2",
     "react-use": "^17.2.4"
   },
-  "gitHead": "26aba6603e491668e8258b108b3b45f31ba33b24"
+  "gitHead": "385d0f4773560bcdd9d8e4bcbca6cec1dedb0c64"
 }