@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

package/dist/components/DatePicker/BaseDatePicker/Week/index.js

@@ -1,35 +0,0 @@
-"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 (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 });
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const Week = ({ children }) => {
-    return (react_1.default.createElement(Styled.WeekOutterWrapper, null,
-        react_1.default.createElement(Styled.WeekInnerWrapper, null, children)));
-};
-exports.default = Week;

package/dist/components/DatePicker/BaseDatePicker/Week/index.styled.js

@@ -1,20 +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.WeekInnerWrapper = exports.WeekOutterWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const index_util_1 = require("../hooks/index.util");
-const index_styled_1 = require("../index.styled");
-const MIN_DATE_OF_MONTH_SIZE = index_styled_1.DATEPICKER_MIN_WIDTH / index_util_1.NUMBER_OF_WEEK_DAYS;
-exports.WeekOutterWrapper = styled_1.default.div ``;
-exports.WeekInnerWrapper = styled_1.default.div `
-	display: grid;
-	grid-template-columns: repeat(${index_util_1.NUMBER_OF_WEEK_DAYS}, minmax(${MIN_DATE_OF_MONTH_SIZE}px, 1fr));
-
-	border-radius: 10px;
-
-	/* 넘친 rangeBackground 영역 가리기 */
-	overflow: hidden;
-`;

package/dist/components/DatePicker/BaseDatePicker/YearMonthController/index.js

@@ -1,45 +0,0 @@
-"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 (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 });
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styed"));
-const Icon_1 = require("../../../../Icon");
-const Colors_1 = require("../../../../core/Colors");
-const YearMonthControllerComponent = ({ displayYear, displayMonth, handleClickPrevMonth, handleClickNextMonth, handleClickPrevYear, handleClickNextYear, }) => {
-    return (react_1.default.createElement(Styled.ControllerWrapper, null,
-        react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickPrevYear },
-            react_1.default.createElement(Icon_1.DoubleChevronLeftSIcon, { fillColor: Colors_1.basicColors.gray200 })),
-        react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickPrevMonth },
-            react_1.default.createElement(Icon_1.ChevronLeftSIcon, { fillColor: Colors_1.basicColors.gray200 })),
-        react_1.default.createElement(Styled.Title, { color: Colors_1.basicColors.gray900 }, `${displayYear}년 ${displayMonth}월`),
-        react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickNextMonth },
-            react_1.default.createElement(Icon_1.ChevronRightSIcon, { fillColor: Colors_1.basicColors.gray200 })),
-        react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickNextYear },
-            react_1.default.createElement(Icon_1.DoubleChevronRightSIcon, { fillColor: Colors_1.basicColors.gray200 }))));
-};
-exports.default = YearMonthControllerComponent;

package/dist/components/DatePicker/BaseDatePicker/YearMonthController/index.styed.js

@@ -1,44 +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.Title = exports.IconWrapper = exports.ControllerWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const Colors_1 = require("../../../../core/Colors");
-const TextStyles_1 = require("../../../../core/TextStyles");
-exports.ControllerWrapper = styled_1.default.div `
-	padding: 10px;
-	border-radius: 10px;
-	width: 100%;
-
-	background-color: ${Colors_1.basicColors.gray25};
-
-	display: flex;
-	justify-content: center;
-	gap: 15px;
-`;
-exports.IconWrapper = styled_1.default.div `
-	cursor: pointer;
-	:active {
-		opacity: 50%;
-	}
-
-	display: flex;
-	align-items: center;
-`;
-exports.Title = styled_1.default.div `
-	${(0, TextStyles_1.headline4)()};
-	color: ${Colors_1.basicColors.gray900};
-
-	width: 110px;
-	text-align: center;
-	margin: auto 0;
-
-	/* 드래그 막기 */
-	-ms-user-select: none;
-	-moz-user-select: -moz-none;
-	-khtml-user-select: none;
-	-webkit-user-select: none;
-	user-select: none;
-`;

package/dist/components/DatePicker/BaseDatePicker/hooks/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePicker/BaseDatePicker/hooks/index.spec.js

@@ -1,280 +0,0 @@
-"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 (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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_2 = require("@testing-library/react");
-const useBaseDatePicker_1 = __importDefault(require("./useBaseDatePicker"));
-const index_util_1 = require("./index.util");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const types_1 = require("../../../../types");
-describe('useBaseDatePicker 는 표시년월에 대한 dateList 를 제공합니다.', () => {
-    const TempComponent = () => {
-        const [displayDate, setDisplayDate] = (0, react_1.useState)(new types_1.PurpleDate([2019, 9, 1]));
-        const result = (0, useBaseDatePicker_1.default)({
-            displayDate,
-            onUpdateDisplayDate: setDisplayDate,
-        });
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement("div", null,
-                "\uB144:",
-                result.displayYear),
-            react_1.default.createElement("div", null,
-                "\uC6D4:",
-                result.displayMonth)));
-    };
-    it('displayDate 출력 확인', () => {
-        (0, react_2.render)(react_1.default.createElement(TempComponent, null));
-        expect(react_2.screen.getByText('년:2019')).toBeInTheDocument();
-        expect(react_2.screen.getByText('월:9')).toBeInTheDocument();
-    });
-    it('getDateListByWeek: 특정달에 존재하는 일자들을 주별 리스트로 반환합니다 - (1)', () => {
-        const formatter = (d) => {
-            if (d === types_1.EMPTY_DATE) {
-                return types_1.EMPTY_DATE;
-            }
-            else {
-                return d.toDateString('YYYY.MM.DD');
-            }
-        };
-        const dateList = (0, index_util_1.getDateList)({
-            displayYear: 2023,
-            displayMonth: 8,
-        });
-        expect(JSON.stringify(dateList.map(formatter))).toBe(JSON.stringify([
-            null,
-            null,
-            '2023.08.01',
-            '2023.08.02',
-            '2023.08.03',
-            '2023.08.04',
-            '2023.08.05',
-            '2023.08.06',
-            '2023.08.07',
-            '2023.08.08',
-            '2023.08.09',
-            '2023.08.10',
-            '2023.08.11',
-            '2023.08.12',
-            '2023.08.13',
-            '2023.08.14',
-            '2023.08.15',
-            '2023.08.16',
-            '2023.08.17',
-            '2023.08.18',
-            '2023.08.19',
-            '2023.08.20',
-            '2023.08.21',
-            '2023.08.22',
-            '2023.08.23',
-            '2023.08.24',
-            '2023.08.25',
-            '2023.08.26',
-            '2023.08.27',
-            '2023.08.28',
-            '2023.08.29',
-            '2023.08.30',
-            '2023.08.31',
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-        ]));
-    });
-    it('getDateListByWeek: 특정달에 존재하는 일자들을 주별 리스트로 반환합니다 - (2)', () => {
-        const formatter = (d) => {
-            if (d === types_1.EMPTY_DATE) {
-                return types_1.EMPTY_DATE;
-            }
-            else {
-                return d.toDateString('YYYY.MM.DD');
-            }
-        };
-        const dateList = (0, index_util_1.getDateList)({
-            displayYear: 2023,
-            displayMonth: 2,
-        });
-        expect(JSON.stringify(dateList.map(formatter))).toBe(JSON.stringify([
-            null,
-            null,
-            null,
-            '2023.02.01',
-            '2023.02.02',
-            '2023.02.03',
-            '2023.02.04',
-            '2023.02.05',
-            '2023.02.06',
-            '2023.02.07',
-            '2023.02.08',
-            '2023.02.09',
-            '2023.02.10',
-            '2023.02.11',
-            '2023.02.12',
-            '2023.02.13',
-            '2023.02.14',
-            '2023.02.15',
-            '2023.02.16',
-            '2023.02.17',
-            '2023.02.18',
-            '2023.02.19',
-            '2023.02.20',
-            '2023.02.21',
-            '2023.02.22',
-            '2023.02.23',
-            '2023.02.24',
-            '2023.02.25',
-            '2023.02.26',
-            '2023.02.27',
-            '2023.02.28',
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-            null,
-        ]));
-    });
-});
-describe('checkIsInRagne 함수는 범위 내에 있는지 체크합니다', () => {
-    it('START_DATE 는 달력의 범위 시작 상수, END_DATE는 범위 끝 상수로 사용됩니다.', () => {
-        expect((0, index_util_1.checkIsInRange)({
-            from: types_1.START_DATE,
-            to: new types_1.PurpleDate([2023, 8, 31]),
-            target: new types_1.PurpleDate([2023, 8, 30]),
-        })).toBe(true);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 31]),
-            to: types_1.END_DATE,
-            target: new types_1.PurpleDate([2023, 8, 30]),
-        })).toBe(false);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 31]),
-            to: types_1.END_DATE,
-            target: new types_1.PurpleDate([2023, 8, 31]),
-        })).toBe(true);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 31]),
-            to: types_1.END_DATE,
-            target: new types_1.PurpleDate([2023, 9, 1]),
-        })).toBe(true);
-    });
-    it(`from | to 중에 ${types_1.EMPTY_DATE} 값은, 미선택으로 인식합니다`, () => {
-        expect((0, index_util_1.checkIsInRange)({
-            from: types_1.EMPTY_DATE,
-            to: types_1.EMPTY_DATE,
-            target: new types_1.PurpleDate([2023, 8, 30]),
-        })).toBe(false);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 31]),
-            to: types_1.EMPTY_DATE,
-            target: new types_1.PurpleDate([2023, 8, 30]),
-        })).toBe(false);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 31]),
-            to: types_1.EMPTY_DATE,
-            target: new types_1.PurpleDate([2023, 8, 31]),
-        })).toBe(false);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 31]),
-            to: types_1.EMPTY_DATE,
-            target: new types_1.PurpleDate([2023, 9, 1]),
-        })).toBe(false);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 1]),
-            to: new types_1.PurpleDate([2023, 8, 31]),
-            target: new types_1.PurpleDate([2023, 8, 2]),
-        })).toBe(true);
-        expect((0, index_util_1.checkIsInRange)({
-            from: new types_1.PurpleDate([2023, 8, 1]),
-            to: new types_1.PurpleDate([2023, 8, 31]),
-            target: new types_1.PurpleDate([2023, 9, 2]),
-        })).toBe(false);
-    });
-});
-describe('Year & Month Controller', () => {
-    const TempComponent = () => {
-        const [displayDate, setDisplayDate] = (0, react_1.useState)(new types_1.PurpleDate([2019, 1, 1]));
-        const result = (0, useBaseDatePicker_1.default)({
-            displayDate,
-            onUpdateDisplayDate: setDisplayDate,
-        });
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("button", { onClick: result.handleClickPrevYear }, "prev year"),
-                react_1.default.createElement("button", { onClick: result.handleClickPrevMonth }, "prev month"),
-                react_1.default.createElement("button", { onClick: result.handleClickNextMonth }, "next month"),
-                react_1.default.createElement("button", { onClick: result.handleClickNextYear }, "next year")),
-            react_1.default.createElement("div", null,
-                "\uB144:",
-                result.displayYear),
-            react_1.default.createElement("div", null,
-                "\uC6D4:",
-                result.displayMonth)));
-    };
-    it('표시년월을 조절할 수 있습니다.', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(TempComponent, null));
-        const prevYearButton = react_2.screen.getByText('prev year');
-        const prevMonthButton = react_2.screen.getByText('prev month');
-        const nextMonthButton = react_2.screen.getByText('next month');
-        const nextYearButton = react_2.screen.getByText('next year');
-        expect(react_2.screen.getByText('년:2019')).toBeInTheDocument();
-        expect(react_2.screen.getByText('월:1')).toBeInTheDocument();
-        yield user_event_1.default.click(prevYearButton);
-        yield user_event_1.default.click(prevYearButton);
-        expect(react_2.screen.getByText('년:2017')).toBeInTheDocument();
-        expect(react_2.screen.getByText('월:1')).toBeInTheDocument();
-        yield user_event_1.default.click(prevMonthButton);
-        expect(react_2.screen.getByText('년:2016')).toBeInTheDocument();
-        expect(react_2.screen.getByText('월:12')).toBeInTheDocument();
-        yield user_event_1.default.click(nextMonthButton);
-        yield user_event_1.default.click(nextMonthButton);
-        expect(react_2.screen.getByText('년:2017')).toBeInTheDocument();
-        expect(react_2.screen.getByText('월:2')).toBeInTheDocument();
-        yield user_event_1.default.click(nextYearButton);
-        expect(react_2.screen.getByText('년:2018')).toBeInTheDocument();
-        expect(react_2.screen.getByText('월:2')).toBeInTheDocument();
-    }));
-});

package/dist/components/DatePicker/BaseDatePicker/hooks/index.util.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertDateToDisplayString = exports.checkIsInRange = exports.splitDateListByWeek = exports.getDateList = exports.getDateListByWeek = exports.NUMBER_OF_WEEK = exports.NUMBER_OF_WEEK_DAYS = exports.DAY_OF_WEEK_LIST = void 0;
-const types_1 = require("../../../../types");
-exports.DAY_OF_WEEK_LIST = ['일', '월', '화', '수', '목', '금', '토'];
-exports.NUMBER_OF_WEEK_DAYS = exports.DAY_OF_WEEK_LIST.length; // 7
-exports.NUMBER_OF_WEEK = 6;
-const getDateListByWeek = ({ displayYear, displayMonth }) => {
-    return (0, exports.splitDateListByWeek)((0, exports.getDateList)({ displayYear, displayMonth }));
-};
-exports.getDateListByWeek = getDateListByWeek;
-/**
- *
- * @param displayYear 표시연도
- * @param displayMonth 표시달(1~12)
- * @returns ex. 2017-06에 필요한 일자들을 리스트로 반환합니다.
- */
-const getDateList = ({ displayYear, displayMonth }) => {
-    const result = [];
-    const firstDate = new types_1.PurpleDate([displayYear, displayMonth, 1]);
-    const firstDateDayOfWeekIndex = firstDate.indexOfDayOfWeek;
-    const lastDate = new types_1.PurpleDate([displayYear, displayMonth + 1, 0]); // 직전달 마지막날을 의미함
-    const lastDateOfMonth = lastDate.dateOfMonth;
-    let cnt = 0;
-    // 앞에 칸 채우기
-    for (let i = 0; i < firstDateDayOfWeekIndex; i++) {
-        result.push(types_1.EMPTY_DATE);
-        cnt++;
-    }
-    // 실제 데이터 채우기
-    for (let d = 1; d <= lastDateOfMonth; d++) {
-        result.push(new types_1.PurpleDate([displayYear, displayMonth, d]));
-        cnt++;
-    }
-    // 뒤에 칸 채우기
-    while (cnt < exports.NUMBER_OF_WEEK_DAYS * exports.NUMBER_OF_WEEK) {
-        result.push(types_1.EMPTY_DATE);
-        cnt++;
-    }
-    return result;
-};
-exports.getDateList = getDateList;
-const splitDateListByWeek = (dates) => {
-    const result = [];
-    let tempWeek = [];
-    for (let i = 0; i < dates.length; i++) {
-        if (tempWeek.length === exports.NUMBER_OF_WEEK_DAYS) {
-            result.push(tempWeek.slice());
-            tempWeek = [];
-        }
-        tempWeek.push(dates[i]);
-    }
-    result.push(tempWeek.slice());
-    return result;
-};
-exports.splitDateListByWeek = splitDateListByWeek;
-const checkIsInRange = ({ from, to, target, }) => {
-    if (from === types_1.EMPTY_DATE || to === types_1.EMPTY_DATE) {
-        return false;
-    }
-    else {
-        const fDate = from.timestamp;
-        const tDate = to.timestamp;
-        const targetDate = target.timestamp;
-        if (from === types_1.EMPTY_DATE || to === types_1.EMPTY_DATE) {
-            return false;
-        }
-        else {
-            if (targetDate <= tDate && targetDate >= fDate) {
-                return true;
-            }
-            return false;
-        }
-    }
-};
-exports.checkIsInRange = checkIsInRange;
-const convertDateToDisplayString = (val, defaultValue) => {
-    if (!val) {
-        return defaultValue;
-    }
-    else {
-        return val.toDateString('YY.MM.DD', '.');
-    }
-};
-exports.convertDateToDisplayString = convertDateToDisplayString;

package/dist/components/DatePicker/BaseDatePicker/hooks/useBaseDatePicker.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const index_util_1 = require("./index.util");
-const useBaseDatePicker = ({ displayDate, onUpdateDisplayDate, }) => {
-    const displayYear = displayDate.year;
-    const displayMonth = displayDate.month;
-    const dateList = (0, react_1.useMemo)(() => (0, index_util_1.getDateListByWeek)({
-        displayYear,
-        displayMonth,
-    }), [displayYear, displayMonth]);
-    const handleClickPrevMonth = () => {
-        onUpdateDisplayDate(displayDate.addMonth(-1));
-    };
-    const handleClickNextMonth = () => {
-        onUpdateDisplayDate(displayDate.addMonth(1));
-    };
-    const handleClickPrevYear = () => {
-        onUpdateDisplayDate(displayDate.addYear(-1));
-    };
-    const handleClickNextYear = () => {
-        onUpdateDisplayDate(displayDate.addYear(1));
-    };
-    return {
-        dateList,
-        displayYear,
-        displayMonth,
-        handleClickPrevMonth,
-        handleClickNextMonth,
-        handleClickPrevYear,
-        handleClickNextYear,
-    };
-};
-exports.default = useBaseDatePicker;

package/dist/components/DatePicker/BaseDatePicker/index.js

@@ -1,68 +0,0 @@
-"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 (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 });
-exports.BaseDatePicker = void 0;
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const YearMonthController_1 = __importDefault(require("./YearMonthController"));
-const library_1 = require("../../../library");
-const Month_1 = __importDefault(require("./Month"));
-const Week_1 = __importDefault(require("./Week"));
-const DateOfMonth_1 = require("./DateOfMonth");
-const date_1 = require("../../../types/date");
-const index_util_1 = require("./hooks/index.util");
-const DayOfWeek_1 = __importDefault(require("./DayOfWeek"));
-const BaseDatePicker = (props) => {
-    return (react_1.default.createElement(Styled.DatePickerWrapper, null,
-        react_1.default.createElement(YearMonthController_1.default, { displayYear: props.displayYear, displayMonth: props.displayMonth, handleClickPrevYear: props.handleClickPrevYear, handleClickPrevMonth: props.handleClickPrevMonth, handleClickNextMonth: props.handleClickNextMonth, handleClickNextYear: props.handleClickNextYear }),
-        react_1.default.createElement(library_1.Spacing, { spaceNumber: 10 }),
-        react_1.default.createElement(Month_1.default, null,
-            react_1.default.createElement(Week_1.default, null, index_util_1.DAY_OF_WEEK_LIST.map((val, key) => (react_1.default.createElement(DayOfWeek_1.default, { key: key }, val)))),
-            props.dateList.map((week, key) => {
-                return (react_1.default.createElement(Week_1.default, { key: `week-${key}` }, week.map((d, key) => {
-                    if (!(d === date_1.EMPTY_DATE || d instanceof date_1.PurpleDate)) {
-                        switch (d.type) {
-                            case '비활성화':
-                                return react_1.default.createElement(DateOfMonth_1.DisabledDateOfMonth, Object.assign({}, d, { key: d.date.toDateString() }));
-                            case '활성화':
-                                return react_1.default.createElement(DateOfMonth_1.ActiveDateOfMonth, Object.assign({}, d, { key: d.date.toDateString() }));
-                            case '포커스단일':
-                                return react_1.default.createElement(DateOfMonth_1.SingleFocusDateOfMonth, Object.assign({}, d, { key: d.date.toDateString() }));
-                            case '포커스시작일':
-                                return react_1.default.createElement(DateOfMonth_1.RangeStartFocusDateOfMonth, Object.assign({}, d, { key: d.date.toDateString() }));
-                            case '포커스종료일':
-                                return react_1.default.createElement(DateOfMonth_1.RangeEndFocusDateOfMonth, Object.assign({}, d, { key: d.date.toDateString() }));
-                            case '빈값':
-                            default:
-                                return react_1.default.createElement(DateOfMonth_1.NoneDateOfMonth, Object.assign({}, d, { key: `null-${key}` }));
-                        }
-                    }
-                })));
-            }))));
-};
-exports.BaseDatePicker = BaseDatePicker;

package/dist/components/DatePicker/BaseDatePicker/index.styled.js

@@ -1,20 +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.DatePickerWrapper = exports.DATEPICKER_MIN_WIDTH = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const Colors_1 = require("../../../core/Colors");
-exports.DATEPICKER_MIN_WIDTH = 320;
-const DATEPICKER_MAX_WIDTH = 360;
-exports.DatePickerWrapper = styled_1.default.div `
-	background-color: ${Colors_1.basicColors.white};
-	padding-top: 10px;
-	margin-right: 20px;
-	margin-left: 20px;
-
-	width: 100%;
-	min-width: ${exports.DATEPICKER_MIN_WIDTH}px;
-	max-width: ${DATEPICKER_MAX_WIDTH}px;
-`;