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

package/dist/src/desktop/components/ReactionButton/ReactionButton.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.CountTypeNonFormatting = exports.CountTypeFormatting = exports.TextType = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ReactionButton_1 = __importDefault(require("./ReactionButton"));
-exports.default = {
-    title: 'desktop/components/ReactionButton',
-    component: ReactionButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ReactionButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다. Format (1,000개 이상) : 심볼 표시(K, M, B, T)',
-            control: { type: 'number' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'select' }
-        },
-        status: {
-            description: '선택된 상태인지를 판별합니다.',
-            control: { type: 'select' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'select' }
-        },
-        displayType: {
-            description: '표시 레이아웃 방식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        onMouseDown: {
-            action: 'onMouseDown'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ReactionButton_1.default, __assign({}, args), void 0); };
-exports.TextType = Template.bind({});
-exports.TextType.args = {
-    text: '좋아요'
-};
-exports.CountTypeFormatting = Template.bind({});
-exports.CountTypeFormatting.args = {
-    text: 10000
-};
-exports.CountTypeNonFormatting = Template.bind({});
-exports.CountTypeNonFormatting.args = {
-    text: 100
-};

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

@@ -1,8 +0,0 @@
-import Select from './Select';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof Select>;
-export default _default;
-export declare const OnlyHintText: ComponentStory<typeof Select>;
-export declare const OnlyDefaultValue: ComponentStory<typeof Select>;
-export declare const HintAndDefaultValue: ComponentStory<typeof Select>;
-export declare const NoHintNoDefaultValue: ComponentStory<typeof Select>;

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

@@ -1,139 +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.NoHintNoDefaultValue = exports.HintAndDefaultValue = exports.OnlyDefaultValue = exports.OnlyHintText = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Select_1 = __importDefault(require("./Select"));
-exports.default = {
-    title: 'desktop/components/Select',
-    component: Select_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 Select 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        hintText: {
-            description: '선택 전 사용자에게 보여질 기본 텍스트입니다.(placeholder)',
-            control: { type: 'text' }
-        },
-        defaultValue: {
-            description: '기본으로 표시할 값입니다.'
-        },
-        value: {
-            description: 'select의 값입니다.'
-        },
-        valueArray: {
-            description: '옵션으로 표시될 값들의 배열입니다.'
-        },
-        size: {
-            description: '요소의 크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '요소의 활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        customWidth: {
-            description: '직접 지정한 Select의 사이즈를 결정합니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
-            control: { type: 'text' }
-        }
-    }
-};
-var Template = function (args) {
-    var _a = (0, react_1.useState)(''), value = _a[0], setValue = _a[1];
-    var handleChange = function (e) {
-        setValue(e.target.value);
-    };
-    return (0, jsx_runtime_1.jsx)(Select_1.default, __assign({}, args, { value: value, onChange: handleChange }), void 0);
-};
-var defaultArgs = {
-    size: 'large',
-    responsiveMode: 'none',
-    state: 'normal',
-    colorTheme: 'none'
-};
-exports.OnlyHintText = Template.bind({});
-exports.OnlyHintText.args = __assign(__assign({}, defaultArgs), { hintText: '---Select----', valueArray: [
-        {
-            text: '1',
-            value: 1
-        },
-        {
-            text: '2',
-            value: 2
-        },
-        {
-            text: '3',
-            value: 3
-        }
-    ] });
-exports.OnlyDefaultValue = Template.bind({});
-exports.OnlyDefaultValue.args = __assign(__assign({}, defaultArgs), { defaultValue: { value: 2, text: '2' }, valueArray: [
-        {
-            text: '1',
-            value: 1
-        },
-        {
-            text: '2',
-            value: 2
-        },
-        {
-            text: '3',
-            value: 3
-        }
-    ] });
-exports.HintAndDefaultValue = Template.bind({});
-exports.HintAndDefaultValue.args = __assign(__assign({}, defaultArgs), { hintText: '----SELECT-SOMETHING----', defaultValue: { value: 2, text: '2' }, valueArray: [
-        {
-            text: '1',
-            value: 1
-        },
-        {
-            text: '2',
-            value: 2
-        },
-        {
-            text: '3',
-            value: 3
-        }
-    ] });
-exports.NoHintNoDefaultValue = Template.bind({});
-exports.NoHintNoDefaultValue.args = __assign(__assign({}, defaultArgs), { valueArray: [
-        {
-            text: '1',
-            value: 1
-        },
-        {
-            text: '2',
-            value: 2
-        },
-        {
-            text: '3',
-            value: 3
-        }
-    ] });

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

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

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

@@ -1,60 +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.All = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hybrid_1 = require("../../../hybrid");
-var StatusBlock_1 = __importDefault(require("./StatusBlock"));
-exports.default = {
-    title: 'desktop/components/StatusBlock',
-    component: StatusBlock_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된  StatusBlock 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        size: {
-            description: '크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다. (색상이 변경됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        width: {
-            description: '너비를 결정합니다.',
-            control: { type: 'text' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args), void 0); };
-var defaultArgs = {
-    size: 'large',
-    state: 'basic',
-    width: 'responsive'
-};
-exports.Default = Template.bind({});
-exports.Default.args = __assign(__assign({}, defaultArgs), { text: 'StatusBlock' });
-var AllTemplate = function (args) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "basic", state: "basic" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "standby", state: "standby" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "proceeding", state: "proceeding" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "cancel", state: "cancel" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "end", state: "end" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "error", state: "error" }), void 0)] }, void 0)); };
-exports.All = AllTemplate.bind({});
-exports.All.args = __assign({}, defaultArgs);

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

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

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

@@ -1,73 +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 TextButton_1 = __importDefault(require("./TextButton"));
-exports.default = {
-    title: 'desktop/components/TextButton',
-    component: TextButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 TextButton 컴포넌트'
-            }
-        }
-    },
-    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' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(TextButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'TextButton',
-    size: 'large',
-    responsiveMode: 'none',
-    type: 'button',
-    state: 'normal',
-    colorTheme: 'none'
-};

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

@@ -1,22 +0,0 @@
-import TextField from './TextField';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof TextField>;
-export default _default;
-export declare const Default: ComponentStory<typeof TextField>;
-export declare const NoKeyAction: ComponentStory<typeof TextField>;
-export declare const SingleSize: ComponentStory<typeof TextField>;
-export declare const SingleSizeIcon: ComponentStory<typeof TextField>;
-export declare const SingleState: ComponentStory<typeof TextField>;
-export declare const SingleStateIcon: ComponentStory<typeof TextField>;
-export declare const SingleColorTheme: ComponentStory<typeof TextField>;
-export declare const TransparentColorTheme: ComponentStory<typeof TextField>;
-export declare const SinglePreventBlankMode: ComponentStory<typeof TextField>;
-export declare const SingleValidation: ComponentStory<typeof TextField>;
-export declare const MultiSizeOnlyLarge: ComponentStory<typeof TextField>;
-export declare const MultiState: ComponentStory<typeof TextField>;
-export declare const MultiRows: ComponentStory<typeof TextField>;
-export declare const MultiValidation: ComponentStory<typeof TextField>;
-export declare const AutoSizeOnlyLarge: ComponentStory<typeof TextField>;
-export declare const AutoState: ComponentStory<typeof TextField>;
-export declare const AutoRows: ComponentStory<typeof TextField>;
-export declare const AutoValidation: ComponentStory<typeof TextField>;