@elice/material-runbox-legacy 1.260305.0 → 1.260430.0

package/cjs/components/material-runbox-legacy/MaterialRunboxLegacy.js

@@ -2,16 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var MaterialRunboxNotSupported = require('./MaterialRunboxNotSupported.js');
-var MaterialRunboxLegacy_styled = require('./MaterialRunboxLegacy.styled.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledMaterialRunboxLegacy = /*#__PURE__*/_styled__default.default("div", {
+  target: "e6vwwdj0"
+})("production" === "production" ? {
+  name: "nzsc66",
+  styles: "display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff"
+} : {
+  name: "nzsc66",
+  styles: "display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var MaterialRunboxLegacy = function MaterialRunboxLegacy(_ref) {
   var materialRunboxId = _ref.materialRunboxId,
     __intl = _ref.__intl;
@@ -29,7 +44,7 @@ var MaterialRunboxLegacy = function MaterialRunboxLegacy(_ref) {
   }
   return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
     value: __intl,
-    children: jsxRuntime.jsx(MaterialRunboxLegacy_styled.StyledMaterialRunboxLegacy, {
+    children: jsxRuntime.jsx(StyledMaterialRunboxLegacy, {
       children: jsxRuntime.jsx(intl.RawEliceIntlProvider, {
         value: __intl,
         children: jsxRuntime.jsx(MaterialRunboxNotSupported.default, {})

package/cjs/components/material-runbox-legacy/MaterialRunboxNotSupported.js

@@ -5,10 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
+var material = require('@mui/material');
 var emptyDefault = require('../../assets/empty-default.png.js');
-var Stack = require('../../node_modules/@mui/material/Stack/Stack.js');
-var Box = require('../../node_modules/@mui/material/Box/Box.js');
-var Typography = require('../../node_modules/@mui/material/Typography/Typography.js');
 
 //
 //
@@ -20,7 +18,7 @@ var MaterialRunboxNotSupported = function MaterialRunboxNotSupported() {
   //
   return (
     // ref: https://elicer.atlassian.net/browse/LXP-6090
-    jsxRuntime.jsxs(Stack.default, {
+    jsxRuntime.jsxs(material.Stack, {
       justifyContent: "center",
       alignItems: "center",
       padding: "2rem",
@@ -28,12 +26,12 @@ var MaterialRunboxNotSupported = function MaterialRunboxNotSupported() {
       bgcolor: designTokens.base.color.navy9,
       width: "100%",
       height: "100%",
-      children: [jsxRuntime.jsx(Box.default, {
+      children: [jsxRuntime.jsx(material.Box, {
         component: "img",
         src: emptyDefault.default,
         alt: "empty",
         maxWidth: "7.5rem"
-      }), jsxRuntime.jsx(Typography.default, {
+      }), jsxRuntime.jsx(material.Typography, {
         variant: "h6",
         color: "text.primary",
         textAlign: "center",

package/es/components/material-runbox-legacy/MaterialRunboxLegacy.js

@@ -1,13 +1,24 @@
+import _styled from '@emotion/styled/base';
 import { jsx } from 'react/jsx-runtime';
 import { config } from '@elice/api-client';
 import { Flex, Spinner } from '@elice/blocks';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
 import MaterialRunboxNotSupported from './MaterialRunboxNotSupported.js';
-import { StyledMaterialRunboxLegacy } from './MaterialRunboxLegacy.styled.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledMaterialRunboxLegacy = /*#__PURE__*/_styled("div", {
+  target: "e6vwwdj0"
+})("production" === "production" ? {
+  name: "nzsc66",
+  styles: "display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff"
+} : {
+  name: "nzsc66",
+  styles: "display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var MaterialRunboxLegacy = function MaterialRunboxLegacy(_ref) {
   var materialRunboxId = _ref.materialRunboxId,
     __intl = _ref.__intl;

package/es/components/material-runbox-legacy/MaterialRunboxNotSupported.js

@@ -1,10 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { base } from '@elice/design-tokens';
 import { useRawEliceIntl } from '@elice/intl';
+import { Stack, Box, Typography } from '@mui/material';
 import img from '../../assets/empty-default.png.js';
-import Stack from '../../node_modules/@mui/material/Stack/Stack.js';
-import Box from '../../node_modules/@mui/material/Box/Box.js';
-import Typography from '../../node_modules/@mui/material/Typography/Typography.js';
 
 //
 //

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox-legacy",
-  "version": "1.260305.0",
+  "version": "1.260430.0",
   "description": "User view and editing components of Elice material runbox legacy",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -14,14 +14,6 @@
     "README.md"
   ],
   "sideEffects": false,
-  "scripts": {
-    "start": "run-s watch",
-    "prebuild": "run-s clean",
-    "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/*\""
-  },
   "peerDependencies": {
     "@elice/api-client": "^1",
     "@elice/blocks": "^1",
@@ -29,16 +21,17 @@
     "@elice/icons": "^1",
     "@elice/intl": "^0",
     "@elice/markdown": "^1",
-    "@elice/material-shared-types": "1.260305.0",
-    "@elice/material-shared-utils": "1.260305.0",
     "@elice/types": "^1",
     "@elice/websocket": "^1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
-    "react-use": "^17.0.0"
+    "react-use": "^17.0.0",
+    "@elice/material-shared-types": "1.260430.0",
+    "@elice/material-shared-utils": "1.260430.0"
   },
   "dependencies": {
+    "@mui/material": "^5.10.16",
     "classnames": "^2.2.0",
     "tslib": "^2.6.1"
   },
@@ -50,15 +43,30 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.241127.0",
     "@elice/markdown": "1.241015.0",
-    "@elice/material-shared-types": "1.260305.0",
-    "@elice/material-shared-utils": "1.260305.0",
+    "@elice/rollup-config": "^1.260406.0",
     "@elice/types": "^1.251229.0",
     "@elice/websocket": "^1.220815.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
-    "react": "^17.0.2",
-    "react-use": "^17.2.4"
+    "cross-env": "^7.0.3",
+    "del-cli": "^3.0.1",
+    "eslint": "~9.39.0",
+    "npm-run-all": "^4.1.5",
+    "react": "~18.2.0",
+    "react-use": "^17.2.4",
+    "rollup": "^4.0.0",
+    "typescript": "~5.9.3",
+    "@elice/material-shared-types": "1.260430.0",
+    "@elice/material-shared-utils": "1.260430.0"
+  },
+  "scripts": {
+    "start": "run-s watch",
+    "prebuild": "run-s clean",
+    "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/*\""
   }
-}
+}

package/cjs/_virtual/_commonjsHelpers.js

@@ -1,28 +0,0 @@
-'use strict';
-
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-exports.getAugmentedNamespace = getAugmentedNamespace;

package/cjs/_virtual/colorManipulator.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var colorManipulator = {};
-
-exports.__exports = colorManipulator;

package/cjs/_virtual/createStyled.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var createStyled = {};
-
-exports.__exports = createStyled;

package/cjs/_virtual/extends.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var _extends = {exports: {}};
-
-exports.__module = _extends;

package/cjs/_virtual/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/styled-engine/index.js');
-
-var require$$1 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$1;

package/cjs/_virtual/index2.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/deepmerge/index.js');
-
-var require$$4 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$4;

package/cjs/_virtual/index3.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/capitalize/index.js');
-
-var require$$5 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$5;

package/cjs/_virtual/index4.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/getDisplayName/index.js');
-
-var require$$6 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$6;

package/cjs/_virtual/index5.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/system/esm/createTheme/index.js');
-
-var require$$7 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$7;

package/cjs/_virtual/index6.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/system/esm/styleFunctionSx/index.js');
-
-var require$$8 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$8;

package/cjs/_virtual/index7.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js');
-
-var require$$1 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$1;

package/cjs/_virtual/index8.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/@mui/utils/esm/clamp/index.js');
-
-var require$$2 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-
-exports.default = require$$2;

package/cjs/_virtual/interopRequireDefault.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var interopRequireDefault = {exports: {}};
-
-exports.__module = interopRequireDefault;

package/cjs/_virtual/objectWithoutPropertiesLoose.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var objectWithoutPropertiesLoose = {exports: {}};
-
-exports.__module = objectWithoutPropertiesLoose;

package/cjs/components/material-runbox-legacy/MaterialRunboxLegacy.styled.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledMaterialRunboxLegacy: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/components/material-runbox-legacy/MaterialRunboxLegacy.styled.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledMaterialRunboxLegacy = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1plramc0"
-})("production" === "production" ? {
-  name: "nzsc66",
-  styles: "display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff"
-} : {
-  name: "nzsc66",
-  styles: "display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledMaterialRunboxLegacy = StyledMaterialRunboxLegacy;

package/cjs/components/material-runbox-legacy/MaterialRunboxLegacyContent.styled.d.ts

@@ -1,23 +0,0 @@
-import { MaterialRunboxLegacyStatus } from './MaterialRunboxLegacyContent';
-export declare const RunboxHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RunboxBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RunboxBodyOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RunboxBodyIframe: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, {}>;
-export declare const RunboxStatusLight: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    status: MaterialRunboxLegacyStatus;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/cjs/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-exports.default = _extends;

package/cjs/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-exports.default = _objectWithoutPropertiesLoose;

package/cjs/node_modules/@babel/runtime/helpers/extends.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var _extends = require('../../../../_virtual/extends.js');
-
-var hasRequired_extends;
-
-function require_extends () {
-	if (hasRequired_extends) return _extends.__module.exports;
-	hasRequired_extends = 1;
-	(function (module) {
-		function _extends() {
-		  return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
-		    for (var e = 1; e < arguments.length; e++) {
-		      var t = arguments[e];
-		      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		    }
-		    return n;
-		  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends.apply(null, arguments);
-		}
-		module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (_extends.__module));
-	return _extends.__module.exports;
-}
-
-exports.__require = require_extends;

package/cjs/node_modules/@babel/runtime/helpers/interopRequireDefault.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var interopRequireDefault = require('../../../../_virtual/interopRequireDefault.js');
-
-(function (module) {
-	function _interopRequireDefault(e) {
-	  return e && e.__esModule ? e : {
-	    "default": e
-	  };
-	}
-	module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-} (interopRequireDefault.__module));
-
-var interopRequireDefaultExports = interopRequireDefault.__module.exports;
-
-exports.interopRequireDefaultExports = interopRequireDefaultExports;

package/cjs/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var objectWithoutPropertiesLoose = require('../../../../_virtual/objectWithoutPropertiesLoose.js');
-
-var hasRequiredObjectWithoutPropertiesLoose;
-
-function requireObjectWithoutPropertiesLoose () {
-	if (hasRequiredObjectWithoutPropertiesLoose) return objectWithoutPropertiesLoose.__module.exports;
-	hasRequiredObjectWithoutPropertiesLoose = 1;
-	(function (module) {
-		function _objectWithoutPropertiesLoose(r, e) {
-		  if (null == r) return {};
-		  var t = {};
-		  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-		    if (-1 !== e.indexOf(n)) continue;
-		    t[n] = r[n];
-		  }
-		  return t;
-		}
-		module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (objectWithoutPropertiesLoose.__module));
-	return objectWithoutPropertiesLoose.__module.exports;
-}
-
-exports.__require = requireObjectWithoutPropertiesLoose;