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

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

@@ -1,222 +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.AutoValidation = exports.AutoRows = exports.AutoState = exports.AutoSizeOnlyLarge = exports.MultiValidation = exports.MultiRows = exports.MultiState = exports.MultiSizeOnlyLarge = exports.SingleValidation = exports.SinglePreventBlankMode = exports.SingleState = exports.SingleSize = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var withFormProvider_1 = require("../../../common/decorators/withFormProvider");
-var components_1 = require("../../../hybrid/components");
-var TextLabel_1 = __importDefault(require("../TextLabel/TextLabel"));
-var EditApplyTextField_1 = __importDefault(require("./EditApplyTextField"));
-exports.default = {
-    title: 'desktop/components/EditApplyTextField',
-    component: EditApplyTextField_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 EditApplyTextField 컴포넌트. react-hook-form의 FormProvider와 pds-dev-kit의 Form 컴포넌트로 감싸서 사용해야 작동합니다. (form계열 컴포넌트의 경우 control을 사용하여 테스트 할 수 없습니다.)'
-            },
-            source: { type: 'code' }
-        },
-        controls: { hideNoControlsWarning: true }
-    },
-    argTypes: {
-        name: {
-            description: 'form의 name을 지정해줍니다.'
-        },
-        hintText: {
-            description: 'placeholder에 표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        defaultText: {
-            description: '지정된 기본 값을 보여줘야 할 때 사용합니다.',
-            control: { type: 'none' }
-        },
-        validation: {
-            description: 'validation 조건과 에러 메세지 영역에서 표시할 텍스트 값을 부여할 수 있습니다.',
-            control: { type: 'none' }
-        },
-        preventBlankMode: {
-            description: '공백을 막는 행위에 대해 결정할 수 있습니다. (textLineType: single일때만 적용 가능합니다.) (validation과 별개로 작동합니다.) (none: 공백을 막지 않습니다. trim: 앞 뒤 공백을 막으며, submit 버튼을 누르는 시점에 적용됩니다. all: 모든 공백을 막으며, onChange 시점에 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        size: {
-            description: '크기를 결정합니다. (textLineType : single일때만 여러가지 크기를 가질 수 있고, 나머지는 Large만 가질 수 있습니다.)',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        textLineType: {
-            description: '텍스트의 개행 방법을 결정합니다. (single(singleline) : 한 줄, multi(multiline) : 정해진 높이값을 가지고 있는 textarea, auto(multiline auto size) : 글자 수에 따라 함께 늘어나는 형태',
-            control: { type: 'inline-radio' }
-        },
-        multiRows: {
-            description: 'textLineType : multi일 때, 지정할 문장의 열 수를 결정합니다. (높이값 결정)',
-            control: { type: 'number' }
-        },
-        autoMinRows: {
-            description: 'textLineType : auto일 때, 보여줄 문장의 최소 열 수를 결정합니다.',
-            control: { type: 'number' }
-        },
-        autoMaxRows: {
-            description: 'textLineType : auto일 때, 보여줄 문장의 최대 열 수를 결정합니다.',
-            control: { type: 'number' }
-        },
-        inputType: {
-            description: 'textLineType : single일 때, input의 유형을 설정합니다.',
-            control: { type: 'text' }
-        },
-        state: {
-            description: 'textfield의 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        max: {
-            description: 'textLineType : single일 때, input의 type이 최솟값 또는 최대값을 가질 수 있는 경우(date, datetime, datetime-local, month, number, range, time, week) 최댓값을 부여합니다.',
-            control: { type: 'number' }
-        },
-        maxLength: {
-            description: '입력할 수 잇는 최대 문자수를 부여합니다.',
-            control: { type: 'number' }
-        },
-        min: {
-            description: 'textLineType : single일 때, input의 type이 최솟값 또는 최대값을 가질 수 있는 경우(date, datetime, datetime-local, month, number, range, time, week) 최솟값을 부여합니다.',
-            control: { type: 'number' }
-        },
-        customWidth: {
-            description: '직접 지정한 EditApplyTextField의 사이즈를 결정합니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
-            control: { type: 'text' }
-        },
-        onBlur: { action: 'onBlur' },
-        onChange: { action: 'onChange' },
-        onFocus: { action: 'onFocus' },
-        onTarget: { action: 'onTarget' },
-        getInputValue: {
-            description: '`deprecated v1.5.0` 해당 prop 대신 `Form의 onSubmit`을 사용하세요.',
-            table: {
-                category: 'deprecated'
-            }
-        },
-        onClickSubmitBtn: {
-            description: '`deprecated v1.5.0` 해당 prop 대신 `Form의 onSubmit`을 사용하세요.',
-            table: {
-                category: 'deprecated'
-            }
-        }
-    },
-    decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    name: 'formTitle',
-    hintText: 'hintText',
-    preventBlankMode: 'none',
-    size: 'large',
-    responsiveMode: 'none',
-    textLineType: 'single',
-    multiRows: 8,
-    autoMinRows: 8,
-    inputType: 'text',
-    state: 'normal'
-};
-var SingleSizeTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Single XLarge", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "singleXLarge", hintText: "singleXLarge", size: "xlarge" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Single Large", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "singleLarge", hintText: "singleLarge", size: "large" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Single Responsive Large", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "singleResponsiveLarge", hintText: "singleResponsiveLarge", size: "rlarge" }, void 0)] }, void 0));
-};
-exports.SingleSize = SingleSizeTemplate.bind({});
-var SingleStateTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Single normal", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "normal", hintText: "normal", state: "normal" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Single read only", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "readOnly", hintText: "read only", defaultText: "read only", state: "read_only" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Single disabled", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "disabled", hintText: "disabled", defaultText: "disabled", state: "disabled" }, void 0)] }, void 0));
-};
-exports.SingleState = SingleStateTemplate.bind({});
-var SinglePreventBlankModeTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "none (\uACF5\uBC31\uC744 \uB9C9\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "singlePreventBlankModeNone", hintText: "singlePreventBlankModeNone" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "trim (\uC55E \uB4A4 \uACF5\uBC31\uC744 \uB9C9\uC73C\uBA70, submit \uBC84\uD2BC\uC744 \uB204\uB974\uB294 \uC2DC\uC810\uC5D0 \uC801\uC6A9\uB429\uB2C8\uB2E4.)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "singlePreventBlankModeTrim", hintText: "singlePreventBlankModeTrim", preventBlankMode: "trim" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "all (\uBAA8\uB4E0 \uACF5\uBC31\uC744 \uB9C9\uC73C\uBA70, onChange \uC2DC\uC810\uC5D0 \uC801\uC6A9\uB429\uB2C8\uB2E4.)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "singlePreventBlankModeAll", hintText: "singlePreventBlankModeAll", preventBlankMode: "all" }, void 0)] }, void 0));
-};
-exports.SinglePreventBlankMode = SinglePreventBlankModeTemplate.bind({});
-var SingleValidationTemplate = function () {
-    var emailValidation = {
-        required: '이메일을 입력해 주세요.',
-        pattern: {
-            // eslint-disable-next-line no-useless-escape
-            value: /^([a-zA-Z0-9\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/,
-            message: '올바르지 않은 이메일입니다.'
-        }
-    };
-    var nicknameValidation = {
-        required: '닉네임을 입력해 주세요. 입력하지 않으면 서비스를 이용할 수 없습니다. 자세한 내용은 고객센터로 문의 바랍니다.',
-        minLength: {
-            value: 3,
-            message: '닉네임은 3자 이상이여야합니다. 지나치게 짧은 닉네임은 허용되지 않습니다. 자세한 내용은 고객센터로 문의 바랍니다.'
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Validation", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "email", styleTheme: "subTitleBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { inputType: "email", name: "email", validation: emailValidation }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "nickname", styleTheme: "subTitleBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "nickname", validation: nicknameValidation }, void 0)] }, void 0));
-};
-exports.SingleValidation = SingleValidationTemplate.bind({});
-var MultiSizeTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi Large", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "multiLarge", hintText: "multiLarge", size: "large", textLineType: "multi" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi Responsive Large", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "multiResponsiveLarge", hintText: "multiResponsiveLarge", size: "rlarge", textLineType: "multi" }, void 0)] }, void 0));
-};
-exports.MultiSizeOnlyLarge = MultiSizeTemplate.bind({});
-var MultiStateTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi normal", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "normal", hintText: "normal", state: "normal", textLineType: "multi" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi read only", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "readOnly", hintText: "read only", defaultText: "read only", state: "read_only", textLineType: "multi" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Multi disabled", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "disabled", hintText: "disabled", defaultText: "disabled", state: "disabled", textLineType: "multi" }, void 0)] }, void 0));
-};
-exports.MultiState = MultiStateTemplate.bind({});
-var MultiRowsTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 1", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "multiRows1", hintText: "multiRows1", state: "normal", textLineType: "multi", multiRows: 1 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 2", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "multiRows2", hintText: "multiRows2", state: "normal", textLineType: "multi", multiRows: 2 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 5", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "multiRow5", hintText: "multiRow5", state: "normal", textLineType: "multi", multiRows: 5 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "multiRows: 8 (default)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "multiRows8", hintText: "multiRows8", state: "normal", textLineType: "multi", multiRows: 8 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0)] }, void 0));
-};
-exports.MultiRows = MultiRowsTemplate.bind({});
-var MultiValidationTemplate = function () {
-    var emailValidation = {
-        required: '이메일을 입력해 주세요.',
-        pattern: {
-            // eslint-disable-next-line no-useless-escape
-            value: /^([a-zA-Z0-9\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/,
-            message: '올바르지 않은 이메일입니다.'
-        }
-    };
-    var passwordValidation = {
-        required: '비밀번호를 입력해 주세요.',
-        minLength: { value: 5, message: '비밀번호는 5자 이상이여야합니다.' }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Validation", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "email", styleTheme: "subTitleBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { textLineType: "multi", inputType: "email", name: "multiEmail", validation: emailValidation }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "password", styleTheme: "subTitleBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { textLineType: "multi", inputType: "password", name: "multiPassword", validation: passwordValidation }, void 0)] }, void 0));
-};
-exports.MultiValidation = MultiValidationTemplate.bind({});
-var AutoSizeTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto Large", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "autoLarge", hintText: "autoLarge", size: "large", textLineType: "auto" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto Responsive Large", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "autoResponsiveLarge", hintText: "autoResponsiveLarge", size: "rlarge", textLineType: "auto" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0)] }, void 0));
-};
-exports.AutoSizeOnlyLarge = AutoSizeTemplate.bind({});
-var AutoStateTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto normal", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "normal", hintText: "normal", state: "normal", textLineType: "auto" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto read only", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "readOnly", hintText: "read only", defaultText: "read only", state: "read_only", textLineType: "auto" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Auto disabled", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "disabled", hintText: "disabled", defaultText: "disabled", state: "disabled", textLineType: "auto" }, void 0)] }, void 0));
-};
-exports.AutoState = AutoStateTemplate.bind({});
-var AutoRowsTemplate = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 1 to 3", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "autoRows1to3", hintText: "autoRows1to3", state: "normal", textLineType: "auto", autoMinRows: 1, autoMaxRows: 3 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 2 to 5", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "autoRows2to5", hintText: "autoRows2to5", state: "normal", textLineType: "auto", autoMinRows: 2, autoMaxRows: 5 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 5 to 8", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "autoRow5to8", hintText: "autoRow5to8", state: "normal", textLineType: "auto", autoMinRows: 5, autoMaxRows: 8 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "autoRows: 8 to infinity (default)", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { name: "autoRows8toInfinity", hintText: "autoRows8toInfinity", state: "normal", textLineType: "auto", autoMinRows: 8 }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0)] }, void 0));
-};
-exports.AutoRows = AutoRowsTemplate.bind({});
-var AutoValidationTemplate = function () {
-    var emailValidation = {
-        required: '이메일을 입력해 주세요.',
-        pattern: {
-            // eslint-disable-next-line no-useless-escape
-            value: /^([a-zA-Z0-9\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/,
-            message: '올바르지 않은 이메일입니다.'
-        }
-    };
-    var passwordValidation = {
-        required: '비밀번호를 입력해 주세요.',
-        minLength: { value: 5, message: '비밀번호는 5자 이상이여야합니다.' }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Validation", styleTheme: "headingBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "email", styleTheme: "subTitleBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { textLineType: "auto", inputType: "email", name: "autoEmail", validation: emailValidation }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "password", styleTheme: "subTitleBold" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(EditApplyTextField_1.default, { textLineType: "auto", inputType: "password", name: "autoPassword", validation: passwordValidation }, void 0)] }, void 0));
-};
-exports.AutoValidation = AutoValidationTemplate.bind({});

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

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

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

@@ -1,119 +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.SearchFieldDefault = exports.ChipDefault = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var components_1 = require("../../../common/components");
-var FilterBar_1 = __importDefault(require("./FilterBar"));
-exports.default = {
-    title: 'desktop/components/FilterBar',
-    component: FilterBar_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 FilterBar 컴포넌트. react-hook-form의 FormProvider와 pds-dev-kit의 Form 컴포넌트로 감싸서 사용해야 작동합니다.'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        displayType: {
-            description: '칩과 서치필드 표시 여부를 선택',
-            control: { type: 'inline-radio' }
-        },
-        hintText: {
-            description: '서치필드에 placeholder로 표시될 문구',
-            control: { type: 'text' }
-        },
-        textArray: {
-            description: '칩에 표시될 문구',
-            control: { type: 'text' }
-        },
-        value: {
-            description: '선택되어 활성화될 요소값입니다. (PDSValueOption)'
-        },
-        name: {
-            description: '검색 TextField가 들어갈 시 인풋에 부여될 이름입니다.',
-            control: { type: 'text' }
-        },
-        onClickChip: {
-            action: 'onClick'
-        },
-        activeChipId: {
-            description: '[deprecated] v1.5 활성화될 칩의 id',
-            control: { type: 'text' }
-        }
-    }
-};
-var Template = function (args) {
-    var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange', defaultValues: { search: '' } });
-    var handleSubmit = methods.handleSubmit, control = methods.control, reset = methods.reset;
-    var inputValue = (0, react_hook_form_1.useWatch)({ name: 'search', control: control });
-    var _a = (0, react_1.useState)({
-        text: 'Filter1',
-        value: 1
-    }), selectedOption = _a[0], setSelectedOption = _a[1];
-    var handleOnClickChip = function (option) {
-        setSelectedOption(option);
-    };
-    var onSubmit = function (value) {
-        if (!inputValue) {
-            return;
-        }
-        // eslint-disable-next-line no-console
-        console.log(' >>>', value);
-        reset({ search: '' });
-    };
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(components_1.Form, __assign({ onSubmit: handleSubmit(onSubmit) }, { children: (0, jsx_runtime_1.jsx)(FilterBar_1.default, __assign({}, args, { onClickChip: handleOnClickChip, value: selectedOption, name: 'search', hintText: "search..." }), void 0) }), void 0) }), void 0));
-};
-var options = [
-    {
-        text: 'Filter1',
-        value: 1
-    },
-    {
-        text: 'Filter2',
-        value: 2
-    },
-    {
-        text: 'Filter3',
-        value: 3
-    },
-    {
-        text: 'Filter4',
-        value: 4
-    }
-];
-exports.Default = Template.bind({});
-exports.Default.args = {
-    displayType: 'filterchips_searchfield',
-    name: 'example',
-    textArray: options
-};
-exports.ChipDefault = Template.bind({});
-exports.ChipDefault.args = {
-    displayType: 'chips',
-    name: 'example',
-    textArray: options
-};
-exports.SearchFieldDefault = Template.bind({});
-exports.SearchFieldDefault.args = {
-    displayType: 'searchfield',
-    name: 'example',
-    textArray: options
-};

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

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

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

@@ -1,74 +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 FloatingActionButton_1 = __importDefault(require("./FloatingActionButton"));
-exports.default = {
-    title: 'desktop/components/FloatingActionButton',
-    component: FloatingActionButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 FloatingActionButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.'
-        },
-        displayType: {
-            description: '표시 레이아웃 방식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        size: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        fontWeight: {
-            description: '텍스트의 굵기를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'select' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다. fillType을 고려하여 만들어졌지만, 코드에서 예외처리를 하지 않습니다. 예를 들어, Line fillType에 최적화된 컬러테마를 Fill fillType에 적용한 것은 그냥 사람이 잘못한 것입니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        onMouseDown: {
-            action: 'onMouseDown'
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(FloatingActionButton_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'FAB'
-};

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

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

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

@@ -1,51 +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 Hero_1 = __importDefault(require("./Hero"));
-exports.default = {
-    title: 'desktop/components/Hero',
-    component: Hero_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 Hero 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        heroText: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        leadText: {
-            description: 'heroText 밑 설명 문구를 표시할 텍스트 값입니다. (leadText에 값을 입력하지 않을 시, 상단의 간격과 함께 자동 숨김 처리가 됩니다.)',
-            control: { type: 'text' }
-        },
-        leadTextColorTheme: {
-            description: 'leadText의 컬러테마를 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(Hero_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    heroText: 'heroText',
-    leadText: 'leadText',
-    leadTextColorTheme: 'normal'
-};

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

@@ -1,8 +0,0 @@
-import HorizontalFormGroup from './HorizontalFormGroup';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof HorizontalFormGroup>;
-export default _default;
-export declare const TextFieldForm: ComponentStory<typeof HorizontalFormGroup>;
-export declare const MultiTextFieldForm: ComponentStory<typeof HorizontalFormGroup>;
-export declare const EditApply_textfieldForm: ComponentStory<typeof HorizontalFormGroup>;
-export declare const DropdownForm: ComponentStory<typeof HorizontalFormGroup>;

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

@@ -1,82 +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.DropdownForm = exports.EditApply_textfieldForm = exports.MultiTextFieldForm = exports.TextFieldForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var common_1 = require("../../../common");
-var Dropdown_1 = require("../Dropdown");
-var EditApplyTextField_1 = require("../EditApplyTextField");
-var TextField_1 = require("../TextField");
-var HorizontalFormGroup_1 = __importDefault(require("./HorizontalFormGroup"));
-exports.default = {
-    title: 'desktop/components/HorizontalFormGroup',
-    component: HorizontalFormGroup_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화된 HorizontalFormGroup 컴포넌트'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        labelText: {
-            description: '표시할 라벨 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        captionText: {
-            description: '부가 설명을 보여주는 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        labelAlignType: {
-            description: 'labelText의 정렬 타입을 결정합니다.',
-            control: { type: 'inline-radio' },
-            options: ['top', 'center']
-        },
-        labelTopSpacing: {
-            description: 'labelAlignType이 top일 경우, 상단 여백의 범위를 결정합니다. (labelAlignType이 center일 경우, 적용되지 않습니다.)',
-            control: { type: 'inline-radio' },
-            options: ['small', 'medium', 'large']
-        },
-        inputForm: {
-            description: '사용하고자하는 컴포넌트를 가져와 사용합니다. (2개 이상의 컴포넌트는 사용하지 않습니다.)',
-            control: { type: 'none' }
-        }
-    }
-};
-var Template = function (args) {
-    var methods = (0, react_hook_form_1.useForm)();
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(common_1.Form, { children: (0, jsx_runtime_1.jsx)(HorizontalFormGroup_1.default, __assign({}, args), void 0) }, void 0) }), void 0));
-};
-var defaultArgs = {
-    labelText: 'labelText',
-    captionText: 'captionText',
-    labelAlignType: 'center'
-};
-exports.TextFieldForm = Template.bind({});
-exports.TextFieldForm.args = __assign(__assign({}, defaultArgs), { inputForm: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name" }, void 0) });
-exports.MultiTextFieldForm = Template.bind({});
-exports.MultiTextFieldForm.args = __assign(__assign({}, defaultArgs), { inputForm: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name", textLineType: "multi" }, void 0) });
-exports.EditApply_textfieldForm = Template.bind({});
-exports.EditApply_textfieldForm.args = __assign(__assign({}, defaultArgs), { inputForm: (0, jsx_runtime_1.jsx)(EditApplyTextField_1.EditApplyTextField, { name: "name" }, void 0) });
-exports.DropdownForm = Template.bind({});
-exports.DropdownForm.args = __assign(__assign({}, defaultArgs), { inputForm: ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { valueArray: [
-            { text: '하나', value: '하나' },
-            { text: '두울', value: '두울' },
-            { text: '세엣', value: '세엣' },
-            { text: '네엣', value: '네엣' }
-        ] }, void 0)) });

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

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