@algolia/satellite 1.1.0 → 1.1.1

package/dist/cjs/DatePicker/DateRangePicker/DateRangePicker.js

@@ -1,261 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateRangePicker = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _Satellite = require("../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _Calendar = require("../components/Calendar");
-var _Footer = require("../components/Footer");
-var _FooterActions = require("../components/FooterActions");
-var _Modal = require("../components/Modal");
-var _SidePanel = require("../components/SidePanel");
-var _utils = require("../utils");
-var _DateRangePickerDisplay = require("./DateRangePickerDisplay");
-var _dateRangePickerReducer = require("./dateRangePickerReducer");
-var _dateRangePickerTimeRange = require("./dateRangePickerTimeRange");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "modalPlacement", "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) { (0, _defineProperty2["default"])(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; }
-var defaultValidator = function defaultValidator(_ref) {
-  var candidateRange = _ref.candidateRange;
-  return (0, _dateRangePickerTimeRange.isCompleteTimeRange)(candidateRange) ? null : [new Error("Invalid time range")];
-};
-var DEFAULT_DATE_RANGE_PICKER_LOCALE = _objectSpread(_objectSpread({}, _utils.DEFAULT_DATE_PICKER_LOCALE), {}, {
-  openButton: "Enter a date period..."
-});
-
-/**
- * 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.
- */
-var DateRangePicker = exports.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.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 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var contextLocale = (0, _Satellite.useLocale)("datePicker");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATE_RANGE_PICKER_LOCALE), contextLocale), propsLocale);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    targetElement = _useState2[0],
-    setTargetElement = _useState2[1];
-  var _useReducer = (0, _react.useReducer)(function (state, action) {
-      return stateReducer(state, action, _dateRangePickerReducer.dateRangePickerReducer);
-    }, initialState, _dateRangePickerReducer.initDateRangePickerReducer),
-    _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-    state = _useReducer2[0],
-    baseDispatch = _useReducer2[1];
-
-  // Computed properties
-  var isValid = !((_validate = validate(state)) !== null && _validate !== void 0 && _validate.length);
-  var displayedRange = (0, _react.useMemo)(function () {
-    return (0, _dateRangePickerTimeRange.isEmptyTimeRange)(state.candidateRange) ? initialRange !== null && initialRange !== void 0 ? initialRange : {
-      start: null,
-      end: null
-    } : state.candidateRange;
-  }, [initialRange, state.candidateRange]);
-
-  // Event handlers
-  var dispatch = function dispatch(action) {
-    onAction === null || onAction === void 0 || onAction(action, state);
-    baseDispatch(action);
-  };
-  var handleOpen = function handleOpen() {
-    dispatch({
-      type: _dateRangePickerReducer.DateRangePickerActionTypes.show,
-      payload: true
-    });
-  };
-  var handleClose = function handleClose() {
-    dispatch({
-      type: _dateRangePickerReducer.DateRangePickerActionTypes.show,
-      payload: false
-    });
-  };
-  var handleCancel = function handleCancel() {
-    dispatch({
-      type: _dateRangePickerReducer.DateRangePickerActionTypes.cancel
-    });
-  };
-  var handleApply = function handleApply() {
-    dispatch({
-      type: _dateRangePickerReducer.DateRangePickerActionTypes.apply
-    });
-  };
-  var handleMouseEnter = function handleMouseEnter(payload, _a, event) {
-    dispatch({
-      type: _dateRangePickerReducer.DateRangePickerActionTypes.mouseDayEnter,
-      payload: payload,
-      meta: {
-        event: event
-      }
-    });
-  };
-  var handleMouseLeave = function handleMouseLeave(_a, _b, event) {
-    dispatch({
-      type: _dateRangePickerReducer.DateRangePickerActionTypes.mouseDayLeave,
-      meta: {
-        event: event
-      }
-    });
-  };
-  var handleDayClick = function handleDayClick(payload, modifiers) {
-    if (!modifiers.disabled) {
-      dispatch({
-        type: _dateRangePickerReducer.DateRangePickerActionTypes.dateSelect,
-        payload: payload
-      });
-    }
-  };
-  var selectedDays = displayedRange.start && displayedRange.end ? {
-    from: displayedRange.start,
-    to: displayedRange.end
-  } : displayedRange.start && state.hovered ? {
-    from: displayedRange.start,
-    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;
-    }).map(function (range) {
-      return {
-        from: range.start,
-        to: range.end
-      };
-    });
-    modifiers.displayedRangesStart = displayOnlyRanges.filter(function (range) {
-      return typeof range !== "undefined" && range.start instanceof Date;
-    }).map(function (range) {
-      return range.start;
-    });
-    modifiers.displayedRangesEnd = displayOnlyRanges.filter(function (range) {
-      return typeof range !== "undefined" && range.end instanceof Date;
-    }).map(function (range) {
-      return range.end;
-    });
-  }
-  var yearProps = (0, _react.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,
-      years: props.years
-    } : {
-      editableYear: false
-    };
-  }, [props, displayedRange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["date-range-picker"]))),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: setTargetElement,
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["inline-block"]))),
-      children: renderTarget ? renderTarget({
-        toggle: state.show ? handleClose : handleOpen,
-        isOpen: state.show
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerDisplay.DateRangePickerDisplay, {
-        id: id,
-        onClick: state.show ? handleClose : handleOpen,
-        range: initialRange !== null && initialRange !== void 0 ? initialRange : {
-          start: null,
-          end: null
-        },
-        buttonSize: buttonSize,
-        locale: locale
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.DatePickerModal, {
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["date-range-picker"]))),
-      show: state.show,
-      onClickAway: function onClickAway(evt) {
-        if (!(targetElement !== null && targetElement !== void 0 && targetElement.contains(evt.target))) {
-          dispatch({
-            type: _dateRangePickerReducer.DateRangePickerActionTypes.show,
-            payload: false
-          });
-        }
-      },
-      targetElement: targetElement,
-      placement: modalPlacement,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex"]))),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar.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,
-            numberOfMonths: 2
-          }, calendarProps), {}, {
-            selected: selectedDays,
-            modifiers: modifiers,
-            onDayClick: handleDayClick,
-            onDayMouseEnter: handleMouseEnter,
-            onDayMouseLeave: handleMouseLeave
-          }, yearProps), {}, {
-            locale: locale
-          })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Footer.DatePickerFooter, {
-            children: [renderLeftFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: renderLeftFooter({
-                state: state,
-                dispatch: dispatch
-              })
-            }), !renderRightPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterActions.DatePickerFooterActions, {
-              onCancel: handleCancel,
-              onApply: handleApply,
-              disableApply: !isValid,
-              locale: locale
-            })]
-          })]
-        }), renderRightPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["h-full w-px bg-red-800"])))
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SidePanel.DatePickerSidePanel, {
-            children: [renderRightPanel({
-              state: state,
-              dispatch: dispatch
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterActions.DatePickerFooterActions, {
-              onCancel: handleCancel,
-              onApply: handleApply,
-              disableApply: !isValid,
-              locale: locale
-            })]
-          })]
-        })]
-      })
-    })]
-  });
-};

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

@@ -1,13 +0,0 @@
-import type { VFC } from "react";
-import type { WithRequiredProperty } from "../../types";
-import { type DatePickerDisplayProps } from "../components/Display";
-import type { DatePickerLocale } from "../types";
-import type { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
-export interface DateRangePickerDisplayProps {
-    id?: string;
-    onClick: DatePickerDisplayProps["onClick"];
-    range: DateRangePickerTimeRange;
-    buttonSize?: DatePickerDisplayProps["size"];
-    locale: WithRequiredProperty<DatePickerLocale, "openButton">;
-}
-export declare const DateRangePickerDisplay: VFC<DateRangePickerDisplayProps>;

package/dist/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateRangePickerDisplay = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _Display = require("../components/Display");
-var _utils = require("../utils");
-var _dateRangePickerTimeRange = require("./dateRangePickerTimeRange");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var DateRangePickerDisplay = exports.DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
-  var id = _ref.id,
-    onClick = _ref.onClick,
-    range = _ref.range,
-    buttonSize = _ref.buttonSize,
-    locale = _ref.locale;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Display.DatePickerDisplay, {
-    id: id,
-    onClick: onClick,
-    size: buttonSize,
-    children: (0, _dateRangePickerTimeRange.isCompleteTimeRange)(range) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
-        dateTime: range.start.toISOString(),
-        children: (0, _utils.formatDate)(range.start)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n            relative inline-block\n            top-px w-px h-3 m-1 mb-0\n            bg-grey-200\n          "])))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
-        dateTime: range.end.toISOString(),
-        children: (0, _utils.formatDate)(range.end)
-      })]
-    }) : locale.openButton
-  });
-};

package/dist/cjs/DatePicker/components/Calendar.d.ts

@@ -1,17 +0,0 @@
-import type { VFC } from "react";
-import type { DayPickerDefaultProps, DayPickerRangeProps, DayPickerSingleProps } from "react-day-picker";
-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;
-} | {
-    editableYear: true;
-    years?: number[];
-    initialDate?: Date;
-};
-export declare type DatePickerCalendarProps = Omit<Omit<DayPickerSingleProps | DayPickerRangeProps | DayPickerDefaultProps, "locale">, ExcludedDayPickerProps> & EditableYearProps & {
-    locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
-};
-export declare const DatePickerCalendar: VFC<DatePickerCalendarProps>;
-export {};

package/dist/cjs/DatePicker/components/Display.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import type { ButtonProps, ButtonSize } from "../../Button";
-export interface DatePickerDisplayProps extends ButtonProps {
-    id?: string;
-    onClick: ButtonProps["onClick"];
-    children: ReactNode;
-    size?: ButtonSize;
-}
-export declare const DatePickerDisplay: import("react").ForwardRefExoticComponent<DatePickerDisplayProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/DatePicker/components/Display.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePickerDisplay = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _Button = require("../../Button");
-var _Icons = require("../../Icons");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "size", "onClick", "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) { (0, _defineProperty2["default"])(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; }
-var DatePickerDisplay = exports.DatePickerDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var id = _ref.id,
-    size = _ref.size,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
-    id: id,
-    size: size,
-    startIcon: _Icons.CalendarIcon,
-    onClick: onClick,
-    ref: ref
-  }, props), {}, {
-    children: children
-  }));
-});
-DatePickerDisplay.displayName = "Display";

package/dist/cjs/DatePicker/components/Footer.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePickerFooter = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var DatePickerFooter = exports.DatePickerFooter = function DatePickerFooter(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-between px-4 pb-3 pt-0"]))),
-    children: children
-  });
-};

package/dist/cjs/DatePicker/components/FooterActions.d.ts

@@ -1,11 +0,0 @@
-import type { VFC } from "react";
-import type { ButtonProps } from "../../Button";
-import type { WithRequiredProperty } from "../../types";
-import type { DatePickerLocale } from "../types";
-export interface DatePickerFooterActionsProps {
-    onCancel: ButtonProps["onClick"];
-    onApply: ButtonProps["onClick"];
-    disableApply: boolean;
-    locale: WithRequiredProperty<DatePickerLocale, "cancel" | "apply">;
-}
-export declare const DatePickerFooterActions: VFC<DatePickerFooterActionsProps>;

package/dist/cjs/DatePicker/components/FooterActions.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePickerFooterActions = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Button = require("../../Button");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-var DatePickerFooterActions = exports.DatePickerFooterActions = function DatePickerFooterActions(_ref) {
-  var onCancel = _ref.onCancel,
-    onApply = _ref.onApply,
-    disableApply = _ref.disableApply,
-    locale = _ref.locale;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["ml-auto flex justify-end"]))),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-      onClick: onCancel,
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2"]))),
-      children: locale.cancel
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-      disabled: disableApply,
-      onClick: onApply,
-      variant: "primary",
-      children: locale.apply
-    })]
-  });
-};

package/dist/cjs/DatePicker/components/Modal.d.ts

@@ -1,15 +0,0 @@
-import type { Placement, StrictModifiers } from "@popperjs/core";
-import type { ReactNode, VFC } from "react";
-import type { StrictModifier } from "react-popper";
-import type { ClickAwayContainerProps } from "../../ClickAwayContainer";
-export interface DatePickerModalProps {
-    children: ReactNode;
-    show: boolean;
-    placement?: Placement;
-    modifiers?: StrictModifiers[];
-    className?: string;
-    targetElement: HTMLElement | null;
-    onClickAway?: ClickAwayContainerProps["onClickAway"];
-}
-export declare const DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS: StrictModifier[];
-export declare const DatePickerModal: VFC<DatePickerModalProps>;

package/dist/cjs/DatePicker/components/Modal.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePickerModal = exports.DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _reactPopper = require("react-popper");
-var _ClickAwayContainer = require("../../ClickAwayContainer");
-var _Satellite = require("../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-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) { (0, _defineProperty2["default"])(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; }
-var DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = exports.DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = [{
-  name: "offset",
-  options: {
-    offset: [0, 16]
-  }
-}];
-var DatePickerModal = exports.DatePickerModal = function DatePickerModal(_ref) {
-  var show = _ref.show,
-    targetElement = _ref.targetElement,
-    _onClickAway = _ref.onClickAway,
-    children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
-    _ref$modifiers = _ref.modifiers,
-    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
-    className = _ref.className;
-  var createPortal = (0, _Satellite.useCreatePortal)();
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    datePickerElement = _useState2[0],
-    setDatePickerElement = _useState2[1];
-  var _usePopper = (0, _reactPopper.usePopper)(targetElement, datePickerElement, {
-      modifiers: [].concat(DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
-      placement: placement,
-      strategy: "fixed"
-    }),
-    styles = _usePopper.styles,
-    attributes = _usePopper.attributes;
-  if (!show) {
-    return null;
-  }
-  return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
-    element: datePickerElement,
-    onClickAway: function onClickAway(evt) {
-      return _onClickAway === null || _onClickAway === void 0 ? void 0 : _onClickAway(evt);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-      ref: setDatePickerElement,
-      className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["z-dropdown bg-white shadow-z400"]))))
-    }, attributes.popper), {}, {
-      style: styles.popper,
-      children: children
-    }))
-  }));
-};

package/dist/cjs/DatePicker/components/NavBar.d.ts

@@ -1,9 +0,0 @@
-import type { VFC } from "react";
-import type { CaptionProps } from "react-day-picker";
-import type { WithRequiredProperty } from "../../types";
-import type { DatePickerLocale } from "../types";
-import type { EditableYearProps } from "./Calendar";
-export declare type NavBarProps = CaptionProps & EditableYearProps & {
-    locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
-};
-export declare const NavBar: VFC<NavBarProps>;

package/dist/cjs/DatePicker/components/NavBar.js

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavBar = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _dateFns = require("date-fns");
-var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
-var _react = require("react");
-var _reactDayPicker = require("react-day-picker");
-var _Button = require("../../Button");
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _utils = require("../../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var NavBar = exports.NavBar = function NavBar(props) {
-  var _useDayPicker = (0, _reactDayPicker.useDayPicker)(),
-    numberOfMonths = _useDayPicker.numberOfMonths,
-    onMonthChange = _useDayPicker.onMonthChange,
-    formatMonthCaption = _useDayPicker.formatters.formatMonthCaption,
-    dir = _useDayPicker.dir,
-    locale = _useDayPicker.locale;
-  var _useNavigation = (0, _reactDayPicker.useNavigation)(),
-    previousMonth = _useNavigation.previousMonth,
-    nextMonth = _useNavigation.nextMonth,
-    goToMonth = _useNavigation.goToMonth,
-    goToDate = _useNavigation.goToDate,
-    displayMonths = _useNavigation.displayMonths;
-  var _props$locale = props.locale,
-    nextMonthLabel = _props$locale.nextMonth,
-    previousMonthLabel = _props$locale.previousMonth;
-  var initialDate = (0, _react.useMemo)(function () {
-    return props.editableYear && props.initialDate ? props.initialDate : new Date();
-  }, [props]);
-  var displayIndex = displayMonths.findIndex(function (month) {
-    return (0, _isSameMonth["default"])(props.displayMonth, month);
-  });
-  var showNext = numberOfMonths === 1 || displayIndex === displayMonths.length - 1;
-  var showPrevious = numberOfMonths === 1 || displayIndex === 0;
-  var handlePreviousClick = function handlePreviousClick() {
-    if (!previousMonth) return;
-    goToMonth(previousMonth);
-    onMonthChange === null || onMonthChange === void 0 || onMonthChange(previousMonth);
-  };
-  var handleNextClick = function handleNextClick() {
-    if (!nextMonth) return;
-    goToMonth(nextMonth);
-    onMonthChange === null || onMonthChange === void 0 || onMonthChange(nextMonth);
-  };
-  var years = (0, _react.useMemo)(function () {
-    if (!props.editableYear) return [];
-    if (props.years) return props.years;
-    var interval = (0, _dateFns.eachYearOfInterval)({
-      start: (0, _dateFns.add)(initialDate, {
-        years: -5
-      }),
-      end: (0, _dateFns.add)(initialDate, {
-        years: 10
-      })
-    }).map(_dateFns.getYear);
-    var monthYear = props.displayMonth.getFullYear(); // year of the currently shown month
-    if (interval.includes(monthYear)) return interval;
-    var minYear = Math.min.apply(Math, (0, _toConsumableArray2["default"])(interval).concat([monthYear]));
-    var maxYear = Math.max.apply(Math, (0, _toConsumableArray2["default"])(interval).concat([monthYear]));
-    return Array.from({
-      length: maxYear - minYear + 1
-    }, function (_, i) {
-      return i + minYear;
-    });
-  }, [props, initialDate]);
-  var yearSelectId = (0, _react.useMemo)(function () {
-    return (0, _utils.uniqueId)("year-select");
-  }, []);
-  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: [showPrevious ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: dir === "rtl" ? _Icons.ChevronRightIcon : _Icons.ChevronLeftIcon,
-      title: previousMonthLabel,
-      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", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["font-medium text-md"]))),
-        children: [formatMonthCaption(props.displayMonth, {
-          locale: locale
-        }), " ", props.editableYear ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-          htmlFor: yearSelectId,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["sr-only"]))),
-            children: "Select a year"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
-            id: yearSelectId,
-            className: (0, _clsx["default"])("rdp-year", (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["pl-0.5 font-medium outline-none border-transparent border-2 rounded focus:border-accent-600 focus:shadow-z100 appearance-none"])))),
-            value: props.displayMonth.getFullYear(),
-            onChange: function onChange(e) {
-              return goToDate((0, _dateFns.setYear)(props.displayMonth, parseInt(e.currentTarget.value)));
-            },
-            children: years.map(function (year) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-                value: year,
-                children: year
-              }, year);
-            })
-          })]
-        }) : props.displayMonth.getFullYear()]
-      })
-    }), showNext ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: dir === "rtl" ? _Icons.ChevronLeftIcon : _Icons.ChevronRightIcon,
-      title: nextMonthLabel,
-      onClick: handleNextClick
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["w-8"])))
-    })]
-  });
-};