@elice/material-video-file 1.260220.0 → 1.260429.0-improvetimerpopoverui.0

package/cjs/components/material-video-file/MaterialVideoFile.js

@@ -2,25 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
+var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 var classnames = require('classnames');
 var MaterialVideoFilePlayer = require('./MaterialVideoFilePlayer.js');
 var useMaterialVideoFileApi = require('./useMaterialVideoFileApi.js');
-var MaterialVideoFile_styled = require('./MaterialVideoFile.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);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
 
+//
+//
+//
+var StyledMaterialVideoFileWrap = /*#__PURE__*/_styled__default.default("div", {
+  target: "esgkfcf0"
+})("display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:", designTokens.base.color.gray9, ";");
 //
 //
 //
@@ -52,7 +60,7 @@ var MaterialVideoFile = React.forwardRef(function (_a, ref) {
   //
   return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
     value: __intl,
-    children: jsxRuntime.jsx(MaterialVideoFile_styled.StyledMaterialVideoFileWrap, {
+    children: jsxRuntime.jsx(StyledMaterialVideoFileWrap, {
       className: classnames__default.default(prefixCls, className),
       children: jsxRuntime.jsx(MaterialVideoFilePlayer.default, Object.assign({}, playerProps, {
         orgNameShort: orgNameShort,

package/cjs/components/material-video-file/MaterialVideoFilePlayer.js

@@ -2,19 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
 var types = require('@elice/types');
+var videoplayerClient = require('@elice/videoplayer-client');
 var classnames = require('classnames');
-var MaterialVideoFilePlayer_styled = require('./MaterialVideoFilePlayer.styled.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
 
+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)."; }
 //
 //
 //
@@ -28,6 +31,49 @@ var VideoUploadStatus;
 //
 //
 //
+var StyledVideoPlayer = /*#__PURE__*/_styled__default.default(videoplayerClient.EliceVideoplayer, {
+  target: "e7248ce3"
+})("production" === "production" ? {
+  name: "lkodw",
+  styles: "width:100%;height:100%;border:0"
+} : {
+  name: "lkodw",
+  styles: "width:100%;height:100%;border:0",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVideoPlayerContainer = /*#__PURE__*/_styled__default.default("div", {
+  target: "e7248ce2"
+})("production" === "production" ? {
+  name: "zxsb69",
+  styles: "position:relative;width:100%;height:100%"
+} : {
+  name: "zxsb69",
+  styles: "position:relative;width:100%;height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVideoPlayerLoading = /*#__PURE__*/_styled__default.default("div", {
+  target: "e7248ce1"
+})("production" === "production" ? {
+  name: "wco9ji",
+  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%"
+} : {
+  name: "wco9ji",
+  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVideoPlayerOverlay = /*#__PURE__*/_styled__default.default("div", {
+  target: "e7248ce0"
+})("production" === "production" ? {
+  name: "4gmkgm",
+  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1"
+} : {
+  name: "4gmkgm",
+  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+//
+//
+//
 var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     materialVideoFile = _ref.materialVideoFile,
@@ -100,7 +146,7 @@ var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
   var renderVideoPlayerOverlayContent = function renderVideoPlayerOverlayContent() {
     // pending
     if (materialVideoFileStatus === 'idle' || materialVideoFileStatus === 'pending') {
-      return jsxRuntime.jsx(MaterialVideoFilePlayer_styled.StyledVideoPlayerLoading, {
+      return jsxRuntime.jsx(StyledVideoPlayerLoading, {
         children: jsxRuntime.jsx(blocks.Spinner, {})
       });
     }
@@ -112,7 +158,7 @@ var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
     }
     // encoding
     if (materialVideoFileUploadStatus === VideoUploadStatus.Encoding) {
-      return jsxRuntime.jsxs(MaterialVideoFilePlayer_styled.StyledVideoPlayerLoading, {
+      return jsxRuntime.jsxs(StyledVideoPlayerLoading, {
         children: [jsxRuntime.jsx(blocks.Spinner, {}), jsxRuntime.jsx(blocks.Text, {
           preWrap: true,
           role: "gray3",
@@ -126,7 +172,7 @@ var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
     }
     // encoding failed
     if (materialVideoFileUploadStatus === VideoUploadStatus.EncodingFailed) {
-      return jsxRuntime.jsx(MaterialVideoFilePlayer_styled.StyledVideoPlayerLoading, {
+      return jsxRuntime.jsx(StyledVideoPlayerLoading, {
         children: jsxRuntime.jsx(blocks.Text, {
           preWrap: true,
           role: "gray3",
@@ -145,7 +191,7 @@ var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
    */
   var renderVideoPlayerOverlay = function renderVideoPlayerOverlay() {
     var content = renderVideoPlayerOverlayContent();
-    return content ? jsxRuntime.jsx(MaterialVideoFilePlayer_styled.StyledVideoPlayerOverlay, {
+    return content ? jsxRuntime.jsx(StyledVideoPlayerOverlay, {
       children: content
     }) : null;
   };
@@ -154,7 +200,7 @@ var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
    */
   var renderVideoPlayer = function renderVideoPlayer() {
     var _a;
-    return jsxRuntime.jsx(MaterialVideoFilePlayer_styled.StyledVideoPlayer, {
+    return jsxRuntime.jsx(StyledVideoPlayer, {
       className: classnames__default.default(prefixCls, className),
       orgNameShort: orgNameShort !== null && orgNameShort !== void 0 ? orgNameShort : '',
       materialVideoId: (_a = materialVideoFile === null || materialVideoFile === void 0 ? void 0 : materialVideoFile.id) !== null && _a !== void 0 ? _a : 0,
@@ -189,7 +235,7 @@ var MaterialVideoFilePlayer = React.forwardRef(function (_ref, ref) {
   //
   //
   // resolved
-  return jsxRuntime.jsxs(MaterialVideoFilePlayer_styled.StyledVideoPlayerContainer, {
+  return jsxRuntime.jsxs(StyledVideoPlayerContainer, {
     children: [renderVideoPlayer(), renderVideoPlayerOverlay()]
   });
 });

package/es/components/material-video-file/MaterialVideoFile.js

@@ -1,17 +1,24 @@
+import _styled from '@emotion/styled/base';
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { getOrgMaterialVideoFileGet, config } from '@elice/api-client';
+import { base } from '@elice/design-tokens';
 import { RawEliceIntlProvider, IntlComponentBuilder } from '@elice/intl';
 import { useMaterialConfig, useMaterialFetch } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 import classnames from 'classnames';
 import MaterialVideoFilePlayer from './MaterialVideoFilePlayer.js';
 import { useMaterialVideoFileApi } from './useMaterialVideoFileApi.js';
-import { StyledMaterialVideoFileWrap } from './MaterialVideoFile.styled.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 
+//
+//
+//
+var StyledMaterialVideoFileWrap = /*#__PURE__*/_styled("div", {
+  target: "esgkfcf0"
+})("display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:", base.color.gray9, ";");
 //
 //
 //

package/es/components/material-video-file/MaterialVideoFilePlayer.js

@@ -1,11 +1,13 @@
+import _styled from '@emotion/styled/base';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { Spinner, Text } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
 import { enums } from '@elice/types';
+import { EliceVideoplayer } from '@elice/videoplayer-client';
 import classnames from 'classnames';
-import { StyledVideoPlayerContainer, StyledVideoPlayer, StyledVideoPlayerOverlay, StyledVideoPlayerLoading } from './MaterialVideoFilePlayer.styled.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)."; }
 //
 //
 //
@@ -19,6 +21,49 @@ var VideoUploadStatus;
 //
 //
 //
+var StyledVideoPlayer = /*#__PURE__*/_styled(EliceVideoplayer, {
+  target: "e7248ce3"
+})("production" === "production" ? {
+  name: "lkodw",
+  styles: "width:100%;height:100%;border:0"
+} : {
+  name: "lkodw",
+  styles: "width:100%;height:100%;border:0",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVideoPlayerContainer = /*#__PURE__*/_styled("div", {
+  target: "e7248ce2"
+})("production" === "production" ? {
+  name: "zxsb69",
+  styles: "position:relative;width:100%;height:100%"
+} : {
+  name: "zxsb69",
+  styles: "position:relative;width:100%;height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVideoPlayerLoading = /*#__PURE__*/_styled("div", {
+  target: "e7248ce1"
+})("production" === "production" ? {
+  name: "wco9ji",
+  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%"
+} : {
+  name: "wco9ji",
+  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVideoPlayerOverlay = /*#__PURE__*/_styled("div", {
+  target: "e7248ce0"
+})("production" === "production" ? {
+  name: "4gmkgm",
+  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1"
+} : {
+  name: "4gmkgm",
+  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+//
+//
+//
 var MaterialVideoFilePlayer = forwardRef(function (_ref, ref) {
   var className = _ref.className,
     materialVideoFile = _ref.materialVideoFile,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-video-file",
-  "version": "1.260220.0",
+  "version": "1.260429.0-improvetimerpopoverui.0",
   "description": "User view and editing components of Elice material video file",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -14,22 +14,12 @@
     "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",
     "@elice/design-tokens": "^1",
     "@elice/icons": "^1",
     "@elice/intl": "^0",
-    "@elice/material-shared-types": "1.260220.0",
-    "@elice/material-shared-utils": "1.260220.0",
     "@elice/messenger": "^1",
     "@elice/openapi-client-account": "^1",
     "@elice/types": "^1",
@@ -37,7 +27,9 @@
     "@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.260429.0-improvetimerpopoverui.0",
+    "@elice/material-shared-utils": "1.260429.0-improvetimerpopoverui.0"
   },
   "dependencies": {
     "classnames": "^2.2.0",
@@ -51,10 +43,9 @@
     "@elice/icons": "^1.230814.0",
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.241127.0",
-    "@elice/material-shared-types": "1.260220.0",
-    "@elice/material-shared-utils": "1.260220.0",
     "@elice/messenger": "^1.240426.0",
     "@elice/openapi-client-account": "^1.230814.0",
+    "@elice/rollup-config": "^1.260406.0",
     "@elice/types": "^1.251229.0",
     "@elice/videoplayer-client": "^2.250903.1",
     "@emotion/react": "^11.10.0",
@@ -62,7 +53,23 @@
     "@types/classnames": "^2.3.1",
     "@types/query-string": "^6.3.0",
     "@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.260429.0-improvetimerpopoverui.0",
+    "@elice/material-shared-utils": "1.260429.0-improvetimerpopoverui.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/components/material-video-file/MaterialVideoFile.styled.d.ts

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

package/cjs/components/material-video-file/MaterialVideoFile.styled.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var designTokens = require('@elice/design-tokens');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-var StyledMaterialVideoFileWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e7kzwhl0"
-})("display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:", designTokens.base.color.gray9, ";");
-
-exports.StyledMaterialVideoFileWrap = StyledMaterialVideoFileWrap;

package/cjs/components/material-video-file/MaterialVideoFilePlayer.styled.d.ts

@@ -1,17 +0,0 @@
-export declare const StyledVideoPlayer: import("@emotion/styled").StyledComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/videoplayer-client").EliceVideoplayerProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
-    __intl: import("@elice/intl").EliceIntlShape;
-} & import("react").RefAttributes<import("@elice/videoplayer-client").EliceVideoplayerApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & import("react").RefAttributes<import("@elice/videoplayer-client").EliceVideoplayerApis> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledVideoPlayerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledVideoPlayerLoading: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledVideoPlayerOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/components/material-video-file/MaterialVideoFilePlayer.styled.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var videoplayerClient = require('@elice/videoplayer-client');
-
-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 StyledVideoPlayer = /*#__PURE__*/_styled__default.default(videoplayerClient.EliceVideoplayer, {
-  target: "e1lqf1nw3"
-})("production" === "production" ? {
-  name: "lkodw",
-  styles: "width:100%;height:100%;border:0"
-} : {
-  name: "lkodw",
-  styles: "width:100%;height:100%;border:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVideoPlayerContainer = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1lqf1nw2"
-})("production" === "production" ? {
-  name: "zxsb69",
-  styles: "position:relative;width:100%;height:100%"
-} : {
-  name: "zxsb69",
-  styles: "position:relative;width:100%;height:100%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVideoPlayerLoading = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1lqf1nw1"
-})("production" === "production" ? {
-  name: "wco9ji",
-  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%"
-} : {
-  name: "wco9ji",
-  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVideoPlayerOverlay = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1lqf1nw0"
-})("production" === "production" ? {
-  name: "4gmkgm",
-  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1"
-} : {
-  name: "4gmkgm",
-  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledVideoPlayer = StyledVideoPlayer;
-exports.StyledVideoPlayerContainer = StyledVideoPlayerContainer;
-exports.StyledVideoPlayerLoading = StyledVideoPlayerLoading;
-exports.StyledVideoPlayerOverlay = StyledVideoPlayerOverlay;

package/es/components/material-video-file/MaterialVideoFile.styled.d.ts

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

package/es/components/material-video-file/MaterialVideoFile.styled.js

@@ -1,8 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { base } from '@elice/design-tokens';
-
-var StyledMaterialVideoFileWrap = /*#__PURE__*/_styled("div", {
-  target: "e7kzwhl0"
-})("display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:", base.color.gray9, ";");
-
-export { StyledMaterialVideoFileWrap };

package/es/components/material-video-file/MaterialVideoFilePlayer.styled.d.ts

@@ -1,17 +0,0 @@
-export declare const StyledVideoPlayer: import("@emotion/styled").StyledComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/videoplayer-client").EliceVideoplayerProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
-    __intl: import("@elice/intl").EliceIntlShape;
-} & import("react").RefAttributes<import("@elice/videoplayer-client").EliceVideoplayerApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & import("react").RefAttributes<import("@elice/videoplayer-client").EliceVideoplayerApis> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledVideoPlayerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledVideoPlayerLoading: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledVideoPlayerOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/es/components/material-video-file/MaterialVideoFilePlayer.styled.js

@@ -1,46 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { EliceVideoplayer } from '@elice/videoplayer-client';
-
-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 StyledVideoPlayer = /*#__PURE__*/_styled(EliceVideoplayer, {
-  target: "e1lqf1nw3"
-})("production" === "production" ? {
-  name: "lkodw",
-  styles: "width:100%;height:100%;border:0"
-} : {
-  name: "lkodw",
-  styles: "width:100%;height:100%;border:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVideoPlayerContainer = /*#__PURE__*/_styled("div", {
-  target: "e1lqf1nw2"
-})("production" === "production" ? {
-  name: "zxsb69",
-  styles: "position:relative;width:100%;height:100%"
-} : {
-  name: "zxsb69",
-  styles: "position:relative;width:100%;height:100%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVideoPlayerLoading = /*#__PURE__*/_styled("div", {
-  target: "e1lqf1nw1"
-})("production" === "production" ? {
-  name: "wco9ji",
-  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%"
-} : {
-  name: "wco9ji",
-  styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVideoPlayerOverlay = /*#__PURE__*/_styled("div", {
-  target: "e1lqf1nw0"
-})("production" === "production" ? {
-  name: "4gmkgm",
-  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1"
-} : {
-  name: "4gmkgm",
-  styles: "position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-export { StyledVideoPlayer, StyledVideoPlayerContainer, StyledVideoPlayerLoading, StyledVideoPlayerOverlay };