@algolia/satellite 2.0.0-rc.6 → 2.1.0-rc.1

package/dist/esm/Fields/AutoComplete/components/DefaultOptionItem.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { AutoCompleteLocale, OptionItemProps } from "../types";
+import type { AutoCompleteLocale, OptionItemProps } from "../../../Fields/AutoComplete/types";
 export declare type DefaultOptionItemProps = OptionItemProps & {
     locale?: AutoCompleteLocale;
 };

package/dist/esm/Fields/AutoComplete/components/DefaultOptionItem.js

@@ -3,8 +3,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import stl from "../../../styles/helpers/satellitePrefixer";
 import { useAutoCompleteLocale } from "./AutoCompleteContext";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var metadataSpacer = /*#__PURE__*/_jsx("span", {
   className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["px-1"]))),

package/dist/esm/Fields/AutoComplete/utils.js

@@ -1,4 +1,4 @@
-import { pluralize } from "../../utils/pluralize";
+import { pluralize } from "./../../utils/pluralize";
 export function isAutoCompleteMultiProps(props) {
   return Boolean(props.multiple);
 }

package/dist/esm/Fields/Checkbox/Checkbox.d.ts

@@ -20,7 +20,7 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
 /**
  * The `Checkbox` component is a control that allows single or multiple selections from a set of options.
  *
- * See the [Checkbox documentation page](https://satellite.algolia.com/components/controls/checkbox) for more information.
+ * See the [Checkbox documentation page](https://satellite.algolia.com/8261d6576/p/023233-checkbox) for more information.
  */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "autoFocus" | "onChange" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultChecked" | "autoFocus" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/Fields/Checkbox/Checkbox.js

@@ -8,11 +8,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import cx from "clsx";
 import { forwardRef, useMemo, useState } from "react";
-import { CheckIcon, MinusIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isRenderedChild } from "../../utils/isRenderedChild";
-import { uniqueId } from "../../utils/uniqueId";
-import { useField } from "../Field";
+import { useField } from "./../Field";
+import { CheckIcon, MinusIcon } from "./../../Icons";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isRenderedChild } from "./../../utils/isRenderedChild";
+import { uniqueId } from "./../../utils/uniqueId";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var STATUS_CLASSNAMES = {
   "default": "",
@@ -23,7 +23,7 @@ var STATUS_CLASSNAMES = {
 /**
  * The `Checkbox` component is a control that allows single or multiple selections from a set of options.
  *
- * See the [Checkbox documentation page](https://satellite.algolia.com/components/controls/checkbox) for more information.
+ * See the [Checkbox documentation page](https://satellite.algolia.com/8261d6576/p/023233-checkbox) for more information.
  */
 export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/dist/esm/Fields/DateInput/DateInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { DatePickerProps } from "../DatePicker";
-import type { InputProps } from "../Input";
-declare type DateValue = Date | null;
+import type { DatePickerProps } from "../../Fields/DatePicker";
+import type { InputProps } from "../../Fields/Input";
+export declare type DateInputValue = Date | null;
 export declare type DateInputLocale = {
     tooltip?: (open: boolean) => string;
 };
@@ -9,15 +9,15 @@ export interface DateInputProps extends Omit<InputProps, "type" | "defaultValue"
     /**
      * Defines the default value of the `DateInput`.
      */
-    defaultValue?: DateValue;
+    defaultValue?: DateInputValue;
     /**
      * Defines the value of the `DateInput`.
      */
-    value?: DateValue;
+    value?: DateInputValue;
     /**
      * Defines the function to call when the `DateInput` value changes.
      */
-    onChange?: (value: DateValue) => void;
+    onChange?: (value: DateInputValue) => void;
     /**
      * Defines the format of the `DateInput` value.
      * @default "MM/dd/yyyy"
@@ -41,7 +41,6 @@ export interface DateInputProps extends Omit<InputProps, "type" | "defaultValue"
  * The `DateInput` component provides a date input field with an integrated date picker.
  * It allows users to either type a date manually or select one from a calendar interface.
  *
- * See the [DateInput documentation page](https://satellite.algolia.com/components/forms/date-input) for more information.
+ * See the [DateInput documentation page](https://satellite.algolia.com/8261d6576/p/65f65f-date-input) for more information.
  */
 export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/esm/Fields/DateInput/DateInput.js

@@ -8,12 +8,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { format, isEqual, isValid, parse, startOfDay } from "date-fns";
 import { forwardRef, useEffect, useRef, useState } from "react";
-import { IconButton } from "../../Actions";
-import { CalendarIcon } from "../../Icons";
-import { useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { DatePicker } from "../DatePicker";
-import { Input } from "../Input";
+import { IconButton } from "./../../Actions";
+import { DatePicker } from "./../DatePicker";
+import { Input } from "./../Input";
+import { CalendarIcon } from "./../../Icons";
+import { useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_DATE_INPUT_LOCALE = {
   tooltip: function tooltip(open) {
@@ -41,7 +41,7 @@ var parseAndValidateDate = function parseAndValidateDate(value, format, referenc
  * The `DateInput` component provides a date input field with an integrated date picker.
  * It allows users to either type a date manually or select one from a calendar interface.
  *
- * See the [DateInput documentation page](https://satellite.algolia.com/components/forms/date-input) for more information.
+ * See the [DateInput documentation page](https://satellite.algolia.com/8261d6576/p/65f65f-date-input) for more information.
  */
 export var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref2;

package/dist/esm/Fields/DatePicker/DatePicker/DatePicker.d.ts

@@ -1,9 +1,7 @@
 import type { Dispatch, MouseEvent, ReactNode } from "react";
-import type { DatePickerCalendarProps } from "../components/Calendar";
-import type { DatePickerDisplayProps } from "../components/Display";
-import type { DatePickerFooterActionsProps } from "../components/FooterActions";
-import type { SharedDatePickerProps } from "../types";
 import type { DatePickerReducerAction, DatePickerReducerState } from "./datePickerReducer";
+import type { DatePickerCalendarProps, DatePickerDisplayProps, DatePickerFooterActionsProps } from "../../../Fields/DatePicker/components";
+import type { SharedDatePickerProps } from "../../../Fields/DatePicker/types";
 interface LeftFooterComponentArgs {
     state: DatePickerReducerState;
     dispatch: Dispatch<DatePickerReducerAction>;
@@ -77,7 +75,7 @@ export declare type DatePickerProps = {
 /**
  * The `DatePicker` component allows users to easily select a date, featuring a calendar view, month/year navigation, and custom options.
  *
- * See the [Date Picker documentation page](https://satellite.algolia.com/layouts/date-picker) for more information.
+ * See the [Date Picker documentation page](https://satellite.algolia.com/8261d6576/p/112fdf-date-picker) for more information.
  */
 export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/esm/Fields/DatePicker/DatePicker/DatePicker.js

@@ -5,22 +5,18 @@ var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { forwardRef, useMemo, useReducer, useRef } from "react";
-import { useLocale } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { useField } from "../../Field";
-import { DatePickerCalendar } from "../components/Calendar";
-import { DatePickerDisplay } from "../components/Display";
-import { DatePickerFooter } from "../components/Footer";
-import { DatePickerFooterActions } from "../components/FooterActions";
-import { DatePickerPopover } from "../components/Popover";
-import { DatePickerSidePanel } from "../components/SidePanel";
-import { DEFAULT_DATE_PICKER_LOCALE, formatDate } from "../utils";
 import { DatePickerActionTypes, datePickerReducer, initDatePickerReducer } from "./datePickerReducer";
+import { DatePickerDisplay, DatePickerFooter, DatePickerFooterActions, DatePickerPopover, DatePickerSidePanel } from "./../components";
+import { DatePickerCalendar } from "./../components/Calendar";
+import { DEFAULT_DATE_PICKER_LOCALE, formatDate } from "./../utils";
+import { useField } from "./../../Field";
+import { useLocale } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `DatePicker` component allows users to easily select a date, featuring a calendar view, month/year navigation, and custom options.
  *
- * See the [Date Picker documentation page](https://satellite.algolia.com/layouts/date-picker) for more information.
+ * See the [Date Picker documentation page](https://satellite.algolia.com/8261d6576/p/112fdf-date-picker) for more information.
  */
 export var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$initialValue, _props$validate, _props$id, _props$calendarProps;

package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -1,10 +1,10 @@
 import type { Dispatch, FC, ReactNode } from "react";
-import type { DatePickerCalendarProps } from "../components/Calendar";
-import type { SharedDatePickerProps } from "../types";
 import type { DateRangePickerDisplayProps } from "./DateRangePickerDisplay";
 import type { DateRangePickerReducerAction, DateRangePickerReducerState } from "./dateRangePickerReducer";
 import { dateRangePickerReducer } from "./dateRangePickerReducer";
 import type { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
+import type { DatePickerCalendarProps } from "../../../Fields/DatePicker/components";
+import type { SharedDatePickerProps } from "../../../Fields/DatePicker/types";
 interface LeftFooterComponentArgs {
     state: DateRangePickerReducerState;
     dispatch: Dispatch<DateRangePickerReducerAction>;
@@ -24,8 +24,18 @@ export declare type DateRangePickerProps = {
     id?: string;
     /**
      * The range of the `DateRangePicker`.
+     * @deprecated Use `value` instead to make the component controlled.
+     * Otherwise, use `defaultValue` to make the component uncontrolled.
      */
-    range: DateRangePickerTimeRange | null;
+    range?: DateRangePickerTimeRange | null;
+    /**
+     * The value of the `DateRangePicker`.
+     */
+    value?: DateRangePickerTimeRange | null;
+    /**
+     * The default value of the `DateRangePicker` (uncontrolled mode).
+     */
+    defaultValue?: DateRangePickerTimeRange | null;
     /**
      * The ranges to only display in the `DateRangePicker`.
      */
@@ -70,7 +80,7 @@ export declare type DateRangePickerProps = {
 /**
  * The `DateRangePicker` component allows selection of start and end dates using two calendars, ideal for planning and scheduling.
  *
- * See the [Date Range Picker documentation page](https://satellite.algolia.com/layouts/date-range-picker) for more information.
+ * See the [Date Range Picker documentation page](https://satellite.algolia.com/8261d6576/p/324e0b-date-range-picker) for more information.
  */
 export declare const DateRangePicker: FC<DateRangePickerProps>;
 export {};

package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.js

@@ -3,21 +3,18 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2;
-var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "popoverSide", "popoverAlign", "locale"];
+var _excluded = ["id", "range", "value", "defaultValue", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "popoverSide", "popoverAlign", "locale"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useMemo, useReducer, useRef } from "react";
-import { useLocale } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { DatePickerCalendar } from "../components/Calendar";
-import { DatePickerFooter } from "../components/Footer";
-import { DatePickerFooterActions } from "../components/FooterActions";
-import { DatePickerPopover } from "../components/Popover";
-import { DatePickerSidePanel } from "../components/SidePanel";
-import { DEFAULT_DATE_PICKER_LOCALE } from "../utils";
 import { DateRangePickerDisplay } from "./DateRangePickerDisplay";
 import { DateRangePickerActionTypes, dateRangePickerReducer, initDateRangePickerReducer } from "./dateRangePickerReducer";
 import { isCompleteTimeRange, isEmptyTimeRange } from "./dateRangePickerTimeRange";
+import { DatePickerFooter, DatePickerFooterActions, DatePickerPopover, DatePickerSidePanel } from "./../components";
+import { DatePickerCalendar } from "./../components/Calendar";
+import { DEFAULT_DATE_PICKER_LOCALE } from "./../utils";
+import { useLocale } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var defaultValidator = function defaultValidator(_ref) {
   var candidateRange = _ref.candidateRange;
@@ -31,12 +28,14 @@ var DEFAULT_DATE_RANGE_PICKER_LOCALE = _objectSpread(_objectSpread({}, DEFAULT_D
 /**
  * The `DateRangePicker` component allows selection of start and end dates using two calendars, ideal for planning and scheduling.
  *
- * See the [Date Range Picker documentation page](https://satellite.algolia.com/layouts/date-range-picker) for more information.
+ * See the [Date Range Picker documentation page](https://satellite.algolia.com/8261d6576/p/324e0b-date-range-picker) for more information.
  */
 export var DateRangePicker = function DateRangePicker(_ref2) {
-  var _validate, _displayedRange$start, _initialRange$start;
+  var _ref3, _validate, _displayedRange$start, _displayedRange$start3;
   var id = _ref2.id,
     initialRange = _ref2.range,
+    controlledValue = _ref2.value,
+    defaultValue = _ref2.defaultValue,
     displayOnlyRanges = _ref2.displayOnlyRanges,
     _ref2$calendarProps = _ref2.calendarProps,
     calendarProps = _ref2$calendarProps === void 0 ? {} : _ref2$calendarProps,
@@ -57,9 +56,15 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
     props = _objectWithoutProperties(_ref2, _excluded);
   var contextLocale = useLocale("datePicker");
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATE_RANGE_PICKER_LOCALE), contextLocale), propsLocale);
+  var isControlled = !!controlledValue;
   var _useReducer = useReducer(function (state, action) {
       return stateReducer(state, action, dateRangePickerReducer);
-    }, initialState, initDateRangePickerReducer),
+    }, _objectSpread(_objectSpread({}, initialState), {}, {
+      candidateRange: (_ref3 = initialRange !== null && initialRange !== void 0 ? initialRange : initialState.candidateRange) !== null && _ref3 !== void 0 ? _ref3 : isControlled ? controlledValue : defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
+        start: null,
+        end: null
+      }
+    }), initDateRangePickerReducer),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     baseDispatch = _useReducer2[1];
@@ -67,12 +72,7 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
 
   // Computed properties
   var isValid = !((_validate = validate(state)) !== null && _validate !== void 0 && _validate.length);
-  var displayedRange = useMemo(function () {
-    return isEmptyTimeRange(state.candidateRange) ? initialRange !== null && initialRange !== void 0 ? initialRange : {
-      start: null,
-      end: null
-    } : state.candidateRange;
-  }, [initialRange, state.candidateRange]);
+  var displayedRange = isEmptyTimeRange(state.candidateRange) && initialRange ? initialRange : isControlled ? controlledValue : state.candidateRange;
 
   // Event handlers
   var dispatch = function dispatch(action) {
@@ -164,10 +164,10 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
     });
   }
   var yearProps = useMemo(function () {
-    var _ref3, _displayedRange$start2;
+    var _ref4, _displayedRange$start2;
     return props.editableYear ? {
       editableYear: true,
-      initialDate: (_ref3 = (_displayedRange$start2 = displayedRange.start) !== null && _displayedRange$start2 !== void 0 ? _displayedRange$start2 : displayedRange.end) !== null && _ref3 !== void 0 ? _ref3 : undefined,
+      initialDate: (_ref4 = (_displayedRange$start2 = displayedRange.start) !== null && _displayedRange$start2 !== void 0 ? _displayedRange$start2 : displayedRange.end) !== null && _ref4 !== void 0 ? _ref4 : undefined,
       years: props.years
     } : {
       editableYear: false
@@ -196,7 +196,7 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
       isOpen: state.show
     }) : /*#__PURE__*/_jsx(DateRangePickerDisplay, {
       id: id,
-      range: initialRange !== null && initialRange !== void 0 ? initialRange : {
+      range: displayedRange !== null && displayedRange !== void 0 ? displayedRange : {
         start: null,
         end: null
       },
@@ -208,7 +208,7 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
       children: [/*#__PURE__*/_jsxs("div", {
         children: [/*#__PURE__*/_jsx(DatePickerCalendar, _objectSpread(_objectSpread(_objectSpread({
           mode: "default",
-          defaultMonth: (_initialRange$start = initialRange === null || initialRange === void 0 ? void 0 : initialRange.start) !== null && _initialRange$start !== void 0 ? _initialRange$start : undefined,
+          defaultMonth: (_displayedRange$start3 = displayedRange === null || displayedRange === void 0 ? void 0 : displayedRange.start) !== null && _displayedRange$start3 !== void 0 ? _displayedRange$start3 : undefined,
           numberOfMonths: 2
         }, calendarProps), {}, {
           selected: selectedDays,

package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { WithRequiredProperty } from "../../../types";
-import { type DatePickerDisplayProps } from "../components/Display";
-import type { DatePickerLocale } from "../types";
 import type { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
+import type { DatePickerDisplayProps } from "../../../Fields/DatePicker/components";
+import type { DatePickerLocale } from "../../../Fields/DatePicker/types";
+import type { WithRequiredProperty } from "../../../types";
 export interface DateRangePickerDisplayProps {
     id?: string;
     range: DateRangePickerTimeRange;

package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -6,10 +6,10 @@ var _excluded = ["id", "range", "buttonSize", "locale"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { forwardRef } from "react";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { DatePickerDisplay } from "../components/Display";
-import { formatDate } from "../utils";
 import { isCompleteTimeRange } from "./dateRangePickerTimeRange";
+import { DatePickerDisplay } from "./../components";
+import { formatDate } from "./../utils";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export var DateRangePickerDisplay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,

package/dist/esm/Fields/DatePicker/DateRangePicker/dateRangePickerReducer.js

@@ -2,11 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import endOfDay from "date-fns/endOfDay";
-import isAfter from "date-fns/isAfter";
 import isBefore from "date-fns/isBefore";
-import isSameDay from "date-fns/isSameDay";
 import startOfDay from "date-fns/startOfDay";
-import { isPartialTimeRange } from "./dateRangePickerTimeRange";
+import { getDateRange } from "../utils";
 export var DateRangePickerActionTypes = /*#__PURE__*/function (DateRangePickerActionTypes) {
   DateRangePickerActionTypes["show"] = "show";
   DateRangePickerActionTypes["dateSelect"] = "date select";
@@ -47,13 +45,7 @@ export var dateRangePickerReducer = function dateRangePickerReducer(state, actio
     case DateRangePickerActionTypes.dateSelect:
       {
         return _objectSpread(_objectSpread({}, state), {}, {
-          candidateRange: isPartialTimeRange(state.candidateRange) && (isSameDay(action.payload, state.candidateRange.start) || isAfter(action.payload, state.candidateRange.start)) ? {
-            start: state.candidateRange.start,
-            end: endOfDay(action.payload)
-          } : {
-            start: startOfDay(action.payload),
-            end: null
-          }
+          candidateRange: getDateRange(state.candidateRange, action.payload)
         });
       }
     case DateRangePickerActionTypes.rangeSelect:

package/dist/esm/Fields/DatePicker/components/Calendar.d.ts

@@ -1,7 +1,7 @@
 import type { FC } from "react";
 import type { DayPickerDefaultProps, DayPickerRangeProps, DayPickerSingleProps } from "react-day-picker";
+import type { DatePickerLocale } from "../../../Fields/DatePicker/types";
 import type { WithRequiredProperty } from "../../../types";
-import type { DatePickerLocale } from "../types";
 declare type ExcludedDayPickerProps = "captionElement" | "showOutsideDays" | "enableOutsideDaysClick" | "fixedWeeks" | "labels" | "navbarElement" | "onTodayButtonClick" | "pagedNavigation" | "renderDay" | "renderWeek" | "reverseMonths" | "showWeekNumber" | "showWeekDays" | "weekdayElement" | "weekdaysLong" | "weekdaysShort";
 export declare type EditableYearProps = {
     editableYear?: false;

package/dist/esm/Fields/DatePicker/components/Display.js

@@ -4,8 +4,8 @@ var _excluded = ["id", "size", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { forwardRef } from "react";
-import { Button } from "../../../Actions";
-import { CalendarIcon } from "../../../Icons";
+import { Button } from "./../../../Actions";
+import { CalendarIcon } from "./../../../Icons";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DatePickerDisplay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,

package/dist/esm/Fields/DatePicker/components/Footer.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-import stl from "../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DatePickerFooter = function DatePickerFooter(_ref) {
   var children = _ref.children;

package/dist/esm/Fields/DatePicker/components/FooterActions.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ButtonProps } from "../../../Actions";
+import type { DatePickerLocale } from "../../../Fields/DatePicker/types";
 import type { WithRequiredProperty } from "../../../types";
-import type { DatePickerLocale } from "../types";
 export interface DatePickerFooterActionsProps {
     onCancel: ButtonProps["onClick"];
     onApply: ButtonProps["onClick"];

package/dist/esm/Fields/DatePicker/components/FooterActions.js

@@ -1,8 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
 import { forwardRef } from "react";
-import { Button } from "../../../Actions";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { Button } from "./../../../Actions";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var DatePickerFooterActions = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onCancel = _ref.onCancel,

package/dist/esm/Fields/DatePicker/components/NavBar.d.ts

@@ -1,8 +1,8 @@
 import type { FC } from "react";
 import type { CaptionProps } from "react-day-picker";
-import type { WithRequiredProperty } from "../../../types";
-import type { DatePickerLocale } from "../types";
 import type { EditableYearProps } from "./Calendar";
+import type { DatePickerLocale } from "../../../Fields/DatePicker/types";
+import type { WithRequiredProperty } from "../../../types";
 export declare type NavBarProps = CaptionProps & EditableYearProps & {
     locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
 };

package/dist/esm/Fields/DatePicker/components/NavBar.js

@@ -6,10 +6,10 @@ import { add, eachYearOfInterval, getYear, setYear } from "date-fns";
 import isSameMonth from "date-fns/isSameMonth";
 import { useMemo } from "react";
 import { useDayPicker, useNavigation } from "react-day-picker";
-import { IconButton } from "../../../Actions";
-import { ChevronLeftIcon, ChevronRightIcon } from "../../../Icons";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { uniqueId } from "../../../utils";
+import { IconButton } from "./../../../Actions";
+import { ChevronLeftIcon, ChevronRightIcon } from "./../../../Icons";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "./../../../utils";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var NavBar = function NavBar(props) {
   var _useDayPicker = useDayPicker(),

package/dist/esm/Fields/DatePicker/components/Popover.js

@@ -2,8 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import * as Popover from "@radix-ui/react-popover";
 import cx from "clsx";
-import { useCreatePortal } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { useCreatePortal } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var DatePickerPopover = function DatePickerPopover(_ref) {
   var isOpen = _ref.isOpen,

package/dist/esm/Fields/DatePicker/components/SidePanel.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
-import stl from "../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DatePickerSidePanel = function DatePickerSidePanel(_ref) {
   var children = _ref.children;

package/dist/esm/Fields/DatePicker/utils.d.ts

@@ -1,3 +1,11 @@
+import type { DateRangePickerTimeRange } from "./DateRangePicker/dateRangePickerTimeRange";
 import type { DatePickerLocale } from "./types";
 export declare const formatDate: (date: Date | number) => string;
 export declare const DEFAULT_DATE_PICKER_LOCALE: Required<Omit<DatePickerLocale, "formatter">>;
+export declare function getDateRange(currentRange: DateRangePickerTimeRange, newDate: Date): {
+    start: Date;
+    end: Date;
+} | {
+    start: Date;
+    end: null;
+};

package/dist/esm/Fields/DatePicker/utils.js

@@ -1,4 +1,6 @@
+import { endOfDay, isAfter, isSameDay, startOfDay } from "date-fns";
 import format from "date-fns/format";
+import { isPartialTimeRange } from "./DateRangePicker/dateRangePickerTimeRange";
 export var formatDate = function formatDate(date) {
   return format(date, "MMM do, yyyy");
 };
@@ -10,4 +12,13 @@ export var DEFAULT_DATE_PICKER_LOCALE = {
   previousMonth: "Previous month",
   nextMonth: "Next month",
   title: "Date Picker"
-};
+};
+export function getDateRange(currentRange, newDate) {
+  return isPartialTimeRange(currentRange) && (isSameDay(newDate, currentRange.start) || isAfter(newDate, currentRange.start)) ? {
+    start: currentRange.start,
+    end: endOfDay(newDate)
+  } : {
+    start: startOfDay(newDate),
+    end: null
+  };
+}

package/dist/esm/Fields/DateRangeInput/DateRangeInput.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import type { DateRangePickerProps, DateRangePickerTimeRange } from "../DatePicker";
+import type { InputProps } from "../Input";
+export declare type DateRangeInputValue = DateRangePickerTimeRange | null;
+export declare type DateRangeInputLocale = {
+    tooltip?: (open: boolean) => string;
+};
+export interface DateRangeInputProps extends Omit<InputProps, "type" | "defaultValue" | "value" | "onChange" | "locale" | "endItem"> {
+    /**
+     * Defines the default value of the `DateRangeInput`.
+     */
+    defaultValue?: DateRangeInputValue;
+    /**
+     * Defines the value of the `DateRangeInput`.
+     */
+    value?: DateRangeInputValue;
+    /**
+     * Defines the function to call when the `DateRangeInput` value changes.
+     */
+    onChange?: (value: DateRangeInputValue) => void;
+    /**
+     * Defines the format of the `DateRangeInput` value.
+     * @default "MM/dd/yyyy"
+     */
+    valueFormat?: string;
+    /**
+     * Defines the separator of the `DateRangeInput` value.
+     * @default "/"
+     */
+    segmentSeparator?: string;
+    /**
+     * Defines the range separator (between start and end date) of the `DateRangeInput` value.
+     * @default " - "
+     */
+    rangeSeparator?: string;
+    /**
+     * Defines the locale of the `DateRangeInput`.
+     */
+    locale?: DateRangeInputLocale;
+    /**
+     * Defines the props to pass to the `DateRangePicker`.
+     */
+    dateRangePickerProps?: Omit<DateRangePickerProps, "range" | "onAction" | "renderTarget" | "popoverAnchor">;
+}
+/**
+ * The `DateRangeInput` component provides a date range input field with an integrated date range picker.
+ * It allows the user to either enter a date range manually or select a start and end date from a calendar interface.
+ *
+ * See the [DateRangeInput documentation page](https://satellite.algolia.com/8261d6576/p/62aeda-date-range-input) for more information.
+ */
+export declare const DateRangeInput: import("react").ForwardRefExoticComponent<DateRangeInputProps & import("react").RefAttributes<HTMLInputElement>>;