pds-dev-kit-web-test 2.6.2 → 2.6.3

package/release-note.md

@@ -1,6 +1,6 @@
-# PDS-DEV-KIT-WEB-TEST Release Notes
-## [v2.6.2]
+# PDS-DEV-KIT-WEB Release Notes
+## [v2.2.231]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [DAILY][PDS-1339] 다국어 모달 수정
+* [PDS-1359] ic_gift 아이콘 추가 건

package/dist/src/common/styles/editorContentStyle.d.ts

@@ -1 +0,0 @@
-export declare const editorContentStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/src/common/styles/editorContentStyle.js

@@ -1,76 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.editorContentStyle = void 0;
-var styled_components_1 = require("styled-components");
-exports.editorContentStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  & pre {\n    white-space: pre-wrap;\n  }\n\n  div,\n  p {\n    overflow: hidden;\n  }\n\n  h1 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h2 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h3 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p,\n  li,\n  ol {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  ul {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  a {\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    margin-top: 30px;\n    margin-bottom: 30px;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  iframe,\n  video {\n    max-width: 100%;\n    border: none;\n    max-height: 404px;\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n\n    p {\n      font-size: ", ";\n      font-style: oblique;\n      line-height: ", ";\n      margin: 0;\n    }\n  }\n\n  span {\n    font-weight: inherit;\n  }\n"], ["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  & pre {\n    white-space: pre-wrap;\n  }\n\n  div,\n  p {\n    overflow: hidden;\n  }\n\n  h1 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h2 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h3 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p,\n  li,\n  ol {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  ul {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  a {\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    margin-top: 30px;\n    margin-bottom: 30px;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  iframe,\n  video {\n    max-width: 100%;\n    border: none;\n    max-height: 404px;\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n\n    p {\n      font-size: ", ";\n      font-style: oblique;\n      line-height: ", ";\n      margin: 0;\n    }\n  }\n\n  span {\n    font-weight: inherit;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_temp_grey_01;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.h1;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.h1;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.h2;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.h2;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.h3;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.h3;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_papp_post_notice_link;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_temp_grey_03;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingC;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorFontSize.p;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopEditorLineHeight.p;
-});
-var templateObject_1;

package/dist/src/desktop/components/LocalizedButton/LocalizedButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { LocalizedContentConfig } from '../../../common/types';
-export type LocalizedButtonProps = {
-    localizedContentModalConfig: LocalizedContentConfig;
-    state?: 'normal' | 'disabled' | undefined;
-};
-declare function LocalizedButton({ localizedContentModalConfig, state }: LocalizedButtonProps): JSX.Element;
-export default LocalizedButton;

package/dist/src/desktop/components/LocalizedButton/LocalizedButton.js

@@ -1,44 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var panels_1 = require("../../panels");
-var IconButton_1 = require("../IconButton");
-function LocalizedButton(_a) {
-    var localizedContentModalConfig = _a.localizedContentModalConfig, _b = _a.state, state = _b === void 0 ? 'normal' : _b;
-    var _c = (0, react_1.useState)(false), isLocalizedContentModalOpen = _c[0], setIsLocalizedContentModalOpen = _c[1];
-    var _d = (0, react_1.useState)(false), hasValues = _d[0], setHasValues = _d[1];
-    var checkMultilingualValues = function () {
-        try {
-            var values = localizedContentModalConfig.initialValues || '{}';
-            var hasValues_1 = Object.values(values).some(function (value) { return value && value.toString().trim() !== ''; });
-            setHasValues(hasValues_1);
-        }
-        catch (_a) {
-            setHasValues(false);
-        }
-    };
-    // initialValues 변경될 때마다 체크
-    (0, react_1.useEffect)(function () {
-        checkMultilingualValues();
-    }, [localizedContentModalConfig.initialValues]);
-    var handleLanguageButtonClick = function () {
-        setIsLocalizedContentModalOpen(true);
-    };
-    var handleLanguageModalClose = function () {
-        setIsLocalizedContentModalOpen(false);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_fill_base_default", iconColorKey: hasValues ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_icon_sys_grey_02', state: state, onClick: state === 'normal' ? handleLanguageButtonClick : undefined }), isLocalizedContentModalOpen && ((0, jsx_runtime_1.jsx)(panels_1.LocalizedContentModal, __assign({}, localizedContentModalConfig, { isOpen: isLocalizedContentModalOpen, onClose: handleLanguageModalClose })))] }));
-}
-exports.default = LocalizedButton;

package/dist/src/desktop/components/LocalizedButton/index.d.ts

@@ -1 +0,0 @@
-export { default as LocalizedButton } from './LocalizedButton';

package/dist/src/desktop/components/LocalizedButton/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LocalizedButton = void 0;
-var LocalizedButton_1 = require("./LocalizedButton");
-Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return __importDefault(LocalizedButton_1).default; } });

package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import type { LanguageCode } from '../../../common/types';
-import type { RichTextEditorProps } from '../../components/RichTextEditor/RichTextEditor';
-export type RichEditorConfig = Omit<RichTextEditorProps, 'toolbar'> & {
-    toolbar?: string[];
-};
-type LocalizedContentModalProps = {
-    isOpen: boolean;
-    size?: 'large' | 'medium' | 'small' | 'rlarge';
-    textFieldLineType?: 'single' | 'multi' | 'auto' | 'tinyeditor';
-    originalText?: string;
-    initialValues?: {
-        [key in LanguageCode]?: string;
-    };
-    visibleLanguages?: LanguageCode[];
-    readonly?: boolean;
-    richEditorConfig?: RichEditorConfig;
-    onClose: () => void;
-    onApply?: (values: {
-        [key in LanguageCode]?: string;
-    }) => void;
-};
-declare function LocalizedContentModal({ isOpen, size, textFieldLineType, originalText, initialValues, visibleLanguages, readonly, richEditorConfig, onClose, onApply }: LocalizedContentModalProps): JSX.Element | null;
-export default LocalizedContentModal;

package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js

@@ -1,81 +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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var react_i18next_1 = require("react-i18next");
-var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
-var components_1 = require("../../components");
-var components_2 = require("../../../hybrid/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var AnnotationSheet_1 = require("../AnnotationSheet");
-var DesktopBasicModal_1 = require("../DesktopBasicModal");
-var LANGUAGE_I18N_KEYS = {
-    en: 'str_multilingual_en',
-    ko: 'str_multilingual_ko',
-    ja: 'str_multilingual_ja',
-    zh: 'str_multilingual_zh_cn',
-    'zh-Hant': 'str_multilingual_zh_tw',
-    fr: 'str_multilingual_fr',
-    es: 'str_multilingual_es'
-};
-function LocalizedContentModal(_a) {
-    var isOpen = _a.isOpen, _b = _a.size, size = _b === void 0 ? 'medium' : _b, textFieldLineType = _a.textFieldLineType, originalText = _a.originalText, initialValues = _a.initialValues, visibleLanguages = _a.visibleLanguages, readonly = _a.readonly, richEditorConfig = _a.richEditorConfig, onClose = _a.onClose, onApply = _a.onApply;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var methods = (0, react_hook_form_1.useForm)({
-        defaultValues: initialValues
-    });
-    (0, react_1.useLayoutEffect)(function () {
-        if (isOpen && initialValues) {
-            methods.reset(initialValues);
-        }
-    }, [isOpen, initialValues]);
-    var handleApply = function () {
-        var formValues = methods.getValues();
-        if (onApply) {
-            onApply(formValues);
-        }
-        onClose();
-    };
-    var handleCancel = function () {
-        onClose();
-    };
-    if (!isOpen)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(DesktopBasicModal_1.DesktopBasicModal, __assign({ titleText: t('str_multilingual_settings'), btnMode: readonly ? 'mbtn_amount1' : 'mbtn_amount2', mBtn1Text: readonly ? t('str_confirm') : t('str_apply'), mBtn2Text: t('str_cancel'), size: size, onClickMBtn1: handleApply, onClickMBtn2: handleCancel }, { children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [originalText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.BodyTextGroup, { titleText: t('str_original_text'), contentText: originalText }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" }), (0, jsx_runtime_1.jsx)(components_2.Divider, {}), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.map(function (languageCode, index) {
-                    return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "".concat(t(LANGUAGE_I18N_KEYS[languageCode])), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), textFieldLineType === 'tinyeditor' ? (readonly ? ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.AnnotationSheet, __assign({ width: "100%", height: "240px", backgroundColorTheme: "base3", shapeType: "round", radius: 16, paddingTop: "spacing_d", paddingRight: "spacing_d", paddingBottom: "spacing_d", paddingLeft: "spacing_d" }, { children: (0, jsx_runtime_1.jsx)(S_ReadonlyContent, { dangerouslySetInnerHTML: {
-                                        __html: (initialValues === null || initialValues === void 0 ? void 0 : initialValues[languageCode]) || ''
-                                    } }) }))) : ((0, jsx_runtime_1.jsx)(components_1.RichTextEditor, __assign({}, richEditorConfig, { onChange: function (value) { return methods.setValue(languageCode, value); }, defaultText: methods.getValues(languageCode), toolbar: (richEditorConfig === null || richEditorConfig === void 0 ? void 0 : richEditorConfig.toolbar) || [
-                                    'blocks',
-                                    'bold italic underline strikethrough',
-                                    'alignleft aligncenter alignright alignjustify',
-                                    'outdent indent',
-                                    'forecolor backcolor numlist bullist blockquote',
-                                    'link insertfile image media',
-                                    'undo redo',
-                                    'code'
-                                ] })))) : ((0, jsx_runtime_1.jsx)(components_1.TextField, { responsiveMode: "use", multiRows: textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: textFieldLineType, state: readonly ? 'disabled' : 'normal' })), index < ((visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
-                })] })) })));
-}
-var S_LanguageField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var S_ReadonlyContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  height: 100%;\n  overflow-y: auto;\n"], ["\n  ", "\n  height: 100%;\n  overflow-y: auto;\n"])), editorContentStyle_1.editorContentStyle);
-exports.default = LocalizedContentModal;
-var templateObject_1, templateObject_2;

package/dist/src/desktop/panels/LocalizedContentModal/index.d.ts

@@ -1 +0,0 @@
-export { default } from './LocalizedContentModal';