@kalyx/react 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +67 -58
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +160 -162
  5. package/dist/index.d.ts +742 -17
  6. package/dist/index.js +2137 -11
  7. package/dist/index.js.map +1 -1
  8. package/package.json +2 -2
  9. package/dist/components/DatePicker/Calendar.d.ts +0 -23
  10. package/dist/components/DatePicker/Calendar.d.ts.map +0 -1
  11. package/dist/components/DatePicker/Calendar.js +0 -127
  12. package/dist/components/DatePicker/Calendar.js.map +0 -1
  13. package/dist/components/DatePicker/Input.d.ts +0 -7
  14. package/dist/components/DatePicker/Input.d.ts.map +0 -1
  15. package/dist/components/DatePicker/Input.js +0 -73
  16. package/dist/components/DatePicker/Input.js.map +0 -1
  17. package/dist/components/DatePicker/MonthGrid.d.ts +0 -34
  18. package/dist/components/DatePicker/MonthGrid.d.ts.map +0 -1
  19. package/dist/components/DatePicker/MonthGrid.js +0 -54
  20. package/dist/components/DatePicker/MonthGrid.js.map +0 -1
  21. package/dist/components/DatePicker/Popover.d.ts +0 -6
  22. package/dist/components/DatePicker/Popover.d.ts.map +0 -1
  23. package/dist/components/DatePicker/Popover.js +0 -72
  24. package/dist/components/DatePicker/Popover.js.map +0 -1
  25. package/dist/components/DatePicker/Root.d.ts +0 -46
  26. package/dist/components/DatePicker/Root.d.ts.map +0 -1
  27. package/dist/components/DatePicker/Root.js +0 -90
  28. package/dist/components/DatePicker/Root.js.map +0 -1
  29. package/dist/components/DatePicker/Trigger.d.ts +0 -6
  30. package/dist/components/DatePicker/Trigger.d.ts.map +0 -1
  31. package/dist/components/DatePicker/Trigger.js +0 -21
  32. package/dist/components/DatePicker/Trigger.js.map +0 -1
  33. package/dist/components/DatePicker/YearGrid.d.ts +0 -29
  34. package/dist/components/DatePicker/YearGrid.d.ts.map +0 -1
  35. package/dist/components/DatePicker/YearGrid.js +0 -53
  36. package/dist/components/DatePicker/YearGrid.js.map +0 -1
  37. package/dist/components/DatePicker/index.d.ts +0 -48
  38. package/dist/components/DatePicker/index.d.ts.map +0 -1
  39. package/dist/components/DatePicker/index.js +0 -42
  40. package/dist/components/DatePicker/index.js.map +0 -1
  41. package/dist/components/DateTimePicker/Input.d.ts +0 -12
  42. package/dist/components/DateTimePicker/Input.d.ts.map +0 -1
  43. package/dist/components/DateTimePicker/Input.js +0 -41
  44. package/dist/components/DateTimePicker/Input.js.map +0 -1
  45. package/dist/components/DateTimePicker/Root.d.ts +0 -60
  46. package/dist/components/DateTimePicker/Root.d.ts.map +0 -1
  47. package/dist/components/DateTimePicker/Root.js +0 -140
  48. package/dist/components/DateTimePicker/Root.js.map +0 -1
  49. package/dist/components/DateTimePicker/index.d.ts +0 -55
  50. package/dist/components/DateTimePicker/index.d.ts.map +0 -1
  51. package/dist/components/DateTimePicker/index.js +0 -55
  52. package/dist/components/DateTimePicker/index.js.map +0 -1
  53. package/dist/components/RangePicker/Calendar.d.ts +0 -24
  54. package/dist/components/RangePicker/Calendar.d.ts.map +0 -1
  55. package/dist/components/RangePicker/Calendar.js +0 -134
  56. package/dist/components/RangePicker/Calendar.js.map +0 -1
  57. package/dist/components/RangePicker/Input.d.ts +0 -14
  58. package/dist/components/RangePicker/Input.d.ts.map +0 -1
  59. package/dist/components/RangePicker/Input.js +0 -38
  60. package/dist/components/RangePicker/Input.js.map +0 -1
  61. package/dist/components/RangePicker/Popover.d.ts +0 -6
  62. package/dist/components/RangePicker/Popover.d.ts.map +0 -1
  63. package/dist/components/RangePicker/Popover.js +0 -71
  64. package/dist/components/RangePicker/Popover.js.map +0 -1
  65. package/dist/components/RangePicker/Presets.d.ts +0 -49
  66. package/dist/components/RangePicker/Presets.d.ts.map +0 -1
  67. package/dist/components/RangePicker/Presets.js +0 -117
  68. package/dist/components/RangePicker/Presets.js.map +0 -1
  69. package/dist/components/RangePicker/Root.d.ts +0 -40
  70. package/dist/components/RangePicker/Root.d.ts.map +0 -1
  71. package/dist/components/RangePicker/Root.js +0 -138
  72. package/dist/components/RangePicker/Root.js.map +0 -1
  73. package/dist/components/RangePicker/index.d.ts +0 -48
  74. package/dist/components/RangePicker/index.d.ts.map +0 -1
  75. package/dist/components/RangePicker/index.js +0 -43
  76. package/dist/components/RangePicker/index.js.map +0 -1
  77. package/dist/components/TimePicker/AmPmToggle.d.ts +0 -15
  78. package/dist/components/TimePicker/AmPmToggle.d.ts.map +0 -1
  79. package/dist/components/TimePicker/AmPmToggle.js +0 -29
  80. package/dist/components/TimePicker/AmPmToggle.js.map +0 -1
  81. package/dist/components/TimePicker/HourList.d.ts +0 -18
  82. package/dist/components/TimePicker/HourList.d.ts.map +0 -1
  83. package/dist/components/TimePicker/HourList.js +0 -71
  84. package/dist/components/TimePicker/HourList.js.map +0 -1
  85. package/dist/components/TimePicker/Input.d.ts +0 -9
  86. package/dist/components/TimePicker/Input.d.ts.map +0 -1
  87. package/dist/components/TimePicker/Input.js +0 -37
  88. package/dist/components/TimePicker/Input.js.map +0 -1
  89. package/dist/components/TimePicker/MinuteList.d.ts +0 -15
  90. package/dist/components/TimePicker/MinuteList.d.ts.map +0 -1
  91. package/dist/components/TimePicker/MinuteList.js +0 -62
  92. package/dist/components/TimePicker/MinuteList.js.map +0 -1
  93. package/dist/components/TimePicker/Root.d.ts +0 -38
  94. package/dist/components/TimePicker/Root.d.ts.map +0 -1
  95. package/dist/components/TimePicker/Root.js +0 -40
  96. package/dist/components/TimePicker/Root.js.map +0 -1
  97. package/dist/components/TimePicker/index.d.ts +0 -32
  98. package/dist/components/TimePicker/index.d.ts.map +0 -1
  99. package/dist/components/TimePicker/index.js +0 -27
  100. package/dist/components/TimePicker/index.js.map +0 -1
  101. package/dist/context/DatePickerContext.d.ts +0 -49
  102. package/dist/context/DatePickerContext.d.ts.map +0 -1
  103. package/dist/context/DatePickerContext.js +0 -18
  104. package/dist/context/DatePickerContext.js.map +0 -1
  105. package/dist/context/RangePickerContext.d.ts +0 -53
  106. package/dist/context/RangePickerContext.d.ts.map +0 -1
  107. package/dist/context/RangePickerContext.js +0 -18
  108. package/dist/context/RangePickerContext.js.map +0 -1
  109. package/dist/context/TimePickerContext.d.ts +0 -29
  110. package/dist/context/TimePickerContext.d.ts.map +0 -1
  111. package/dist/context/TimePickerContext.js +0 -18
  112. package/dist/context/TimePickerContext.js.map +0 -1
  113. package/dist/hooks/useDatePicker.d.ts +0 -63
  114. package/dist/hooks/useDatePicker.d.ts.map +0 -1
  115. package/dist/hooks/useDatePicker.js +0 -82
  116. package/dist/hooks/useDatePicker.js.map +0 -1
  117. package/dist/hooks/useRangePicker.d.ts +0 -67
  118. package/dist/hooks/useRangePicker.d.ts.map +0 -1
  119. package/dist/hooks/useRangePicker.js +0 -116
  120. package/dist/hooks/useRangePicker.js.map +0 -1
  121. package/dist/hooks/useTimePicker.d.ts +0 -63
  122. package/dist/hooks/useTimePicker.d.ts.map +0 -1
  123. package/dist/hooks/useTimePicker.js +0 -69
  124. package/dist/hooks/useTimePicker.js.map +0 -1
  125. package/dist/index.d.ts.map +0 -1
@@ -1,40 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useCallback, useId, useMemo, useRef, useState } from 'react';
3
- import { getTime, setTime as setTimeOnIso } from '@kalyx/core';
4
- import { TimePickerContext } from '../../context/TimePickerContext.js';
5
- /** value가 null일 때 사용할 기본 ISO (오늘 00:00:00 UTC) */
6
- function getDefaultIso() {
7
- const now = new Date();
8
- return new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate())).toISOString();
9
- }
10
- export function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format = '24h', step = 1, withSeconds = false, disabled = false, readOnly = false, children, }) {
11
- const pickerId = useId();
12
- const isControlled = useRef(controlledValue !== undefined).current;
13
- const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? null);
14
- const currentValue = isControlled ? (controlledValue ?? null) : uncontrolledValue;
15
- // value가 null이어도 시간 선택은 가능해야 함 → fallback
16
- const baseIso = currentValue ?? getDefaultIso();
17
- const currentTime = useMemo(() => getTime(baseIso), [baseIso]);
18
- const setTime = useCallback((partial) => {
19
- if (disabled || readOnly)
20
- return;
21
- const newIso = setTimeOnIso(baseIso, partial);
22
- if (!isControlled) {
23
- setUncontrolledValue(newIso);
24
- }
25
- onChange?.(newIso);
26
- }, [disabled, readOnly, baseIso, isControlled, onChange]);
27
- const contextValue = useMemo(() => ({
28
- value: currentValue,
29
- setTime,
30
- format,
31
- step,
32
- withSeconds,
33
- isDisabled: disabled,
34
- isReadOnly: readOnly,
35
- currentTime,
36
- pickerId,
37
- }), [currentValue, setTime, format, step, withSeconds, disabled, readOnly, currentTime, pickerId]);
38
- return (_jsx(TimePickerContext.Provider, { value: contextValue, children: children }));
39
- }
40
- //# sourceMappingURL=Root.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Root.js","sourceRoot":"","sources":["../../../src/components/TimePicker/Root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAwCvE,kDAAkD;AAClD,SAAS,aAAa;IACpB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,OAAO,IAAI,IAAI,CACb,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,UAAU,EAAE,CAAC,CACpE,CAAC,WAAW,EAAE,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,CAAC,EACR,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACY;IACpB,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,OAAO,CAAC;IAEnE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,YAAY,IAAI,IAAI,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAElF,0CAA0C;IAC1C,MAAM,OAAO,GAAG,YAAY,IAAI,aAAa,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,OAA2B,EAAE,EAAE;QAC9B,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QACjC,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;QACD,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAC,CACtD,CAAC;IAEF,MAAM,YAAY,GAA2B,OAAO,CAClD,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,YAAY;QACnB,OAAO;QACP,MAAM;QACN,IAAI;QACJ,WAAW;QACX,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,WAAW;QACX,QAAQ;KACT,CAAC,EACF,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC,CAC9F,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC5C,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC"}
@@ -1,32 +0,0 @@
1
- import { TimePickerRoot } from './Root.js';
2
- import { TimePickerHourList } from './HourList.js';
3
- import { TimePickerMinuteList } from './MinuteList.js';
4
- import { TimePickerAmPmToggle } from './AmPmToggle.js';
5
- import type { TimePickerRootProps } from './Root.js';
6
- import type { TimePickerInputProps } from './Input.js';
7
- import type { TimePickerHourListProps, TimePickerHourListClassNames } from './HourList.js';
8
- import type { TimePickerMinuteListProps, TimePickerMinuteListClassNames } from './MinuteList.js';
9
- import type { TimePickerAmPmToggleProps, TimePickerAmPmToggleClassNames } from './AmPmToggle.js';
10
- /**
11
- * TimePicker — Headless 시간 선택 컴포넌트
12
- *
13
- * @example
14
- * ```tsx
15
- * <TimePicker value={time} onChange={setTime} format="24h" step={15}>
16
- * <TimePicker.Input />
17
- * <div>
18
- * <TimePicker.HourList />
19
- * <TimePicker.MinuteList />
20
- * <TimePicker.AmPmToggle />
21
- * </div>
22
- * </TimePicker>
23
- * ```
24
- */
25
- export declare const TimePicker: typeof TimePickerRoot & {
26
- Input: import("react").ForwardRefExoticComponent<TimePickerInputProps & import("react").RefAttributes<HTMLInputElement>>;
27
- HourList: typeof TimePickerHourList;
28
- MinuteList: typeof TimePickerMinuteList;
29
- AmPmToggle: typeof TimePickerAmPmToggle;
30
- };
31
- export type { TimePickerRootProps, TimePickerInputProps, TimePickerHourListProps, TimePickerHourListClassNames, TimePickerMinuteListProps, TimePickerMinuteListClassNames, TimePickerAmPmToggleProps, TimePickerAmPmToggleClassNames, };
32
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,KAAK,EACV,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EACV,yBAAyB,EACzB,8BAA8B,EAC/B,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EACV,yBAAyB,EACzB,8BAA8B,EAC/B,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC;AAEH,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,4BAA4B,EAC5B,yBAAyB,EACzB,8BAA8B,EAC9B,yBAAyB,EACzB,8BAA8B,GAC/B,CAAC"}
@@ -1,27 +0,0 @@
1
- import { TimePickerRoot } from './Root.js';
2
- import { TimePickerInput } from './Input.js';
3
- import { TimePickerHourList } from './HourList.js';
4
- import { TimePickerMinuteList } from './MinuteList.js';
5
- import { TimePickerAmPmToggle } from './AmPmToggle.js';
6
- /**
7
- * TimePicker — Headless 시간 선택 컴포넌트
8
- *
9
- * @example
10
- * ```tsx
11
- * <TimePicker value={time} onChange={setTime} format="24h" step={15}>
12
- * <TimePicker.Input />
13
- * <div>
14
- * <TimePicker.HourList />
15
- * <TimePicker.MinuteList />
16
- * <TimePicker.AmPmToggle />
17
- * </div>
18
- * </TimePicker>
19
- * ```
20
- */
21
- export const TimePicker = Object.assign(TimePickerRoot, {
22
- Input: TimePickerInput,
23
- HourList: TimePickerHourList,
24
- MinuteList: TimePickerMinuteList,
25
- AmPmToggle: TimePickerAmPmToggle,
26
- });
27
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAiBvD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACtD,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,kBAAkB;IAC5B,UAAU,EAAE,oBAAoB;IAChC,UAAU,EAAE,oBAAoB;CACjC,CAAC,CAAC"}
@@ -1,49 +0,0 @@
1
- import type { MutableRefObject } from 'react';
2
- import type { DateAdapter, DisabledRule, ISODateString, WeekStartsOn } from '@kalyx/core';
3
- export interface DatePickerContextValue {
4
- /** Floating UI reference 요소 (Input/Trigger가 설정, Popover가 읽음) */
5
- referenceRef: MutableRefObject<HTMLElement | null>;
6
- /** 현재 선택된 날짜 (ISO 8601 UTC) */
7
- value: ISODateString | null;
8
- /** 날짜 선택 핸들러 */
9
- selectDate: (iso: ISODateString | null) => void;
10
- /** 팝오버 열림 상태 */
11
- isOpen: boolean;
12
- /** 팝오버 열기 */
13
- open: () => void;
14
- /** 팝오버 닫기 */
15
- close: () => void;
16
- /** 팝오버 토글 */
17
- toggle: () => void;
18
- /** 현재 표시 중인 월 (ISO string) */
19
- viewMonth: ISODateString;
20
- /** 표시 월 변경 */
21
- setViewMonth: (iso: ISODateString) => void;
22
- /** 캘린더에서 포커스된 날짜 */
23
- focusedDate: ISODateString;
24
- /** 포커스 날짜 변경 */
25
- setFocusedDate: (iso: ISODateString) => void;
26
- /** 날짜 어댑터 */
27
- adapter: DateAdapter;
28
- /** 비활성화 규칙 */
29
- disabled: DisabledRule[];
30
- /** 주 시작 요일 */
31
- weekStartsOn: WeekStartsOn;
32
- /** 날짜 표시 포맷 */
33
- displayFormat: string;
34
- /** BCP 47 locale (예: "en-US", "ko-KR") */
35
- locale: string;
36
- /** 전체 비활성화 */
37
- isDisabled: boolean;
38
- /** 읽기 전용 */
39
- isReadOnly: boolean;
40
- /** 고유 ID (useId 기반) */
41
- pickerId: string;
42
- }
43
- export declare const DatePickerContext: import("react").Context<DatePickerContextValue | null>;
44
- /**
45
- * DatePickerContext를 소비한다.
46
- * DatePicker.Root 외부에서 호출하면 명확한 에러를 던진다.
47
- */
48
- export declare function useDatePickerContext(componentName: string): DatePickerContextValue;
49
- //# sourceMappingURL=DatePickerContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerContext.d.ts","sourceRoot":"","sources":["../../src/context/DatePickerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1F,MAAM,WAAW,sBAAsB;IACrC,gEAAgE;IAChE,YAAY,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,+BAA+B;IAC/B,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,gBAAgB;IAChB,UAAU,EAAE,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,gBAAgB;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa;IACb,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,aAAa;IACb,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,aAAa;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,8BAA8B;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc;IACd,YAAY,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,oBAAoB;IACpB,WAAW,EAAE,aAAa,CAAC;IAC3B,gBAAgB;IAChB,cAAc,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,aAAa;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,cAAc;IACd,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,GAAG,sBAAsB,CAYlF"}
@@ -1,18 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
- export const DatePickerContext = createContext(null);
3
- /**
4
- * DatePickerContext를 소비한다.
5
- * DatePicker.Root 외부에서 호출하면 명확한 에러를 던진다.
6
- */
7
- export function useDatePickerContext(componentName) {
8
- const context = useContext(DatePickerContext);
9
- if (!context) {
10
- throw new Error(`[${componentName}] DatePicker.Root 내부에서 사용해야 합니다.\n\n` +
11
- '올바른 사용법:\n' +
12
- ' <DatePicker>\n' +
13
- ` <DatePicker.${componentName.replace('DatePicker.', '')} />\n` +
14
- ' </DatePicker>');
15
- }
16
- return context;
17
- }
18
- //# sourceMappingURL=DatePickerContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerContext.js","sourceRoot":"","sources":["../../src/context/DatePickerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA6ClD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC;AAEpF;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,aAAqB;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,IAAI,aAAa,sCAAsC;YACvD,YAAY;YACZ,kBAAkB;YAClB,mBAAmB,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,OAAO;YAClE,iBAAiB,CAClB,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1,53 +0,0 @@
1
- import type { MutableRefObject } from 'react';
2
- import type { DateAdapter, DateRange, DisabledRule, ISODateString, WeekStartsOn } from '@kalyx/core';
3
- /** 다음에 선택할 부분 (start | end) */
4
- export type RangeSelectingTarget = 'start' | 'end';
5
- export interface RangePickerContextValue {
6
- /** Floating UI reference 요소 */
7
- referenceRef: MutableRefObject<HTMLElement | null>;
8
- /** 현재 선택된 범위 */
9
- value: DateRange;
10
- /** 범위 변경 (Range 객체 전체 갱신) */
11
- setRange: (range: DateRange) => void;
12
- /** 단일 날짜 클릭 → 자동으로 start/end 결정 */
13
- selectDate: (iso: ISODateString) => void;
14
- /** 다음에 선택될 부분 (start 먼저 → end 다음) */
15
- selectingTarget: RangeSelectingTarget;
16
- /** hover 중인 날짜 (범위 미리보기용) */
17
- hoverDate: ISODateString | null;
18
- setHoverDate: (iso: ISODateString | null) => void;
19
- /** 팝오버 열림 상태 */
20
- isOpen: boolean;
21
- open: () => void;
22
- close: () => void;
23
- toggle: () => void;
24
- /** 현재 표시 중인 월 */
25
- viewMonth: ISODateString;
26
- setViewMonth: (iso: ISODateString) => void;
27
- /** 캘린더에서 포커스된 날짜 */
28
- focusedDate: ISODateString;
29
- setFocusedDate: (iso: ISODateString) => void;
30
- /** 날짜 어댑터 */
31
- adapter: DateAdapter;
32
- /** 비활성화 규칙 */
33
- disabled: DisabledRule[];
34
- /** 주 시작 요일 */
35
- weekStartsOn: WeekStartsOn;
36
- /** 날짜 표시 포맷 */
37
- displayFormat: string;
38
- /** BCP 47 locale */
39
- locale: string;
40
- /** 전체 비활성화 */
41
- isDisabled: boolean;
42
- /** 읽기 전용 */
43
- isReadOnly: boolean;
44
- /** 고유 ID */
45
- pickerId: string;
46
- }
47
- export declare const RangePickerContext: import("react").Context<RangePickerContextValue | null>;
48
- /**
49
- * RangePickerContext를 소비한다.
50
- * RangePicker.Root 외부에서 호출하면 명확한 에러를 던진다.
51
- */
52
- export declare function useRangePickerContext(componentName: string): RangePickerContextValue;
53
- //# sourceMappingURL=RangePickerContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangePickerContext.d.ts","sourceRoot":"","sources":["../../src/context/RangePickerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,EACb,YAAY,EACb,MAAM,aAAa,CAAC;AAErB,+BAA+B;AAC/B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,+BAA+B;IAC/B,YAAY,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,gBAAgB;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mCAAmC;IACnC,UAAU,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,qCAAqC;IACrC,eAAe,EAAE,oBAAoB,CAAC;IACtC,6BAA6B;IAC7B,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iBAAiB;IACjB,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,oBAAoB;IACpB,WAAW,EAAE,aAAa,CAAC;IAC3B,cAAc,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,aAAa;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,cAAc;IACd,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,yDAAsD,CAAC;AAEtF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,MAAM,GAAG,uBAAuB,CAYpF"}
@@ -1,18 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
- export const RangePickerContext = createContext(null);
3
- /**
4
- * RangePickerContext를 소비한다.
5
- * RangePicker.Root 외부에서 호출하면 명확한 에러를 던진다.
6
- */
7
- export function useRangePickerContext(componentName) {
8
- const context = useContext(RangePickerContext);
9
- if (!context) {
10
- throw new Error(`[${componentName}] RangePicker.Root 내부에서 사용해야 합니다.\n\n` +
11
- '올바른 사용법:\n' +
12
- ' <RangePicker>\n' +
13
- ` <RangePicker.${componentName.replace('RangePicker.', '')} />\n` +
14
- ' </RangePicker>');
15
- }
16
- return context;
17
- }
18
- //# sourceMappingURL=RangePickerContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangePickerContext.js","sourceRoot":"","sources":["../../src/context/RangePickerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAwDlD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAEtF;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,aAAqB;IACzD,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,IAAI,aAAa,uCAAuC;YACtD,YAAY;YACZ,mBAAmB;YACnB,oBAAoB,aAAa,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,OAAO;YACpE,kBAAkB,CACrB,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1,29 +0,0 @@
1
- import type { ISODateString, TimeValue } from '@kalyx/core';
2
- export type TimePickerFormat = '12h' | '24h';
3
- export interface TimePickerContextValue {
4
- /** 현재 선택된 ISO datetime (시간 부분만 의미 있음) */
5
- value: ISODateString | null;
6
- /** 시간 변경 (TimeValue 부분만 갱신) */
7
- setTime: (partial: Partial<TimeValue>) => void;
8
- /** 12/24시간제 모드 */
9
- format: TimePickerFormat;
10
- /** 분 step (예: 15면 0,15,30,45) */
11
- step: number;
12
- /** 초 표시 여부 */
13
- withSeconds: boolean;
14
- /** 전체 비활성화 */
15
- isDisabled: boolean;
16
- /** 읽기 전용 */
17
- isReadOnly: boolean;
18
- /** 현재 시간 (TimeValue) */
19
- currentTime: TimeValue;
20
- /** 고유 ID */
21
- pickerId: string;
22
- }
23
- export declare const TimePickerContext: import("react").Context<TimePickerContextValue | null>;
24
- /**
25
- * TimePickerContext를 소비한다.
26
- * TimePicker.Root 외부에서 호출하면 명확한 에러를 던진다.
27
- */
28
- export declare function useTimePickerContext(componentName: string): TimePickerContextValue;
29
- //# sourceMappingURL=TimePickerContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePickerContext.d.ts","sourceRoot":"","sources":["../../src/context/TimePickerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7C,MAAM,WAAW,sBAAsB;IACrC,yCAAyC;IACzC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,+BAA+B;IAC/B,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAC/C,kBAAkB;IAClB,MAAM,EAAE,gBAAgB,CAAC;IACzB,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,cAAc;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,WAAW,EAAE,SAAS,CAAC;IACvB,YAAY;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,GAAG,sBAAsB,CAYlF"}
@@ -1,18 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
- export const TimePickerContext = createContext(null);
3
- /**
4
- * TimePickerContext를 소비한다.
5
- * TimePicker.Root 외부에서 호출하면 명확한 에러를 던진다.
6
- */
7
- export function useTimePickerContext(componentName) {
8
- const context = useContext(TimePickerContext);
9
- if (!context) {
10
- throw new Error(`[${componentName}] TimePicker.Root 내부에서 사용해야 합니다.\n\n` +
11
- '올바른 사용법:\n' +
12
- ' <TimePicker>\n' +
13
- ` <TimePicker.${componentName.replace('TimePicker.', '')} />\n` +
14
- ' </TimePicker>');
15
- }
16
- return context;
17
- }
18
- //# sourceMappingURL=TimePickerContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePickerContext.js","sourceRoot":"","sources":["../../src/context/TimePickerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA0BlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC;AAEpF;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,aAAqB;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,IAAI,aAAa,sCAAsC;YACrD,YAAY;YACZ,kBAAkB;YAClB,mBAAmB,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,OAAO;YAClE,iBAAiB,CACpB,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1,63 +0,0 @@
1
- import type { CalendarGrid, DateAdapter, DisabledRule, ISODateString, WeekStartsOn } from '@kalyx/core';
2
- export interface UseDatePickerOptions {
3
- /** 선택된 날짜 (제어 모드) */
4
- value?: ISODateString | null;
5
- /** 초기 날짜 (비제어 모드) */
6
- defaultValue?: ISODateString;
7
- /** 날짜 변경 콜백 */
8
- onChange?: (value: ISODateString | null) => void;
9
- /** 비활성화 규칙 */
10
- disabled?: DisabledRule[];
11
- /** 주 시작 요일 */
12
- weekStartsOn?: WeekStartsOn;
13
- /** 날짜 어댑터 */
14
- adapter?: DateAdapter;
15
- }
16
- export interface UseDatePickerReturn {
17
- /** 현재 선택된 날짜 (ISO string) */
18
- value: ISODateString | null;
19
- /** 팝오버 열림 상태 */
20
- isOpen: boolean;
21
- /** 팝오버 열기 */
22
- open: () => void;
23
- /** 팝오버 닫기 */
24
- close: () => void;
25
- /** 팝오버 토글 */
26
- toggle: () => void;
27
- /** 날짜 선택 */
28
- selectDate: (iso: ISODateString | null) => void;
29
- /** 현재 표시 중인 월 (ISO string) */
30
- viewMonth: ISODateString;
31
- /** 표시 월 변경 */
32
- setViewMonth: (iso: ISODateString) => void;
33
- /** 캘린더 그리드 데이터 */
34
- calendar: CalendarGrid;
35
- /** 포커스된 날짜 */
36
- focusedDate: ISODateString;
37
- /** 포커스 날짜 변경 */
38
- setFocusedDate: (iso: ISODateString) => void;
39
- /** 이전 달로 이동 */
40
- previousMonth: () => void;
41
- /** 다음 달로 이동 */
42
- nextMonth: () => void;
43
- /** 고유 ID */
44
- pickerId: string;
45
- /** 날짜 어댑터 */
46
- adapter: DateAdapter;
47
- }
48
- /**
49
- * DatePicker의 상태를 관리하는 Hook.
50
- * 컴포넌트를 사용하지 않고 완전 커스텀 UI를 구현할 때 사용한다.
51
- *
52
- * @example
53
- * ```tsx
54
- * function MyDatePicker() {
55
- * const { value, isOpen, calendar, open, selectDate } = useDatePicker({
56
- * onChange: (iso) => console.log(iso),
57
- * });
58
- * // ... 커스텀 렌더링
59
- * }
60
- * ```
61
- */
62
- export declare function useDatePicker(options?: UseDatePickerOptions): UseDatePickerReturn;
63
- //# sourceMappingURL=useDatePicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDatePicker.d.ts","sourceRoot":"","sources":["../../src/hooks/useDatePicker.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACb,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,qBAAqB;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,eAAe;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc;IACd,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,cAAc;IACd,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa;IACb,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,gBAAgB;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa;IACb,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,aAAa;IACb,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,aAAa;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY;IACZ,UAAU,EAAE,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,8BAA8B;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc;IACd,YAAY,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,kBAAkB;IAClB,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc;IACd,WAAW,EAAE,aAAa,CAAC;IAC3B,gBAAgB;IAChB,cAAc,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,eAAe;IACf,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa;IACb,OAAO,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,mBAAmB,CAsFrF"}
@@ -1,82 +0,0 @@
1
- import { useCallback, useId, useRef, useState } from 'react';
2
- import { DateFnsAdapter, getCalendarDays } from '@kalyx/core';
3
- /**
4
- * DatePicker의 상태를 관리하는 Hook.
5
- * 컴포넌트를 사용하지 않고 완전 커스텀 UI를 구현할 때 사용한다.
6
- *
7
- * @example
8
- * ```tsx
9
- * function MyDatePicker() {
10
- * const { value, isOpen, calendar, open, selectDate } = useDatePicker({
11
- * onChange: (iso) => console.log(iso),
12
- * });
13
- * // ... 커스텀 렌더링
14
- * }
15
- * ```
16
- */
17
- export function useDatePicker(options = {}) {
18
- const { value: controlledValue, defaultValue, onChange, disabled = [], weekStartsOn = 0, adapter = DateFnsAdapter, } = options;
19
- const pickerId = useId();
20
- const isControlled = useRef(controlledValue !== undefined).current;
21
- const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? null);
22
- const currentValue = isControlled ? (controlledValue ?? null) : uncontrolledValue;
23
- const [isOpen, setIsOpen] = useState(false);
24
- const [viewMonth, setViewMonth] = useState(currentValue ?? adapter.today());
25
- const [focusedDate, setFocusedDate] = useState(currentValue ?? adapter.today());
26
- const selectDate = useCallback((iso) => {
27
- if (!isControlled) {
28
- setUncontrolledValue(iso);
29
- }
30
- onChange?.(iso);
31
- setIsOpen(false);
32
- }, [isControlled, onChange]);
33
- const open = useCallback(() => {
34
- setIsOpen(true);
35
- const target = currentValue ?? adapter.today();
36
- setViewMonth(target);
37
- setFocusedDate(target);
38
- }, [currentValue, adapter]);
39
- const close = useCallback(() => {
40
- setIsOpen(false);
41
- }, []);
42
- const toggle = useCallback(() => {
43
- if (isOpen)
44
- close();
45
- else
46
- open();
47
- }, [isOpen, open, close]);
48
- const previousMonth = useCallback(() => {
49
- const newMonth = adapter.addMonths(viewMonth, -1);
50
- setViewMonth(newMonth);
51
- setFocusedDate(adapter.startOfMonth(newMonth));
52
- }, [adapter, viewMonth]);
53
- const nextMonth = useCallback(() => {
54
- const newMonth = adapter.addMonths(viewMonth, 1);
55
- setViewMonth(newMonth);
56
- setFocusedDate(adapter.startOfMonth(newMonth));
57
- }, [adapter, viewMonth]);
58
- const calendar = getCalendarDays(viewMonth, adapter, {
59
- weekStartsOn,
60
- selected: currentValue,
61
- focusedDate,
62
- disabled,
63
- });
64
- return {
65
- value: currentValue,
66
- isOpen,
67
- open,
68
- close,
69
- toggle,
70
- selectDate,
71
- viewMonth,
72
- setViewMonth,
73
- calendar,
74
- focusedDate,
75
- setFocusedDate,
76
- previousMonth,
77
- nextMonth,
78
- pickerId,
79
- adapter,
80
- };
81
- }
82
- //# sourceMappingURL=useDatePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDatePicker.js","sourceRoot":"","sources":["../../src/hooks/useDatePicker.ts"],"names":[],"mappings":"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"}
@@ -1,67 +0,0 @@
1
- import type { CalendarGrid, DateAdapter, DateRange, DisabledRule, ISODateString, WeekStartsOn } from '@kalyx/core';
2
- import type { RangeSelectingTarget } from '../context/RangePickerContext.js';
3
- export interface UseRangePickerOptions {
4
- /** 선택된 범위 (제어 모드) */
5
- value?: DateRange;
6
- /** 초기 범위 (비제어 모드) */
7
- defaultValue?: DateRange;
8
- /** 범위 변경 콜백 */
9
- onChange?: (range: DateRange) => void;
10
- /** 비활성화 규칙 */
11
- disabled?: DisabledRule[];
12
- /** 주 시작 요일 */
13
- weekStartsOn?: WeekStartsOn;
14
- /** 날짜 어댑터 */
15
- adapter?: DateAdapter;
16
- }
17
- export interface UseRangePickerReturn {
18
- /** 현재 선택된 범위 */
19
- value: DateRange;
20
- /** 다음에 선택될 부분 */
21
- selectingTarget: RangeSelectingTarget;
22
- /** 단일 날짜 클릭 핸들러 */
23
- selectDate: (iso: ISODateString) => void;
24
- /** 범위 직접 설정 */
25
- setRange: (range: DateRange) => void;
26
- /** 팝오버 열림 상태 */
27
- isOpen: boolean;
28
- open: () => void;
29
- close: () => void;
30
- toggle: () => void;
31
- /** hover 날짜 (미리보기용) */
32
- hoverDate: ISODateString | null;
33
- setHoverDate: (iso: ISODateString | null) => void;
34
- /** 현재 표시 중인 월 */
35
- viewMonth: ISODateString;
36
- setViewMonth: (iso: ISODateString) => void;
37
- /** 캘린더 그리드 */
38
- calendar: CalendarGrid;
39
- /** 포커스된 날짜 */
40
- focusedDate: ISODateString;
41
- setFocusedDate: (iso: ISODateString) => void;
42
- /** 이전 달로 이동 */
43
- previousMonth: () => void;
44
- /** 다음 달로 이동 */
45
- nextMonth: () => void;
46
- /** 고유 ID */
47
- pickerId: string;
48
- /** 어댑터 */
49
- adapter: DateAdapter;
50
- }
51
- /**
52
- * RangePicker 상태 관리 Hook.
53
- * 컴포넌트 없이 완전 커스텀 UI를 만들 때 사용한다.
54
- *
55
- * @example
56
- * ```tsx
57
- * function MyRangePicker() {
58
- * const { value, calendar, selectDate, selectingTarget } = useRangePicker({
59
- * onChange: (range) => console.log(range.start, range.end),
60
- * });
61
- * // selectingTarget === 'start' → 시작일 선택 대기
62
- * // selectingTarget === 'end' → 종료일 선택 대기
63
- * }
64
- * ```
65
- */
66
- export declare function useRangePicker(options?: UseRangePickerOptions): UseRangePickerReturn;
67
- //# sourceMappingURL=useRangePicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useRangePicker.d.ts","sourceRoot":"","sources":["../../src/hooks/useRangePicker.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,EACb,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAI7E,MAAM,WAAW,qBAAqB;IACpC,qBAAqB;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,cAAc;IACd,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,cAAc;IACd,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa;IACb,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,gBAAgB;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,iBAAiB;IACjB,eAAe,EAAE,oBAAoB,CAAC;IACtC,mBAAmB;IACnB,UAAU,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,gBAAgB;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB;IACvB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,iBAAiB;IACjB,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,cAAc;IACd,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc;IACd,WAAW,EAAE,aAAa,CAAC;IAC3B,cAAc,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,eAAe;IACf,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU;IACV,OAAO,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,oBAAoB,CA+HxF"}