@elice/material-runbox 1.240710.0-runboxclientversion.1 → 1.240711.0

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

@@ -44,6 +44,7 @@ const MaterialRunboxContent = ({
 }) => {
   const intl$1 = intl.useRawEliceIntl();
   const {
+    locale,
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
   const materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
@@ -152,6 +153,7 @@ 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,5 +1,4 @@
 import React from 'react';
-import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayAssignedComponentProps as AssignedComponentProps } from '@elice/runbox-client';
-declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<AssignedComponentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
-export default _default;
+declare const RuntimeOverlayAssigned: React.FC<AssignedComponentProps>;
+export default RuntimeOverlayAssigned;

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

@@ -6,8 +6,6 @@ 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');
 
 //
@@ -17,9 +15,8 @@ const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 //
-const RuntimeOverlayAssigned = ({
-  __intl: intl
-}) => {
+const RuntimeOverlayAssigned = () => {
+  const intl$1 = intl.useRawEliceIntl();
   const [timeout] = reactUse.useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
@@ -49,12 +46,11 @@ const RuntimeOverlayAssigned = ({
       whiteSpace: 'pre-wrap',
       textAlign: 'center'
     }
-  }, timeout() ? intl.formatMessage({
+  }, timeout() ? intl$1.formatMessage({
     id: 'runbox.runtime.overlay.assigned.description_timeout'
-  }) : intl.formatMessage({
+  }) : intl$1.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$1;
+exports.default = RuntimeOverlayAssigned;

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

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

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

@@ -9,17 +9,15 @@ 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();
@@ -51,20 +49,19 @@ const RuntimeOverlayQueued = ({
       whiteSpace: 'pre-wrap',
       textAlign: 'center'
     }
-  }, numWaiters > 0 ? intl.formatMessage({
+  }, numWaiters > 0 ? intl$1.formatMessage({
     id: 'runbox.runtime.overlay.queued.description'
   }, {
     waiters: numWaiters
-  }) : intl.formatMessage({
+  }) : intl$1.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.formatMessage({
+  }, intl$1.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$1;
+exports.default = RuntimeOverlayQueued;

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

@@ -1,8 +1,7 @@
 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 _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<RuntimeOverlayTerminatedProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
-export default _default;
+declare const RuntimeOverlayTerminated: React.FC<RuntimeOverlayTerminatedProps>;
+export default RuntimeOverlayTerminated;

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

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

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

@@ -40,6 +40,7 @@ const MaterialRunboxContent = ({
 }) => {
   const intl = useRawEliceIntl();
   const {
+    locale,
     showMessenger
   } = useMaterialRunboxContext();
   const materialRunboxApi = useMaterialRunboxApiContext();
@@ -148,6 +149,7 @@ 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,5 +1,4 @@
 import React from 'react';
-import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { EliceRunboxViewerOverlayAssignedComponentProps as AssignedComponentProps } from '@elice/runbox-client';
-declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<AssignedComponentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
-export default _default;
+declare const RuntimeOverlayAssigned: React.FC<AssignedComponentProps>;
+export default RuntimeOverlayAssigned;

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

@@ -1,9 +1,7 @@
 import React from 'react';
 import { useTimeout } from 'react-use';
-import { IntlComponentBuilder } from '@elice/intl';
+import { useRawEliceIntl } 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';
 
 //
@@ -13,9 +11,8 @@ const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 //
-const RuntimeOverlayAssigned = ({
-  __intl: intl
-}) => {
+const RuntimeOverlayAssigned = () => {
+  const intl = useRawEliceIntl();
   const [timeout] = useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
@@ -51,6 +48,5 @@ 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$1 as default };
+export { RuntimeOverlayAssigned as default };

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

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

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

@@ -1,21 +1,19 @@
 import React from 'react';
-import { IntlComponentBuilder } from '@elice/intl';
+import { useRawEliceIntl } 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();
@@ -61,6 +59,5 @@ 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$1 as default };
+export { RuntimeOverlayQueued as default };

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

@@ -1,8 +1,7 @@
 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 _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<RuntimeOverlayTerminatedProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
-export default _default;
+declare const RuntimeOverlayTerminated: React.FC<RuntimeOverlayTerminatedProps>;
+export default RuntimeOverlayTerminated;

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

@@ -1,23 +1,21 @@
 import React from 'react';
-import { IntlComponentBuilder } from '@elice/intl';
+import { useRawEliceIntl } 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();
@@ -134,6 +132,5 @@ 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$1 as default };
+export { RuntimeOverlayTerminated as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.240710.0-runboxclientversion.1",
+  "version": "1.240711.0",
   "description": "User view and editing components of Elice material runbox",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -58,7 +58,7 @@
     "@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.240710.0",
+    "@elice/runbox-client": "1.240521.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": "3bc79a39012393661e4e1ae0f663d74cdf320f8c"
+  "gitHead": "2493480ef7ce41c93d86e66b0e8a38d5956453ad"
 }