2022-02-16 :: modal modules setting 30%

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": []
+}

.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["next/babel", "next/core-web-vitals"]
 }

.npmignore

@@ -0,0 +1,11 @@
+pages
+public
+src
+styles
+.babelrc
+.eslintrc.json
+next-end.d.ts
+next.config.js
+package-lock.json
+yarn.lock
+tsconfig.json

dist/commons/breakPoints/responsiveBreakPoints.d.ts

@@ -0,0 +1,3 @@
+export declare const breakPoints: {
+    mobile: string;
+};

dist/commons/breakPoints/responsiveBreakPoints.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakPoints = void 0;
+exports.breakPoints = {
+    mobile: "(max-width: 767px)",
+};

dist/commons/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export default function CommonsHooksComponents(): {
+    componentRender: (Component: () => JSX.Element) => JSX.Element;
+};

dist/commons/hooks/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+// 공용으로 사용되는 함수들이 저장되는 컴포넌트입니다.
+function CommonsHooksComponents() {
+    // 컴포넌트 렌더하기
+    var componentRender = function (Component) {
+        return (0, jsx_runtime_1.jsx)(Component, {});
+    };
+    return {
+        componentRender: componentRender,
+    };
+}
+exports.default = CommonsHooksComponents;

dist/components/modules/modal/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+export interface IProps {
+    children?: ReactElement<any, any> | string;
+    styles?: {
+        width: string;
+        height: string;
+    };
+    show: boolean;
+}
+export default function _Modal({ children, show, styles }: IProps): JSX.Element;

dist/components/modules/modal/index.js

@@ -0,0 +1,12 @@
+"use strict";
+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 modal_container_1 = __importDefault(require("./modal.container"));
+function _Modal(_a) {
+    var children = _a.children, show = _a.show, styles = _a.styles;
+    return ((show && ((0, jsx_runtime_1.jsx)(modal_container_1.default, { show: show !== null && show !== void 0 ? show : false, styles: styles, children: children }))) || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+}
+exports.default = _Modal;

dist/components/modules/modal/modal.container.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IProps } from ".";
+export default function ModalPage({ children, styles }: IProps): JSX.Element;

dist/components/modules/modal/modal.container.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("./styles");
+function ModalPage(_a) {
+    var children = _a.children, styles = _a.styles;
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, __assign({ className: "cmm-modal-wrapper" }, { children: (0, jsx_runtime_1.jsx)(styles_1.Item, __assign({ className: "cmm-modal-item" }, { children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, __assign({ className: "cmm-modal-content-wrapper", style: styles }, { children: children })) })) })));
+}
+exports.default = ModalPage;

dist/components/modules/modal/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Item: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

dist/components/test/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function TestPage(): JSX.Element;

dist/components/test/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var modal_1 = __importDefault(require("../modules/modal"));
+function TestPage() {
+    return (0, jsx_runtime_1.jsx)(modal_1.default, __assign({ show: true }, { children: "123" }));
+}
+exports.default = TestPage;

dist/index.d.ts

@@ -0,0 +1,2 @@
+import { default as _Modal } from "./components/modules/modal/modal.container";
+export { _Modal };

dist/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._Modal = void 0;
+var modal_container_1 = __importDefault(require("./components/modules/modal/modal.container"));
+Object.defineProperty(exports, "_Modal", { enumerable: true, get: function () { return modal_container_1.default; } });

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited