@hopper-ui/components 1.14.0 → 1.15.0

package/dist/date-picker/src/DatePicker.d.ts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { MutableRefObject } from 'react';
+import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { DatePickerProps as DatePickerProps$1, DateValue } from 'react-aria-components';
+import { CalendarProps } from '../../calendar/src/Calendar.js';
+import { FieldProps } from '../../utils/src/types.js';
+import { InputGroupProps } from '../../inputs/src/InputGroup.js';
+import { PopoverBaseProps } from '../../overlays/popover/src/PopoverBase.js';
+import '@react-types/shared';
+import 'react-aria';
+
+declare const GlobalDatePickerCssSelector = "hop-DatePicker";
+interface DatePickerProps extends StyledComponentProps<Omit<DatePickerProps$1<DateValue>, "children" | "hideTimezone" | "granularity" | "hourCycle">>, Pick<CalendarProps, "createCalendar" | "pageBehavior" | "firstDayOfWeek" | "isDateUnavailable">, FieldProps {
+    /**
+     * If `true`, the DatePicker will take all available width.
+     * @default false
+     */
+    isFluid?: ResponsiveProp<boolean>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * The props for the InputGroup.
+     */
+    inputGroupProps?: InputGroupProps;
+    /**
+     * The maximum number of months to display at once in the calendar popover, if screen space permits.
+     * @default 1
+     */
+    maxVisibleMonths?: number;
+    /**
+   * Whether the calendar should always display 6 weeks. This ensures that the height of the popover does not change between months, causing layout shifts.
+   * @default true
+   */
+    isFixedWeeks?: boolean;
+    /**
+     * The props for the popover.
+     */
+    popoverProps?: PopoverBaseProps;
+    /**
+     * The props for the calendar.
+     */
+    calendarProps?: CalendarProps;
+}
+/**
+ * Date and time pickers allow users to select a single instance or range of dates and times.
+ *
+ * [View Documentation](https://hopper.workleap.design/components/DatePicker)
+ */
+declare const _DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { _DatePicker as DatePicker, type DatePickerProps, GlobalDatePickerCssSelector };

package/dist/date-picker/src/DatePicker.js

@@ -0,0 +1,45 @@
+export { _DatePicker as DatePicker, GlobalDatePickerCssSelector } from '../../chunk-BLRDCZTZ.js';
+import '../../chunk-M4DSD53U.js';
+import '../../chunk-K63PXNYW.js';
+import '../../chunk-MGUIFTY3.js';
+import '../../chunk-6BFSSZCY.js';
+import '../../chunk-INJECWV6.js';
+import '../../chunk-3B2PUC6W.js';
+import '../../chunk-5KK7RTEA.js';
+import '../../chunk-DNJV3GYR.js';
+import '../../chunk-YVCZUIU3.js';
+import '../../chunk-EVKWFOHB.js';
+import '../../chunk-RPULORS7.js';
+import '../../chunk-PNEJ6JDM.js';
+import '../../chunk-7MOLHUYZ.js';
+import '../../chunk-5XCTED25.js';
+import '../../chunk-E6IA2QFO.js';
+import '../../chunk-FV74YT2D.js';
+import '../../chunk-LRGXSUVU.js';
+import '../../chunk-ZJN4N4I6.js';
+import '../../chunk-BZNLIUJV.js';
+import '../../chunk-XLJODMSX.js';
+import '../../chunk-OVYWTX4O.js';
+import '../../chunk-FOQ7KN4V.js';
+import '../../chunk-KC5RDV27.js';
+import '../../chunk-2NSUMKNH.js';
+import '../../chunk-WJRMD4JP.js';
+import '../../chunk-DONUBZNH.js';
+import '../../chunk-YBJI4QLB.js';
+import '../../chunk-TCHK6AN3.js';
+import '../../chunk-UYYHPXUH.js';
+import '../../chunk-P6UZVUF7.js';
+import '../../chunk-5K3V5PGZ.js';
+import '../../chunk-GBWXEK6N.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-CPGP7ETX.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-4WJKLLPU.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-YSBWWOQO.js';
+import '../../chunk-PQSMCDAM.js';
+import '../../chunk-ZNOU2CGM.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/date-picker/src/DatePickerContext.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { DatePickerProps } from './DatePicker.js';
+import '@hopper-ui/styled-system';
+import '../../calendar/src/Calendar.js';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import '../../inputs/src/InputGroup.js';
+import '../../overlays/popover/src/PopoverBase.js';
+import 'react-aria';
+
+declare const DatePickerContext: react.Context<ContextValue<Partial<DatePickerProps>, HTMLDivElement>>;
+
+export { DatePickerContext };

package/dist/date-picker/src/DatePickerContext.js

@@ -0,0 +1,2 @@
+export { DatePickerContext } from '../../chunk-K63PXNYW.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/date-picker/src/DateRangePicker.d.ts

@@ -0,0 +1,50 @@
+import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { MutableRefObject } from 'react';
+import { DateRangePickerProps as DateRangePickerProps$1, DateValue } from 'react-aria-components';
+import { CalendarProps } from '../../calendar/src/Calendar.js';
+import { FieldProps } from '../../utils/src/types.js';
+import { InputGroupProps } from '../../inputs/src/InputGroup.js';
+import { PopoverBaseProps } from '../../overlays/popover/src/PopoverBase.js';
+import '@react-types/shared';
+import 'react-aria';
+
+declare const GlobalDateRangePickerCssSelector = "hop-DateRangePicker";
+interface DateRangePickerProps extends StyledComponentProps<Omit<DateRangePickerProps$1<DateValue>, "children" | "hideTimezone" | "granularity" | "hourCycle">>, Pick<CalendarProps, "createCalendar" | "pageBehavior" | "firstDayOfWeek" | "isDateUnavailable">, FieldProps {
+    /**
+     * If `true`, the DateRangePicker will take all available width.
+     * @default false
+     */
+    isFluid?: ResponsiveProp<boolean>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputStartRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputEndRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * The props for the InputGroup.
+     */
+    inputGroupProps?: InputGroupProps;
+    /**
+     * The maximum number of months to display at once in the calendar popover, if screen space permits.
+     * @default 1
+     */
+    maxVisibleMonths?: number;
+    /**
+   * Whether the calendar should always display 6 weeks. This ensures that the height of the popover does not change between months, causing layout shifts.
+   * @default true
+   */
+    isFixedWeeks?: boolean;
+    /**
+     * The props for the popover.
+     */
+    popoverProps?: PopoverBaseProps;
+    /**
+     * The props for the calendar.
+     */
+    calendarProps?: CalendarProps;
+}
+
+export { type DateRangePickerProps, GlobalDateRangePickerCssSelector };

package/dist/date-picker/src/DateRangePicker.js

@@ -0,0 +1,6 @@
+import '../../chunk-JSBRDJBE.js';
+
+// src/date-picker/src/DateRangePicker.tsx
+var GlobalDateRangePickerCssSelector = "hop-DateRangePicker";
+
+export { GlobalDateRangePickerCssSelector };

package/dist/date-picker/src/DateRangePickerContext.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { DateRangePickerProps } from './DateRangePicker.js';
+import '@hopper-ui/styled-system';
+import '../../calendar/src/Calendar.js';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import '../../inputs/src/InputGroup.js';
+import '../../overlays/popover/src/PopoverBase.js';
+import 'react-aria';
+
+declare const DateRangePickerContext: react.Context<ContextValue<Partial<DateRangePickerProps>, HTMLDivElement>>;
+
+export { DateRangePickerContext };

package/dist/date-picker/src/DateRangePickerContext.js

@@ -0,0 +1,2 @@
+export { DateRangePickerContext } from '../../chunk-YMHJPPXW.js';
+import '../../chunk-JSBRDJBE.js';