@elicecontents/content-ui 1.0.19 → 1.0.20-rc.1

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

@@ -24,6 +24,7 @@ export interface EliceChatProps {
     type?: string;
     recorderType?: RecorderType;
     isOnlyRecord: boolean;
+    isRecordDisabled?: boolean;
     isResetDisabled?: boolean;
 }
 declare const EliceChat: {
@@ -39,7 +40,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, isResetDisabled, }: {
+    InputArea({ placeHolder, value, isDisabled, onChange, onSend, onReset, onRecord, onTranscribingChange, isOnlyRecord, isResetDisabled, isRecordDisabled, }: {
         placeHolder: string;
         value: string;
         isDisabled: boolean;
@@ -53,7 +54,8 @@ declare const EliceChat: {
         type: RecorderType;
         isOnlyRecord: boolean;
         isResetDisabled: boolean;
+        isRecordDisabled: 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, isResetDisabled, }: 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, isRecordDisabled, }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
 export default EliceChat;

package/cjs/components/chat/Chat.js

@@ -58,7 +58,9 @@ var EliceChatContainer = function EliceChatContainer(_ref) {
     _ref$isOnlyRecord = _ref.isOnlyRecord,
     isOnlyRecord = _ref$isOnlyRecord === void 0 ? false : _ref$isOnlyRecord,
     _ref$isResetDisabled = _ref.isResetDisabled,
-    isResetDisabled = _ref$isResetDisabled === void 0 ? false : _ref$isResetDisabled;
+    isResetDisabled = _ref$isResetDisabled === void 0 ? false : _ref$isResetDisabled,
+    _ref$isRecordDisabled = _ref.isRecordDisabled,
+    isRecordDisabled = _ref$isRecordDisabled === void 0 ? false : _ref$isRecordDisabled;
   var theme = material.useTheme();
   var _useState = React.useState(content),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -130,7 +132,8 @@ var EliceChatContainer = function EliceChatContainer(_ref) {
       onTranscribingChange: onTranscribingChange,
       isDisabled: isDisabled,
       type: recorderType,
-      isResetDisabled: isResetDisabled
+      isResetDisabled: isResetDisabled,
+      isRecordDisabled: isRecordDisabled
     })]
   });
 };
@@ -189,7 +192,8 @@ EliceChat.InputArea = function (_ref3) {
     onRecord = _ref3.onRecord,
     onTranscribingChange = _ref3.onTranscribingChange,
     isOnlyRecord = _ref3.isOnlyRecord,
-    isResetDisabled = _ref3.isResetDisabled;
+    isResetDisabled = _ref3.isResetDisabled,
+    isRecordDisabled = _ref3.isRecordDisabled;
   var theme = material.useTheme();
   var _useRecorder2 = RecorderContext.useRecorder(),
     recorderState = _useRecorder2.state,
@@ -254,6 +258,7 @@ EliceChat.InputArea = function (_ref3) {
             setIsRecording(true);
             onTranscribingChange === null || onTranscribingChange === void 0 ? void 0 : onTranscribingChange(true);
           },
+          disabled: isRecordDisabled,
           children: jsxRuntime.jsx(Micro.default, {
             color: theme.palette.secondary.main
           })

package/cjs/components/index.js

@@ -6,7 +6,7 @@ var Button = require('./button/Button.js');
 var Chat = require('./chat/Chat.js');
 var Dialog = require('./dialog/Dialog.js');
 var DottedPagination = require('./dotted-pagination/DottedPagination.js');
-var Layout = require('./layout/Layout.js');
+var index = require('./layout/index.js');
 var Question = require('./question/Question.js');
 var Selection = require('./selection/Selection.js');
 var IconButton = require('./icon-button/IconButton.js');
@@ -26,6 +26,7 @@ var Audio = require('./audio/Audio.js');
 var SoundVisualizer = require('./sound-visualizer/SoundVisualizer.js');
 var RecorderContext = require('./recorder-step/RecorderContext.js');
 var RecorderStep = require('./recorder-step/RecorderStep.js');
+var Layout = require('./layout/Layout.js');
 
 
 
@@ -35,7 +36,7 @@ exports.EliceButton = Button.default;
 exports.EliceChat = Chat.default;
 exports.EliceDialog = Dialog.default;
 exports.EliceDottedPagination = DottedPagination.default;
-exports.EliceLayout = Layout.default;
+exports.EliceLayout = index.EliceLayout;
 exports.EliceQuestion = Question.default;
 exports.EliceSelection = Selection.default;
 exports.EliceIconButton = IconButton.default;
@@ -55,3 +56,15 @@ exports.EliceAudioPlayer = Audio.default;
 exports.SoundVisualizer = SoundVisualizer.SoundVisualizer;
 exports.RecorderProvider = RecorderContext.RecorderProvider;
 exports.EliceRecorderStep = RecorderStep.default;
+exports.Box = Layout.Box;
+exports.Content = Layout.Content;
+exports.ContentContainer = Layout.ContentContainer;
+exports.FooterContainer = Layout.FooterContainer;
+exports.FooterPaging = Layout.FooterPaging;
+exports.FooterSubmit = Layout.FooterSubmit;
+exports.HeaderContainer = Layout.HeaderContainer;
+exports.HeaderSubTitle = Layout.HeaderSubTitle;
+exports.HeaderTitle = Layout.HeaderTitle;
+exports.Layout = Layout.Layout;
+exports.Stack = Layout.Stack;
+exports.Typography = Layout.Typography;

package/cjs/components/layout/Layout.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { SxProps, Theme } from "@mui/material";
+import type { BoxProps, StackProps, SxProps, Theme, TypographyProps } from "@mui/material";
 export interface EliceLayoutProps {
     children: React.ReactNode;
     backgroundImage?: string;
@@ -13,35 +13,53 @@ export interface EliceLayoutProps {
     sx?: SxProps<Theme>;
 }
 type Alignment = "left" | "center" | "right";
-declare const EliceLayout: (({ children, onPrev, onNext, allowPrev, allowNext, backgroundImage, backgroundColor, onlyPage, enableScrollTracking, sx }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element) & {
-    HeaderContainer: ({ children, sx }: {
-        children: React.ReactNode;
-        sx?: SxProps<Theme> | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    HeaderTitle: ({ children, titleComponent, sx }: import("./Header").LayoutHeaderTitleProps) => JSX.Element;
-    HeaderSubTitle: ({ children, sx }: import("./Header").LayoutHeaderSubTitleProps) => JSX.Element;
-    ContentContainer: ({ children, sx, scrollbarPostion }: {
-        children: React.ReactNode;
-        sx?: SxProps<Theme> | undefined;
-        scrollbarPostion?: number | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Subtitle: ({ children, alignment, justifyContent, sx }: {
-        children: React.ReactNode;
-        alignment?: Alignment | undefined;
-        justifyContent?: string | undefined;
-        sx?: SxProps<Theme> | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, alignment, justifyContent, sx, }: {
-        children: React.ReactNode;
-        alignment?: Alignment | undefined;
-        justifyContent?: string | undefined;
-        sx?: SxProps<Theme> | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    FooterContainer: ({ children, sx }: {
-        children: React.ReactNode;
-        sx?: SxProps<Theme> | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    FooterPaging: React.FC<import("./Footer").LayoutFooterPagingProps>;
-    FooterSubmit: ({ isRollback, isSubmit, disableRollback, disableSubmit, submitText, rollbackText, onSubmit, onRollback, sx, }: import("./Footer").LayoutFooterSubmitProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default EliceLayout;
+interface EliceStepProps<T extends React.ElementType> {
+    step?: -1 | 0 | 1 | 2 | 3;
+    component?: T;
+}
+type EliceBoxProps<T extends React.ElementType> = BoxProps<T> & EliceStepProps<T>;
+type EliceStackProps<T extends React.ElementType> = StackProps<T> & EliceStepProps<T>;
+type EliceTypographyProps = TypographyProps & Omit<EliceStepProps<React.ElementType>, 'component'>;
+/**
+ *  @summary Alpha of Design System. Wrapper of MUI Box
+ * */
+export declare const Box: React.ForwardRefExoticComponent<Omit<EliceBoxProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+/**
+ *  @summary Alpha of Design System. Wrapper of MUI Stack
+ * */
+export declare const Stack: React.ForwardRefExoticComponent<Omit<EliceStackProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+/**
+ *  @summary Alpha of Design System. Wrapper of MUI Typography
+ * */
+export declare function Typography({ step, sx, ...props }: EliceTypographyProps): import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ children, onPrev, onNext, allowPrev, allowNext, backgroundImage, backgroundColor, onlyPage, enableScrollTracking, sx }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderContainer: ({ children, sx }: {
+    children: React.ReactNode;
+    sx?: SxProps<Theme> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderTitle: ({ children, titleComponent, sx }: import("./Header").LayoutHeaderTitleProps) => JSX.Element;
+export declare const HeaderSubTitle: ({ children, sx }: import("./Header").LayoutHeaderSubTitleProps) => JSX.Element;
+export declare const ContentContainer: ({ children, sx, scrollbarPostion }: {
+    children: React.ReactNode;
+    sx?: SxProps<Theme> | undefined;
+    scrollbarPostion?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Subtitle: ({ children, alignment, justifyContent, sx }: {
+    children: React.ReactNode;
+    alignment?: Alignment | undefined;
+    justifyContent?: string | undefined;
+    sx?: SxProps<Theme> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ children, alignment, justifyContent, sx, }: {
+    children: React.ReactNode;
+    alignment?: Alignment | undefined;
+    justifyContent?: string | undefined;
+    sx?: SxProps<Theme> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterContainer: ({ children, sx }: {
+    children: React.ReactNode;
+    sx?: SxProps<Theme> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterPaging: React.FC<import("./Footer").LayoutFooterPagingProps>;
+export declare const FooterSubmit: ({ isRollback, isSubmit, disableRollback, disableSubmit, submitText, rollbackText, onSubmit, onRollback, sx, }: import("./Footer").LayoutFooterSubmitProps) => import("react/jsx-runtime").JSX.Element;
+export {};