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

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

@@ -1,117 +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 UploadMainButton_1 = __importDefault(require("./UploadMainButton"));
-exports.default = {
-    title: 'desktop/components/UploadMainButton',
-    component: UploadMainButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 UploadMainButton 컴포넌트'
-            }
-        }
-    },
-    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' }
-        },
-        state: {
-            description: '버튼 활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        accept: {
-            description: '특정 확장자 혹은 타입의 파일만 선택할 수 있습니다.',
-            control: { type: 'text' }
-        },
-        multipleMode: {
-            description: '복수 혹은 단수의 파일 선택 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        isLoading: {
-            description: '로딩 상태 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        isSubmitting: {
-            description: '제출 상태 ui 노출 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        onClick: {
-            description: '파일 탐색기에서 파일 선택을 결정한 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) {
-    return (0, jsx_runtime_1.jsx)(UploadMainButton_1.default, __assign({}, args), void 0);
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'UploadMainButton',
-    shapeType: 'round',
-    styleTheme: 'primary',
-    size: 'large',
-    responsiveMode: 'none',
-    iconMode: 'none',
-    iconFillType: 'line',
-    iconName: 'ic_upload',
-    colorTheme: 'none',
-    state: 'normal',
-    multipleMode: 'none'
-};

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

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

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

@@ -1,78 +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 UploadTextButton_1 = __importDefault(require("./UploadTextButton"));
-exports.default = {
-    title: 'desktop/components/UploadTextButton',
-    component: UploadTextButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 UploadTextButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        size: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fontWeight: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        accept: {
-            description: '특정 확장자 혹은 타입의 파일만 선택할 수 있습니다.',
-            control: { type: 'text' }
-        },
-        multipleMode: {
-            description: '복수 혹은 단수의 파일 선택 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            description: '파일 탐색기에서 파일 선택을 결정한 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(UploadTextButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'UploadTextButton',
-    size: 'large',
-    responsiveMode: 'none',
-    state: 'normal',
-    colorTheme: 'none',
-    multipleMode: 'none'
-};

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

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

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

@@ -1,106 +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.CenterNoneDefault = exports.TextDefault = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_router_dom_1 = require("react-router-dom");
-var UserDesktopNavBar_1 = __importDefault(require("./UserDesktopNavBar"));
-exports.default = {
-    title: 'desktop/components/UserDesktopNavBar',
-    component: UserDesktopNavBar_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 UserDesktopTabBar 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        logoImageSrc: {
-            description: '셀러의 로고 이미지 src',
-            control: { type: 'text' }
-        },
-        titleText: {
-            description: '셀러의 채널 이름 (로고가 추가되었으면 보여지지 않습니다.)',
-            control: { type: 'text' }
-        },
-        menuMode: {
-            description: '내비게이션 표시 모양을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        textArray: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'array' }
-        },
-        userImageSrc: {
-            description: '유저 이미지 src',
-            control: { type: 'text' }
-        },
-        loginInfoMode: {
-            description: '로그인의 정보를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        mBtnText: {
-            description: 'loginInfoMode가 button일 경우, 해당 button에 표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        onClickLogo: {
-            description: '로고를 클릭했을 떄 액션',
-            action: 'onClick'
-        },
-        onClickLoginInfo: {
-            description: '로그인 정보 버튼을 클릭했을 때 액션',
-            action: 'onClick'
-        }
-    },
-    decorators: [function (story) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.HashRouter, { children: story() }, void 0); }]
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(UserDesktopNavBar_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    logoImageSrc: 'https://cdn-icons-png.flaticon.com/512/1246/1246264.png?w=1060&t=st=1666589155~exp=1666589755~hmac=1bac6f8d41a52851d33c97646613833f571b7cc64bda4b4725c86de53f63324d',
-    menuMode: 'center_text',
-    textArray: [
-        { text: '동영상', value: '/video' },
-        { text: '재생목록', value: '/playlist' },
-        { text: 'VOD', value: '/vod' },
-        { text: 'OTT', value: '/ott' },
-        { text: '연재형', value: '/serialized' },
-        { text: '공지사항', value: '/notice' },
-        { text: '자유형게시판', value: '/free_board' }
-    ],
-    loginInfoMode: 'profile',
-    userImageSrc: 'https://cdn-icons-png.flaticon.com/512/1246/1246264.png?w=1060&t=st=1666589155~exp=1666589755~hmac=1bac6f8d41a52851d33c97646613833f571b7cc64bda4b4725c86de53f63324d'
-};
-exports.TextDefault = Template.bind({});
-exports.TextDefault.args = {
-    titleText: 'UserDesktopNavBar',
-    menuMode: 'center_text',
-    textArray: [
-        { text: '동영상', value: '/video' },
-        { text: '재생목록', value: '/playlist' },
-        { text: 'VOD', value: '/vod' }
-    ],
-    loginInfoMode: 'button',
-    mBtnText: 'login'
-};
-exports.CenterNoneDefault = Template.bind({});
-exports.CenterNoneDefault.args = {
-    logoImageSrc: 'https://cdn-icons-png.flaticon.com/512/1246/1246264.png?w=1060&t=st=1666589155~exp=1666589755~hmac=1bac6f8d41a52851d33c97646613833f571b7cc64bda4b4725c86de53f63324d',
-    menuMode: 'none',
-    loginInfoMode: 'button',
-    mBtnText: 'login'
-};

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

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

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

@@ -1,64 +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_1 = require("react");
-var UserDesktopSideTab_1 = __importDefault(require("./UserDesktopSideTab"));
-exports.default = {
-    title: 'desktop/components/UserDesktopSideTab',
-    component: UserDesktopSideTab_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 UserDesktopSideTab 컴포넌트'
-            }
-        },
-        controls: { hideNoControlsWarning: true }
-    },
-    argTypes: {
-        itemArray: {
-            description: 'tab item의 title, isActive, onClick 값 리스트 입니다.',
-            control: null,
-            table: {
-                type: {
-                    detail: '{\n  title: PDSTextType,\n  isActive: Boolean,\n  onClick?: (e) => void\n }[]'
-                }
-            }
-        }
-    }
-};
-var Default = function (args) {
-    var _a = (0, react_1.useState)('전체 보기'), selectedItem = _a[0], setSelectedItem = _a[1];
-    return ((0, jsx_runtime_1.jsx)(UserDesktopSideTab_1.default, __assign({}, args, { itemArray: [
-            {
-                title: '전체 보기',
-                isActive: selectedItem === '전체 보기',
-                onClick: function () { return setSelectedItem('전체 보기'); }
-            },
-            {
-                title: '공지사항',
-                isActive: selectedItem === '공지사항',
-                onClick: function () { return setSelectedItem('공지사항'); }
-            },
-            {
-                title: '게시판',
-                isActive: selectedItem === '게시판',
-                onClick: function () { return setSelectedItem('게시판'); }
-            }
-        ] }), void 0));
-};
-exports.Default = Default;

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

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

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

@@ -1,79 +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_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var UserDesktopTabBar_1 = __importDefault(require("./UserDesktopTabBar"));
-exports.default = {
-    title: 'desktop/components/UserDesktopTabBar',
-    component: UserDesktopTabBar_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 UserDesktopTabBar 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        itemArray: {
-            description: 'tab item의 title, isActive, onClick 이벤트 값 리스트 입니다.',
-            control: null,
-            table: {
-                type: {
-                    detail: '{\n  title: PDSTextType,\n  isActive: Boolean,\n  onClick: () => void\n}[]'
-                }
-            }
-        },
-        styleTheme: {
-            description: '미리 결정되어있는 스타일 유형입니다.',
-            control: { type: 'inline-radio' }
-        },
-        textArray: {
-            description: '`deprecated v1.5.0` 해당 필드 대신 `itemArray`를 사용하세요.',
-            control: { type: 'array' },
-            table: {
-                category: 'deprecated'
-            }
-        }
-    },
-    decorators: [function (story) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.HashRouter, { children: story() }, void 0); }]
-};
-var Default = function (args) {
-    var _a = (0, react_1.useState)(''), selectedItem = _a[0], setSelectedItem = _a[1];
-    return ((0, jsx_runtime_1.jsx)(UserDesktopTabBar_1.default, __assign({}, args, { itemArray: [
-            {
-                title: '동영상',
-                isActive: selectedItem === '동영상',
-                onClick: function () { return setSelectedItem('동영상'); }
-            },
-            {
-                title: '재생목록',
-                isActive: selectedItem === '재생목록',
-                onClick: function () { return setSelectedItem('재생목록'); }
-            },
-            {
-                title: 'VOD',
-                isActive: selectedItem === 'VOD',
-                onClick: function () { return setSelectedItem('VOD'); }
-            }
-        ] }), void 0));
-};
-exports.Default = Default;
-exports.Default.args = {
-    styleTheme: 'main'
-};

package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export default _default;
-export declare const WFA_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFA_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFB_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFC_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFD_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFD_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFE_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFE_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFE_3: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFE_4: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFF_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFG_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFG_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFG_3: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFG_4: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFG_5: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFG_6: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFH_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFI_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFI_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFI_3: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFI_4: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFI_5: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFI_6: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFJ_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFK_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFL_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
-export declare const WFL_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;