@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.148

package/esm/Card/components/CardHeader.js

@@ -1,22 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject;
-
 var _excluded = ["className"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CardHeader = function CardHeader(_ref) {
   var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-between"]))), className)
   }));

package/esm/Card/components/CardTitle.js

@@ -1,23 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject;
-
 var _excluded = ["className", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CardTitle = function CardTitle(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("h2", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-display-heading"]))), className),
     children: children

package/esm/Checkbox/Checkbox.js

@@ -3,13 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children", "className", "textPosition", "indeterminate", "defaultChecked", "checkedColor", "checked", "disabled"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import { forwardRef, useMemo, useState } from "react";
 import { Check, Minus } from "react-feather";
@@ -17,62 +13,52 @@ import { useFieldState } from "../Field";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var generateFieldId = function generateFieldId() {
   return Math.random().toString(36).substring(7);
 };
-
 var STATUS_CLASSNAMES = {
   "default": "",
   invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["checkbox-invalid"]))),
   validated: ""
 };
+
 /**
  * When users need to make a range of selections (none, one, or several), checkboxes are a good input control.
  *
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
  * - Checkboxes require the use of a button to apply the settings once they are selected
  */
-
 export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$textPosition = _ref.textPosition,
-      textPosition = _ref$textPosition === void 0 ? "right" : _ref$textPosition,
-      indeterminate = _ref.indeterminate,
-      defaultChecked = _ref.defaultChecked,
-      checkedColor = _ref.checkedColor,
-      checked = _ref.checked,
-      disabled = _ref.disabled,
-      checkboxProps = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    _ref$textPosition = _ref.textPosition,
+    textPosition = _ref$textPosition === void 0 ? "right" : _ref$textPosition,
+    indeterminate = _ref.indeterminate,
+    defaultChecked = _ref.defaultChecked,
+    checkedColor = _ref.checkedColor,
+    checked = _ref.checked,
+    disabled = _ref.disabled,
+    checkboxProps = _objectWithoutProperties(_ref, _excluded);
   var id = useMemo(function () {
     return checkboxProps.id || generateFieldId();
   }, [checkboxProps.id]);
-
   var _useFieldState = useFieldState(),
-      status = _useFieldState.status;
-
+    status = _useFieldState.status;
   var isControlled = typeof checked === "boolean";
-
   var _useState = useState(Boolean(isControlled ? checked : defaultChecked)),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalChecked = _useState2[0],
-      setInternalChecked = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
   var isChecked = Boolean(isControlled ? checked : internalChecked);
   var CheckboxIcon = indeterminate ? Minus : Check;
-
   var handleChange = function handleChange(evt) {
     if (checkboxProps.onChange) {
       checkboxProps.onChange(evt);
     }
-
     if (!isControlled && !evt.isDefaultPrevented()) {
       setInternalChecked(evt.currentTarget.checked);
     }
   };
-
   return /*#__PURE__*/_jsxs("div", {
     className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
     children: [/*#__PURE__*/_jsxs("span", {

package/esm/Checkbox/Checkbox.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var disabledColor = _disabledColor;
 var checkboxPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".checkbox": {
       position: "relative",

package/esm/ClickAwayContainer/ClickAwayContainer.js

@@ -8,6 +8,7 @@ export var useClickAwayContext = function useClickAwayContext() {
   return useContext(ClickAwayContext);
 };
 var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
+
 /**
  * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
  * Its goal is to construct a tree of ClickAway-able React components (e.g. nested dropdown).
@@ -16,26 +17,23 @@ var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
  */
-
 export var ClickAwayContainer = function ClickAwayContainer(_ref) {
   var element = _ref.element,
-      onClickAway = _ref.onClickAway,
-      children = _ref.children;
-
+    onClickAway = _ref.onClickAway,
+    children = _ref.children;
   var _useSet = useSet(),
-      _useSet2 = _slicedToArray(_useSet, 2),
-      elementsSet = _useSet2[0],
-      _useSet2$ = _useSet2[1],
-      registerElement = _useSet2$.add,
-      unregisterElement = _useSet2$.remove; // Handle elements registry
-
+    _useSet2 = _slicedToArray(_useSet, 2),
+    elementsSet = _useSet2[0],
+    _useSet2$ = _useSet2[1],
+    registerElement = _useSet2$.add,
+    unregisterElement = _useSet2$.remove;
 
+  // Handle elements registry
   var parentClickAwayContext = useClickAwayContext();
   useEffect(function () {
     if (!parentClickAwayContext || !element) {
       return;
     }
-
     var elementsArray = Array.from(elementsSet);
     parentClickAwayContext.registerElement(element);
     elementsArray.forEach(function (el) {
@@ -47,8 +45,9 @@ export var ClickAwayContainer = function ClickAwayContainer(_ref) {
         return parentClickAwayContext.unregisterElement(el);
       });
     };
-  }, [element, elementsSet, parentClickAwayContext]); // Wire up click away events
+  }, [element, elementsSet, parentClickAwayContext]);
 
+  // Wire up click away events
   var fakeElementRef = useMemo(function () {
     return {
       current: element
@@ -58,7 +57,6 @@ export var ClickAwayContainer = function ClickAwayContainer(_ref) {
     var isEventInside = Array.from(elementsSet).some(function (el) {
       return el.contains(evt.target);
     });
-
     if (!isEventInside) {
       onClickAway === null || onClickAway === void 0 ? void 0 : onClickAway(evt);
     }

package/esm/DatePicker/DatePicker/DatePicker.js

@@ -1,13 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useMemo, useReducer, useState } from "react";
 import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
@@ -22,65 +18,53 @@ import { DatePickerActionTypes, datePickerReducer, initDatePickerReducer } from
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 var DatePicker = function DatePicker(props) {
   var _props$initialValue, _props$validate, _props$validate$call, _props$calendarProps;
-
   var contextLocale = useLocale("datePicker");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATE_PICKER_LOCALE), contextLocale), props.locale);
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      targetElement = _useState2[0],
-      setTargetElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    targetElement = _useState2[0],
+    setTargetElement = _useState2[1];
   var isControlled = props.value !== undefined;
-
   var _useReducer = useReducer(datePickerReducer, isControlled ? {} : {
-    selected: (_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : null
-  }, initDatePickerReducer),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // Computed properties
-
+      selected: (_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : null
+    }, initDatePickerReducer),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
 
+  // Computed properties
   var isValid = !((_props$validate = props.validate) !== null && _props$validate !== void 0 && (_props$validate$call = _props$validate.call(props, state)) !== null && _props$validate$call !== void 0 && _props$validate$call.length);
-  var value = isControlled ? props.value : state.selected; // Event handlers
+  var value = isControlled ? props.value : state.selected;
 
+  // Event handlers
   var handleOpen = function handleOpen(e) {
     var _props$onOpen;
-
     (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 ? void 0 : _props$onOpen.call(props, e);
     dispatch({
       type: DatePickerActionTypes.show,
       payload: true
     });
   };
-
   var handleClose = function handleClose(e) {
     var _props$onCancel;
-
     (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, e);
     dispatch({
       type: DatePickerActionTypes.show,
       payload: false
     });
   };
-
   var handleApply = function handleApply(e) {
     var _props$onSubmit;
-
     (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 ? void 0 : _props$onSubmit.call(props, e, value);
     dispatch({
       type: DatePickerActionTypes.apply
     });
   };
-
   var handleDayClick = function handleDayClick(payload, modifiers) {
     if (!modifiers.disabled) {
       var _props$onChange;
-
       (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, payload);
       dispatch({
         type: DatePickerActionTypes.dateSelect,
@@ -88,10 +72,8 @@ var DatePicker = function DatePicker(props) {
       });
     }
   };
-
   var yearProps = useMemo(function () {
     var _state$selected;
-
     return props.editableYear ? {
       editableYear: true,
       initialDate: (_state$selected = state.selected) !== null && _state$selected !== void 0 ? _state$selected : undefined,
@@ -99,7 +81,8 @@ var DatePicker = function DatePicker(props) {
     } : {
       editableYear: false
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [props]);
   return /*#__PURE__*/_jsxs("div", {
     children: [/*#__PURE__*/_jsx("span", {
@@ -173,5 +156,4 @@ var DatePicker = function DatePicker(props) {
     })]
   });
 };
-
 export default DatePicker;

package/esm/DatePicker/DatePicker/datePickerReducer.js

@@ -1,18 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 export var DatePickerActionTypes;
-
 (function (DatePickerActionTypes) {
   DatePickerActionTypes["show"] = "show";
   DatePickerActionTypes["dateSelect"] = "date select";
   DatePickerActionTypes["apply"] = "apply";
   DatePickerActionTypes["reset"] = "reset";
 })(DatePickerActionTypes || (DatePickerActionTypes = {}));
-
 var initialState = {
   show: false,
   selected: null
@@ -26,26 +21,22 @@ export var datePickerReducer = function datePickerReducer(state, action) {
       return _objectSpread(_objectSpread({}, state), {}, {
         show: action.payload
       });
-
     case DatePickerActionTypes.dateSelect:
       {
         return _objectSpread(_objectSpread({}, state), {}, {
           selected: action.payload
         });
       }
-
     case DatePickerActionTypes.apply:
       return _objectSpread(_objectSpread({}, state), {}, {
         show: false
       });
-
     case DatePickerActionTypes.reset:
       return _objectSpread(_objectSpread({}, initDatePickerReducer({
         selected: action.payload
       })), {}, {
         show: state.show
       });
-
     default:
       return state;
   }

package/esm/DatePicker/DatePicker.tailwind.js

@@ -4,30 +4,23 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var datePickerPlugin = plugin(function (_ref) {
   var _rdpDay, _rdpDay2, _rdpDay4, _addComponents;
-
   var addComponents = _ref.addComponents,
-      theme = _ref.theme,
-      prefix = _ref.prefix;
-
+    theme = _ref.theme,
+    prefix = _ref.prefix;
   /** @type {string} */
   var defaultRadius = theme("borderRadius.DEFAULT");
   /** @type {string} */
-
   var accent600 = theme("colors.accent.600");
   /** @type {string} */
-
   var accent200 = theme("colors.accent.200");
-
   var not = function not() {
     for (var _len = arguments.length, modifiers = new Array(_len), _key = 0; _key < _len; _key++) {
       modifiers[_key] = arguments[_key];
     }
-
     return modifiers.map(function (modifier) {
       return ":not(.rdp-day_".concat(modifier, ")");
     }).join("");
   };
-
   addComponents((_addComponents = {
     ".rdp-year": {
       // ChevronDown svg from react-feather,

package/esm/DatePicker/DateRangePicker/DateRangePicker.js

@@ -2,15 +2,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "modalPlacement", "locale"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useMemo, useReducer, useState } from "react";
 import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
@@ -26,95 +21,83 @@ import { isCompleteTimeRange, isEmptyTimeRange } from "./dateRangePickerTimeRang
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 var defaultValidator = function defaultValidator(_ref) {
   var candidateRange = _ref.candidateRange;
   return isCompleteTimeRange(candidateRange) ? null : [new Error("Invalid time range")];
 };
-
 var DEFAULT_DATE_RANGE_PICKER_LOCALE = _objectSpread(_objectSpread({}, DEFAULT_DATE_PICKER_LOCALE), {}, {
   openButton: "Enter a date period..."
 });
-
 export var DateRangePicker = function DateRangePicker(_ref2) {
   var _validate, _displayedRange$start, _initialRange$start;
-
   var id = _ref2.id,
-      initialRange = _ref2.range,
-      displayOnlyRanges = _ref2.displayOnlyRanges,
-      _ref2$calendarProps = _ref2.calendarProps,
-      calendarProps = _ref2$calendarProps === void 0 ? {} : _ref2$calendarProps,
-      _ref2$initialState = _ref2.initialState,
-      initialState = _ref2$initialState === void 0 ? {} : _ref2$initialState,
-      _ref2$stateReducer = _ref2.stateReducer,
-      stateReducer = _ref2$stateReducer === void 0 ? dateRangePickerReducer : _ref2$stateReducer,
-      onAction = _ref2.onAction,
-      _ref2$validate = _ref2.validate,
-      validate = _ref2$validate === void 0 ? defaultValidator : _ref2$validate,
-      renderTarget = _ref2.renderTarget,
-      renderLeftFooter = _ref2.renderLeftFooter,
-      renderRightPanel = _ref2.renderRightPanel,
-      buttonSize = _ref2.buttonSize,
-      modalPlacement = _ref2.modalPlacement,
-      propsLocale = _ref2.locale,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    initialRange = _ref2.range,
+    displayOnlyRanges = _ref2.displayOnlyRanges,
+    _ref2$calendarProps = _ref2.calendarProps,
+    calendarProps = _ref2$calendarProps === void 0 ? {} : _ref2$calendarProps,
+    _ref2$initialState = _ref2.initialState,
+    initialState = _ref2$initialState === void 0 ? {} : _ref2$initialState,
+    _ref2$stateReducer = _ref2.stateReducer,
+    stateReducer = _ref2$stateReducer === void 0 ? dateRangePickerReducer : _ref2$stateReducer,
+    onAction = _ref2.onAction,
+    _ref2$validate = _ref2.validate,
+    validate = _ref2$validate === void 0 ? defaultValidator : _ref2$validate,
+    renderTarget = _ref2.renderTarget,
+    renderLeftFooter = _ref2.renderLeftFooter,
+    renderRightPanel = _ref2.renderRightPanel,
+    buttonSize = _ref2.buttonSize,
+    modalPlacement = _ref2.modalPlacement,
+    propsLocale = _ref2.locale,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var contextLocale = useLocale("datePicker");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATE_RANGE_PICKER_LOCALE), contextLocale), propsLocale);
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      targetElement = _useState2[0],
-      setTargetElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    targetElement = _useState2[0],
+    setTargetElement = _useState2[1];
   var _useReducer = useReducer(function (state, action) {
-    return stateReducer(state, action, dateRangePickerReducer);
-  }, initialState, initDateRangePickerReducer),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      baseDispatch = _useReducer2[1]; // Computed properties
-
+      return stateReducer(state, action, dateRangePickerReducer);
+    }, initialState, initDateRangePickerReducer),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    baseDispatch = _useReducer2[1];
 
+  // 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]); // Event handlers
+  }, [initialRange, state.candidateRange]);
 
+  // Event handlers
   var dispatch = function dispatch(action) {
     onAction === null || onAction === void 0 ? void 0 : onAction(action, state);
     baseDispatch(action);
   };
-
   var handleOpen = function handleOpen() {
     dispatch({
       type: DateRangePickerActionTypes.show,
       payload: true
     });
   };
-
   var handleClose = function handleClose() {
     dispatch({
       type: DateRangePickerActionTypes.show,
       payload: false
     });
   };
-
   var handleCancel = function handleCancel() {
     dispatch({
       type: DateRangePickerActionTypes.cancel
     });
   };
-
   var handleApply = function handleApply() {
     dispatch({
       type: DateRangePickerActionTypes.apply
     });
   };
-
   var handleMouseEnter = function handleMouseEnter(payload, _a, event) {
     dispatch({
       type: DateRangePickerActionTypes.mouseDayEnter,
@@ -124,7 +107,6 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
       }
     });
   };
-
   var handleMouseLeave = function handleMouseLeave(_a, _b, event) {
     dispatch({
       type: DateRangePickerActionTypes.mouseDayLeave,
@@ -133,7 +115,6 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
       }
     });
   };
-
   var handleDayClick = function handleDayClick(payload, modifiers) {
     if (!modifiers.disabled) {
       dispatch({
@@ -142,7 +123,6 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
       });
     }
   };
-
   var selectedDays = displayedRange.start && displayedRange.end ? {
     from: displayedRange.start,
     to: displayedRange.end
@@ -151,19 +131,15 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
     to: state.hovered
   } : (_displayedRange$start = displayedRange.start) !== null && _displayedRange$start !== void 0 ? _displayedRange$start : undefined;
   var modifiers = {};
-
   if (displayedRange.start) {
     modifiers.start = [displayedRange.start];
   }
-
   if (displayedRange.end) {
     modifiers.end = [displayedRange.end];
   }
-
   if (state.hovered) {
     modifiers.hoveredTo = [state.hovered];
   }
-
   if (displayOnlyRanges) {
     modifiers.displayedRanges = displayOnlyRanges.filter(function (range) {
       return typeof range !== "undefined" && range.start instanceof Date && range.end instanceof Date;
@@ -184,10 +160,8 @@ export var DateRangePicker = function DateRangePicker(_ref2) {
       return range.end;
     });
   }
-
   var yearProps = useMemo(function () {
     var _ref3, _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,

package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import stl from "../../styles/helpers/satellitePrefixer";
 import Display from "../components/Display";
 import { formatDate } from "../utils";
@@ -9,13 +7,12 @@ import { isCompleteTimeRange } from "./dateRangePickerTimeRange";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
   var id = _ref.id,
-      onClick = _ref.onClick,
-      range = _ref.range,
-      buttonSize = _ref.buttonSize,
-      locale = _ref.locale;
+    onClick = _ref.onClick,
+    range = _ref.range,
+    buttonSize = _ref.buttonSize,
+    locale = _ref.locale;
   return /*#__PURE__*/_jsx(Display, {
     id: id,
     onClick: onClick,
@@ -33,5 +30,4 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
     }) : locale.openButton
   });
 };
-
 export default DateRangePickerDisplay;