@elicecontents/content-ui 1.0.15 → 1.0.16-rc.0

package/cjs/components/chat/Chat.js

@@ -6,13 +6,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var useAIDTMediaQuery = require('../../hooks/useAIDTMediaQuery.js');
 var material = require('@mui/material');
-require('tslib');
-var Micro = require('../../icons/Micro.js');
-var Reset = require('../../icons/Reset.js');
-var ReadyRecord = require('../../icons/ReadyRecord.js');
-var SendArrow = require('../../icons/SendArrow.js');
 var IconButton = require('../icon-button/IconButton.js');
 var RecorderContext = require('../recorder-step/RecorderContext.js');
 var AIAvatar = require('../../assets/AIAvatar.png.js');
@@ -20,6 +14,11 @@ var AssistantAvatar = require('./AssistantAvatar.js');
 var UserAvatar = require('./UserAvatar.js');
 var TypingIndicator = require('./TypingIndicator.js');
 var RecorderStep = require('../recorder-step/RecorderStep.js');
+var useAIDTMediaQuery = require('../../hooks/useAIDTMediaQuery.js');
+var ReadyRecord = require('../../icons/ReadyRecord.js');
+var Micro = require('../../icons/Micro.js');
+var Reset = require('../../icons/Reset.js');
+var SendArrow = require('../../icons/SendArrow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -206,6 +205,11 @@ EliceChat.InputArea = function (_ref3) {
     zIndex: "1000",
     children: isOnlyRecord ? jsxRuntime.jsxs(OnlyRecordButton, {
       theme: theme,
+      onClick: function onClick() {
+        onRecord === null || onRecord === void 0 ? void 0 : onRecord();
+        setIsRecording(true);
+        onTranscribingChange === null || onTranscribingChange === void 0 ? void 0 : onTranscribingChange(true);
+      },
       children: [jsxRuntime.jsx(ReadyRecord.default, {}), jsxRuntime.jsx(material.Typography, {
         variant: "h1",
         children: "\uB179\uC74C \uC2DC\uC791"

package/cjs/components/dotted-pagination/DottedPagination.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var material = require('@mui/material');
+var tokenColorTemporary = require('../tokenColorTemporary.js');
 var ArrowLeft = require('../../icons/ArrowLeft.js');
 var ArrowRight = require('../../icons/ArrowRight.js');
-require('tslib');
-var tokenColorTemporary = require('../tokenColorTemporary.js');
 
 var EliceDottedPagination = function EliceDottedPagination(props) {
   var _props$currentPage = props.currentPage,

package/cjs/components/layout/Header/LayoutHeaderSubTitle.js

@@ -8,10 +8,9 @@ var React = require('react');
 var menu = require('@base-ui-components/react/menu');
 var material = require('@mui/material');
 var IconButton = require('../../icon-button/IconButton.js');
-require('tslib');
+var useAIDTMediaQuery = require('../../../hooks/useAIDTMediaQuery.js');
 var MoreColumn = require('../../../icons/MoreColumn.js');
 var bluepurple = require('../../../tokens/colors/bluepurple.js');
-var useAIDTMediaQuery = require('../../../hooks/useAIDTMediaQuery.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/components/pagination-button/PaginationButton.js

@@ -7,8 +7,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var useAIDTMediaQuery = require('../../hooks/useAIDTMediaQuery.js');
 var ArrowLeft = require('../../icons/ArrowLeft.js');
 var ArrowRight = require('../../icons/ArrowRight.js');
-require('tslib');
-require('@mui/material');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/components/recorder/Recorder.js

@@ -7,10 +7,9 @@ var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var material = require('@mui/material');
-require('tslib');
-var Recording = require('../../icons/Recording.js');
-var ReadyRecord = require('../../icons/ReadyRecord.js');
 var Button = require('../button/Button.js');
+var ReadyRecord = require('../../icons/ReadyRecord.js');
+var Recording = require('../../icons/Recording.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/components/recorder-chat/RecorderChat.js

@@ -7,16 +7,15 @@ var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var material = require('@mui/material');
-require('tslib');
-var Micro = require('../../icons/Micro.js');
-var Reset = require('../../icons/Reset.js');
-var Send = require('../../icons/Send.js');
-var Recording = require('../../icons/Recording.js');
-var ReadyRecord = require('../../icons/ReadyRecord.js');
 var IconButton = require('../icon-button/IconButton.js');
 var AssistantAvatar = require('./AssistantAvatar.js');
 var UserAvatar = require('./UserAvatar.js');
 var TypingIndicator = require('./TypingIndicator.js');
+var Micro = require('../../icons/Micro.js');
+var Reset = require('../../icons/Reset.js');
+var Send = require('../../icons/Send.js');
+var ReadyRecord = require('../../icons/ReadyRecord.js');
+var Recording = require('../../icons/Recording.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/components/recorder-step/RecorderStep.js

@@ -7,13 +7,12 @@ var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var material = require('@mui/material');
-require('tslib');
-var Recording = require('../../icons/Recording.js');
-var ReadyRecord = require('../../icons/ReadyRecord.js');
 var RecorderContext = require('./RecorderContext.js');
 var SoundVisualizer = require('../sound-visualizer/SoundVisualizer.js');
 var Audio = require('../audio/Audio.js');
 var Button = require('../button/Button.js');
+var ReadyRecord = require('../../icons/ReadyRecord.js');
+var Recording = require('../../icons/Recording.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/components/selection/Selection.js

@@ -6,12 +6,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var material = require('@mui/material');
-require('tslib');
+var tokenColorTemporary = require('../tokenColorTemporary.js');
 var SelectedCheckbox = require('../../icons/SelectedCheckbox.js');
-var SelectedRadio = require('../../icons/SelectedRadio.js');
 var UnselectedCheckbox = require('../../icons/UnselectedCheckbox.js');
+var SelectedRadio = require('../../icons/SelectedRadio.js');
 var UnselectedRadio = require('../../icons/UnselectedRadio.js');
-var tokenColorTemporary = require('../tokenColorTemporary.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/components/subtitle-button/SubtitleButton.js

@@ -6,8 +6,8 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var material = require('@mui/material');
-var bluepurple = require('../../tokens/colors/bluepurple.js');
 var useAIDTMediaQuery = require('../../hooks/useAIDTMediaQuery.js');
+var bluepurple = require('../../tokens/colors/bluepurple.js');
 
 var EliceSubButton = React.forwardRef(function (_a, ref) {
   var children = _a.children,

package/cjs/components/tooltip/Tooltip.js

@@ -8,8 +8,8 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var material = require('@mui/material');
-var Close = require('../../icons/Close.js');
 var tokenColorTemporary = require('../tokenColorTemporary.js');
+var Close = require('../../icons/Close.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/index.js

@@ -25,11 +25,7 @@ var VideoPlayer = require('./components/video/VideoPlayer.js');
 var Recorder = require('./components/recorder/Recorder.js');
 var Audio = require('./components/audio/Audio.js');
 var SoundVisualizer = require('./components/sound-visualizer/SoundVisualizer.js');
-var RecorderContext = require('./components/recorder-step/RecorderContext.js');
 var RecorderStep = require('./components/recorder-step/RecorderStep.js');
-var createAIDTTheme = require('./theme/createAIDTTheme.js');
-var index = require('./tokens/colors/index.js');
-var breakpoints = require('./tokens/breakpoints/breakpoints.js');
 var ArrowLeft = require('./icons/ArrowLeft.js');
 var ArrowRight = require('./icons/ArrowRight.js');
 var Close = require('./icons/Close.js');
@@ -50,6 +46,8 @@ var ReadyRecord = require('./icons/ReadyRecord.js');
 var RecordPlay = require('./icons/RecordPlay.js');
 var SendArrow = require('./icons/SendArrow.js');
 var useAIDTMediaQuery = require('./hooks/useAIDTMediaQuery.js');
+var RecorderContext = require('./components/recorder-step/RecorderContext.js');
+var createAIDTTheme = require('./theme/createAIDTTheme.js');
 var mint = require('./tokens/colors/mint.js');
 var bluepurple = require('./tokens/colors/bluepurple.js');
 var gray = require('./tokens/colors/gray.js');
@@ -60,6 +58,8 @@ var purple = require('./tokens/colors/purple.js');
 var yellow = require('./tokens/colors/yellow.js');
 var bluesky = require('./tokens/colors/bluesky.js');
 var common = require('./tokens/colors/common.js');
+var breakpoints = require('./tokens/breakpoints/breakpoints.js');
+var index = require('./tokens/colors/index.js');
 
 
 
@@ -87,11 +87,7 @@ exports.EliceVideoPlayer = VideoPlayer.default;
 exports.EliceRecorder = Recorder.default;
 exports.EliceAudioPlayer = Audio.default;
 exports.SoundVisualizer = SoundVisualizer.SoundVisualizer;
-exports.RecorderProvider = RecorderContext.RecorderProvider;
 exports.EliceRecorderStep = RecorderStep.default;
-exports.createAIDTTheme = createAIDTTheme.createAIDTTheme;
-exports.colors = index;
-exports.breakpoints = breakpoints.breakpoints;
 exports.ArrowLeft = ArrowLeft.default;
 exports.ArrowRight = ArrowRight.default;
 exports.Close = Close.default;
@@ -112,6 +108,8 @@ exports.ReadyRecord = ReadyRecord.default;
 exports.RecordPlay = RecordPlay.default;
 exports.SendArrow = SendArrow.default;
 exports.useAIDTMediaQuery = useAIDTMediaQuery.default;
+exports.RecorderProvider = RecorderContext.RecorderProvider;
+exports.createAIDTTheme = createAIDTTheme.createAIDTTheme;
 exports.mint = mint.mint;
 exports.bluepurple = bluepurple.bluepurple;
 exports.gray = gray.gray;
@@ -122,3 +120,5 @@ exports.purple = purple.purple;
 exports.yellow = yellow.yellow;
 exports.bluesky = bluesky.bluesky;
 exports.common = common.common;
+exports.breakpoints = breakpoints.breakpoints;
+exports.colors = index;

package/cjs/theme/createAIDTTheme.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var material = require('@mui/material');
-var common = require('../tokens/colors/common.js');
 var typography = require('../typography/typography.js');
 var _base = require('./_base.js');
 var AIDTTheme = require('./AIDTTheme.js');
 var breakpoints = require('../breakpoints/breakpoints.js');
+var common = require('../tokens/colors/common.js');
 
 var createAIDTTheme = function createAIDTTheme(_ref) {
   var _ref$paletteMode = _ref.paletteMode,

package/es/components/chat/Chat.js

@@ -197,6 +197,11 @@ EliceChat.InputArea = function (_ref3) {
     zIndex: "1000",
     children: isOnlyRecord ? jsxs(OnlyRecordButton, {
       theme: theme,
+      onClick: function onClick() {
+        onRecord === null || onRecord === void 0 ? void 0 : onRecord();
+        setIsRecording(true);
+        onTranscribingChange === null || onTranscribingChange === void 0 ? void 0 : onTranscribingChange(true);
+      },
       children: [jsx(ReadyRecord, {}), jsx(Typography, {
         variant: "h1",
         children: "\uB179\uC74C \uC2DC\uC791"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elicecontents/content-ui",
-  "version": "1.0.15",
+  "version": "1.0.16-rc.0",
   "description": "A set of UI components for creating content of Elice",
   "author": "Elice <contact@elice.io>",
   "license": "UNLICENSED",