@euler-edu/react 0.0.0-stage → 7.0.1-beta1

package/lib/components/templates/CenterFormTemplate.js

@@ -0,0 +1,89 @@
+'use client';
+"use strict";
+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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("react");
+const styles_1 = require("../../utils/styles");
+const atoms_1 = require("../../components/atoms");
+const molecules_1 = require("../../components/molecules");
+exports.default = react_1.default.memo(({ children, bottomChildren, ...props }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    const handleMouseMove = react_1.default.useCallback((e) => {
+        if (!containerRef.current)
+            return;
+        const rect = containerRef.current.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const y = e.clientY - rect.top;
+        containerRef.current.style.setProperty('--mouse-x', `${x}px`);
+        containerRef.current.style.setProperty('--mouse-y', `${y}px`);
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: containerRef, onMouseMove: handleMouseMove, "$paddingTop": styles_1.theme.size.margin.base['2x_large'], "$paddingBottom": styles_1.theme.size.margin.base['2x_large'], "$minHeight": "100vh", "$background": styles_1.theme.color.palettes.body['background-primary'], "$position": "relative", "$overflow": "hidden", style: {
+            '--mouse-x': '50%',
+            '--mouse-y': '50%',
+        }, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$css": `
+          position: absolute;
+          inset: 0;
+          pointer-events: none;
+          background-image: 
+            radial-gradient(circle at center, ${styles_1.theme.color.palettes.body['content-primary']} 1.5px, transparent 1.5px),
+            radial-gradient(circle at center, ${styles_1.theme.color.palettes.body['content-primary']} 1.5px, transparent 1.5px);
+          background-size: 32px 55px;
+          background-position: 0 0, 16px 27.5px;
+          opacity: 1; /* Reset to 1 here since mask controls the full intensity */
+          mask-image: radial-gradient(
+            circle 300px at var(--mouse-x) var(--mouse-y),
+            rgba(0, 0, 0, 0.6) 0%,
+            rgba(0, 0, 0, 0.2) 100%
+          );
+          -webkit-mask-image: radial-gradient(
+            circle 300px at var(--mouse-x) var(--mouse-y),
+            rgba(0, 0, 0, 0.6) 0%,
+            rgba(0, 0, 0, 0.2) 100%
+          );
+          transition: mask-image 0s, -webkit-mask-image 0s;
+          z-index: 0;
+        ` }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$css": [
+                    styles_1.theme.effect.adaptiveCenters.mobile,
+                    styles_1.theme.effect.adaptiveStyle((0, styles_1.css) `
+              width: ${styles_1.theme.size.width.adaptives.mobile +
+                        styles_1.theme.size.margin.base['2x_large']}px;
+            `, [styles_1.theme.size.width.adaptives.tablet, undefined]),
+                ], children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$background": styles_1.theme.color.palettes.body['background-selected'], "$border": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$borderRadius": styles_1.theme.size.borderRadius.medium, "$padding": styles_1.theme.size.margin.base.large, "$css": styles_1.theme.effect.adaptiveStyle((0, styles_1.css) `
+              padding: ${styles_1.theme.size.margin.base.medium}px;
+            `, [undefined, styles_1.theme.size.width.adaptives.tablet]), ...props, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(molecules_1.Empty, { type: "loading", "$marginVertical": styles_1.theme.size.margin.base.medium }), children: children }) }), bottomChildren] })] }));
+});
+//# sourceMappingURL=CenterFormTemplate.js.map

package/lib/components/templates/CenterFormTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenterFormTemplate.js","sourceRoot":"","sources":["../../../src/components/templates/CenterFormTemplate.tsx"],"names":[],"mappings":"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"}

package/lib/components/templates/CodeEditorTemplate/Editor/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Container } from '../../../../components/atoms';
+import { CodeEditor } from '../../../../components/atoms/only_csr';
+type Props = {
+    language?: React.ComponentProps<typeof CodeEditor>['language'];
+    theme?: React.ComponentProps<typeof CodeEditor>['theme'];
+    isReadOnly?: React.ComponentProps<typeof CodeEditor>['isReadOnly'];
+    initValue?: React.ComponentProps<typeof CodeEditor>['initValue'];
+    initValueVersion?: React.ComponentProps<typeof CodeEditor>['initValueVersion'];
+    onChangeValue?: React.ComponentProps<typeof CodeEditor>['onChangeValue'];
+    onChangeLineNumber?: React.ComponentProps<typeof CodeEditor>['onChangeLineNumber'];
+    onChangeColumnNumber?: React.ComponentProps<typeof CodeEditor>['onChangeColumnNumber'];
+    $letterSpacing?: React.ComponentProps<typeof CodeEditor>['$letterSpacing'];
+    $font?: React.ComponentProps<typeof CodeEditor>['$font'];
+    $fontSize?: React.ComponentProps<typeof CodeEditor>['$fontSize'];
+    $tabSize?: React.ComponentProps<typeof CodeEditor>['$tabSize'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ language, theme, isReadOnly, initValue, initValueVersion, onChangeValue, onChangeLineNumber, onChangeColumnNumber, $letterSpacing, $font, $fontSize, $tabSize, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/Editor/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const atoms_1 = require("../../../../components/atoms");
+const only_csr_1 = require("../../../../components/atoms/only_csr");
+exports.default = react_1.default.memo(({ language, theme, isReadOnly, initValue, initValueVersion, onChangeValue, onChangeLineNumber, onChangeColumnNumber, $letterSpacing, $font, $fontSize, $tabSize, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$width": "100%", "$overflow": true, ...props, children: (0, jsx_runtime_1.jsx)(only_csr_1.CodeEditor, { language: language, theme: theme, isReadOnly: isReadOnly, initValue: initValue, initValueVersion: initValueVersion, onChangeValue: onChangeValue, onChangeLineNumber: onChangeLineNumber, onChangeColumnNumber: onChangeColumnNumber, "$letterSpacing": $letterSpacing, "$font": $font, "$fontSize": $fontSize, "$tabSize": $tabSize, "$width": "100%", "$height": "100%" }) }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/Editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/Editor/index.tsx"],"names":[],"mappings":";;;;;;AAGA,kDAA0B;AAE1B,8CAA+C;AAC/C,0DAAyD;AAuBzD,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACF,EAAE,EAAE;IACV,OAAO,CACL,uBAAC,iBAAS,iBAAW,UAAU,YAAQ,MAAM,wBAAe,KAAK,YAC/D,uBAAC,qBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,oBAC1B,cAAc,WACvB,KAAK,eACD,SAAS,cACV,QAAQ,YACX,MAAM,aACL,MAAM,GACd,GACQ,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/templates/CodeEditorTemplate/Header/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type Language } from '@euler-edu/constant/oj-submit';
+import { Container, Text, TextButton } from '../../../../components/atoms';
+type Props = {
+    shortcutSettingHref?: React.ComponentProps<typeof TextButton>['href'];
+    language?: Language;
+    selectedPage?: string;
+    pages?: {
+        value: string;
+        text: React.ComponentProps<typeof Text>['value'];
+    }[];
+    isSaveable?: boolean;
+    onChangeLanguage?: (language: Language) => void;
+    onChangeSelectedPage?: (page: string) => void;
+    onDeletePage?: (page: string) => void;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ shortcutSettingHref, language, selectedPage, pages, isSaveable, onChangeLanguage, onChangeSelectedPage, onDeletePage, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/Header/index.js

@@ -0,0 +1,73 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const oj_submit_1 = require("@euler-edu/constant/oj-submit");
+const styles_1 = require("../../../../utils/styles");
+const stores_1 = require("../../../../hooks/stores");
+const styles_2 = require("../../../../hooks/styles");
+const atoms_1 = require("../../../../components/atoms");
+const molecules_1 = require("../../../../components/molecules");
+const HeaderButton = ({ text, onClickDelete: _onClickDelete, isSelected = false, isSaveable, isDeleteable = false, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    const [deleteHoverProps, isDeleteHover] = (0, styles_2.useHoverProps)();
+    const onClickDelete = react_1.default.useCallback((e) => {
+        _onClickDelete === null || _onClickDelete === void 0 ? void 0 : _onClickDelete(e);
+        e.stopPropagation();
+    }, [_onClickDelete]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$height": styles_1.theme.size.height.codeEditor.header, "$background": styles_1.theme.color.with_opacity[isSelected ? 'pure' : 'none'](styles_1.theme.color.code_editor_vars.background), "$borderRight": `1px solid ${styles_1.theme.color.code_editor_vars['guide-background']}`, "$transition": "background", ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": 2, "$background": styles_1.theme.color.base.primary.eulerRed, "$opacity": isSelected ? 1 : 0, "$transition": "opacity" }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$height": "calc(100% - 2px)", "$gap": styles_1.theme.size.margin.base.x_small, "$paddingLeft": styles_1.theme.size.margin.base.medium, "$paddingRight": isDeleteable
+                    ? styles_1.theme.size.margin.base.small
+                    : styles_1.theme.size.margin.base.medium, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: text, "$color": styles_1.theme.color.code_editor_vars.foreground, "$opacity": isSelected || isHover ? 1 : 0.7, "$transition": "opacity" }), typeof isSaveable === 'boolean' && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": 8, "$borderRadius": 4, "$background": isSaveable
+                            ? styles_1.theme.color.palettes['badge-surface-warning']['content-primary']
+                            : styles_1.theme.color.palettes['badge-surface-success']['content-primary'], "$transition": "background" })), isDeleteable && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { onClick: onClickDelete, "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$size": 16, "$borderRadius": 4, "$opacity": isHover || isSelected ? 1 : 0, "$background": styles_1.theme.color.with_opacity[isDeleteHover ? 'button' : 'none'](styles_1.theme.color.code_editor_vars.foreground), "$transition": "opacity, background", ...deleteHoverProps, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/x-mark-mini", "$size": 16, "$autoFill": styles_1.theme.color.code_editor_vars.foreground, "$opacity": isDeleteHover ? 1 : 0.7, "$transition": "opacity" }) }))] })] }));
+};
+exports.default = react_1.default.memo(({ shortcutSettingHref, language, selectedPage = 'main', pages, isSaveable, onChangeLanguage, onChangeSelectedPage, onDeletePage, ...props }) => {
+    const selectRef = react_1.default.useRef(null);
+    const moreRef = react_1.default.useRef(null);
+    const { ojEnvConfig } = (0, stores_1.useConfigStore)();
+    const buttons = react_1.default.useMemo(() => (pages || [])
+        .filter(({ value }) => value !== 'main')
+        .map(page => ({
+        key: page.value,
+        text: page.text,
+        onClick: () => onChangeSelectedPage === null || onChangeSelectedPage === void 0 ? void 0 : onChangeSelectedPage(page.value),
+        onClickDelete: () => onDeletePage === null || onDeletePage === void 0 ? void 0 : onDeletePage(page.value),
+        isSelected: selectedPage === page.value,
+        isDeleteable: true,
+    })), [selectedPage, pages, onChangeSelectedPage, onDeletePage]);
+    const selectSections = react_1.default.useMemo(() => [
+        {
+            key: 'language',
+            selectableTextButtons: language &&
+                (ojEnvConfig.languages.find(_language => _language === language)
+                    ? ojEnvConfig.languages
+                    : [...ojEnvConfig.languages, language]).map(_language => ({
+                    key: _language,
+                    text: oj_submit_1.ojSubmit.languages[_language].name,
+                    isSelected: _language === language,
+                    onClick: () => onChangeLanguage === null || onChangeLanguage === void 0 ? void 0 : onChangeLanguage(_language),
+                })),
+        },
+    ], [language, ojEnvConfig]);
+    const moreSections = react_1.default.useMemo(() => [
+        {
+            key: 'more',
+            textButtons: [
+                shortcutSettingHref && {
+                    key: 'shortcut',
+                    icon: 'hero/cog-6-tooth-outline',
+                    text: '단축키 설정',
+                    href: shortcutSettingHref,
+                },
+            ].filter(x => !!x),
+        },
+    ], [shortcutSettingHref]);
+    const isOpenSelect = (0, stores_1.useDropdownEffect)(selectRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: selectSections }), 'bottom-end', {}, [selectSections]);
+    const isOpenMore = (0, stores_1.useDropdownEffect)(moreRef, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: moreSections }), 'bottom-end', {}, [moreSections]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$position": "relative", "$width": "100%", "$height": styles_1.theme.size.height.codeEditor.header, "$gap": styles_1.theme.size.margin.base.x_small, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$position": "relative", "$overflowX": "auto", "$width": 0, "$zIndex": 2, "$flexGrow": true, children: [(0, jsx_runtime_1.jsx)(HeaderButton, { text: "\uCF54\uB4DC", isSaveable: isSaveable, isSelected: selectedPage === 'main', onClick: () => onChangeSelectedPage === null || onChangeSelectedPage === void 0 ? void 0 : onChangeSelectedPage('main') }), buttons.map(({ key, ...button }) => ((0, jsx_runtime_1.jsx)(HeaderButton, { ...button }, key)))] }), (0, jsx_runtime_1.jsx)(atoms_1.SelectInput, { ref: selectRef, size: "small", text: language ? oj_submit_1.ojSubmit.languages[language].name : '알 수 없는 언어', isSelected: isOpenSelect, "$display": selectedPage === 'main' ? 'flex' : 'none' }), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { ref: moreRef, size: "small", icon: "hero/ellipsis-horizontal-outline", palette: "button-ghost-borderless", isSelected: isOpenMore, "$iconAutoFill": styles_1.theme.color.code_editor_vars.foreground, "$marginRight": styles_1.theme.size.margin.base.medium }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$height": 1, "$left": 0, "$right": 0, "$bottom": 0, "$zIndex": 1, "$background": styles_1.theme.color.code_editor_vars['guide-background'] })] }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/Header/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/templates/CodeEditorTemplate/NavigationBar/Button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useTooltipEffect } from '../../../../hooks/stores';
+import { ClickableContainer, Icon } from '../../../../components/atoms';
+type Props = {
+    icon: React.ComponentProps<typeof Icon>['type'];
+    text: Parameters<typeof useTooltipEffect>[1];
+    isSelected?: boolean;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ icon, isSelected, text, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/NavigationBar/Button.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../../utils/styles");
+const stores_1 = require("../../../../hooks/stores");
+const styles_2 = require("../../../../hooks/styles");
+const atoms_1 = require("../../../../components/atoms");
+const size = 28;
+exports.default = ({ icon, isSelected = false, text, ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    (0, stores_1.useTooltipEffect)(ref, text, 'right', isHover);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$width": "100%", "$position": "relative", "$display": "flex", "$alignItems": "center", "$justifyContent": "center", ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": size * 0.1, "$left": 0, "$width": 2.5, "$height": size * 1.2, "$opacity": isSelected ? 1 : 0, "$background": styles_1.theme.color.palettes['button-solid']['background-primary'], "$borderRadius": "0 2px 2px 0", "$transition": "opacity" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { ref: ref, "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": isHover || isSelected
+                    ? styles_1.theme.color.palettes.body['background-hovered']
+                    : 'none', "$transition": "background", "$size": size * 1.4, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$size": size, "$autoFill": isSelected
+                        ? styles_1.theme.color.palettes['button-solid']['background-primary']
+                        : styles_1.theme.color.palettes.body['content-secondary'], "$transition": true }) })] }));
+};
+//# sourceMappingURL=Button.js.map

package/lib/components/templates/CodeEditorTemplate/NavigationBar/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/NavigationBar/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAKb,kDAA0B;AAE1B,2CAAuC;AAEvC,2CAAkD;AAClD,2CAA+C;AAE/C,8CAAyE;AAQzE,MAAM,IAAI,GAAG,EAAE,CAAC;AAEhB,kBAAe,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACrE,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAE9C,IAAA,yBAAgB,EAAiB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,0BAAkB,cACV,MAAM,eACH,UAAU,cACX,MAAM,iBACH,QAAQ,qBACJ,QAAQ,KACpB,UAAU,KACV,KAAK,aAET,uBAAC,iBAAS,iBACE,UAAU,UACd,IAAI,GAAG,GAAG,WACT,CAAC,YACA,GAAG,aACF,IAAI,GAAG,GAAG,cACT,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBACf,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,mBACzD,aAAa,iBACf,SAAS,GACrB,EACF,uBAAC,iBAAS,IACR,GAAG,EAAE,GAAG,cACC,MAAM,iBACH,QAAQ,qBACJ,QAAQ,mBACT,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,iBAE1C,OAAO,IAAI,UAAU;oBACnB,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC;oBACjD,CAAC,CAAC,MAAM,iBAEA,YAAY,WACjB,IAAI,GAAG,GAAG,YAEjB,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,WACH,IAAI,eAET,UAAU;wBACR,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC;wBAC5D,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,wBAGpD,GACQ,IACO,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/templates/CodeEditorTemplate/NavigationBar/LogoButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ClickableContainer } from '../../../../components/atoms';
+type Props = {
+    isFetching?: boolean;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ isFetching, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/NavigationBar/LogoButton.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../../utils/styles");
+const atoms_1 = require("../../../../components/atoms");
+const size = 28;
+exports.default = ({ isFetching = false, ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "flex", "$justifyContent": "center", "$alignItems": "center", "$position": "relative", ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$transform": "translate(-50%, -50%)", "$top": "50%", "$left": "50%", "$opacity": isFetching ? 1 : 0, "$size": size, "$transition": "opacity", children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { "$position": "absolute", type: "hero/spinner-outline", "$size": "100%", "$autoFill": styles_1.theme.color.base.primary.eulerRed, "$top": 0, "$left": 0 }) }), (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "primary/euler", "$size": size, "$autoFill": styles_1.theme.color.base.primary.eulerRed, "$transform": `scale(${isFetching ? 0.55 : 1.0}) translateY(${isFetching ? '0' : '0'})`, "$transition": "transform" })] }));
+//# sourceMappingURL=LogoButton.js.map

package/lib/components/templates/CodeEditorTemplate/NavigationBar/LogoButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoButton.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/NavigationBar/LogoButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAOb,2CAAuC;AAEvC,8CAAyE;AAMzE,MAAM,IAAI,GAAG,EAAE,CAAC;AAEhB,kBAAe,CAAC,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAC1D,wBAAC,0BAAkB,gBACR,MAAM,qBACC,QAAQ,iBACZ,QAAQ,eACV,UAAU,KAChB,KAAK,aAET,uBAAC,iBAAS,iBACE,UAAU,gBACT,uBAAuB,UAC7B,KAAK,WACJ,KAAK,cACD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WACrB,IAAI,iBACC,SAAS,YAErB,uBAAC,YAAI,iBACO,UAAU,EACpB,IAAI,EAAC,sBAAsB,WACrB,MAAM,eACD,cAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,UACtC,CAAC,WACA,CAAC,GACR,GACQ,EACZ,uBAAC,YAAI,IACH,IAAI,EAAC,eAAe,WACb,IAAI,eACA,cAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,gBAChC,SAAS,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,gBAAgB,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,iBACzE,WAAW,GACvB,IACiB,CACtB,CAAC"}

package/lib/components/templates/CodeEditorTemplate/NavigationBar/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AvatarButton, Container } from '../../../../components/atoms';
+import Button from './Button';
+import LogoButton from './LogoButton';
+type Props = {
+    homeHref?: React.ComponentProps<typeof LogoButton>['href'];
+    selectedOption?: string;
+    options?: {
+        value: string;
+        text: string;
+        icon?: React.ComponentProps<typeof Button>['icon'];
+    }[];
+    onChangeSelectedOption?: (option?: string) => void;
+    avatarButton?: React.ComponentProps<typeof AvatarButton>;
+    isFetching?: React.ComponentProps<typeof LogoButton>['isFetching'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ homeHref, selectedOption, options, onChangeSelectedOption, avatarButton, isFetching, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/NavigationBar/index.js

@@ -0,0 +1,34 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../../utils/styles");
+const atoms_1 = require("../../../../components/atoms");
+const Button_1 = __importDefault(require("./Button"));
+const LogoButton_1 = __importDefault(require("./LogoButton"));
+exports.default = react_1.default.memo(({ homeHref, selectedOption, options, onChangeSelectedOption, avatarButton, isFetching, ...props }) => {
+    const topButtons = react_1.default.useMemo(() => (options || [])
+        .filter(({ value }) => value !== 'setting')
+        .map(({ value, icon, text }) => ({
+        key: value,
+        icon: icon || 'hero/bars-2-outline',
+        text,
+        isSelected: selectedOption === value,
+        onClick: () => onChangeSelectedOption === null || onChangeSelectedOption === void 0 ? void 0 : onChangeSelectedOption(selectedOption === value ? undefined : value),
+    })), [selectedOption, options]);
+    const bottomButtons = react_1.default.useMemo(() => (options || [])
+        .filter(({ value }) => value === 'setting')
+        .map(({ value, icon, text }) => ({
+        key: value,
+        icon: icon || 'hero/cog-6-tooth-outline',
+        text,
+        isSelected: selectedOption === value,
+        onClick: () => onChangeSelectedOption === null || onChangeSelectedOption === void 0 ? void 0 : onChangeSelectedOption(selectedOption === value ? undefined : value),
+    })), [selectedOption, options]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$justifyContent": "space-between", "$height": "100%", "$width": styles_1.theme.size.width.codeEditor.navigationBar, "$background": styles_1.theme.color.palettes.body['background-primary'], "$borderRight": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, "$paddingVertical": styles_1.theme.size.margin.base.medium, "$overflow": true, "$noneUserSelect": true, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$width": "100%", "$gap": styles_1.theme.size.margin.base.large, children: [(0, jsx_runtime_1.jsx)(LogoButton_1.default, { href: homeHref, isFetching: isFetching }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$width": "100%", "$gap": styles_1.theme.size.margin.base.small, children: topButtons.map(button => ((0, jsx_runtime_1.jsx)(Button_1.default, { ...button }))) })] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$alignItems": "center", "$width": "100%", "$gap": styles_1.theme.size.margin.base.small, children: [!!avatarButton && (0, jsx_runtime_1.jsx)(atoms_1.AvatarButton, { size: "small", ...avatarButton }), bottomButtons.map(button => ((0, jsx_runtime_1.jsx)(Button_1.default, { ...button })))] })] }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/NavigationBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/NavigationBar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAKb,kDAA0B;AAE1B,2CAAuC;AAEvC,8CAA6D;AAE7D,sDAA8B;AAC9B,8DAAsC;AAetC,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,QAAQ,EACR,cAAc,EACd,OAAO,EACP,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACH,CAAC,OAAO,IAAI,EAAE,CAAC;SACZ,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC;SAC1C,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,IAAI,IAAI,qBAAqB;QACnC,IAAI;QACJ,UAAU,EAAE,cAAc,KAAK,KAAK;QACpC,OAAO,EAAE,GAAG,EAAE,CACZ,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CACpB,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAC7C;KACJ,CAAC,CAAC,EACP,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAC;IACF,MAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CACH,CAAC,OAAO,IAAI,EAAE,CAAC;SACZ,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC;SAC1C,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,IAAI,IAAI,0BAA0B;QACxC,IAAI;QACJ,UAAU,EAAE,cAAc,KAAK,KAAK;QACpC,OAAO,EAAE,GAAG,EAAE,CACZ,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CACpB,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAC7C;KACJ,CAAC,CAAC,EACP,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAC;IACF,OAAO,CACL,wBAAC,iBAAS,gBACC,MAAM,oBACA,QAAQ,qBACP,eAAe,aACvB,MAAM,YACN,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,iBACpC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,kBAC9C,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,sBACtD,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,iDAG3C,KAAK,aAET,wBAAC,iBAAS,gBACC,MAAM,oBACA,QAAQ,YAChB,MAAM,UACP,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,aAElC,uBAAC,oBAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI,EACtD,uBAAC,iBAAS,gBACC,MAAM,oBACA,QAAQ,YAChB,MAAM,UACP,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,YAEjC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACxB,uBAAC,gBAAM,OAAK,MAAM,GAAI,CACvB,CAAC,GACQ,IACF,EACZ,wBAAC,iBAAS,gBACC,MAAM,oBACA,QAAQ,iBACX,QAAQ,YACb,MAAM,UACP,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,aAEjC,CAAC,CAAC,YAAY,IAAI,uBAAC,oBAAY,IAAC,IAAI,EAAC,OAAO,KAAK,YAAY,GAAI,EACjE,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC3B,uBAAC,gBAAM,OAAK,MAAM,GAAI,CACvB,CAAC,IACQ,IACF,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/templates/CodeEditorTemplate/Panel/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Container, InputableContainer } from '../../../../components/atoms';
+type Props = {
+    value?: React.ComponentProps<typeof InputableContainer>['value'];
+    onChangeValue?: (value: React.ChangeEvent<HTMLInputElement>['target']['value']) => void;
+    isReadOnly?: React.ComponentProps<typeof InputableContainer>['readOnly'];
+    isVisible?: boolean;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ value: _value, onChangeValue, isReadOnly, isVisible, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/Panel/index.js

@@ -0,0 +1,125 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../../utils/styles");
+const submits_1 = require("../../../../utils/submits");
+const stores_1 = require("../../../../hooks/stores");
+const atoms_1 = require("../../../../components/atoms");
+const badgeTextByType = {
+    server: '알 수 없는 서버 에러',
+    compile: '컴파일 에러',
+    runtime: '런타임 에러',
+    'time-limit': '실행 시간 초과',
+    'memory-limit': '메모리 제한 초과',
+};
+const badgeIconByType = {
+    server: 'hero/question-mark-circle-mini',
+    compile: 'hero/exclamation-circle-mini',
+    runtime: 'hero/exclamation-circle-mini',
+    'time-limit': 'hero/clock-mini',
+    'memory-limit': 'hero/cpu-chip-mini',
+};
+const badgeColorByType = {
+    server: styles_1.theme.color.palettes['badge-surface-error']['border-primary'],
+    compile: styles_1.theme.color.palettes['badge-surface-error']['border-primary'],
+    runtime: styles_1.theme.color.palettes['badge-surface-error']['border-primary'],
+    'time-limit': styles_1.theme.color.palettes['badge-surface-error']['border-primary'],
+    'memory-limit': styles_1.theme.color.palettes['badge-surface-error']['border-primary'],
+    usage: styles_1.theme.color.code_editor_vars['foreground'],
+};
+exports.default = react_1.default.memo(({ value: _value, onChangeValue, isReadOnly = false, isVisible = true, ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const { editorConfig } = (0, stores_1.useConfigStore)();
+    const [isSelected, setIsSelected] = react_1.default.useState(false);
+    const [value, badgeType, time, memory] = react_1.default.useMemo(() => {
+        var _a;
+        const text = ((_a = _value === null || _value === void 0 ? void 0 : _value.toString) === null || _a === void 0 ? void 0 : _a.call(_value)) || '';
+        if (!isReadOnly) {
+            return [text, undefined, undefined, undefined];
+        }
+        if (text.startsWith('서버 에러<br>')) {
+            return [
+                text.replace('서버 에러<br>', ''),
+                'server',
+                undefined,
+                undefined,
+            ];
+        }
+        else if (text.startsWith('컴파일 에러<br>')) {
+            return [
+                text.replace('컴파일 에러<br>', ''),
+                'compile',
+                undefined,
+                undefined,
+            ];
+        }
+        else if (text.startsWith('런타임 에러<br>')) {
+            return [
+                text.replace('런타임 에러<br>', ''),
+                'runtime',
+                undefined,
+                undefined,
+            ];
+        }
+        else if (text.startsWith('실행 시간 초과<br>')) {
+            return [
+                text.replace('실행 시간 초과<br>', ''),
+                'time-limit',
+                undefined,
+                undefined,
+            ];
+        }
+        else if (text.startsWith('메모리 제한 초과<br>')) {
+            return [
+                text.replace('메모리 제한 초과<br>', ''),
+                'memory-limit',
+                undefined,
+                undefined,
+            ];
+        }
+        else if (text.startsWith('실행 시간 및 메모리 사용량<br>')) {
+            const _text = text.replace('실행 시간 및 메모리 사용량<br>', '');
+            const index = _text.indexOf('<br>');
+            if (index < 0)
+                return [_text, undefined, undefined, undefined];
+            const [time, momory] = _text.slice(0, index).split('/');
+            return [_text.slice(index + 4), 'usage', Number(time), Number(momory)];
+        }
+        return [text, undefined, undefined, undefined];
+    }, [_value, isReadOnly]);
+    const isFirstMount = react_1.default.useRef(true);
+    react_1.default.useEffect(() => {
+        if (isFirstMount.current) {
+            isFirstMount.current = false;
+            return;
+        }
+        if (!isVisible || !ref.current || isReadOnly)
+            return;
+        ref.current.focus();
+    }, [isVisible, isReadOnly]);
+    const onChange = react_1.default.useCallback((e) => {
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.target.value);
+    }, [onChangeValue]);
+    const onClick = react_1.default.useCallback(() => {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, []);
+    const onFocus = react_1.default.useCallback(() => {
+        setIsSelected(true);
+    }, []);
+    const onBlur = react_1.default.useCallback(() => {
+        setIsSelected(false);
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$width": "100%", "$paddingHorizontal": styles_1.theme.size.margin.base.medium, "$overflow": true, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": styles_1.theme.size.margin.base.small }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$height": `calc(100% - ${styles_1.theme.size.margin.base.small}px)`, "$width": "100%", "$borderRadius": styles_1.theme.size.borderRadius.small, "$border": `1px solid ${isVisible
+                    ? isSelected
+                        ? styles_1.theme.color.code_editor_vars['active-background'] ||
+                            styles_1.theme.color.code_editor_vars['guide-background']
+                        : styles_1.theme.color.code_editor_vars['guide-background']
+                    : 'none'}`, "$transition": "border", children: [!!badgeType && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", onClick: onClick, "$paddingTop": styles_1.theme.size.margin.base.medium, "$paddingHorizontal": styles_1.theme.size.margin.base.medium, children: (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$paddingVertical": styles_1.theme.size.margin.base.x_small, "$paddingHorizontal": styles_1.theme.size.margin.base.medium, "$background": styles_1.theme.color.code_editor_vars['guide-background'], "$borderRadius": styles_1.theme.size.borderRadius.medium, "$opacity": 0.8, children: [!!badgeIconByType[badgeType] && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: badgeIconByType[badgeType], "$size": editorConfig.fontSize, "$autoFill": badgeColorByType[badgeType] })), !!badgeTextByType[badgeType] && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: badgeTextByType[badgeType], "$font": editorConfig.font, "$color": badgeColorByType[badgeType], "$css": `font-size: ${editorConfig.fontSize}px; line-height: 1.4;` })), typeof time === 'number' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/clock-mini", "$size": editorConfig.fontSize, "$autoFill": badgeColorByType['usage'] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: `실행 시간: ${(0, submits_1.getFormattedTime)(time)}`, "$font": editorConfig.font, "$color": badgeColorByType['usage'], "$css": `font-size: ${editorConfig.fontSize}px; line-height: 1.4;` })] })), typeof time === 'number' && typeof memory === 'number' && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: "\u00B7", "$font": editorConfig.font, "$color": badgeColorByType['usage'], "$css": `font-size: ${editorConfig.fontSize}px; line-height: 1.4;` })), typeof memory === 'number' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/cpu-chip-mini", "$size": editorConfig.fontSize, "$autoFill": badgeColorByType['usage'] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: `메모리 사용량: ${(0, submits_1.getFormattedMemory)(memory)}`, "$font": editorConfig.font, "$color": badgeColorByType['usage'], "$css": `font-size: ${editorConfig.fontSize}px; line-height: 1.4;` })] }))] }) })), (0, jsx_runtime_1.jsx)(atoms_1.InputableContainer, { ref: ref, as: "textarea", value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, readOnly: isReadOnly, "$font": editorConfig.font, "$color": styles_1.theme.color.code_editor_vars['foreground'], "$paddingVertical": styles_1.theme.size.margin.base.medium, "$paddingHorizontal": styles_1.theme.size.margin.base.medium, "$height": 0, "$width": "100%", "$background": "none", "$flexGrow": true, "$overflowX": "auto", "$overflowY": "auto", "$css": `font-size: ${editorConfig.fontSize}px; line-height: 1.4;` })] })] }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/Panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/Panel/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/templates/CodeEditorTemplate/PanelFooter/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type Environment } from '@euler-edu/constant/oj-submit';
+import { Container } from '../../../../components/atoms';
+type Props = {
+    environment?: Environment;
+    lineNumber?: number;
+    columnNumber?: number;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ environment, lineNumber, columnNumber, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/templates/CodeEditorTemplate/PanelFooter/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const oj_submit_1 = require("@euler-edu/constant/oj-submit");
+const styles_1 = require("../../../../utils/styles");
+const atoms_1 = require("../../../../components/atoms");
+const atoms_2 = require("../../../../components/atoms");
+exports.default = react_1.default.memo(({ environment, lineNumber, columnNumber, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(atoms_2.Container, { "$position": "relative", "$width": "100%", "$overflowX": "auto", "$height": styles_1.theme.size.height.codeEditor.panelFooter, "$noneUserSelect": true, ...props, children: (0, jsx_runtime_1.jsxs)(atoms_2.Container, { "$display": "flex", "$justifyContent": "space-between", "$height": "100%", "$paddingHorizontal": styles_1.theme.size.margin.base.medium, children: [(0, jsx_runtime_1.jsx)(atoms_2.Container, {}), (0, jsx_runtime_1.jsxs)(atoms_2.Container, { "$display": "flex", "$alignItems": "center", "$height": "100%", "$gap": styles_1.theme.size.margin.base.medium, children: [typeof lineNumber === 'number' &&
+                            typeof columnNumber === 'number' && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: `Ln ${lineNumber.toLocaleString()}, Col ${columnNumber.toLocaleString()}`, "$color": styles_1.theme.color.code_editor_vars.foreground, "$opacity": 0.7 })), !!environment && ((0, jsx_runtime_1.jsxs)(atoms_2.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$opacity": 0.7, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/cube-outline", "$size": styles_1.theme.size.height.base.x_small, "$autoFill": styles_1.theme.color.code_editor_vars.foreground }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: oj_submit_1.ojSubmit.environments[environment].name, "$color": styles_1.theme.color.code_editor_vars.foreground })] }))] })] }) }));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/templates/CodeEditorTemplate/PanelFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/CodeEditorTemplate/PanelFooter/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6DAA2E;AAE3E,2CAAuC;AAEvC,8CAAgD;AAChD,8CAA+C;AAQ/C,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IAC7D,OAAO,CACL,uBAAC,iBAAS,iBACE,UAAU,YACb,MAAM,gBACF,MAAM,aACR,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,8BAE7C,KAAK,YAET,wBAAC,iBAAS,gBACC,MAAM,qBACC,eAAe,aACvB,MAAM,wBACM,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,aAEjD,uBAAC,iBAAS,KAAa,EACvB,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,aACZ,MAAM,UACR,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,aAElC,OAAO,UAAU,KAAK,QAAQ;4BAC7B,OAAO,YAAY,KAAK,QAAQ,IAAI,CAClC,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,MAAM,UAAU,CAAC,cAAc,EAAE,SAAS,YAAY,CAAC,cAAc,EAAE,EAAE,YACxE,cAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,cACrC,GAAG,GACb,CACH,EACF,CAAC,CAAC,WAAW,IAAI,CAChB,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,UACd,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAC1B,GAAG,aAEb,uBAAC,YAAI,IACH,IAAI,EAAC,mBAAmB,WACjB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,eAC1B,cAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,GAClD,EACF,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,oBAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,YACtC,cAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,GAC/C,IACQ,CACb,IACS,IACF,GACF,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/templates/CodeEditorTemplate/PanelHeader/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Container } from '../../../../components/atoms';
+type Option = 'input' | 'output' | 'error';
+type Props = {
+    selectedOption?: Option;
+    onChangeSelectedOption?: (option?: Option) => void;
+    isFetchingReset?: boolean;
+    isFetchingSave?: boolean;
+    isFetchingRun?: boolean;
+    isFetchingSubmit?: boolean;
+    isDisplayActionButtons?: boolean;
+    onClickReset?: () => void;
+    onClickSave?: () => void;
+    onClickRun?: () => void;
+    onClickSubmit?: () => void;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ selectedOption, onChangeSelectedOption, isFetchingReset, isFetchingSave, isFetchingRun, isFetchingSubmit, isDisplayActionButtons, onClickReset, onClickSave, onClickRun, onClickSubmit, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;