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

package/dist/src/mobile/components/IconButton/IconButton.stories.js

@@ -1,108 +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 IconButton_1 = __importDefault(require("./IconButton"));
-exports.default = {
-    title: 'mobile/components/IconButton',
-    component: IconButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 IconButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        fillType: {
-            fillType: '디자인 표현이 선형인지, 면인지를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        shapeType: {
-            description: '버튼의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        baseSize: {
-            description: '버튼의 크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        baseColorKey: {
-            description: '배경 컬러입니다. (fillType이 fill일때만 적용됩니다.)(ui_cpnt_button_fill_base_transparent값이 들어올 경우, hover와 active관련 색상 변경이 무시됩니다.)',
-            control: { type: 'text' }
-        },
-        borderColorKey: {
-            description: '라인의 컬러입니다. (지금 사용하지 않습니다.)(fillType이 line일때만 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        iconSize: {
-            description: '아이콘의 크기를 결정합니다.',
-            control: { type: 'inline-radio', options: [12, 16, 20, 24, 48, 72] }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'select' }
-        },
-        iconColorKey: {
-            description: '아이콘 컬러를 설정합니다.',
-            control: { type: 'text' }
-        },
-        shadow: {
-            description: '그림자 유무를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다. fillType을 고려하여 만들어졌지만, 코드에서 예외처리를 하지 않습니다. 예를 들어, Line fillType에 최적화된 컬러테마를 Fill fillType에 적용한 것은 그냥 사람이 잘못한 것입니다.',
-            control: { type: 'inline-radio' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        tabIndex: {
-            description: '포커스 순서를 지정해줄 수 있습니다.',
-            control: { type: 'number' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        onMouseDown: {
-            action: 'onMouseDown'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    fillType: 'fill',
-    shapeType: 'rectangle',
-    baseSize: 'small',
-    iconSize: 24,
-    iconFillType: 'line',
-    shadow: 'hidden',
-    colorTheme: 'none',
-    type: 'button',
-    state: 'normal',
-    iconName: 'ic_arrow_down'
-};

package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ status, src, imageShapeType, imageWidth, imageRatio, radius, borderMode }: import("./ImageSlide").ImageSlideProps) => JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<({ status, src, imageShapeType, imageWidth, imageRatio, radius, borderMode }: import("./ImageSlide").ImageSlideProps) => JSX.Element>;

package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.js

@@ -1,72 +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 ImageSlide_1 = __importDefault(require("./ImageSlide"));
-exports.default = {
-    title: 'mobile/components/ImageSlide',
-    component: ImageSlide_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: '여러 장의 이미지를 업로드 했을 시, 사용자가 쉽게 여러 장의 이미지가 있다는 것을 인지시키기 위해 표시하는 것을 말합니다.'
-            }
-        }
-    },
-    argTypes: {
-        status: {
-            description: '슬라이더의 표시 상태를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        src: {
-            description: '표시할 이미지의 주소 값입니다.',
-            control: { type: 'object' }
-        },
-        imageShapeType: {
-            description: '이미지의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        imageWidth: {
-            description: '이미지의 너비 결정'
-        },
-        imageRatio: {
-            description: 'width에 의한 height 값을 구하기 위한 비율입니다.',
-            control: { type: 'inline-radio' }
-        },
-        radius: {
-            description: '모서리 값을 결정합니다. (shapeType=round일 때만 적용됩니다.)',
-            control: { type: 'inline-radio', options: [8, 16, 24] }
-        },
-        borderMode: {
-            description: '이미지에 1px의 border 사용을 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ImageSlide_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    src: [
-        'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-        'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80'
-    ],
-    imageShapeType: 'round',
-    imageWidth: 'responsive',
-    imageRatio: '1_1',
-    radius: 24,
-    borderMode: 'none'
-};

package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.d.ts

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

package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.js

@@ -1,99 +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.TextStringType = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var LottieReactionButton_1 = __importDefault(require("./LottieReactionButton"));
-exports.default = {
-    title: 'mobile/components/LottieReactionButton',
-    component: LottieReactionButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 LottieReactionButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다. 해당 prop에 string을 부여하면 해당 텍스트가 그대로 표시됩니다. 해당 prop에 number를 부여 한다면 숫자의 크기에 따라 포맷이 다르게 표시됩니다. Format (1,000개 이상) : 심볼 표시(K, M, B, T)',
-            control: { type: 'number' }
-        },
-        actionText: {
-            description: 'action이 있을때만 표시되는 텍스트 값입니다. (state가 no_animation일때는 표시되지 않습니다.)',
-            control: { type: 'text' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다. (LottieIcon만 사용 가능합니다.)',
-            control: { type: 'select' }
-        },
-        displayType: {
-            description: '표시 레이아웃 방식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        backgroundColorTheme: {
-            description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBackgroundColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onTouchStart: {
-            description: '터치 된 시점에 이벤트를 부여합니다. (onTouchEnd보다 빠른 시점에 발현됩니다.)',
-            action: 'onTouchStart'
-        },
-        onTouchEnd: {
-            description: '터치된 손을 뗀 시점에 이벤트를 부여합니다.',
-            action: 'onTouchEnd'
-        },
-        onComplete: {
-            description: 'LottieIcon의 loop가 끝난 시점에 이벤트를 부여합니다. (state가 no_animation일때는 LottieIcon의 loop가 작동하지 않으므로 사용할 수 없습니다.)',
-            action: 'onComplete'
-        }
-    }
-};
-var Template = function (args) {
-    var _a = (0, react_1.useState)(0), text = _a[0], setText = _a[1];
-    var handleButtonClick = function () {
-        if (typeof text !== 'number')
-            return text;
-        setText(text + 1);
-    };
-    return ((0, jsx_runtime_1.jsx)(LottieReactionButton_1.default, __assign({ text: text }, args, { onTouchStart: undefined, onTouchEnd: handleButtonClick }), void 0));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    actionText: 'LOVE!',
-    iconName: 'ic_lottie_heart',
-    backgroundColorTheme: 'base1'
-};
-exports.TextStringType = Template.bind({});
-exports.TextStringType.args = {
-    text: 'CLICK ME!',
-    actionText: 'LOVE!',
-    iconName: 'ic_lottie_heart',
-    backgroundColorTheme: 'base1'
-};

package/dist/src/mobile/components/MainButton/MainButton.stories.d.ts

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

package/dist/src/mobile/components/MainButton/MainButton.stories.js

@@ -1,112 +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 MainButton_1 = __importDefault(require("./MainButton"));
-exports.default = {
-    title: 'mobile/components/MainButton',
-    component: MainButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 MainButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        shapeType: {
-            description: '버튼의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fillType: {
-            description: '디자인 표현이 선형인지, 면인지를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        styleTheme: {
-            description: '외형의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        size: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fontWeight: {
-            description: '텍스트의 굵기를 의미합니다. 사용하면, size에 따라 부여되어있던 font-weight는 무시됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconMode: {
-            description: '아이콘 유무와 위치를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'text' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        isLoading: {
-            description: '로딩 상태 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        isSubmitting: {
-            description: '제출 상태 ui 노출 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        onMouseDown: {
-            action: 'onMouseDown'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(MainButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'MainButton',
-    shapeType: 'round',
-    styleTheme: 'primary',
-    size: 'large',
-    responsiveMode: 'none',
-    iconMode: 'none',
-    iconFillType: 'line',
-    colorTheme: 'none',
-    type: 'button',
-    state: 'normal'
-};

package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.d.ts

@@ -1,9 +0,0 @@
-import MobileAlertDialog from './MobileAlertDialog';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof MobileAlertDialog>;
-export default _default;
-export declare const Default: ComponentStory<typeof MobileAlertDialog>;
-export declare const TitleDefault: ComponentStory<typeof MobileAlertDialog>;
-export declare const IconLongTextDefault: ComponentStory<typeof MobileAlertDialog>;
-export declare const tBtn3TextDefault: ComponentStory<typeof MobileAlertDialog>;
-export declare const StackDefault: ComponentStory<typeof MobileAlertDialog>;

package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.js

@@ -1,137 +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.StackDefault = exports.tBtn3TextDefault = exports.IconLongTextDefault = exports.TitleDefault = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MobileAlertDialog_1 = __importDefault(require("./MobileAlertDialog"));
-exports.default = {
-    title: 'mobile/components/MobileAlertDialog',
-    component: MobileAlertDialog_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 MobileAlertDialog 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        iconMode: {
-            description: 'icon 표시 존재 여부',
-            control: { type: 'inline-radio' }
-        },
-        titleText: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        contentText: {
-            description: '상세 설명 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        btnStack: {
-            description: '버튼을 나란히 배치할 것인지 층으로 배치할 것인지 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        btnMode: {
-            description: 'btnTextMode',
-            control: { type: 'inline-radio' }
-        },
-        tBtn1Text: {
-            description: '가장 우측부터 사용되는 버튼 1 텍스트',
-            control: { type: 'text' }
-        },
-        tBtn2Text: {
-            description: '가장 우측부터 사용되는 버튼 2 텍스트',
-            control: { type: 'text' }
-        },
-        tBtn3Text: {
-            description: '가장 우측부터 사용되는 버튼 3 텍스트',
-            control: { type: 'text' }
-        },
-        tBtn1State: {
-            description: '가장 우측부터 사용되는 버튼 1 상태',
-            control: { type: 'inline-radio' }
-        },
-        tBtn2State: {
-            description: '가장 우측부터 사용되는 버튼 2 상태',
-            control: { type: 'inline-radio' }
-        },
-        tBtn3State: {
-            description: '가장 우측부터 사용되는 버튼 3 상태',
-            control: { type: 'inline-radio' }
-        },
-        tBtn1Type: {
-            description: '가장 우측부터 사용되는 버튼1의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        tBtn2Type: {
-            description: '가장 우측부터 사용되는 버튼2의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        tBtn3Type: {
-            description: '가장 우측부터 사용되는 버튼3의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(MobileAlertDialog_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    contentText: '비밀번호 재설정이 완료되었습니다.',
-    btnMode: 'tbtn_amount1',
-    btnStack: 'side',
-    tBtn1Text: '확인'
-};
-exports.TitleDefault = Template.bind({});
-exports.TitleDefault.args = {
-    titleText: '계정 삭제',
-    contentText: '정말 계정을 삭제하시겠습니까? 계정 삭제 시 지금까지 저장된 정보 및 구독자, 결제이력 등이 삭제되며 복구될 수 없습니다. ',
-    btnMode: 'tbtn_amount2',
-    btnStack: 'side',
-    tBtn1Text: '확인',
-    tBtn2Text: '취소'
-};
-exports.IconLongTextDefault = Template.bind({});
-exports.IconLongTextDefault.args = {
-    iconMode: 'warning',
-    contentText: '정말 계정을 삭제하시겠습니까? 계정 삭제 시 지금까지 저장된 정보 및 구독자, 결제이력 등이 삭제되며 복구될 수 없습니다. ',
-    btnMode: 'tbtn_amount2',
-    btnStack: 'side',
-    tBtn1Text: '확인',
-    tBtn2Text: '취소'
-};
-exports.tBtn3TextDefault = Template.bind({});
-exports.tBtn3TextDefault.args = {
-    iconMode: 'success',
-    titleText: 'titleText',
-    contentText: 'contentText',
-    btnMode: 'tbtn_amount3',
-    btnStack: 'side',
-    tBtn1Text: 'tBtn1Text',
-    tBtn2Text: 'tBtn2Text',
-    tBtn3Text: 'tBtn3Text'
-};
-// 모바일 화면에서 확인해야함
-exports.StackDefault = Template.bind({});
-exports.StackDefault.args = {
-    iconMode: 'error',
-    titleText: 'titleText',
-    contentText: 'contentText',
-    btnMode: 'tbtn_amount3',
-    btnStack: 'stack',
-    tBtn1Text: 'tBtn1Text',
-    tBtn2Text: 'tBtn2Text',
-    tBtn3Text: 'tBtn3Text'
-};

package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.d.ts

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