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

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

@@ -1,205 +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.ContentDefault = exports.SubDefault = exports.MainDefault = 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 DesktopTabBar_1 = __importDefault(require("./DesktopTabBar"));
-exports.default = {
-    title: 'desktop/components/DesktopTabBar',
-    component: DesktopTabBar_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 DesktopTabBar 컴포넌트'
-            }
-        },
-        controls: { hideNoControlsWarning: true }
-    },
-    argTypes: {
-        itemArray: {
-            description: 'tab item의 title, isActive, onClick 이벤트, subArray 값 리스트 입니다.',
-            control: null,
-            table: {
-                type: {
-                    detail: '{\n  title: PDSTextType,\n  isActive: Boolean,\n  onClick: () => void\n  subArray: PDSTabItemOption[]\n}[]'
-                }
-            }
-        },
-        styleTheme: {
-            description: 'tab item의 스타일 유형입니다.',
-            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 MainDefault = function (args) {
-    var _a = (0, react_1.useState)(''), selectedItem = _a[0], setSelectedItem = _a[1];
-    return ((0, jsx_runtime_1.jsx)(DesktopTabBar_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.MainDefault = MainDefault;
-exports.MainDefault.args = {
-    styleTheme: 'main'
-};
-var SubDefault = function (args) {
-    var _a = (0, react_1.useState)(''), selectedItem = _a[0], setSelectedItem = _a[1];
-    var _b = (0, react_1.useState)(''), selectedSubItem = _b[0], setSelectedSubItem = _b[1];
-    var handleClick = function (value, subItem) {
-        if (subItem === void 0) { subItem = false; }
-        if (subItem) {
-            setSelectedSubItem(value);
-        }
-        else {
-            setSelectedItem(value);
-            setSelectedSubItem('');
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(DesktopTabBar_1.default, __assign({}, args, { itemArray: [
-            {
-                title: '예약권',
-                isActive: selectedItem === '예약권',
-                onClick: function () { return handleClick('예약권'); },
-                subArray: [
-                    {
-                        title: '예약 링크',
-                        isActive: selectedSubItem === '예약 링크',
-                        onClick: function () { return handleClick('예약 링크', true); }
-                    },
-                    {
-                        title: '예약 가격',
-                        isActive: selectedSubItem === '예약 가격',
-                        onClick: function () { return handleClick('예약 가격', true); }
-                    },
-                    {
-                        title: '예약 설정',
-                        isActive: selectedSubItem === '예약 설정',
-                        onClick: function () { return handleClick('예약 설정', true); }
-                    }
-                ]
-            },
-            {
-                title: '일정 관리',
-                isActive: selectedItem === '일정 관리',
-                onClick: function () { return handleClick('일정 관리'); },
-                subArray: [
-                    {
-                        title: '일정표',
-                        isActive: selectedSubItem === '일정표',
-                        onClick: function () { return handleClick('일정표', true); }
-                    },
-                    {
-                        title: '일정 설정',
-                        isActive: selectedSubItem === '일정 설정',
-                        onClick: function () { return handleClick('일정 설정', true); }
-                    }
-                ]
-            },
-            {
-                title: '설정',
-                isActive: selectedItem === '설정',
-                onClick: function () { return handleClick('설정'); }
-            }
-        ] }), void 0));
-};
-exports.SubDefault = SubDefault;
-exports.SubDefault.args = {
-    styleTheme: 'main'
-};
-var ContentDefault = function () {
-    var _a = (0, react_1.useState)(''), selectedItem = _a[0], setSelectedItem = _a[1];
-    var _b = (0, react_1.useState)(''), selectedSubItem = _b[0], setSelectedSubItem = _b[1];
-    var handleClick = function (value, subItem) {
-        if (subItem === void 0) { subItem = false; }
-        if (subItem) {
-            setSelectedSubItem(value);
-        }
-        else {
-            setSelectedItem(value);
-            setSelectedSubItem('');
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(DesktopTabBar_1.default, { itemArray: [
-            {
-                title: '예약권',
-                isActive: selectedItem === '예약권',
-                onClick: function () { return handleClick('예약권'); },
-                subArray: [
-                    {
-                        title: '예약 링크',
-                        isActive: selectedSubItem === '예약 링크',
-                        onClick: function () { return handleClick('예약 링크', true); }
-                    },
-                    {
-                        title: '예약 가격',
-                        isActive: selectedSubItem === '예약 가격',
-                        onClick: function () { return handleClick('예약 가격', true); }
-                    },
-                    {
-                        title: '예약 설정',
-                        isActive: selectedSubItem === '예약 설정',
-                        onClick: function () { return handleClick('예약 설정', true); }
-                    }
-                ]
-            },
-            {
-                title: '일정 관리',
-                isActive: selectedItem === '일정 관리',
-                onClick: function () { return handleClick('일정 관리'); },
-                subArray: [
-                    {
-                        title: '일정표',
-                        isActive: selectedSubItem === '일정표',
-                        onClick: function () { return handleClick('일정표', true); }
-                    },
-                    {
-                        title: '일정 설정',
-                        isActive: selectedSubItem === '일정 설정',
-                        onClick: function () { return handleClick('일정 설정', true); }
-                    }
-                ]
-            },
-            {
-                title: '설정',
-                isActive: selectedItem === '설정',
-                onClick: function () { return handleClick('설정'); }
-            }
-        ], styleTheme: "content" }, void 0));
-};
-exports.ContentDefault = ContentDefault;

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

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

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

@@ -1,164 +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 Dropdown_1 = __importDefault(require("./Dropdown"));
-exports.default = {
-    title: 'desktop/components/Dropdown',
-    component: Dropdown_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 Dropdown 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        size: {
-            description: '요소의 크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        hintText: {
-            description: '선택 전 사용자에게 보여질 기본 텍스트입니다.(placeholder)',
-            control: { type: 'text' }
-        },
-        value: {
-            description: '드롭다운의 값입니다.'
-        },
-        defaultValue: {
-            description: '기본으로 표시할 값입니다.'
-        },
-        valueArray: {
-            description: '옵션으로 표시될 값들의 배열입니다.'
-        },
-        responsiveMode: {
-            description: 'width를 반응형으로 적용합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '요소의 활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        maxHeightItemNumber: {
-            description: '입력한 개수만큼 보이고 나머지는 스크롤이 됩니다.'
-        },
-        customWidth: {
-            description: '직접 지정한 Dropdown의 사이즈를 결정합니다. 내부에 있는 ContextMenu에도 customWidth가 자동부여됩니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
-            control: { type: 'text' }
-        },
-        onChange: {
-            action: 'onChange'
-        }
-    }
-};
-var Template = function (args) {
-    var valueArray = args.valueArray, defaultValue = args.defaultValue;
-    var _a = (0, react_1.useState)(null), selectedOption = _a[0], setSelectedOption = _a[1];
-    var handleChange = function (option) {
-        if (option.value === 7) {
-            setSelectedOption(valueArray[3]);
-            return;
-        }
-        if (option.value === 4) {
-            setSelectedOption(null);
-            return;
-        }
-        setSelectedOption(option);
-    };
-    return ((0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({}, args, { defaultValue: defaultValue, value: selectedOption, onChange: handleChange }), void 0));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    size: 'large',
-    valueArray: [
-        {
-            text: '1',
-            value: 1
-        },
-        {
-            text: '2',
-            value: 2
-        },
-        {
-            text: '3',
-            value: 3,
-            state: 'disabled'
-        },
-        {
-            text: '4',
-            value: 4
-        },
-        {
-            text: '5',
-            value: 5
-        },
-        {
-            text: '6',
-            value: 6
-        },
-        {
-            text: '7',
-            value: 7
-        },
-        {
-            text: '8',
-            value: 8
-        },
-        {
-            text: '9',
-            value: 9
-        },
-        {
-            text: '10',
-            value: 10
-        },
-        {
-            text: '11',
-            value: 11
-        },
-        {
-            text: '12',
-            value: 12
-        },
-        {
-            text: '13',
-            value: 13
-        },
-        {
-            text: '14',
-            value: 14
-        },
-        {
-            text: '15',
-            value: 15
-        }
-    ],
-    hintText: 'Hint Text',
-    defaultValue: {
-        text: '12',
-        value: 12
-    },
-    responsiveMode: 'none',
-    state: 'normal',
-    colorTheme: 'none',
-    maxHeightItemNumber: 5
-};

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

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