@jk-core/components 0.1.3 → 0.1.5

package/README.md

@@ -1,4 +1,16 @@
-# Calendar 컴포넌트
+# @jk-core/components
+
+jk-core 프로젝트를 위한 React 커스텀 컴포넌트 모음입니다.
+
+## 설치
+```bash
+npm install @jk-core/components
+yarn add @jk-core/components
+```
+
+## 사용 가능한 기능
+
+### Calendar
 
 Calendar 컴포넌트는 날짜 선택 기능을 제공하는 사용자 정의 React 컴포넌트입니다. 일, 월, 년 단위로 날짜를 선택할 수 있으며, 다양한 커스터마이징 옵션을 제공합니다.
 
@@ -47,17 +59,3 @@ onChange={setDate}
 
 Calendar 컴포넌트는 CSS 모듈을 사용하여 스타일링되어 있습니다. 커스텀 스타일을 적용하려면 `className` prop을 사용하거나 컴포넌트의 CSS 모듈 파일을 직접 수정하세요.
 
-## 개발
-
-이 컴포넌트를 수정하거나 개선하려면 다음 파일들을 참조하세요:
-
-```typescript
-- 메인 컴포넌트: `packages/components/src/Calendar/index.tsx`
-- 타입 정의: `packages/components/src/Calendar/type.ts`
-- 서브 컴포넌트:
-  - `packages/components/src/Calendar/components/DayTile/index.tsx`
-  - `packages/components/src/Calendar/components/MonthTile/index.tsx`
-  - `packages/components/src/Calendar/components/YearTile/index.tsx`
-- 유틸리티 함수: `packages/components/src/Calendar/utils/`
-- 훅: `packages/components/src/Calendar/hooks/`
-```

package/dist/Calendar/components/MonthTile/index.d.ts

@@ -4,6 +4,8 @@ interface Props {
     viewDate: Date;
     handleMonthClick: (month: number) => void;
     tileContent?: (date: Date, view: CalendarView) => React.ReactNode;
+    max: Date;
+    min: Date;
 }
-export default function MonthTile({ selectedDate, viewDate, handleMonthClick, tileContent, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function MonthTile({ selectedDate, viewDate, handleMonthClick, tileContent, max, min, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Calendar/components/YearTile/index.d.ts

@@ -3,6 +3,8 @@ interface Props {
     selectedDate?: Date;
     onClick: (year: number) => void;
     tileContent?: (date: Date, view: CalendarView) => React.ReactNode;
+    max: Date;
+    min: Date;
 }
-export default function YearTile({ selectedDate, onClick, tileContent, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function YearTile({ selectedDate, onClick, tileContent, max, min, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Calendar/hooks/useCalendarNav.d.ts

@@ -2,12 +2,12 @@ import { CalendarView } from '../type';
 interface Props {
     method: CalendarView;
     selectMode: CalendarView;
-    date: Date;
+    viewDate: Date;
     setDate: (date: Date) => void;
     min: Date;
     max: Date;
 }
-declare const useCalendarNav: ({ method, selectMode, date, setDate, min, max, }: Props) => {
+declare const useCalendarNav: ({ method, selectMode, viewDate, setDate, min, max, }: Props) => {
     disabled: (direction: "prev" | "next") => boolean;
     onArrowClick: (direction: "prev" | "next") => void;
 };

package/dist/Calendar/hooks/useDateSelect.d.ts

@@ -5,8 +5,9 @@ interface UseDateSelectProps {
     method: CalendarView;
     setSelectMode: (mode: CalendarView) => void;
     onChange: (date: Date) => void;
+    setView: (view: CalendarView) => void;
 }
-declare const useDateSelect: ({ viewDate, setViewDate, onChange, setSelectMode, method, }: UseDateSelectProps) => {
+declare const useDateSelect: ({ viewDate, setViewDate, onChange, setSelectMode, method, setView, }: UseDateSelectProps) => {
     onDayClick: (day: Date) => void;
     onMonthClick: (month: number) => void;
     onYearClick: (year: number) => void;