pds-dev-kit-web-test 2.7.2 → 2.7.4

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/LocalizedContentModal/LocalizedContentModal.d.ts

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

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

@@ -1,172 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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 HTMLReader_1 = require("../../components/RichTextEditor/HTMLReader");
-var index_1 = require("../../index");
-var components_2 = require("../../../hybrid/components");
-var components_3 = require("../../../sub/DynamicLayout/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var AnnotationSheet_1 = require("../AnnotationSheet");
-var DesktopBasicModal_1 = require("../DesktopBasicModal");
-var LANGUAGE_I18N_KEYS = {
-    ko: 'str_multilingual_ko',
-    en: 'str_multilingual_en',
-    ja: 'str_multilingual_ja',
-    zh: 'str_multilingual_zh_cn',
-    'zh-Hant': 'str_multilingual_zh_tw',
-    fr: 'str_multilingual_fr',
-    es: 'str_multilingual_es'
-};
-var LANGUAGE_DESC_TEXT_KEYS = {
-    ko: 'str_9064',
-    en: 'str_9065',
-    ja: 'str_9066',
-    zh: 'str_9067',
-    'zh-Hant': 'str_9068',
-    fr: 'str_9069',
-    es: 'str_9070'
-};
-function LocalizedContentModal(_a) {
-    var _this = this;
-    var isOpen = _a.isOpen, _b = _a.originalFieldType, originalFieldType = _b === void 0 ? 'text' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, textFieldLineType = _a.textFieldLineType, originalText = _a.originalText, initialValues = _a.initialValues, visibleLanguages = _a.visibleLanguages, readonly = _a.readonly, richEditorConfig = _a.richEditorConfig, imageConfig = _a.imageConfig, onClose = _a.onClose, onApply = _a.onApply;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var form = (0, react_hook_form_1.useForm)({
-        defaultValues: initialValues
-    });
-    // 컴포넌트 내부에서
-    var watchedValues = (0, react_hook_form_1.useWatch)({
-        control: form.control
-    });
-    (0, react_1.useLayoutEffect)(function () {
-        if (isOpen && initialValues) {
-            form.reset(initialValues);
-        }
-    }, [isOpen, initialValues]);
-    var handleImageUpload = function (e, lang) { return __awaiter(_this, void 0, void 0, function () {
-        var file, isValid, result, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a.length))
-                        return [2 /*return*/];
-                    file = e.target.files[0];
-                    if (imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.onValid) {
-                        isValid = imageConfig.onValid(file);
-                        if (!isValid)
-                            return [2 /*return*/];
-                    }
-                    if (!(imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.onImageUpload)) return [3 /*break*/, 4];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, imageConfig.onImageUpload(file)];
-                case 2:
-                    result = _b.sent();
-                    if (result.location) {
-                        form.setValue(lang, result.location);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    // eslint-disable-next-line no-console
-                    console.error('Image upload failed', error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleApply = function () {
-        var formValues = form.getValues();
-        if (onApply) {
-            onApply(formValues);
-        }
-        onClose();
-    };
-    var handleCancel = function () {
-        onClose();
-    };
-    var handleDelete = function (code) {
-        form.setValue(code, '');
-    };
-    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({}, form, { children: [originalText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_original_text'), wordBreak: "keep_all", styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), originalFieldType === 'text' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: textFieldLineType === 'tinyeditor' ? ((0, jsx_runtime_1.jsx)(S_ReadonlyContent, { children: (0, jsx_runtime_1.jsx)(HTMLReader_1.HTMLReader, { data: originalText }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: originalText, wordBreak: "keep_all", styleTheme: "body2Regular", colorTheme: "sysTextPrimary" })] })) })), originalFieldType === 'image' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_3.ImageView, __assign({ width: "responsive", height: "responsive" }, imageConfig, { src: 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: t(LANGUAGE_I18N_KEYS[languageCode]), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t(LANGUAGE_DESC_TEXT_KEYS[languageCode]), styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), originalFieldType === 'text' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [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]) || ''
-                                            } }) }))), textFieldLineType === 'tinyeditor' && !readonly && ((0, jsx_runtime_1.jsx)(components_1.RichTextEditor, __assign({}, richEditorConfig, { onChange: function (value) { return form.setValue(languageCode, value); }, defaultText: form.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'
-                                        ] }))), textFieldLineType !== 'tinyeditor' && ((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' }))] })), originalFieldType === 'image' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!readonly && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsxs)(S_ImageUploadButtonWrapper, { children: [(0, jsx_runtime_1.jsx)(index_1.D_UploadMainButton, { text: t('str_upload'), styleTheme: "secondary", size: "small", accept: (imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.accept) || 'image/png, image/jpg, image/jpeg, image/gif', onClick: function (e) { return handleImageUpload(e, languageCode); } }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: t('str_delete'), styleTheme: "secondary", size: "small", state: (watchedValues === null || watchedValues === void 0 ? void 0 : watchedValues[languageCode]) ? 'normal' : 'disabled', onClick: function () { return handleDelete(languageCode); } })] })] })), (watchedValues === null || watchedValues === void 0 ? void 0 : watchedValues[languageCode]) && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_3.ImageView, __assign({ width: "responsive", height: "responsive" }, imageConfig, { src: watchedValues === null || watchedValues === void 0 ? void 0 : watchedValues[languageCode] }))] })), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), 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);
-var S_ImageUploadButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.default = LocalizedContentModal;
-var templateObject_1, templateObject_2, templateObject_3;

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

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

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

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

@@ -1,68 +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' | 'use';
-    checkboxState?: 'checked' | 'unchecked' | '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, checkboxState, 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.checkboxState, checkboxState = _d === void 0 ? 'unchecked' : _d, _e = _a.indicatorMode, indicatorMode = _e === void 0 ? 'none' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, _g = _a.selectState, selectState = _g === void 0 ? 'unselected' : _g, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _h = _a.titleTextLineLimit, titleTextLineLimit = _h === void 0 ? 2 : _h, _j = _a.titleTextColorKey, titleTextColorKey = _j === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _j, _k = _a.titleTextWordBreak, titleTextWordBreak = _k === void 0 ? 'normal' : _k, descText = _a.descText, _l = _a.descTextColorKey, descTextColorKey = _l === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _l, _m = _a.descLineLimit, descLineLimit = _m === void 0 ? 2 : _m, _o = _a.descTextWordBreak, descTextWordBreak = _o === void 0 ? 'normal' : _o, _p = _a.imageMode, imageMode = _p === void 0 ? 'none' : _p, _q = _a.imageShapeType, imageShapeType = _q === void 0 ? 'round' : _q, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _r = _a.imageRatio, imageRatio = _r === void 0 ? '1_1' : _r, _s = _a.imageScaleType, imageScaleType = _s === void 0 ? 'cover' : _s, _t = _a.chipMode, chipMode = _t === void 0 ? 'none' : _t, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _u = _a.displayType, displayType = _u === void 0 ? 'none' : _u, iBtn1IconName = _a.iBtn1IconName, _v = _a.iBtn1IconFillType, iBtn1IconFillType = _v === void 0 ? 'line' : _v, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _w = _a.iBtn2IconFillType, iBtn2IconFillType = _w === void 0 ? 'line' : _w, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, overrideBorderColorKey = _a.overrideBorderColorKey, _x = _a.iBtn3IconFillType, iBtn3IconFillType = _x === void 0 ? 'line' : _x, iBtn3IconColorKey = _a.iBtn3IconColorKey, _y = _a.paddingTop, paddingTop = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingRight, paddingRight = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingBottom, paddingBottom = _0 === void 0 ? 'spacing_d' : _0, _1 = _a.paddingLeft, paddingLeft = _1 === void 0 ? 'spacing_d' : _1, 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, { checked: checkboxState === 'checked', isIndeterminate: checkboxState === '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 = {
-    checked?: 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 checked = _a.checked, isIndeterminate = _a.isIndeterminate;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [checked ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_on", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" })) : 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_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,43 +0,0 @@
-/// <reference types="react" />
-import { Path } from 'react-hook-form';
-import { CurrencyCode } 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?: {
-        [key: string]: number;
-    };
-    hintTextFontWeight?: 'normal' | 'bold';
-    validation?: any;
-    useRequiredValidation?: 'none' | 'use';
-    useDotBadge?: 'none' | 'use';
-    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, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
-export default PriceTextField;