pds-dev-kit-web-test 2.5.594 → 2.5.596

package/dist/src/desktop/components/Snackbar/provider.js

@@ -1,43 +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.useSnackbar = exports.SnackbarProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Snackbar_1 = __importDefault(require("./Snackbar"));
-var SnackbarContext = (0, react_1.createContext)(null);
-var SnackbarProvider = function (_a) {
-    var children = _a.children;
-    var _b = (0, react_1.useState)(null), snackbar = _b[0], setSnackbar = _b[1];
-    var value = (0, react_1.useMemo)(function () { return ({
-        showSnackbar: function (props) {
-            var id = crypto.randomUUID();
-            setSnackbar(__assign(__assign({}, props), { id: id }));
-        },
-        hideSnackbar: function () {
-            setSnackbar(null);
-        }
-    }); }, []);
-    return ((0, jsx_runtime_1.jsxs)(SnackbarContext.Provider, __assign({ value: value }, { children: [children, snackbar && ((0, jsx_runtime_1.jsx)(Snackbar_1.default, __assign({}, snackbar, { onClose: function () { return value.hideSnackbar(); } }), snackbar.id))] })));
-};
-exports.SnackbarProvider = SnackbarProvider;
-var useSnackbar = function () {
-    var context = (0, react_1.useContext)(SnackbarContext);
-    if (!context)
-        throw new Error('useSnackbar must be used within a SnackbarProvider');
-    return context;
-};
-exports.useSnackbar = useSnackbar;

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { MultilingualConfig } from '../../../common/types';
-import type { RichTextEditorProps } from '../../components/RichTextEditor/RichTextEditor';
-type MultilingualModalModalProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    config?: MultilingualConfig;
-    richEditorConfig?: RichTextEditorProps;
-    size?: 'large' | 'medium' | 'small' | 'rlarge';
-    onHiddenInputUpdate?: (newValue: string) => void;
-};
-declare function MultilingualModal({ isOpen, onClose, config, richEditorConfig, size, onHiddenInputUpdate }: MultilingualModalModalProps): import("react").ReactPortal | null;
-export default MultilingualModal;

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

@@ -1,213 +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_dom_1 = __importDefault(require("react-dom"));
-var react_hook_form_1 = require("react-hook-form");
-var react_i18next_1 = require("react-i18next");
-var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
-var animationStyle_1 = require("../../../common/styles/movement/animationStyle");
-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 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 MultilingualModal(_a) {
-    var _b, _c;
-    var isOpen = _a.isOpen, onClose = _a.onClose, config = _a.config, richEditorConfig = _a.richEditorConfig, _d = _a.size, size = _d === void 0 ? 'medium' : _d, onHiddenInputUpdate = _a.onHiddenInputUpdate;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var allLangInReadonly = (_b = config === null || config === void 0 ? void 0 : config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.every(function (item) { var _a; return (_a = config === null || config === void 0 ? void 0 : config.readonlyLanguages) === null || _a === void 0 ? void 0 : _a.includes(item); });
-    // FormProvider에서 사용할 기본값 계산
-    var getDefaultValues = function () {
-        if (!config)
-            return {};
-        // 먼저 hiddenInput에 저장된 값이 있는지 확인
-        if (config.hiddenInputId) {
-            var hiddenInputId = "hiddenInput_".concat(config.hiddenInputId);
-            var hiddenInput = document.getElementById(hiddenInputId);
-            if (hiddenInput && hiddenInput.value) {
-                var existingValues = JSON.parse(hiddenInput.value);
-                // 빈 객체가 아닌 경우에만 사용
-                if (Object.keys(existingValues).length > 0) {
-                    return existingValues;
-                }
-            }
-        }
-        // hiddenInput에 값이 없으면 config.initialValues 사용
-        return config.initialValues || {};
-    };
-    var methods = (0, react_hook_form_1.useForm)({
-        defaultValues: getDefaultValues()
-    });
-    var container = (0, react_1.useState)(function () {
-        var modalRoot = document.createElement('div');
-        modalRoot.setAttribute('id', 'MultilingualModal');
-        return modalRoot;
-    })[0];
-    (0, react_1.useLayoutEffect)(function () {
-        if (!isOpen)
-            return;
-        var root = document.getElementById('root');
-        if (!root)
-            return;
-        root.appendChild(container);
-        return function () {
-            if (root.contains(container)) {
-                root.removeChild(container);
-            }
-        };
-    }, [isOpen, container]);
-    (0, react_1.useLayoutEffect)(function () {
-        if (isOpen && config) {
-            var newDefaultValues = getDefaultValues();
-            methods.reset(newDefaultValues);
-        }
-    }, [isOpen, config]);
-    var handleConfirm = function () {
-        var formValues = methods.getValues();
-        // hidden input에 다국어 값들을 JSON 형태로 저장
-        var newValue = JSON.stringify(formValues);
-        if (config === null || config === void 0 ? void 0 : config.hiddenInputId) {
-            var hiddenInputId = "hiddenInput_".concat(config.hiddenInputId);
-            var hiddenInput = document.getElementById(hiddenInputId);
-            if (hiddenInput) {
-                // BasicFormGroup의 state 업데이트
-                if (onHiddenInputUpdate) {
-                    onHiddenInputUpdate(newValue);
-                }
-                // input change 이벤트 발생시켜서 form validation 등이 동작하도록 함
-                var event_1 = new Event('change', { bubbles: true });
-                hiddenInput.dispatchEvent(event_1);
-            }
-        }
-        if (config === null || config === void 0 ? void 0 : config.onApply) {
-            config.onApply(formValues);
-        }
-        onClose();
-    };
-    var handleCancel = function () {
-        onClose();
-    };
-    if (!isOpen)
-        return null;
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, { onClick: handleCancel }), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "MultiLanguageModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", size: size }, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_multilingual_settings'), colorTheme: "sysTextPrimary", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_Body, { children: [(config === null || config === void 0 ? void 0 : config.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: config.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" })] })), (_c = config === null || config === void 0 ? void 0 : config.visibleLanguages) === null || _c === void 0 ? void 0 : _c.map(function (languageCode, index) {
-                                var _a, _b, _c, _d;
-                                var isReadonly = (_a = config.readonlyLanguages) === null || _a === void 0 ? void 0 : _a.includes(languageCode);
-                                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" }), config.textFieldLineType === 'tinyeditor' ? (isReadonly ? ((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: ((_b = config.initialValues) === null || _b === void 0 ? void 0 : _b[languageCode]) || ''
-                                                } }) }))) : ((0, jsx_runtime_1.jsx)(components_1.RichTextEditor, __assign({}, richEditorConfig, { defaultText: ((_c = config.initialValues) === null || _c === void 0 ? void 0 : _c[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: config.textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: config.textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: config.textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: config.textFieldLineType, state: isReadonly ? 'disabled' : 'normal' })), index < (((_d = config.visibleLanguages) === null || _d === void 0 ? void 0 : _d.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
-                            })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [(0, jsx_runtime_1.jsx)(S_Left, {}), (0, jsx_runtime_1.jsxs)(S_Right, { children: [!allLangInReadonly && ((0, jsx_runtime_1.jsx)(S_Btn2Wrapper, { children: (0, jsx_runtime_1.jsx)(components_1.MainButton, { styleTheme: "secondary", text: t('str_cancel'), size: "medium", onClick: handleCancel }) })), (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: allLangInReadonly ? t('str_confirm') : t('str_apply'), size: "medium", onClick: handleConfirm })] })] })] }))] })), container);
-}
-var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100vh;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100vh;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_dimmed;
-}, animationStyle_1.modalOverlayOnAni);
-var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  left: 50%;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  left: 50%;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: ", ";\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_base;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_border;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.boxShadow.elevation4;
-}, function (_a) {
-    var size = _a.size;
-    var sizes = {
-        large: '960px',
-        medium: '688px',
-        small: '400px',
-        rlarge: '80vw'
-    };
-    return size && sizes[size];
-}, animationStyle_1.modalOnAni);
-var S_Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingC;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-var S_Body = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  max-height: 60vh;\n  overflow: auto;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  flex: 1;\n  max-height: 60vh;\n  overflow: auto;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-});
-var S_Footer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_border;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-});
-var S_Left = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var S_Btn2Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var S_Right = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var S_LanguageField = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var S_ReadonlyContent = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n  height: 100%;\n  overflow-y: auto;\n"], ["\n  ", "\n  height: 100%;\n  overflow-y: auto;\n"])), editorContentStyle_1.editorContentStyle);
-exports.default = MultilingualModal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

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

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

package/dist/src/mobile/components/BoxItem/BoxItem.d.ts

@@ -1,67 +0,0 @@
-/// <reference types="react" />
-import type { PDSIconType, PDSTextType, UiColors } from '../../../common/types';
-type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
-export type BoxItemProps = {
-    selectionMode?: 'none' | 'use';
-    state?: 'normal' | 'disabled';
-    checkboxMode?: 'none' | 'check' | 'indeterminate';
-    indicatorMode?: 'none' | 'use';
-    selectState?: 'unselected' | 'selected';
-    titleText?: PDSTextType;
-    titleFontSize?: 'subTitleBold' | 'leadParaBold' | 'body2Bold' | 'headingBold';
-    titleTextLineLimit?: number;
-    titleTextColorKey?: UiColors;
-    titleTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
-    descText?: PDSTextType;
-    descTextColorKey?: UiColors;
-    descLineLimit?: number;
-    descTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
-    imageMode?: 'use' | 'none';
-    imageShapeType?: 'round' | 'circular' | 'rectangle';
-    imageSrc?: string;
-    imageWidth?: number | 'responsive';
-    imageRatio?: '16_9' | '4_3' | '1_1';
-    imageScaleType?: 'none' | 'cover' | 'contain' | 'fill';
-    chipMode?: 'use' | 'none';
-    chipText?: PDSTextType;
-    chipOverrideTextColorKey?: UiColors;
-    chipOverrideBackgroundColorKey?: UiColors;
-    displayType?: 'none' | 'ibtn_amount1' | 'ibtn_amount2' | 'ibtn_amount3';
-    iBtn1IconName?: PDSIconType;
-    iBtn1IconFillType?: 'fill' | 'line';
-    iBtn1IconColorKey?: UiColors;
-    iBtn2IconName?: PDSIconType;
-    iBtn2IconFillType?: 'fill' | 'line';
-    iBtn2IconColorKey?: UiColors;
-    iBtn3IconName?: PDSIconType;
-    iBtn3IconFillType?: 'fill' | 'line';
-    iBtn3IconColorKey?: UiColors;
-    overrideBorderColorKey?: UiColors;
-    paddingTop?: PaddingSpacingType;
-    paddingRight?: PaddingSpacingType;
-    paddingBottom?: PaddingSpacingType;
-    paddingLeft?: PaddingSpacingType;
-    id: number | string;
-    onClick?: (id: number | string) => void;
-    onClickIBtn1?: (id: number | string) => void;
-    onClickIBtn2?: (id: number | string) => void;
-    onClickIBtn3?: (id: number | string) => void;
-};
-declare const paddingSpacing: {
-    readonly spacing_a: "spacingA";
-    readonly spacing_b: "spacingB";
-    readonly spacing_c: "spacingC";
-    readonly spacing_d: "spacingD";
-    readonly spacing_e: "spacingE";
-    readonly spacing_f: "spacingF";
-    readonly spacing_g: "spacingG";
-    readonly spacing_h: "spacingH";
-    readonly spacing_i: "spacingI";
-    readonly spacing_j: "spacingJ";
-    readonly spacing_k: "spacingK";
-    readonly spacing_l: "spacingL";
-    readonly spacing_m: "spacingM";
-    readonly spacing_n: "spacingN";
-};
-declare function BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descLineLimit, descTextWordBreak, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, overrideBorderColorKey, iBtn3IconFillType, iBtn3IconColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
-export default BoxItem;

package/dist/src/mobile/components/BoxItem/BoxItem.js

@@ -1,106 +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 components_1 = require("../../../hybrid/components");
-var index_1 = require("../../index");
-var panels_1 = require("../../panels");
-var styled_components_1 = __importDefault(require("styled-components"));
-var Chip_1 = require("../Chip");
-var LeftBox_1 = require("./LeftBox");
-var paddingSpacing = {
-    spacing_a: 'spacingA',
-    spacing_b: 'spacingB',
-    spacing_c: 'spacingC',
-    spacing_d: 'spacingD',
-    spacing_e: 'spacingE',
-    spacing_f: 'spacingF',
-    spacing_g: 'spacingG',
-    spacing_h: 'spacingH',
-    spacing_i: 'spacingI',
-    spacing_j: 'spacingJ',
-    spacing_k: 'spacingK',
-    spacing_l: 'spacingL',
-    spacing_m: 'spacingM',
-    spacing_n: 'spacingN'
-};
-function BoxItem(_a) {
-    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.indicatorMode, indicatorMode = _d === void 0 ? 'none' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.selectState, selectState = _f === void 0 ? 'unselected' : _f, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _g = _a.titleTextLineLimit, titleTextLineLimit = _g === void 0 ? 2 : _g, _h = _a.titleTextColorKey, titleTextColorKey = _h === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _h, _j = _a.titleTextWordBreak, titleTextWordBreak = _j === void 0 ? 'normal' : _j, descText = _a.descText, _k = _a.descTextColorKey, descTextColorKey = _k === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _k, _l = _a.descLineLimit, descLineLimit = _l === void 0 ? 2 : _l, _m = _a.descTextWordBreak, descTextWordBreak = _m === void 0 ? 'normal' : _m, _o = _a.imageMode, imageMode = _o === void 0 ? 'none' : _o, _p = _a.imageShapeType, imageShapeType = _p === void 0 ? 'round' : _p, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _q = _a.imageRatio, imageRatio = _q === void 0 ? '1_1' : _q, _r = _a.imageScaleType, imageScaleType = _r === void 0 ? 'cover' : _r, _s = _a.chipMode, chipMode = _s === void 0 ? 'none' : _s, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _t = _a.displayType, displayType = _t === void 0 ? 'none' : _t, iBtn1IconName = _a.iBtn1IconName, _u = _a.iBtn1IconFillType, iBtn1IconFillType = _u === void 0 ? 'line' : _u, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _v = _a.iBtn2IconFillType, iBtn2IconFillType = _v === void 0 ? 'line' : _v, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, overrideBorderColorKey = _a.overrideBorderColorKey, _w = _a.iBtn3IconFillType, iBtn3IconFillType = _w === void 0 ? 'line' : _w, iBtn3IconColorKey = _a.iBtn3IconColorKey, _x = _a.paddingTop, paddingTop = _x === void 0 ? 'spacing_d' : _x, _y = _a.paddingRight, paddingRight = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingBottom, paddingBottom = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingLeft, paddingLeft = _0 === void 0 ? 'spacing_d' : _0, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
-    var handleClick = function () {
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClick) {
-            onClick(id);
-        }
-    };
-    var handleIBtn1Click = function (e) {
-        e.stopPropagation();
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClickIBtn1) {
-            onClickIBtn1(id);
-        }
-    };
-    var handleIBtn2Click = function (e) {
-        e.stopPropagation();
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClickIBtn2) {
-            onClickIBtn2(id);
-        }
-    };
-    var handleIBtn3Click = function (e) {
-        e.stopPropagation();
-        if (state === 'disabled') {
-            return;
-        }
-        if (onClickIBtn3) {
-            onClickIBtn3(id);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(S_BoxItem, __assign({ "x-pds-name": "BoxItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", onClick: handleClick }, { children: (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ shapeType: "round", radius: 16, width: "100%", height: "responsive", paddingTop: paddingTop, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingLeft: paddingLeft, borderMode: "use", borderColorTheme: state === 'disabled' ? undefined : selectState === 'selected' ? 'blue' : undefined, overrideBorderColorKey: state === 'disabled'
-                ? 'ui_cpnt_sheet_base'
-                : selectState === 'selected'
-                    ? overrideBorderColorKey
-                        ? overrideBorderColorKey
-                        : undefined
-                    : 'ui_cpnt_sheet_base', borderWidth: selectionMode === 'use' ? 2 : undefined, overrideCSS: {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                cursor: state === 'disabled' ? 'default' : selectionMode === 'use' ? 'pointer' : 'default'
-            } }, { children: [(0, jsx_runtime_1.jsxs)(LeftBox_1.LeftBox, __assign({ hasRightBox: displayType !== 'none' || chipMode === 'use' }, { children: [checkboxMode !== 'none' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Checkbox, { selected: selectState === 'selected', isIndeterminate: checkboxMode === 'indeterminate' })), imageMode === 'use' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Image, { shape: imageShapeType, src: imageSrc, width: imageWidth, ratio: imageRatio, scaleType: imageScaleType })), (0, jsx_runtime_1.jsxs)(S_TextGroup, { children: [titleText && ((0, jsx_runtime_1.jsx)(index_1.M_TextLabel, { text: titleText, colorOverride: state === 'disabled' ? undefined : titleTextColorKey, colorTheme: state === 'disabled' ? 'sysTextTertiary' : undefined, styleTheme: titleFontSize, lineLimit: titleTextLineLimit, wordBreak: titleTextWordBreak, ellipsisMode: "use" })), descText && ((0, jsx_runtime_1.jsx)(index_1.M_TextLabel, { text: descText, colorOverride: state === 'disabled' ? 'ui_cpnt_textlabel_sys_secondary' : descTextColorKey, lineLimit: descLineLimit, wordBreak: descTextWordBreak, ellipsisMode: "use", styleTheme: "caption1Regular" }))] })] })), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [displayType !== 'none' ||
-                            (chipMode === 'use' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" })), chipMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Chip_1.Chip, { text: chipText, overrideBackgroundColorKey: chipOverrideBackgroundColorKey, displayType: "information", overrideTextColorKey: chipOverrideTextColorKey }) })), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [displayType === 'ibtn_amount1' && ((0, jsx_runtime_1.jsx)(index_1.M_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', baseSize: "medium", fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", shapeType: "rectangle" })), displayType === 'ibtn_amount2' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.M_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.M_IconButton, { iconName: iBtn2IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn2IconFillType, iconColorKey: iBtn2IconColorKey, onClick: handleIBtn2Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" })] })), displayType === 'ibtn_amount3' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.M_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.M_IconButton, { iconName: iBtn2IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn2IconFillType, iconColorKey: iBtn2IconColorKey, onClick: handleIBtn2Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.M_IconButton, { iconName: iBtn3IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn3IconFillType, iconColorKey: iBtn3IconColorKey, onClick: handleIBtn3Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" })] }))] }), indicatorMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_right", fillType: "line", size: 20, colorKey: "ui_cpnt_icon_sys_grey_01" })] }))] })] })) })));
-}
-var S_BoxItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n  width: 100%;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var S_TextGroup = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"], ["\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-});
-var S_RightBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  min-width: fit-content;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  min-width: fit-content;\n"])));
-exports.default = BoxItem;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/components/BoxItem/LeftBox/Checkbox.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type CheckboxPropTypes = {
-    selected?: boolean;
-    isIndeterminate?: boolean;
-};
-declare const Checkbox: React.FC<CheckboxPropTypes>;
-export default Checkbox;

package/dist/src/mobile/components/BoxItem/LeftBox/Checkbox.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
-var Checkbox = function (_a) {
-    var selected = _a.selected, isIndeterminate = _a.isIndeterminate;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [selected ? (isIndeterminate ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_indeterminate", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" })) : ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_on", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" }))) : ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_off", colorKey: "ui_cpnt_selcontrols_icon_default", fillType: "line" })), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
-};
-exports.default = Checkbox;

package/dist/src/mobile/components/BoxItem/LeftBox/Image.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { BoxItemProps } from '../BoxItem';
-export type ImagePropTypes = {
-    src: BoxItemProps['imageSrc'];
-    shape: BoxItemProps['imageShapeType'];
-    ratio: BoxItemProps['imageRatio'];
-    width: BoxItemProps['imageWidth'];
-    scaleType: BoxItemProps['imageScaleType'];
-};
-declare const Image: React.FC<ImagePropTypes>;
-export default Image;

package/dist/src/mobile/components/BoxItem/LeftBox/Image.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
-var Image = function (_a) {
-    var src = _a.src, shape = _a.shape, ratio = _a.ratio, width = _a.width, scaleType = _a.scaleType;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.ImageView, { width: width, height: 40, src: src, scaleType: scaleType, shapeType: shape, ratio: ratio }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
-};
-exports.default = Image;

package/dist/src/mobile/components/BoxItem/LeftBox/LeftBox.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { CheckboxPropTypes } from './Checkbox';
-import type { ImagePropTypes } from './Image';
-type LeftBoxPropTypes = React.FunctionComponent<{
-    hasRightBox: boolean;
-}> & {
-    Checkbox: React.FC<CheckboxPropTypes>;
-    Image: React.FC<ImagePropTypes>;
-};
-declare const LeftBox: LeftBoxPropTypes;
-export default LeftBox;

package/dist/src/mobile/components/BoxItem/LeftBox/LeftBox.js

@@ -1,36 +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 styled_components_1 = __importDefault(require("styled-components"));
-var Checkbox_1 = __importDefault(require("./Checkbox"));
-var Image_1 = __importDefault(require("./Image"));
-var LeftBox = function (_a) {
-    var children = _a.children, hasRightBox = _a.hasRightBox;
-    return ((0, jsx_runtime_1.jsx)(S_LeftBox, __assign({ hasRightBox: hasRightBox }, { children: children })));
-};
-var S_LeftBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex: ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  flex: ", ";\n"])), function (_a) {
-    var hasRightBox = _a.hasRightBox;
-    return (hasRightBox ? 7 : 'auto');
-});
-LeftBox.Checkbox = Checkbox_1.default;
-LeftBox.Image = Image_1.default;
-exports.default = LeftBox;
-var templateObject_1;

package/dist/src/mobile/components/BoxItem/LeftBox/index.d.ts

@@ -1,2 +0,0 @@
-import LeftBox from './LeftBox';
-export { LeftBox };

package/dist/src/mobile/components/BoxItem/LeftBox/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.LeftBox = void 0;
-var LeftBox_1 = __importDefault(require("./LeftBox"));
-exports.LeftBox = LeftBox_1.default;

package/dist/src/mobile/components/BoxItem/index.d.ts

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

package/dist/src/mobile/components/BoxItem/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.BoxItem = void 0;
-var BoxItem_1 = require("./BoxItem");
-Object.defineProperty(exports, "BoxItem", { enumerable: true, get: function () { return __importDefault(BoxItem_1).default; } });

package/dist/src/mobile/components/PriceTextField/PriceTextField.d.ts

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import { Path } from 'react-hook-form';
-import { CurrencyCode, ExchangeRateMap } from '../../../core/pricing';
-import type { IFormValues, PDSTextType } from '../../../common';
-import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
-export declare const DEFAULT_DECIMAL_PLACES: {
-    readonly KRW: 0;
-    readonly USD: 2;
-};
-type Props = {
-    name: Path<IFormValues>;
-    hintText?: PDSTextType;
-    defaultAmount?: number;
-    size?: 'large' | 'rlarge';
-    responsiveMode?: 'none' | 'use';
-    state?: 'normal' | 'read_only' | 'disabled';
-    dropdownState?: 'normal' | 'read_only';
-    customWidth?: string;
-    baseCurrency?: CurrencyCode;
-    currencies?: CurrencyCode[];
-    decimalPlaces?: Record<string, number>;
-    exchangeRates?: ExchangeRateMap;
-    hintTextFontWeight?: 'normal' | 'bold';
-    validation?: any;
-    useRequiredValidation?: 'none' | 'use';
-    useDotBadge?: 'none' | 'use';
-    returnType?: 'object' | 'string' | 'rawValue';
-    deleteBtnMode?: 'none' | 'use';
-    minPriceAmount?: string | number;
-    onChange?: (value: string) => void;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
-    onFocus?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
-    onCurrencyChange?: (selectedCurrency: string) => void;
-    onValueChange?: (data: {
-        selectedCurrency: string;
-        baseCurrencyValue: number;
-        calculatedValue: number;
-        displayValue: string;
-    }) => void;
-} & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
-declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
-export default PriceTextField;