@7shifts/sous-chef 2.8.2 → 2.10.0

package/dist/overlay/Calendar/Calendar.d.ts

@@ -0,0 +1,23 @@
+import React, { MutableRefObject } from 'react';
+import '../../forms/DatePickerCalendar/date-picker-calendar.scss';
+import 'react-day-picker/lib/style.css';
+import { BlockedDays, WeekStart } from '../../utils/date';
+import { CalendarMode, CalendarPlacement } from './types';
+declare type Props = {
+    mode?: CalendarMode;
+    /** Note that if the calendar is not able to fit in the selected position,
+     *  it will override this selection and select the one that fits in the window. */
+    position?: CalendarPlacement;
+    weekStart?: WeekStart;
+    selected?: Date;
+    onSelect: (selected: Date) => void;
+    onClickOutside: () => void;
+    /** It disable some dates so the user can't click on them. Refer to this
+     * [doc](https://react-day-picker-v7.netlify.app/api/DayPicker#disabledDays) to see what
+     * values you can use. */
+    disabledDays?: BlockedDays;
+    anchorRef: MutableRefObject<HTMLElement | null>;
+};
+/**Calendar overlay component*/
+declare const Calendar: React.FC<Props>;
+export default Calendar;

package/dist/overlay/Calendar/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const CALENDAR_MODE: {
+    DAY: "day";
+    WEEK: "week";
+};
+export declare const CALENDAR_PLACEMENT: {
+    BOTTOM: "bottom";
+    TOP: "top";
+};

package/dist/overlay/Calendar/domain.d.ts

@@ -0,0 +1,7 @@
+import { CalendarPlacement } from './types';
+declare type Position = {
+    left: number;
+    top: number;
+};
+export declare const calculateCalendarPosition: (placement: CalendarPlacement, anchorPosition: DOMRect, calendarDimensions?: DOMRect | undefined) => Position;
+export {};

package/dist/overlay/Calendar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Calendar';

package/dist/overlay/Calendar/types.d.ts

@@ -0,0 +1,2 @@
+export declare type CalendarPlacement = 'top' | 'bottom';
+export declare type CalendarMode = 'day' | 'week';

package/dist/overlay/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type Props = {
-    onClick: () => void;
+    onClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
     children: React.ReactNode;
 };
 declare const MenuItem: React.FC<Props>;

package/dist/overlay/index.d.ts

@@ -2,4 +2,5 @@ import Tooltip from './Tooltip';
 import Modal from './Modal';
 import ModalBody from './Modal/ModalBody';
 import ModalFooter from './Modal/ModalFooter';
-export { Tooltip, Modal, ModalBody, ModalFooter };
+import Calendar from './Calendar/Calendar';
+export { Tooltip, Modal, ModalBody, ModalFooter, Calendar };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "2.8.2",
+    "version": "2.10.0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",