@pisell/date-picker 1.0.75 → 1.0.76

package/lib/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/lib/Toolbar/index.js

@@ -0,0 +1,139 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Toolbar/index.tsx
+var Toolbar_exports = {};
+__export(Toolbar_exports, {
+  default: () => Toolbar_default
+});
+module.exports = __toCommonJS(Toolbar_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_browserSelect = __toESM(require("../browserSelect"));
+var import_locales = require("../locales");
+var import_index = require("./index.less");
+var isValidDate = (dateString, format) => {
+  const date = (0, import_dayjs.default)(dateString, format, true);
+  return date.isValid();
+};
+var Toolbar = (props) => {
+  const {
+    presetItems,
+    value = [],
+    locale,
+    onChange,
+    currentShortcut,
+    setCurrentShortcut
+  } = props;
+  const format = locale === "en" || locale === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
+  const [startStr, setStartStr] = (0, import_react.useState)("");
+  const [endStr, setEndStr] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (value == null ? void 0 : value[0]) {
+      setStartStr(value[0].format(format));
+    } else {
+      setStartStr("");
+    }
+    if (value == null ? void 0 : value[1]) {
+      setEndStr(value[1].format(format));
+    } else {
+      setEndStr("");
+    }
+  }, [value]);
+  const handleStartChange = (e) => {
+    var _a, _b;
+    const val = e.target.value;
+    setStartStr(val);
+    if (isValidDate(val, format)) {
+      const valDate = (0, import_dayjs.default)(val, format);
+      const newValue = [...value];
+      const start = newValue[0] || (0, import_dayjs.default)();
+      newValue[0] = ((_b = (_a = start == null ? void 0 : start.set("year", (valDate == null ? void 0 : valDate.get("year")) || 0)) == null ? void 0 : _a.set("month", (valDate == null ? void 0 : valDate.get("month")) || 0)) == null ? void 0 : _b.set("date", (valDate == null ? void 0 : valDate.get("date")) || 0)) || null;
+      onChange(newValue);
+    }
+  };
+  const handleEndChange = (e) => {
+    var _a, _b;
+    const val = e.target.value;
+    setEndStr(val);
+    if (isValidDate(val, format)) {
+      const valDate = (0, import_dayjs.default)(val, format);
+      const newValue = [...value];
+      const end = newValue[1] || (0, import_dayjs.default)();
+      newValue[1] = ((_b = (_a = end == null ? void 0 : end.set("year", (valDate == null ? void 0 : valDate.get("year")) || 0)) == null ? void 0 : _a.set("month", (valDate == null ? void 0 : valDate.get("month")) || 0)) == null ? void 0 : _b.set("date", (valDate == null ? void 0 : valDate.get("date")) || 0)) || null;
+      onChange(newValue);
+    }
+  };
+  const handleSelectChange = (e) => {
+    const val = e.target.value;
+    const detail = presetItems.find((item) => item.value === val || item.label === val);
+    if (!detail)
+      return;
+    const dateVal = detail.getValue();
+    onChange(dateVal, "shortcuts", val);
+  };
+  const customPresetItems = (0, import_react.useMemo)(() => {
+    if (!currentShortcut) {
+      return presetItems.concat([
+        {
+          label: (0, import_locales.getText)("toolbar-date-range-shortcut-custom"),
+          value: (0, import_locales.getText)("toolbar-date-range-shortcut-custom")
+        }
+      ]);
+    }
+    return presetItems;
+  }, [presetItems]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-top" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-date-range")), /* @__PURE__ */ import_react.default.createElement(
+    import_browserSelect.default,
+    {
+      value: currentShortcut || (0, import_locales.getText)("toolbar-date-range-shortcut-custom"),
+      className: "date-picker-toolbar-select",
+      options: customPresetItems,
+      size: "large",
+      onChange: handleSelectChange
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-bottom" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-start-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-starting")), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      size: "large",
+      value: startStr,
+      onChange: handleStartChange,
+      placeholder: (0, import_dayjs.default)().format(format)
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-ending")), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      size: "large",
+      value: endStr,
+      onChange: handleEndChange,
+      placeholder: (0, import_dayjs.default)().format(format)
+    }
+  ))));
+};
+var Toolbar_default = Toolbar;

package/lib/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/lib/browserSelect/index.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/browserSelect/index.tsx
+var browserSelect_exports = {};
+__export(browserSelect_exports, {
+  default: () => browserSelect_default
+});
+module.exports = __toCommonJS(browserSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var BrowserSelect = (props) => {
+  const { options, ...resetProps } = props;
+  const _options = (0, import_react.useMemo)(() => {
+    return (props.options || []).map((d) => {
+      return /* @__PURE__ */ import_react.default.createElement("option", { value: d.value, key: d.value }, d.label);
+    });
+  }, [props.options]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "select",
+    {
+      ...resetProps,
+      className: (0, import_classnames.default)("pisell-browser-select", resetProps.className),
+      onChange: (e) => {
+        var _a;
+        e.persist();
+        (_a = resetProps.onChange) == null ? void 0 : _a.call(resetProps, e);
+      }
+    },
+    _options
+  );
+};
+var browserSelect_default = BrowserSelect;

package/lib/browserSelect/index.less

@@ -0,0 +1,18 @@
+.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/lib/constants.js

@@ -0,0 +1,147 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  presetDetailMap: () => presetDetailMap,
+  presetValueArr: () => presetValueArr
+});
+module.exports = __toCommonJS(constants_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_locales = require("./locales");
+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"
+];
+var presetDetailMap = {
+  today: {
+    getValue: () => [(0, import_dayjs.default)().startOf("day"), (0, import_dayjs.default)().endOf("day")],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-today")
+  },
+  yesterday: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(-1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(-1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-yesterday")
+  },
+  last_3_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(-3, "d").startOf("day"),
+      (0, import_dayjs.default)().add(-1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-3-days")
+  },
+  last_7_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(-7, "d").startOf("day"),
+      (0, import_dayjs.default)().add(-1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-7-days")
+  },
+  last_30_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(-30, "d").startOf("day"),
+      (0, import_dayjs.default)().add(-1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-30-days")
+  },
+  last_90_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(-90, "d").startOf("day"),
+      (0, import_dayjs.default)().add(-1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-90-days")
+  },
+  last_180_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(-180, "d").startOf("day"),
+      (0, import_dayjs.default)().add(-1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-180-days")
+  },
+  tomorrow: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(1, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-tomorrow")
+  },
+  next_3_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(3, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-3-days")
+  },
+  next_7_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(7, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-7-days")
+  },
+  next_30_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(30, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-30-days")
+  },
+  next_90_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(90, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-90-days")
+  },
+  next_180_days: {
+    getValue: () => [
+      (0, import_dayjs.default)().add(1, "d").startOf("day"),
+      (0, import_dayjs.default)().add(180, "d").endOf("day")
+    ],
+    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-180-days")
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  presetDetailMap,
+  presetValueArr
+});

package/lib/hooks/useDocumentVisibility.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useDocumentVisibility.ts
+var useDocumentVisibility_exports = {};
+__export(useDocumentVisibility_exports, {
+  default: () => useDocumentVisibility_default
+});
+module.exports = __toCommonJS(useDocumentVisibility_exports);
+var import_react = require("react");
+var getVisible = () => document.visibilityState;
+var useDocumentVisibility = () => {
+  const [visible, setVisible] = (0, import_react.useState)(getVisible());
+  (0, import_react.useEffect)(() => {
+    const handleVisibilityChange = () => {
+      setVisible(getVisible());
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
+  return visible;
+};
+var useDocumentVisibility_default = useDocumentVisibility;

package/lib/hooks/useNextDay.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useNextDay.ts
+var useNextDay_exports = {};
+__export(useNextDay_exports, {
+  default: () => useNextDay_default
+});
+module.exports = __toCommonJS(useNextDay_exports);
+var import_react = require("react");
+var import_useUpdateEffect = __toESM(require("./useUpdateEffect"));
+var import_useDocumentVisibility = __toESM(require("./useDocumentVisibility"));
+var import_dayjs = __toESM(require("dayjs"));
+var useNextDay = (fn) => {
+  const visible = (0, import_useDocumentVisibility.default)();
+  const currentDay = (0, import_react.useRef)((0, import_dayjs.default)());
+  (0, import_useUpdateEffect.default)(() => {
+    if (visible && !currentDay.current.isSame((0, import_dayjs.default)(), "day")) {
+      currentDay.current = (0, import_dayjs.default)();
+      fn();
+    }
+  }, [visible]);
+};
+var useNextDay_default = useNextDay;

package/lib/hooks/useUpdateEffect.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useUpdateEffect.ts
+var useUpdateEffect_exports = {};
+__export(useUpdateEffect_exports, {
+  default: () => useUpdateEffect_default
+});
+module.exports = __toCommonJS(useUpdateEffect_exports);
+var import_react = require("react");
+var useUpdateEffect = (fn, deps) => {
+  const isMount = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (isMount.current) {
+      fn();
+    }
+    isMount.current = true;
+  }, deps);
+};
+var useUpdateEffect_default = useUpdateEffect;

package/lib/icon/ChevronLeft.js

@@ -0,0 +1,60 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/ChevronLeft.tsx
+var ChevronLeft_exports = {};
+__export(ChevronLeft_exports, {
+  default: () => ChevronLeft_default
+});
+module.exports = __toCommonJS(ChevronLeft_exports);
+var import_react = __toESM(require("react"));
+var ChevronLeft = (props) => {
+  const { className, onClick } = props;
+  return /* @__PURE__ */ import_react.default.createElement("span", { className, onClick }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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"
+      }
+    )
+  ));
+};
+var ChevronLeft_default = ChevronLeft;