;
38 | questionList?: RecruitApplyResponse;
39 | }
40 |
41 | export type PartName =
42 | | 'productQuestions'
43 | | 'designQuestions'
44 | | 'frontendQuestions'
45 | | 'backendQuestions';
46 |
47 | export interface PassDataInterface {
48 | uuid: string;
49 | generation: number;
50 | email: string;
51 | pass: string;
52 | name: string;
53 | part?: string;
54 | attendanceStatus: boolean;
55 | date: string;
56 | otDate: string;
57 | openChatUrl: string;
58 | duration: string;
59 | }
60 |
61 | export interface RecruitStudyResponse {
62 | generation: number;
63 | prodStudyUrl: string;
64 | designStudyUrl: string;
65 | devStudyUrl: string;
66 | startDateDoc: string;
67 | endDateDoc: string;
68 | resultDateDoc: string;
69 | startDateInterview: string;
70 | endDateInterview: string;
71 | resultDateFinal: string;
72 | openChatUrl: string;
73 | otDate: string;
74 | ideathonDate: string;
75 | hackathonDate: string;
76 | demodayDate: string;
77 | }
78 |
79 | export interface DateProps {
80 | startDateDoc: Date;
81 | endDateDoc: Date;
82 | resultDateDoc: Date;
83 | resultDateFinal: Date;
84 | }
85 |
--------------------------------------------------------------------------------
/apps/ceos/src/components/recruit/recruitBox.tsx:
--------------------------------------------------------------------------------
1 | import { Text, media, theme } from '@ceos-fe/ui';
2 | import { css } from '@emotion/react';
3 |
4 | interface MiniBoxProps {
5 | header: string;
6 | content: string;
7 | }
8 |
9 | export const RecruitBoxCss = ({
10 | width,
11 | margin = '0',
12 | }: {
13 | width: number;
14 | margin?: string;
15 | }) => css`
16 | background-color: ${theme.palette.Gray1};
17 | width: ${width}px;
18 | margin: ${margin};
19 | display: flex;
20 | flex-direction: column;
21 | justify-content: center;
22 | align-items: center;
23 | padding: 18px;
24 | box-sizing: border-box;
25 | border-radius: 16px;
26 | word-break: keep-all;
27 | text-align: center;
28 | ${theme.typo.Web.Body1};
29 |
30 | ${media.mobile} {
31 | width: 100%;
32 | height: 219px;
33 | ${theme.typo.Mobile.Body1};
34 | margin-bottom: 48px;
35 | }
36 | `;
37 |
38 | export const RecruitMiniBox = (props: MiniBoxProps) => {
39 | return (
40 |
41 |
42 | {props.header}
43 |
44 |
45 | {props.content}
46 |
47 |
48 | );
49 | };
50 |
51 | export const MiniBoxCss = css`
52 | background-color: ${theme.palette.Gray1};
53 | width: 240px;
54 | height: 107px;
55 | display: flex;
56 | flex-direction: column;
57 | justify-content: center;
58 | align-items: center;
59 | padding: 18px;
60 | box-sizing: border-box;
61 | border-radius: 16px;
62 | word-break: keep-all;
63 | text-align: center;
64 |
65 | ${media.mobile} {
66 | width: 100%;
67 | height: 97px;
68 | }
69 | `;
70 |
--------------------------------------------------------------------------------
/apps/ceos/src/components/recruit/style/index.tsx:
--------------------------------------------------------------------------------
1 | import styled from '@emotion/styled';
2 | import { Flex, Text, TextField, theme } from '@ceos-fe/ui';
3 |
4 | export const CustomFlex = styled(Flex)`
5 | flex-direction: row;
6 | justify-content: space-between;
7 | align-items: start;
8 | width: 680px;
9 | gap: 24px;
10 |
11 | @media (max-width: 1023px) {
12 | width: 100%;
13 | flex-direction: column;
14 | justify-content: start;
15 | align-items: center;
16 | gap: 28px;
17 | }
18 | `;
19 |
20 | export const CustomTextField = styled(TextField)<{
21 | webWidth?: string;
22 | mobileWidth?: string;
23 | }>`
24 | width: ${({ webWidth }) => webWidth ?? '100%'};
25 |
26 | @media (max-width: 1023px) {
27 | width: ${({ mobileWidth }) => mobileWidth ?? '100%'};
28 | }
29 | `;
30 |
31 | export const QuestionFlex = styled(Flex)`
32 | flex-direction: column;
33 | align-items: start;
34 | gap: 8px;
35 | width: 100%;
36 | @media (max-width: 1023px) {
37 | gap: 14px;
38 | }
39 | `;
40 |
41 | export const Question = styled(Text)`
42 | ${theme.typo.Web.Label3};
43 | @media (max-width: 1023px) {
44 | ${theme.typo.Mobile.Heading4};
45 | }
46 | `;
47 |
48 | export const Explain = styled(Text)`
49 | ${theme.typo.Web.Body3};
50 | color: ${theme.palette.Gray5};
51 |
52 | @media (max-width: 1023px) {
53 | ${theme.typo.Mobile.Body2};
54 | }
55 | `;
56 |
--------------------------------------------------------------------------------
/apps/ceos/src/components/recruitModal/ErrorModal.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@emotion/react';
2 | import styled from '@emotion/styled';
3 | import { Flex, Text } from '@ceos-fe/ui';
4 | import { useRef } from 'react';
5 | import { backCss, containerCss } from './SubmitModal';
6 |
7 | export const ErrorModal = ({
8 | text,
9 | onClose,
10 | }: {
11 | text: string;
12 | onClose: () => void;
13 | }) => {
14 | const modalRef = useRef(null);
15 |
16 | return (
17 | <>
18 |
19 |
20 |
21 |
22 | {text}
23 |
24 |
25 |
26 |
27 | );
28 | };
29 |
30 | const Container = styled.div`
31 | position: fixed;
32 | top: 409px;
33 | display: flex;
34 | width: 504px;
35 | padding: 40px 24px;
36 | flex-direction: column;
37 | align-items: center;
38 | gap: 14px;
39 |
40 | border-radius: 20px;
41 | background: #fff;
42 |
43 | /* 팝업창그림자 */
44 | box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.1);
45 |
46 | @media (max-width: 1023px) {
47 | top: 300px;
48 | width: 80%;
49 | }
50 | `;
51 |
--------------------------------------------------------------------------------
/apps/ceos/src/components/recruitModal/SubmitModal.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@emotion/react';
2 | import styled from '@emotion/styled';
3 | import { ModalBgImage } from '../../assets/apply/ModalBgImage';
4 | import { Button, CheckBox, Desktop, Flex, Mobile, Text } from '@ceos-fe/ui';
5 | import { useState, useRef } from 'react';
6 |
7 | export interface ModalProps {
8 | submitForm: () => void;
9 | onClose: () => void;
10 | }
11 |
12 | export const SubmitModal = ({ submitForm, onClose }: ModalProps) => {
13 | const [isChecked, setIsChecked] = useState(false);
14 | const modalRef = useRef(null);
15 |
16 | return (
17 | <>
18 |
19 |
20 |
21 |
22 |
23 |
24 | 서류를 제출하시겠습니까?
25 |
26 |
27 |
28 | 제출 후 수정은 불가능합니다.
29 |
30 |
31 | {`면접 날짜를 '불가능한 시간'에 체크했는지 확인해주세요.`}
32 |
33 |
34 |
35 | setIsChecked(!isChecked)}
38 | value={['최종 확인 및 ‘불가능한 시간’에 체크했습니다.']}
39 | type="row"
40 | />
41 |
42 |
49 |
50 |
51 |
52 | );
53 | };
54 |
55 | export const backCss = () => css`
56 | position: absolute;
57 | top: 0;
58 | left: 0;
59 | bottom: 0;
60 | right: 0;
61 | background-color: rgba(0, 0, 0, 0.5);
62 | `;
63 |
64 | export const containerCss = () => css`
65 | display: flex;
66 | justify-content: center;
67 | align-items: center;
68 | `;
69 |
70 | const TextContainer = styled.div`
71 | position: fixed;
72 | top: 456px;
73 |
74 | display: flex;
75 | flex-direction: column;
76 | align-items: center;
77 | gap: 24px;
78 |
79 | @media (max-width: 1023px) {
80 | top: 300px;
81 | }
82 | `;
83 |
--------------------------------------------------------------------------------
/apps/ceos/src/components/recruitModal/SuccessModal.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@emotion/react';
2 | import styled from '@emotion/styled';
3 | import { Flex, Text } from '@ceos-fe/ui';
4 | import { backCss } from '../MenuBar';
5 | import { containerCss } from './SubmitModal';
6 |
7 | export const SuccessModal = () => {
8 | return (
9 | <>
10 |
11 |
12 |
13 |
19 | 제출이 완료되었습니다:)
20 |
21 |
22 |
23 | 지원서 내용을 작성하신 이메일로 전송드렸으니,
24 |
25 |
26 | 확인 부탁드립니다.
27 |
28 |
29 |
30 |
31 |
32 | );
33 | };
34 |
35 | const Container = styled.div`
36 | position: fixed;
37 | top: 409px;
38 | display: flex;
39 | width: 504px;
40 | padding: 40px 24px;
41 | flex-direction: column;
42 | align-items: center;
43 | gap: 14px;
44 |
45 | border-radius: 20px;
46 | background: #fff;
47 |
48 | /* 팝업창그림자 */
49 | box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.1);
50 |
51 | @media (max-width: 1023px) {
52 | top: 300px;
53 | width: 80%;
54 | }
55 | `;
56 |
--------------------------------------------------------------------------------
/apps/ceos/src/hooks/useWindoSize.ts:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react';
2 |
3 | function useWindowSize() {
4 | const isClient = typeof window === 'object';
5 |
6 | function getWindowSize() {
7 | return {
8 | width: isClient ? window.innerWidth : 0,
9 | height: isClient ? window.innerHeight : 0,
10 | };
11 | }
12 |
13 | const [windowSize, setWindowSize] = useState({ width: 0, height: 0 });
14 |
15 | useEffect(() => {
16 | if (!isClient) {
17 | return;
18 | }
19 |
20 | function handleResize() {
21 | setWindowSize(getWindowSize());
22 | }
23 |
24 | setWindowSize(getWindowSize());
25 | window.addEventListener('resize', handleResize);
26 | return () => {
27 | window.removeEventListener('resize', handleResize);
28 | };
29 | }, []);
30 |
31 | return windowSize;
32 | }
33 |
34 | export default useWindowSize;
35 |
--------------------------------------------------------------------------------
/apps/ceos/src/pages/404.tsx:
--------------------------------------------------------------------------------
1 | import styled from '@emotion/styled';
2 | import { Button, Flex, Space, Text, media, theme } from '@ceos-fe/ui';
3 | import { useRouter } from 'next/router';
4 |
5 | const NotFound = () => {
6 | const router = useRouter();
7 |
8 | return (
9 |
10 |
11 |
17 | 페이지를 찾을 수 없습니다.
18 |
19 |
20 |
21 |
22 |
28 | 원하시는 페이지의 주소가 잘못되었거나,
29 |
30 | 페이지가 존재하지 않습니다.
31 |
32 | 올바른 주소인지 확인해주시기 바랍니다.
33 |
34 |
35 |
36 |
37 |
46 |
47 |
48 | );
49 | };
50 |
51 | export default NotFound;
52 |
53 | const Wrapper = styled.div`
54 | width: 100vw;
55 | height: 100vh;
56 | overflow: hidden;
57 | background-color: ${theme.palette.Blue};
58 | `;
59 |
60 | const Container = styled(Flex)`
61 | margin-top: -40px;
62 |
63 | position: fixed;
64 | flex-direction: column;
65 |
66 | width: 100vw;
67 | height: 900px;
68 | background-image: url('/404-desktop.png');
69 | background-size: 1660px;
70 | background-position: center;
71 | background-repeat: no-repeat;
72 |
73 | text-align: center;
74 |
75 | ${media.mobile} {
76 | background-size: 646px;
77 | height: 800px;
78 | background-image: url('/404-mobile.png');
79 | }
80 | `;
81 |
--------------------------------------------------------------------------------
/apps/ceos/src/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import '@ceos/styles/globals.css';
2 | import { Desktop, globalStyle, theme } from '@ceos-fe/ui';
3 | import { Global, ThemeProvider } from '@emotion/react';
4 | import type { AppProps } from 'next/app';
5 | import { Layout } from '../components/Layout';
6 | import { FloatingCss } from '@ceos/styles/landing';
7 | import { FloatingButton } from '@ceos-fe/ui';
8 | import {
9 | Hydrate,
10 | QueryClient,
11 | QueryClientProvider,
12 | } from '@tanstack/react-query';
13 | import { useState } from 'react';
14 | import { RecoilRoot } from 'recoil';
15 |
16 | export default function App({ Component, pageProps }: AppProps) {
17 | const [queryClient] = useState(
18 | () =>
19 | new QueryClient({
20 | defaultOptions: {
21 | queries: {
22 | refetchOnWindowFocus: false,
23 | },
24 | },
25 | }),
26 | );
27 |
28 | return (
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/apps/ceos/src/pages/_document.tsx:
--------------------------------------------------------------------------------
1 | import { Html, Head, Main, NextScript } from 'next/document';
2 |
3 | export default function Document() {
4 | return (
5 |
6 |
7 | CEOS | 세오스
8 |
9 |
13 |
19 |
23 | {/* meta tag for naver search console */}
24 |
28 |
29 |
33 |
37 |
47 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | );
59 | }
60 |
--------------------------------------------------------------------------------
/apps/ceos/src/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { css } from '@emotion/react';
3 | import { SubHeader } from '@ceos/components/Landing/subHeader';
4 | import { Rewards } from '@ceos/components/Landing/rewards';
5 | import { HomeFlex, SponsorFlex } from '@ceos/styles/landing';
6 | import { Buttons } from '@ceos/components/Landing/buttons';
7 | import { Text, media } from '@ceos-fe/ui';
8 | import { Sponsors } from '@ceos/components/Landing/sponsor';
9 | import { QueryClient, dehydrate } from '@tanstack/react-query';
10 | import { awardApi, sponsorApi } from '@ceos-fe/utils';
11 | import { FooterText, FooterTextCss } from '@ceos/components/FooterText';
12 | import { useForm } from 'react-hook-form';
13 |
14 | export default function Home() {
15 | return (
16 |
17 |
18 | {/* section1 => blue */}
19 |
20 |
21 |
22 | {/* section2 => white */}
23 |
24 | {/* section3 => blue */}
25 |
26 |
27 |
28 | {/* section4 => white */}
29 |
30 |
31 |
32 | {/*section 5 */}
33 |
34 | );
35 | }
36 |
37 | export const getStaticProps = async () => {
38 | try {
39 | const queryClient = new QueryClient();
40 |
41 | await queryClient.prefetchQuery(['ceos', 'award'], () => {
42 | awardApi.GET_AWARD({ pageNum: 0, limit: 20 });
43 | });
44 | await queryClient.prefetchQuery(['ceos', 'sponsor'], () => {
45 | sponsorApi.GET_SPONSORS({ pageNum: 0, limit: 10 });
46 | });
47 |
48 | return {
49 | props: {
50 | dehydratedProps: dehydrate(queryClient),
51 | },
52 | };
53 | } catch (err) {
54 | console.error(err);
55 | }
56 | };
57 |
--------------------------------------------------------------------------------
/apps/ceos/src/state/index.tsx:
--------------------------------------------------------------------------------
1 | import { KeyOfPalette } from '@ceos-fe/ui';
2 | import { atom } from 'recoil';
3 |
4 | export const HeaderState = atom({
5 | key: 'backColor',
6 | default: 'Blue',
7 | });
8 | export const generationState = atom({ key: 'generation', default: 0 });
9 |
10 | export const ScrollState = atom({
11 | key: 'isScroll',
12 | default: false,
13 | });
14 |
15 | export const projectId = atom({ key: 'projectId', default: -1 });
16 |
17 | export const projectModalOpen = atom({
18 | key: 'projectModalOpen',
19 | default: false,
20 | });
21 |
--------------------------------------------------------------------------------
/apps/ceos/src/styles/Home.module.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CEOS-Developers/CEOS-FE/6bc33c767ba5bdb7e574bcbf2b3975380d383b14/apps/ceos/src/styles/Home.module.css
--------------------------------------------------------------------------------
/apps/ceos/src/styles/globals.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CEOS-Developers/CEOS-FE/6bc33c767ba5bdb7e574bcbf2b3975380d383b14/apps/ceos/src/styles/globals.css
--------------------------------------------------------------------------------
/apps/ceos/src/styles/recruit/index.tsx:
--------------------------------------------------------------------------------
1 | import { media, theme } from '@ceos-fe/ui';
2 | import { css } from '@emotion/react';
3 |
4 | export const RecruitCss = css`
5 | background-image: url('/recruit/banner-desktop.png');
6 | background-position: center;
7 | background-size: 1660px;
8 | background-repeat: no-repeat;
9 | background-color: ${theme.palette.Blue};
10 | height: 600px;
11 | width: 100%;
12 |
13 | z-index: 1;
14 | margin-bottom: 80px;
15 |
16 | ${media.mobile} {
17 | background-image: url('/recruit/banner-mobile.png');
18 | background-size: 687px;
19 | height: 630px;
20 | margin-bottom: 48px;
21 | }
22 | `;
23 |
24 | export const RecruitBgText = css`
25 | display: flex;
26 | align-items: center;
27 | flex-direction: column;
28 | margin-top: 195px;
29 | white-space: nowrap;
30 | color: white;
31 |
32 | .mobile {
33 | display: none;
34 | }
35 |
36 | ${media.mobile} {
37 | .subText {
38 | ${theme.typo.Mobile.Body1};
39 | }
40 | .mobile {
41 | display: block;
42 | }
43 | margin-top: 250px;
44 | }
45 | `;
46 |
47 | export const RecruitTextCss = css`
48 | font-family: 'Gilroy-Bold', 'Apple SD Gothic Neo';
49 | font-weight: 800;
50 | font-size: 3.75rem;
51 | line-height: 120%;
52 | color: white;
53 | text-align: center;
54 | margin-bottom: 12px;
55 |
56 | @media (max-width: 1023px) {
57 | font-size: 2.5rem;
58 | line-height: 130%;
59 | margin-bottom: 8px;
60 | margin-bottom: 24px;
61 | }
62 | `;
63 | export const RecruitMainCss = css`
64 | display: flex;
65 | flex-direction: column;
66 | width: 1032px;
67 | justify-content: flex-start;
68 | margin-bottom: 100px;
69 |
70 | ${media.mobile} {
71 | width: 90%;
72 | margin-bottom: 48px;
73 | margin-top: 0px;
74 | }
75 | `;
76 |
--------------------------------------------------------------------------------
/apps/ceos/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.base.json",
3 | "compilerOptions": {
4 | "target": "es5",
5 | "lib": ["dom", "dom.iterable", "esnext"],
6 | "allowJs": true,
7 | "skipLibCheck": true,
8 | "strict": true,
9 | "forceConsistentCasingInFileNames": false,
10 | "noEmit": true,
11 | "esModuleInterop": true,
12 | "module": "esnext",
13 | "moduleResolution": "node",
14 | "resolveJsonModule": true,
15 | "isolatedModules": true,
16 | "jsx": "preserve",
17 | "incremental": true,
18 | "paths": {
19 | "@ceos/*": ["./apps/ceos/src/*"]
20 | }
21 | },
22 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "../../**/*.d.ts"],
23 | "exclude": ["node_modules"]
24 | }
25 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ceos-fe",
3 | "version": "0.0.0",
4 | "private": true,
5 | "workspaces": [
6 | "apps/*",
7 | "packages/*"
8 | ],
9 | "scripts": {
10 | "admin": "yarn workspace @ceos-fe/admin dev",
11 | "ceos": "yarn workspace @ceos-fe/ceos dev",
12 | "build": "turbo run build",
13 | "dev": "turbo run dev",
14 | "lint": "turbo run lint",
15 | "format": "prettier --write \"**/*.{ts,tsx,md}\""
16 | },
17 | "devDependencies": {
18 | "@types/jest": "^29.5.1",
19 | "@types/node": "^20.1.0",
20 | "@types/react": "^18.2.6",
21 | "@types/react-dom": "latest",
22 | "@types/react-modal": "^3",
23 | "@typescript-eslint/eslint-plugin": "^5.59.2",
24 | "@typescript-eslint/parser": "^5.59.2",
25 | "babel-plugin-emotion": "^11.0.0",
26 | "eslint": "^8.40.0",
27 | "eslint-config-custom": "*",
28 | "eslint-config-prettier": "^8.8.0",
29 | "eslint-import-resolver-typescript": "^3.5.5",
30 | "eslint-plugin-import": "^2.27.5",
31 | "eslint-plugin-react": "^7.32.2",
32 | "eslint-plugin-react-hooks": "^4.6.0",
33 | "prettier": "^2.8.8",
34 | "turbo": "latest"
35 | },
36 | "engines": {
37 | "node": ">=14.0.0"
38 | },
39 | "packageManager": "yarn@4.6.0",
40 | "dependencies": {
41 | "@emotion/babel-plugin": "^11.11.0",
42 | "@emotion/react": "11.11.0",
43 | "@emotion/styled": "^11.11.0",
44 | "@next/font": "^13.4.1",
45 | "@svgr/webpack": "^8.0.1",
46 | "@tanstack/react-query": "4.29.15",
47 | "axios": "^1.4.0",
48 | "date-fns": "^2.30.0",
49 | "emotion-reset": "^3.0.1",
50 | "next": "13.4.4",
51 | "next-images": "^1.8.5",
52 | "react": "^18.2.0",
53 | "react-dom": "^18.2.0",
54 | "react-hook-form": "^7.45.2",
55 | "react-intersection-observer": "^9.5.2",
56 | "react-modal": "^3.16.1",
57 | "recoil": "^0.7.7",
58 | "typescript": "5.0.4",
59 | "webpack": "^5.97.1"
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/packages/eslint-config-custom/index.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | extends: ["next", "turbo", "prettier"],
3 | rules: {
4 | "@next/next/no-html-link-for-pages": "off",
5 | },
6 | parserOptions: {
7 | babelOptions: {
8 | presets: [require.resolve("next/babel")],
9 | },
10 | },
11 | };
12 |
--------------------------------------------------------------------------------
/packages/eslint-config-custom/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "eslint-config-custom",
3 | "version": "0.0.0",
4 | "main": "index.js",
5 | "license": "MIT",
6 | "dependencies": {
7 | "eslint": "^7.23.0",
8 | "eslint-config-next": "13.0.0",
9 | "eslint-config-prettier": "^8.3.0",
10 | "eslint-config-turbo": "latest",
11 | "eslint-plugin-react": "7.31.8",
12 | "next": "13.4.4"
13 | },
14 | "devDependencies": {
15 | "typescript": "^4.7.4"
16 | },
17 | "publishConfig": {
18 | "access": "public"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/tsconfig/README.md:
--------------------------------------------------------------------------------
1 | # `tsconfig`
2 |
3 | These are base shared `tsconfig.json`s from which all other `tsconfig.json`'s inherit from.
4 |
--------------------------------------------------------------------------------
/packages/tsconfig/base.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "Default",
4 | "compilerOptions": {
5 | "composite": false,
6 | "declaration": true,
7 | "declarationMap": true,
8 | "esModuleInterop": true,
9 | "forceConsistentCasingInFileNames": false,
10 | "inlineSources": false,
11 | "isolatedModules": true,
12 | "moduleResolution": "node",
13 | "noUnusedLocals": false,
14 | "noUnusedParameters": false,
15 | "preserveWatchOutput": true,
16 | "skipLibCheck": true,
17 | "strict": true
18 | },
19 | "exclude": ["node_modules"]
20 | }
21 |
--------------------------------------------------------------------------------
/packages/tsconfig/nextjs.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "Next.js",
4 | "extends": "./base.json",
5 | "compilerOptions": {
6 | "target": "es5",
7 | "lib": ["dom", "dom.iterable", "esnext"],
8 | "allowJs": true,
9 | "skipLibCheck": true,
10 | "strict": true,
11 | "forceConsistentCasingInFileNames": false,
12 | "noEmit": true,
13 | "incremental": true,
14 | "esModuleInterop": true,
15 | "module": "esnext",
16 | "resolveJsonModule": true,
17 | "isolatedModules": true,
18 | "jsx": "preserve"
19 | },
20 | "include": ["src", "next-env.d.ts"],
21 | "exclude": ["node_modules"]
22 | }
23 |
--------------------------------------------------------------------------------
/packages/tsconfig/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tsconfig",
3 | "version": "0.0.0",
4 | "private": true,
5 | "files": [
6 | "base.json",
7 | "nextjs.json",
8 | "react-library.json"
9 | ]
10 | }
11 |
--------------------------------------------------------------------------------
/packages/tsconfig/react-library.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "React Library",
4 | "extends": "./base.json",
5 | "compilerOptions": {
6 | "jsx": "react-jsx",
7 | "lib": ["ES2015"],
8 | "module": "ESNext",
9 | "target": "es6"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/ui/custom.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.jpg';
2 | declare module '*.png';
3 | declare module '*.jpeg';
4 | declare module '*.gif';
5 | declare module '*.svg' {
6 | import * as React from 'react';
7 |
8 | export const ReactComponent: React.FunctionComponent<
9 | React.SVGProps & { title?: string }
10 | >;
11 |
12 | const src: string;
13 | export default src;
14 | }
15 |
--------------------------------------------------------------------------------
/packages/ui/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './src/components/Button';
2 | export * from './src/components/Checkbox';
3 | export * from './src/components/TextField';
4 | export * from './src/components/FloatingButton';
5 | export * from './src/components/Card';
6 | export * from './src/styles/';
7 | export * from './src/components/common';
8 | export * from './src/components/SelectButton';
9 | export * from './src/components/DatePicker';
10 |
--------------------------------------------------------------------------------
/packages/ui/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@ceos-fe/ui",
3 | "version": "0.0.0",
4 | "main": "./index.tsx",
5 | "types": "./index.tsx",
6 | "license": "MIT",
7 | "scripts": {
8 | "lint": "eslint \"**/*.ts*\""
9 | },
10 | "devDependencies": {
11 | "@emotion/react": "^11.11.0",
12 | "@emotion/styled": "^11.11.0",
13 | "@types/node": "^20.1.0",
14 | "@types/react": "^18.2.6",
15 | "@types/react-datepicker": "^4",
16 | "@types/react-dom": "^18.2.4",
17 | "eslint": "^7.32.0",
18 | "eslint-config-custom": "*",
19 | "react": "^18.2.0",
20 | "react-dom": "^18.2.0",
21 | "tsconfig": "*",
22 | "typescript": "^5.0.4"
23 | },
24 | "dependencies": {
25 | "@ceos-fe/utils": "workspace:^",
26 | "date-fns": "^2.30.0",
27 | "emotion-reset": "^3.0.1",
28 | "next": "^13.4.12",
29 | "react-datepicker": "^4.14.1"
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/packages/ui/src/assets/Arrow/index.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@emotion/react';
2 |
3 | export const Up = ({
4 | width = 30,
5 | height = 18,
6 | margin = '20px 0 0 0',
7 | }: {
8 | width?: number;
9 | height?: number;
10 | margin?: string;
11 | }) => {
12 | return (
13 |
20 |
47 |
68 |
95 |
20 |
41 |
22 |
51 |
20 |
49 |