pds-dev-kit-web-test 0.1.5 → 0.1.6

package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.js

@@ -1,68 +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.LongText = exports.Primary = exports.Grey01 = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var ChatBubble_1 = __importDefault(require("./ChatBubble"));
-exports.default = {
-    title: 'test/desktop/ChatBubble',
-    component: ChatBubble_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ChatBubble 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        colorTheme: {
-            description: 'ChatBubble의 색상을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        tailType: {
-            description: 'ChatBubble의 tail 유형을 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var S_Spacing = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 24px;\n"], ["\n  margin: 24px;\n"])));
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(S_Spacing, { children: (0, jsx_runtime_1.jsx)(ChatBubble_1.default, __assign({}, args), void 0) }, void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "Default" }, void 0)
-};
-exports.Grey01 = Template.bind({});
-exports.Grey01.args = {
-    colorTheme: 'grey',
-    children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "grey_01" }, void 0)
-};
-exports.Primary = Template.bind({});
-exports.Primary.args = {
-    colorTheme: 'brand_primary',
-    children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "primary" }, void 0),
-    tailType: 'right_top'
-};
-exports.LongText = Template.bind({});
-exports.LongText.args = {
-    children: ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book." }, void 0))
-};
-var templateObject_1;

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

@@ -1,17 +0,0 @@
-import ChatBubbleListItem from './ChatBubbleListItem';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof ChatBubbleListItem>;
-export default _default;
-export declare const OtherAvatarImpact: ComponentStory<typeof ChatBubbleListItem>;
-export declare const OtherAvatar: ComponentStory<typeof ChatBubbleListItem>;
-export declare const OtherAvatarSub: ComponentStory<typeof ChatBubbleListItem>;
-export declare const Other: ComponentStory<typeof ChatBubbleListItem>;
-export declare const OtherSub: ComponentStory<typeof ChatBubbleListItem>;
-export declare const Me: ComponentStory<typeof ChatBubbleListItem>;
-export declare const MeSub: ComponentStory<typeof ChatBubbleListItem>;
-export declare const GreyColorChildrenTextLabel: ComponentStory<typeof ChatBubbleListItem>;
-export declare const BrandPrimaryColorChildrenTextLabel: ComponentStory<typeof ChatBubbleListItem>;
-export declare const TranslucentWhiteColorChildrenTextLabel: ComponentStory<typeof ChatBubbleListItem>;
-export declare const TranslucentBlackColorChildrenTextLabel: ComponentStory<typeof ChatBubbleListItem>;
-export declare const WithImage: ComponentStory<typeof ChatBubbleListItem>;
-export declare const AllVariation: ComponentStory<typeof ChatBubbleListItem>;

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

@@ -1,132 +0,0 @@
-"use strict";
-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.AllVariation = exports.WithImage = exports.TranslucentBlackColorChildrenTextLabel = exports.TranslucentWhiteColorChildrenTextLabel = exports.BrandPrimaryColorChildrenTextLabel = exports.GreyColorChildrenTextLabel = exports.MeSub = exports.Me = exports.OtherSub = exports.Other = exports.OtherAvatarSub = exports.OtherAvatar = exports.OtherAvatarImpact = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hybrid_1 = require("../../../hybrid");
-var TextLabel_1 = require("../TextLabel");
-var ChatBubbleListItem_1 = __importDefault(require("./ChatBubbleListItem"));
-exports.default = {
-    title: 'desktop/components/ChatBubbleListItem',
-    component: ChatBubbleListItem_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ChatBubbleListItem 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        titleText: {
-            description: '주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.',
-            control: { type: 'text' }
-        },
-        imageSrc: {
-            description: '이미지 사용 시 주소 값입니다.',
-            control: { type: 'text' }
-        },
-        hoverMode: {
-            description: '호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다. (셀러나 다른 구독자가 전송한 경우에만 표시)',
-            control: { type: 'inline-radio' }
-        },
-        styleTheme: {
-            description: '메세지를 전송하는 대상에 따른 스타일 프리셋입니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '아이템의 색상 테마를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        timeMode: {
-            description: '메세지 전송 시간 사용 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        timeText: {
-            description: '메세지 전송 시간 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        contextMenuOptionArray: {
-            description: 'iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.',
-            control: { type: 'none' }
-        },
-        contextMenuState: {
-            description: 'ContextMenu의 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        children: {
-            description: '말풍선 메세지의 내용을 표시하는 용도로 사용됩니다.'
-        },
-        onClickContextMenuItem: {
-            action: 'onClickContextMenuItem'
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args), void 0)); };
-var defaultArgs = {
-    titleText: 'titleText',
-    imageSrc: 'https://placekitten.com/300/300',
-    contextMenuOptionArray: [
-        {
-            text: 'contextMenuItem1',
-            value: 1
-        },
-        {
-            text: 'contextMenuItem2',
-            value: 2
-        }
-    ],
-    timeText: '01:02',
-    children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "children TextLabel" }, void 0)
-};
-exports.OtherAvatarImpact = Template.bind({});
-exports.OtherAvatarImpact.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_impact' });
-exports.OtherAvatar = Template.bind({});
-exports.OtherAvatar.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar' });
-exports.OtherAvatarSub = Template.bind({});
-exports.OtherAvatarSub.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_sub' });
-exports.Other = Template.bind({});
-exports.Other.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other' });
-exports.OtherSub = Template.bind({});
-exports.OtherSub.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_sub' });
-exports.Me = Template.bind({});
-exports.Me.args = __assign(__assign({}, defaultArgs), { styleTheme: 'me' });
-exports.MeSub = Template.bind({});
-exports.MeSub.args = __assign(__assign({}, defaultArgs), { styleTheme: 'me_sub' });
-exports.GreyColorChildrenTextLabel = Template.bind({});
-exports.GreyColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_impact', colorTheme: 'grey', children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { colorTheme: "sysTextPrimary", text: "children TextLabel" }, void 0) });
-exports.BrandPrimaryColorChildrenTextLabel = Template.bind({});
-exports.BrandPrimaryColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_impact', colorTheme: 'brand_primary', children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { colorTheme: "usrTextBrandOnPrimary", text: "children TextLabel" }, void 0) });
-exports.TranslucentWhiteColorChildrenTextLabel = Template.bind({});
-exports.TranslucentWhiteColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_impact', colorTheme: 'translucent_white', children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { colorTheme: "sysTextBlack", text: "children TextLabel" }, void 0) });
-exports.TranslucentBlackColorChildrenTextLabel = Template.bind({});
-exports.TranslucentBlackColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_impact', colorTheme: 'translucent_black', children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { colorTheme: "sysTextWhite", text: "children TextLabel" }, void 0) });
-exports.WithImage = Template.bind({});
-exports.WithImage.args = __assign(__assign({}, defaultArgs), { styleTheme: 'other_avatar_impact', children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://placekitten.com/240", width: 240 }, void 0) });
-var AllTemplate = function (args) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar_impact", titleText: "other_avatar_impact", imageSrc: "https://placekitten.com/300/300", timeMode: "none" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "other_avatar_impact" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar", titleText: "other_avatar", imageSrc: "https://placedog.net/300/300", timeMode: "none" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "other_avatar" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar_sub", titleText: "other_avatar_sub", imageSrc: "https://placedog.net/300/300", timeMode: "none" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "other_avatar_sub" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "other" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_sub", timeMode: "none" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "other_sub" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "me" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "me" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "me_sub" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "me_sub" }, void 0) }), void 0)] }, void 0)); };
-exports.AllVariation = AllTemplate.bind({});
-exports.AllVariation.args = {
-    contextMenuOptionArray: [
-        {
-            text: 'contextMenuItem1',
-            value: 1
-        },
-        {
-            text: 'contextMenuItem2',
-            value: 2
-        }
-    ],
-    timeText: '01:02'
-};

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("./ChatList").Props & import("react").RefAttributes<HTMLDivElement>>>;
-export default _default;
-export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./ChatList").Props & import("react").RefAttributes<HTMLDivElement>>>;
-export declare const AllIcon: ComponentStory<import("react").ForwardRefExoticComponent<import("./ChatList").Props & import("react").RefAttributes<HTMLDivElement>>>;
-export declare const WithChatBubbleListItem: ComponentStory<import("react").ForwardRefExoticComponent<import("./ChatList").Props & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -1,234 +0,0 @@
-"use strict";
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithChatBubbleListItem = exports.AllIcon = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var hybrid_1 = require("../../../hybrid");
-var BasicChatListItem_1 = require("../BasicChatListItem");
-var ChatBubbleListItem_1 = require("../ChatBubbleListItem");
-var TextLabel_1 = require("../TextLabel");
-var ChatList_1 = __importDefault(require("./ChatList"));
-exports.default = {
-    title: 'desktop/components/ChatList',
-    component: ChatList_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ChatList 컴포넌트.'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        colorTheme: {
-            description: '채팅 전역의 스타일을 교체할 수 있는 테마를 결정합니다.'
-        },
-        headerMode: {
-            description: 'header 영역의 사용여부를 결정합니다.'
-        },
-        titleText: {
-            description: '리스트의 제목을 입력합니다.',
-            control: { type: 'text' }
-        },
-        descText: {
-            description: '리스트의 간단 설명을 입력합니다.',
-            control: { type: 'text' }
-        },
-        captionText: {
-            description: '리스트의 세부 설명, 옵션용 텍스트를 입력합니다.',
-            control: { type: 'text' }
-        },
-        titleStyleTheme: {
-            description: 'titleText 영역의 스타일을 결정 합니다.'
-        },
-        headerDisplayType: {
-            description: 'header 영역의 표시방법을 결정 합니다.'
-        },
-        headerIBtn1IconName: {
-            description: 'header 영역에 우측 영역의 아이콘 이름을 결정합니다.',
-            control: { type: 'text' }
-        },
-        headerIBtn1IconFillType: {
-            description: '우측 영역의 아이콘 유형을 결정합니다.'
-        },
-        children: {
-            description: 'ChatList에 들어갈 자식 요소입니다. 현재는 ChatListItem 컴포넌트만 위치시킬 수 있습니다.',
-            control: { type: 'none' }
-        },
-        bodyChildren: {
-            description: 'ChatList의 body 영역에 들어갈 자식 요소입니다.',
-            control: { type: 'none' }
-        },
-        textFieldState: {
-            description: '텍스트 필드의 상태를 정합니다.'
-        },
-        textFieldHintText: {
-            description: '입력하기 전 미리 보여주는 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        textFieldDefaultText: {
-            description: '하단 입력폼 내 텍스트 필드의 기본 값을 입력합니다.',
-            control: { type: 'text' }
-        },
-        textFieldMaxLength: {
-            description: '하단 입력폼 내 텍스트 필드의 최대 길이을 입력합니다.',
-            control: { type: 'number' }
-        },
-        scrollVisibleType: {
-            description: '스크롤을 표시할 지 여부를 결정합니다.'
-        },
-        footerChildren: {
-            description: 'TextField 아래에 위치할 자식 요소입니다. 여러가지 컴포넌트를 조합하여 위치시킬 수 있습니다.',
-            control: { type: 'none' }
-        },
-        submitIBtnState: {
-            description: '메세지 전송 버튼의 상태를 정합니다.'
-        },
-        bodyMBtnText: {
-            description: '바디 영역에 떠있는 버튼의 텍스트를 입력합니다.',
-            control: { type: 'text' }
-        },
-        bodySpacingMode: {
-            description: 'body 영역의 양 옆 여백 사용 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        submitIBtnIconName: {
-            description: 'TextField 전송버튼의 아이콘 이름을 입력합니다',
-            control: { type: 'select' }
-        },
-        submitIBtnIconFillType: {
-            description: '우측 영역의 아이콘 유형을 결정합니다.'
-        },
-        footerIBtn1State: {
-            description: '우측 영역의 아이콘의 상태를 정합니다.'
-        },
-        footerIBtn1IconName: {
-            description: 'TextField 우측 첫번째 영역의 아이콘 이름을 결정합니다.',
-            control: { type: 'select' }
-        },
-        footerIBtn1IconFillType: {
-            description: '우측 영역의 아이콘 유형을 결정합니다.'
-        },
-        footerIBtn1Type: {
-            description: '우측 영역의 아이콘 버튼의 타입을 결정합니다.'
-        },
-        onClickFooterIBtn1: {
-            action: 'onClickFooterIBtn1'
-        },
-        footerIBtn2State: {
-            description: '좌측 두번째 영역의 아이콘 상태를 정합니다'
-        },
-        footerIBtn2IconName: {
-            description: 'TextField 좌측 두번째 영역의 아이콘 이름을 결정합니다.',
-            control: { type: 'select' }
-        },
-        footerIBtn2IconFillType: {
-            description: '좌측 영역의 아이콘 유형을 결정합니다.'
-        },
-        footerIBtn2Type: {
-            description: '좌측 영역의 아이콘 버튼의 타입을 결정합니다.'
-        },
-        onClickFooterIBtn2: {
-            action: 'onClickFooterIBtn2'
-        },
-        footerIBtn3State: {
-            description: '좌측 첫번째 영역의 아이콘 상태를 정합니다'
-        },
-        footerIBtn3IconName: {
-            description: 'TextField 좌측 첫번째 영역의 아이콘 이름을 결정합니다.',
-            control: { type: 'select' }
-        },
-        footerIBtn3IconFillType: {
-            description: '좌측 영역의 아이콘 유형을 결정합니다.'
-        },
-        footerIBtn3Type: {
-            description: '좌측 영역의 아이콘 버튼의 타입을 결정합니다.'
-        },
-        footerIBtn3Accept: {
-            description: '특정 확장자 혹은 타입의 파일만 선택할 수 있게 합니다.'
-        },
-        onClickFooterIBtn3: {
-            action: 'onClickFooterIBtn3'
-        },
-        onSubmit: {
-            action: 'onSubmit'
-        },
-        onClickHeaderIBtn1: {
-            action: 'onClickHeaderIBtn1'
-        }
-    }
-};
-var DefaultChatList = function (args) {
-    var _a = (0, react_1.useState)(Array(50).fill('message')), messages = _a[0], setMessages = _a[1];
-    var ref = (0, react_1.useRef)(null);
-    var handleSubmit = function (message) {
-        setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [message], false); });
-    };
-    return ((0, jsx_runtime_1.jsx)(ChatList_1.default, __assign({}, args, { onSubmit: handleSubmit, ref: ref }, { children: messages.map(function (message, index) { return ((0, jsx_runtime_1.jsx)(BasicChatListItem_1.BasicChatListItem, { titleText: "\uC77C\uC774\uC0BC\uC0AC\uC624\uC721\uCE60\uD314\uAD6C\uC2ED\uC2ED\uC774 #213FAA", contentText: "" + message + index, contextMenuOptionArray: [
-                { text: 'contextMenu1', value: 1 },
-                { text: 'contextMenu2 contextMenu2 contextMenu2', value: 2 }
-            ] }, index)); }) }), void 0));
-};
-var defaultArgs = {
-    colorTheme: 'solid',
-    headerMode: 'use',
-    headerDisplayType: 'none',
-    headerIBtn1IconName: 'ic_xmark',
-    headerIBtn1IconFillType: 'line',
-    textFieldState: 'normal',
-    scrollVisibleType: 'moving',
-    submitIBtnState: 'normal',
-    submitIBtnIconName: 'ic_paper_plane',
-    submitIBtnIconFillType: 'fill',
-    footerIBtn1State: 'normal',
-    footerIBtn2State: 'normal',
-    footerIBtn3State: 'normal'
-};
-exports.Default = DefaultChatList.bind({});
-exports.Default.args = __assign(__assign({}, defaultArgs), { titleText: '일이삼사오육칠팔구십십이 #213FAA', descText: 'descText', captionText: 'captionText', textFieldHintText: 'hintText', footerChildren: ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "footer children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }, void 0)), bodyMBtnText: 'bodyBtnText', bodyChildren: ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "body children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }, void 0)) });
-exports.AllIcon = DefaultChatList.bind({});
-exports.AllIcon.args = __assign(__assign({}, defaultArgs), { titleText: '일이삼사오육칠팔구십십이 #213FAA', captionText: 'captionText', textFieldHintText: 'hintText', footerChildren: ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "footer children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }, void 0)), bodyMBtnText: 'bodyBtnText', footerIBtn1IconName: 'ic_face', footerIBtn2IconName: 'ic_menu', footerIBtn2State: 'disabled', footerIBtn3IconName: 'ic_plus', footerIBtn3Type: 'upload' });
-var BubbleChatList = function (args) {
-    var _a = (0, react_1.useState)(Array(20).fill('message')), messages = _a[0], setMessages = _a[1];
-    var handleSubmit = function (message) {
-        setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [message], false); });
-    };
-    var today = new Date();
-    var hours = today.getHours();
-    var minutes = today.getMinutes();
-    return ((0, jsx_runtime_1.jsx)(ChatList_1.default, __assign({}, args, { onSubmit: handleSubmit }, { children: messages.map(function (message, index) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.ChatBubbleListItem, __assign({ styleTheme: "other_avatar_impact", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [
-                        { text: 'contextMenu1', value: 1 },
-                        { text: 'contextMenu2 contextMenu2 contextMenu2', value: 2 }
-                    ] }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.ChatBubbleListItem, __assign({ styleTheme: "other_avatar", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [
-                        { text: 'contextMenu1', value: 1 },
-                        { text: 'contextMenu2 contextMenu2 contextMenu2', value: 2 }
-                    ] }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(ChatBubbleListItem_1.ChatBubbleListItem, __assign({ styleTheme: "me", timeText: hours + ":" + minutes, contextMenuOptionArray: [
-                        { text: 'contextMenu1', value: 1 },
-                        { text: 'contextMenu2 contextMenu2 contextMenu2', value: 2 }
-                    ] }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0)] }, index)); }) }), void 0));
-};
-exports.WithChatBubbleListItem = BubbleChatList.bind({});
-exports.WithChatBubbleListItem.args = __assign(__assign({}, exports.Default.args), { bodySpacingMode: 'use' });

package/dist/src/desktop/components/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +0,0 @@
-import Checkbox from './Checkbox';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof Checkbox>;
-export default _default;
-export declare const Default: ComponentStory<typeof Checkbox>;

package/dist/src/desktop/components/Checkbox/Checkbox.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-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.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var components_1 = require("../../../common/components");
-var hybrid_1 = require("../../../hybrid");
-var TextLabel_1 = require("../TextLabel");
-var Checkbox_1 = __importDefault(require("./Checkbox"));
-exports.default = {
-    title: 'desktop/components/Checkbox',
-    component: Checkbox_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 Checkbox 컴포넌트. react-hook-form의 FormProvider와 pds-dev-kit의 Form 컴포넌트로 감싸서 사용해야 작동합니다.'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '체크박스 옆의 텍스트입니다.'
-        },
-        fontWeight: {
-            description: '텍스트의 두께를 결정합니다.'
-        },
-        state: {
-            description: '체크박스의 활성화 상태입니다.'
-        },
-        name: {
-            description: '체크박스의 이름으로 고유한 값입니다.'
-        },
-        onChange: {
-            action: 'onChange'
-        }
-    }
-};
-var DefaultCheckbox = function () {
-    var methods = (0, react_hook_form_1.useForm)({
-        defaultValues: { disabledSelectedCheckbox: true, boldDisabledSelectedCheckbox: true }
-    });
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsxs)(components_1.Form, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "Regular", styleTheme: "leadParaBold" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(Checkbox_1.default, { text: "Checkbox", name: "checkbox" }, void 0), (0, jsx_runtime_1.jsx)(Checkbox_1.default, { text: "Disabled and Selected Checkbox", name: "disabledSelectedCheckbox", state: "disabled" }, void 0), (0, jsx_runtime_1.jsx)(Checkbox_1.default, { text: "Disabled and Unselected Checkbox", name: "disabledUnselectedCheckbox", state: "disabled" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "Bold", styleTheme: "leadParaBold" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(Checkbox_1.default, { text: "Checkbox", name: "boldCheckbox", fontWeight: "bold" }, void 0), (0, jsx_runtime_1.jsx)(Checkbox_1.default, { text: "Disabled and Selected Checkbox", name: "boldDisabledSelectedCheckbox", state: "disabled", fontWeight: "bold" }, void 0), (0, jsx_runtime_1.jsx)(Checkbox_1.default, { text: "Disabled and Unselected Checkbox", name: "boldDisabledUnselectedCheckbox", state: "disabled", fontWeight: "bold" }, void 0)] }, void 0) }), void 0));
-};
-exports.Default = DefaultCheckbox.bind({});

package/dist/src/desktop/components/Chip/Chip.stories.d.ts

@@ -1,11 +0,0 @@
-import Chip from './Chip';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof Chip>;
-export default _default;
-export declare const CategoryChoice: ComponentStory<typeof Chip>;
-export declare const FilterSingle: ComponentStory<typeof Chip>;
-export declare const FilterMulti: ComponentStory<typeof Chip>;
-export declare const Removable: ComponentStory<typeof Chip>;
-export declare const Label: ComponentStory<typeof Chip>;
-export declare const Time: ComponentStory<typeof Chip>;
-export declare const Information: ComponentStory<typeof Chip>;