@pisell/date-picker 1.0.75 → 1.0.77

package/es/PisellDateRangePicker/index.less

@@ -5,6 +5,7 @@
   //.MuiInputBase-input {
   //  padding: 10px;
   //}
+
   label {
     font-size: 14px;
   }
@@ -42,11 +43,13 @@
 .MuiPickersPopper-root {
   .MuiPickersLayout-root {
     width: var(--pisell-date-range-picker-popup-width, 625px);
+    display: block;
     .MuiDateRangeCalendar-root {
       width: 100%;
       flex: 1;
       .MuiDateRangeCalendar-monthContainer {
         width: 50%;
+        border: none;
         .MuiDayCalendar-header {
           padding: 0 20px;
           .MuiDayCalendar-weekDayLabel {
@@ -95,3 +98,56 @@
   grid-column: 1 !important;
   grid-row: 1/3 !important;
 }
+
+.date-picker-paid-drawer {
+  .MuiPickersLayout-root {
+    display: block;
+  }
+}
+
+.date-picker-custom-drawer {
+  .MuiPickersCalendarHeader-root {
+    padding-left: 35px;
+    padding-right: 22px;
+  }
+  .MuiPickersLayout-root {
+    display: block;
+  }
+  .MuiPickersLayout-toolbar {
+    display: none;
+  }
+  .MuiDayCalendar-header {
+    padding: 0 20px;
+    .MuiDayCalendar-weekDayLabel {
+      flex: 1;
+      max-width: 46px;
+    }
+  }
+  .MuiDayCalendar-slideTransition {
+    height: 315px;
+    .MuiDayCalendar-monthContainer {
+      padding: 0 20px;
+    }
+  }
+  .MuiDateRangeCalendar-monthContainer {
+    width: 100%;
+    .MuiDateRangePickerDay-root {
+      flex: 1;
+      max-width: 50px;
+      max-height: 50px;
+      .MuiDateRangePickerDay-day {
+        width: 100%;
+        height: auto;
+        &::before {
+          content: "";
+          display: block;
+          padding-top: 100%;
+        }
+      }
+    }
+  }
+  .MuiDrawer-paperAnchorBottom {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+}

package/es/Shortcuts/index.d.ts

@@ -1,9 +1,10 @@
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {
-    label: string;
-    getValue: () => [Dayjs, Dayjs];
-    value: [Dayjs, Dayjs];
+    label?: string;
+    getValue?: () => [Dayjs, Dayjs];
+    value: [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
+    key?: string;
 };
 interface ShortcutsProps {
     items: PresetType[];

package/es/Toolbar/index.d.ts

@@ -0,0 +1,3 @@
+import "./index.less";
+declare const Toolbar: (props: any) => JSX.Element;
+export default Toolbar;

package/es/Toolbar/index.js

@@ -0,0 +1,122 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useState, useEffect } from "react";
+import { Input } from "antd";
+import dayjs from "dayjs";
+import BrowserSelect from "../browserSelect";
+import { getText } from "../locales";
+import "./index.less";
+var isValidDate = function isValidDate(dateString, format) {
+  var date = dayjs(dateString, format, true);
+  return date.isValid();
+};
+var Toolbar = function Toolbar(props) {
+  var presetItems = props.presetItems,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    locale = props.locale,
+    onChange = props.onChange,
+    currentShortcut = props.currentShortcut,
+    setCurrentShortcut = props.setCurrentShortcut;
+  var format = locale === "en" || locale === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    startStr = _useState2[0],
+    setStartStr = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    endStr = _useState4[0],
+    setEndStr = _useState4[1];
+  useEffect(function () {
+    if (value !== null && value !== void 0 && value[0]) {
+      setStartStr(value[0].format(format));
+    } else {
+      setStartStr("");
+    }
+    if (value !== null && value !== void 0 && value[1]) {
+      setEndStr(value[1].format(format));
+    } else {
+      setEndStr("");
+    }
+  }, [value]);
+  var handleStartChange = function handleStartChange(e) {
+    var val = e.target.value;
+    setStartStr(val);
+    if (isValidDate(val, format)) {
+      var _start$set, _start$set$set;
+      var valDate = dayjs(val, format);
+      var newValue = _toConsumableArray(value);
+      var start = newValue[0] || dayjs();
+      newValue[0] = (start === null || start === void 0 ? void 0 : (_start$set = start.set("year", (valDate === null || valDate === void 0 ? void 0 : valDate.get("year")) || 0)) === null || _start$set === void 0 ? void 0 : (_start$set$set = _start$set.set("month", (valDate === null || valDate === void 0 ? void 0 : valDate.get("month")) || 0)) === null || _start$set$set === void 0 ? void 0 : _start$set$set.set("date", (valDate === null || valDate === void 0 ? void 0 : valDate.get("date")) || 0)) || null;
+      onChange(newValue);
+    }
+  };
+  var handleEndChange = function handleEndChange(e) {
+    var val = e.target.value;
+    setEndStr(val);
+    if (isValidDate(val, format)) {
+      var _end$set, _end$set$set;
+      var valDate = dayjs(val, format);
+      var newValue = _toConsumableArray(value);
+      var end = newValue[1] || dayjs();
+      newValue[1] = (end === null || end === void 0 ? void 0 : (_end$set = end.set("year", (valDate === null || valDate === void 0 ? void 0 : valDate.get("year")) || 0)) === null || _end$set === void 0 ? void 0 : (_end$set$set = _end$set.set("month", (valDate === null || valDate === void 0 ? void 0 : valDate.get("month")) || 0)) === null || _end$set$set === void 0 ? void 0 : _end$set$set.set("date", (valDate === null || valDate === void 0 ? void 0 : valDate.get("date")) || 0)) || null;
+      onChange(newValue);
+    }
+  };
+  var handleSelectChange = function handleSelectChange(e) {
+    var val = e.target.value;
+    var detail = presetItems.find(function (item) {
+      return item.value === val || item.label === val;
+    });
+    if (!detail) return;
+    var dateVal = detail.getValue();
+    onChange(dateVal, 'shortcuts', val);
+  };
+  var customPresetItems = useMemo(function () {
+    if (!currentShortcut) {
+      return presetItems.concat([{
+        label: getText("toolbar-date-range-shortcut-custom"),
+        value: getText("toolbar-date-range-shortcut-custom")
+      }]);
+    }
+    return presetItems;
+  }, [presetItems]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-toolbar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-content-top"
+  }, /*#__PURE__*/React.createElement("span", null, getText("toolbar-date-range-shortcut-date-range")), /*#__PURE__*/React.createElement(BrowserSelect
+  // @ts-ignore
+  , {
+    value: currentShortcut || getText("toolbar-date-range-shortcut-custom"),
+    className: "date-picker-toolbar-select",
+    options: customPresetItems,
+    size: "large",
+    onChange: handleSelectChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-content-bottom"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-toolbar-start-wrap"
+  }, /*#__PURE__*/React.createElement("span", null, getText("toolbar-date-range-shortcut-starting")), /*#__PURE__*/React.createElement(Input, {
+    size: "large",
+    value: startStr,
+    onChange: handleStartChange,
+    placeholder: dayjs().format(format)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-toolbar-end-wrap"
+  }, /*#__PURE__*/React.createElement("span", null, getText("toolbar-date-range-shortcut-ending")), /*#__PURE__*/React.createElement(Input, {
+    size: "large",
+    value: endStr,
+    onChange: handleEndChange,
+    placeholder: dayjs().format(format)
+  }))));
+};
+export default Toolbar;

package/es/Toolbar/index.less

@@ -0,0 +1,32 @@
+.date-picker-toolbar {
+  padding: 20px 20px 0;
+  color: var(--Gray-700, #344054);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px; /* 142.857% */
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  .date-picker-content-top {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .date-picker-content-bottom {
+    display: flex;
+    gap: 16px;
+  }
+  .date-picker-toolbar-start-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+  }
+  .date-picker-toolbar-end-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+  }
+}

package/es/browserSelect/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./index.less";
+interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
+    options: any[];
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+export default BrowserSelect;

package/es/browserSelect/index.js

@@ -0,0 +1,36 @@
+var _excluded = ["options"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useMemo } from "react";
+import classNames from "classnames";
+import "./index.less";
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+var BrowserSelect = function BrowserSelect(props) {
+  var options = props.options,
+    resetProps = _objectWithoutProperties(props, _excluded);
+  var _options = useMemo(function () {
+    return (props.options || []).map(function (d) {
+      return /*#__PURE__*/React.createElement("option", {
+        value: d.value,
+        key: d.value
+      }, d.label);
+    });
+  }, [props.options]);
+  return /*#__PURE__*/React.createElement("select", _extends({}, resetProps, {
+    className: classNames("date-picker-pisell-browser-select", resetProps.className),
+    onChange: function onChange(e) {
+      var _resetProps$onChange;
+      e.persist();
+      (_resetProps$onChange = resetProps.onChange) === null || _resetProps$onChange === void 0 ? void 0 : _resetProps$onChange.call(resetProps, e);
+    }
+  }), _options);
+};
+export default BrowserSelect;

package/es/browserSelect/index.less

@@ -0,0 +1,18 @@
+.date-picker-pisell-browser-select {
+  padding: 9px 16px;
+  border-radius: 8px;
+  background-color: #fff;
+  background-image: url('./chevron-down.png');
+  color: var(--Gray-true-900, #141414);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  border: 1px solid var(--Gray-300, #D0D5DD);
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-position: right 10px center;
+  background-size: 12px;
+  background-repeat: no-repeat;
+}

package/es/constants.d.ts

@@ -0,0 +1,58 @@
+import dayjs from 'dayjs';
+import { PresetType } from "./Shortcuts";
+export declare const presetValueArr: string[];
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    last_3_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    last_7_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    last_30_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    last_90_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    last_180_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    next_3_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    next_7_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    next_30_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    next_90_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+    next_180_days: {
+        getValue: () => dayjs.Dayjs[];
+        label: () => any;
+    };
+};
+export declare const defaultPresets: PresetType[];

package/es/constants.js

@@ -0,0 +1,128 @@
+import dayjs from 'dayjs';
+import { getText } from "./locales";
+export var presetValueArr = ['today', 'yesterday', 'last_3_days', 'last_7_days', 'last_30_days', 'last_90_days', 'last_180_days', 'tomorrow', 'next_3_days', 'next_7_days', 'next_30_days', 'next_90_days', 'next_180_days'];
+export var presetDetailMap = {
+  today: {
+    getValue: function getValue() {
+      return [dayjs().startOf('day'), dayjs().endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-today');
+    }
+  },
+  yesterday: {
+    getValue: function getValue() {
+      return [dayjs().add(-1, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-yesterday');
+    }
+  },
+  last_3_days: {
+    getValue: function getValue() {
+      return [dayjs().add(-3, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-last-3-days');
+    }
+  },
+  last_7_days: {
+    getValue: function getValue() {
+      return [dayjs().add(-7, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-last-7-days');
+    }
+  },
+  last_30_days: {
+    getValue: function getValue() {
+      return [dayjs().add(-30, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-last-30-days');
+    }
+  },
+  last_90_days: {
+    getValue: function getValue() {
+      return [dayjs().add(-90, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-last-90-days');
+    }
+  },
+  last_180_days: {
+    getValue: function getValue() {
+      return [dayjs().add(-180, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-last-180-days');
+    }
+  },
+  tomorrow: {
+    getValue: function getValue() {
+      return [dayjs().add(1, 'd').startOf('day'), dayjs().add(1, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-tomorrow');
+    }
+  },
+  next_3_days: {
+    getValue: function getValue() {
+      return [dayjs().add(1, 'd').startOf('day'), dayjs().add(3, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-next-3-days');
+    }
+  },
+  next_7_days: {
+    getValue: function getValue() {
+      return [dayjs().add(1, 'd').startOf('day'), dayjs().add(7, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-next-7-days');
+    }
+  },
+  next_30_days: {
+    getValue: function getValue() {
+      return [dayjs().add(1, 'd').startOf('day'), dayjs().add(30, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-next-30-days');
+    }
+  },
+  next_90_days: {
+    getValue: function getValue() {
+      return [dayjs().add(1, 'd').startOf('day'), dayjs().add(90, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-next-90-days');
+    }
+  },
+  next_180_days: {
+    getValue: function getValue() {
+      return [dayjs().add(1, 'd').startOf('day'), dayjs().add(180, 'd').endOf('day')];
+    },
+    label: function label() {
+      return getText('toolbar-date-range-shortcut-next-180-days');
+    }
+  }
+};
+export var defaultPresets = [{
+  value: 'today'
+}, {
+  value: 'yesterday'
+}, {
+  value: 'tomorrow'
+}, {
+  value: 'next_7_days'
+}, {
+  value: 'next_30_days'
+}, {
+  value: 'next_90_days'
+}, {
+  value: 'last_7_days'
+}, {
+  value: 'last_30_days'
+}, {
+  value: 'last_90_days'
+}];

package/es/hooks/useDocumentVisibility.d.ts

@@ -0,0 +1,2 @@
+declare const useDocumentVisibility: () => any;
+export default useDocumentVisibility;

package/es/hooks/useDocumentVisibility.js

@@ -0,0 +1,27 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState, useEffect } from "react";
+var getVisible = function getVisible() {
+  return document.visibilityState;
+};
+var useDocumentVisibility = function useDocumentVisibility() {
+  var _useState = useState(getVisible()),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  useEffect(function () {
+    var handleVisibilityChange = function handleVisibilityChange() {
+      setVisible(getVisible());
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return function () {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
+  return visible;
+};
+export default useDocumentVisibility;

package/es/hooks/useNextDay.d.ts

@@ -0,0 +1,2 @@
+declare const useNextDay: (fn: Function) => void;
+export default useNextDay;

package/es/hooks/useNextDay.js

@@ -0,0 +1,15 @@
+import { useRef } from "react";
+import useUpdateEffect from "./useUpdateEffect";
+import useDocumentVisibility from "./useDocumentVisibility";
+import dayjs from "dayjs";
+var useNextDay = function useNextDay(fn) {
+  var visible = useDocumentVisibility();
+  var currentDay = useRef(dayjs());
+  useUpdateEffect(function () {
+    if (visible && !currentDay.current.isSame(dayjs(), "day")) {
+      currentDay.current = dayjs();
+      fn();
+    }
+  }, [visible]);
+};
+export default useNextDay;

package/es/hooks/useUpdateEffect.d.ts

@@ -0,0 +1,2 @@
+declare const useUpdateEffect: (fn: Function, deps: any[]) => void;
+export default useUpdateEffect;

package/es/hooks/useUpdateEffect.js

@@ -0,0 +1,11 @@
+import { useRef, useEffect } from "react";
+var useUpdateEffect = function useUpdateEffect(fn, deps) {
+  var isMount = useRef(false);
+  useEffect(function () {
+    if (isMount.current) {
+      fn();
+    }
+    isMount.current = true;
+  }, deps);
+};
+export default useUpdateEffect;

package/es/icon/ChevronLeft.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronLeft: (props: {
+    className?: string | undefined;
+    onClick?: any;
+}) => JSX.Element;
+export default ChevronLeft;

package/es/icon/ChevronLeft.js

@@ -0,0 +1,23 @@
+import React from "react";
+var ChevronLeft = function ChevronLeft(props) {
+  var className = props.className,
+    onClick = props.onClick;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "35105",
+    width: "1em",
+    height: "1em"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z",
+    fill: "currentColor"
+  })));
+};
+export default ChevronLeft;

package/es/icon/ChevronLeftDouble.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronLeftDouble: (props: {
+    className?: string | undefined;
+    onClick?: any;
+}) => JSX.Element;
+export default ChevronLeftDouble;

package/es/icon/ChevronLeftDouble.js

@@ -0,0 +1,23 @@
+import React from "react";
+var ChevronLeftDouble = function ChevronLeftDouble(props) {
+  var className = props.className,
+    onClick = props.onClick;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "35105",
+    width: "1em",
+    height: "1em"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M11.7071 6.29289C12.0976 6.68342 12.0976 7.31658 11.7071 7.70711L7.41421 12L11.7071 16.2929C12.0976 16.6834 12.0976 17.3166 11.7071 17.7071C11.3166 18.0976 10.6834 18.0976 10.2929 17.7071L5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L10.2929 6.29289C10.6834 5.90237 11.3166 5.90237 11.7071 6.29289ZM18.7071 6.29289C19.0976 6.68342 19.0976 7.31658 18.7071 7.70711L14.4142 12L18.7071 16.2929C19.0976 16.6834 19.0976 17.3166 18.7071 17.7071C18.3166 18.0976 17.6834 18.0976 17.2929 17.7071L12.2929 12.7071C11.9024 12.3166 11.9024 11.6834 12.2929 11.2929L17.2929 6.29289C17.6834 5.90237 18.3166 5.90237 18.7071 6.29289Z",
+    fill: "currentColor"
+  })));
+};
+export default ChevronLeftDouble;

package/es/icon/ChevronRight.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronRight: (props: {
+    className?: string | undefined;
+    onClick?: any;
+}) => JSX.Element;
+export default ChevronRight;