pds-dev-kit-web-test 2.5.577 → 2.5.579

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

@@ -1,146 +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 styled_components_1 = __importDefault(require("styled-components"));
-var animationStyle_1 = require("../../../common/styles/movement/animationStyle");
-var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
-var hybrid_1 = require("../../../hybrid");
-var components_1 = require("../../components");
-var Components_1 = require("./Components");
-function DesktopBasicModalWithTab(_a) {
-    var _b = _a.size, size = _b === void 0 ? 'large' : _b, modalTitleText = _a.modalTitleText, infoArray = _a.infoArray, _c = _a.btnMode, btnMode = _c === void 0 ? 'btn_amount2' : _c, btn1Text = _a.btn1Text, btn2Text = _a.btn2Text, btn3Text = _a.btn3Text, _d = _a.btn1State, btn1State = _d === void 0 ? 'normal' : _d, _e = _a.btn2State, btn2State = _e === void 0 ? 'normal' : _e, _f = _a.btn3State, btn3State = _f === void 0 ? 'normal' : _f, _g = _a.btn1Type, btn1Type = _g === void 0 ? 'button' : _g, _h = _a.btn2Type, btn2Type = _h === void 0 ? 'button' : _h, _j = _a.btn3Type, btn3Type = _j === void 0 ? 'button' : _j, onClickBtn1 = _a.onClickBtn1, onClickBtn2 = _a.onClickBtn2, onClickBtn3 = _a.onClickBtn3;
-    var container = (0, react_1.useState)(function () {
-        var modalRoot = document.createElement('div');
-        modalRoot.setAttribute('id', 'DesktopBasicModalWithTab');
-        return modalRoot;
-    })[0];
-    (0, react_1.useLayoutEffect)(function () {
-        var root = document.getElementById('root');
-        if (!root) {
-            return;
-        }
-        root.appendChild(container);
-        return function () {
-            root.removeChild(container);
-        };
-    }, []);
-    var _k = (0, react_1.useState)("".concat(infoArray[0].sideTabTitleText, "0")), selectedItem = _k[0], setSelectedItem = _k[1];
-    var sideTabTitleArray = infoArray.map(function (data, index) {
-        return {
-            title: data.sideTabTitleText,
-            isActive: selectedItem === "".concat(data.sideTabTitleText).concat(index),
-            onClick: function () { return setSelectedItem("".concat(data.sideTabTitleText).concat(index)); }
-        };
-    });
-    var btn1Mode = ['btn_amount1', 'btn_amount2', 'btn_amount3'];
-    var btn2Mode = ['btn_amount2', 'btn_amount3'];
-    var btn3Mode = ['btn_amount3'];
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopBasicModalWithTab", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", size: size }, { children: [(0, jsx_runtime_1.jsxs)(S_UpsidePanel, { children: [(0, jsx_runtime_1.jsxs)(S_LeftPanel, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: modalTitleText, lineLimit: 2, ellipsisMode: "use", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_SideTabWrapper, { children: [(0, jsx_runtime_1.jsx)(Components_1.SideTab, { itemArray: sideTabTitleArray }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_i" })] })] }), infoArray
-                                .filter(function (data, index) { return selectedItem === "".concat(data.sideTabTitleText).concat(index); })
-                                .map(function (data, index) { return ((0, jsx_runtime_1.jsx)(S_RightContainer, { children: (0, jsx_runtime_1.jsxs)(S_RightArea, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.bodyTitleText ? data.bodyTitleText : data.sideTabTitleText, styleTheme: "headingBold" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_e" }), (0, jsx_runtime_1.jsx)(S_Body, { children: data.body && data.body })] }) }, "".concat(data.sideTabTitleText).concat(index))); })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [(0, jsx_runtime_1.jsx)(S_Left, { children: btn3Mode.includes(btnMode) && btn3Text && ((0, jsx_runtime_1.jsx)(components_1.MainButton, { styleTheme: "secondary", text: btn3Text, state: btn3State, type: btn3Type, size: "medium", onClick: onClickBtn3 })) }), (0, jsx_runtime_1.jsxs)(S_Right, { children: [(0, jsx_runtime_1.jsx)(S_Btn2Wrapper, { children: btn2Mode.includes(btnMode) && btn2Text && ((0, jsx_runtime_1.jsx)(components_1.MainButton, { styleTheme: "secondary", text: btn2Text, state: btn2State, type: btn2Type, size: "medium", onClick: onClickBtn2 })) }), btn1Mode.includes(btnMode) && btn1Text && ((0, jsx_runtime_1.jsx)(components_1.MainButton, { text: btn1Text, state: btn1State, type: btn1Type, size: "medium", onClick: onClickBtn1 }))] })] })] }))] }), 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  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\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  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\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.elevation5;
-}, function (_a) {
-    var size = _a.size;
-    return size &&
-        {
-            large: '960px',
-            medium: '688px'
-        }[size];
-}, animationStyle_1.modalOnAni);
-var S_UpsidePanel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  height: 100%;\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex: 1;\n  height: 100%;\n  overflow: hidden;\n"])));
-var S_LeftPanel = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-width: 240px;\n  width: 240px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-width: 240px;\n  width: 240px;\n"])));
-var S_Header = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  box-sizing: border-box;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  background-color: ", ";\n  box-sizing: border-box;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modalwithtab_leftside_base;
-}, 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.spacingE;
-});
-var S_SideTabWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  flex: 1;\n  overflow-y: auto;\n"], ["\n  background-color: ", ";\n  flex: 1;\n  overflow-y: auto;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modalwithtab_leftside_base;
-});
-var S_RightContainer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: overlay;\n\n  ", "\n"], ["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: overlay;\n\n  ", "\n"])), scrollbarStyle_1.scrollbarStyle);
-var S_RightArea = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  box-sizing: border-box;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingI;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-var S_Body = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  overflow-x: hidden;\n"], ["\n  overflow-x: hidden;\n"])));
-var S_Footer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __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_11 || (templateObject_11 = __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_12 || (templateObject_12 = __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_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.default = DesktopBasicModalWithTab;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;

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

@@ -1,2 +0,0 @@
-export type { DesktopBasicModalWithTabInfoType } from './DesktopBasicModalWithTab';
-export { default as DesktopBasicModalWithTab } from './DesktopBasicModalWithTab';

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

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-type DesktopHeadlessModalProps = {
-    body: React.ReactNode;
-    size?: 'large' | 'medium' | 'small' | 'rlarge';
-    dimmedClickCloseMode?: 'use' | 'none';
-    scrollVisibleType?: 'hidden' | 'moving' | 'visible';
-    onClose?: () => void;
-};
-declare function DesktopHeadlessModal({ body, size, dimmedClickCloseMode, scrollVisibleType, onClose }: DesktopHeadlessModalProps): import("react").ReactPortal;
-export default DesktopHeadlessModal;

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

@@ -1,132 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 styled_components_1 = __importStar(require("styled-components"));
-var animationStyle_1 = require("../../../common/styles/movement/animationStyle");
-var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
-function DesktopHeadlessModal(_a) {
-    var body = _a.body, _b = _a.size, size = _b === void 0 ? 'rlarge' : _b, _c = _a.dimmedClickCloseMode, dimmedClickCloseMode = _c === void 0 ? 'none' : _c, _d = _a.scrollVisibleType, scrollVisibleType = _d === void 0 ? 'visible' : _d, onClose = _a.onClose;
-    var container = (0, react_1.useState)(function () {
-        var modalRoot = document.createElement('div');
-        modalRoot.setAttribute('id', 'DesktopHeadlessModal');
-        return modalRoot;
-    })[0];
-    var targetRef = (0, react_1.useRef)(null);
-    var handleClickOutside = function (e) {
-        e.stopPropagation();
-        if (dimmedClickCloseMode === 'use') {
-            if (onClose) {
-                onClose();
-            }
-        }
-    };
-    (0, react_1.useLayoutEffect)(function () {
-        var root = document.getElementById('root');
-        var isScrolling;
-        var handleScroll = function () {
-            if (targetRef.current) {
-                targetRef.current.classList.add('scrollMoving');
-            }
-            isScrolling = setTimeout(function () {
-                var _a;
-                (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('scrollMoving');
-            }, 500);
-        };
-        if (!root) {
-            return;
-        }
-        if (targetRef.current) {
-            targetRef.current.onscroll = handleScroll;
-        }
-        root.appendChild(container);
-        return function () {
-            root.removeChild(container);
-            clearTimeout(isScrolling);
-        };
-    }, []);
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, { "x-pds-name": "DesktopHeadlessModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", onMouseDown: handleClickOutside }), (0, jsx_runtime_1.jsx)(S_ModalWrapper, __assign({ size: size }, { children: (0, jsx_runtime_1.jsx)(S_Body, __assign({ ref: targetRef, scrollVisibleType: scrollVisibleType }, { children: body && body })) }))] }), 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  left: 50%;\n  max-height: 80vh;\n  min-width: ", ";\n  pointer-events: auto;\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  left: 50%;\n  max-height: 80vh;\n  min-width: ", ";\n  pointer-events: auto;\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;
-    return size === 'rlarge' && '960px';
-}, function (_a) {
-    var size = _a.size;
-    var sizes = {
-        small: '400px',
-        medium: '688px',
-        large: '960px',
-        rlarge: '60vw'
-    };
-    return sizes[size];
-}, animationStyle_1.modalOnAni);
-var scrollInvisible = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  ::-webkit-scrollbar {\n    display: none;\n  }\n"])));
-var S_Body = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow: auto;\n  overflow-y: overlay;\n  width: 100%;\n\n  ", "\n\n  &.scrollMoving {\n    ", "\n  }\n"], ["\n  overflow: auto;\n  overflow-y: overlay;\n  width: 100%;\n\n  ", "\n\n  &.scrollMoving {\n    ", "\n  }\n"])), function (_a) {
-    var scrollVisibleType = _a.scrollVisibleType;
-    return scrollVisibleType &&
-        {
-            moving: scrollInvisible,
-            visible: scrollbarStyle_1.scrollbarWithPaddingStyle,
-            hidden: scrollInvisible
-        }[scrollVisibleType];
-}, function (_a) {
-    var scrollVisibleType = _a.scrollVisibleType;
-    return scrollVisibleType === 'moving' && scrollbarStyle_1.scrollbarWithPaddingStyle;
-});
-exports.default = DesktopHeadlessModal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

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

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

package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PDSTabItemOption } from '../../../../../common/types';
-export type ItemType = PDSTabItemOption;
-type SideTabProps = {
-    itemArray: ItemType[];
-};
-declare function SideTab({ itemArray }: SideTabProps): JSX.Element;
-export default SideTab;

package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.js

@@ -1,58 +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 components_1 = require("../../../../components");
-function SideTab(_a) {
-    var itemArray = _a.itemArray;
-    var handleClickTabItem = function (item, e) {
-        if (item.onClick) {
-            item.onClick(e);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: itemArray.map(function (item, index) {
-            return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ onClick: function (e) { return handleClickTabItem(item, e); } }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: item.title, styleTheme: item.isActive ? 'subTitleBold' : 'subTitleRegular', colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary' }) }), index));
-        }) }));
-}
-var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  box-sizing: border-box;\n  cursor: pointer;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  & div {\n    line-height: 1.3;\n  }\n"], ["\n  background-color: ", ";\n  box-sizing: border-box;\n  cursor: pointer;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  & div {\n    line-height: 1.3;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_tutorialmodal_sidetab_default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-}, 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.spacingB;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_tutorialmodal_sidetab_hover;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_tutorialmodal_sidetab_pressed;
-});
-exports.default = SideTab;
-var templateObject_1;

package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/index.d.ts

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

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

package/dist/src/desktop/panels/DesktopTutorialModal/Components/index.d.ts

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

package/dist/src/desktop/panels/DesktopTutorialModal/Components/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideTab = void 0;
-var SideTab_1 = require("./SideTab");
-Object.defineProperty(exports, "SideTab", { enumerable: true, get: function () { return SideTab_1.SideTab; } });

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { PDSTextType } from '../../../common';
-export type DesktopTutorialModalInfoType = {
-    sideTabTitleText: PDSTextType;
-    infoTitleText?: PDSTextType;
-    infoDescText?: PDSTextType;
-    imageSrc?: string;
-    btnMode?: 'none' | 'btn_amount1';
-    btn1Text?: PDSTextType;
-    onClickBtn1?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};
-type DesktopTutorialModalProps = {
-    modalTitleText: PDSTextType;
-    infoArray: DesktopTutorialModalInfoType[];
-    sequenceMode?: 'use' | 'none';
-    onClose: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};
-declare function DesktopTutorialModal({ modalTitleText, infoArray, sequenceMode, onClose }: DesktopTutorialModalProps): import("react").ReactPortal;
-export default DesktopTutorialModal;

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

@@ -1,136 +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 styled_components_1 = __importDefault(require("styled-components"));
-var animationStyle_1 = require("../../../common/styles/movement/animationStyle");
-var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
-var hybrid_1 = require("../../../hybrid");
-var components_1 = require("../../components");
-var Components_1 = require("./Components");
-function DesktopTutorialModal(_a) {
-    var modalTitleText = _a.modalTitleText, infoArray = _a.infoArray, _b = _a.sequenceMode, sequenceMode = _b === void 0 ? 'use' : _b, onClose = _a.onClose;
-    var container = (0, react_1.useState)(function () {
-        var modalRoot = document.createElement('div');
-        modalRoot.setAttribute('id', 'DesktopTutorialModal');
-        return modalRoot;
-    })[0];
-    (0, react_1.useLayoutEffect)(function () {
-        var root = document.getElementById('root');
-        if (!root) {
-            return;
-        }
-        root.appendChild(container);
-        return function () {
-            root.removeChild(container);
-        };
-    }, []);
-    var _c = (0, react_1.useState)("".concat(infoArray[0].sideTabTitleText, "0")), selectedItem = _c[0], setSelectedItem = _c[1];
-    var sideTabTitleArray = infoArray.map(function (data, index) {
-        return {
-            title: data.sideTabTitleText,
-            isActive: selectedItem === "".concat(data.sideTabTitleText).concat(index),
-            onClick: function () { return setSelectedItem("".concat(data.sideTabTitleText).concat(index)); }
-        };
-    });
-    var lastIndex = infoArray.length - 1;
-    var numberPattern = /\d+$/;
-    var selectedItemIndexPart = selectedItem.match(numberPattern);
-    var selectedItemIndex = selectedItemIndexPart && parseInt(selectedItemIndexPart[0], 10);
-    var handleClickNextBtn = function () {
-        if (selectedItemIndexPart) {
-            var incrementedIndex = parseInt(selectedItemIndexPart[0], 10) + 1;
-            var newSelectedItem = "".concat(infoArray[incrementedIndex].sideTabTitleText).concat(incrementedIndex);
-            setSelectedItem(newSelectedItem);
-        }
-    };
-    var handleClickCloseBtn = function (e) {
-        if (onClose) {
-            onClose(e);
-        }
-    };
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopTutorialModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_LeftPanel, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: modalTitleText, lineLimit: 2, ellipsisMode: "use", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_SideTabWrapper, { children: [(0, jsx_runtime_1.jsx)(Components_1.SideTab, { itemArray: sideTabTitleArray }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_i" })] })] }), infoArray
-                        .filter(function (data, index) { return selectedItem === "".concat(data.sideTabTitleText).concat(index); })
-                        .map(function (data, index) { return ((0, jsx_runtime_1.jsxs)(S_RightPanel, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: data.imageSrc, shapeType: "rectangle", width: "responsive", ratio: "16_9", scaleType: "cover", backgroundFillMode: "use" }), (0, jsx_runtime_1.jsxs)(S_InfoBox, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.infoTitleText ? data.infoTitleText : data.sideTabTitleText, styleTheme: "headingBold" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.infoDescText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary" })] }), data.btnMode === 'btn_amount1' && ((0, jsx_runtime_1.jsx)(S_Footer, { children: (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: data.btn1Text, type: "button", size: "medium", onClick: data.onClickBtn1 }) }))] }, "".concat(data.sideTabTitleText).concat(index))); }), (0, jsx_runtime_1.jsx)(S_IconButtonWrapper, { children: sequenceMode === 'use' && selectedItemIndex !== lastIndex ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { shapeType: "circular", baseSize: "medium", baseColorKey: "ui_cpnt_button_fill_base_tutorialmodal", iconName: "ic_arrow_right", iconColorKey: "ui_cpnt_button_icon_white", onClick: handleClickNextBtn })) : ((0, jsx_runtime_1.jsx)(components_1.IconButton, { shapeType: "circular", baseSize: "medium", baseColorKey: "ui_cpnt_button_fill_base_tutorialmodal", iconName: "ic_xmark", iconColorKey: "ui_cpnt_button_icon_white", onClick: handleClickCloseBtn })) })] }))] }), 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-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 960px;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 960px;\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_base;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.boxShadow.elevation5;
-}, animationStyle_1.modalOnAni);
-var S_LeftPanel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n"])));
-var S_Header = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  box-sizing: border-box;\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.spacingE;
-});
-var S_SideTabWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  overflow-y: auto;\n"], ["\n  flex: 1;\n  overflow-y: auto;\n"])));
-var S_RightPanel = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n"], ["\n  background-color: ", ";\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_tutorialmodal_info_base;
-});
-var S_InfoBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n  flex: 1;\n  overflow-y: overlay;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n\n  ", "\n"], ["\n  box-sizing: border-box;\n  flex: 1;\n  overflow-y: overlay;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, scrollbarStyle_1.scrollbarStyle);
-var S_Footer = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: flex-end;\n  box-sizing: border-box;\n  display: flex;\n  height: 88px;\n  min-height: 88px;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  align-items: flex-end;\n  box-sizing: border-box;\n  display: flex;\n  height: 88px;\n  min-height: 88px;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-});
-var S_IconButtonWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: fixed;\n  right: ", ";\n  top: ", ";\n"], ["\n  position: fixed;\n  right: ", ";\n  top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-exports.default = DesktopTutorialModal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

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

@@ -1,2 +0,0 @@
-export type { DesktopTutorialModalInfoType } from './DesktopTutorialModal';
-export { default as DesktopTutorialModal } from './DesktopTutorialModal';

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