@veracity/vui 2.14.0-beta.0 → 2.14.0

package/dist/esm/calendar/calendar.types.d.ts

@@ -0,0 +1,81 @@
+import { BoxProps } from '../box';
+import { ThemingProps } from '../theme';
+export interface DateRange {
+    startDate?: Date;
+    endDate?: Date;
+}
+export type FlowDirection = 'next' | 'prev';
+/**
+ * Mode for this calendar
+ * Should it handle from date, to date or single date mode
+ */
+export type CalendarMode = 'exact' | 'from' | 'to' | 'range';
+export interface DefaultViewMonthProps {
+    boundaries?: DateRange;
+    isStartDate?: boolean;
+    selectedDate?: Date;
+}
+export interface MonthProps {
+    boundaries?: DateRange;
+    fixedNumberOfWeeks?: boolean;
+    mode: CalendarMode;
+    selectedDates?: DateRange;
+    timeUnitMode?: TimeUnitMode;
+    viewDate: Date;
+}
+export type ItemProps = {
+    boundary?: boolean;
+    current?: boolean;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    isToday?: boolean;
+    isSelected?: boolean;
+};
+/**
+ * Single time item like day in a month, month in a year and year in multiple years
+ */
+export interface TimeItem {
+    /** item is at the edge for a range, marking either start or end of it */
+    boundary: boolean;
+    /** item is clicked and selected by the user */
+    current: boolean;
+    /** the actual time item */
+    date: Date;
+    /** disabled because out of bounds */
+    isDisabled: boolean;
+    /** item should be hidden, for days we hide days that are not in the current month,
+     * but still are rendered due to weekDays */
+    isHidden: boolean;
+    /** item is in the selected range between two dates */
+    isSelected: boolean;
+    /** the date is today*/
+    isToday: boolean;
+}
+/**
+ * All the date items in a view and whether next/prev button should be disabled
+ */
+export interface TimeResult {
+    items: TimeItem[];
+    nextDisabled: boolean;
+    prevDisabled: boolean;
+}
+/**
+ * Time mode for calendar, display days in month, months in year or years in multiple years
+ */
+export type TimeUnitMode = 'day' | 'month' | 'year';
+export type CalendarProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Calendar'> & {
+    /** Allowed range to select from */
+    boundaries?: DateRange;
+    className?: string;
+    disabled?: boolean;
+    /** Including always 6 weeks into a month (used to have stable height in the calendar) */
+    fixedNumberOfWeeks?: boolean;
+    isStartDate?: boolean;
+    /** Calendar select mode: 'exact' | 'from' | 'to' | 'range' @default 'exact' */
+    mode: CalendarMode;
+    /** On selecting a day */
+    onSelectDates?: (value: DateRange) => void;
+    /** Selected date */
+    selectedDates?: DateRange;
+};
+//# sourceMappingURL=calendar.types.d.ts.map

package/dist/esm/calendar/calendar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.types.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAE3C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAA;AAE5D,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE,YAAY,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,yEAAyE;IACzE,QAAQ,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAA;IACnB;gDAC4C;IAC5C,QAAQ,EAAE,OAAO,CAAA;IACjB,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC5D,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+EAA+E;IAC/E,IAAI,EAAE,YAAY,CAAA;IAClB,yBAAyB;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,oBAAoB;IACpB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA"}

package/dist/esm/calendar/calendar.types.js

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

package/dist/esm/calendar/components/calendarHeader.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { FlowDirection, TimeUnitMode } from '../calendar.types';
+type Props = {
+    nextDisabled?: boolean;
+    onChangeViewItem: (direction: FlowDirection) => void;
+    onSetTimeUnitMode: (mode: TimeUnitMode) => void;
+    prevDisabled?: boolean;
+    timeUnitMode: TimeUnitMode;
+    viewMonth: Date;
+};
+/**
+ * Header for the calendar
+ */
+export declare const CalendarHeader: FC<Props>;
+export {};
+//# sourceMappingURL=calendarHeader.d.ts.map

package/dist/esm/calendar/components/calendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAiCpC,CAAA"}

package/dist/esm/calendar/components/calendarHeader.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Box from '../../box';
+import { IconButton } from '../../button';
+import { cs } from '../../utils';
+import { TimeUnitHeader } from './timeUnitHeader';
+const size = 40;
+/**
+ * Header for the calendar
+ */
+export const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, prevDisabled, timeUnitMode, viewMonth }) => (React.createElement(Box, { borderBottom: "1px solid lightgray", centerV: true, className: cs('vui-calendar-header') },
+    React.createElement(Box, { className: "vui-calendar-header-left" },
+        React.createElement(TimeUnitHeader, { onSetTimeUnitMode: onSetTimeUnitMode, timeUnitMode: timeUnitMode, viewMonth: viewMonth })),
+    React.createElement(Box, { className: "vui-calendar-header-right", flex: "1", justify: "flex-end" },
+        React.createElement(IconButton, { className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
+        React.createElement(IconButton, { className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));

package/dist/esm/calendar/components/dayPicker.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TimeResult } from '../calendar.types';
+type DayPickerProps = {
+    calendar: TimeResult;
+    onSelectDay?: (date: Date) => void;
+};
+export declare const DayPicker: ({ calendar, onSelectDay }: DayPickerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=dayPicker.d.ts.map

package/dist/esm/calendar/components/dayPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPicker.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/dayPicker.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAa,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGzD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,UAAU,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACnC,CAAA;AAiBD,eAAO,MAAM,SAAS,8BAA+B,cAAc,gBAyBlE,CAAA"}

package/dist/esm/calendar/components/dayPicker.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Box from '../../box';
+import { styled, th } from '../../core';
+import { cs } from '../../utils';
+import { CalendarItem, CalendarItemsContainer } from '../calendar.styles';
+import { weekDays } from '../consts';
+const DayItem = styled(CalendarItem) `
+  aspect-ratio: 1;
+  position: relative;
+  font-size: 14px;
+  font-weight: 500;
+  width: 40px;
+  height: 40px;
+  color: ${th.color('seaBlue.main')};
+`;
+const DaysContainer = styled(CalendarItemsContainer) `
+  grid-template-columns: repeat(7, 1fr);
+  grid-template-rows: auto;
+`;
+export const DayPicker = ({ calendar, onSelectDay }) => (React.createElement(DaysContainer, { className: cs('vui-day-picker'), mt: 1, wrap: true },
+    weekDays.map((day, index) => (React.createElement(Box, { border: 0, className: "dayHeader", color: "seaBlue.main", fontSize: 16, fontWeight: 500, key: `week-day-${index}` }, day))),
+    calendar.items.map(item => (React.createElement(DayItem, { className: cs('vui-day-item'), key: item.date.getTime(), onClick: (!item.isDisabled && onSelectDay?.(item.date)) || undefined, ...item }, item.date.getUTCDate())))));

package/dist/esm/calendar/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './dayPicker';
+export * from './calendarHeader';
+export * from './monthPicker';
+export * from './timeUnitHeader';
+export * from './yearPicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/calendar/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA"}

package/dist/esm/calendar/components/index.js

@@ -0,0 +1,5 @@
+export * from './dayPicker';
+export * from './calendarHeader';
+export * from './monthPicker';
+export * from './timeUnitHeader';
+export * from './yearPicker';

package/dist/esm/calendar/components/monthPicker.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TimeResult } from '../calendar.types';
+type MonthPickerProps = {
+    calendar: TimeResult;
+    onSelectMonth?: (date: Date) => void;
+};
+export declare const MonthPicker: ({ calendar, onSelectMonth }: MonthPickerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=monthPicker.d.ts.map

package/dist/esm/calendar/components/monthPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthPicker.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/monthPicker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG9C,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,UAAU,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,WAAW,gCAAiC,gBAAgB,gBAaxE,CAAA"}

package/dist/esm/calendar/components/monthPicker.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { cs } from '../../utils';
+import { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles';
+import { monthsShort } from '../consts';
+export const MonthPicker = ({ calendar, onSelectMonth }) => (React.createElement(CalendarItemsContainer, { className: cs('vui-month-picker'), gridTemplateRows: "repeat(4, 65px)" }, calendar.items.map(item => (React.createElement(MonthItem, { fontWeight: 500, key: item.date.getTime(), onClick: (!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined, ...item }, monthsShort[item.date.getUTCMonth()])))));

package/dist/esm/calendar/components/timeUnitHeader.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { TimeUnitMode } from '../calendar.types';
+type TimeUnitHeaderProps = {
+    onSetTimeUnitMode: (mode: TimeUnitMode) => void;
+    timeUnitMode: TimeUnitMode;
+    viewMonth: Date;
+};
+/**
+ * Displays the header title with the month and year being viewed
+ */
+export declare const TimeUnitHeader: FC<TimeUnitHeaderProps>;
+export {};
+//# sourceMappingURL=timeUnitHeader.d.ts.map

package/dist/esm/calendar/components/timeUnitHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeUnitHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/timeUnitHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,KAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyBlD,CAAA"}

package/dist/esm/calendar/components/timeUnitHeader.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box } from '../../box';
+import { Button } from '../../button';
+import { cs } from '../../utils';
+import { months } from '../consts';
+import { isDay, isMonth, isYear } from '../utils';
+const h = 40;
+const fontSize = 16;
+/**
+ * Displays the header title with the month and year being viewed
+ */
+export const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
+    return (React.createElement(Box, { center: true, className: cs('vui-time-unit-header'), cursor: "pointer", flex: "1", justify: "start" },
+        isDay(timeUnitMode) && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('month'), variant: "tertiaryDark" }, months[viewMonth.getUTCMonth()]),
+            React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('year'), variant: "tertiaryDark" }, viewMonth.getUTCFullYear()))),
+        isMonth(timeUnitMode) && (React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('year'), variant: "tertiaryDark" }, viewMonth.getUTCFullYear())),
+        isYear(timeUnitMode) && (React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('day'), variant: "tertiaryDark" }, "Year"))));
+};

package/dist/esm/calendar/components/yearPicker.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TimeResult } from '../calendar.types';
+type YearPickerProps = {
+    calendar: TimeResult;
+    onSelectYear?: (date: Date) => void;
+};
+export declare const YearPicker: ({ calendar, onSelectYear }: YearPickerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=yearPicker.d.ts.map

package/dist/esm/calendar/components/yearPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yearPicker.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/yearPicker.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,UAAU,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAarE,CAAA"}

package/dist/esm/calendar/components/yearPicker.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CalendarItem as YearItem, CalendarItemsContainer } from '../calendar.styles';
+export const YearPicker = ({ calendar, onSelectYear }) => (React.createElement(CalendarItemsContainer, { className: "vui-year-picker" }, calendar.items.map(item => (React.createElement(YearItem, { fontWeight: 500, key: item.date.getTime(), onClick: (!item.isDisabled && onSelectYear?.(item.date)) || undefined, ...item }, item.date.getUTCFullYear())))));

package/dist/esm/calendar/consts.d.ts

@@ -0,0 +1,7 @@
+export declare const viewYears = 12;
+export declare const maxDateTimestamp = "9000-12-31T23:59:59Z";
+export declare const minDateTimestamp = "1753-01-02T00:00:00Z";
+export declare const months: string[];
+export declare const monthsShort: string[];
+export declare const weekDays: string[];
+//# sourceMappingURL=consts.d.ts.map

package/dist/esm/calendar/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/calendar/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,KAAK,CAAA;AAE3B,eAAO,MAAM,gBAAgB,yBAAyB,CAAA;AAEtD,eAAO,MAAM,gBAAgB,yBAAyB,CAAA;AAEtD,eAAO,MAAM,MAAM,UAalB,CAAA;AAED,eAAO,MAAM,WAAW,UAAuF,CAAA;AAE/G,eAAO,MAAM,QAAQ,UAA6C,CAAA"}

package/dist/esm/calendar/consts.js

@@ -0,0 +1,19 @@
+export const viewYears = 12;
+export const maxDateTimestamp = '9000-12-31T23:59:59Z';
+export const minDateTimestamp = '1753-01-02T00:00:00Z';
+export const months = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December'
+];
+export const monthsShort = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+export const weekDays = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];

package/dist/esm/calendar/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useBoundaries';
+export * from './useCalendar';
+export * from './useDefaultViewMonth';
+export * from './useSelectedDate';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/calendar/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/dist/esm/calendar/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './useBoundaries';
+export * from './useCalendar';
+export * from './useDefaultViewMonth';
+export * from './useSelectedDate';

package/dist/esm/calendar/hooks/useBoundaries.d.ts

@@ -0,0 +1,12 @@
+import { DateRange } from '../calendar.types';
+/**
+ * Calculates boundaries for max/min dates allowed
+ * Memoized so it will only recalculate when the boundaries changes
+ */
+export declare const useBoundaries: ({ boundaries }: {
+    boundaries?: DateRange | undefined;
+}) => {
+    maxDateTime: Date;
+    minDateTime: Date;
+};
+//# sourceMappingURL=useBoundaries.d.ts.map

package/dist/esm/calendar/hooks/useBoundaries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoundaries.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useBoundaries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG7C;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAQzB,CAAA"}

package/dist/esm/calendar/hooks/useBoundaries.js

@@ -0,0 +1,12 @@
+import { maxDateTimestamp, minDateTimestamp } from '../consts';
+/**
+ * Calculates boundaries for max/min dates allowed
+ * Memoized so it will only recalculate when the boundaries changes
+ */
+export const useBoundaries = ({ boundaries }) => {
+    const min = new Date(minDateTimestamp);
+    const max = new Date(maxDateTimestamp);
+    const minDateTime = boundaries?.startDate || min;
+    const maxDateTime = boundaries?.endDate || max;
+    return { maxDateTime, minDateTime };
+};

package/dist/esm/calendar/hooks/useCalendar.d.ts

@@ -0,0 +1,8 @@
+import { MonthProps, TimeResult } from '../calendar.types';
+/**
+ * Main hook for doing calendar calculations
+ * Calculates for all time unit modes: day, month and year
+ * Depends on useBoundaries and useSelectedDate to do initial setup
+ */
+export declare const useCalendar: ({ boundaries, selectedDates, mode, timeUnitMode, viewDate, fixedNumberOfWeeks }: MonthProps) => TimeResult;
+//# sourceMappingURL=useCalendar.d.ts.map

package/dist/esm/calendar/hooks/useCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useCalendar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAY,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAMpE;;;;GAIG;AACH,eAAO,MAAM,WAAW,oFAOrB,UAAU,eA+JZ,CAAA"}

package/dist/esm/calendar/hooks/useCalendar.js

@@ -0,0 +1,139 @@
+import { useMemo } from 'react';
+import { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils';
+import { viewYears } from '../consts';
+import { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils';
+import { useBoundaries } from './useBoundaries';
+import { useSelectedDate } from './useSelectedDate';
+/**
+ * Main hook for doing calendar calculations
+ * Calculates for all time unit modes: day, month and year
+ * Depends on useBoundaries and useSelectedDate to do initial setup
+ */
+export const useCalendar = ({ boundaries, selectedDates, mode = 'exact', timeUnitMode, viewDate, fixedNumberOfWeeks }) => {
+    const boundariesProcessed = useBoundaries({ boundaries });
+    const selectedProcessed = useSelectedDate({ selectedDates, mode });
+    return useMemo(() => {
+        const { maxDateTime, minDateTime } = boundariesProcessed;
+        const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed;
+        const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate);
+        let calendarFirstDay;
+        let calendarLastDay;
+        let nextFirstDay;
+        let prevLastDay;
+        let firstDay;
+        let lastDay;
+        if (isDay(timeUnitMode)) {
+            firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1);
+            lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0); // lastDay
+            nextFirstDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 1);
+            prevLastDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 0);
+            const weekdayFirst = firstDay.getUTCDay();
+            const weekdayLast = lastDay.getUTCDay();
+            // Monday preceding the month (or first day of the month if it's on a Monday)
+            calendarFirstDay =
+                weekdayFirst === 0
+                    ? new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))
+                    : new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst));
+            // Sunday after the month (or last day of the month if it's on a Sunday)
+            calendarLastDay =
+                weekdayLast === 0
+                    ? new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))
+                    : new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast));
+            // If calendar must contain constant number of weeks (6 weeks)
+            // Missing weeks will be added to the end of the month
+            const numberOfWeeks = Math.round((+calendarLastDay - +calendarFirstDay) / (7 * 24 * 60 * 60 * 1000));
+            if (fixedNumberOfWeeks) {
+                for (let week = numberOfWeeks; week < 6; week++) {
+                    calendarLastDay = generateDateByUTCValue(calendarLastDay.getUTCFullYear(), calendarLastDay.getUTCMonth(), calendarLastDay.getUTCDate() + 7);
+                }
+            }
+        }
+        else if (isMonth(timeUnitMode)) {
+            calendarFirstDay = firstDay = generateDateByUTCValue(viewDateYear, 0, 1);
+            calendarLastDay = lastDay = generateDateByUTCValue(viewDateYear, 11, 31);
+            nextFirstDay = generateDateByUTCValue(viewDateYear + 1, 0, 1);
+            prevLastDay = generateDateByUTCValue(viewDateYear - 1, 11, 31);
+        }
+        else {
+            const calendarStartYear = new Date().getUTCFullYear() - viewYears / 2;
+            const diffYears = calendarStartYear - viewDateYear;
+            const startYear = calendarStartYear - Math.ceil(diffYears / viewYears) * viewYears;
+            const endYear = startYear + viewYears - 1;
+            if (startYear === 1753)
+                calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 2);
+            else
+                calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 1);
+            calendarLastDay = lastDay = generateDateByUTCValue(endYear, 11, 31);
+            nextFirstDay = generateDateByUTCValue(endYear + 1, 0, 1);
+            prevLastDay = generateDateByUTCValue(startYear - 1, 11, 31);
+        }
+        const items = [];
+        // Loops between first and last date
+        let dateItem = calendarFirstDay;
+        do {
+            const isHidden = dateItem < firstDay || dateItem >= lastDay;
+            const isToday = sameDate(dateItem, new Date());
+            const { utcYear: minDateYear, utcMonth: minDateMonth } = getDateUTCValue(minDateTime);
+            let minUnitModeDate = minDateTime;
+            if (isMonth(timeUnitMode))
+                // Need to compare with the first day of the month to decide if the month is disabled in the month overview
+                minUnitModeDate = generateDateByUTCValue(minDateYear, minDateMonth, 1);
+            else if (isYear(timeUnitMode))
+                // Need to compare with the first day of the year to decide if the year is disabled in the year overview
+                minUnitModeDate = generateDateByUTCValue(minDateYear, 0, 1);
+            const isDisabled = dateItem < minUnitModeDate || dateItem > maxDateTime ? true : false;
+            // The calendar only select a single date
+            const isExactSelected = isExact(mode) && minSelectedDateTime && +dateItem === +minSelectedDateTime;
+            // The calendar selects a range
+            const inRangeLow = minSelectedDateTime && dateItem >= minSelectedDateTime;
+            const inRangeHigh = maxSelectedDateTime && dateItem <= maxSelectedDateTime;
+            const inRange = !isExact(mode) &&
+                ((!isDisabled && inRangeLow && (!maxSelectedDateTime || inRangeHigh)) ||
+                    (inRangeHigh && (!minSelectedDateTime || inRangeLow)));
+            const isRangeSelected = isRange(mode) && inRange;
+            const isFromSelected = isFrom(mode) && inRangeLow;
+            const isToSelected = isTo(mode) && inRangeHigh;
+            const isSelected = !!(isExactSelected || isFromSelected || isToSelected || isRangeSelected);
+            let maxSelectedCheck = maxSelectedDateTime;
+            let minSelectedCheck = minSelectedDateTime;
+            if (isYear(timeUnitMode)) {
+                if (maxSelectedCheck)
+                    maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), 0, 1);
+                if (minSelectedCheck)
+                    minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), 0, 1);
+            }
+            if (isMonth(timeUnitMode)) {
+                if (maxSelectedCheck)
+                    maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), maxSelectedCheck.getUTCMonth(), 1);
+                if (minSelectedCheck)
+                    minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), minSelectedCheck.getUTCMonth(), 1);
+            }
+            const boundary = !isTo(mode) && sameDate(dateItem, minSelectedCheck);
+            let current;
+            if (isDay(timeUnitMode))
+                current = sameDate(dateItem, currentDateTime);
+            else if (isMonth(timeUnitMode))
+                current = sameYearSameMonth(dateItem, currentDateTime);
+            else
+                current = sameYear(dateItem, currentDateTime);
+            items.push({
+                date: dateItem,
+                isHidden,
+                isToday,
+                isDisabled: boundary ? false : isDisabled,
+                isSelected,
+                boundary,
+                current
+            });
+            dateItem = getNextDate(dateItem, timeUnitMode);
+        } while (dateItem <= calendarLastDay);
+        // Disables next/prev buttons
+        const prevDisabled = minDateTime > prevLastDay;
+        const nextDisabled = maxDateTime < nextFirstDay;
+        return {
+            items,
+            prevDisabled,
+            nextDisabled
+        };
+    }, [boundaries, selectedDates, mode, timeUnitMode, viewDate]);
+};

package/dist/esm/calendar/hooks/useDefaultViewMonth.d.ts

@@ -0,0 +1,8 @@
+import { DefaultViewMonthProps } from '../calendar.types';
+/**
+ * Calculates the default view date, either using selected date, current date or boundaries
+ * Used when initializing, after that viewDate will be set
+ * Memoized so will only recalculate when boundaries or selectedDate changes
+ */
+export declare const useDefaultViewMonth: ({ boundaries, selectedDate, isStartDate }: DefaultViewMonthProps) => Date;
+//# sourceMappingURL=useDefaultViewMonth.d.ts.map

package/dist/esm/calendar/hooks/useDefaultViewMonth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultViewMonth.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useDefaultViewMonth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,8CAA+C,qBAAqB,SAUnG,CAAA"}

package/dist/esm/calendar/hooks/useDefaultViewMonth.js

@@ -0,0 +1,17 @@
+/**
+ * Calculates the default view date, either using selected date, current date or boundaries
+ * Used when initializing, after that viewDate will be set
+ * Memoized so will only recalculate when boundaries or selectedDate changes
+ */
+export const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }) => {
+    if (selectedDate)
+        return selectedDate;
+    const currentDate = new Date();
+    if (!boundaries)
+        return currentDate;
+    if (boundaries.endDate && currentDate > boundaries.endDate && !isStartDate)
+        return boundaries.endDate;
+    if (boundaries.startDate && currentDate > boundaries.startDate && isStartDate)
+        return boundaries.startDate;
+    return currentDate;
+};

package/dist/esm/calendar/hooks/useSelectedDate.d.ts

@@ -0,0 +1,15 @@
+import { CalendarMode, DateRange } from '../calendar.types';
+/**
+ * Calculate the selected dates
+ * If we are in single calendar mode, will use the startDate as selected date
+ * Memoized so will only recalculate when selectedDates or mode changes
+ */
+export declare const useSelectedDate: ({ selectedDates, mode }: {
+    mode: CalendarMode;
+    selectedDates?: DateRange | undefined;
+}) => {
+    currentDateTime: Date | undefined;
+    maxSelectedDateTime: Date | undefined;
+    minSelectedDateTime: Date | undefined;
+};
+//# sourceMappingURL=useSelectedDate.d.ts.map

package/dist/esm/calendar/hooks/useSelectedDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectedDate.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useSelectedDate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG3D;;;;GAIG;AACH,eAAO,MAAM,eAAe;UAAqC,YAAY;;;;;;CAW5E,CAAA"}

package/dist/esm/calendar/hooks/useSelectedDate.js

@@ -0,0 +1,16 @@
+import { isExact, isFrom } from '../utils';
+/**
+ * Calculate the selected dates
+ * If we are in single calendar mode, will use the startDate as selected date
+ * Memoized so will only recalculate when selectedDates or mode changes
+ */
+export const useSelectedDate = ({ selectedDates, mode }) => {
+    const currentDateTime = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate;
+    const minSelectedDateTime = selectedDates?.startDate || undefined;
+    const maxSelectedDateTime = selectedDates?.endDate || undefined;
+    return {
+        currentDateTime,
+        maxSelectedDateTime,
+        minSelectedDateTime
+    };
+};

package/dist/esm/calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from './calendar';
+export { default } from './calendar';
+export * from './calendar.types';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA"}

package/dist/esm/calendar/index.js

@@ -0,0 +1,4 @@
+export * from './calendar';
+export { default } from './calendar';
+export * from './calendar.types';
+export * from './consts';

package/dist/esm/calendar/theme.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {};
+    sizes: {};
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/calendar/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/calendar/theme.ts"],"names":[],"mappings":";;;;;;AAQA,wBAKC"}

package/dist/esm/calendar/theme.js

@@ -0,0 +1,10 @@
+const baseStyle = {};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+export default {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};