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

package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.js

@@ -1,145 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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.UseCase2Thumbnail = exports.UseCase1Community = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var hybrid_1 = require("../../../hybrid");
-var ReactionButton_1 = __importDefault(require("../../components/ReactionButton/ReactionButton"));
-var TextLabel_1 = __importDefault(require("../../components/TextLabel/TextLabel"));
-var ContentSheet_1 = __importDefault(require("./ContentSheet"));
-exports.default = {
-    title: 'mobile/panels/ContentSheet',
-    component: ContentSheet_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 ContentSheet 패널'
-            }
-        }
-    },
-    argTypes: {
-        width: {
-            description: '너비값을 입력합니다. (px, %, vw...)',
-            control: { type: 'text' }
-        },
-        height: {
-            description: '높이값을 입력합니다. (px, %, vh...)',
-            control: { type: 'text' }
-        },
-        backgroundColorTheme: {
-            description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBackgroundColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        borderMode: {
-            description: '라인의 사용여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderWidth: {
-            description: '라인의 굵기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderColorTheme: {
-            description: '미리 부여되어 있는 색상으로 라인 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBorderColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 라인 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        shapeType: {
-            description: '형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        radius: {
-            description: '모서리값을 결정합니다. (*shapeType : round 일 때만 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        paddingTop: {
-            description: 'padding-top 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingRight: {
-            description: 'padding-right 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingBottom: {
-            description: 'padding-bottom 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingLeft: {
-            description: 'padding-left 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        overrideCSS: {
-            description: '제공되어진 property와 value를 가지고 표현할 수 없는 경우를 자유롭게 기술하여 표현할 수 있습니다.'
-        },
-        children: {
-            description: 'sheet내부에 내용을 부여할 수 있습니다.'
-        },
-        loadingWidth: {
-            description: '로딩 상태일때의 너비값을 입력합니다. (px, %, vw...) (없다면 width값이 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        loadingHeight: {
-            description: '로딩 상태일때의 높이값을 입력합니다. (px, %, vh...) (없다면 width값이 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        isLoading: {
-            description: '로딩 상태 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        onClick: {
-            description: '클릭이 된 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ContentSheet_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-var S_Profile = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var S_TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
-var S_ReactionButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.UseCase1Community = Template.bind({});
-exports.UseCase1Community.args = {
-    width: '100%',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_Profile, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://placekitten.com/300/300", shapeType: "circular", width: 48, borderMode: "use", scaleType: "cover", ratio: "1_1" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsxs)(S_TextWrapper, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uB2C9\uB124\uC784", styleTheme: "caption1Bold" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "9\uC2DC\uAC04 \uC804", styleTheme: "caption2Regular", colorTheme: "sysTextTertiary" }, void 0)] }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", styleTheme: "body1Regular" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsxs)(S_ReactionButtonWrapper, { children: [(0, jsx_runtime_1.jsx)(ReactionButton_1.default, { text: 486 }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(ReactionButton_1.default, { text: 10000, iconName: "ic_reply" }, void 0)] }, void 0)] }, void 0)),
-    shapeType: 'round',
-    overrideCSS: {
-        display: 'flex',
-        flexDirection: 'column'
-    }
-};
-exports.UseCase2Thumbnail = Template.bind({});
-exports.UseCase2Thumbnail.args = {
-    width: '300px',
-    backgroundColorTheme: 'transparent',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://placekitten.com/300/300", ratio: "16_9", scaleType: "cover", shapeType: "round", radius: 8, width: "responsive", backgroundFillMode: "use", borderMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", styleTheme: "body1Regular", ellipsisMode: "use", lineLimit: 1 }, void 0)] }, void 0)),
-    overrideCSS: {
-        display: 'flex',
-        flexDirection: 'column',
-        margin: '12px'
-    }
-};
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.d.ts

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

package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.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.BodyOverflowVisible = exports.ContentTextScrollDefault = exports.TwoButton = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../components");
-var MobileBasicModal_1 = __importDefault(require("./MobileBasicModal"));
-exports.default = {
-    title: 'mobile/panels/MobileBasicModal',
-    component: MobileBasicModal_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 MobileBasicModal 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        titleText: {
-            description: '표시할 타이틀 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        bodySpacingMode: {
-            description: 'body 영역의 여백 사용 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        bodyOverflowType: {
-            description: 'body 영역의 오버플로우 타입을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        contentText: {
-            description: '본문에 사용할 상세 설명 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        mBtnText: {
-            description: '메인 버튼의 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        mBtnState: {
-            description: '메인 버튼의 상태입니다.',
-            control: { type: 'inline-radio' }
-        },
-        mBtnType: {
-            description: '메인 버튼의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        tBtnText: {
-            description: '텍스트 버튼의 텍스트입니다.',
-            control: { type: 'text' }
-        },
-        tBtnState: {
-            description: '텍스트 버튼의 상태입니다.',
-            control: { type: 'inline-radio' }
-        },
-        tBtnType: {
-            description: '텍스트 버튼의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(MobileBasicModal_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    titleText: 'titleText',
-    contentText: 'contentText',
-    mBtnText: 'mBtnText'
-};
-exports.TwoButton = Template.bind({});
-exports.TwoButton.args = __assign(__assign({}, exports.Default.args), { tBtnText: 'tBtnText' });
-// NOTE: 모바일 화면에서 확인해야함
-exports.ContentTextScrollDefault = Template.bind({});
-exports.ContentTextScrollDefault.args = {
-    titleText: 'titleText',
-    contentText: 'contentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentText',
-    mBtnText: 'mBtnText'
-};
-var BodyOverflowTemplate = function (args) {
-    var items = [
-        { text: '1', value: 1 },
-        { text: '2', value: 2 },
-        { text: '3', value: 3 }
-    ];
-    return ((0, jsx_runtime_1.jsx)(MobileBasicModal_1.default, __assign({}, args, { children: (0, jsx_runtime_1.jsx)(components_1.Dropdown, { valueArray: items, responsiveMode: "use" }, void 0) }), void 0));
-};
-exports.BodyOverflowVisible = BodyOverflowTemplate.bind({});
-exports.BodyOverflowVisible.args = __assign(__assign({}, exports.Default.args), { contentText: '', bodyOverflowType: 'visible' });

package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.d.ts

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

package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.js

@@ -1,100 +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 SectionSheet_1 = __importDefault(require("./SectionSheet"));
-exports.default = {
-    title: 'mobile/panels/SectionSheet',
-    component: SectionSheet_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 SectionSheet 패널'
-            }
-        }
-    },
-    argTypes: {
-        width: {
-            description: '너비값을 입력합니다. (px, %, vw...)',
-            control: { type: 'text' }
-        },
-        height: {
-            description: '높이값을 입력합니다. (px, %, vh...)',
-            control: { type: 'text' }
-        },
-        backgroundColorTheme: {
-            description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBackgroundColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        borderMode: {
-            description: '라인의 사용여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderWidth: {
-            description: '라인의 굵기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderColorTheme: {
-            description: '미리 부여되어 있는 색상으로 라인 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBorderColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 라인 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        shapeType: {
-            description: '형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        radius: {
-            description: '모서리값을 결정합니다. (*shapeType : round 일 때만 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        paddingTop: {
-            description: 'padding-top 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingRight: {
-            description: 'padding-right 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingBottom: {
-            description: 'padding-bottom 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingLeft: {
-            description: 'padding-left 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        overrideCSS: {
-            description: '제공되어진 property와 value를 가지고 표현할 수 없는 경우를 자유롭게 기술하여 표현할 수 있습니다.'
-        },
-        children: {
-            description: 'sheet내부에 내용을 부여할 수 있습니다.'
-        },
-        onClick: {
-            description: '사용시에 마우스 포인터의 모양이 변경됩니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(SectionSheet_1.default, __assign({}, args, { onClick: undefined }), void 0)); };
-exports.Default = Template.bind({});

package/dist/src/sub/DynamicLayout/DynamicLayout.stories.d.ts

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