@nepdatejs/react 0.1.0 → 0.1.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.
package/src/use-store.ts CHANGED
@@ -10,6 +10,16 @@ interface StoreLike<O, S> {
10
10
  getState(): S;
11
11
  subscribe(listener: () => void): () => void;
12
12
  setOptions(changes: Partial<O>): void;
13
+ readonly actions?: object;
14
+ }
15
+
16
+ /** Function options whose answers decide how the calendar's days look. */
17
+ const DAY_FUNCTIONS = ['isDateDisabled', 'holidays', 'events'] as const;
18
+
19
+ interface DayAnswers {
20
+ /** The days on screen; moving to another month isn't a change of answers. */
21
+ readonly days: string;
22
+ readonly answers: string;
13
23
  }
14
24
 
15
25
  /** useLayoutEffect in the browser, useEffect on the server (no warning). */
@@ -54,6 +64,8 @@ export function useStore<O extends object, S, T extends StoreLike<O, S>>(
54
64
 
55
65
  const [store] = useState(() => create(prepare(options)));
56
66
  const previous = useRef<O>(prepare(options));
67
+ const dayAnswers = useRef<DayAnswers | null>(null);
68
+ const storeValue = useRef(valueOf(store.getState()));
57
69
 
58
70
  useIsomorphicLayoutEffect(() => {
59
71
  const next = prepare(options) as Record<string, unknown>;
@@ -65,9 +77,40 @@ export function useStore<O extends object, S, T extends StoreLike<O, S>>(
65
77
  }
66
78
  }
67
79
  previous.current = next as O;
80
+
81
+ // An inline function is wrapped once, so it never looks changed above. Ask it
82
+ // about the days on screen instead, and redraw only if an answer is different.
83
+ const current = askDayFunctions(options, store.getState());
84
+ const asked = dayAnswers.current;
85
+ dayAnswers.current = current;
86
+ if (asked?.days === current?.days && asked?.answers !== current?.answers) {
87
+ for (const key of DAY_FUNCTIONS) {
88
+ if (key in next) {
89
+ changes[key] = next[key];
90
+ }
91
+ }
92
+ }
68
93
  if (Object.keys(changes).length > 0) {
69
94
  store.setOptions(changes as Partial<O>);
70
95
  }
96
+
97
+ // A controlled picker shows what its parent holds. If the person entered a
98
+ // date and the parent kept its value, put that value back.
99
+ const value = valueOf(store.getState());
100
+ const changedByUser = !deepEqual(value, storeValue.current) && !('value' in changes);
101
+ storeValue.current = value;
102
+ const held = next['value'];
103
+ if (
104
+ changedByUser &&
105
+ held !== undefined &&
106
+ isChosen(value) &&
107
+ !deepEqual(value, held)
108
+ ) {
109
+ (store.actions as { setValue?: (value: unknown) => void } | undefined)?.setValue?.(
110
+ held,
111
+ );
112
+ storeValue.current = valueOf(store.getState());
113
+ }
71
114
  });
72
115
 
73
116
  const state = useSyncExternalStore(
@@ -79,6 +122,46 @@ export function useStore<O extends object, S, T extends StoreLike<O, S>>(
79
122
  return { store, state };
80
123
  }
81
124
 
125
+ function valueOf(state: unknown): unknown {
126
+ return (state as { value?: unknown }).value;
127
+ }
128
+
129
+ /** A finished value: not empty, half typed, or a range with one end still to pick. */
130
+ function isChosen(value: unknown): boolean {
131
+ if (Array.isArray(value)) {
132
+ return value.length > 0;
133
+ }
134
+ if (typeof value === 'object' && value !== null) {
135
+ return Object.values(value).every((part) => part !== '');
136
+ }
137
+
138
+ return value !== '' && value !== undefined;
139
+ }
140
+
141
+ /** What the day functions say about the days on screen, or null when there are none. */
142
+ function askDayFunctions(options: object, state: unknown): DayAnswers | null {
143
+ const given = DAY_FUNCTIONS.flatMap((key) => {
144
+ const option = (options as Record<string, unknown>)[key];
145
+
146
+ return typeof option === 'function' ? [option as (date: unknown) => unknown] : [];
147
+ });
148
+ if (given.length === 0) {
149
+ return null;
150
+ }
151
+ const { weeks, calendarState } = state as {
152
+ weeks?: readonly (readonly ({ date: unknown } | null)[])[];
153
+ calendarState?: { weeks: readonly (readonly ({ date: unknown } | null)[])[] };
154
+ };
155
+ const dates = (weeks ?? calendarState?.weeks ?? [])
156
+ .flat()
157
+ .flatMap((cell) => (cell ? [cell.date] : []));
158
+
159
+ return {
160
+ days: JSON.stringify(dates),
161
+ answers: JSON.stringify(dates.map((date) => given.map((ask) => ask(date)))),
162
+ };
163
+ }
164
+
82
165
  /** Structural equality for plain data (dates, ranges, lists); identity for everything else. */
83
166
  export function deepEqual(a: unknown, b: unknown): boolean {
84
167
  if (Object.is(a, b)) {
@@ -1 +0,0 @@
1
- {"version":3,"file":"date-text-BT82cZ7i.cjs","names":["fromIsoDate","formatDate","toCalendar","fromIsoTimestamp"],"sources":["../src/date-text.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n formatDate,\n fromIsoDate,\n fromIsoTimestamp,\n toCalendar,\n type CalendarSystem,\n type DateFormatPattern,\n type LocaleCode,\n} from '@nepdatejs/core';\n\nexport interface DateTextProps {\n /** An AD date or timestamp from the server (\"2026-09-26\" or an ISO timestamp). */\n value: string | null | undefined;\n /** Which calendar to show first. Default 'BS'. */\n calendar?: CalendarSystem | undefined;\n /** Also show the day in the other calendar, muted. Default true. */\n withEquivalent?: boolean | undefined;\n format?: DateFormatPattern | undefined;\n locale?: LocaleCode | undefined;\n fallback?: string | undefined;\n className?: string | undefined;\n}\n\n/**\n * A server date shown in BS (or AD), with the other calendar alongside:\n * \"10 Ashwin 2083 · 26 Sep 2026\". No hooks, so it works in server components.\n */\nexport function DateText({\n value,\n calendar = 'BS',\n withEquivalent = true,\n format = 'long',\n locale = 'en',\n fallback = '—',\n className,\n}: DateTextProps): ReactElement {\n const date = fromIsoDate(value);\n if (!date) {\n return <span className={className}>{fallback}</span>;\n }\n const other: CalendarSystem = calendar === 'BS' ? 'AD' : 'BS';\n\n return (\n <time dateTime={formatDate(date, 'Y-m-d')} className={className}>\n {formatDate(toCalendar(date, calendar), format, locale)}\n {withEquivalent && (\n <span className=\"ndp-muted\" style={{ color: 'var(--ndp-text-muted, #64748b)' }}>\n {' · '}\n {formatDate(toCalendar(date, other), other === 'AD' ? 'j M Y' : format, locale)}\n </span>\n )}\n </time>\n );\n}\n\n/**\n * A server date as short text: \"12 Ashwin 2083\", keeping the time of day when\n * the value has one. A timestamp with a zone is read in the configured zone\n * (Nepal by default). Anything that is not a date is returned unchanged.\n */\nexport function shortDate(value: string | null | undefined): string | null {\n if (!value) {\n return null;\n }\n const instant = fromIsoTimestamp(value);\n const date = instant?.date ?? fromIsoDate(value);\n if (!date) {\n return value;\n }\n const time = instant?.time ?? /[T ](\\d{2}:\\d{2})/.exec(value)?.[1];\n\n return `${formatDate(toCalendar(date, 'BS'), 'j F Y')}${time ? `, ${time}` : ''}`;\n}\n\n/** A server date as documents print it, in both calendars: \"31 Shrawan 2083 (16 Aug 2026)\". */\nexport function bothDates(value: string | null | undefined): string {\n const date = fromIsoDate(value);\n\n return date\n ? `${formatDate(toCalendar(date, 'BS'), 'j F Y')} (${formatDate(date, 'j M Y')})`\n : (value ?? '');\n}\n\n/** A server date for a table cell or list row, with the AD day on hover. */\nexport function ShortDate({\n value,\n fallback = '—',\n className,\n}: {\n value: string | null | undefined;\n fallback?: string | undefined;\n className?: string | undefined;\n}): ReactElement {\n const text = shortDate(value);\n const date = fromIsoDate(value);\n if (!text) {\n return <span className={className}>{fallback}</span>;\n }\n\n return (\n <time\n dateTime={value ?? undefined}\n title={date ? formatDate(date, 'j M Y') : undefined}\n className={className}\n >\n {text}\n </time>\n );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,SAAS,EACvB,OACA,WAAW,MACX,iBAAiB,MACjB,SAAS,QACT,SAAS,MACT,WAAW,KACX,aAC8B;CAC9B,MAAM,QAAA,GAAOA,gBAAAA,YAAAA,CAAY,KAAK;CAC9B,IAAI,CAAC,MACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAiB;EAAY,UAAA;CAAe,CAAA;CAErD,MAAM,QAAwB,aAAa,OAAO,OAAO;CAEzD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EAAM,WAAA,GAAUC,gBAAAA,WAAAA,CAAW,MAAM,OAAO;EAAc;EAAtD,UAAA,EAAA,GACGA,gBAAAA,WAAAA,EAAAA,GAAWC,gBAAAA,WAAAA,CAAW,MAAM,QAAQ,GAAG,QAAQ,MAAM,GACrD,kBACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAY,OAAO,EAAE,OAAO,iCAAiC;GAA7E,UAAA,CACG,QAAA,GACAD,gBAAAA,WAAAA,EAAAA,GAAWC,gBAAAA,WAAAA,CAAW,MAAM,KAAK,GAAG,UAAU,OAAO,UAAU,QAAQ,MAAM,CAC1E;EAEJ,CAAA,CAAA;;AAEV;;;;;;AAOA,SAAgB,UAAU,OAAiD;CACzE,IAAI,CAAC,OACH,OAAO;CAET,MAAM,WAAA,GAAUC,gBAAAA,iBAAAA,CAAiB,KAAK;CACtC,MAAM,OAAO,SAAS,SAAA,GAAQH,gBAAAA,YAAAA,CAAY,KAAK;CAC/C,IAAI,CAAC,MACH,OAAO;CAET,MAAM,OAAO,SAAS,QAAQ,oBAAoB,KAAK,KAAK,CAAC,GAAG;CAEhE,OAAO,IAAA,GAAGC,gBAAAA,WAAAA,EAAAA,GAAWC,gBAAAA,WAAAA,CAAW,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,KAAK,SAAS;AAC/E;;AAGA,SAAgB,UAAU,OAA0C;CAClE,MAAM,QAAA,GAAOF,gBAAAA,YAAAA,CAAY,KAAK;CAE9B,OAAO,OACH,IAAA,GAAGC,gBAAAA,WAAAA,EAAAA,GAAWC,gBAAAA,WAAAA,CAAW,MAAM,IAAI,GAAG,OAAO,EAAE,KAAA,GAAID,gBAAAA,WAAAA,CAAW,MAAM,OAAO,EAAE,KAC5E,SAAS;AAChB;;AAGA,SAAgB,UAAU,EACxB,OACA,WAAW,KACX,aAKe;CACf,MAAM,OAAO,UAAU,KAAK;CAC5B,MAAM,QAAA,GAAOD,gBAAAA,YAAAA,CAAY,KAAK;CAC9B,IAAI,CAAC,MACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAiB;EAAY,UAAA;CAAe,CAAA;CAGrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAU,SAAS,KAAA;EACnB,OAAO,QAAA,GAAOC,gBAAAA,WAAAA,CAAW,MAAM,OAAO,IAAI,KAAA;EAC/B;EAEV,UAAA;CACG,CAAA;AAEV"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"date-text-Df1gFksR.js","names":[],"sources":["../src/date-text.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport {\n formatDate,\n fromIsoDate,\n fromIsoTimestamp,\n toCalendar,\n type CalendarSystem,\n type DateFormatPattern,\n type LocaleCode,\n} from '@nepdatejs/core';\n\nexport interface DateTextProps {\n /** An AD date or timestamp from the server (\"2026-09-26\" or an ISO timestamp). */\n value: string | null | undefined;\n /** Which calendar to show first. Default 'BS'. */\n calendar?: CalendarSystem | undefined;\n /** Also show the day in the other calendar, muted. Default true. */\n withEquivalent?: boolean | undefined;\n format?: DateFormatPattern | undefined;\n locale?: LocaleCode | undefined;\n fallback?: string | undefined;\n className?: string | undefined;\n}\n\n/**\n * A server date shown in BS (or AD), with the other calendar alongside:\n * \"10 Ashwin 2083 · 26 Sep 2026\". No hooks, so it works in server components.\n */\nexport function DateText({\n value,\n calendar = 'BS',\n withEquivalent = true,\n format = 'long',\n locale = 'en',\n fallback = '—',\n className,\n}: DateTextProps): ReactElement {\n const date = fromIsoDate(value);\n if (!date) {\n return <span className={className}>{fallback}</span>;\n }\n const other: CalendarSystem = calendar === 'BS' ? 'AD' : 'BS';\n\n return (\n <time dateTime={formatDate(date, 'Y-m-d')} className={className}>\n {formatDate(toCalendar(date, calendar), format, locale)}\n {withEquivalent && (\n <span className=\"ndp-muted\" style={{ color: 'var(--ndp-text-muted, #64748b)' }}>\n {' · '}\n {formatDate(toCalendar(date, other), other === 'AD' ? 'j M Y' : format, locale)}\n </span>\n )}\n </time>\n );\n}\n\n/**\n * A server date as short text: \"12 Ashwin 2083\", keeping the time of day when\n * the value has one. A timestamp with a zone is read in the configured zone\n * (Nepal by default). Anything that is not a date is returned unchanged.\n */\nexport function shortDate(value: string | null | undefined): string | null {\n if (!value) {\n return null;\n }\n const instant = fromIsoTimestamp(value);\n const date = instant?.date ?? fromIsoDate(value);\n if (!date) {\n return value;\n }\n const time = instant?.time ?? /[T ](\\d{2}:\\d{2})/.exec(value)?.[1];\n\n return `${formatDate(toCalendar(date, 'BS'), 'j F Y')}${time ? `, ${time}` : ''}`;\n}\n\n/** A server date as documents print it, in both calendars: \"31 Shrawan 2083 (16 Aug 2026)\". */\nexport function bothDates(value: string | null | undefined): string {\n const date = fromIsoDate(value);\n\n return date\n ? `${formatDate(toCalendar(date, 'BS'), 'j F Y')} (${formatDate(date, 'j M Y')})`\n : (value ?? '');\n}\n\n/** A server date for a table cell or list row, with the AD day on hover. */\nexport function ShortDate({\n value,\n fallback = '—',\n className,\n}: {\n value: string | null | undefined;\n fallback?: string | undefined;\n className?: string | undefined;\n}): ReactElement {\n const text = shortDate(value);\n const date = fromIsoDate(value);\n if (!text) {\n return <span className={className}>{fallback}</span>;\n }\n\n return (\n <time\n dateTime={value ?? undefined}\n title={date ? formatDate(date, 'j M Y') : undefined}\n className={className}\n >\n {text}\n </time>\n );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,SAAS,EACvB,OACA,WAAW,MACX,iBAAiB,MACjB,SAAS,QACT,SAAS,MACT,WAAW,KACX,aAC8B;CAC9B,MAAM,OAAO,YAAY,KAAK;CAC9B,IAAI,CAAC,MACH,OAAO,oBAAC,QAAD;EAAiB;EAAY,UAAA;CAAe,CAAA;CAErD,MAAM,QAAwB,aAAa,OAAO,OAAO;CAEzD,OACE,qBAAC,QAAD;EAAM,UAAU,WAAW,MAAM,OAAO;EAAc;EAAtD,UAAA,CACG,WAAW,WAAW,MAAM,QAAQ,GAAG,QAAQ,MAAM,GACrD,kBACC,qBAAC,QAAD;GAAM,WAAU;GAAY,OAAO,EAAE,OAAO,iCAAiC;GAA7E,UAAA,CACG,OACA,WAAW,WAAW,MAAM,KAAK,GAAG,UAAU,OAAO,UAAU,QAAQ,MAAM,CAC1E;EAEJ,CAAA,CAAA;;AAEV;;;;;;AAOA,SAAgB,UAAU,OAAiD;CACzE,IAAI,CAAC,OACH,OAAO;CAET,MAAM,UAAU,iBAAiB,KAAK;CACtC,MAAM,OAAO,SAAS,QAAQ,YAAY,KAAK;CAC/C,IAAI,CAAC,MACH,OAAO;CAET,MAAM,OAAO,SAAS,QAAQ,oBAAoB,KAAK,KAAK,CAAC,GAAG;CAEhE,OAAO,GAAG,WAAW,WAAW,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,KAAK,SAAS;AAC/E;;AAGA,SAAgB,UAAU,OAA0C;CAClE,MAAM,OAAO,YAAY,KAAK;CAE9B,OAAO,OACH,GAAG,WAAW,WAAW,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,WAAW,MAAM,OAAO,EAAE,KAC5E,SAAS;AAChB;;AAGA,SAAgB,UAAU,EACxB,OACA,WAAW,KACX,aAKe;CACf,MAAM,OAAO,UAAU,KAAK;CAC5B,MAAM,OAAO,YAAY,KAAK;CAC9B,IAAI,CAAC,MACH,OAAO,oBAAC,QAAD;EAAiB;EAAY,UAAA;CAAe,CAAA;CAGrD,OACE,oBAAC,QAAD;EACE,UAAU,SAAS,KAAA;EACnB,OAAO,OAAO,WAAW,MAAM,OAAO,IAAI,KAAA;EAC/B;EAEV,UAAA;CACG,CAAA;AAEV"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"headless-BK0XRHKb.js","names":[],"sources":["../src/bindings.ts","../src/use-store.ts","../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type Ref } from 'react';\nimport { getLocale, type CalendarDate, type LocaleCode } from '@nepdatejs/core';\nimport type {\n CalendarActions,\n CalendarState,\n DayCell,\n FocusKey,\n PickerCell,\n} from '@nepdatejs/calendar';\n\nconst FOCUS_KEYS: ReadonlySet<string> = new Set([\n 'ArrowLeft',\n 'ArrowRight',\n 'ArrowUp',\n 'ArrowDown',\n 'Home',\n 'End',\n 'PageUp',\n 'PageDown',\n]);\n\ntype DataAttrs = Record<`data-${string}`, string | boolean | undefined>;\n\nexport interface ButtonProps extends DataAttrs {\n type: 'button';\n tabIndex?: number;\n disabled?: boolean;\n 'aria-label'?: string;\n 'aria-pressed'?: boolean;\n 'aria-current'?: 'date';\n onClick: () => void;\n onFocus?: () => void;\n onMouseEnter?: () => void;\n}\n\nexport interface GridProps {\n role: 'grid';\n 'aria-label': string;\n ref: Ref<HTMLTableElement>;\n onKeyDown: (event: KeyboardEvent) => void;\n onMouseLeave: () => void;\n}\n\n/** Prop getters that turn a calendar store into accessible markup. */\nexport interface CalendarBindings {\n readonly state: CalendarState;\n readonly actions: CalendarActions;\n readonly getGridProps: () => GridProps;\n readonly getDayProps: (cell: DayCell) => ButtonProps;\n readonly getPrevProps: () => ButtonProps;\n readonly getNextProps: () => ButtonProps;\n /** The title buttons: month and year in the day view, the year (or page) otherwise. */\n readonly getTitleButtons: () => { key: string; label: string; props: ButtonProps }[];\n readonly getOptionProps: (\n tile: PickerCell,\n index: number,\n tiles: readonly PickerCell[],\n ) => ButtonProps;\n /** Move focus into the grid (e.g. when a panel opens). */\n readonly focusGrid: () => void;\n}\n\nexport function useCalendarBindings(\n state: CalendarState,\n actions: CalendarActions,\n locale: LocaleCode | undefined,\n options: {\n /** The store's latest snapshot, to tell whether a key press changed anything. */\n readonly getSnapshot: () => CalendarState;\n readonly onDayActivate?: ((date: CalendarDate) => void) | undefined;\n },\n): CalendarBindings {\n const { getSnapshot, onDayActivate } = options;\n const grid = useRef<HTMLTableElement | null>(null);\n const root = useRef<HTMLElement | null>(null);\n const focusRequested = useRef(false);\n const labels = getLocale(locale).labels;\n\n const focusGrid = useCallback((): void => {\n const scope = grid.current?.closest('.ndp-calendar') ?? grid.current ?? root.current;\n scope\n ?.querySelector<HTMLElement>('.ndp-day[tabindex=\"0\"], .ndp-option[tabindex=\"0\"]')\n ?.focus();\n }, []);\n\n useEffect(() => {\n if (focusRequested.current) {\n focusRequested.current = false;\n focusGrid();\n }\n });\n\n const requestFocus = (): void => {\n focusRequested.current = true;\n };\n\n const activate = onDayActivate ?? ((date: CalendarDate) => actions.select(date));\n const [monthName, yearText] = splitTitle(state.title);\n const focusIndex = (tiles: readonly PickerCell[]): number => {\n const selected = tiles.findIndex((tile) => tile.isSelected);\n const current = tiles.findIndex((tile) => tile.isCurrent);\n\n return Math.max(0, selected === -1 ? current : selected);\n };\n\n return {\n state,\n actions,\n focusGrid,\n getGridProps: () => ({\n role: 'grid',\n 'aria-label': state.title,\n ref: (node: HTMLTableElement | null) => {\n grid.current = node;\n },\n onKeyDown: (event) => {\n if (!FOCUS_KEYS.has(event.key)) {\n return;\n }\n event.preventDefault();\n requestFocus();\n actions.moveFocus(event.key as FocusKey, { shift: event.shiftKey });\n // Nothing moved (at a limit): keep focus here. Otherwise the effect focuses after React renders.\n if (getSnapshot() === state) {\n focusRequested.current = false;\n focusGrid();\n }\n },\n onMouseLeave: () => {\n if (state.selectionMode === 'range') {\n actions.hover(null);\n }\n },\n }),\n getDayProps: (cell) => ({\n type: 'button',\n tabIndex: cell.isFocusTarget ? 0 : -1,\n disabled: cell.isDisabled,\n 'aria-pressed': cell.isSelected,\n ...(cell.isToday ? { 'aria-current': 'date' as const } : {}),\n 'data-state': cell.state,\n 'data-weekend': cell.isWeekend || undefined,\n 'data-preview': (cell.isInRangePreview && !cell.isSelected) || undefined,\n 'data-outside': cell.isOutside || undefined,\n onClick: () => {\n if (!cell.isDisabled) {\n activate(cell.date);\n }\n },\n onFocus: () => {\n if (!cell.isFocusTarget) {\n actions.focus(cell.date);\n }\n },\n onMouseEnter: () => {\n if (state.selectionMode === 'range') {\n actions.hover(cell.isDisabled ? null : cell.date);\n }\n },\n }),\n getPrevProps: () => ({\n type: 'button',\n disabled: !state.canPrev,\n 'aria-label': state.view === 'day' ? labels.previousMonth : labels.previousYear,\n onClick: () => {\n actions.prev();\n },\n }),\n getNextProps: () => ({\n type: 'button',\n disabled: !state.canNext,\n 'aria-label': state.view === 'day' ? labels.nextMonth : labels.nextYear,\n onClick: () => {\n actions.next();\n },\n }),\n getTitleButtons: () =>\n state.view === 'day'\n ? [\n {\n key: 'month',\n label: monthName,\n props: {\n type: 'button',\n 'aria-label': `${labels.month}: ${monthName}`,\n onClick: () => {\n requestFocus();\n actions.setView('month');\n },\n },\n },\n {\n key: 'year',\n label: yearText,\n props: {\n type: 'button',\n 'aria-label': `${labels.year}: ${yearText}`,\n onClick: () => {\n requestFocus();\n actions.setView('year');\n },\n },\n },\n ]\n : [\n {\n key: 'up',\n label: state.title,\n props: {\n type: 'button',\n 'aria-label':\n state.view === 'fiscal'\n ? state.title\n : `${labels.year}: ${state.title}`,\n onClick: () => {\n requestFocus();\n actions.setView(state.view === 'month' ? 'year' : 'day');\n },\n },\n },\n ],\n getOptionProps: (tile, index, tiles) => ({\n type: 'button',\n tabIndex: index === focusIndex(tiles) ? 0 : -1,\n disabled: tile.isDisabled,\n 'aria-pressed': tile.isSelected,\n 'data-state': tile.isSelected ? 'selected' : tile.isCurrent ? 'current' : 'default',\n onClick: () => {\n requestFocus();\n if (state.view === 'month') {\n actions.chooseMonth(tile.value as 1);\n } else if (state.view === 'year') {\n actions.chooseYear(tile.value);\n } else {\n actions.chooseFiscalYear(tile.value);\n }\n },\n }),\n };\n}\n\n/** \"Kartik 2083\" → [\"Kartik\", \"2083\"]. */\nfunction splitTitle(title: string): [string, string] {\n const space = title.lastIndexOf(' ');\n\n return space === -1 ? [title, ''] : [title.slice(0, space), title.slice(space + 1)];\n}\n","import {\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n useSyncExternalStore,\n} from 'react';\n\ninterface StoreLike<O, S> {\n getState(): S;\n subscribe(listener: () => void): () => void;\n setOptions(changes: Partial<O>): void;\n}\n\n/** useLayoutEffect in the browser, useEffect on the server (no warning). */\nexport const useIsomorphicLayoutEffect: typeof useEffect =\n typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ntype Fn = (...args: never[]) => unknown;\n\n/**\n * Create a store once and keep its options in step with props, without\n * loops: functions are wrapped once so their identity never changes, and data\n * options are compared by value, so inline objects and arrays are fine.\n */\nexport function useStore<O extends object, S, T extends StoreLike<O, S>>(\n create: (options: O) => T,\n options: O,\n): { store: T; state: S } {\n const latest = useRef(options);\n latest.current = options;\n const wrappers = useRef(new Map<string, Fn>());\n\n const prepare = (input: O): O => {\n const out: Record<string, unknown> = {};\n for (const [key, value] of Object.entries(input)) {\n if (typeof value === 'function') {\n let wrapper = wrappers.current.get(key);\n if (!wrapper) {\n wrapper = (...args: never[]) =>\n ((latest.current as Record<string, unknown>)[key] as Fn | undefined)?.(\n ...args,\n );\n wrappers.current.set(key, wrapper);\n }\n out[key] = wrapper;\n } else {\n out[key] = value;\n }\n }\n\n return out as O;\n };\n\n const [store] = useState(() => create(prepare(options)));\n const previous = useRef<O>(prepare(options));\n\n useIsomorphicLayoutEffect(() => {\n const next = prepare(options) as Record<string, unknown>;\n const before = previous.current as Record<string, unknown>;\n const changes: Record<string, unknown> = {};\n for (const key of new Set([...Object.keys(before), ...Object.keys(next)])) {\n if (!deepEqual(before[key], next[key])) {\n changes[key] = next[key];\n }\n }\n previous.current = next as O;\n if (Object.keys(changes).length > 0) {\n store.setOptions(changes as Partial<O>);\n }\n });\n\n const state = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getState(),\n () => store.getState(),\n );\n\n return { store, state };\n}\n\n/** Structural equality for plain data (dates, ranges, lists); identity for everything else. */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n if (Object.is(a, b)) {\n return true;\n }\n if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) {\n return false;\n }\n if (Array.isArray(a) || Array.isArray(b)) {\n return (\n Array.isArray(a) &&\n Array.isArray(b) &&\n a.length === b.length &&\n a.every((item, index) => deepEqual(item, b[index]))\n );\n }\n if (\n Object.getPrototypeOf(a) !== Object.prototype ||\n Object.getPrototypeOf(b) !== Object.prototype\n ) {\n return false;\n }\n const keysA = Object.keys(a);\n const keysB = Object.keys(b);\n\n return (\n keysA.length === keysB.length &&\n keysA.every((key) =>\n deepEqual((a as Record<string, unknown>)[key], (b as Record<string, unknown>)[key]),\n )\n );\n}\n","import { useId, type ChangeEvent, type KeyboardEvent } from 'react';\nimport { getLocale, type CalendarSystem } from '@nepdatejs/core';\nimport {\n createCalendar,\n type CalendarOptions,\n type CalendarState,\n type CalendarStore,\n} from '@nepdatejs/calendar';\nimport type { PresetState } from '@nepdatejs/datepicker';\nimport {\n createDatePicker,\n createDateRangePicker,\n createDateTimePicker,\n createMultiDatePicker,\n type DateTimePickerOptions,\n type DateTimePickerState,\n type DateTimePickerStore,\n type DatePickerOptions,\n type DatePickerState,\n type DatePickerStore,\n type DateRangePickerOptions,\n type DateRangePickerState,\n type DateRangePickerStore,\n type MultiDatePickerOptions,\n type MultiDatePickerState,\n type MultiDatePickerStore,\n type RangeField,\n} from '@nepdatejs/datepicker';\nimport { useCalendarBindings, type ButtonProps, type CalendarBindings } from './bindings';\nimport { useStore } from './use-store';\n\n/** A standalone calendar: state, actions and prop getters. */\nexport function useCalendar(\n options: CalendarOptions = {},\n): CalendarBindings & { store: CalendarStore } {\n const { store, state } = useStore<CalendarOptions, CalendarState, CalendarStore>(\n createCalendar,\n options,\n );\n const bindings = useCalendarBindings(state, store.actions, options.locale, {\n getSnapshot: () => store.getState(),\n });\n\n return { ...bindings, store };\n}\n\nexport interface InputProps {\n id: string;\n /** Left out for an inline picker, whose calendar is always in the page. */\n role?: 'combobox';\n type: 'text';\n inputMode: 'numeric';\n autoComplete: 'off';\n value: string;\n placeholder: string;\n 'aria-haspopup'?: 'dialog';\n 'aria-expanded'?: boolean;\n 'aria-controls': string;\n 'aria-invalid'?: true;\n 'aria-describedby'?: string;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n onBlur: () => void;\n onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport interface PanelProps {\n id: string;\n /** 'group' for an inline picker. */\n role: 'dialog' | 'group';\n 'aria-label': string;\n}\n\nexport interface DatePickerBindings {\n readonly state: DatePickerState;\n readonly actions: DatePickerStore['actions'];\n readonly store: DatePickerStore;\n /** Prop getters for the panel's calendar. */\n readonly calendar: CalendarBindings;\n readonly ids: { input: string; panel: string; hint: string };\n getInputProps(extra?: { id?: string | undefined }): InputProps;\n getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n getClearProps(): ButtonProps;\n /** The BS/AD switch inside the input. */\n getSwitchProps(): ButtonProps;\n /** One button of the BS/AD segment in the panel footer. */\n getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n getTodayProps(): ButtonProps;\n getPanelProps(): PanelProps;\n /** A shortcut button (see state.presets). */\n getPresetProps(preset: PresetState): ButtonProps;\n}\n\n/** A BS/AD date picker without markup: wire the getters to your own elements. */\nexport function useDatePicker(\n options: DatePickerOptions & { id?: string | undefined } = {},\n): DatePickerBindings {\n const { id: givenId, ...storeOptions } = options;\n const { store, state } = useStore<DatePickerOptions, DatePickerState, DatePickerStore>(\n createDatePicker,\n storeOptions,\n );\n const generated = useId();\n const input = givenId ?? `ndp${generated.replace(/:/g, '')}`;\n const ids = { input, panel: `${input}-panel`, hint: `${input}-hint` };\n const labels = getLocale(options.locale);\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.select(date);\n },\n },\n );\n const hasHint = state.error !== null || state.equivalentText !== null;\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids,\n getInputProps: () => ({\n id: ids.input,\n ...popupProps(state),\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n value: state.text,\n placeholder: state.placeholder,\n 'aria-controls': ids.panel,\n ...(state.error ? { 'aria-invalid': true as const } : {}),\n ...(hasHint ? { 'aria-describedby': ids.hint } : {}),\n onChange: (event) => {\n store.actions.type(event.target.value);\n },\n onBlur: () => {\n store.actions.blur();\n },\n onKeyDown: (event) => {\n if (event.key === 'ArrowDown' && (event.altKey || state.text === '')) {\n event.preventDefault();\n store.actions.open();\n }\n },\n }),\n getToggleProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.openCalendar,\n 'aria-expanded': state.open,\n 'aria-controls': ids.panel,\n onClick: () => {\n store.actions.toggle();\n },\n }),\n getClearProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.clear,\n onClick: () => {\n store.actions.clear();\n },\n }),\n getSwitchProps: () => {\n const other: CalendarSystem = state.calendar === 'BS' ? 'AD' : 'BS';\n\n return {\n type: 'button',\n 'aria-label': `${labels.labels.calendar}: ${labels.calendarNames[state.calendar]} → ${labels.calendarNames[other]}`,\n onClick: () => {\n store.actions.switchCalendar(other);\n },\n };\n },\n getCalendarOptionProps: (option) => ({\n type: 'button',\n 'aria-pressed': state.calendar === option,\n onClick: () => {\n store.actions.switchCalendar(option);\n },\n }),\n getTodayProps: () => ({\n type: 'button',\n onClick: () => {\n store.actions.selectToday();\n },\n }),\n getPanelProps: () => ({\n id: ids.panel,\n role: state.inline ? 'group' : 'dialog',\n 'aria-label': labels.labels.chooseDate,\n }),\n getPresetProps: (preset) =>\n presetProps(preset, (id) => store.actions.applyPreset(id)),\n };\n}\n\n/** Combobox ARIA for a popup picker; an inline picker's input is a plain text field. */\nexport function popupProps(state: {\n readonly open: boolean;\n readonly inline: boolean;\n}): Pick<InputProps, 'role' | 'aria-haspopup' | 'aria-expanded'> {\n return state.inline\n ? {}\n : { role: 'combobox', 'aria-haspopup': 'dialog', 'aria-expanded': state.open };\n}\n\nfunction presetProps(preset: PresetState, apply: (id: string) => boolean): ButtonProps {\n return {\n type: 'button',\n 'aria-pressed': preset.isActive,\n disabled: preset.isDisabled,\n onClick: () => {\n apply(preset.id);\n },\n };\n}\n\nexport interface DateRangePickerBindings {\n readonly state: DateRangePickerState;\n readonly actions: DateRangePickerStore['actions'];\n readonly store: DateRangePickerStore;\n readonly calendar: CalendarBindings;\n readonly ids: { start: string; end: string; panel: string; hint: string };\n getInputProps(field: RangeField): Omit<InputProps, 'onChange' | 'onBlur'> & {\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n onBlur: () => void;\n };\n getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n getPanelProps(): PanelProps;\n getPresetProps(preset: PresetState): ButtonProps;\n}\n\n/** A BS/AD date range picker without markup. */\nexport function useDateRangePicker(\n options: DateRangePickerOptions = {},\n): DateRangePickerBindings {\n const { store, state } = useStore<\n DateRangePickerOptions,\n DateRangePickerState,\n DateRangePickerStore\n >(createDateRangePicker, options);\n const base = `ndp${useId().replace(/:/g, '')}`;\n const ids = {\n start: `${base}-start`,\n end: `${base}-end`,\n panel: `${base}-panel`,\n hint: `${base}-hint`,\n };\n const labels = getLocale(options.locale);\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.select(date);\n },\n },\n );\n const texts: Record<RangeField, string> = {\n start: state.startText,\n end: state.endText,\n };\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids,\n getInputProps: (field) => {\n const invalid =\n state.error !== null &&\n (state.error.field === field || state.error.field === 'range');\n\n return {\n id: ids[field],\n ...popupProps(state),\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n value: texts[field],\n placeholder: state.placeholder,\n 'aria-controls': ids.panel,\n ...(invalid ? { 'aria-invalid': true as const } : {}),\n ...(state.error ? { 'aria-describedby': ids.hint } : {}),\n onChange: (event) => {\n store.actions.type(field, event.target.value);\n },\n onBlur: () => {\n store.actions.blur(field);\n },\n onKeyDown: (event) => {\n if (event.key === 'ArrowDown' && (event.altKey || texts[field] === '')) {\n event.preventDefault();\n store.actions.open();\n }\n },\n };\n },\n getToggleProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.openCalendar,\n 'aria-expanded': state.open,\n 'aria-controls': ids.panel,\n onClick: () => {\n store.actions.toggle();\n },\n }),\n getCalendarOptionProps: (option) => ({\n type: 'button',\n 'aria-pressed': state.calendar === option,\n onClick: () => {\n store.actions.switchCalendar(option);\n },\n }),\n getPanelProps: () => ({\n id: ids.panel,\n role: state.inline ? 'group' : 'dialog',\n 'aria-label': labels.labels.chooseDate,\n }),\n getPresetProps: (preset) =>\n presetProps(preset, (id) => store.actions.applyPreset(id)),\n };\n}\n\nexport interface DateTimePickerBindings {\n readonly state: DateTimePickerState;\n readonly actions: DateTimePickerStore['actions'];\n readonly store: DateTimePickerStore;\n readonly calendar: CalendarBindings;\n readonly ids: { date: string; time: string; panel: string; hint: string };\n}\n\n/** A BS/AD date + time picker without markup. The value is a zoned ISO timestamp. */\nexport function useDateTimePicker(\n options: DateTimePickerOptions & { id?: string | undefined } = {},\n): DateTimePickerBindings {\n const { id: givenId, ...storeOptions } = options;\n const { store, state } = useStore<\n DateTimePickerOptions,\n DateTimePickerState,\n DateTimePickerStore\n >(createDateTimePicker, storeOptions);\n const base = givenId ?? `ndp${useId().replace(/:/g, '')}`;\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.selectDate(date);\n },\n },\n );\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids: {\n date: base,\n time: `${base}-time`,\n panel: `${base}-panel`,\n hint: `${base}-hint`,\n },\n };\n}\n\nexport interface MultiDatePickerBindings {\n readonly state: MultiDatePickerState;\n readonly actions: MultiDatePickerStore['actions'];\n readonly store: MultiDatePickerStore;\n readonly calendar: CalendarBindings;\n readonly ids: { input: string; panel: string; hint: string };\n getInputProps(): InputProps;\n getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n getClearProps(): ButtonProps;\n getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n getPanelProps(): PanelProps;\n}\n\n/** A picker for several separate BS/AD days, without markup (PICK-001). */\nexport function useMultiDatePicker(\n options: MultiDatePickerOptions & { id?: string | undefined } = {},\n): MultiDatePickerBindings {\n const { id: givenId, ...storeOptions } = options;\n const { store, state } = useStore<\n MultiDatePickerOptions,\n MultiDatePickerState,\n MultiDatePickerStore\n >(createMultiDatePicker, storeOptions);\n const input = givenId ?? `ndp${useId().replace(/:/g, '')}`;\n const ids = { input, panel: `${input}-panel`, hint: `${input}-hint` };\n const labels = getLocale(options.locale);\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.select(date);\n },\n },\n );\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids,\n getInputProps: () => ({\n id: ids.input,\n ...popupProps(state),\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n value: state.text,\n placeholder: state.placeholder,\n 'aria-controls': ids.panel,\n ...(state.error\n ? { 'aria-invalid': true as const, 'aria-describedby': ids.hint }\n : {}),\n onChange: (event) => {\n store.actions.type(event.target.value);\n },\n onBlur: () => {\n store.actions.blur();\n },\n onKeyDown: (event) => {\n if (event.key === 'ArrowDown' && (event.altKey || state.text === '')) {\n event.preventDefault();\n store.actions.open();\n }\n },\n }),\n getToggleProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.openCalendar,\n 'aria-expanded': state.open,\n 'aria-controls': ids.panel,\n onClick: () => {\n store.actions.toggle();\n },\n }),\n getClearProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.clear,\n onClick: () => {\n store.actions.clear();\n },\n }),\n getCalendarOptionProps: (option) => ({\n type: 'button',\n 'aria-pressed': state.calendar === option,\n onClick: () => {\n store.actions.switchCalendar(option);\n },\n }),\n getPanelProps: () => ({\n id: ids.panel,\n role: state.inline ? 'group' : 'dialog',\n 'aria-label': labels.labels.chooseDate,\n }),\n };\n}\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"headless-HxTkvgbz.cjs","names":["useRef","getLocale","useCallback","useEffect","useLayoutEffect","useRef","useState","useSyncExternalStore","createCalendar","createDatePicker","useId","getLocale","createDateRangePicker","createDateTimePicker","createMultiDatePicker"],"sources":["../src/bindings.ts","../src/use-store.ts","../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type Ref } from 'react';\nimport { getLocale, type CalendarDate, type LocaleCode } from '@nepdatejs/core';\nimport type {\n CalendarActions,\n CalendarState,\n DayCell,\n FocusKey,\n PickerCell,\n} from '@nepdatejs/calendar';\n\nconst FOCUS_KEYS: ReadonlySet<string> = new Set([\n 'ArrowLeft',\n 'ArrowRight',\n 'ArrowUp',\n 'ArrowDown',\n 'Home',\n 'End',\n 'PageUp',\n 'PageDown',\n]);\n\ntype DataAttrs = Record<`data-${string}`, string | boolean | undefined>;\n\nexport interface ButtonProps extends DataAttrs {\n type: 'button';\n tabIndex?: number;\n disabled?: boolean;\n 'aria-label'?: string;\n 'aria-pressed'?: boolean;\n 'aria-current'?: 'date';\n onClick: () => void;\n onFocus?: () => void;\n onMouseEnter?: () => void;\n}\n\nexport interface GridProps {\n role: 'grid';\n 'aria-label': string;\n ref: Ref<HTMLTableElement>;\n onKeyDown: (event: KeyboardEvent) => void;\n onMouseLeave: () => void;\n}\n\n/** Prop getters that turn a calendar store into accessible markup. */\nexport interface CalendarBindings {\n readonly state: CalendarState;\n readonly actions: CalendarActions;\n readonly getGridProps: () => GridProps;\n readonly getDayProps: (cell: DayCell) => ButtonProps;\n readonly getPrevProps: () => ButtonProps;\n readonly getNextProps: () => ButtonProps;\n /** The title buttons: month and year in the day view, the year (or page) otherwise. */\n readonly getTitleButtons: () => { key: string; label: string; props: ButtonProps }[];\n readonly getOptionProps: (\n tile: PickerCell,\n index: number,\n tiles: readonly PickerCell[],\n ) => ButtonProps;\n /** Move focus into the grid (e.g. when a panel opens). */\n readonly focusGrid: () => void;\n}\n\nexport function useCalendarBindings(\n state: CalendarState,\n actions: CalendarActions,\n locale: LocaleCode | undefined,\n options: {\n /** The store's latest snapshot, to tell whether a key press changed anything. */\n readonly getSnapshot: () => CalendarState;\n readonly onDayActivate?: ((date: CalendarDate) => void) | undefined;\n },\n): CalendarBindings {\n const { getSnapshot, onDayActivate } = options;\n const grid = useRef<HTMLTableElement | null>(null);\n const root = useRef<HTMLElement | null>(null);\n const focusRequested = useRef(false);\n const labels = getLocale(locale).labels;\n\n const focusGrid = useCallback((): void => {\n const scope = grid.current?.closest('.ndp-calendar') ?? grid.current ?? root.current;\n scope\n ?.querySelector<HTMLElement>('.ndp-day[tabindex=\"0\"], .ndp-option[tabindex=\"0\"]')\n ?.focus();\n }, []);\n\n useEffect(() => {\n if (focusRequested.current) {\n focusRequested.current = false;\n focusGrid();\n }\n });\n\n const requestFocus = (): void => {\n focusRequested.current = true;\n };\n\n const activate = onDayActivate ?? ((date: CalendarDate) => actions.select(date));\n const [monthName, yearText] = splitTitle(state.title);\n const focusIndex = (tiles: readonly PickerCell[]): number => {\n const selected = tiles.findIndex((tile) => tile.isSelected);\n const current = tiles.findIndex((tile) => tile.isCurrent);\n\n return Math.max(0, selected === -1 ? current : selected);\n };\n\n return {\n state,\n actions,\n focusGrid,\n getGridProps: () => ({\n role: 'grid',\n 'aria-label': state.title,\n ref: (node: HTMLTableElement | null) => {\n grid.current = node;\n },\n onKeyDown: (event) => {\n if (!FOCUS_KEYS.has(event.key)) {\n return;\n }\n event.preventDefault();\n requestFocus();\n actions.moveFocus(event.key as FocusKey, { shift: event.shiftKey });\n // Nothing moved (at a limit): keep focus here. Otherwise the effect focuses after React renders.\n if (getSnapshot() === state) {\n focusRequested.current = false;\n focusGrid();\n }\n },\n onMouseLeave: () => {\n if (state.selectionMode === 'range') {\n actions.hover(null);\n }\n },\n }),\n getDayProps: (cell) => ({\n type: 'button',\n tabIndex: cell.isFocusTarget ? 0 : -1,\n disabled: cell.isDisabled,\n 'aria-pressed': cell.isSelected,\n ...(cell.isToday ? { 'aria-current': 'date' as const } : {}),\n 'data-state': cell.state,\n 'data-weekend': cell.isWeekend || undefined,\n 'data-preview': (cell.isInRangePreview && !cell.isSelected) || undefined,\n 'data-outside': cell.isOutside || undefined,\n onClick: () => {\n if (!cell.isDisabled) {\n activate(cell.date);\n }\n },\n onFocus: () => {\n if (!cell.isFocusTarget) {\n actions.focus(cell.date);\n }\n },\n onMouseEnter: () => {\n if (state.selectionMode === 'range') {\n actions.hover(cell.isDisabled ? null : cell.date);\n }\n },\n }),\n getPrevProps: () => ({\n type: 'button',\n disabled: !state.canPrev,\n 'aria-label': state.view === 'day' ? labels.previousMonth : labels.previousYear,\n onClick: () => {\n actions.prev();\n },\n }),\n getNextProps: () => ({\n type: 'button',\n disabled: !state.canNext,\n 'aria-label': state.view === 'day' ? labels.nextMonth : labels.nextYear,\n onClick: () => {\n actions.next();\n },\n }),\n getTitleButtons: () =>\n state.view === 'day'\n ? [\n {\n key: 'month',\n label: monthName,\n props: {\n type: 'button',\n 'aria-label': `${labels.month}: ${monthName}`,\n onClick: () => {\n requestFocus();\n actions.setView('month');\n },\n },\n },\n {\n key: 'year',\n label: yearText,\n props: {\n type: 'button',\n 'aria-label': `${labels.year}: ${yearText}`,\n onClick: () => {\n requestFocus();\n actions.setView('year');\n },\n },\n },\n ]\n : [\n {\n key: 'up',\n label: state.title,\n props: {\n type: 'button',\n 'aria-label':\n state.view === 'fiscal'\n ? state.title\n : `${labels.year}: ${state.title}`,\n onClick: () => {\n requestFocus();\n actions.setView(state.view === 'month' ? 'year' : 'day');\n },\n },\n },\n ],\n getOptionProps: (tile, index, tiles) => ({\n type: 'button',\n tabIndex: index === focusIndex(tiles) ? 0 : -1,\n disabled: tile.isDisabled,\n 'aria-pressed': tile.isSelected,\n 'data-state': tile.isSelected ? 'selected' : tile.isCurrent ? 'current' : 'default',\n onClick: () => {\n requestFocus();\n if (state.view === 'month') {\n actions.chooseMonth(tile.value as 1);\n } else if (state.view === 'year') {\n actions.chooseYear(tile.value);\n } else {\n actions.chooseFiscalYear(tile.value);\n }\n },\n }),\n };\n}\n\n/** \"Kartik 2083\" → [\"Kartik\", \"2083\"]. */\nfunction splitTitle(title: string): [string, string] {\n const space = title.lastIndexOf(' ');\n\n return space === -1 ? [title, ''] : [title.slice(0, space), title.slice(space + 1)];\n}\n","import {\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n useSyncExternalStore,\n} from 'react';\n\ninterface StoreLike<O, S> {\n getState(): S;\n subscribe(listener: () => void): () => void;\n setOptions(changes: Partial<O>): void;\n}\n\n/** useLayoutEffect in the browser, useEffect on the server (no warning). */\nexport const useIsomorphicLayoutEffect: typeof useEffect =\n typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ntype Fn = (...args: never[]) => unknown;\n\n/**\n * Create a store once and keep its options in step with props, without\n * loops: functions are wrapped once so their identity never changes, and data\n * options are compared by value, so inline objects and arrays are fine.\n */\nexport function useStore<O extends object, S, T extends StoreLike<O, S>>(\n create: (options: O) => T,\n options: O,\n): { store: T; state: S } {\n const latest = useRef(options);\n latest.current = options;\n const wrappers = useRef(new Map<string, Fn>());\n\n const prepare = (input: O): O => {\n const out: Record<string, unknown> = {};\n for (const [key, value] of Object.entries(input)) {\n if (typeof value === 'function') {\n let wrapper = wrappers.current.get(key);\n if (!wrapper) {\n wrapper = (...args: never[]) =>\n ((latest.current as Record<string, unknown>)[key] as Fn | undefined)?.(\n ...args,\n );\n wrappers.current.set(key, wrapper);\n }\n out[key] = wrapper;\n } else {\n out[key] = value;\n }\n }\n\n return out as O;\n };\n\n const [store] = useState(() => create(prepare(options)));\n const previous = useRef<O>(prepare(options));\n\n useIsomorphicLayoutEffect(() => {\n const next = prepare(options) as Record<string, unknown>;\n const before = previous.current as Record<string, unknown>;\n const changes: Record<string, unknown> = {};\n for (const key of new Set([...Object.keys(before), ...Object.keys(next)])) {\n if (!deepEqual(before[key], next[key])) {\n changes[key] = next[key];\n }\n }\n previous.current = next as O;\n if (Object.keys(changes).length > 0) {\n store.setOptions(changes as Partial<O>);\n }\n });\n\n const state = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getState(),\n () => store.getState(),\n );\n\n return { store, state };\n}\n\n/** Structural equality for plain data (dates, ranges, lists); identity for everything else. */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n if (Object.is(a, b)) {\n return true;\n }\n if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) {\n return false;\n }\n if (Array.isArray(a) || Array.isArray(b)) {\n return (\n Array.isArray(a) &&\n Array.isArray(b) &&\n a.length === b.length &&\n a.every((item, index) => deepEqual(item, b[index]))\n );\n }\n if (\n Object.getPrototypeOf(a) !== Object.prototype ||\n Object.getPrototypeOf(b) !== Object.prototype\n ) {\n return false;\n }\n const keysA = Object.keys(a);\n const keysB = Object.keys(b);\n\n return (\n keysA.length === keysB.length &&\n keysA.every((key) =>\n deepEqual((a as Record<string, unknown>)[key], (b as Record<string, unknown>)[key]),\n )\n );\n}\n","import { useId, type ChangeEvent, type KeyboardEvent } from 'react';\nimport { getLocale, type CalendarSystem } from '@nepdatejs/core';\nimport {\n createCalendar,\n type CalendarOptions,\n type CalendarState,\n type CalendarStore,\n} from '@nepdatejs/calendar';\nimport type { PresetState } from '@nepdatejs/datepicker';\nimport {\n createDatePicker,\n createDateRangePicker,\n createDateTimePicker,\n createMultiDatePicker,\n type DateTimePickerOptions,\n type DateTimePickerState,\n type DateTimePickerStore,\n type DatePickerOptions,\n type DatePickerState,\n type DatePickerStore,\n type DateRangePickerOptions,\n type DateRangePickerState,\n type DateRangePickerStore,\n type MultiDatePickerOptions,\n type MultiDatePickerState,\n type MultiDatePickerStore,\n type RangeField,\n} from '@nepdatejs/datepicker';\nimport { useCalendarBindings, type ButtonProps, type CalendarBindings } from './bindings';\nimport { useStore } from './use-store';\n\n/** A standalone calendar: state, actions and prop getters. */\nexport function useCalendar(\n options: CalendarOptions = {},\n): CalendarBindings & { store: CalendarStore } {\n const { store, state } = useStore<CalendarOptions, CalendarState, CalendarStore>(\n createCalendar,\n options,\n );\n const bindings = useCalendarBindings(state, store.actions, options.locale, {\n getSnapshot: () => store.getState(),\n });\n\n return { ...bindings, store };\n}\n\nexport interface InputProps {\n id: string;\n /** Left out for an inline picker, whose calendar is always in the page. */\n role?: 'combobox';\n type: 'text';\n inputMode: 'numeric';\n autoComplete: 'off';\n value: string;\n placeholder: string;\n 'aria-haspopup'?: 'dialog';\n 'aria-expanded'?: boolean;\n 'aria-controls': string;\n 'aria-invalid'?: true;\n 'aria-describedby'?: string;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n onBlur: () => void;\n onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport interface PanelProps {\n id: string;\n /** 'group' for an inline picker. */\n role: 'dialog' | 'group';\n 'aria-label': string;\n}\n\nexport interface DatePickerBindings {\n readonly state: DatePickerState;\n readonly actions: DatePickerStore['actions'];\n readonly store: DatePickerStore;\n /** Prop getters for the panel's calendar. */\n readonly calendar: CalendarBindings;\n readonly ids: { input: string; panel: string; hint: string };\n getInputProps(extra?: { id?: string | undefined }): InputProps;\n getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n getClearProps(): ButtonProps;\n /** The BS/AD switch inside the input. */\n getSwitchProps(): ButtonProps;\n /** One button of the BS/AD segment in the panel footer. */\n getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n getTodayProps(): ButtonProps;\n getPanelProps(): PanelProps;\n /** A shortcut button (see state.presets). */\n getPresetProps(preset: PresetState): ButtonProps;\n}\n\n/** A BS/AD date picker without markup: wire the getters to your own elements. */\nexport function useDatePicker(\n options: DatePickerOptions & { id?: string | undefined } = {},\n): DatePickerBindings {\n const { id: givenId, ...storeOptions } = options;\n const { store, state } = useStore<DatePickerOptions, DatePickerState, DatePickerStore>(\n createDatePicker,\n storeOptions,\n );\n const generated = useId();\n const input = givenId ?? `ndp${generated.replace(/:/g, '')}`;\n const ids = { input, panel: `${input}-panel`, hint: `${input}-hint` };\n const labels = getLocale(options.locale);\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.select(date);\n },\n },\n );\n const hasHint = state.error !== null || state.equivalentText !== null;\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids,\n getInputProps: () => ({\n id: ids.input,\n ...popupProps(state),\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n value: state.text,\n placeholder: state.placeholder,\n 'aria-controls': ids.panel,\n ...(state.error ? { 'aria-invalid': true as const } : {}),\n ...(hasHint ? { 'aria-describedby': ids.hint } : {}),\n onChange: (event) => {\n store.actions.type(event.target.value);\n },\n onBlur: () => {\n store.actions.blur();\n },\n onKeyDown: (event) => {\n if (event.key === 'ArrowDown' && (event.altKey || state.text === '')) {\n event.preventDefault();\n store.actions.open();\n }\n },\n }),\n getToggleProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.openCalendar,\n 'aria-expanded': state.open,\n 'aria-controls': ids.panel,\n onClick: () => {\n store.actions.toggle();\n },\n }),\n getClearProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.clear,\n onClick: () => {\n store.actions.clear();\n },\n }),\n getSwitchProps: () => {\n const other: CalendarSystem = state.calendar === 'BS' ? 'AD' : 'BS';\n\n return {\n type: 'button',\n 'aria-label': `${labels.labels.calendar}: ${labels.calendarNames[state.calendar]} → ${labels.calendarNames[other]}`,\n onClick: () => {\n store.actions.switchCalendar(other);\n },\n };\n },\n getCalendarOptionProps: (option) => ({\n type: 'button',\n 'aria-pressed': state.calendar === option,\n onClick: () => {\n store.actions.switchCalendar(option);\n },\n }),\n getTodayProps: () => ({\n type: 'button',\n onClick: () => {\n store.actions.selectToday();\n },\n }),\n getPanelProps: () => ({\n id: ids.panel,\n role: state.inline ? 'group' : 'dialog',\n 'aria-label': labels.labels.chooseDate,\n }),\n getPresetProps: (preset) =>\n presetProps(preset, (id) => store.actions.applyPreset(id)),\n };\n}\n\n/** Combobox ARIA for a popup picker; an inline picker's input is a plain text field. */\nexport function popupProps(state: {\n readonly open: boolean;\n readonly inline: boolean;\n}): Pick<InputProps, 'role' | 'aria-haspopup' | 'aria-expanded'> {\n return state.inline\n ? {}\n : { role: 'combobox', 'aria-haspopup': 'dialog', 'aria-expanded': state.open };\n}\n\nfunction presetProps(preset: PresetState, apply: (id: string) => boolean): ButtonProps {\n return {\n type: 'button',\n 'aria-pressed': preset.isActive,\n disabled: preset.isDisabled,\n onClick: () => {\n apply(preset.id);\n },\n };\n}\n\nexport interface DateRangePickerBindings {\n readonly state: DateRangePickerState;\n readonly actions: DateRangePickerStore['actions'];\n readonly store: DateRangePickerStore;\n readonly calendar: CalendarBindings;\n readonly ids: { start: string; end: string; panel: string; hint: string };\n getInputProps(field: RangeField): Omit<InputProps, 'onChange' | 'onBlur'> & {\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n onBlur: () => void;\n };\n getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n getPanelProps(): PanelProps;\n getPresetProps(preset: PresetState): ButtonProps;\n}\n\n/** A BS/AD date range picker without markup. */\nexport function useDateRangePicker(\n options: DateRangePickerOptions = {},\n): DateRangePickerBindings {\n const { store, state } = useStore<\n DateRangePickerOptions,\n DateRangePickerState,\n DateRangePickerStore\n >(createDateRangePicker, options);\n const base = `ndp${useId().replace(/:/g, '')}`;\n const ids = {\n start: `${base}-start`,\n end: `${base}-end`,\n panel: `${base}-panel`,\n hint: `${base}-hint`,\n };\n const labels = getLocale(options.locale);\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.select(date);\n },\n },\n );\n const texts: Record<RangeField, string> = {\n start: state.startText,\n end: state.endText,\n };\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids,\n getInputProps: (field) => {\n const invalid =\n state.error !== null &&\n (state.error.field === field || state.error.field === 'range');\n\n return {\n id: ids[field],\n ...popupProps(state),\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n value: texts[field],\n placeholder: state.placeholder,\n 'aria-controls': ids.panel,\n ...(invalid ? { 'aria-invalid': true as const } : {}),\n ...(state.error ? { 'aria-describedby': ids.hint } : {}),\n onChange: (event) => {\n store.actions.type(field, event.target.value);\n },\n onBlur: () => {\n store.actions.blur(field);\n },\n onKeyDown: (event) => {\n if (event.key === 'ArrowDown' && (event.altKey || texts[field] === '')) {\n event.preventDefault();\n store.actions.open();\n }\n },\n };\n },\n getToggleProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.openCalendar,\n 'aria-expanded': state.open,\n 'aria-controls': ids.panel,\n onClick: () => {\n store.actions.toggle();\n },\n }),\n getCalendarOptionProps: (option) => ({\n type: 'button',\n 'aria-pressed': state.calendar === option,\n onClick: () => {\n store.actions.switchCalendar(option);\n },\n }),\n getPanelProps: () => ({\n id: ids.panel,\n role: state.inline ? 'group' : 'dialog',\n 'aria-label': labels.labels.chooseDate,\n }),\n getPresetProps: (preset) =>\n presetProps(preset, (id) => store.actions.applyPreset(id)),\n };\n}\n\nexport interface DateTimePickerBindings {\n readonly state: DateTimePickerState;\n readonly actions: DateTimePickerStore['actions'];\n readonly store: DateTimePickerStore;\n readonly calendar: CalendarBindings;\n readonly ids: { date: string; time: string; panel: string; hint: string };\n}\n\n/** A BS/AD date + time picker without markup. The value is a zoned ISO timestamp. */\nexport function useDateTimePicker(\n options: DateTimePickerOptions & { id?: string | undefined } = {},\n): DateTimePickerBindings {\n const { id: givenId, ...storeOptions } = options;\n const { store, state } = useStore<\n DateTimePickerOptions,\n DateTimePickerState,\n DateTimePickerStore\n >(createDateTimePicker, storeOptions);\n const base = givenId ?? `ndp${useId().replace(/:/g, '')}`;\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.selectDate(date);\n },\n },\n );\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids: {\n date: base,\n time: `${base}-time`,\n panel: `${base}-panel`,\n hint: `${base}-hint`,\n },\n };\n}\n\nexport interface MultiDatePickerBindings {\n readonly state: MultiDatePickerState;\n readonly actions: MultiDatePickerStore['actions'];\n readonly store: MultiDatePickerStore;\n readonly calendar: CalendarBindings;\n readonly ids: { input: string; panel: string; hint: string };\n getInputProps(): InputProps;\n getToggleProps(): ButtonProps & { 'aria-expanded': boolean; 'aria-controls': string };\n getClearProps(): ButtonProps;\n getCalendarOptionProps(calendar: CalendarSystem): ButtonProps;\n getPanelProps(): PanelProps;\n}\n\n/** A picker for several separate BS/AD days, without markup (PICK-001). */\nexport function useMultiDatePicker(\n options: MultiDatePickerOptions & { id?: string | undefined } = {},\n): MultiDatePickerBindings {\n const { id: givenId, ...storeOptions } = options;\n const { store, state } = useStore<\n MultiDatePickerOptions,\n MultiDatePickerState,\n MultiDatePickerStore\n >(createMultiDatePicker, storeOptions);\n const input = givenId ?? `ndp${useId().replace(/:/g, '')}`;\n const ids = { input, panel: `${input}-panel`, hint: `${input}-hint` };\n const labels = getLocale(options.locale);\n const calendar = useCalendarBindings(\n state.calendarState,\n store.calendar.actions,\n options.locale,\n {\n getSnapshot: () => store.calendar.getState(),\n onDayActivate: (date) => {\n store.actions.select(date);\n },\n },\n );\n\n return {\n state,\n actions: store.actions,\n store,\n calendar,\n ids,\n getInputProps: () => ({\n id: ids.input,\n ...popupProps(state),\n type: 'text',\n inputMode: 'numeric',\n autoComplete: 'off',\n value: state.text,\n placeholder: state.placeholder,\n 'aria-controls': ids.panel,\n ...(state.error\n ? { 'aria-invalid': true as const, 'aria-describedby': ids.hint }\n : {}),\n onChange: (event) => {\n store.actions.type(event.target.value);\n },\n onBlur: () => {\n store.actions.blur();\n },\n onKeyDown: (event) => {\n if (event.key === 'ArrowDown' && (event.altKey || state.text === '')) {\n event.preventDefault();\n store.actions.open();\n }\n },\n }),\n getToggleProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.openCalendar,\n 'aria-expanded': state.open,\n 'aria-controls': ids.panel,\n onClick: () => {\n store.actions.toggle();\n },\n }),\n getClearProps: () => ({\n type: 'button',\n 'aria-label': labels.labels.clear,\n onClick: () => {\n store.actions.clear();\n },\n }),\n getCalendarOptionProps: (option) => ({\n type: 'button',\n 'aria-pressed': state.calendar === option,\n onClick: () => {\n store.actions.switchCalendar(option);\n },\n }),\n getPanelProps: () => ({\n id: ids.panel,\n role: state.inline ? 'group' : 'dialog',\n 'aria-label': labels.labels.chooseDate,\n }),\n };\n}\n"],"mappings":"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"}