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

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

@@ -1,126 +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.Information = exports.Time = exports.Label = exports.Removable = exports.FilterMulti = exports.FilterSingle = exports.CategoryChoice = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Chip_1 = __importDefault(require("./Chip"));
-exports.default = {
-    title: 'desktop/components/Chip',
-    component: Chip_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 Chip 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        displayType: {
-            description: '칩의 유형을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        text: {
-            description: '칩에 표시되는 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        filterIconMode: {
-            description: '좌측 아이콘 유무를 결정합니다. (displayType이 filter_single, filter_multi일 경우에만 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다. (displayType이 filter_single, filter_multi일 경우에만 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. (displayType이 filter_single, filter_multi일 경우에만 적용됩니다.)',
-            control: { type: 'select' }
-        },
-        overrideTextColorKey: {
-            description: '텍스트 컬러의 키값을 직접 입력할 수 있습니다. (ui_로 시작하는 키값 부여) (displayType이 information일 경우에만 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        overrideBackgroundColorKey: {
-            description: '배경 컬러의 키값을 직접 입력할 수 있습니다. (ui_로 시작하는 키값 부여) (displayType이 information일 경우에만 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        id: {
-            description: 'chip이 갖고 있는 고유한 값입니다. (PDSValueOption)'
-        },
-        value: {
-            description: '선택되어 활성화된 chip의 값입니다. (PDSValueOption)',
-            control: { type: 'number' }
-        },
-        activeChipId: {
-            description: '[deprecated] 표시한 값들에서 현재 active 상태인 값을 표시합니다. 0부터 시작합니다.',
-            control: { type: 'none' }
-        },
-        chipId: {
-            description: '[deprecated] 각 필터 칩에 부여된 number값 입니다.',
-            control: { type: 'none' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args), void 0); };
-var MultiTemplate = function (args) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { chipId: "1" }), void 0), (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { chipId: "2", activeChipId: "2" }), void 0), (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { id: "1" }), void 0), (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { id: "2", value: "2" }), void 0)] }, void 0)); };
-exports.CategoryChoice = MultiTemplate.bind({});
-exports.CategoryChoice.args = {
-    displayType: 'category_choice',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: 'category_choice'
-};
-exports.FilterSingle = MultiTemplate.bind({});
-exports.FilterSingle.args = {
-    displayType: 'filter_single',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: 'filter_single'
-};
-exports.FilterMulti = MultiTemplate.bind({});
-exports.FilterMulti.args = {
-    displayType: 'filter_multi',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: 'filter_multi'
-};
-exports.Removable = Template.bind({});
-exports.Removable.args = {
-    displayType: 'removable',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: 'removable'
-};
-exports.Label = Template.bind({});
-exports.Label.args = {
-    displayType: 'label',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: 'label'
-};
-exports.Time = Template.bind({});
-exports.Time.args = {
-    displayType: 'time',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: '12:00'
-};
-exports.Information = Template.bind({});
-exports.Information.args = {
-    displayType: 'information',
-    filterIconMode: 'none',
-    iconFillType: 'line',
-    text: 'information'
-};

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

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

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

@@ -1,71 +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.ListContextMenu = exports.DefaultContextMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ContextMenuItem_1 = __importDefault(require("../ContextMenuItem/ContextMenuItem"));
-var ContextMenu_1 = __importDefault(require("./ContextMenu"));
-exports.default = {
-    title: 'desktop/components/ContextMenu',
-    component: ContextMenu_1.default,
-    subcomponents: { ContextMenuItem: ContextMenuItem_1.default },
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ContextMenu 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        children: {
-            description: 'ContextMenu에 들어갈 자식 요소입니다. 현재는 `ContextMenuItem`만 존재합니다.'
-        },
-        autoWidthMode: {
-            description: 'contextMenu가 상위 컴포넌트의 width와 같은 값을 가질지 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        maxHeight: {
-            description: 'contextMenu의 최대 높이값입니다.'
-        },
-        customWidth: {
-            description: '직접 지정한 ContextMenu의 사이즈를 결정합니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
-            control: { type: 'text' }
-        }
-    }
-};
-var Template = function (args) {
-    return (0, jsx_runtime_1.jsx)(ContextMenu_1.default, __assign({}, args), void 0);
-};
-var ListTemplate = function (args) {
-    var _a = (0, react_1.useState)(1), selectedValue = _a[0], setSelectedValue = _a[1];
-    var items = [
-        { text: '123 456 긴 텍스트 123123 길다란 텍스트입니다', value: 1 },
-        { text: '2', value: 2 },
-        { text: '3', value: 3 }
-    ];
-    var handleClick = function (option) {
-        setSelectedValue(Number(option.value));
-    };
-    return ((0, jsx_runtime_1.jsx)(ContextMenu_1.default, __assign({}, args, { children: items.map(function (option, index) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.default, { option: option, isSelected: option.value === selectedValue, onClick: handleClick, state: option.value === 2 ? 'disabled' : 'normal' }, "" + option.value + (index + 1))); }) }), void 0));
-};
-var defaultArgs = {
-    autoWidthMode: 'none'
-};
-exports.DefaultContextMenu = Template.bind({});
-exports.DefaultContextMenu.args = __assign({}, defaultArgs);
-exports.ListContextMenu = ListTemplate.bind({});
-exports.ListContextMenu.args = __assign({}, defaultArgs);

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

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

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

@@ -1,68 +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.DefaultContextMenuItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var addon_actions_1 = require("@storybook/addon-actions");
-var ContextMenuItem_1 = __importDefault(require("./ContextMenuItem"));
-exports.default = {
-    title: 'desktop/components/ContextMenuItem',
-    component: ContextMenuItem_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ContextMenuItem 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        size: {
-            description: '요소의 크기(높이와 패딩값)를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        option: {
-            description: '요소에 사용될 텍스트와 고유값 객체입니다.'
-        },
-        isSelected: {
-            description: '선택된 요소를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        state: {
-            description: '활성화 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        text: {
-            description: '[deprecated] 요소에 사용될 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        value: {
-            description: '[deprecated] 요소의 고유값입니다.'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ContextMenuItem_1.default, __assign({}, args), void 0); };
-exports.DefaultContextMenuItem = Template.bind({});
-exports.DefaultContextMenuItem.args = {
-    size: 'small',
-    onClick: (0, addon_actions_1.action)('onClick'),
-    option: {
-        text: 'text',
-        value: 1
-    }
-};

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

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

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

@@ -1,128 +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.IconDefault = exports.TitleDefault = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var DesktopAlertDialog_1 = __importDefault(require("./DesktopAlertDialog"));
-exports.default = {
-    title: 'desktop/components/DesktopAlertDialog',
-    component: DesktopAlertDialog_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 DesktopAlertDialog 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        iconMode: {
-            description: 'icon 표시 존재 여부',
-            control: { type: 'inline-radio' }
-        },
-        titleText: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        contentText: {
-            description: '상세 설명 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        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)(DesktopAlertDialog_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    contentText: '비밀번호 재설정이 완료되었습니다.',
-    btnMode: 'tbtn_amount1',
-    tBtn1Text: '확인'
-};
-exports.TitleDefault = Template.bind({});
-exports.TitleDefault.args = {
-    titleText: '계정 삭제',
-    contentText: '정말 계정을 삭제하시겠습니까? 계정 삭제 시 지금까지 저장된 정보 및 구독자, 결제이력 등이 삭제되며 복구될 수 없습니다. ',
-    btnMode: 'tbtn_amount2',
-    tBtn1Text: '확인',
-    tBtn2Text: '취소'
-};
-exports.IconDefault = Template.bind({});
-exports.IconDefault.args = {
-    iconMode: 'warning',
-    contentText: '정말 계정을 삭제하시겠습니까? 계정 삭제 시 지금까지 저장된 정보 및 구독자, 결제이력 등이 삭제되며 복구될 수 없습니다. ',
-    btnMode: 'tbtn_amount2',
-    tBtn1Text: '확인',
-    tBtn2Text: '취소'
-};
-exports.tBtn3TextDefault = Template.bind({});
-exports.tBtn3TextDefault.args = {
-    iconMode: 'success',
-    titleText: 'titleText',
-    contentText: 'contentText',
-    btnMode: 'tbtn_amount3',
-    tBtn1Text: 'tBtn1Text',
-    tBtn2Text: 'tBtn2Text',
-    tBtn3Text: 'tBtn3Text'
-};
-// 모바일 화면에서 확인해야함
-exports.StackDefault = Template.bind({});
-exports.StackDefault.args = {
-    iconMode: 'error',
-    titleText: 'titleText',
-    contentText: 'contentText',
-    btnMode: 'tbtn_amount3',
-    tBtn1Text: 'tBtn1Text',
-    tBtn2Text: 'tBtn2Text',
-    tBtn3Text: 'tBtn3Text'
-};

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

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

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

@@ -1,121 +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.ComplexBtnDesktopHeaderBar = exports.RightBtnDesktopHeaderBar = exports.LeftBtnDesktopHeaderBar = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var DesktopHeaderBar_1 = __importDefault(require("./DesktopHeaderBar"));
-exports.default = {
-    title: 'desktop/components/DesktopHeaderBar',
-    component: DesktopHeaderBar_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 DesktopHeaderBar 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '헤더에 사용될 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        size: {
-            description: '요소의 크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        leftDisplayType: {
-            description: '컴포넌트 좌측 디스플레이 타입을 결정합니다.'
-        },
-        iconName: {
-            description: '아이콘이 사용되는 경우 사용될 아이콘의 이름입니다.'
-        },
-        leftBtn2Mode: {
-            description: '좌측 타이틀 영역 기준 우측에 존재하는 버튼의 사용 유무와 종류를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        leftBtn2Text: {
-            description: 'leftBtn1Mode `mbtn` 또는 `tbtn`일 경우, 버튼 내부에 들어갈 텍스트를 결정합니다.',
-            control: { type: 'text' }
-        },
-        rightBtnMode: {
-            description: '우측에서 첫 번째 버튼의 타입을 결정합니다.'
-        },
-        rightBtn2Mode: {
-            description: '우측에서 두번째 버튼의 타입을 결정합니다.'
-        },
-        rightBtn3Mode: {
-            description: '우측에서 세번째 버튼의 타입을 결정합니다.'
-        },
-        mBtnState: {
-            description: 'rightBtnMode가 `mbtn` 또는 `mbtn_fill`일 경우, 버튼의 상태를 결정합니다.'
-        },
-        mBtn2State: {
-            description: 'rightBtn2Mode가 `mbtn` 또는 `mbtn_fill`일 경우, 버튼의 상태를 결정합니다.'
-        },
-        mBtnText: {
-            description: 'rightBtnMode가 `mbtn` 또는 `mbtn_fill`일 경우, 버튼 내부에 들어갈 텍스트를 결정합니다.',
-            control: { type: 'text' }
-        },
-        mBtn2Text: {
-            description: 'rightBtn2Mode가 `mbtn` 또는 `mbtn_fill`일 경우, 버튼 내부에 들어갈 텍스트를 결정합니다.',
-            control: { type: 'text' }
-        },
-        dividerType: {
-            description: '디바이더 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClickLeftBtn: {
-            description: 'leftDisplayType가 `back`일 경우, back 버튼 클릭 시 사용될 액션입니다.',
-            action: 'onClickLeftBtn'
-        },
-        onClickLeft2Btn: {
-            description: 'leftBtn2Mode가 `none`이 아닐 경우, 버튼 클릭 시 사용될 액션입니다.',
-            action: 'onClickLeft2Btn'
-        },
-        onClickRightBtn: {
-            description: 'rightBtnMode가 `none`이 아닐 경우, 버튼 클릭 시 사용될 액션입니다.',
-            action: 'onClickRightBtn'
-        },
-        onClickRightBtn2: {
-            description: 'rightBtn2Mode가 `none`이 아닐 경우, 버튼 클릭 시 사용될 액션입니다.',
-            action: 'onClickRightBtn2'
-        },
-        onClickRightBtn3: {
-            description: 'rightBtn3Mode가 `none`이 아닐 경우, 버튼 클릭 시 사용될 액션입니다.',
-            action: 'onClickRightBtn3'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'Title'
-};
-var LeftBtnMode = function (_a) {
-    var onClickLeftBtn = _a.onClickLeftBtn, text = _a.text, iconName = _a.iconName, dividerType = _a.dividerType, size = _a.size;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "text", text: text || 'Text Mode', size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "icon", text: text || 'Icon Mode', iconName: iconName || 'ic_vods', size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "back", text: text || 'Back Mode', onClickLeftBtn: onClickLeftBtn, size: size, dividerType: dividerType }, void 0)] }, void 0));
-};
-exports.LeftBtnDesktopHeaderBar = LeftBtnMode.bind({});
-var RightBtnMode = function (_a) {
-    var onClickRightBtn = _a.onClickRightBtn, text = _a.text, mBtnText = _a.mBtnText, size = _a.size, dividerType = _a.dividerType;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { rightBtnMode: "close", text: text || 'Close Mode', onClickRightBtn: onClickRightBtn, size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { rightBtnMode: "mbtn", text: text || 'MBtn Mode', mBtnText: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { rightBtnMode: "mbtn_fill", text: text || 'MBtn Fill Mode', mBtnText: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { rightBtnMode: "help_window", text: text || 'Help Window Mode', mBtnText: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, size: size, dividerType: dividerType }, void 0)] }, void 0));
-};
-exports.RightBtnDesktopHeaderBar = RightBtnMode.bind({});
-var ComplexBtnMode = function (_a) {
-    var onClickLeftBtn = _a.onClickLeftBtn, onClickRightBtn = _a.onClickRightBtn, onClickRightBtn2 = _a.onClickRightBtn2, onClickRightBtn3 = _a.onClickRightBtn3, text = _a.text, iconName = _a.iconName, mBtnText = _a.mBtnText, size = _a.size, dividerType = _a.dividerType;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "text", rightBtnMode: "close", text: text || 'Text Close Mode', size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "icon", rightBtnMode: "close", text: text || 'Icon Close Mode', iconName: iconName || 'ic_vods', size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "icon", rightBtnMode: "mbtn", text: text || 'Icon MBtn Mode', iconName: iconName || 'ic_bell', mBtnText: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "back", onClickLeftBtn: onClickLeftBtn, rightBtnMode: "mbtn", text: text || 'Back MBtn Mode', mBtnText: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "icon", onClickLeftBtn: onClickLeftBtn, rightBtnMode: "mbtn_fill", rightBtn2Mode: "mbtn", text: text || 'Icon MBtn Two Mode', iconName: iconName || 'ic_call', mBtnText: mBtnText || 'Button', mBtn2Text: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, onClickRightBtn2: onClickRightBtn2, size: size, dividerType: dividerType }, void 0), (0, jsx_runtime_1.jsx)(DesktopHeaderBar_1.default, { leftDisplayType: "icon", onClickLeftBtn: onClickLeftBtn, rightBtnMode: "mbtn_fill", rightBtn2Mode: "mbtn", rightBtn3Mode: "help_window", text: text || 'Icon MBtn Full Mode', iconName: iconName || 'ic_call_end', mBtnText: mBtnText || 'Button', mBtn2Text: mBtnText || 'Button', onClickRightBtn: onClickRightBtn, onClickRightBtn2: onClickRightBtn2, onClickRightBtn3: onClickRightBtn3, size: size, dividerType: dividerType }, void 0)] }, void 0));
-};
-exports.ComplexBtnDesktopHeaderBar = ComplexBtnMode.bind({});

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

@@ -1,7 +0,0 @@
-import DesktopTabBar from './DesktopTabBar';
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<typeof DesktopTabBar>;
-export default _default;
-export declare const MainDefault: ComponentStory<typeof DesktopTabBar>;
-export declare const SubDefault: ComponentStory<typeof DesktopTabBar>;
-export declare const ContentDefault: ComponentStory<typeof DesktopTabBar>;