pds-dev-kit-web-test 2.7.93 → 2.7.95

package/dist/src/desktop/components/ChatBubbleListItem/Popup.js

@@ -1,229 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popup = exports.PopupProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_dom_1 = require("react-dom");
-var styled_components_1 = __importDefault(require("styled-components"));
-var PopupContext = (0, react_1.createContext)({
-    current: null
-});
-function getHAutoPlacement(_a) {
-    var targetRect = _a.targetRect, popupRect = _a.popupRect;
-    var leftSpaced = targetRect.right + popupRect.width > window.innerWidth;
-    var topSpaced = targetRect.bottom + popupRect.height > window.innerHeight;
-    return "".concat(leftSpaced ? 'left' : 'right', "-").concat(topSpaced ? 'end' : 'start');
-}
-function getVAutoPlacement(_a) {
-    var targetRect = _a.targetRect, popupRect = _a.popupRect, wrapperHeight = _a.wrapperHeight;
-    var leftSpaced = targetRect.right + popupRect.width > window.innerWidth;
-    var topSpaced = targetRect.bottom + popupRect.height > (wrapperHeight || window.innerWidth);
-    return "".concat(topSpaced ? 'top' : 'bottom', "-").concat(leftSpaced ? 'end' : 'start');
-}
-function getVCenterPlacement(_a) {
-    var targetRect = _a.targetRect, popupRect = _a.popupRect;
-    var leftSpaced = targetRect.right + popupRect.width > window.innerWidth;
-    return leftSpaced ? 'left-center' : 'right-center';
-}
-function getHCenterPlacement(_a) {
-    var targetRect = _a.targetRect, popupRect = _a.popupRect;
-    var topSpaced = targetRect.bottom + popupRect.height > window.innerHeight;
-    return topSpaced ? 'top-center' : 'bottom-center';
-}
-/**
- * 위치 정규화
- */
-function getNormalizedPlacement(_a) {
-    var placement = _a.placement, targetRect = _a.targetRect, popupRect = _a.popupRect, wrapperHeight = _a.wrapperHeight;
-    switch (placement) {
-        case 'v-auto':
-            return getVAutoPlacement({ targetRect: targetRect, popupRect: popupRect, wrapperHeight: wrapperHeight });
-        case 'h-auto':
-            return getHAutoPlacement({ targetRect: targetRect, popupRect: popupRect, wrapperHeight: wrapperHeight });
-        case 'v-center':
-            return getVCenterPlacement({ targetRect: targetRect, popupRect: popupRect, wrapperHeight: wrapperHeight });
-        case 'h-center':
-            return getHCenterPlacement({ targetRect: targetRect, popupRect: popupRect, wrapperHeight: wrapperHeight });
-        default:
-            return placement;
-    }
-}
-function updatePosition(_a) {
-    var targetElem = _a.targetElem, popupElem = _a.popupElem, placement = _a.placement, wrapperHeight = _a.wrapperHeight;
-    var targetRect = targetElem.getBoundingClientRect();
-    var popupRect = popupElem.getBoundingClientRect();
-    var normPlacement = getNormalizedPlacement({ placement: placement, targetRect: targetRect, popupRect: popupRect, wrapperHeight: wrapperHeight });
-    switch (normPlacement) {
-        case 'top':
-            popupElem.style.top = "".concat(targetRect.top - popupRect.height, "px");
-            popupElem.style.left = "".concat(targetRect.left - (popupRect.width - targetRect.width) / 2, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'top-start':
-            popupElem.style.top = "".concat(targetRect.top - popupRect.height, "px");
-            popupElem.style.left = "".concat(targetRect.left, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'top-end':
-            popupElem.style.top = "".concat(targetRect.top - popupRect.height, "px");
-            popupElem.style.left = "".concat(targetRect.left + targetRect.width - popupRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'top-both':
-            popupElem.style.top = "".concat(targetRect.top - popupRect.height, "px");
-            popupElem.style.left = "".concat(targetRect.left, "px");
-            popupElem.style.width = "".concat(targetRect.width, "px");
-            break;
-        case 'top-center':
-            popupElem.style.top = "".concat(targetRect.top - popupRect.height, "px");
-            popupElem.style.left = "".concat(targetRect.left - (popupRect.width - targetRect.width) / 2, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'bottom':
-            popupElem.style.top = "".concat(targetRect.bottom, "px");
-            popupElem.style.left = "".concat(targetRect.left - (popupRect.width - targetRect.width) / 2, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'bottom-start':
-            popupElem.style.top = "".concat(targetRect.bottom, "px");
-            popupElem.style.left = "".concat(targetRect.left, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'bottom-end':
-            popupElem.style.top = "".concat(targetRect.bottom, "px");
-            popupElem.style.left = "".concat(targetRect.right - popupRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'bottom-both':
-            popupElem.style.top = "".concat(targetRect.bottom, "px");
-            popupElem.style.left = "".concat(targetRect.left, "px");
-            popupElem.style.width = "".concat(targetRect.width, "px");
-            break;
-        case 'bottom-center':
-            popupElem.style.top = "".concat(targetRect.bottom, "px");
-            popupElem.style.left = "".concat(targetRect.left - (popupRect.width - targetRect.width) / 2, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'left':
-            popupElem.style.top = "".concat(targetRect.top - (popupRect.height - targetRect.height) / 2, "px");
-            popupElem.style.left = "".concat(targetRect.left - popupRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'left-start':
-            popupElem.style.top = "".concat(targetRect.top, "px");
-            popupElem.style.left = "".concat(targetRect.left - popupRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'left-end':
-            popupElem.style.top = "".concat(targetRect.top - (popupRect.height - targetRect.height), "px");
-            popupElem.style.left = "".concat(targetRect.left - popupRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'left-center':
-            popupElem.style.top = "".concat(targetRect.top - (popupRect.height - targetRect.height) / 2, "px");
-            popupElem.style.left = "".concat(targetRect.left - popupRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'right':
-            popupElem.style.top = "".concat(targetRect.top - (popupRect.height - targetRect.height) / 2, "px");
-            popupElem.style.left = "".concat(targetRect.left + targetRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'right-start':
-            popupElem.style.top = "".concat(targetRect.top, "px");
-            popupElem.style.left = "".concat(targetRect.left + targetRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'right-end':
-            popupElem.style.top = "".concat(targetRect.top - (popupRect.height - targetRect.height), "px");
-            popupElem.style.left = "".concat(targetRect.left + targetRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        case 'right-center':
-            popupElem.style.top = "".concat(targetRect.top - (popupRect.height - targetRect.height) / 2, "px");
-            popupElem.style.left = "".concat(targetRect.left + targetRect.width, "px");
-            popupElem.style.width = 'auto';
-            break;
-        default:
-            break;
-    }
-    return normPlacement;
-}
-function Popup(_a) {
-    var targetRef = _a.targetRef, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClickOutside = _a.onClickOutside, onClick = _a.onClick, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, wrapperHeight = _a.wrapperHeight, children = _a.children;
-    var popupRootRef = (0, react_1.useContext)(PopupContext);
-    var _d = (0, react_1.useState)('bottom'), normPlacement = _d[0], setNormPlacement = _d[1];
-    var popupRef = (0, react_1.useRef)(null);
-    /**
-     * 팝업 외의 다른 요소 클릭시 팝업이 닫히도록 합니다.
-     */
-    (0, react_1.useEffect)(function () {
-        function handleClickOutside(e) {
-            if (popupRootRef.current && !popupRootRef.current.contains(e.target)) {
-                if (onClickOutside) {
-                    onClickOutside();
-                }
-            }
-        }
-        window.document.addEventListener('mousedown', handleClickOutside);
-        return function () {
-            window.document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [popupRootRef, onClickOutside]);
-    /**
-     * 전체 UI 렌더링이 한 프레임 완료된 후에 팝업 위치를 결정합니다.
-     */
-    (0, react_1.useEffect)(function () {
-        window.requestAnimationFrame(function () {
-            if (!targetRef.current || !popupRef.current) {
-                return;
-            }
-            var targetElem = targetRef.current;
-            var popupElem = popupRef.current;
-            var updatedPlacement = updatePosition({ targetElem: targetElem, popupElem: popupElem, placement: placement, wrapperHeight: wrapperHeight });
-            setNormPlacement(updatedPlacement);
-        });
-    }, [isOpen, placement, wrapperHeight, targetRef, popupRef]);
-    function handlePopupClick(e) {
-        e.stopPropagation();
-        if (onClick) {
-            onClick(e);
-        }
-    }
-    if (!popupRootRef || !popupRootRef.current || !isOpen) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    var popupComponent = ((0, jsx_runtime_1.jsx)(S_Popup, __assign({ ref: popupRef, onClick: function (e) { return handlePopupClick(e); } }, { children: typeof children === 'function' ? children(normPlacement) : children })));
-    return (0, react_dom_1.createPortal)(popupComponent, popupRootRef.current);
-}
-exports.Popup = Popup;
-var S_Popup = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  left: -1000px;\n  position: fixed;\n  top: -1000px;\n  z-index: 1000;\n"], ["\n  left: -1000px;\n  position: fixed;\n  top: -1000px;\n  z-index: 1000;\n"])));
-/**
- * 팝업 루트 프로바이더
- * 팝업을 사용하기 위해서는 팝업 프로바이더가 상위 컴포넌트로 있어야 합니다.
- */
-function PopupProvider(_a) {
-    var children = _a.children;
-    var ref = (0, react_1.useRef)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PopupContext.Provider, __assign({ value: ref }, { children: children })), (0, jsx_runtime_1.jsx)("div", { ref: ref })] }));
-}
-exports.PopupProvider = PopupProvider;
-var templateObject_1;

package/dist/src/desktop/components/ChatBubbleListItem/index.d.ts

@@ -1 +0,0 @@
-export { default as ChatBubbleListItem } from './ChatBubbleListItem';

package/dist/src/desktop/components/ChatBubbleListItem/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatBubbleListItem = void 0;
-var ChatBubbleListItem_1 = require("./ChatBubbleListItem");
-Object.defineProperty(exports, "ChatBubbleListItem", { enumerable: true, get: function () { return __importDefault(ChatBubbleListItem_1).default; } });

package/dist/src/desktop/components/ChatList/Body.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { Props as ChatListProps } from './ChatList';
-declare const Body: React.ForwardRefExoticComponent<Pick<ChatListProps, "children" | "scrollVisibleType" | "bodySpacingMode" | "bodyMBtnText" | "bodyChildren"> & {
-    isSubmitted: boolean;
-    callBackAfterScrollToBottom: () => void;
-} & React.RefAttributes<HTMLDivElement>>;
-export default Body;

package/dist/src/desktop/components/ChatList/Body.js

@@ -1,120 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var MainButton_1 = require("../MainButton");
-var useAutoScrollToBottom_1 = __importDefault(require("./useAutoScrollToBottom"));
-var Body = react_1.default.forwardRef(function (_a, ref) {
-    var bodyChildren = _a.bodyChildren, scrollVisibleType = _a.scrollVisibleType, children = _a.children, isSubmitted = _a.isSubmitted, bodyMBtnText = _a.bodyMBtnText, bodySpacingMode = _a.bodySpacingMode, callBackAfterScrollToBottom = _a.callBackAfterScrollToBottom;
-    var _b = (0, react_1.useState)(false), isButtonShow = _b[0], setIsButtonShow = _b[1];
-    var _c = (0, useAutoScrollToBottom_1.default)(), triggerScrollToBottom = _c.triggerScrollToBottom, EndOfList = _c.EndOfList;
-    /**
-     * @when 페이지 진입 시
-     * @expected 채팅 리스트의 맨 밑으로 스크롤 내린다.
-     * @clear -
-     */
-    (0, react_1.useEffect)(function () {
-        if (!isButtonShow) {
-            triggerScrollToBottom();
-        }
-    }, [children, isButtonShow, triggerScrollToBottom]);
-    /**
-     * @when 스크롤을 하고 있지 않은 상황에서 chatMessages가 업데이트 될 때마다
-     * @expected 채팅 리스트의 맨 밑으로 스크롤 내린다.
-     * @clear -
-     */
-    (0, react_1.useEffect)(function () {
-        var handleTriggerScroll = function () {
-            if (isSubmitted) {
-                callBackAfterScrollToBottom();
-                triggerScrollToBottom();
-            }
-        };
-        setTimeout(function () { return handleTriggerScroll(); }, 0);
-    }, [children, isButtonShow, isSubmitted, callBackAfterScrollToBottom]);
-    var handleClickMBtn = function () {
-        triggerScrollToBottom();
-    };
-    var handleScroll = function (e) {
-        var _a = e.currentTarget, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-        var BUTTON_SHOW_UP_HEIGHT = 64;
-        if (Math.ceil(scrollTop) + clientHeight + BUTTON_SHOW_UP_HEIGHT > scrollHeight) {
-            setIsButtonShow(false);
-            return;
-        }
-        setIsButtonShow(true);
-    };
-    return ((0, jsx_runtime_1.jsxs)(S_Body, __assign({ bodySpacingMode: bodySpacingMode }, { children: [(0, jsx_runtime_1.jsxs)(S_ChatMessageBox, __assign({ id: "chatMessageBox", onScroll: handleScroll, scrollVisibleType: scrollVisibleType, ref: ref }, { children: [children, (0, jsx_runtime_1.jsx)(EndOfList, {})] })), bodyChildren, isButtonShow && ((0, jsx_runtime_1.jsx)(S_BottomButtonWrapper, { children: (0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: bodyMBtnText, size: "small", onClick: handleClickMBtn }) }))] })));
-});
-var bodySpacing = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  box-sizing: border-box;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-var S_Body = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  position: relative;\n\n  ", ";\n"], ["\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  position: relative;\n\n  ", ";\n"])), function (_a) {
-    var bodySpacingMode = _a.bodySpacingMode;
-    return bodySpacingMode === 'use' && bodySpacing;
-});
-var scrollVisibleStyle = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ::-webkit-scrollbar {\n    display: block;\n  }\n"], ["\n  ::-webkit-scrollbar {\n    display: block;\n  }\n"])));
-var scrollHiddenStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  ::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  ::-webkit-scrollbar {\n    display: none;\n  }\n"])));
-var S_ChatMessageBox = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 100%;\n  overflow-y: auto;\n\n  ", "\n"], ["\n  height: 100%;\n  overflow-y: auto;\n\n  ", "\n"])), function (_a) {
-    var scrollVisibleType = _a.scrollVisibleType;
-    if (!scrollVisibleType || scrollVisibleType === 'moving') {
-        return;
-    }
-    return {
-        visible: scrollVisibleStyle,
-        hidden: scrollHiddenStyle
-    }[scrollVisibleType];
-});
-var S_BottomButtonWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  bottom: ", ";\n  left: 50%;\n  position: absolute;\n  transform: translate(-50%, 0);\n"], ["\n  bottom: ", ";\n  left: 50%;\n  position: absolute;\n  transform: translate(-50%, 0);\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingC;
-});
-exports.default = Body;
-Body.displayName = 'Body';
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/src/desktop/components/ChatList/ChatList.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import type { PDSIconType, PDSTextType } from '../../../common';
-export type Props = {
-    colorTheme?: 'solid' | 'translucent' | 'transparent';
-    headerMode?: 'none' | 'use';
-    titleText?: PDSTextType;
-    descText?: PDSTextType;
-    captionText?: PDSTextType;
-    onClickCaptionText?: () => void;
-    titleStyleTheme?: 'headingBold' | 'subTitleBold';
-    headerDisplayType?: 'none' | 'ibtn1' | 'ibtn2' | 'ibtn3' | 'ibtn4';
-    headerIBtn1IconName?: PDSIconType;
-    headerIBtn1IconFillType?: 'line' | 'fill';
-    headerIBtn2IconName?: PDSIconType;
-    headerIBtn2IconFillType?: 'line' | 'fill';
-    headerIBtn3IconName?: PDSIconType;
-    headerIBtn3IconFillType?: 'line' | 'fill';
-    headerIBtn4IconName?: PDSIconType;
-    headerIBtn4IconFillType?: 'line' | 'fill';
-    children?: React.ReactNode;
-    bodyChildren?: React.ReactNode;
-    textFieldState?: 'normal' | 'read_only' | 'disabled';
-    textFieldHintText?: PDSTextType;
-    textFieldDefaultText?: PDSTextType;
-    textFieldMaxLength?: number;
-    scrollVisibleType?: 'moving' | 'hidden' | 'visible';
-    footerChildren?: React.ReactNode;
-    submitIBtnState?: 'disabled' | 'normal';
-    bodyMBtnText?: PDSTextType;
-    bodySpacingMode?: 'none' | 'use';
-    submitIBtnIconName?: PDSIconType;
-    submitIBtnIconFillType?: 'fill' | 'line';
-    footerIBtn1State?: 'disabled' | 'normal';
-    footerIBtn1IconName?: PDSIconType;
-    footerIBtn1IconFillType?: 'fill' | 'line';
-    footerIBtn1Type?: 'button' | 'upload';
-    onClickFooterIBtn1?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    footerIBtn2State?: 'disabled' | 'normal';
-    footerIBtn2IconName?: PDSIconType;
-    footerIBtn2IconFillType?: 'fill' | 'line';
-    footerIBtn2Type?: 'button' | 'upload';
-    onClickFooterIBtn2?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    footerIBtn3State?: 'disabled' | 'normal';
-    footerIBtn3IconName?: PDSIconType;
-    footerIBtn3IconFillType?: 'fill' | 'line';
-    footerIBtn3Type?: 'button' | 'upload';
-    footerIBtn3Accept?: string;
-    onClickFooterIBtn3?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onSubmit: (value: string) => void;
-    onClickHeaderIBtn1?: () => void;
-    onClickHeaderIBtn2?: () => void;
-    onClickHeaderIBtn3?: () => void;
-    onClickHeaderIBtn4?: () => void;
-};
-declare const ChatList: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default ChatList;

package/dist/src/desktop/components/ChatList/ChatList.js

@@ -1,100 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var react_hook_form_1 = require("react-hook-form");
-var styled_components_1 = __importDefault(require("styled-components"));
-var hybrid_1 = require("../../../hybrid");
-var Body_1 = __importDefault(require("./Body"));
-var Footer_1 = __importDefault(require("./Footer"));
-var Header_1 = __importDefault(require("./Header"));
-var baseBackgroundColors = {
-    solid: 'ui_cpnt_list_base_area_solid',
-    translucent: 'ui_cpnt_list_base_area_translucent',
-    transparent: 'ui_cpnt_list_base_area_transparent'
-};
-var ChatList = react_1.default.forwardRef(function (_a, ref) {
-    var _b = _a.colorTheme, colorTheme = _b === void 0 ? 'solid' : _b, _c = _a.headerMode, headerMode = _c === void 0 ? 'use' : _c, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, onClickCaptionText = _a.onClickCaptionText, _d = _a.titleStyleTheme, titleStyleTheme = _d === void 0 ? 'subTitleBold' : _d, _e = _a.headerDisplayType, headerDisplayType = _e === void 0 ? 'none' : _e, _f = _a.headerIBtn1IconName, headerIBtn1IconName = _f === void 0 ? 'ic_xmark' : _f, _g = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = _g === void 0 ? 'line' : _g, headerIBtn2IconName = _a.headerIBtn2IconName, _h = _a.headerIBtn2IconFillType, headerIBtn2IconFillType = _h === void 0 ? 'line' : _h, headerIBtn3IconName = _a.headerIBtn3IconName, _j = _a.headerIBtn3IconFillType, headerIBtn3IconFillType = _j === void 0 ? 'line' : _j, headerIBtn4IconName = _a.headerIBtn4IconName, _k = _a.headerIBtn4IconFillType, headerIBtn4IconFillType = _k === void 0 ? 'line' : _k, children = _a.children, bodyChildren = _a.bodyChildren, _l = _a.textFieldState, textFieldState = _l === void 0 ? 'normal' : _l, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _m = _a.scrollVisibleType, scrollVisibleType = _m === void 0 ? 'moving' : _m, footerChildren = _a.footerChildren, _o = _a.submitIBtnState, submitIBtnState = _o === void 0 ? 'normal' : _o, bodyMBtnText = _a.bodyMBtnText, _p = _a.bodySpacingMode, bodySpacingMode = _p === void 0 ? 'none' : _p, onSubmit = _a.onSubmit, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1, onClickHeaderIBtn2 = _a.onClickHeaderIBtn2, onClickHeaderIBtn3 = _a.onClickHeaderIBtn3, onClickHeaderIBtn4 = _a.onClickHeaderIBtn4, submitIBtnIconName = _a.submitIBtnIconName, submitIBtnIconFillType = _a.submitIBtnIconFillType, _q = _a.footerIBtn1State, footerIBtn1State = _q === void 0 ? 'normal' : _q, footerIBtn1IconName = _a.footerIBtn1IconName, footerIBtn1IconFillType = _a.footerIBtn1IconFillType, _r = _a.footerIBtn1Type, footerIBtn1Type = _r === void 0 ? 'button' : _r, onClickFooterIBtn1 = _a.onClickFooterIBtn1, _s = _a.footerIBtn2State, footerIBtn2State = _s === void 0 ? 'normal' : _s, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn2IconFillType = _a.footerIBtn2IconFillType, _t = _a.footerIBtn2Type, footerIBtn2Type = _t === void 0 ? 'button' : _t, onClickFooterIBtn2 = _a.onClickFooterIBtn2, _u = _a.footerIBtn3State, footerIBtn3State = _u === void 0 ? 'normal' : _u, footerIBtn3IconName = _a.footerIBtn3IconName, footerIBtn3IconFillType = _a.footerIBtn3IconFillType, _v = _a.footerIBtn3Type, footerIBtn3Type = _v === void 0 ? 'button' : _v, footerIBtn3Accept = _a.footerIBtn3Accept, onClickFooterIBtn3 = _a.onClickFooterIBtn3;
-    var methods = (0, react_hook_form_1.useForm)({
-        mode: 'onChange',
-        defaultValues: {
-            chat: ''
-        }
-    });
-    var reset = methods.reset, handleSubmit = methods.handleSubmit, control = methods.control, _w = methods.formState, isDirty = _w.isDirty, isValid = _w.isValid, isSubmitSuccessful = _w.isSubmitSuccessful;
-    /**
-     * @when 폼 submit이 성공적으로 완료 되었을 때
-     * @expected 폼을 초기화합니다.
-     * @clear -
-     */
-    (0, react_1.useEffect)(function () {
-        if (isSubmitSuccessful) {
-            reset();
-        }
-    }, [isSubmitSuccessful]);
-    var inputValue = (0, react_hook_form_1.useWatch)({ name: 'chat', control: control });
-    var isSubmitButtonActive = (0, react_1.useMemo)(function () {
-        if (!submitIBtnState) {
-            return false;
-        }
-        return isDirty && isValid && inputValue.length > 0 && submitIBtnState === 'normal';
-    }, [isDirty, isValid, inputValue, submitIBtnState]);
-    var handleSubmitChat = function (_a) {
-        var chat = _a.chat;
-        if (!chat || !isSubmitButtonActive) {
-            return;
-        }
-        onSubmit(chat);
-    };
-    var callBackAfterScrollToBottom = function () {
-        reset();
-    };
-    return ((0, jsx_runtime_1.jsxs)(S_ChatList, __assign({ "x-pds-name": "ChatList", "x-pds-element-type": "component", "x-pds-device-type": "desktop", backgroundColor: baseBackgroundColors[colorTheme], id: "chatList" }, { children: [headerMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_1.default, { colorTheme: colorTheme, titleText: titleText, descText: descText, captionText: captionText, onClickCaptionText: onClickCaptionText, titleStyleTheme: titleStyleTheme, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType, headerIBtn2IconName: headerIBtn2IconName, headerIBtn2IconFillType: headerIBtn2IconFillType, headerIBtn3IconName: headerIBtn3IconName, headerIBtn3IconFillType: headerIBtn3IconFillType, headerIBtn4IconName: headerIBtn4IconName, headerIBtn4IconFillType: headerIBtn4IconFillType, onClickHeaderIBtn1: onClickHeaderIBtn1, onClickHeaderIBtn2: onClickHeaderIBtn2, onClickHeaderIBtn3: onClickHeaderIBtn3, onClickHeaderIBtn4: onClickHeaderIBtn4 }), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, { colorTheme: colorTheme === 'transparent' ? 'divider2' : 'none' })] })), (0, jsx_runtime_1.jsx)(Body_1.default, __assign({ scrollVisibleType: scrollVisibleType, isSubmitted: isSubmitSuccessful, bodyMBtnText: bodyMBtnText, bodySpacingMode: bodySpacingMode, callBackAfterScrollToBottom: callBackAfterScrollToBottom, bodyChildren: bodyChildren, ref: ref }, { children: children })), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, { colorTheme: colorTheme === 'transparent' ? 'divider2' : 'none' }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)("form", __assign({ onSubmit: handleSubmit(handleSubmitChat) }, { children: (0, jsx_runtime_1.jsx)(Footer_1.default, { colorTheme: colorTheme, textFieldDefaultText: textFieldDefaultText, textFieldHintText: textFieldHintText, textFieldState: textFieldState, textFieldMaxLength: textFieldMaxLength, footerChildren: footerChildren, isSubmitBtnActive: isSubmitButtonActive, submitIBtnIconName: submitIBtnIconName, submitIBtnIconFillType: submitIBtnIconFillType, footerIBtn1State: footerIBtn1State, footerIBtn1IconName: footerIBtn1IconName, footerIBtn1IconFillType: footerIBtn1IconFillType, footerIBtn1Type: footerIBtn1Type, onClickFooterIBtn1: onClickFooterIBtn1, footerIBtn2State: footerIBtn2State, footerIBtn2IconName: footerIBtn2IconName, footerIBtn2IconFillType: footerIBtn2IconFillType, footerIBtn2Type: footerIBtn2Type, onClickFooterIBtn2: onClickFooterIBtn2, footerIBtn3State: footerIBtn3State, footerIBtn3IconName: footerIBtn3IconName, footerIBtn3IconFillType: footerIBtn3IconFillType, footerIBtn3Type: footerIBtn3Type, footerIBtn3Accept: footerIBtn3Accept, onClickFooterIBtn3: onClickFooterIBtn3 }) })) })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })));
-});
-var S_ChatList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])), function (_a) {
-    var backgroundColor = _a.backgroundColor, theme = _a.theme;
-    return theme[backgroundColor];
-});
-exports.default = ChatList;
-var templateObject_1;

package/dist/src/desktop/components/ChatList/ChatTextField.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import type { PDSIconType } from '../../../common';
-import type { Props as ChatListProps } from './ChatList';
-type Props = Pick<ChatListProps, 'textFieldDefaultText' | 'textFieldHintText' | 'textFieldState' | 'textFieldMaxLength' | 'footerIBtn3Accept' | 'colorTheme'> & {
-    isSubmitBtnActive?: boolean;
-    submitIBtnIconName?: PDSIconType;
-    submitIBtnIconFillType?: 'fill' | 'line';
-    footerIBtn1State?: 'disabled' | 'normal';
-    footerIBtn1IconName?: PDSIconType;
-    footerIBtn1IconFillType?: 'fill' | 'line';
-    footerIBtn1Type?: 'button' | 'upload';
-    onClickFooterIBtn1?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    footerIBtn2State?: 'disabled' | 'normal';
-    footerIBtn2IconName?: PDSIconType;
-    footerIBtn2IconFillType?: 'fill' | 'line';
-    footerIBtn2Type?: 'button' | 'upload';
-    onClickFooterIBtn2?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    footerIBtn3State?: 'disabled' | 'normal';
-    footerIBtn3IconName?: PDSIconType;
-    footerIBtn3IconFillType?: 'fill' | 'line';
-    footerIBtn3Type?: 'button' | 'upload';
-    onClickFooterIBtn3?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-};
-declare function ChatTextField({ colorTheme, textFieldDefaultText, textFieldHintText, textFieldState, textFieldMaxLength, isSubmitBtnActive, submitIBtnIconName, submitIBtnIconFillType, footerIBtn1State, footerIBtn1IconName, footerIBtn1IconFillType, footerIBtn1Type, onClickFooterIBtn1, footerIBtn2State, footerIBtn2IconName, footerIBtn2IconFillType, footerIBtn2Type, onClickFooterIBtn2, footerIBtn3State, footerIBtn3IconName, footerIBtn3IconFillType, footerIBtn3Type, footerIBtn3Accept, onClickFooterIBtn3 }: Props): JSX.Element;
-export default ChatTextField;

package/dist/src/desktop/components/ChatList/ChatTextField.js

@@ -1,63 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var IconButton_1 = require("../IconButton");
-var TextField_1 = require("../TextField");
-var UploadIconButton_1 = require("../UploadIconButton");
-function ChatTextField(_a) {
-    var colorTheme = _a.colorTheme, textFieldDefaultText = _a.textFieldDefaultText, textFieldHintText = _a.textFieldHintText, textFieldState = _a.textFieldState, textFieldMaxLength = _a.textFieldMaxLength, isSubmitBtnActive = _a.isSubmitBtnActive, _b = _a.submitIBtnIconName, submitIBtnIconName = _b === void 0 ? 'ic_paper_plane' : _b, _c = _a.submitIBtnIconFillType, submitIBtnIconFillType = _c === void 0 ? 'fill' : _c, footerIBtn1State = _a.footerIBtn1State, footerIBtn1IconName = _a.footerIBtn1IconName, footerIBtn1IconFillType = _a.footerIBtn1IconFillType, footerIBtn1Type = _a.footerIBtn1Type, onClickFooterIBtn1 = _a.onClickFooterIBtn1, footerIBtn2State = _a.footerIBtn2State, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn2IconFillType = _a.footerIBtn2IconFillType, footerIBtn2Type = _a.footerIBtn2Type, onClickFooterIBtn2 = _a.onClickFooterIBtn2, footerIBtn3State = _a.footerIBtn3State, footerIBtn3IconName = _a.footerIBtn3IconName, footerIBtn3IconFillType = _a.footerIBtn3IconFillType, footerIBtn3Type = _a.footerIBtn3Type, footerIBtn3Accept = _a.footerIBtn3Accept, onClickFooterIBtn3 = _a.onClickFooterIBtn3;
-    var chatValidation = {
-        validate: function (value) {
-            if (!value)
-                return true;
-            return value.trim().length ? true : false;
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_FooterContentWrapper, __assign({ footerIBtn2IconName: footerIBtn2IconName, footerIBtn3IconName: footerIBtn3IconName }, { children: [footerIBtn3IconName && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footerIBtn3Type === 'button' ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: footerIBtn3IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn3State === 'normal'
-                            ? 'ui_cpnt_button_icon_primary'
-                            : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn3IconFillType, iconSize: 24, state: footerIBtn3State, onClick: onClickFooterIBtn3 })) : ((0, jsx_runtime_1.jsx)(UploadIconButton_1.UploadIconButton, { iconName: footerIBtn3IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn3State === 'normal'
-                            ? 'ui_cpnt_button_icon_primary'
-                            : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn3IconFillType, iconSize: 24, state: footerIBtn3State, onClick: onClickFooterIBtn3, accept: footerIBtn3Accept })) })), footerIBtn2IconName && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footerIBtn2Type === 'button' ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: footerIBtn2IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn2State === 'normal'
-                            ? 'ui_cpnt_button_icon_primary'
-                            : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn2IconFillType, iconSize: 24, state: footerIBtn2State, onClick: onClickFooterIBtn2 })) : ((0, jsx_runtime_1.jsx)(UploadIconButton_1.UploadIconButton, { iconName: footerIBtn2IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn2State === 'normal'
-                            ? 'ui_cpnt_button_icon_primary'
-                            : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn2IconFillType, iconSize: 24, state: footerIBtn2State, onClick: onClickFooterIBtn2 })) })), (0, jsx_runtime_1.jsx)(S_TextFieldWrapper, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "chat", responsiveMode: "use", textLineType: "single", inputType: "text", hintText: textFieldHintText, defaultText: textFieldDefaultText, validation: chatValidation, maxLength: textFieldMaxLength, colorTheme: colorTheme === 'transparent' ? 'transparent' : 'none', enterSubmitMode: "use", validationPoint: "onChange", state: textFieldState, autoComplete: "off" }) }), footerIBtn1IconName && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footerIBtn1Type === 'button' ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: footerIBtn1IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn1State === 'normal'
-                            ? 'ui_cpnt_button_icon_primary'
-                            : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn1IconFillType, iconSize: 24, state: footerIBtn1State, onClick: onClickFooterIBtn1 })) : ((0, jsx_runtime_1.jsx)(UploadIconButton_1.UploadIconButton, { iconName: footerIBtn1IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn1State === 'normal'
-                            ? 'ui_cpnt_button_icon_primary'
-                            : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn1IconFillType, iconSize: 24, state: footerIBtn1State, onClick: onClickFooterIBtn1 })) })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: submitIBtnIconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_button_icon_disabled', iconFillType: submitIBtnIconFillType, iconSize: 24, type: "submit", state: isSubmitBtnActive ? 'normal' : 'disabled' })] })) }));
-}
-var S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn3IconName = _a.footerIBtn3IconName;
-    return footerIBtn2IconName || footerIBtn3IconName
-        ? "".concat(theme.spacing.spacingC)
-        : "".concat(theme.spacing.spacingE);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingC;
-});
-var S_TextFieldWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  margin-right: ", ";\n"], ["\n  flex: 1;\n  margin-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-exports.default = ChatTextField;
-var templateObject_1, templateObject_2;