@dxos/react-ui-calendar 0.8.4-main.2c6827d

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 (34) hide show
  1. package/LICENSE +8 -0
  2. package/README.md +1 -0
  3. package/dist/lib/browser/index.mjs +279 -0
  4. package/dist/lib/browser/index.mjs.map +7 -0
  5. package/dist/lib/browser/meta.json +1 -0
  6. package/dist/lib/node-esm/index.mjs +281 -0
  7. package/dist/lib/node-esm/index.mjs.map +7 -0
  8. package/dist/lib/node-esm/meta.json +1 -0
  9. package/dist/types/src/components/Calendar/Calendar.d.ts +47 -0
  10. package/dist/types/src/components/Calendar/Calendar.d.ts.map +1 -0
  11. package/dist/types/src/components/Calendar/Calendar.stories.d.ts +27 -0
  12. package/dist/types/src/components/Calendar/Calendar.stories.d.ts.map +1 -0
  13. package/dist/types/src/components/Calendar/index.d.ts +2 -0
  14. package/dist/types/src/components/Calendar/index.d.ts.map +1 -0
  15. package/dist/types/src/components/Calendar/util.d.ts +4 -0
  16. package/dist/types/src/components/Calendar/util.d.ts.map +1 -0
  17. package/dist/types/src/components/index.d.ts +2 -0
  18. package/dist/types/src/components/index.d.ts.map +1 -0
  19. package/dist/types/src/index.d.ts +2 -0
  20. package/dist/types/src/index.d.ts.map +1 -0
  21. package/dist/types/src/translations.d.ts +9 -0
  22. package/dist/types/src/translations.d.ts.map +1 -0
  23. package/dist/types/src/types.d.ts +175 -0
  24. package/dist/types/src/types.d.ts.map +1 -0
  25. package/dist/types/tsconfig.tsbuildinfo +1 -0
  26. package/package.json +64 -0
  27. package/src/components/Calendar/Calendar.stories.tsx +76 -0
  28. package/src/components/Calendar/Calendar.tsx +318 -0
  29. package/src/components/Calendar/index.ts +5 -0
  30. package/src/components/Calendar/util.ts +22 -0
  31. package/src/components/index.ts +5 -0
  32. package/src/index.ts +5 -0
  33. package/src/translations.ts +17 -0
  34. package/src/types.ts +193 -0
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/Calendar/Calendar.tsx", "../../../src/translations.ts", "../../../src/components/Calendar/util.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, differenceInWeeks, format, startOfWeek } from 'date-fns';\nimport React, {\n type Dispatch,\n type PropsWithChildren,\n type SetStateAction,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { Icon, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../../translations';\n\nimport { getDate, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 48;\nconst defaultWidth = 7 * size;\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n type: 'scroll';\n date: Date;\n};\n\ntype CalendarContextValue = {\n weekStartsOn: Day;\n event: Event<CalendarEvent>;\n index: number | undefined;\n setIndex: Dispatch<SetStateAction<number | undefined>>;\n selected: Date | undefined;\n setSelected: Dispatch<SetStateAction<Date | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n ({ children, weekStartsOn = 1 }, forwardedRef) => {\n const event = useMemo(() => new Event<CalendarEvent>(), []);\n const [selected, setSelected] = useState<Date | undefined>();\n const [index, setIndex] = useState<number | undefined>();\n\n useImperativeHandle(\n forwardedRef,\n () => ({\n scrollTo: (date: Date) => {\n event.emit({ type: 'scroll', date });\n },\n }),\n [event],\n );\n\n return (\n <CalendarContextProvider\n weekStartsOn={weekStartsOn}\n event={event}\n index={index}\n setIndex={setIndex}\n selected={selected}\n setSelected={setSelected}\n >\n {children}\n </CalendarContextProvider>\n );\n },\n);\n\n//\n// Viewport\n//\n\ntype CalendarViewportProps = PropsWithChildren<ThemedClassName>;\n\nconst CalendarViewport = ({ children, classNames }: CalendarViewportProps) => {\n return (\n <div role='none' className={mx('flex flex-col items-center overflow-hidden bg-inputSurface', classNames)}>\n {children}\n </div>\n );\n};\n\nCalendarViewport.displayName = 'CalendarContent';\n\n//\n// Header\n//\n\ntype CalendarToolbarProps = ThemedClassName;\n\nconst CalendarToolbar = ({ classNames }: CalendarToolbarProps) => {\n const { t } = useTranslation(translationKey);\n const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarToolbar.displayName);\n const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n const today = useMemo(() => new Date(), []);\n\n const handleToday = useCallback(() => {\n event.emit({ type: 'scroll', date: today });\n }, [event, start, today]);\n\n return (\n <div\n role='none'\n className={mx('shink-0 is-full grid grid-cols-3 items-center bg-barSurface', classNames)}\n style={{ width: defaultWidth }}\n >\n <div className='flex justify-start'>\n <IconButton\n variant='ghost'\n size={5}\n icon='ph--calendar--regular'\n iconOnly\n classNames='aspect-square'\n label={t('today button')}\n onClick={handleToday}\n />\n </div>\n <div className='flex justify-center p-2 text-description'>{format(selected ?? top, 'MMMM')}</div>\n <div className='flex justify-end p-2 text-description'>{(selected ?? top).getFullYear()}</div>\n </div>\n );\n};\n\nCalendarToolbar.displayName = 'CalendarHeader';\n\n//\n// Grid\n// TODO(burdon): Key nav.\n// TODO(burdon): Drag range.\n//\n\ntype CalendarGridProps = ThemedClassName<{\n rows?: number;\n onSelect?: (event: { date: Date }) => void;\n}>;\n\nconst CalendarGrid = ({ classNames, rows, onSelect }: CalendarGridProps) => {\n const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CalendarGrid.displayName);\n const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n const maxHeight = rows ? rows * size : undefined;\n const listRef = useRef<List>(null);\n const today = useMemo(() => new Date(), []);\n\n const [initialized, setInitialized] = useState(false);\n useEffect(() => {\n const index = differenceInWeeks(today, start);\n listRef.current?.scrollToRow(index);\n }, [initialized, start, today]);\n\n useEffect(() => {\n return event.on((event) => {\n switch (event.type) {\n case 'scroll': {\n const index = differenceInWeeks(event.date, start);\n listRef.current?.scrollToRow(index);\n break;\n }\n }\n });\n }, [event]);\n\n const days = useMemo(() => {\n const weekStart = startOfWeek(new Date(), { weekStartsOn });\n return Array.from({ length: 7 }, (_, i) => {\n const day = addDays(weekStart, i);\n return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n });\n }, []);\n\n // TODO(burdon): Get info by range.\n // TODO(burdon): Border marker for \"all day events?\"\n const getNumAppointments = useCallback((_date: Date) => {\n // return Math.floor(Math.random() * 10);\n return 0;\n }, []);\n\n const handleDaySelect = useCallback(\n (date: Date) => {\n setSelected((current) => (isSameDay(date, current) ? undefined : date));\n onSelect?.({ date });\n },\n [onSelect],\n );\n\n const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n setIndex(Math.round(info.scrollTop / size));\n }, []);\n\n const rowRenderer = useCallback<ListRowRenderer>(\n ({ key, index, style }) => {\n const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modalSurface';\n return (\n <div key={key} role='none' style={style} className='is-full grid grid-cols-[1fr_max-content_1fr] snap-center'>\n <div role='none' className={mx(getBgColor(getDate(start, index, 0, weekStartsOn)))} />\n <div role='none' className='grid grid-cols-7' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>\n {Array.from({ length: 7 }).map((_, i) => {\n const date = getDate(start, index, i, weekStartsOn);\n const num = getNumAppointments(date);\n const border = isSameDay(date, selected)\n ? 'border-primary-500'\n : isSameDay(date, today)\n ? 'border-amber-500'\n : undefined;\n\n return (\n <div\n key={i}\n role='none'\n className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}\n onClick={() => handleDaySelect(date)}\n >\n <span className='text-description'>{date.getDate()}</span>\n {!border && date.getDate() === 1 && (\n <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n )}\n {border && (\n <div\n role='none'\n className={mx('absolute top-0 left-0 is-full bs-full border-2 rounded-full', border)}\n />\n )}\n {num > 0 && (\n <Icon\n classNames='absolute bottom-0'\n icon={num > 3 ? 'ph--dots-three--regular' : 'ph--dot--regular'}\n size={5}\n />\n )}\n </div>\n );\n })}\n </div>\n <div className={mx(getBgColor(getDate(start, index, 6, weekStartsOn)))} />\n </div>\n );\n },\n [handleDaySelect, getNumAppointments, selected, weekStartsOn],\n );\n\n return (\n <div role='none' className={mx('flex flex-col bs-full is-full justify-center overflow-hidden', classNames)}>\n {/* Day labels */}\n <div role='none' className='flex justify-center bg-groupSurface'>\n <div role='none' className='flex is-full grid grid-cols-7' style={{ width: defaultWidth }}>\n {days.map((date, i) => (\n <div key={i} role='none' className='flex justify-center p-2 text-sm font-thin'>\n {date}\n </div>\n ))}\n </div>\n </div>\n\n {/* Grid */}\n <div role='none' className='flex flex-col bs-full is-full justify-center overflow-hidden' ref={containerRef}>\n <List\n ref={listRef}\n role='none'\n // TODO(burdon): Snap isn't working.\n className='[&>div]:snap-y scrollbar-none outline-none'\n width={width}\n height={maxHeight ?? height}\n rowCount={maxRows}\n rowHeight={size}\n rowRenderer={rowRenderer}\n scrollToAlignment='start'\n onScroll={handleScroll}\n onRowsRendered={() => setInitialized(true)}\n />\n </div>\n </div>\n );\n};\n\nCalendarGrid.displayName = 'CalendarGrid';\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n Root: CalendarRoot,\n Viewport: CalendarViewport,\n Toolbar: CalendarToolbar,\n Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarToolbarProps, CalendarGridProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-calendar';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {\n 'today button': 'Today',\n },\n },\n },\n] as const satisfies Resource[];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n const result = new Date(start);\n const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n return result;\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n return (\n !!date2 &&\n date1.getFullYear() === date2.getFullYear() &&\n date1.getMonth() === date2.getMonth() &&\n date1.getDate() === date2.getDate()\n );\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["createContext", "addDays", "differenceInWeeks", "format", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "Icon", "IconButton", "useTranslation", "mx", "translationKey", "translations", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "useImperativeHandle", "scrollTo", "date", "emit", "type", "CalendarViewport", "classNames", "div", "role", "className", "mx", "displayName", "CalendarToolbar", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "style", "width", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "format", "getFullYear", "CalendarGrid", "rows", "onSelect", "ref", "containerRef", "height", "useResizeDetector", "maxHeight", "undefined", "listRef", "useRef", "initialized", "setInitialized", "useEffect", "differenceInWeeks", "current", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "from", "length", "_", "i", "day", "addDays", "getNumAppointments", "_date", "handleDaySelect", "isSameDay", "handleScroll", "info", "Math", "round", "scrollTop", "rowRenderer", "key", "getBgColor", "getMonth", "gridTemplateColumns", "map", "num", "border", "span", "Icon", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Viewport", "Toolbar", "Grid"]
7
+ }
@@ -0,0 +1 @@
1
+ {"inputs":{"src/translations.ts":{"bytes":1182,"imports":[],"format":"esm"},"src/components/Calendar/util.ts":{"bytes":2802,"imports":[],"format":"esm"},"src/components/Calendar/Calendar.tsx":{"bytes":32136,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/Calendar/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/components/Calendar/index.ts":{"bytes":476,"imports":[{"path":"src/components/Calendar/Calendar.tsx","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/components/index.ts":{"bytes":467,"imports":[{"path":"src/components/Calendar/index.ts","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/index.ts":{"bytes":462,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18583},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Calendar"],"entryPoint":"src/index.ts","inputs":{"src/components/Calendar/Calendar.tsx":{"bytesInOutput":8682},"src/translations.ts":{"bytesInOutput":161},"src/components/Calendar/util.ts":{"bytesInOutput":517},"src/components/Calendar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":9652}}}
@@ -0,0 +1,47 @@
1
+ import { type Day } from 'date-fns';
2
+ import React, { type Dispatch, type PropsWithChildren, type SetStateAction } from 'react';
3
+ import { Event } from '@dxos/async';
4
+ import { type ThemedClassName } from '@dxos/react-ui';
5
+ type CalendarEvent = {
6
+ type: 'scroll';
7
+ date: Date;
8
+ };
9
+ type CalendarContextValue = {
10
+ weekStartsOn: Day;
11
+ event: Event<CalendarEvent>;
12
+ index: number | undefined;
13
+ setIndex: Dispatch<SetStateAction<number | undefined>>;
14
+ selected: Date | undefined;
15
+ setSelected: Dispatch<SetStateAction<Date | undefined>>;
16
+ };
17
+ type CalendarController = {
18
+ scrollTo: (date: Date) => void;
19
+ };
20
+ type CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;
21
+ type CalendarViewportProps = PropsWithChildren<ThemedClassName>;
22
+ type CalendarToolbarProps = ThemedClassName;
23
+ type CalendarGridProps = ThemedClassName<{
24
+ rows?: number;
25
+ onSelect?: (event: {
26
+ date: Date;
27
+ }) => void;
28
+ }>;
29
+ export declare const Calendar: {
30
+ Root: React.ForwardRefExoticComponent<Partial<Pick<CalendarContextValue, "weekStartsOn">> & {
31
+ children?: React.ReactNode | undefined;
32
+ } & React.RefAttributes<CalendarController>>;
33
+ Viewport: {
34
+ ({ children, classNames }: CalendarViewportProps): React.JSX.Element;
35
+ displayName: string;
36
+ };
37
+ Toolbar: {
38
+ ({ classNames }: CalendarToolbarProps): React.JSX.Element;
39
+ displayName: string;
40
+ };
41
+ Grid: {
42
+ ({ classNames, rows, onSelect }: CalendarGridProps): React.JSX.Element;
43
+ displayName: string;
44
+ };
45
+ };
46
+ export type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarToolbarProps, CalendarGridProps };
47
+ //# sourceMappingURL=Calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAC;AACrF,OAAO,KAAK,EAAE,EACZ,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAoB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAgBxF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,GAAG,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvD,QAAQ,EAAE,IAAI,GAAG,SAAS,CAAC;IAC3B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;CACzD,CAAC;AAQF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC,CAAC;AAMF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAqChG,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAgBhE,KAAK,oBAAoB,GAAG,eAAe,CAAC;AA2C5C,KAAK,iBAAiB,GAAG,eAAe,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAiJH,eAAO,MAAM,QAAQ;;;;;mCA7M+B,qBAAqB;;;;yBAgBhC,oBAAoB;;;;yCA8CP,iBAAiB;;;CAoJtE,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ ({ classNames, rows, onSelect }: import("./Calendar").CalendarGridProps): React.JSX.Element;
7
+ displayName: string;
8
+ };
9
+ decorators: import("@storybook/react").Decorator[];
10
+ parameters: {
11
+ layout: string;
12
+ translations: [{
13
+ readonly 'en-US': {
14
+ readonly "react-ui-calendar": {
15
+ readonly 'today button': "Today";
16
+ };
17
+ };
18
+ }];
19
+ };
20
+ };
21
+ export default meta;
22
+ type Story = StoryObj<typeof meta>;
23
+ export declare const Default: Story;
24
+ export declare const Border: Story;
25
+ export declare const Column: Story;
26
+ export declare const Mobile: Story;
27
+ //# sourceMappingURL=Calendar.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Calendar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/Calendar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAQ4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Calendar';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { type Day } from 'date-fns';
2
+ export declare const getDate: (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day) => Date;
3
+ export declare const isSameDay: (date1: Date, date2: Date | undefined) => boolean;
4
+ //# sourceMappingURL=util.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,OAAO,GAAI,OAAO,IAAI,EAAE,YAAY,MAAM,EAAE,WAAW,MAAM,EAAE,cAAc,GAAG,KAAG,IAM/F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,IAAI,EAAE,OAAO,IAAI,GAAG,SAAS,KAAG,OAOhE,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Calendar';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare const translationKey = "react-ui-calendar";
2
+ export declare const translations: [{
3
+ readonly 'en-US': {
4
+ readonly "react-ui-calendar": {
5
+ readonly 'today button': "Today";
6
+ };
7
+ };
8
+ }];
9
+ //# sourceMappingURL=translations.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,sBAAsB,CAAC;AAElD,eAAO,MAAM,YAAY;;;;;;EAQM,CAAC"}
@@ -0,0 +1,175 @@
1
+ import { type Locale } from 'date-fns';
2
+ import { type RefObject } from 'react';
3
+ /**
4
+ * Calendar types and interfaces.
5
+ */
6
+ export type DateString = string;
7
+ export type DisplayMode = 'days' | 'years';
8
+ export type LayoutMode = 'portrait' | 'landscape';
9
+ /**
10
+ * Locale configuration for the calendar.
11
+ */
12
+ export interface CalendarLocale {
13
+ blank?: string;
14
+ headerFormat?: string;
15
+ todayLabel?: {
16
+ long: string;
17
+ short?: string;
18
+ };
19
+ weekdays?: string[];
20
+ weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
21
+ locale?: Locale;
22
+ }
23
+ /**
24
+ * Theme configuration for the calendar.
25
+ */
26
+ export interface CalendarTheme {
27
+ floatingNav?: {
28
+ background?: string;
29
+ chevron?: string;
30
+ color?: string;
31
+ };
32
+ headerColor?: string;
33
+ selectionColor?: string | ((date: DateString) => string);
34
+ textColor?: {
35
+ active?: string;
36
+ default?: string;
37
+ };
38
+ todayColor?: string;
39
+ weekdayColor?: string;
40
+ overlayColor?: string;
41
+ }
42
+ /**
43
+ * Display options for the calendar.
44
+ */
45
+ export interface DisplayOptions {
46
+ hideYearsOnSelect?: boolean;
47
+ layout?: LayoutMode;
48
+ overscanMonthCount?: number;
49
+ shouldHeaderAnimate?: boolean;
50
+ showHeader?: boolean;
51
+ showMonthsForYears?: boolean;
52
+ showOverlay?: boolean;
53
+ showTodayHelper?: boolean;
54
+ showWeekdays?: boolean;
55
+ todayHelperRowOffset?: number;
56
+ }
57
+ /**
58
+ * Month data structure.
59
+ */
60
+ export interface MonthData {
61
+ month: number;
62
+ year: number;
63
+ }
64
+ /**
65
+ * Month rendering data.
66
+ */
67
+ export interface MonthRenderData {
68
+ date: Date;
69
+ rows: number[][];
70
+ }
71
+ /**
72
+ * Day props for rendering.
73
+ */
74
+ export interface DayProps {
75
+ date: DateString;
76
+ day: number;
77
+ month: number;
78
+ year: number;
79
+ monthShort: string;
80
+ currentYear: number;
81
+ isDisabled: boolean;
82
+ isToday: boolean;
83
+ isSelected: boolean;
84
+ isHighlighted?: boolean;
85
+ onClick?: (date: Date) => void;
86
+ handlers?: Record<string, any>;
87
+ className?: string;
88
+ }
89
+ /**
90
+ * Calendar props.
91
+ */
92
+ export interface CalendarProps {
93
+ autoFocus?: boolean;
94
+ className?: string;
95
+ disabledDates?: Date[];
96
+ disabledDays?: number[];
97
+ display?: DisplayMode;
98
+ displayOptions?: DisplayOptions;
99
+ height?: number;
100
+ keyboardSupport?: boolean;
101
+ locale?: CalendarLocale;
102
+ max?: Date;
103
+ maxDate?: Date;
104
+ min?: Date;
105
+ minDate?: Date;
106
+ onScroll?: (scrollTop: number, event?: Event) => void;
107
+ onScrollEnd?: (scrollTop: number) => void;
108
+ onSelect?: (date: Date) => void;
109
+ onHighlightedDateChange?: (date: Date) => void;
110
+ rowHeight?: number;
111
+ scrollDate?: Date;
112
+ selected?: Date | DateString;
113
+ tabIndex?: number;
114
+ theme?: CalendarTheme;
115
+ width?: number | string;
116
+ }
117
+ /**
118
+ * Month props.
119
+ */
120
+ export interface MonthProps {
121
+ monthDate: Date;
122
+ rows: number[][];
123
+ rowHeight: number;
124
+ selected?: DateString;
125
+ disabledDates?: DateString[];
126
+ disabledDays?: number[];
127
+ minDate: Date;
128
+ maxDate: Date;
129
+ today: Date;
130
+ locale: Required<CalendarLocale>;
131
+ theme: Required<CalendarTheme>;
132
+ showOverlay?: boolean;
133
+ isScrolling?: boolean;
134
+ onDayClick?: (date: Date) => void;
135
+ }
136
+ /**
137
+ * Hook return types for headless implementation.
138
+ */
139
+ export interface UseCalendarReturn {
140
+ containerProps: {
141
+ ref: RefObject<HTMLDivElement>;
142
+ tabIndex?: number;
143
+ className?: string;
144
+ 'aria-label': string;
145
+ };
146
+ display: DisplayMode;
147
+ locale: Required<CalendarLocale>;
148
+ theme: Required<CalendarTheme>;
149
+ displayOptions: Required<DisplayOptions>;
150
+ months: MonthData[];
151
+ today: Date;
152
+ scrollToDate: (date: Date, offset?: number, shouldAnimate?: boolean) => void;
153
+ scrollTo: (offset: number) => void;
154
+ getCurrentOffset: () => number;
155
+ getDateOffset: (date: Date) => number;
156
+ setDisplay: (display: DisplayMode) => void;
157
+ }
158
+ export interface UseDayReturn {
159
+ dayProps: {
160
+ onClick: () => void;
161
+ 'data-date': DateString;
162
+ className?: string;
163
+ };
164
+ isSelected: boolean;
165
+ isToday: boolean;
166
+ isDisabled: boolean;
167
+ isHighlighted: boolean;
168
+ selectionColor?: string;
169
+ }
170
+ export interface UseMonthReturn {
171
+ days: DayProps[];
172
+ monthLabel: string;
173
+ showOverlay: boolean;
174
+ }
175
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}