@elice/material-external 1.251120.1 → 1.260128.0-rc.0

package/es/components/material-external/MaterialExternalRedirect.js

@@ -1,8 +1,11 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
-import { Spinner, Text } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
+import { Stack, CircularProgress, Typography } from '@mui/material';
 
+//
+//
+//
 var MaterialExternalRedirect = function MaterialExternalRedirect(_ref) {
   var materialExternal = _ref.materialExternal;
   var intl = useRawEliceIntl();
@@ -17,9 +20,13 @@ var MaterialExternalRedirect = function MaterialExternalRedirect(_ref) {
       window.clearTimeout(timeoutId);
     };
   }, [materialExternal]);
-  return jsxs(Fragment, {
-    children: [jsx(Spinner, {}), jsx(Text, {
-      role: "white",
+  return jsxs(Stack, {
+    gap: "0.5rem",
+    alignItems: "center",
+    children: [jsx(CircularProgress, {}), jsx(Typography, {
+      variant: "body2",
+      color: "text.secondary",
+      textAlign: "center",
       children: intl.formatMessage({
         id: 'external.loader.redirect.description'
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-external",
-  "version": "1.251120.1",
+  "version": "1.260128.0-rc.0",
   "description": "User view and editing components of Elice material external",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -24,38 +24,48 @@
   },
   "peerDependencies": {
     "@elice/api-client": "^1",
-    "@elice/blocks": "^1",
-    "@elice/design-tokens": "^1",
-    "@elice/icons": "^1",
     "@elice/intl": "^0",
-    "@elice/markdown": "^1",
-    "@elice/material-shared-types": "*",
-    "@elice/material-shared-utils": "*",
+    "@elice/material-shared-types": "1.260128.0-rc.0",
+    "@elice/material-shared-utils": "1.260128.0-rc.0",
+    "@elice/mui-elements": "^5",
+    "@elice/mui-system": "^5",
     "@elice/types": "^1",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@fortawesome/pro-regular-svg-icons": "^6",
+    "@fortawesome/pro-solid-svg-icons": "^6",
+    "@mui/lab": "^5.0.0-alpha.112",
+    "@mui/material": "^5.10.16",
+    "@mui/x-data-grid": "^6.7.0",
+    "@mui/x-date-pickers": "^6.7.0",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
-    "react-use": "^17.0.0",
-    "styled-components": "^5.2.0"
+    "react-use": "^17.0.0"
   },
   "dependencies": {
+    "@tanstack/react-query": "^4.0.0",
     "classnames": "^2.2.0",
     "tslib": "^2.6.1"
   },
   "devDependencies": {
     "@elice/api-client": "^1.250702.0",
-    "@elice/blocks": "1.241007.0",
-    "@elice/design-tokens": "^1.220803.0",
-    "@elice/icons": "^1.230814.0",
-    "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.241127.0",
-    "@elice/markdown": "1.241015.0",
-    "@elice/material-shared-types": "1.251120.1",
-    "@elice/material-shared-utils": "1.251120.1",
-    "@elice/types": "^1.250612.0-teamleaderboard.1",
+    "@elice/material-shared-types": "1.260128.0-rc.0",
+    "@elice/material-shared-utils": "1.260128.0-rc.0",
+    "@elice/mui-elements": "5.251204.0",
+    "@elice/mui-system": "5.251204.0",
+    "@elice/types": "^1.251229.0",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.4.2",
+    "@fortawesome/pro-solid-svg-icons": "^6.4.2",
+    "@mui/lab": "^5.0.0-alpha.112",
+    "@mui/material": "^5.10.16",
+    "@mui/x-data-grid": "^6.7.0",
+    "@mui/x-date-pickers": "^6.7.0",
+    "@tanstack/react-query": "^4.29.25",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
-    "@types/styled-components": "^5.1.21",
     "react": "^17.0.2",
-    "react-use": "^17.2.4",
-    "styled-components": "^5.3.0"
+    "react-use": "^17.2.4"
   }
 }

package/cjs/components/material-external/MaterialExternal.styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledExternalWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledExternalDisplay: import("styled-components").StyledComponent<"iframe", any, {}, never>;

package/cjs/components/material-external/MaterialExternal.styled.js

@@ -1,18 +0,0 @@
-'use strict';
-
-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 StyledExternalWrap = styled__default.default.div.withConfig({
-  componentId: "sc-k32tl5-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
-var StyledExternalDisplay = styled__default.default.iframe.withConfig({
-  componentId: "sc-k32tl5-1"
-})(["width:100%;height:100%;border:0;background-color:", ";"], designTokens.base.color.white);
-
-exports.StyledExternalDisplay = StyledExternalDisplay;
-exports.StyledExternalWrap = StyledExternalWrap;

package/es/components/material-external/MaterialExternal.styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledExternalWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledExternalDisplay: import("styled-components").StyledComponent<"iframe", any, {}, never>;

package/es/components/material-external/MaterialExternal.styled.js

@@ -1,11 +0,0 @@
-import { base } from '@elice/design-tokens';
-import styled from 'styled-components';
-
-var StyledExternalWrap = styled.div.withConfig({
-  componentId: "sc-k32tl5-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:", ";"], base.color.navy9);
-var StyledExternalDisplay = styled.iframe.withConfig({
-  componentId: "sc-k32tl5-1"
-})(["width:100%;height:100%;border:0;background-color:", ";"], base.color.white);
-
-export { StyledExternalDisplay, StyledExternalWrap };