npm - @7shifts/sous-chef - Versions diffs - 1.5.7 → 1.5.9 - Mend

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from './types';
+declare type Props = {
+    /** It is the body text of the Chip */
+    children: React.ReactNode;
+    theme?: Theme;
+    /** This is used for overriding the default data-testid */
+    testId?: string;
+};
+declare const Chip: ({ children, theme, testId }: Props) => JSX.Element;
+export default Chip;

@@ -0,0 +1,8 @@
+export declare const CHIP_THEME: {
+    MARKETING: "marketing";
+    SUCCESS: "success";
+    UPSELL: "upsell";
+    WARNING: "warning";
+    INFO: "info";
+    DANGER: "danger";
+};

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import { PillTheme } from './types';
+declare type Props = {
+    children: ReactNode;
+    theme?: PillTheme;
+    testId?: string;
+};
+declare const Pill: React.FC<Props>;
+export default Pill;

@@ -0,0 +1,7 @@
+export declare const PILL_THEME: {
+    INFO: "info";
+    SUCCESS: "success";
+    DANGER: "danger";
+    WARNING: "warning";
+    DEFAULT: "default";
+};

@@ -0,0 +1,24 @@
+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>;
+    testId?: string;
+};
+/**Calendar overlay component*/
+declare const Calendar: React.FC<Props>;
+export default Calendar;

	@@ -0,0 +1 @@
1	+ export declare type Theme = 'marketing' \| 'success' \| 'upsell' \| 'warning' \| 'info' \| 'danger';

	@@ -0,0 +1 @@
1	+ export declare type PillTheme = 'info' \| 'success' \| 'danger' \| 'warning' \| 'default';

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

@@ -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 {};

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

@@ -0,0 +1,7 @@
+import { RefType } from '../../../utils/types';
+declare type UseScrollShadow = {
+    ref: RefType<HTMLDivElement>;
+    showScrollShadow: boolean;
+};
+export declare const useScrollShadow: () => UseScrollShadow;
+export {};

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

@7shifts/sous-chef 1.5.7 → 1.5.9