@stenajs-webui/calendar 20.8.1 → 20.9.0

package/dist/types/CalendarTypes.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { CalendarTheme } from "../components/calendar/CalendarTheme";
 import { DayData, MonthData, WeekData } from "../util/calendar/CalendarDataFactory";
+import { MonthPickerValue } from "../features/month-picker/MonthPicker";
 export interface CalendarDayProps<T = {}> extends ExtraDayContentProps<T> {
     extraDayContent?: React.ComponentType<ExtraDayContentProps<T>>;
     onClickDay?: OnClickDay<T>;
@@ -23,8 +24,6 @@ export interface CalendarOnClicks<T> {
     onClickDay?: OnClickDay<T>;
     /** onClick for the month in the calendar header */
     onClickMonth?: OnClickMonth;
-    /** onClick for the year in the calendar header */
-    onClickYear?: OnClickYear;
 }
 export type RenderWeekNumber = (week: WeekData, theme: CalendarTheme, onClick?: OnClickWeek) => JSX.Element;
 export type RenderWeekDay = (weekDayName: string, theme: CalendarTheme, onClick?: OnClickWeekDay) => JSX.Element;
@@ -34,6 +33,14 @@ export interface Renderers {
     /** Render function for week day names over the days in the month. */
     renderWeekDay?: RenderWeekDay;
 }
+export interface RenderMonthPickerArgs {
+    value: MonthPickerValue;
+    onValueChange: (value: MonthPickerValue) => void;
+    locale: Locale | undefined;
+    firstMonth: Date;
+    numMonths: number;
+    dateInFocus: Date;
+}
 export interface CalendarProps<T> extends CalendarHeaderContentProps, CalendarOnClicks<T>, Renderers, OptionalMinMaxDatesAsString {
     /** The year to show. If used, must also provide month. Overrides prop date. */
     year?: number;
@@ -71,10 +78,10 @@ export interface CalendarProps<T> extends CalendarHeaderContentProps, CalendarOn
     locale?: Locale;
     /** The theme to use. */
     theme?: CalendarTheme;
+    /** If true, show week numbers. */
+    showWeekNumber?: boolean;
 }
 export interface CalendarHeaderContentProps {
-    /** Content to put left of the month header text. */
-    headerLeftContent?: React.ReactElement<{}>;
     /** Content to put right of the month header text. */
     headerRightContent?: React.ReactElement<{}>;
 }
@@ -110,7 +117,7 @@ export interface OptionalMinMaxDatesAsString {
     maxDate?: string;
 }
 export type DayState = HighlightsState;
-export type OnClickDay<T> = (day: DayData, data: T | undefined, ev: React.MouseEvent<HTMLButtonElement>) => void;
+export type OnClickDay<T> = (day: DayData, data: T | undefined, ev: React.MouseEvent<HTMLTableDataCellElement>) => void;
 export type OnClickWeekDay = (weekDay: number, ev: React.MouseEvent<HTMLButtonElement>) => void;
 export type OnClickWeek = (week: WeekData, ev: React.MouseEvent<HTMLButtonElement>) => void;
 export type OnClickMonth = (month: MonthData) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/calendar",
-  "version": "20.8.1",
+  "version": "20.9.0",
   "type": "module",
   "description": "",
   "author": "mattias800",
@@ -33,11 +33,12 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "20.8.1",
-    "@stenajs-webui/elements": "20.8.1",
-    "@stenajs-webui/forms": "20.8.1",
-    "@stenajs-webui/theme": "20.8.1",
-    "@stenajs-webui/tooltip": "20.8.1",
+    "@stenajs-webui/core": "20.9.0",
+    "@stenajs-webui/elements": "20.9.0",
+    "@stenajs-webui/forms": "20.9.0",
+    "@stenajs-webui/theme": "20.9.0",
+    "@stenajs-webui/tooltip": "20.9.0",
+    "classnames": "^2.3.1",
     "date-fns": "2.26.0",
     "lodash-es": "^4.17.21"
   },
@@ -76,5 +77,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "346a15dc4587c669b927a96cf346c6a4f28a6495"
+  "gitHead": "874eb3170b5fe66de022ff1eb576f5c46ac54858"
 }

package/dist/components/calendar/CalendarWeek.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { CalendarDayProps, CalendarUserWeekData, DayState, DayStateHighlight, ExtraDayContentProps, OnClickDay, OnClickWeek, OptionalMinMaxDates, RenderWeekNumber } from "../../types/CalendarTypes";
-import { MonthData, WeekData } from "../../util/calendar/CalendarDataFactory";
-import { CalendarTheme } from "./CalendarTheme";
-export interface CalendarWeekProps<T> extends OptionalMinMaxDates {
-    dayComponent: React.ComponentType<CalendarDayProps<T>>;
-    week: WeekData;
-    month: MonthData;
-    statePerWeekDay?: CalendarUserWeekData<DayState>;
-    userDataPerWeekDay?: CalendarUserWeekData<T>;
-    onClickWeek?: OnClickWeek;
-    onClickDay?: OnClickDay<T>;
-    theme: CalendarTheme;
-    renderWeekNumber?: RenderWeekNumber;
-    extraDayContent?: React.ComponentType<ExtraDayContentProps<T>>;
-    defaultHighlights?: Array<DayStateHighlight>;
-}
-export declare function CalendarWeek<T>({ week, month, dayComponent, statePerWeekDay, userDataPerWeekDay, minDate, maxDate, onClickWeek, onClickDay, theme, renderWeekNumber, extraDayContent, defaultHighlights, }: CalendarWeekProps<T>): React.JSX.Element;