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

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

@@ -1,188 +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.Radio = exports.Checkbox = exports.Badge = exports.Icon = exports.Image = exports.Default = void 0;
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_2 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var BasicListItem_1 = __importDefault(require("./BasicListItem"));
-exports.default = {
-    title: 'desktop/components/BasicListItem',
-    component: BasicListItem_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 BasicListItem 컴포넌트'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        selectionMode: {
-            description: "\uC88C\uCE21\uC758 \uC120\uD0DD \uC601\uC5ED\uC744 \uACB0\uC815\uD569\uB2C8\uB2E4.\n      *List \uC0C1\uC5D0\uC11C \uC124\uC815\uC744 \uD558\uC9C0 \uC54A\uC558\uB2E4\uBA74 \uAE30\uD68D\uCE21, \uAC1C\uBC1C\uCE21\uC5D0\uC11C \uC9C0\uC815\uD574\uB3C4 \uC81C\uB300\uB85C \uD45C\uD604\uB418\uC9C0 \uC54A\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
-        },
-        titleText: {
-            description: '주요 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        titleTextColorTheme: {
-            description: '주요 텍스트의 컬러 테마를 결정합니다.'
-        },
-        descText: {
-            description: '상세 설명 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        badgeMode: {
-            description: '뱃지의 사용 여부입니다.'
-        },
-        badgeStatus: {
-            description: '뱃지 활성화 상태입니다.'
-        },
-        imageIconMode: {
-            description: '좌측의 이미지 또는 아이콘 사용 여부를 결정합니다.'
-        },
-        imageShapeType: {
-            description: '이미지의 shapeType을 결정합니다.'
-        },
-        imageSrc: {
-            description: '이미지 사용 시 주소 값입니다.',
-            control: { type: 'text' }
-        },
-        iconName: {
-            description: '아이콘 사용 시 이름입니다.',
-            control: { type: 'text' }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.'
-        },
-        displayType: {
-            description: '우측 영역의 표시 방법을 결정합니다.'
-        },
-        captionText: {
-            description: '우측 상단의 작은 글씨 값을 입력합니다. *문장 보다는 간단한 상태값을 표시하는 정도로 사용할 것을 권장합니다.',
-            control: { type: 'text' }
-        },
-        iBtn1IconName: {
-            description: 'btn1(가장 우측)영역의 아이콘 이름을 결정합니다',
-            control: { type: 'text' }
-        },
-        iBtn1IconFillType: {
-            description: 'btn1(가장 우측)영역의 아이콘 유형을 결정합니다.'
-        },
-        iBtn2IconName: {
-            description: 'btn2(우측에서 2번)영역의 아이콘 이름을 결정합니다.',
-            control: { type: 'text' }
-        },
-        iBtn2IconFillType: {
-            description: 'btn2(우측에서 2번)영역의 아이콘 유형을 결정합니다.'
-        },
-        mBtnFillType: {
-            description: '메인 버튼의 fillType를 결정합니다.'
-        },
-        mBtnText: {
-            description: '메인 버튼의 텍스트를 입력합니다.',
-            control: { type: 'text' }
-        },
-        dividerType: {
-            description: '아이템 하단의 divider 표시 유형을 결정합니다.'
-        },
-        titleFontWeight: {
-            description: '타이틀의 폰트 굵기를 결정합니다.'
-        },
-        checkboxId: {
-            description: '체크박스에 사용되는 id입니다.',
-            control: { type: 'none' }
-        },
-        radioId: {
-            description: '라디오버튼의 고유한 이름입니다.',
-            control: { type: 'none' }
-        },
-        radioValue: {
-            description: '라디오버튼에 사용되는 value입니다.',
-            control: { type: 'none' }
-        },
-        switchName: {
-            description: 'displayType이 switch일때 사용되는 고유한 이름입니다. displayType이 switch일때는 필수로 부여해줍니다.',
-            control: { type: 'none' }
-        },
-        switchState: {
-            description: 'displayType이 switch일때 비활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        switchStatus: {
-            description: 'displayType이 switch일때 on / off 상태를 나타냅니다.',
-            control: { type: 'inline-radio' }
-        },
-        spacingMode: {
-            description: '좌우 여백의 사용 여부를 결정합니다.'
-        },
-        onClick: { action: 'onClick' },
-        onClickIBtn1: { action: 'onClickIBtn1' },
-        onClickIBtn2: { action: 'onClickIBtn2' },
-        onClickMBtn: { action: 'onClickMBtn' },
-        onClickRadio: { action: 'onClickRadio' },
-        onClickSwitch: { action: 'onClickSwitch' }
-    }
-};
-var Template = function (args) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "none", onClick: undefined, captionText: "captionText captionText captionText captionText captionText captionText captionText captionText captionText captionText captionText captionText captionText captionText" }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "text" }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "ibtn_text", onClick: undefined }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "ibtn_amount1", onClick: undefined }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "ibtn_amount2" }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "switch" }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "mbtn" }), void 0)] }, void 0));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    selectionMode: 'none',
-    imageIconMode: 'none',
-    titleTextColorTheme: 'none',
-    badgeMode: 'none',
-    imageShapeType: 'round',
-    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-    titleText: 'titleText',
-    descText: 'descText',
-    iconName: 'ic_booking',
-    iconFillType: 'line',
-    displayType: 'none',
-    captionText: 'captionText',
-    iBtn1IconName: 'ic_arrow_right',
-    iBtn1IconFillType: 'line',
-    iBtn2IconName: 'ic_bell',
-    iBtn2IconFillType: 'line',
-    mBtnFillType: 'fill',
-    dividerType: 'solid',
-    titleFontWeight: 'regular',
-    mBtnText: 'mBtnText',
-    radioValue: 'radio'
-};
-exports.Image = Template.bind({});
-exports.Image.args = __assign(__assign({}, exports.Default.args), { imageIconMode: 'image' });
-exports.Icon = Template.bind({});
-exports.Icon.args = __assign(__assign({}, exports.Default.args), { imageIconMode: 'icon' });
-exports.Badge = Template.bind({});
-exports.Badge.args = __assign(__assign({}, exports.Default.args), { badgeMode: 'left', badgeStatus: 'active' });
-var CheckboxTemplate = function (args) {
-    var methods = (0, react_hook_form_1.useForm)();
-    return ((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "none", checkboxId: "1" }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "none", checkboxId: "2" }), void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, __assign({}, args, { displayType: "text", checkboxId: "3" }), void 0)] }), void 0));
-};
-exports.Checkbox = CheckboxTemplate.bind({});
-exports.Checkbox.args = __assign(__assign({}, exports.Default.args), { selectionMode: 'check' });
-var RadioTempate = function (args) {
-    var _a = (0, react_2.useState)('1'), value = _a[0], setValue = _a[1];
-    var handleRadioClick = function (value) {
-        setValue(value);
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ['1', '2', '3'].map(function (el) { return ((0, react_1.createElement)(BasicListItem_1.default, __assign({}, args, { key: el, displayType: "none", radioId: el, radioValue: value, onClickRadio: handleRadioClick }))); }) }, void 0));
-};
-exports.Radio = RadioTempate.bind({});
-exports.Radio.args = __assign(__assign({}, exports.Default.args), { selectionMode: 'radio' });

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

@@ -1,10 +0,0 @@
-import BlogTextField from './BlogTextField';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof BlogTextField>;
-export default _default;
-export declare const Default: ComponentStory<typeof BlogTextField>;
-export declare const Validate: ComponentStory<typeof BlogTextField>;
-export declare const MultiState: ComponentStory<typeof BlogTextField>;
-export declare const MultiRows: ComponentStory<typeof BlogTextField>;
-export declare const AutoState: ComponentStory<typeof BlogTextField>;
-export declare const AutoRows: ComponentStory<typeof BlogTextField>;

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

@@ -1,102 +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.AutoRows = exports.AutoState = exports.MultiRows = exports.MultiState = exports.Validate = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var withFormProvider_1 = require("../../../common/decorators/withFormProvider");
-var components_1 = require("../../../hybrid/components");
-var MainButton_1 = __importDefault(require("../MainButton/MainButton"));
-var TextLabel_1 = __importDefault(require("../TextLabel/TextLabel"));
-var BlogTextField_1 = __importDefault(require("./BlogTextField"));
-exports.default = {
-    title: 'desktop/components/BlogTextField',
-    component: BlogTextField_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 BlogTextField 컴포넌트. react-hook-form의 FormProvider와 pds-dev-kit의 Form 컴포넌트로 감싸서 사용해야 작동합니다. (form계열 컴포넌트의 경우 control을 사용하여 테스트 할 수 없습니다.)'
-            },
-            source: { type: 'code' }
-        },
-        controls: { hideNoControlsWarning: true }
-    },
-    argTypes: {
-        name: {
-            description: 'form의 name을 지정해줍니다.'
-        },
-        hintText: {
-            description: 'placeholder에 표시할 텍스트 값입니다.'
-        },
-        defaultText: {
-            description: '지정된 기본 값을 보여줘야 할 때 사용합니다.'
-        },
-        validation: {
-            description: 'validation 조건을 부여할 수 있습니다.'
-        },
-        size: {
-            description: '크기를 결정합니다.'
-        },
-        textLineType: {
-            description: '텍스트의 개행 방법을 결정합니다. (multi(multiline) : 정해진 높이값을 가지고 있는 textarea, auto(multiline auto size) : 글자 수에 따라 함께 늘어나는 형태'
-        },
-        multiRows: {
-            description: 'textLineType : multi일 때, 지정할 문장의 열 수를 결정합니다. (높이값 결정)'
-        },
-        autoMinRows: {
-            description: 'textLineType : auto일 때, 보여줄 문장의 최소 열 수를 결정합니다.'
-        },
-        autoMaxRows: {
-            description: 'textLineType : auto일 때, 보여줄 문장의 최대 열 수를 결정합니다.'
-        },
-        state: {
-            description: 'textfield의 상태를 결정합니다.'
-        },
-        maxLength: {
-            description: '입력할 수 잇는 최대 문자수를 부여합니다.'
-        },
-        spacingMode: {
-            description: '문자가 타이핑 되는 영역 바깥 영역의 간격을 결정합니다.'
-        }
-    },
-    decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
-};
-var Template = function (args) {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(BlogTextField_1.default, __assign({}, args), void 0) }, void 0));
-};
-exports.Default = Template.bind({});
-exports.Default.args = { name: 'BlogTextField', hintText: 'BlogTextField' };
-var ValidateTemplate = function () {
-    var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange' });
-    return ((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Required", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "validate", hintText: "required", state: "normal", validation: { required: true } }, void 0), (0, jsx_runtime_1.jsx)(MainButton_1.default, { type: "submit", text: "submit", state: methods.formState.isValid ? 'normal' : 'disabled' }, void 0)] }), void 0));
-};
-exports.Validate = ValidateTemplate.bind({});
-var MultiStateTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi normal", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "normal", hintText: "normal", state: "normal", textLineType: "multi" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi read only", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "readOnly", hintText: "read only", defaultText: "read only", state: "read_only", textLineType: "multi" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi disabled", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "disabled", hintText: "disabled", defaultText: "disabled", state: "disabled", textLineType: "multi" }, void 0)] }, void 0));
-};
-exports.MultiState = MultiStateTemplate.bind({});
-var MultiRowsTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 1", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "multiRows1", hintText: "multiRows1", state: "normal", textLineType: "multi", multiRows: 1 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 2", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "multiRows2", hintText: "multiRows2", state: "normal", textLineType: "multi", multiRows: 2 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 5", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "multiRow5", hintText: "multiRow5", state: "normal", textLineType: "multi", multiRows: 5 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 8 (default)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "multiRows8", hintText: "multiRows8", state: "normal", textLineType: "multi", multiRows: 8 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0)] }, void 0));
-};
-exports.MultiRows = MultiRowsTemplate.bind({});
-var AutoStateTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto normal", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "normal", hintText: "normal", state: "normal", textLineType: "auto" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto read only", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "readOnly", hintText: "read only", defaultText: "read only", state: "read_only", textLineType: "auto" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto disabled", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "disabled", hintText: "disabled", defaultText: "disabled", state: "disabled", textLineType: "auto" }, void 0)] }, void 0));
-};
-exports.AutoState = AutoStateTemplate.bind({});
-var AutoRowsTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 1 to 3", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "autoRows1to3", hintText: "autoRows1to3", state: "normal", textLineType: "auto", autoMinRows: 1, autoMaxRows: 3 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 2 to 5", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "autoRows2to5", hintText: "autoRows2to5", state: "normal", textLineType: "auto", autoMinRows: 2, autoMaxRows: 5 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 5 to 8", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "autoRow5to8", hintText: "autoRow5to8", state: "normal", textLineType: "auto", autoMinRows: 5, autoMaxRows: 8 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 8 to infinity (default)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(BlogTextField_1.default, { name: "autoRows8toInfinity", hintText: "autoRows8toInfinity", state: "normal", textLineType: "auto", autoMinRows: 8 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0)] }, void 0));
-};
-exports.AutoRows = AutoRowsTemplate.bind({});

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

@@ -1,8 +0,0 @@
-import BodyTextGroup from './BodyTextGroup';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof BodyTextGroup>;
-export default _default;
-export declare const TitleOnly: ComponentStory<typeof BodyTextGroup>;
-export declare const WithDescription: ComponentStory<typeof BodyTextGroup>;
-export declare const WithContent: ComponentStory<typeof BodyTextGroup>;
-export declare const Both: ComponentStory<typeof BodyTextGroup>;

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

@@ -1,80 +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.Both = exports.WithContent = exports.WithDescription = exports.TitleOnly = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var BodyTextGroup_1 = __importDefault(require("./BodyTextGroup"));
-exports.default = {
-    title: 'desktop/components/BodyTextGroup',
-    component: BodyTextGroup_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화된 BodyTextGroup 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        titleStyleTheme: {
-            description: '타이틀 텍스트의 스타일을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        titleText: {
-            description: '표시할 타이틀 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        descText: {
-            description: '상세 내용을 보여주는 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        contentText: {
-            description: '본문 내용을 보여주는 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        titleTextWordBreak: {
-            description: 'titleText의 줄바꿈 형식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        descTextWordBreak: {
-            description: 'descText의 줄바꿈 형식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        contentTextWordBreak: {
-            description: 'contentText의 줄바꿈 형식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        contentFontWeight: {
-            description: '본문의 굵기를 나타냅니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(BodyTextGroup_1.default, __assign({}, args), void 0); };
-var defaultArgs = {
-    titleText: 'pApp 활성화',
-    titleTextWordBreak: 'keep_all',
-    descTextWordBreak: 'keep_all',
-    contentTextWordBreak: 'keep_all',
-    contentFontWeight: 'regular'
-};
-exports.TitleOnly = Template.bind({});
-exports.TitleOnly.args = __assign(__assign({}, defaultArgs), { contentFontWeight: 'regular' });
-exports.WithDescription = Template.bind({});
-exports.WithDescription.args = __assign(__assign({}, defaultArgs), { descText: "pApp\uC744 \uD65C\uC131\uD654\uD569\uB2C8\uB2E4. \uAD6C\uB3C5\uC790\uC5D0\uAC8C \uD45C\uC2DC\uD558\uAE30 \uC704\uD574\uC11C\uB294, \uBC18\uB4DC\uC2DC \uD65C\uC131\uD654\uB418\uC5B4 \uC788\uC5B4\uC57C \uD569\uB2C8\uB2E4.\npApp\uC5D0\uC11C \uD45C\uC2DC\uD560 \uCF58\uD150\uCE20 \uC5C5\uB85C\uB4DC\uB098 \uBAA8\uB4E0 \uC124\uC815\uC774 \uB05D\uB0AC\uB2E4\uBA74, \uD65C\uC131\uD654 \uC0C1\uD0DC\uB85C \uBCC0\uACBD\uD574 \uC8FC\uC138\uC694.\n\uAE30\uBCF8 pApp\uC73C\uB85C \uC124\uC815\uB41C pApp\uC740 \uBE44\uD65C\uC131\uD654\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." });
-exports.WithContent = Template.bind({});
-exports.WithContent.args = __assign(__assign({}, defaultArgs), { contentText: "* \uBE44\uD65C\uC131\uD654 \uC2DC\uC5D0\uB3C4 \uB370\uC774\uD130\uB294 \uC804\uD600 \uC0AD\uC81C\uB418\uC9C0 \uC54A\uC73C\uBA70, \uC0AC\uC6A9\uB7C9\uC5D0 \uC758\uD55C \uC694\uAE08\uC740 \uBD80\uACFC\uB429\uB2C8\uB2E4.\n  \uC55E\uC73C\uB85C\uB3C4 \uC774\uC6A9\uD558\uC9C0 \uC54A\uC73C\uC2E4 \uC608\uC815\uC774\uB77C\uBA74 [pApp \uC124\uCE58 \uBC0F \uC81C\uAC70] \uBA54\uB274\uC5D0\uC11C pApp\uC744 \uC644\uC804\uD788 \uC81C\uAC70\uD574 \uC8FC\uC138\uC694." });
-exports.Both = Template.bind({});
-exports.Both.args = __assign(__assign({}, defaultArgs), { descText: "pApp\uC744 \uD65C\uC131\uD654\uD569\uB2C8\uB2E4. \uAD6C\uB3C5\uC790\uC5D0\uAC8C \uD45C\uC2DC\uD558\uAE30 \uC704\uD574\uC11C\uB294, \uBC18\uB4DC\uC2DC \uD65C\uC131\uD654\uB418\uC5B4 \uC788\uC5B4\uC57C \uD569\uB2C8\uB2E4.\npApp\uC5D0\uC11C \uD45C\uC2DC\uD560 \uCF58\uD150\uCE20 \uC5C5\uB85C\uB4DC\uB098 \uBAA8\uB4E0 \uC124\uC815\uC774 \uB05D\uB0AC\uB2E4\uBA74, \uD65C\uC131\uD654 \uC0C1\uD0DC\uB85C \uBCC0\uACBD\uD574 \uC8FC\uC138\uC694.\n\uAE30\uBCF8 pApp\uC73C\uB85C \uC124\uC815\uB41C pApp\uC740 \uBE44\uD65C\uC131\uD654\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.", contentText: "* \uBE44\uD65C\uC131\uD654 \uC2DC\uC5D0\uB3C4 \uB370\uC774\uD130\uB294 \uC804\uD600 \uC0AD\uC81C\uB418\uC9C0 \uC54A\uC73C\uBA70, \uC0AC\uC6A9\uB7C9\uC5D0 \uC758\uD55C \uC694\uAE08\uC740 \uBD80\uACFC\uB429\uB2C8\uB2E4.\n\uC55E\uC73C\uB85C\uB3C4 \uC774\uC6A9\uD558\uC9C0 \uC54A\uC73C\uC2E4 \uC608\uC815\uC774\uB77C\uBA74 [pApp \uC124\uCE58 \uBC0F \uC81C\uAC70] \uBA54\uB274\uC5D0\uC11C pApp\uC744 \uC644\uC804\uD788 \uC81C\uAC70\uD574 \uC8FC\uC138\uC694." });

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

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

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

@@ -1,81 +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.ImageCard = exports.DefaultCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var hybrid_1 = require("../../../hybrid");
-var Card_1 = __importDefault(require("./Card"));
-exports.default = {
-    title: 'desktop/components/Card',
-    component: Card_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop 환경에 최적화된 Card 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        titleText: {
-            description: '주요 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        descText: {
-            description: '상세 설명 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        imageIconMode: {
-            description: '이미지 또는 아이콘 사용 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        imageSrc: {
-            description: '이미지 사용 시 주소 값입니다.',
-            control: { type: 'text' }
-        },
-        selectState: {
-            description: '상태를 결정합니다. *clickMode가 select인 경우 사용가능합니다.',
-            control: { type: 'none' }
-        },
-        onClick: {
-            action: 'onClick'
-        }
-    }
-};
-var S_CardWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n"], ["\n  display: flex;\n  flex-direction: row;\n"])));
-var Template = function (args) {
-    var _a = (0, react_1.useState)('card1'), selectedCard = _a[0], setSelectedCard = _a[1];
-    return ((0, jsx_runtime_1.jsxs)(S_CardWrapper, { children: [(0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, args, { selectState: selectedCard === 'card1' ? 'selected' : 'unselected', onClick: function () { return setSelectedCard('card1'); } }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, args, { selectState: selectedCard === 'card2' ? 'selected' : 'unselected', onClick: function () { return setSelectedCard('card2'); } }), void 0)] }, void 0));
-};
-exports.DefaultCard = Template.bind({});
-exports.DefaultCard.args = {
-    titleText: 'Card',
-    descText: '상세 설명 텍스트입니다.',
-    imageIconMode: 'none'
-};
-exports.ImageCard = Template.bind({});
-exports.ImageCard.args = {
-    titleText: 'Card',
-    descText: '상세 설명 텍스트입니다.',
-    imageIconMode: 'image',
-    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80'
-};
-var templateObject_1;

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

@@ -1,6 +0,0 @@
-import CardList from './CardList';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof CardList>;
-export default _default;
-export declare const DefaultCardList: ComponentStory<typeof CardList>;
-export declare const MultiCardList: ComponentStory<any>;

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

@@ -1,90 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiCardList = exports.DefaultCardList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Card_1 = __importDefault(require("../Card/Card"));
-var Card_stories_1 = require("../Card/Card.stories");
-var CardList_1 = __importDefault(require("./CardList"));
-exports.default = {
-    title: 'desktop/components/CardList',
-    component: CardList_1.default,
-    subcomponents: { Card: Card_1.default },
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 CardList 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        children: {
-            description: 'ContextList에 들어갈 자식 요소입니다. 현재는 `Card`만 존재합니다.'
-        },
-        rows: {
-            description: 'Grid에 적용할 행의 값입니다.',
-            control: { type: 'number' }
-        },
-        columns: {
-            description: 'Grid에 적용할 열의 값입니다.',
-            control: { type: 'number' }
-        },
-        rowGap: {
-            description: '행 사이에 적용할 간격값입니다.',
-            control: { type: 'number' }
-        },
-        columnGap: {
-            description: '열 사이에 적용할 간격값입니다.',
-            control: { type: 'number' }
-        }
-    }
-};
-var Template = function (args) {
-    return (0, jsx_runtime_1.jsx)(CardList_1.default, __assign({}, args), void 0);
-};
-var ListTemplate = function (_a) {
-    var items = _a.items, args = __rest(_a, ["items"]);
-    return ((0, jsx_runtime_1.jsx)(CardList_1.default, __assign({}, args, { children: items.map(function (_a, index) {
-            var titleText = _a.titleText, descText = _a.descText, imageIconMode = _a.imageIconMode, imageSrc = _a.imageSrc;
-            return ((0, jsx_runtime_1.jsx)(Card_1.default, { titleText: titleText, descText: descText, imageIconMode: imageIconMode, imageSrc: imageSrc }, index));
-        }) }), void 0));
-};
-exports.DefaultCardList = Template.bind({});
-exports.MultiCardList = ListTemplate.bind({});
-exports.MultiCardList.args = {
-    columns: 3,
-    columnGap: 20,
-    rowGap: 30,
-    items: [
-        __assign({}, Card_stories_1.ImageCard.args),
-        __assign({}, Card_stories_1.ImageCard.args),
-        __assign({}, Card_stories_1.ImageCard.args),
-        __assign({}, Card_stories_1.ImageCard.args),
-        __assign({}, Card_stories_1.ImageCard.args),
-        __assign({}, Card_stories_1.ImageCard.args)
-    ]
-};

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

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