@algolia/satellite 1.0.0-beta.141 → 1.0.0-beta.142

package/cjs/DatePicker/DatePicker/DatePicker.js

@@ -154,7 +154,8 @@ var DatePicker = function DatePicker(props) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar["default"], _objectSpread(_objectSpread(_objectSpread({
             mode: "single",
-            numberOfMonths: 1
+            numberOfMonths: 1,
+            defaultMonth: value !== null && value !== void 0 ? value : undefined
           }, (_props$calendarProps = props === null || props === void 0 ? void 0 : props.calendarProps) !== null && _props$calendarProps !== void 0 ? _props$calendarProps : {}), {}, {
             selected: value !== null && value !== void 0 ? value : undefined,
             onDayClick: handleDayClick

package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -30,5 +30,5 @@ export declare type DateRangePickerProps = {
     renderRightPanel?: (args: RightSidePanelComponentArgs) => ReactNode;
     buttonSize?: DateRangePickerDisplayProps["buttonSize"];
 } & SharedDatePickerProps;
-declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
+export declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
 export default DateRangePicker;

package/cjs/DatePicker/DateRangePicker/DateRangePicker.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.DateRangePicker = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -59,7 +59,7 @@ var DEFAULT_DATE_RANGE_PICKER_LOCALE = _objectSpread(_objectSpread({}, _utils.DE
 });
 
 var DateRangePicker = function DateRangePicker(_ref2) {
-  var _validate, _displayedRange$start;
+  var _validate, _displayedRange$start, _initialRange$start;
 
   var id = _ref2.id,
       initialRange = _ref2.range,
@@ -253,6 +253,7 @@ var DateRangePicker = function DateRangePicker(_ref2) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar["default"], _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,
             numberOfMonths: 2
           }, calendarProps), {}, {
             selected: selectedDays,
@@ -295,5 +296,6 @@ var DateRangePicker = function DateRangePicker(_ref2) {
   });
 };
 
+exports.DateRangePicker = DateRangePicker;
 var _default = DateRangePicker;
 exports["default"] = _default;

package/cjs/DatePicker/components/NavBar.js

@@ -55,10 +55,8 @@ var NavBar = function NavBar(props) {
   var displayIndex = displayMonths.findIndex(function (month) {
     return (0, _isSameMonth["default"])(props.displayMonth, month);
   });
-  var isFirst = displayIndex === 0;
-  var isLast = displayIndex === displayMonths.length - 1;
-  var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
-  var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
+  var showNext = numberOfMonths === 1 || displayIndex === displayMonths.length - 1;
+  var showPrevious = numberOfMonths === 1 || displayIndex === 0;
 
   var handlePreviousClick = function handlePreviousClick() {
     if (!previousMonth) return;
@@ -96,12 +94,12 @@ var NavBar = function NavBar(props) {
   }, [props, initialDate]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full top-3 left-0 pt-1 px-2 pb-2 flex justify-between"]))),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+    children: [showPrevious ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: dir === "rtl" ? _reactFeather.ChevronRight : _reactFeather.ChevronLeft,
       title: previousMonthLabel,
-      onClick: handlePreviousClick,
-      showTooltip: hidePrevious ? false : undefined,
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["", ""])), hidePrevious && "invisible")
+      onClick: handlePreviousClick
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-8"])))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex items-center text-center"]))),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -122,12 +120,12 @@ var NavBar = function NavBar(props) {
           })
         }) : props.displayMonth.getFullYear()]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+    }), showNext ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: dir === "rtl" ? _reactFeather.ChevronLeft : _reactFeather.ChevronRight,
       title: nextMonthLabel,
-      onClick: handleNextClick,
-      showTooltip: hideNext ? false : undefined,
-      className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["", ""])), hideNext && "invisible")
+      onClick: handleNextClick
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["w-8"])))
     })]
   });
 };

package/cjs/DatePicker/index.d.ts

@@ -2,4 +2,3 @@ export * from "./components";
 export * from "./DatePicker";
 export { default as DatePicker } from "./DatePicker";
 export * from "./DateRangePicker";
-export { default as DateRangePicker } from "./DateRangePicker";

package/cjs/DatePicker/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  DatePicker: true,
-  DateRangePicker: true
+  DatePicker: true
 };
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
@@ -15,12 +14,6 @@ Object.defineProperty(exports, "DatePicker", {
     return _DatePicker["default"];
   }
 });
-Object.defineProperty(exports, "DateRangePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DateRangePicker["default"];
-  }
-});
 
 var _components = require("./components");
 
@@ -50,7 +43,7 @@ Object.keys(_DatePicker).forEach(function (key) {
   });
 });
 
-var _DateRangePicker = _interopRequireWildcard(require("./DateRangePicker"));
+var _DateRangePicker = require("./DateRangePicker");
 
 Object.keys(_DateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/esm/DatePicker/DatePicker/DatePicker.js

@@ -134,7 +134,8 @@ var DatePicker = function DatePicker(props) {
         children: [/*#__PURE__*/_jsxs("div", {
           children: [/*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread(_objectSpread({
             mode: "single",
-            numberOfMonths: 1
+            numberOfMonths: 1,
+            defaultMonth: value !== null && value !== void 0 ? value : undefined
           }, (_props$calendarProps = props === null || props === void 0 ? void 0 : props.calendarProps) !== null && _props$calendarProps !== void 0 ? _props$calendarProps : {}), {}, {
             selected: value !== null && value !== void 0 ? value : undefined,
             onDayClick: handleDayClick

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

@@ -30,5 +30,5 @@ export declare type DateRangePickerProps = {
     renderRightPanel?: (args: RightSidePanelComponentArgs) => ReactNode;
     buttonSize?: DateRangePickerDisplayProps["buttonSize"];
 } & SharedDatePickerProps;
-declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
+export declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
 export default DateRangePicker;

package/esm/DatePicker/DateRangePicker/DateRangePicker.js

@@ -36,8 +36,8 @@ var DEFAULT_DATE_RANGE_PICKER_LOCALE = _objectSpread(_objectSpread({}, DEFAULT_D
   openButton: "Enter a date period..."
 });
 
-var DateRangePicker = function DateRangePicker(_ref2) {
-  var _validate, _displayedRange$start;
+export var DateRangePicker = function DateRangePicker(_ref2) {
+  var _validate, _displayedRange$start, _initialRange$start;
 
   var id = _ref2.id,
       initialRange = _ref2.range,
@@ -232,6 +232,7 @@ var DateRangePicker = function DateRangePicker(_ref2) {
         children: [/*#__PURE__*/_jsxs("div", {
           children: [/*#__PURE__*/_jsx(Calendar, _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,
             numberOfMonths: 2
           }, calendarProps), {}, {
             selected: selectedDays,
@@ -273,5 +274,4 @@ var DateRangePicker = function DateRangePicker(_ref2) {
     })]
   });
 };
-
 export default DateRangePicker;

package/esm/DatePicker/components/NavBar.js

@@ -38,10 +38,8 @@ var NavBar = function NavBar(props) {
   var displayIndex = displayMonths.findIndex(function (month) {
     return isSameMonth(props.displayMonth, month);
   });
-  var isFirst = displayIndex === 0;
-  var isLast = displayIndex === displayMonths.length - 1;
-  var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
-  var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
+  var showNext = numberOfMonths === 1 || displayIndex === displayMonths.length - 1;
+  var showPrevious = numberOfMonths === 1 || displayIndex === 0;
 
   var handlePreviousClick = function handlePreviousClick() {
     if (!previousMonth) return;
@@ -79,12 +77,12 @@ var NavBar = function NavBar(props) {
   }, [props, initialDate]);
   return /*#__PURE__*/_jsxs("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full top-3 left-0 pt-1 px-2 pb-2 flex justify-between"]))),
-    children: [/*#__PURE__*/_jsx(IconButton, {
+    children: [showPrevious ? /*#__PURE__*/_jsx(IconButton, {
       icon: dir === "rtl" ? ChevronRight : ChevronLeft,
       title: previousMonthLabel,
-      onClick: handlePreviousClick,
-      showTooltip: hidePrevious ? false : undefined,
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["", ""])), hidePrevious && "invisible")
+      onClick: handlePreviousClick
+    }) : /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-8"])))
     }), /*#__PURE__*/_jsx("div", {
       className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex items-center text-center"]))),
       children: /*#__PURE__*/_jsxs("div", {
@@ -105,12 +103,12 @@ var NavBar = function NavBar(props) {
           })
         }) : props.displayMonth.getFullYear()]
       })
-    }), /*#__PURE__*/_jsx(IconButton, {
+    }), showNext ? /*#__PURE__*/_jsx(IconButton, {
       icon: dir === "rtl" ? ChevronLeft : ChevronRight,
       title: nextMonthLabel,
-      onClick: handleNextClick,
-      showTooltip: hideNext ? false : undefined,
-      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), hideNext && "invisible")
+      onClick: handleNextClick
+    }) : /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["w-8"])))
     })]
   });
 };

package/esm/DatePicker/index.d.ts

@@ -2,4 +2,3 @@ export * from "./components";
 export * from "./DatePicker";
 export { default as DatePicker } from "./DatePicker";
 export * from "./DateRangePicker";
-export { default as DateRangePicker } from "./DateRangePicker";

package/esm/DatePicker/index.js

@@ -1,5 +1,4 @@
 export * from "./components";
 export * from "./DatePicker";
 export { default as DatePicker } from "./DatePicker";
-export * from "./DateRangePicker";
-export { default as DateRangePicker } from "./DateRangePicker";
+export * from "./DateRangePicker";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.141",
+  "version": "1.0.0-beta.142",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "rimraf dist",