@elicecontents/content-ui 1.0.17 → 1.0.18-rc.0

package/cjs/components/chat/Chat.d.ts

@@ -24,6 +24,7 @@ export interface EliceChatProps {
     type?: string;
     recorderType?: RecorderType;
     isOnlyRecord: boolean;
+    isResetDisabled?: boolean;
 }
 declare const EliceChat: {
     (props: React.ComponentProps<typeof EliceChatContainer>): import("react/jsx-runtime").JSX.Element;
@@ -38,7 +39,7 @@ declare const EliceChat: {
         CustomAssistantAvatar: React.ReactNode;
         CustomUserAvatar: React.ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
-    InputArea({ placeHolder, value, isDisabled, onChange, onSend, onReset, onRecord, onTranscribingChange, isOnlyRecord, }: {
+    InputArea({ placeHolder, value, isDisabled, onChange, onSend, onReset, onRecord, onTranscribingChange, isOnlyRecord, isResetDisabled, }: {
         placeHolder: string;
         value: string;
         isDisabled: boolean;
@@ -51,7 +52,8 @@ declare const EliceChat: {
         onTranscribingChange?: ((value: boolean) => void) | undefined;
         type: RecorderType;
         isOnlyRecord: boolean;
+        isResetDisabled: boolean;
     }): import("react/jsx-runtime").JSX.Element;
 };
-declare const EliceChatContainer: ({ placeholder, messages, content, onReset, onSend, onChange, onRecord, onTranscribingChange, setAudioFile, onTransform, isLoadingMessage, CustomAssistantAvatar, CustomUserAvatar, isDisabled, backgroundImage, height, recorderType, isOnlyRecord }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
+declare const EliceChatContainer: ({ placeholder, messages, content, onReset, onSend, onChange, onRecord, onTranscribingChange, setAudioFile, onTransform, isLoadingMessage, CustomAssistantAvatar, CustomUserAvatar, isDisabled, backgroundImage, height, recorderType, isOnlyRecord, isResetDisabled, }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
 export default EliceChat;

package/cjs/components/chat/Chat.js

@@ -56,7 +56,9 @@ var EliceChatContainer = function EliceChatContainer(_ref) {
     _ref$recorderType = _ref.recorderType,
     recorderType = _ref$recorderType === void 0 ? 'notNeed' : _ref$recorderType,
     _ref$isOnlyRecord = _ref.isOnlyRecord,
-    isOnlyRecord = _ref$isOnlyRecord === void 0 ? false : _ref$isOnlyRecord;
+    isOnlyRecord = _ref$isOnlyRecord === void 0 ? false : _ref$isOnlyRecord,
+    _ref$isResetDisabled = _ref.isResetDisabled,
+    isResetDisabled = _ref$isResetDisabled === void 0 ? false : _ref$isResetDisabled;
   var theme = material.useTheme();
   var _useState = React.useState(content),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -127,7 +129,8 @@ var EliceChatContainer = function EliceChatContainer(_ref) {
       onRecord: onRecord,
       onTranscribingChange: onTranscribingChange,
       isDisabled: isDisabled,
-      type: recorderType
+      type: recorderType,
+      isResetDisabled: isResetDisabled
     })]
   });
 };
@@ -185,7 +188,8 @@ EliceChat.InputArea = function (_ref3) {
     onReset = _ref3.onReset,
     onRecord = _ref3.onRecord,
     onTranscribingChange = _ref3.onTranscribingChange,
-    isOnlyRecord = _ref3.isOnlyRecord;
+    isOnlyRecord = _ref3.isOnlyRecord,
+    isResetDisabled = _ref3.isResetDisabled;
   var theme = material.useTheme();
   var _useRecorder2 = RecorderContext.useRecorder(),
     recorderState = _useRecorder2.state,
@@ -226,7 +230,15 @@ EliceChat.InputArea = function (_ref3) {
           onChange: onChange,
           placeholder: placeHolder,
           theme: theme,
-          multiline: true
+          multiline: true,
+          onKeyDown: function onKeyDown(e) {
+            if (e.key === 'Enter' && !e.shiftKey) {
+              e.preventDefault();
+              if (value.trim()) {
+                onSend();
+              }
+            }
+          }
         })
       }), jsxRuntime.jsxs(material.Stack, {
         direction: "row",
@@ -249,6 +261,7 @@ EliceChat.InputArea = function (_ref3) {
           onClick: onReset,
           width: isTablet ? '3rem' : '3.5rem',
           height: isTablet ? '3rem' : '3.5rem',
+          disabled: isResetDisabled,
           children: jsxRuntime.jsx(Reset.default, {
             color: theme.palette.secondary.main
           })

package/cjs/hooks/useAIDTMediaQuery.d.ts

@@ -4,5 +4,6 @@ declare const useAIDTMediaQuery: () => {
     isTablet: boolean;
     isNotebook: boolean;
     isDesktop: boolean;
+    isHeightSmall: boolean;
 };
 export default useAIDTMediaQuery;

package/cjs/hooks/useAIDTMediaQuery.js

@@ -12,12 +12,14 @@ var useAIDTMediaQuery = function useAIDTMediaQuery() {
   var isTablet = material.useMediaQuery(theme.breakpoints.down(breakpoints.breakpoints.md)); // 768px 이하
   var isNotebook = material.useMediaQuery(theme.breakpoints.down(breakpoints.breakpoints.lg)); // 1024px 이하
   var isDesktop = material.useMediaQuery(theme.breakpoints.up(breakpoints.breakpoints.lg + 1)); // 1025px 이상
+  var isHeightSmall = material.useMediaQuery("(max-height: ".concat(breakpoints.breakpoints.height, "px)"));
   return {
     isMobile: isMobile,
     isMiniTablet: isMiniTablet,
     isTablet: isTablet,
     isNotebook: isNotebook,
-    isDesktop: isDesktop
+    isDesktop: isDesktop,
+    isHeightSmall: isHeightSmall
   };
 };
 

package/cjs/tokens/breakpoints/breakpoints.d.ts

@@ -7,4 +7,5 @@ export declare const breakpoints: Readonly<{
     tablet: 480;
     notebook: 640;
     desktop: 800;
+    height: 500;
 }>;

package/cjs/tokens/breakpoints/breakpoints.js

@@ -8,7 +8,8 @@ var breakpoints = Object.freeze({
   xl: 1280,
   tablet: 480,
   notebook: 640,
-  desktop: 800
+  desktop: 800,
+  height: 500
 });
 
 exports.breakpoints = breakpoints;

package/cjs/types/theme-augmentation.d.ts

@@ -2,12 +2,14 @@
 import '@mui/material/styles';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
+        subtitle3: React.CSSProperties;
         pagination: React.CSSProperties;
         buttoninput: React.CSSProperties;
     }
     interface TypographyVariantsOptions {
         pagination?: React.CSSProperties;
         buttoninput?: React.CSSProperties;
+        subtitle?: React.CSSProperties;
     }
     interface CommonColors {
         white: string;

package/es/components/chat/Chat.d.ts

@@ -24,6 +24,7 @@ export interface EliceChatProps {
     type?: string;
     recorderType?: RecorderType;
     isOnlyRecord: boolean;
+    isResetDisabled?: boolean;
 }
 declare const EliceChat: {
     (props: React.ComponentProps<typeof EliceChatContainer>): import("react/jsx-runtime").JSX.Element;
@@ -38,7 +39,7 @@ declare const EliceChat: {
         CustomAssistantAvatar: React.ReactNode;
         CustomUserAvatar: React.ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
-    InputArea({ placeHolder, value, isDisabled, onChange, onSend, onReset, onRecord, onTranscribingChange, isOnlyRecord, }: {
+    InputArea({ placeHolder, value, isDisabled, onChange, onSend, onReset, onRecord, onTranscribingChange, isOnlyRecord, isResetDisabled, }: {
         placeHolder: string;
         value: string;
         isDisabled: boolean;
@@ -51,7 +52,8 @@ declare const EliceChat: {
         onTranscribingChange?: ((value: boolean) => void) | undefined;
         type: RecorderType;
         isOnlyRecord: boolean;
+        isResetDisabled: boolean;
     }): import("react/jsx-runtime").JSX.Element;
 };
-declare const EliceChatContainer: ({ placeholder, messages, content, onReset, onSend, onChange, onRecord, onTranscribingChange, setAudioFile, onTransform, isLoadingMessage, CustomAssistantAvatar, CustomUserAvatar, isDisabled, backgroundImage, height, recorderType, isOnlyRecord }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
+declare const EliceChatContainer: ({ placeholder, messages, content, onReset, onSend, onChange, onRecord, onTranscribingChange, setAudioFile, onTransform, isLoadingMessage, CustomAssistantAvatar, CustomUserAvatar, isDisabled, backgroundImage, height, recorderType, isOnlyRecord, isResetDisabled, }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
 export default EliceChat;

package/es/components/chat/Chat.js

@@ -47,7 +47,9 @@ var EliceChatContainer = function EliceChatContainer(_ref) {
     _ref$recorderType = _ref.recorderType,
     recorderType = _ref$recorderType === void 0 ? 'notNeed' : _ref$recorderType,
     _ref$isOnlyRecord = _ref.isOnlyRecord,
-    isOnlyRecord = _ref$isOnlyRecord === void 0 ? false : _ref$isOnlyRecord;
+    isOnlyRecord = _ref$isOnlyRecord === void 0 ? false : _ref$isOnlyRecord,
+    _ref$isResetDisabled = _ref.isResetDisabled,
+    isResetDisabled = _ref$isResetDisabled === void 0 ? false : _ref$isResetDisabled;
   var theme = useTheme();
   var _useState = useState(content),
     _useState2 = _slicedToArray(_useState, 2),
@@ -118,7 +120,8 @@ var EliceChatContainer = function EliceChatContainer(_ref) {
       onRecord: onRecord,
       onTranscribingChange: onTranscribingChange,
       isDisabled: isDisabled,
-      type: recorderType
+      type: recorderType,
+      isResetDisabled: isResetDisabled
     })]
   });
 };
@@ -176,7 +179,8 @@ EliceChat.InputArea = function (_ref3) {
     onReset = _ref3.onReset,
     onRecord = _ref3.onRecord,
     onTranscribingChange = _ref3.onTranscribingChange,
-    isOnlyRecord = _ref3.isOnlyRecord;
+    isOnlyRecord = _ref3.isOnlyRecord,
+    isResetDisabled = _ref3.isResetDisabled;
   var theme = useTheme();
   var _useRecorder2 = useRecorder(),
     recorderState = _useRecorder2.state,
@@ -217,7 +221,15 @@ EliceChat.InputArea = function (_ref3) {
           onChange: onChange,
           placeholder: placeHolder,
           theme: theme,
-          multiline: true
+          multiline: true,
+          onKeyDown: function onKeyDown(e) {
+            if (e.key === 'Enter' && !e.shiftKey) {
+              e.preventDefault();
+              if (value.trim()) {
+                onSend();
+              }
+            }
+          }
         })
       }), jsxs(Stack, {
         direction: "row",
@@ -240,6 +252,7 @@ EliceChat.InputArea = function (_ref3) {
           onClick: onReset,
           width: isTablet ? '3rem' : '3.5rem',
           height: isTablet ? '3rem' : '3.5rem',
+          disabled: isResetDisabled,
           children: jsx(Reset, {
             color: theme.palette.secondary.main
           })

package/es/hooks/useAIDTMediaQuery.d.ts

@@ -4,5 +4,6 @@ declare const useAIDTMediaQuery: () => {
     isTablet: boolean;
     isNotebook: boolean;
     isDesktop: boolean;
+    isHeightSmall: boolean;
 };
 export default useAIDTMediaQuery;

package/es/hooks/useAIDTMediaQuery.js

@@ -8,12 +8,14 @@ var useAIDTMediaQuery = function useAIDTMediaQuery() {
   var isTablet = useMediaQuery(theme.breakpoints.down(breakpoints.md)); // 768px 이하
   var isNotebook = useMediaQuery(theme.breakpoints.down(breakpoints.lg)); // 1024px 이하
   var isDesktop = useMediaQuery(theme.breakpoints.up(breakpoints.lg + 1)); // 1025px 이상
+  var isHeightSmall = useMediaQuery("(max-height: ".concat(breakpoints.height, "px)"));
   return {
     isMobile: isMobile,
     isMiniTablet: isMiniTablet,
     isTablet: isTablet,
     isNotebook: isNotebook,
-    isDesktop: isDesktop
+    isDesktop: isDesktop,
+    isHeightSmall: isHeightSmall
   };
 };
 

package/es/tokens/breakpoints/breakpoints.d.ts

@@ -7,4 +7,5 @@ export declare const breakpoints: Readonly<{
     tablet: 480;
     notebook: 640;
     desktop: 800;
+    height: 500;
 }>;

package/es/tokens/breakpoints/breakpoints.js

@@ -6,7 +6,8 @@ var breakpoints = Object.freeze({
   xl: 1280,
   tablet: 480,
   notebook: 640,
-  desktop: 800
+  desktop: 800,
+  height: 500
 });
 
 export { breakpoints };

package/es/types/theme-augmentation.d.ts

@@ -2,12 +2,14 @@
 import '@mui/material/styles';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
+        subtitle3: React.CSSProperties;
         pagination: React.CSSProperties;
         buttoninput: React.CSSProperties;
     }
     interface TypographyVariantsOptions {
         pagination?: React.CSSProperties;
         buttoninput?: React.CSSProperties;
+        subtitle?: React.CSSProperties;
     }
     interface CommonColors {
         white: string;

package/package.json

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