@algolia/satellite 1.1.0 → 1.1.2

package/dist/esm/Checkbox/Checkbox.js

@@ -1,98 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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", "required"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 cx from "clsx";
-import { forwardRef, useMemo, useState } from "react";
-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 } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var STATUS_CLASSNAMES = {
-  "default": "",
-  invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["checkbox-invalid"]))),
-  validated: ""
-};
-
-/**
- * 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.
- */
-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,
-    required = _ref.required,
-    checkboxProps = _objectWithoutProperties(_ref, _excluded);
-  var _useField = useField({
-      required: required
-    }),
-    status = _useField.state.status,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var id = useMemo(function () {
-    var _ref2, _checkboxProps$id;
-    return (_ref2 = (_checkboxProps$id = checkboxProps.id) !== null && _checkboxProps$id !== void 0 ? _checkboxProps$id : inputId) !== null && _ref2 !== void 0 ? _ref2 : uniqueId("checkbox");
-  }, [checkboxProps.id, inputId]);
-  var isControlled = typeof checked === "boolean";
-  var _useState = useState(Boolean(isControlled ? checked : defaultChecked)),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalChecked = _useState2[0],
-    setInternalChecked = _useState2[1];
-  var isChecked = Boolean(isControlled ? checked : internalChecked);
-  var CheckboxIcon = indeterminate ? MinusIcon : CheckIcon;
-  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(["group/checkbox inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
-    children: [/*#__PURE__*/_jsxs("span", {
-      className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            checkbox\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
-      style: {
-        color: checkedColor
-      },
-      children: [/*#__PURE__*/_jsx(CheckboxIcon, {
-        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["checkbox-icon"])))
-      }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
-        "aria-labelledby": labelId,
-        "aria-describedby": descriptionId
-      }, checkboxProps), {}, {
-        id: id !== null && id !== void 0 ? id : inputId,
-        required: required,
-        "aria-invalid": status === "invalid",
-        "aria-checked": indeterminate ? "mixed" : isChecked,
-        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n              opacity-0 absolute inset-0\n              ", "\n            "])), disabled ? "cursor-not-allowed" : "cursor-pointer"),
-        type: "checkbox",
-        ref: ref,
-        onChange: handleChange,
-        checked: isChecked,
-        disabled: disabled
-      }))]
-    }), isRenderedChild(children) && /*#__PURE__*/_jsx("label", {
-      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            display-body\n            ", "\n            ", "\n          "])), disabled && "text-grey-300 cursor-not-allowed", textPosition === "left" ? "pr-2" : "pl-2"),
-      htmlFor: id !== null && id !== void 0 ? id : inputId,
-      children: children
-    })]
-  });
-});
-Checkbox.displayName = "Checkbox";

package/dist/esm/Checkbox/Checkbox.tailwind.js

@@ -1,76 +0,0 @@
-import _disabledColor from "../styles/disabledColor";
-import _plugin from "tailwindcss/plugin";
-// @ts-check
-var plugin = _plugin;
-var disabledColor = _disabledColor;
-var checkboxPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  addComponents({
-    ".checkbox": {
-      position: "relative",
-      width: "16px",
-      height: "16px",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      flexShrink: "0",
-      overflow: "hidden",
-      color: theme("colors.accent.600"),
-      background: "linear-gradient(180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      border: "1px solid ".concat(theme("colors.grey.500")),
-      boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-      borderRadius: theme("borderRadius.DEFAULT"),
-      transition: "all 250ms cubic-bezier(0.23, 1, 0.32, 1)",
-      "&:focus-within": {
-        borderColor: "currentColor"
-      },
-      "& > .checkbox-icon": {
-        userSelect: "none",
-        color: "currentColor",
-        transition: "150ms cubic-bezier(0.23, 1, 0.32, 1)",
-        transform: "scale(1.8)",
-        opacity: "0"
-      }
-    },
-    ".group\\/checkbox:hover": {
-      "& > .checkbox:not(.checkbox-disabled, .checkbox-checked, .checkbox-indeterminate, .checkbox-invalid, :has(input:focus))": {
-        borderColor: theme("colors.grey.600")
-      }
-    },
-    ".checkbox-invalid:not(.checkbox-disabled)": {
-      color: theme("colors.red.700"),
-      background: theme("colors.red.100"),
-      borderColor: "currentColor",
-      "&:hover": {
-        background: theme("colors.red.50")
-      },
-      "&:focus-within": {
-        outline: "1px solid ".concat(theme("colors.red.700"))
-      }
-    },
-    ".checkbox-checked, .checkbox-indeterminate": {
-      borderColor: "currentColor",
-      boxShadow: "inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-      "&:focus-within": {
-        borderColor: "currentColor",
-        boxShadow: "\n          inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5"), ",\n          0 0 0 1px currentColor\n        ")
-      },
-      "& > .checkbox-icon": {
-        opacity: "1",
-        transform: "scale(1)"
-      }
-    },
-    ".checkbox-disabled": {
-      cursor: "not-allowed",
-      background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      borderColor: disabledColor(theme("colors.grey.200")),
-      boxShadow: "none",
-      color: disabledColor(theme("colors.grey.200"))
-    },
-    ".checkbox-icon": {
-      strokeWidth: "3px"
-    }
-  });
-});
-export default checkboxPlugin;

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

@@ -1,174 +0,0 @@
-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, _templateObject5;
-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, useState } from "react";
-import { useField } from "../../Field";
-import { useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { DatePickerCalendar } from "../components/Calendar";
-import { DatePickerDisplay } from "../components/Display";
-import { DatePickerFooter } from "../components/Footer";
-import { DatePickerFooterActions } from "../components/FooterActions";
-import { DatePickerModal } from "../components/Modal";
-import { DatePickerSidePanel } from "../components/SidePanel";
-import { DEFAULT_DATE_PICKER_LOCALE, formatDate } from "../utils";
-import { DatePickerActionTypes, datePickerReducer, initDatePickerReducer } from "./datePickerReducer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } 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.
- */
-export var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$initialValue, _props$validate, _props$id, _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];
-  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
-  var isValid = !((_props$validate = props.validate) !== null && _props$validate !== void 0 && (_props$validate = _props$validate.call(props, state)) !== null && _props$validate !== void 0 && _props$validate.length);
-  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 || _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 || _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 || _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 || _props$onChange.call(props, payload);
-      dispatch({
-        type: DatePickerActionTypes.dateSelect,
-        payload: payload
-      });
-    }
-  };
-  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,
-      years: props.years
-    } : {
-      editableYear: false
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [props]);
-  var _useField = useField({
-      required: props.required || false
-    }),
-    status = _useField.state.status,
-    inputId = _useField.inputId;
-  var isInvalid = status === "invalid";
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx("span", {
-      ref: setTargetElement,
-      className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-block"]))),
-      children: props.renderTarget ? props.renderTarget({
-        toggle: state.show ? handleClose : handleOpen,
-        isOpen: state.show
-      }) : /*#__PURE__*/_jsx(DatePickerDisplay, {
-        id: (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : inputId,
-        ref: ref,
-        onClick: state.show ? handleClose : handleOpen,
-        size: props.buttonSize,
-        className: isInvalid ? stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["border-red-700 bg-red-100 bg-none focus:outline-1 focus:outline focus:outline-red-700 focus:shadow-none focus:bg-none focus:bg-red-100 focus:border-red-700 hover:border-red-700 hover:bg-red-50 hover:bg-none"]))) : undefined,
-        children: value ? /*#__PURE__*/_jsx("time", {
-          dateTime: value.toISOString(),
-          children: formatDate(value)
-        }) : locale.openButton
-      })
-    }), /*#__PURE__*/_jsx(DatePickerModal, {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["date-picker"]))),
-      show: state.show,
-      onClickAway: function onClickAway(evt) {
-        if (!(targetElement !== null && targetElement !== void 0 && targetElement.contains(evt.target))) {
-          dispatch({
-            type: DatePickerActionTypes.show,
-            payload: false
-          });
-        }
-      },
-      targetElement: targetElement,
-      placement: props.modalPlacement,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex"]))),
-        children: [/*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx(DatePickerCalendar, _objectSpread(_objectSpread(_objectSpread({
-            mode: "single",
-            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
-          }, yearProps), {}, {
-            locale: locale
-          })), /*#__PURE__*/_jsxs(DatePickerFooter, {
-            children: [props.renderLeftFooter && /*#__PURE__*/_jsx("div", {
-              children: props.renderLeftFooter({
-                state: state,
-                dispatch: dispatch
-              })
-            }), !props.renderRightPanel && /*#__PURE__*/_jsx(DatePickerFooterActions, {
-              onCancel: handleClose,
-              onApply: handleApply,
-              disableApply: !isValid,
-              locale: locale
-            })]
-          })]
-        }), props.renderRightPanel && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("div", {
-            className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["h-full w-px bg-red-800"])))
-          }), /*#__PURE__*/_jsxs(DatePickerSidePanel, {
-            children: [props.renderRightPanel({
-              state: state,
-              dispatch: dispatch
-            }), /*#__PURE__*/_jsx(DatePickerFooterActions, {
-              onCancel: handleClose,
-              onApply: handleApply,
-              disableApply: !isValid,
-              locale: locale
-            })]
-          })]
-        })]
-      })
-    })]
-  });
-});
-DatePicker.displayName = "DatePicker";

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

@@ -1,256 +0,0 @@
-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(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, useState } 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 { DatePickerModal } from "../components/Modal";
-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 { 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..."
-});
-
-/**
- * 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.
- */
-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);
-  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];
-  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
-  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
-  var dispatch = function dispatch(action) {
-    onAction === null || onAction === 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,
-      payload: payload,
-      meta: {
-        event: event
-      }
-    });
-  };
-  var handleMouseLeave = function handleMouseLeave(_a, _b, event) {
-    dispatch({
-      type: DateRangePickerActionTypes.mouseDayLeave,
-      meta: {
-        event: event
-      }
-    });
-  };
-  var handleDayClick = function handleDayClick(payload, modifiers) {
-    if (!modifiers.disabled) {
-      dispatch({
-        type: 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 = 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__*/_jsxs("div", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["date-range-picker"]))),
-    children: [/*#__PURE__*/_jsx("span", {
-      ref: setTargetElement,
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-block"]))),
-      children: renderTarget ? renderTarget({
-        toggle: state.show ? handleClose : handleOpen,
-        isOpen: state.show
-      }) : /*#__PURE__*/_jsx(DateRangePickerDisplay, {
-        id: id,
-        onClick: state.show ? handleClose : handleOpen,
-        range: initialRange !== null && initialRange !== void 0 ? initialRange : {
-          start: null,
-          end: null
-        },
-        buttonSize: buttonSize,
-        locale: locale
-      })
-    }), /*#__PURE__*/_jsx(DatePickerModal, {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["date-range-picker"]))),
-      show: state.show,
-      onClickAway: function onClickAway(evt) {
-        if (!(targetElement !== null && targetElement !== void 0 && targetElement.contains(evt.target))) {
-          dispatch({
-            type: DateRangePickerActionTypes.show,
-            payload: false
-          });
-        }
-      },
-      targetElement: targetElement,
-      placement: modalPlacement,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex"]))),
-        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,
-            numberOfMonths: 2
-          }, calendarProps), {}, {
-            selected: selectedDays,
-            modifiers: modifiers,
-            onDayClick: handleDayClick,
-            onDayMouseEnter: handleMouseEnter,
-            onDayMouseLeave: handleMouseLeave
-          }, yearProps), {}, {
-            locale: locale
-          })), /*#__PURE__*/_jsxs(DatePickerFooter, {
-            children: [renderLeftFooter && /*#__PURE__*/_jsx("div", {
-              children: renderLeftFooter({
-                state: state,
-                dispatch: dispatch
-              })
-            }), !renderRightPanel && /*#__PURE__*/_jsx(DatePickerFooterActions, {
-              onCancel: handleCancel,
-              onApply: handleApply,
-              disableApply: !isValid,
-              locale: locale
-            })]
-          })]
-        }), renderRightPanel && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("div", {
-            className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["h-full w-px bg-red-800"])))
-          }), /*#__PURE__*/_jsxs(DatePickerSidePanel, {
-            children: [renderRightPanel({
-              state: state,
-              dispatch: dispatch
-            }), /*#__PURE__*/_jsx(DatePickerFooterActions, {
-              onCancel: handleCancel,
-              onApply: handleApply,
-              disableApply: !isValid,
-              locale: locale
-            })]
-          })]
-        })]
-      })
-    })]
-  });
-};

package/dist/esm/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/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -1,32 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import stl from "../../styles/helpers/satellitePrefixer";
-import { DatePickerDisplay } from "../components/Display";
-import { formatDate } from "../utils";
-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";
-export var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
-  var id = _ref.id,
-    onClick = _ref.onClick,
-    range = _ref.range,
-    buttonSize = _ref.buttonSize,
-    locale = _ref.locale;
-  return /*#__PURE__*/_jsx(DatePickerDisplay, {
-    id: id,
-    onClick: onClick,
-    size: buttonSize,
-    children: isCompleteTimeRange(range) ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("time", {
-        dateTime: range.start.toISOString(),
-        children: formatDate(range.start)
-      }), /*#__PURE__*/_jsx("span", {
-        className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            relative inline-block\n            top-px w-px h-3 m-1 mb-0\n            bg-grey-200\n          "])))
-      }), /*#__PURE__*/_jsx("time", {
-        dateTime: range.end.toISOString(),
-        children: formatDate(range.end)
-      })]
-    }) : locale.openButton
-  });
-};

package/dist/esm/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 {};