pds-dev-kit-web-test 2.5.628 → 2.5.629

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' ? 'ui_cpnt_textlabel_sys_secondary' : titleTextColorKey, 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;