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

package/cjs/components/material-video/MaterialVideoContent.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
@@ -9,16 +10,30 @@ var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
 var youtubeUrlParser = require('../../utils/youtubeUrlParser.js');
-var MaterialVideo_styled = require('./MaterialVideo.styled.js');
 var YoutubePlayer = require('../youtube-player/YoutubePlayer.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 StyledMaterialVideoStatus = /*#__PURE__*/_styled__default.default(blocks.Flex, {
+  target: "e1yd725t0"
+})("production" === "production" ? {
+  name: "r4h982",
+  styles: "width:100%;height:100%;background-color:#22222c"
+} : {
+  name: "r4h982",
+  styles: "width:100%;height:100%;background-color:#22222c",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var MaterialVideoContent = function MaterialVideoContent(_a) {
   var videoGetStatus = _a.videoGetStatus,
     materialVideo = _a.materialVideo,
     youtubeProps = tslib.__rest(_a, ["videoGetStatus", "materialVideo"]);
   var intl$1 = intl.useRawEliceIntl();
   if (videoGetStatus === 'pending') {
-    return jsxRuntime.jsxs(MaterialVideo_styled.StyledMaterialVideoStatus, {
+    return jsxRuntime.jsxs(StyledMaterialVideoStatus, {
       align: "center",
       justify: "center",
       children: [jsxRuntime.jsx(blocks.Spinner, {}), jsxRuntime.jsx(blocks.Hspace, {
@@ -32,7 +47,7 @@ var MaterialVideoContent = function MaterialVideoContent(_a) {
     });
   }
   if (!(materialVideo === null || materialVideo === void 0 ? void 0 : materialVideo.url) || videoGetStatus === 'rejected') {
-    return jsxRuntime.jsxs(MaterialVideo_styled.StyledMaterialVideoStatus, {
+    return jsxRuntime.jsxs(StyledMaterialVideoStatus, {
       align: "center",
       justify: "center",
       children: [jsxRuntime.jsx(blocks.Icon, {

package/cjs/components/youtube-player/YoutubePlayer.js

@@ -2,17 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _styled = require('@emotion/styled/base');
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var Youtube = require('react-youtube');
+var blocks = require('@elice/blocks');
 var classnames = require('classnames');
-var YoutubePlayer_styled = require('./YoutubePlayer.styled.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var Youtube__default = /*#__PURE__*/_interopDefaultCompat(Youtube);
 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)."; }
+var StyledYoutubePlayerWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
+  target: "e14xcppy0"
+})("production" === "production" ? {
+  name: "s6oojq",
+  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}"
+} : {
+  name: "s6oojq",
+  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var YoutubePlayer = function YoutubePlayer(_a) {
   var className = _a.className,
     videoId = _a.videoId,
@@ -42,7 +55,7 @@ var YoutubePlayer = function YoutubePlayer(_a) {
       }
     };
   };
-  return jsxRuntime.jsx(YoutubePlayer_styled.StyledYoutubePlayerWrapper, {
+  return jsxRuntime.jsx(StyledYoutubePlayerWrapper, {
     className: classnames__default.default(prefixCls, className),
     justify: "center",
     align: "center",

package/es/components/material-video/MaterialVideoContent.js

@@ -1,13 +1,24 @@
+import _styled from '@emotion/styled/base';
 import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Spinner, Hspace, Text, Icon } from '@elice/blocks';
+import { Flex, Spinner, Hspace, Text, Icon } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilStatusWarn } from '@elice/icons';
 import { useRawEliceIntl } from '@elice/intl';
 import { youtubeUrlParser } from '../../utils/youtubeUrlParser.js';
-import { StyledMaterialVideoStatus } from './MaterialVideo.styled.js';
 import YoutubePlayer from '../youtube-player/YoutubePlayer.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 StyledMaterialVideoStatus = /*#__PURE__*/_styled(Flex, {
+  target: "e1yd725t0"
+})("production" === "production" ? {
+  name: "r4h982",
+  styles: "width:100%;height:100%;background-color:#22222c"
+} : {
+  name: "r4h982",
+  styles: "width:100%;height:100%;background-color:#22222c",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var MaterialVideoContent = function MaterialVideoContent(_a) {
   var videoGetStatus = _a.videoGetStatus,
     materialVideo = _a.materialVideo,

package/es/components/youtube-player/YoutubePlayer.js

@@ -1,9 +1,21 @@
+import _styled from '@emotion/styled/base';
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import Youtube from 'react-youtube';
+import { Flex } from '@elice/blocks';
 import classnames from 'classnames';
-import { StyledYoutubePlayerWrapper } from './YoutubePlayer.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)."; }
+var StyledYoutubePlayerWrapper = /*#__PURE__*/_styled(Flex, {
+  target: "e14xcppy0"
+})("production" === "production" ? {
+  name: "s6oojq",
+  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}"
+} : {
+  name: "s6oojq",
+  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var YoutubePlayer = function YoutubePlayer(_a) {
   var className = _a.className,
     videoId = _a.videoId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-video",
-  "version": "1.260220.0",
+  "version": "1.260429.0-improvetimerpopoverui.0",
   "description": "User view and editing components of Elice material video",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -14,27 +14,19 @@
     "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/types": "^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.260429.0-improvetimerpopoverui.0",
+    "@elice/material-shared-utils": "1.260429.0-improvetimerpopoverui.0"
   },
   "dependencies": {
     "classnames": "^2.2.0",
@@ -48,14 +40,29 @@
     "@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/rollup-config": "^1.260406.0",
     "@elice/types": "^1.251229.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.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/MaterialVideo.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledMaterialVideoStatus: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/cjs/components/material-video/MaterialVideo.styled.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-
-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 StyledMaterialVideoStatus = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "ehbshjs0"
-})("production" === "production" ? {
-  name: "r4h982",
-  styles: "width:100%;height:100%;background-color:#22222c"
-} : {
-  name: "r4h982",
-  styles: "width:100%;height:100%;background-color:#22222c",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledMaterialVideoStatus = StyledMaterialVideoStatus;

package/cjs/components/youtube-player/YoutubePlayer.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledYoutubePlayerWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/cjs/components/youtube-player/YoutubePlayer.styled.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-
-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 StyledYoutubePlayerWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "e11o7hq70"
-})("production" === "production" ? {
-  name: "s6oojq",
-  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}"
-} : {
-  name: "s6oojq",
-  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledYoutubePlayerWrapper = StyledYoutubePlayerWrapper;

package/es/components/material-video/MaterialVideo.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledMaterialVideoStatus: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/es/components/material-video/MaterialVideo.styled.js

@@ -1,16 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Flex } from '@elice/blocks';
-
-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 StyledMaterialVideoStatus = /*#__PURE__*/_styled(Flex, {
-  target: "ehbshjs0"
-})("production" === "production" ? {
-  name: "r4h982",
-  styles: "width:100%;height:100%;background-color:#22222c"
-} : {
-  name: "r4h982",
-  styles: "width:100%;height:100%;background-color:#22222c",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-export { StyledMaterialVideoStatus };

package/es/components/youtube-player/YoutubePlayer.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledYoutubePlayerWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/es/components/youtube-player/YoutubePlayer.styled.js

@@ -1,16 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Flex } from '@elice/blocks';
-
-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 StyledYoutubePlayerWrapper = /*#__PURE__*/_styled(Flex, {
-  target: "e11o7hq70"
-})("production" === "production" ? {
-  name: "s6oojq",
-  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}"
-} : {
-  name: "s6oojq",
-  styles: "width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-export { StyledYoutubePlayerWrapper };