matsuri-ui 17.0.1-alpha-1743942478417-7739202.0 → 17.0.1-alpha-1744114493745-e7508f4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Peek/index.js +7 -7
- package/Peek/index.js.map +1 -1
- package/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js +1 -1
- package/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js.map +1 -1
- package/cjs/Peek/index.js +24 -24
- package/cjs/Peek/index.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js +6 -6
- package/cjs/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js.map +1 -1
- package/esm/Peek/index.js +7 -7
- package/esm/Peek/index.js.map +1 -1
- package/esm/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js +1 -1
- package/esm/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js.map +1 -1
- package/package.json +2 -2
package/cjs/Peek/index.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.Peek = void 0;
|
|
5
|
-
var
|
|
5
|
+
var _react = require("motion/react");
|
|
6
6
|
var _Button = require("../Button");
|
|
7
7
|
var _Paper = require("../Paper");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var _react2 = require("@emotion/react");
|
|
9
|
+
var _react3 = require("react");
|
|
10
10
|
var _theme = require("../theme");
|
|
11
11
|
var _KeyboardDoubleArrowRight = _interopRequireDefault(require("@mui/icons-material/KeyboardDoubleArrowRight"));
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -19,8 +19,8 @@ const DragHandler = ({
|
|
|
19
19
|
style,
|
|
20
20
|
...props
|
|
21
21
|
}) => {
|
|
22
|
-
return (0,
|
|
23
|
-
css: /*#__PURE__*/(0,
|
|
22
|
+
return (0, _react2.jsx)(_react.motion.div, _extends({
|
|
23
|
+
css: /*#__PURE__*/(0, _react2.css)("position:fixed;top:0;width:", DRAG_HANDLER_WIDTH, "px;height:100%;cursor:col-resize;background-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:DragHandler;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1BlZWsvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5pbWF0ZVByZXNlbmNlLFxuICBIVE1MTW90aW9uUHJvcHMsXG4gIG1vdGlvbixcbiAgdXNlTW90aW9uVmFsdWUsXG4gIHVzZVRyYW5zZm9ybSxcbn0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgUGFwZXIgfSBmcm9tIFwiLi4vUGFwZXJcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBDbG9zZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvS2V5Ym9hcmREb3VibGVBcnJvd1JpZ2h0XCI7XG5cbnR5cGUgU2lkZSA9IFwicmlnaHRcIiB8IFwibGVmdFwiO1xuXG5pbnRlcmZhY2UgRHJhZ0hhbmRsZXJQcm9wcyBleHRlbmRzIEhUTUxNb3Rpb25Qcm9wczxcImRpdlwiPiB7XG4gIHNpZGU6IFNpZGU7XG4gIG1pbjogbnVtYmVyO1xufVxuXG5jb25zdCBEUkFHX0hBTkRMRVJfV0lEVEggPSAxMjtcblxuY29uc3QgRHJhZ0hhbmRsZXIgPSAoeyBzaWRlLCBtaW4sIHN0eWxlLCAuLi5wcm9wcyB9OiBEcmFnSGFuZGxlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPG1vdGlvbi5kaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgd2lkdGg6ICR7RFJBR19IQU5ETEVSX1dJRFRIfXB4O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBgfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgW3NpZGVdOiBtaW4gLSBEUkFHX0hBTkRMRVJfV0lEVEgsXG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgfX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuaW50ZXJmYWNlIFBlZWtQYW5lbFByb3BzPFQ+IHtcbiAgLyoqXG4gICAqIOmWieOBmOOCi+ODnOOCv+ODs+OCkuaKvOOBl+OBn+OBqOOBjeOBruOCs+ODvOODq+ODkOODg+OCr1xuICAgKiDjgZPjgozjgpLmuKHjgZXjgarjgYTloLTlkIjjgIHplonjgZjjgovjg5zjgr/jg7PjgpLooajnpLrjgZXjgozjgb7jgZvjgpPjgIJcbiAgICovXG4gIG9uQ2xvc2U/OiAoZmxhZzogZmFsc2UpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiDjgrPjg7Pjg53jg7zjg43jg7Pjg4jlhoXjgavooajnpLrjgZnjgovjgrPjg7Pjg4bjg7Pjg4RcbiAgICovXG4gIHJlbmRlckNvbnRlbnQ6IChwcm9wczogeyBkYXRhPzogVCB9KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgLyoqXG4gICAqIHJlbmRlckNvbnRlbnTjgavmuKHjgZXjgozjgovjg4fjg7zjgr9cbiAgICovXG4gIGRhdGE/OiBUO1xufVxuXG5jb25zdCBtaW4gPSAyODA7XG5jb25zdCBzaWRlID0gXCJyaWdodFwiIGFzIFNpZGU7XG5cbmNvbnN0IFBFRUtfQ0FDSEVfS0VZID0gXCJtYXRzdXJpLXVpLXBlZWstY2FjaGVcIjtcblxuY29uc3Qgc2V0Q2FjaGUgPSAoc2lkZTogU2lkZSwgb2Zmc2V0OiBudW1iZXIpID0+IHtcbiAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oXG4gICAgUEVFS19DQUNIRV9LRVksXG4gICAgSlNPTi5zdHJpbmdpZnkoe1xuICAgICAgc2lkZSxcbiAgICAgIG9mZnNldCxcbiAgICAgIGlubmVyV2lkdGg6IHdpbmRvdy5pbm5lcldpZHRoLFxuICAgIH0pLFxuICApO1xufTtcblxuY29uc3QgZ2V0Q2FjaGVPZmZzZXQgPSAoc2lkZTogU2lkZSkgPT4ge1xuICBjb25zdCBjYWNoZSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKFBFRUtfQ0FDSEVfS0VZKTtcbiAgaWYgKGNhY2hlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UoY2FjaGUpIGFzIHtcbiAgICBvZmZzZXQ6IG51bWJlcjtcbiAgICBpbm5lcldpZHRoOiBudW1iZXI7XG4gICAgc2lkZTogU2lkZTtcbiAgfTtcbiAgaWYgKGRhdGEuaW5uZXJXaWR0aCAhPT0gd2luZG93LmlubmVyV2lkdGggfHwgZGF0YS5zaWRlICE9PSBzaWRlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgcmV0dXJuIGRhdGEub2Zmc2V0O1xufTtcblxuY29uc3QgUGVla1BhbmVsID0gPFQsPih7XG4gIG9uQ2xvc2UsXG4gIGRhdGEsXG4gIHJlbmRlckNvbnRlbnQ6IENvbnRlbnQsXG59OiBQZWVrUGFuZWxQcm9wczxUPikgPT4ge1xuICBjb25zdCBtYXggPSB1c2VSZWYod2luZG93LmlubmVyV2lkdGgpLmN1cnJlbnQ7XG4gIGNvbnN0IGRlZmF1bHRXaWR0aCA9IHVzZVJlZihNYXRoLm1pbig0ODAsIG1heCkpLmN1cnJlbnQ7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IG12T2Zmc2V0ID0gdXNlTW90aW9uVmFsdWUoMCk7XG5cbiAgY29uc3QgbXZPZmZzZXRDYWNoZSA9IGdldENhY2hlT2Zmc2V0KHNpZGUpO1xuXG4gIG12T2Zmc2V0LnNldChcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L3ByZWZlci1udWxsaXNoLWNvYWxlc2NpbmdcbiAgICBtdk9mZnNldENhY2hlID09PSBudWxsXG4gICAgICA/IHNpZGUgPT09IFwibGVmdFwiXG4gICAgICAgID8gZGVmYXVsdFdpZHRoICsgbWluXG4gICAgICAgIDogbWluIC0gZGVmYXVsdFdpZHRoXG4gICAgICA6IG12T2Zmc2V0Q2FjaGUsXG4gICk7XG5cbiAgY29uc3QgbXZXaWR0aCA9IHVzZVRyYW5zZm9ybShtdk9mZnNldCwgKHYpID0+IHtcbiAgICBzZXRDYWNoZShzaWRlLCB2KTtcbiAgICByZXR1cm4gc2lkZSA9PT0gXCJsZWZ0XCIgPyB2ICsgbWluIDogbWluIC0gdjtcbiAgfSk7XG5cbiAgY29uc3QgW2lzRHJhZ2dpbmcsIHNldElzRHJhZ2dpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIHJldHVybiAoXG4gICAgPG1vdGlvbi5kaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHRvcDogMHB4O1xuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5kcmF3ZXJ9O1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHdpZHRoOiBtdldpZHRoLFxuICAgICAgICBbc2lkZV06IDAsXG4gICAgICB9fVxuICAgICAgaW5pdGlhbD17e1xuICAgICAgICB3aWR0aDogMCxcbiAgICAgIH19XG4gICAgICB0cmFuc2l0aW9uPXt7IGVhc2U6IFwiZWFzZU91dFwiLCBkdXJhdGlvbjogMC4xNSB9fVxuICAgICAgYW5pbWF0ZT17e1xuICAgICAgICB3aWR0aDogbXZXaWR0aC5nZXQoKSxcbiAgICAgIH19XG4gICAgICBleGl0PXt7XG4gICAgICAgIHdpZHRoOiAwLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8UGFwZXJcbiAgICAgICAgZWxldmF0aW9uPXs1fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VPdXR9O1xuICAgICAgICBgfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIG9wYWNpdHk6IGlzRHJhZ2dpbmcgPyAwLjggOiAxLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhZ0hhbmRsZXJcbiAgICAgICAgICBzaWRlPXtzaWRlfVxuICAgICAgICAgIHN0eWxlPXt7IHg6IG12T2Zmc2V0IH19XG4gICAgICAgICAgZHJhZz1cInhcIlxuICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgIGRyYWdFbGFzdGljPXswLjAyNX1cbiAgICAgICAgICBkcmFnQ29uc3RyYWludHM9e3tcbiAgICAgICAgICAgIGxlZnQ6IHNpZGUgPT09IFwibGVmdFwiID8gMCA6IG1pbiAtIG1heCxcbiAgICAgICAgICAgIHJpZ2h0OiBzaWRlID09PSBcImxlZnRcIiA/IG1heCAtIG1pbiA6IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBkcmFnTW9tZW50dW09e2ZhbHNlfVxuICAgICAgICAgIHZhcmlhbnRzPXt7XG4gICAgICAgICAgICBhY3RpdmU6IHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmFjdGlvbi5ob3ZlcixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkRyYWdTdGFydD17KCkgPT4ge1xuICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uRHJhZ0VuZD17KCkgPT4ge1xuICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICB3aGlsZVRhcD1cImFjdGl2ZVwiXG4gICAgICAgICAgd2hpbGVIb3Zlcj1cImFjdGl2ZVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4LmRyYXdlcn07XG4gICAgICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbkNsb3NlID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICB0aXRsZT1cIumWieOBmOOCi1wiXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4LnRvb2x0aXB9O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBpY29uPXs8Q2xvc2VJY29uIGZvbnRTaXplPVwibGFyZ2VcIiBjb2xvcj1cImluaGVyaXRcIiAvPn1cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKGZhbHNlKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAxNnB4IDI0cHggNjRweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENvbnRlbnQgZGF0YT17ZGF0YX0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BhcGVyPlxuICAgIDwvbW90aW9uLmRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGVla1Byb3BzPFQ+IGV4dGVuZHMgUGVla1BhbmVsUHJvcHM8VD4ge1xuICAvKipcbiAgICog44GT44Gu44Kz44Oz44Od44O844ON44Oz44OI44KS6ZaL44GP44GL44Gp44GG44GLXG4gICAqL1xuICBvcGVuOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgUGVlayA9IDxULD4oeyBvcGVuLCAuLi5wcm9wcyB9OiBQZWVrUHJvcHM8VD4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QW5pbWF0ZVByZXNlbmNlPntvcGVuID8gPFBlZWtQYW5lbCB7Li4ucHJvcHN9IC8+IDogbnVsbH08L0FuaW1hdGVQcmVzZW5jZT5cbiAgKTtcbn07XG4iXX0= */"),
|
|
24
24
|
style: {
|
|
25
25
|
[side]: min - DRAG_HANDLER_WIDTH,
|
|
26
26
|
...style
|
|
@@ -53,7 +53,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
53
53
|
styles: "padding:16px 24px 64px"
|
|
54
54
|
} : {
|
|
55
55
|
name: "k9h0i0-PeekPanel",
|
|
56
|
-
styles: "padding:16px 24px 64px;label:PeekPanel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
styles: "padding:16px 24px 64px;label:PeekPanel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpTmtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgSFRNTE1vdGlvblByb3BzLFxuICBtb3Rpb24sXG4gIHVzZU1vdGlvblZhbHVlLFxuICB1c2VUcmFuc2Zvcm0sXG59IGZyb20gXCJtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFBhcGVyIH0gZnJvbSBcIi4uL1BhcGVyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgQ2xvc2VJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0tleWJvYXJkRG91YmxlQXJyb3dSaWdodFwiO1xuXG50eXBlIFNpZGUgPSBcInJpZ2h0XCIgfCBcImxlZnRcIjtcblxuaW50ZXJmYWNlIERyYWdIYW5kbGVyUHJvcHMgZXh0ZW5kcyBIVE1MTW90aW9uUHJvcHM8XCJkaXZcIj4ge1xuICBzaWRlOiBTaWRlO1xuICBtaW46IG51bWJlcjtcbn1cblxuY29uc3QgRFJBR19IQU5ETEVSX1dJRFRIID0gMTI7XG5cbmNvbnN0IERyYWdIYW5kbGVyID0gKHsgc2lkZSwgbWluLCBzdHlsZSwgLi4ucHJvcHMgfTogRHJhZ0hhbmRsZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHdpZHRoOiAke0RSQUdfSEFORExFUl9XSURUSH1weDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgYH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIFtzaWRlXTogbWluIC0gRFJBR19IQU5ETEVSX1dJRFRILFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQZWVrUGFuZWxQcm9wczxUPiB7XG4gIC8qKlxuICAgKiDplonjgZjjgovjg5zjgr/jg7PjgpLmirzjgZfjgZ/jgajjgY3jga7jgrPjg7zjg6vjg5Djg4Pjgq9cbiAgICog44GT44KM44KS5rih44GV44Gq44GE5aC05ZCI44CB6ZaJ44GY44KL44Oc44K/44Oz44KS6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAqL1xuICBvbkNsb3NlPzogKGZsYWc6IGZhbHNlKSA9PiB2b2lkO1xuICAvKipcbiAgICog44Kz44Oz44Od44O844ON44Oz44OI5YaF44Gr6KGo56S644GZ44KL44Kz44Oz44OG44Oz44OEXG4gICAqL1xuICByZW5kZXJDb250ZW50OiAocHJvcHM6IHsgZGF0YT86IFQgfSkgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIC8qKlxuICAgKiByZW5kZXJDb250ZW5044Gr5rih44GV44KM44KL44OH44O844K/XG4gICAqL1xuICBkYXRhPzogVDtcbn1cblxuY29uc3QgbWluID0gMjgwO1xuY29uc3Qgc2lkZSA9IFwicmlnaHRcIiBhcyBTaWRlO1xuXG5jb25zdCBQRUVLX0NBQ0hFX0tFWSA9IFwibWF0c3VyaS11aS1wZWVrLWNhY2hlXCI7XG5cbmNvbnN0IHNldENhY2hlID0gKHNpZGU6IFNpZGUsIG9mZnNldDogbnVtYmVyKSA9PiB7XG4gIGxvY2FsU3RvcmFnZS5zZXRJdGVtKFxuICAgIFBFRUtfQ0FDSEVfS0VZLFxuICAgIEpTT04uc3RyaW5naWZ5KHtcbiAgICAgIHNpZGUsXG4gICAgICBvZmZzZXQsXG4gICAgICBpbm5lcldpZHRoOiB3aW5kb3cuaW5uZXJXaWR0aCxcbiAgICB9KSxcbiAgKTtcbn07XG5cbmNvbnN0IGdldENhY2hlT2Zmc2V0ID0gKHNpZGU6IFNpZGUpID0+IHtcbiAgY29uc3QgY2FjaGUgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShQRUVLX0NBQ0hFX0tFWSk7XG4gIGlmIChjYWNoZSA9PT0gbnVsbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKGNhY2hlKSBhcyB7XG4gICAgb2Zmc2V0OiBudW1iZXI7XG4gICAgaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgIHNpZGU6IFNpZGU7XG4gIH07XG4gIGlmIChkYXRhLmlubmVyV2lkdGggIT09IHdpbmRvdy5pbm5lcldpZHRoIHx8IGRhdGEuc2lkZSAhPT0gc2lkZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIHJldHVybiBkYXRhLm9mZnNldDtcbn07XG5cbmNvbnN0IFBlZWtQYW5lbCA9IDxULD4oe1xuICBvbkNsb3NlLFxuICBkYXRhLFxuICByZW5kZXJDb250ZW50OiBDb250ZW50LFxufTogUGVla1BhbmVsUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgbWF4ID0gdXNlUmVmKHdpbmRvdy5pbm5lcldpZHRoKS5jdXJyZW50O1xuICBjb25zdCBkZWZhdWx0V2lkdGggPSB1c2VSZWYoTWF0aC5taW4oNDgwLCBtYXgpKS5jdXJyZW50O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBtdk9mZnNldCA9IHVzZU1vdGlvblZhbHVlKDApO1xuXG4gIGNvbnN0IG12T2Zmc2V0Q2FjaGUgPSBnZXRDYWNoZU9mZnNldChzaWRlKTtcblxuICBtdk9mZnNldC5zZXQoXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgbXZPZmZzZXRDYWNoZSA9PT0gbnVsbFxuICAgICAgPyBzaWRlID09PSBcImxlZnRcIlxuICAgICAgICA/IGRlZmF1bHRXaWR0aCArIG1pblxuICAgICAgICA6IG1pbiAtIGRlZmF1bHRXaWR0aFxuICAgICAgOiBtdk9mZnNldENhY2hlLFxuICApO1xuXG4gIGNvbnN0IG12V2lkdGggPSB1c2VUcmFuc2Zvcm0obXZPZmZzZXQsICh2KSA9PiB7XG4gICAgc2V0Q2FjaGUoc2lkZSwgdik7XG4gICAgcmV0dXJuIHNpZGUgPT09IFwibGVmdFwiID8gdiArIG1pbiA6IG1pbiAtIHY7XG4gIH0pO1xuXG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXguZHJhd2VyfTtcbiAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICB3aWR0aDogbXZXaWR0aCxcbiAgICAgICAgW3NpZGVdOiAwLFxuICAgICAgfX1cbiAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgd2lkdGg6IDAsXG4gICAgICB9fVxuICAgICAgdHJhbnNpdGlvbj17eyBlYXNlOiBcImVhc2VPdXRcIiwgZHVyYXRpb246IDAuMTUgfX1cbiAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgd2lkdGg6IG12V2lkdGguZ2V0KCksXG4gICAgICB9fVxuICAgICAgZXhpdD17e1xuICAgICAgICB3aWR0aDogMCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFBhcGVyXG4gICAgICAgIGVsZXZhdGlvbj17NX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlT3V0fTtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBvcGFjaXR5OiBpc0RyYWdnaW5nID8gMC44IDogMSxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYWdIYW5kbGVyXG4gICAgICAgICAgc2lkZT17c2lkZX1cbiAgICAgICAgICBzdHlsZT17eyB4OiBtdk9mZnNldCB9fVxuICAgICAgICAgIGRyYWc9XCJ4XCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBkcmFnRWxhc3RpYz17MC4wMjV9XG4gICAgICAgICAgZHJhZ0NvbnN0cmFpbnRzPXt7XG4gICAgICAgICAgICBsZWZ0OiBzaWRlID09PSBcImxlZnRcIiA/IDAgOiBtaW4gLSBtYXgsXG4gICAgICAgICAgICByaWdodDogc2lkZSA9PT0gXCJsZWZ0XCIgPyBtYXggLSBtaW4gOiAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgZHJhZ01vbWVudHVtPXtmYWxzZX1cbiAgICAgICAgICB2YXJpYW50cz17e1xuICAgICAgICAgICAgYWN0aXZlOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5hY3Rpb24uaG92ZXIsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH19XG4gICAgICAgICAgb25EcmFnU3RhcnQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkRyYWdFbmQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgd2hpbGVUYXA9XCJhY3RpdmVcIlxuICAgICAgICAgIHdoaWxlSG92ZXI9XCJhY3RpdmVcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5kcmF3ZXJ9O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7b25DbG9zZSA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgdGl0bGU9XCLplonjgZjjgotcIlxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC50b29sdGlwfTtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgaWNvbj17PENsb3NlSWNvbiBmb250U2l6ZT1cImxhcmdlXCIgY29sb3I9XCJpbmhlcml0XCIgLz59XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25DbG9zZShmYWxzZSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZzogMTZweCAyNHB4IDY0cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDb250ZW50IGRhdGE9e2RhdGF9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9QYXBlcj5cbiAgICA8L21vdGlvbi5kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFBlZWtQcm9wczxUPiBleHRlbmRzIFBlZWtQYW5lbFByb3BzPFQ+IHtcbiAgLyoqXG4gICAqIOOBk+OBruOCs+ODs+ODneODvOODjeODs+ODiOOCkumWi+OBj+OBi+OBqeOBhuOBi1xuICAgKi9cbiAgb3BlbjogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlZWsgPSA8VCw+KHsgb3BlbiwgLi4ucHJvcHMgfTogUGVla1Byb3BzPFQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT57b3BlbiA/IDxQZWVrUGFuZWwgey4uLnByb3BzfSAvPiA6IG51bGx9PC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuIl19 */",
|
|
57
57
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
58
58
|
};
|
|
59
59
|
const PeekPanel = ({
|
|
@@ -61,21 +61,21 @@ const PeekPanel = ({
|
|
|
61
61
|
data,
|
|
62
62
|
renderContent: Content
|
|
63
63
|
}) => {
|
|
64
|
-
const max = (0,
|
|
65
|
-
const defaultWidth = (0,
|
|
64
|
+
const max = (0, _react3.useRef)(window.innerWidth).current;
|
|
65
|
+
const defaultWidth = (0, _react3.useRef)(Math.min(480, max)).current;
|
|
66
66
|
const theme = (0, _theme.useTheme)();
|
|
67
|
-
const mvOffset = (0,
|
|
67
|
+
const mvOffset = (0, _react.useMotionValue)(0);
|
|
68
68
|
const mvOffsetCache = getCacheOffset(side);
|
|
69
69
|
mvOffset.set(
|
|
70
70
|
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
|
|
71
71
|
mvOffsetCache === null ? side === "left" ? defaultWidth + min : min - defaultWidth : mvOffsetCache);
|
|
72
|
-
const mvWidth = (0,
|
|
72
|
+
const mvWidth = (0, _react.useTransform)(mvOffset, v => {
|
|
73
73
|
setCache(side, v);
|
|
74
74
|
return side === "left" ? v + min : min - v;
|
|
75
75
|
});
|
|
76
|
-
const [isDragging, setIsDragging] = (0,
|
|
77
|
-
return (0,
|
|
78
|
-
css: /*#__PURE__*/(0,
|
|
76
|
+
const [isDragging, setIsDragging] = (0, _react3.useState)(false);
|
|
77
|
+
return (0, _react2.jsx)(_react.motion.div, {
|
|
78
|
+
css: /*#__PURE__*/(0, _react2.css)("position:fixed;top:0px;z-index:", theme.zIndex.drawer, ";flex-shrink:0;height:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:PeekPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1BlZWsvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5pbWF0ZVByZXNlbmNlLFxuICBIVE1MTW90aW9uUHJvcHMsXG4gIG1vdGlvbixcbiAgdXNlTW90aW9uVmFsdWUsXG4gIHVzZVRyYW5zZm9ybSxcbn0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgUGFwZXIgfSBmcm9tIFwiLi4vUGFwZXJcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBDbG9zZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvS2V5Ym9hcmREb3VibGVBcnJvd1JpZ2h0XCI7XG5cbnR5cGUgU2lkZSA9IFwicmlnaHRcIiB8IFwibGVmdFwiO1xuXG5pbnRlcmZhY2UgRHJhZ0hhbmRsZXJQcm9wcyBleHRlbmRzIEhUTUxNb3Rpb25Qcm9wczxcImRpdlwiPiB7XG4gIHNpZGU6IFNpZGU7XG4gIG1pbjogbnVtYmVyO1xufVxuXG5jb25zdCBEUkFHX0hBTkRMRVJfV0lEVEggPSAxMjtcblxuY29uc3QgRHJhZ0hhbmRsZXIgPSAoeyBzaWRlLCBtaW4sIHN0eWxlLCAuLi5wcm9wcyB9OiBEcmFnSGFuZGxlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPG1vdGlvbi5kaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgd2lkdGg6ICR7RFJBR19IQU5ETEVSX1dJRFRIfXB4O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBgfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgW3NpZGVdOiBtaW4gLSBEUkFHX0hBTkRMRVJfV0lEVEgsXG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgfX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuaW50ZXJmYWNlIFBlZWtQYW5lbFByb3BzPFQ+IHtcbiAgLyoqXG4gICAqIOmWieOBmOOCi+ODnOOCv+ODs+OCkuaKvOOBl+OBn+OBqOOBjeOBruOCs+ODvOODq+ODkOODg+OCr1xuICAgKiDjgZPjgozjgpLmuKHjgZXjgarjgYTloLTlkIjjgIHplonjgZjjgovjg5zjgr/jg7PjgpLooajnpLrjgZXjgozjgb7jgZvjgpPjgIJcbiAgICovXG4gIG9uQ2xvc2U/OiAoZmxhZzogZmFsc2UpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiDjgrPjg7Pjg53jg7zjg43jg7Pjg4jlhoXjgavooajnpLrjgZnjgovjgrPjg7Pjg4bjg7Pjg4RcbiAgICovXG4gIHJlbmRlckNvbnRlbnQ6IChwcm9wczogeyBkYXRhPzogVCB9KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgLyoqXG4gICAqIHJlbmRlckNvbnRlbnTjgavmuKHjgZXjgozjgovjg4fjg7zjgr9cbiAgICovXG4gIGRhdGE/OiBUO1xufVxuXG5jb25zdCBtaW4gPSAyODA7XG5jb25zdCBzaWRlID0gXCJyaWdodFwiIGFzIFNpZGU7XG5cbmNvbnN0IFBFRUtfQ0FDSEVfS0VZID0gXCJtYXRzdXJpLXVpLXBlZWstY2FjaGVcIjtcblxuY29uc3Qgc2V0Q2FjaGUgPSAoc2lkZTogU2lkZSwgb2Zmc2V0OiBudW1iZXIpID0+IHtcbiAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oXG4gICAgUEVFS19DQUNIRV9LRVksXG4gICAgSlNPTi5zdHJpbmdpZnkoe1xuICAgICAgc2lkZSxcbiAgICAgIG9mZnNldCxcbiAgICAgIGlubmVyV2lkdGg6IHdpbmRvdy5pbm5lcldpZHRoLFxuICAgIH0pLFxuICApO1xufTtcblxuY29uc3QgZ2V0Q2FjaGVPZmZzZXQgPSAoc2lkZTogU2lkZSkgPT4ge1xuICBjb25zdCBjYWNoZSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKFBFRUtfQ0FDSEVfS0VZKTtcbiAgaWYgKGNhY2hlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UoY2FjaGUpIGFzIHtcbiAgICBvZmZzZXQ6IG51bWJlcjtcbiAgICBpbm5lcldpZHRoOiBudW1iZXI7XG4gICAgc2lkZTogU2lkZTtcbiAgfTtcbiAgaWYgKGRhdGEuaW5uZXJXaWR0aCAhPT0gd2luZG93LmlubmVyV2lkdGggfHwgZGF0YS5zaWRlICE9PSBzaWRlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgcmV0dXJuIGRhdGEub2Zmc2V0O1xufTtcblxuY29uc3QgUGVla1BhbmVsID0gPFQsPih7XG4gIG9uQ2xvc2UsXG4gIGRhdGEsXG4gIHJlbmRlckNvbnRlbnQ6IENvbnRlbnQsXG59OiBQZWVrUGFuZWxQcm9wczxUPikgPT4ge1xuICBjb25zdCBtYXggPSB1c2VSZWYod2luZG93LmlubmVyV2lkdGgpLmN1cnJlbnQ7XG4gIGNvbnN0IGRlZmF1bHRXaWR0aCA9IHVzZVJlZihNYXRoLm1pbig0ODAsIG1heCkpLmN1cnJlbnQ7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IG12T2Zmc2V0ID0gdXNlTW90aW9uVmFsdWUoMCk7XG5cbiAgY29uc3QgbXZPZmZzZXRDYWNoZSA9IGdldENhY2hlT2Zmc2V0KHNpZGUpO1xuXG4gIG12T2Zmc2V0LnNldChcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L3ByZWZlci1udWxsaXNoLWNvYWxlc2NpbmdcbiAgICBtdk9mZnNldENhY2hlID09PSBudWxsXG4gICAgICA/IHNpZGUgPT09IFwibGVmdFwiXG4gICAgICAgID8gZGVmYXVsdFdpZHRoICsgbWluXG4gICAgICAgIDogbWluIC0gZGVmYXVsdFdpZHRoXG4gICAgICA6IG12T2Zmc2V0Q2FjaGUsXG4gICk7XG5cbiAgY29uc3QgbXZXaWR0aCA9IHVzZVRyYW5zZm9ybShtdk9mZnNldCwgKHYpID0+IHtcbiAgICBzZXRDYWNoZShzaWRlLCB2KTtcbiAgICByZXR1cm4gc2lkZSA9PT0gXCJsZWZ0XCIgPyB2ICsgbWluIDogbWluIC0gdjtcbiAgfSk7XG5cbiAgY29uc3QgW2lzRHJhZ2dpbmcsIHNldElzRHJhZ2dpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIHJldHVybiAoXG4gICAgPG1vdGlvbi5kaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHRvcDogMHB4O1xuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5kcmF3ZXJ9O1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHdpZHRoOiBtdldpZHRoLFxuICAgICAgICBbc2lkZV06IDAsXG4gICAgICB9fVxuICAgICAgaW5pdGlhbD17e1xuICAgICAgICB3aWR0aDogMCxcbiAgICAgIH19XG4gICAgICB0cmFuc2l0aW9uPXt7IGVhc2U6IFwiZWFzZU91dFwiLCBkdXJhdGlvbjogMC4xNSB9fVxuICAgICAgYW5pbWF0ZT17e1xuICAgICAgICB3aWR0aDogbXZXaWR0aC5nZXQoKSxcbiAgICAgIH19XG4gICAgICBleGl0PXt7XG4gICAgICAgIHdpZHRoOiAwLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8UGFwZXJcbiAgICAgICAgZWxldmF0aW9uPXs1fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VPdXR9O1xuICAgICAgICBgfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIG9wYWNpdHk6IGlzRHJhZ2dpbmcgPyAwLjggOiAxLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhZ0hhbmRsZXJcbiAgICAgICAgICBzaWRlPXtzaWRlfVxuICAgICAgICAgIHN0eWxlPXt7IHg6IG12T2Zmc2V0IH19XG4gICAgICAgICAgZHJhZz1cInhcIlxuICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgIGRyYWdFbGFzdGljPXswLjAyNX1cbiAgICAgICAgICBkcmFnQ29uc3RyYWludHM9e3tcbiAgICAgICAgICAgIGxlZnQ6IHNpZGUgPT09IFwibGVmdFwiID8gMCA6IG1pbiAtIG1heCxcbiAgICAgICAgICAgIHJpZ2h0OiBzaWRlID09PSBcImxlZnRcIiA/IG1heCAtIG1pbiA6IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBkcmFnTW9tZW50dW09e2ZhbHNlfVxuICAgICAgICAgIHZhcmlhbnRzPXt7XG4gICAgICAgICAgICBhY3RpdmU6IHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmFjdGlvbi5ob3ZlcixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkRyYWdTdGFydD17KCkgPT4ge1xuICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uRHJhZ0VuZD17KCkgPT4ge1xuICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICB3aGlsZVRhcD1cImFjdGl2ZVwiXG4gICAgICAgICAgd2hpbGVIb3Zlcj1cImFjdGl2ZVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4LmRyYXdlcn07XG4gICAgICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbkNsb3NlID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICB0aXRsZT1cIumWieOBmOOCi1wiXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4LnRvb2x0aXB9O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBpY29uPXs8Q2xvc2VJY29uIGZvbnRTaXplPVwibGFyZ2VcIiBjb2xvcj1cImluaGVyaXRcIiAvPn1cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKGZhbHNlKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nOiAxNnB4IDI0cHggNjRweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENvbnRlbnQgZGF0YT17ZGF0YX0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BhcGVyPlxuICAgIDwvbW90aW9uLmRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGVla1Byb3BzPFQ+IGV4dGVuZHMgUGVla1BhbmVsUHJvcHM8VD4ge1xuICAvKipcbiAgICog44GT44Gu44Kz44Oz44Od44O844ON44Oz44OI44KS6ZaL44GP44GL44Gp44GG44GLXG4gICAqL1xuICBvcGVuOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgUGVlayA9IDxULD4oeyBvcGVuLCAuLi5wcm9wcyB9OiBQZWVrUHJvcHM8VD4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QW5pbWF0ZVByZXNlbmNlPntvcGVuID8gPFBlZWtQYW5lbCB7Li4ucHJvcHN9IC8+IDogbnVsbH08L0FuaW1hdGVQcmVzZW5jZT5cbiAgKTtcbn07XG4iXX0= */"),
|
|
79
79
|
style: {
|
|
80
80
|
width: mvWidth,
|
|
81
81
|
[side]: 0
|
|
@@ -93,13 +93,13 @@ const PeekPanel = ({
|
|
|
93
93
|
exit: {
|
|
94
94
|
width: 0
|
|
95
95
|
}
|
|
96
|
-
}, (0,
|
|
96
|
+
}, (0, _react2.jsx)(_Paper.Paper, {
|
|
97
97
|
elevation: 5,
|
|
98
|
-
css: /*#__PURE__*/(0,
|
|
98
|
+
css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;transition:opacity ", theme.transitions.duration.shortest, " ", theme.transitions.easing.easeOut, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PeekPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgSFRNTE1vdGlvblByb3BzLFxuICBtb3Rpb24sXG4gIHVzZU1vdGlvblZhbHVlLFxuICB1c2VUcmFuc2Zvcm0sXG59IGZyb20gXCJtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFBhcGVyIH0gZnJvbSBcIi4uL1BhcGVyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgQ2xvc2VJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0tleWJvYXJkRG91YmxlQXJyb3dSaWdodFwiO1xuXG50eXBlIFNpZGUgPSBcInJpZ2h0XCIgfCBcImxlZnRcIjtcblxuaW50ZXJmYWNlIERyYWdIYW5kbGVyUHJvcHMgZXh0ZW5kcyBIVE1MTW90aW9uUHJvcHM8XCJkaXZcIj4ge1xuICBzaWRlOiBTaWRlO1xuICBtaW46IG51bWJlcjtcbn1cblxuY29uc3QgRFJBR19IQU5ETEVSX1dJRFRIID0gMTI7XG5cbmNvbnN0IERyYWdIYW5kbGVyID0gKHsgc2lkZSwgbWluLCBzdHlsZSwgLi4ucHJvcHMgfTogRHJhZ0hhbmRsZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHdpZHRoOiAke0RSQUdfSEFORExFUl9XSURUSH1weDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgYH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIFtzaWRlXTogbWluIC0gRFJBR19IQU5ETEVSX1dJRFRILFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQZWVrUGFuZWxQcm9wczxUPiB7XG4gIC8qKlxuICAgKiDplonjgZjjgovjg5zjgr/jg7PjgpLmirzjgZfjgZ/jgajjgY3jga7jgrPjg7zjg6vjg5Djg4Pjgq9cbiAgICog44GT44KM44KS5rih44GV44Gq44GE5aC05ZCI44CB6ZaJ44GY44KL44Oc44K/44Oz44KS6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAqL1xuICBvbkNsb3NlPzogKGZsYWc6IGZhbHNlKSA9PiB2b2lkO1xuICAvKipcbiAgICog44Kz44Oz44Od44O844ON44Oz44OI5YaF44Gr6KGo56S644GZ44KL44Kz44Oz44OG44Oz44OEXG4gICAqL1xuICByZW5kZXJDb250ZW50OiAocHJvcHM6IHsgZGF0YT86IFQgfSkgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIC8qKlxuICAgKiByZW5kZXJDb250ZW5044Gr5rih44GV44KM44KL44OH44O844K/XG4gICAqL1xuICBkYXRhPzogVDtcbn1cblxuY29uc3QgbWluID0gMjgwO1xuY29uc3Qgc2lkZSA9IFwicmlnaHRcIiBhcyBTaWRlO1xuXG5jb25zdCBQRUVLX0NBQ0hFX0tFWSA9IFwibWF0c3VyaS11aS1wZWVrLWNhY2hlXCI7XG5cbmNvbnN0IHNldENhY2hlID0gKHNpZGU6IFNpZGUsIG9mZnNldDogbnVtYmVyKSA9PiB7XG4gIGxvY2FsU3RvcmFnZS5zZXRJdGVtKFxuICAgIFBFRUtfQ0FDSEVfS0VZLFxuICAgIEpTT04uc3RyaW5naWZ5KHtcbiAgICAgIHNpZGUsXG4gICAgICBvZmZzZXQsXG4gICAgICBpbm5lcldpZHRoOiB3aW5kb3cuaW5uZXJXaWR0aCxcbiAgICB9KSxcbiAgKTtcbn07XG5cbmNvbnN0IGdldENhY2hlT2Zmc2V0ID0gKHNpZGU6IFNpZGUpID0+IHtcbiAgY29uc3QgY2FjaGUgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShQRUVLX0NBQ0hFX0tFWSk7XG4gIGlmIChjYWNoZSA9PT0gbnVsbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKGNhY2hlKSBhcyB7XG4gICAgb2Zmc2V0OiBudW1iZXI7XG4gICAgaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgIHNpZGU6IFNpZGU7XG4gIH07XG4gIGlmIChkYXRhLmlubmVyV2lkdGggIT09IHdpbmRvdy5pbm5lcldpZHRoIHx8IGRhdGEuc2lkZSAhPT0gc2lkZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIHJldHVybiBkYXRhLm9mZnNldDtcbn07XG5cbmNvbnN0IFBlZWtQYW5lbCA9IDxULD4oe1xuICBvbkNsb3NlLFxuICBkYXRhLFxuICByZW5kZXJDb250ZW50OiBDb250ZW50LFxufTogUGVla1BhbmVsUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgbWF4ID0gdXNlUmVmKHdpbmRvdy5pbm5lcldpZHRoKS5jdXJyZW50O1xuICBjb25zdCBkZWZhdWx0V2lkdGggPSB1c2VSZWYoTWF0aC5taW4oNDgwLCBtYXgpKS5jdXJyZW50O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBtdk9mZnNldCA9IHVzZU1vdGlvblZhbHVlKDApO1xuXG4gIGNvbnN0IG12T2Zmc2V0Q2FjaGUgPSBnZXRDYWNoZU9mZnNldChzaWRlKTtcblxuICBtdk9mZnNldC5zZXQoXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgbXZPZmZzZXRDYWNoZSA9PT0gbnVsbFxuICAgICAgPyBzaWRlID09PSBcImxlZnRcIlxuICAgICAgICA/IGRlZmF1bHRXaWR0aCArIG1pblxuICAgICAgICA6IG1pbiAtIGRlZmF1bHRXaWR0aFxuICAgICAgOiBtdk9mZnNldENhY2hlLFxuICApO1xuXG4gIGNvbnN0IG12V2lkdGggPSB1c2VUcmFuc2Zvcm0obXZPZmZzZXQsICh2KSA9PiB7XG4gICAgc2V0Q2FjaGUoc2lkZSwgdik7XG4gICAgcmV0dXJuIHNpZGUgPT09IFwibGVmdFwiID8gdiArIG1pbiA6IG1pbiAtIHY7XG4gIH0pO1xuXG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXguZHJhd2VyfTtcbiAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICB3aWR0aDogbXZXaWR0aCxcbiAgICAgICAgW3NpZGVdOiAwLFxuICAgICAgfX1cbiAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgd2lkdGg6IDAsXG4gICAgICB9fVxuICAgICAgdHJhbnNpdGlvbj17eyBlYXNlOiBcImVhc2VPdXRcIiwgZHVyYXRpb246IDAuMTUgfX1cbiAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgd2lkdGg6IG12V2lkdGguZ2V0KCksXG4gICAgICB9fVxuICAgICAgZXhpdD17e1xuICAgICAgICB3aWR0aDogMCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFBhcGVyXG4gICAgICAgIGVsZXZhdGlvbj17NX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlT3V0fTtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBvcGFjaXR5OiBpc0RyYWdnaW5nID8gMC44IDogMSxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYWdIYW5kbGVyXG4gICAgICAgICAgc2lkZT17c2lkZX1cbiAgICAgICAgICBzdHlsZT17eyB4OiBtdk9mZnNldCB9fVxuICAgICAgICAgIGRyYWc9XCJ4XCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBkcmFnRWxhc3RpYz17MC4wMjV9XG4gICAgICAgICAgZHJhZ0NvbnN0cmFpbnRzPXt7XG4gICAgICAgICAgICBsZWZ0OiBzaWRlID09PSBcImxlZnRcIiA/IDAgOiBtaW4gLSBtYXgsXG4gICAgICAgICAgICByaWdodDogc2lkZSA9PT0gXCJsZWZ0XCIgPyBtYXggLSBtaW4gOiAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgZHJhZ01vbWVudHVtPXtmYWxzZX1cbiAgICAgICAgICB2YXJpYW50cz17e1xuICAgICAgICAgICAgYWN0aXZlOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5hY3Rpb24uaG92ZXIsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH19XG4gICAgICAgICAgb25EcmFnU3RhcnQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkRyYWdFbmQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgd2hpbGVUYXA9XCJhY3RpdmVcIlxuICAgICAgICAgIHdoaWxlSG92ZXI9XCJhY3RpdmVcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5kcmF3ZXJ9O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7b25DbG9zZSA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgdGl0bGU9XCLplonjgZjjgotcIlxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC50b29sdGlwfTtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgaWNvbj17PENsb3NlSWNvbiBmb250U2l6ZT1cImxhcmdlXCIgY29sb3I9XCJpbmhlcml0XCIgLz59XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25DbG9zZShmYWxzZSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZzogMTZweCAyNHB4IDY0cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDb250ZW50IGRhdGE9e2RhdGF9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9QYXBlcj5cbiAgICA8L21vdGlvbi5kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFBlZWtQcm9wczxUPiBleHRlbmRzIFBlZWtQYW5lbFByb3BzPFQ+IHtcbiAgLyoqXG4gICAqIOOBk+OBruOCs+ODs+ODneODvOODjeODs+ODiOOCkumWi+OBj+OBi+OBqeOBhuOBi1xuICAgKi9cbiAgb3BlbjogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlZWsgPSA8VCw+KHsgb3BlbiwgLi4ucHJvcHMgfTogUGVla1Byb3BzPFQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT57b3BlbiA/IDxQZWVrUGFuZWwgey4uLnByb3BzfSAvPiA6IG51bGx9PC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuIl19 */"),
|
|
99
99
|
style: {
|
|
100
100
|
opacity: isDragging ? 0.8 : 1
|
|
101
101
|
}
|
|
102
|
-
}, (0,
|
|
102
|
+
}, (0, _react2.jsx)(DragHandler, {
|
|
103
103
|
side: side,
|
|
104
104
|
style: {
|
|
105
105
|
x: mvOffset
|
|
@@ -125,12 +125,12 @@ const PeekPanel = ({
|
|
|
125
125
|
},
|
|
126
126
|
whileTap: "active",
|
|
127
127
|
whileHover: "active"
|
|
128
|
-
}), (0,
|
|
129
|
-
css: /*#__PURE__*/(0,
|
|
130
|
-
}, onClose ? (0,
|
|
128
|
+
}), (0, _react2.jsx)("div", {
|
|
129
|
+
css: /*#__PURE__*/(0, _react2.css)("position:sticky;top:0px;z-index:", theme.zIndex.drawer, ";padding:8px;" + (process.env.NODE_ENV === "production" ? "" : ";label:PeekPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwTGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgSFRNTE1vdGlvblByb3BzLFxuICBtb3Rpb24sXG4gIHVzZU1vdGlvblZhbHVlLFxuICB1c2VUcmFuc2Zvcm0sXG59IGZyb20gXCJtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFBhcGVyIH0gZnJvbSBcIi4uL1BhcGVyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgQ2xvc2VJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0tleWJvYXJkRG91YmxlQXJyb3dSaWdodFwiO1xuXG50eXBlIFNpZGUgPSBcInJpZ2h0XCIgfCBcImxlZnRcIjtcblxuaW50ZXJmYWNlIERyYWdIYW5kbGVyUHJvcHMgZXh0ZW5kcyBIVE1MTW90aW9uUHJvcHM8XCJkaXZcIj4ge1xuICBzaWRlOiBTaWRlO1xuICBtaW46IG51bWJlcjtcbn1cblxuY29uc3QgRFJBR19IQU5ETEVSX1dJRFRIID0gMTI7XG5cbmNvbnN0IERyYWdIYW5kbGVyID0gKHsgc2lkZSwgbWluLCBzdHlsZSwgLi4ucHJvcHMgfTogRHJhZ0hhbmRsZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHdpZHRoOiAke0RSQUdfSEFORExFUl9XSURUSH1weDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgYH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIFtzaWRlXTogbWluIC0gRFJBR19IQU5ETEVSX1dJRFRILFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQZWVrUGFuZWxQcm9wczxUPiB7XG4gIC8qKlxuICAgKiDplonjgZjjgovjg5zjgr/jg7PjgpLmirzjgZfjgZ/jgajjgY3jga7jgrPjg7zjg6vjg5Djg4Pjgq9cbiAgICog44GT44KM44KS5rih44GV44Gq44GE5aC05ZCI44CB6ZaJ44GY44KL44Oc44K/44Oz44KS6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAqL1xuICBvbkNsb3NlPzogKGZsYWc6IGZhbHNlKSA9PiB2b2lkO1xuICAvKipcbiAgICog44Kz44Oz44Od44O844ON44Oz44OI5YaF44Gr6KGo56S644GZ44KL44Kz44Oz44OG44Oz44OEXG4gICAqL1xuICByZW5kZXJDb250ZW50OiAocHJvcHM6IHsgZGF0YT86IFQgfSkgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIC8qKlxuICAgKiByZW5kZXJDb250ZW5044Gr5rih44GV44KM44KL44OH44O844K/XG4gICAqL1xuICBkYXRhPzogVDtcbn1cblxuY29uc3QgbWluID0gMjgwO1xuY29uc3Qgc2lkZSA9IFwicmlnaHRcIiBhcyBTaWRlO1xuXG5jb25zdCBQRUVLX0NBQ0hFX0tFWSA9IFwibWF0c3VyaS11aS1wZWVrLWNhY2hlXCI7XG5cbmNvbnN0IHNldENhY2hlID0gKHNpZGU6IFNpZGUsIG9mZnNldDogbnVtYmVyKSA9PiB7XG4gIGxvY2FsU3RvcmFnZS5zZXRJdGVtKFxuICAgIFBFRUtfQ0FDSEVfS0VZLFxuICAgIEpTT04uc3RyaW5naWZ5KHtcbiAgICAgIHNpZGUsXG4gICAgICBvZmZzZXQsXG4gICAgICBpbm5lcldpZHRoOiB3aW5kb3cuaW5uZXJXaWR0aCxcbiAgICB9KSxcbiAgKTtcbn07XG5cbmNvbnN0IGdldENhY2hlT2Zmc2V0ID0gKHNpZGU6IFNpZGUpID0+IHtcbiAgY29uc3QgY2FjaGUgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShQRUVLX0NBQ0hFX0tFWSk7XG4gIGlmIChjYWNoZSA9PT0gbnVsbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKGNhY2hlKSBhcyB7XG4gICAgb2Zmc2V0OiBudW1iZXI7XG4gICAgaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgIHNpZGU6IFNpZGU7XG4gIH07XG4gIGlmIChkYXRhLmlubmVyV2lkdGggIT09IHdpbmRvdy5pbm5lcldpZHRoIHx8IGRhdGEuc2lkZSAhPT0gc2lkZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIHJldHVybiBkYXRhLm9mZnNldDtcbn07XG5cbmNvbnN0IFBlZWtQYW5lbCA9IDxULD4oe1xuICBvbkNsb3NlLFxuICBkYXRhLFxuICByZW5kZXJDb250ZW50OiBDb250ZW50LFxufTogUGVla1BhbmVsUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgbWF4ID0gdXNlUmVmKHdpbmRvdy5pbm5lcldpZHRoKS5jdXJyZW50O1xuICBjb25zdCBkZWZhdWx0V2lkdGggPSB1c2VSZWYoTWF0aC5taW4oNDgwLCBtYXgpKS5jdXJyZW50O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBtdk9mZnNldCA9IHVzZU1vdGlvblZhbHVlKDApO1xuXG4gIGNvbnN0IG12T2Zmc2V0Q2FjaGUgPSBnZXRDYWNoZU9mZnNldChzaWRlKTtcblxuICBtdk9mZnNldC5zZXQoXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgbXZPZmZzZXRDYWNoZSA9PT0gbnVsbFxuICAgICAgPyBzaWRlID09PSBcImxlZnRcIlxuICAgICAgICA/IGRlZmF1bHRXaWR0aCArIG1pblxuICAgICAgICA6IG1pbiAtIGRlZmF1bHRXaWR0aFxuICAgICAgOiBtdk9mZnNldENhY2hlLFxuICApO1xuXG4gIGNvbnN0IG12V2lkdGggPSB1c2VUcmFuc2Zvcm0obXZPZmZzZXQsICh2KSA9PiB7XG4gICAgc2V0Q2FjaGUoc2lkZSwgdik7XG4gICAgcmV0dXJuIHNpZGUgPT09IFwibGVmdFwiID8gdiArIG1pbiA6IG1pbiAtIHY7XG4gIH0pO1xuXG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXguZHJhd2VyfTtcbiAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICB3aWR0aDogbXZXaWR0aCxcbiAgICAgICAgW3NpZGVdOiAwLFxuICAgICAgfX1cbiAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgd2lkdGg6IDAsXG4gICAgICB9fVxuICAgICAgdHJhbnNpdGlvbj17eyBlYXNlOiBcImVhc2VPdXRcIiwgZHVyYXRpb246IDAuMTUgfX1cbiAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgd2lkdGg6IG12V2lkdGguZ2V0KCksXG4gICAgICB9fVxuICAgICAgZXhpdD17e1xuICAgICAgICB3aWR0aDogMCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFBhcGVyXG4gICAgICAgIGVsZXZhdGlvbj17NX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlT3V0fTtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBvcGFjaXR5OiBpc0RyYWdnaW5nID8gMC44IDogMSxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYWdIYW5kbGVyXG4gICAgICAgICAgc2lkZT17c2lkZX1cbiAgICAgICAgICBzdHlsZT17eyB4OiBtdk9mZnNldCB9fVxuICAgICAgICAgIGRyYWc9XCJ4XCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBkcmFnRWxhc3RpYz17MC4wMjV9XG4gICAgICAgICAgZHJhZ0NvbnN0cmFpbnRzPXt7XG4gICAgICAgICAgICBsZWZ0OiBzaWRlID09PSBcImxlZnRcIiA/IDAgOiBtaW4gLSBtYXgsXG4gICAgICAgICAgICByaWdodDogc2lkZSA9PT0gXCJsZWZ0XCIgPyBtYXggLSBtaW4gOiAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgZHJhZ01vbWVudHVtPXtmYWxzZX1cbiAgICAgICAgICB2YXJpYW50cz17e1xuICAgICAgICAgICAgYWN0aXZlOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5hY3Rpb24uaG92ZXIsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH19XG4gICAgICAgICAgb25EcmFnU3RhcnQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkRyYWdFbmQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgd2hpbGVUYXA9XCJhY3RpdmVcIlxuICAgICAgICAgIHdoaWxlSG92ZXI9XCJhY3RpdmVcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5kcmF3ZXJ9O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7b25DbG9zZSA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgdGl0bGU9XCLplonjgZjjgotcIlxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC50b29sdGlwfTtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgaWNvbj17PENsb3NlSWNvbiBmb250U2l6ZT1cImxhcmdlXCIgY29sb3I9XCJpbmhlcml0XCIgLz59XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25DbG9zZShmYWxzZSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZzogMTZweCAyNHB4IDY0cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDb250ZW50IGRhdGE9e2RhdGF9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9QYXBlcj5cbiAgICA8L21vdGlvbi5kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFBlZWtQcm9wczxUPiBleHRlbmRzIFBlZWtQYW5lbFByb3BzPFQ+IHtcbiAgLyoqXG4gICAqIOOBk+OBruOCs+ODs+ODneODvOODjeODs+ODiOOCkumWi+OBj+OBi+OBqeOBhuOBi1xuICAgKi9cbiAgb3BlbjogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlZWsgPSA8VCw+KHsgb3BlbiwgLi4ucHJvcHMgfTogUGVla1Byb3BzPFQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT57b3BlbiA/IDxQZWVrUGFuZWwgey4uLnByb3BzfSAvPiA6IG51bGx9PC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuIl19 */")
|
|
130
|
+
}, onClose ? (0, _react2.jsx)(_Button.Button, {
|
|
131
131
|
title: "\u9589\u3058\u308B",
|
|
132
|
-
css: /*#__PURE__*/(0,
|
|
133
|
-
icon: (0,
|
|
132
|
+
css: /*#__PURE__*/(0, _react2.css)("z-index:", theme.zIndex.tooltip, ";color:", theme.palette.text.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PeekPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvTXNCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QZWVrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuaW1hdGVQcmVzZW5jZSxcbiAgSFRNTE1vdGlvblByb3BzLFxuICBtb3Rpb24sXG4gIHVzZU1vdGlvblZhbHVlLFxuICB1c2VUcmFuc2Zvcm0sXG59IGZyb20gXCJtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFBhcGVyIH0gZnJvbSBcIi4uL1BhcGVyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgQ2xvc2VJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0tleWJvYXJkRG91YmxlQXJyb3dSaWdodFwiO1xuXG50eXBlIFNpZGUgPSBcInJpZ2h0XCIgfCBcImxlZnRcIjtcblxuaW50ZXJmYWNlIERyYWdIYW5kbGVyUHJvcHMgZXh0ZW5kcyBIVE1MTW90aW9uUHJvcHM8XCJkaXZcIj4ge1xuICBzaWRlOiBTaWRlO1xuICBtaW46IG51bWJlcjtcbn1cblxuY29uc3QgRFJBR19IQU5ETEVSX1dJRFRIID0gMTI7XG5cbmNvbnN0IERyYWdIYW5kbGVyID0gKHsgc2lkZSwgbWluLCBzdHlsZSwgLi4ucHJvcHMgfTogRHJhZ0hhbmRsZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHdpZHRoOiAke0RSQUdfSEFORExFUl9XSURUSH1weDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgYH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIFtzaWRlXTogbWluIC0gRFJBR19IQU5ETEVSX1dJRFRILFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQZWVrUGFuZWxQcm9wczxUPiB7XG4gIC8qKlxuICAgKiDplonjgZjjgovjg5zjgr/jg7PjgpLmirzjgZfjgZ/jgajjgY3jga7jgrPjg7zjg6vjg5Djg4Pjgq9cbiAgICog44GT44KM44KS5rih44GV44Gq44GE5aC05ZCI44CB6ZaJ44GY44KL44Oc44K/44Oz44KS6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAqL1xuICBvbkNsb3NlPzogKGZsYWc6IGZhbHNlKSA9PiB2b2lkO1xuICAvKipcbiAgICog44Kz44Oz44Od44O844ON44Oz44OI5YaF44Gr6KGo56S644GZ44KL44Kz44Oz44OG44Oz44OEXG4gICAqL1xuICByZW5kZXJDb250ZW50OiAocHJvcHM6IHsgZGF0YT86IFQgfSkgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIC8qKlxuICAgKiByZW5kZXJDb250ZW5044Gr5rih44GV44KM44KL44OH44O844K/XG4gICAqL1xuICBkYXRhPzogVDtcbn1cblxuY29uc3QgbWluID0gMjgwO1xuY29uc3Qgc2lkZSA9IFwicmlnaHRcIiBhcyBTaWRlO1xuXG5jb25zdCBQRUVLX0NBQ0hFX0tFWSA9IFwibWF0c3VyaS11aS1wZWVrLWNhY2hlXCI7XG5cbmNvbnN0IHNldENhY2hlID0gKHNpZGU6IFNpZGUsIG9mZnNldDogbnVtYmVyKSA9PiB7XG4gIGxvY2FsU3RvcmFnZS5zZXRJdGVtKFxuICAgIFBFRUtfQ0FDSEVfS0VZLFxuICAgIEpTT04uc3RyaW5naWZ5KHtcbiAgICAgIHNpZGUsXG4gICAgICBvZmZzZXQsXG4gICAgICBpbm5lcldpZHRoOiB3aW5kb3cuaW5uZXJXaWR0aCxcbiAgICB9KSxcbiAgKTtcbn07XG5cbmNvbnN0IGdldENhY2hlT2Zmc2V0ID0gKHNpZGU6IFNpZGUpID0+IHtcbiAgY29uc3QgY2FjaGUgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShQRUVLX0NBQ0hFX0tFWSk7XG4gIGlmIChjYWNoZSA9PT0gbnVsbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKGNhY2hlKSBhcyB7XG4gICAgb2Zmc2V0OiBudW1iZXI7XG4gICAgaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgIHNpZGU6IFNpZGU7XG4gIH07XG4gIGlmIChkYXRhLmlubmVyV2lkdGggIT09IHdpbmRvdy5pbm5lcldpZHRoIHx8IGRhdGEuc2lkZSAhPT0gc2lkZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIHJldHVybiBkYXRhLm9mZnNldDtcbn07XG5cbmNvbnN0IFBlZWtQYW5lbCA9IDxULD4oe1xuICBvbkNsb3NlLFxuICBkYXRhLFxuICByZW5kZXJDb250ZW50OiBDb250ZW50LFxufTogUGVla1BhbmVsUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgbWF4ID0gdXNlUmVmKHdpbmRvdy5pbm5lcldpZHRoKS5jdXJyZW50O1xuICBjb25zdCBkZWZhdWx0V2lkdGggPSB1c2VSZWYoTWF0aC5taW4oNDgwLCBtYXgpKS5jdXJyZW50O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBtdk9mZnNldCA9IHVzZU1vdGlvblZhbHVlKDApO1xuXG4gIGNvbnN0IG12T2Zmc2V0Q2FjaGUgPSBnZXRDYWNoZU9mZnNldChzaWRlKTtcblxuICBtdk9mZnNldC5zZXQoXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgbXZPZmZzZXRDYWNoZSA9PT0gbnVsbFxuICAgICAgPyBzaWRlID09PSBcImxlZnRcIlxuICAgICAgICA/IGRlZmF1bHRXaWR0aCArIG1pblxuICAgICAgICA6IG1pbiAtIGRlZmF1bHRXaWR0aFxuICAgICAgOiBtdk9mZnNldENhY2hlLFxuICApO1xuXG4gIGNvbnN0IG12V2lkdGggPSB1c2VUcmFuc2Zvcm0obXZPZmZzZXQsICh2KSA9PiB7XG4gICAgc2V0Q2FjaGUoc2lkZSwgdik7XG4gICAgcmV0dXJuIHNpZGUgPT09IFwibGVmdFwiID8gdiArIG1pbiA6IG1pbiAtIHY7XG4gIH0pO1xuXG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXguZHJhd2VyfTtcbiAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICB3aWR0aDogbXZXaWR0aCxcbiAgICAgICAgW3NpZGVdOiAwLFxuICAgICAgfX1cbiAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgd2lkdGg6IDAsXG4gICAgICB9fVxuICAgICAgdHJhbnNpdGlvbj17eyBlYXNlOiBcImVhc2VPdXRcIiwgZHVyYXRpb246IDAuMTUgfX1cbiAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgd2lkdGg6IG12V2lkdGguZ2V0KCksXG4gICAgICB9fVxuICAgICAgZXhpdD17e1xuICAgICAgICB3aWR0aDogMCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFBhcGVyXG4gICAgICAgIGVsZXZhdGlvbj17NX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlT3V0fTtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBvcGFjaXR5OiBpc0RyYWdnaW5nID8gMC44IDogMSxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYWdIYW5kbGVyXG4gICAgICAgICAgc2lkZT17c2lkZX1cbiAgICAgICAgICBzdHlsZT17eyB4OiBtdk9mZnNldCB9fVxuICAgICAgICAgIGRyYWc9XCJ4XCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBkcmFnRWxhc3RpYz17MC4wMjV9XG4gICAgICAgICAgZHJhZ0NvbnN0cmFpbnRzPXt7XG4gICAgICAgICAgICBsZWZ0OiBzaWRlID09PSBcImxlZnRcIiA/IDAgOiBtaW4gLSBtYXgsXG4gICAgICAgICAgICByaWdodDogc2lkZSA9PT0gXCJsZWZ0XCIgPyBtYXggLSBtaW4gOiAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgZHJhZ01vbWVudHVtPXtmYWxzZX1cbiAgICAgICAgICB2YXJpYW50cz17e1xuICAgICAgICAgICAgYWN0aXZlOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5hY3Rpb24uaG92ZXIsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH19XG4gICAgICAgICAgb25EcmFnU3RhcnQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkRyYWdFbmQ9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgd2hpbGVUYXA9XCJhY3RpdmVcIlxuICAgICAgICAgIHdoaWxlSG92ZXI9XCJhY3RpdmVcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5kcmF3ZXJ9O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7b25DbG9zZSA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgdGl0bGU9XCLplonjgZjjgotcIlxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC50b29sdGlwfTtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgaWNvbj17PENsb3NlSWNvbiBmb250U2l6ZT1cImxhcmdlXCIgY29sb3I9XCJpbmhlcml0XCIgLz59XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25DbG9zZShmYWxzZSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZzogMTZweCAyNHB4IDY0cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDb250ZW50IGRhdGE9e2RhdGF9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9QYXBlcj5cbiAgICA8L21vdGlvbi5kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFBlZWtQcm9wczxUPiBleHRlbmRzIFBlZWtQYW5lbFByb3BzPFQ+IHtcbiAgLyoqXG4gICAqIOOBk+OBruOCs+ODs+ODneODvOODjeODs+ODiOOCkumWi+OBj+OBi+OBqeOBhuOBi1xuICAgKi9cbiAgb3BlbjogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFBlZWsgPSA8VCw+KHsgb3BlbiwgLi4ucHJvcHMgfTogUGVla1Byb3BzPFQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVQcmVzZW5jZT57b3BlbiA/IDxQZWVrUGFuZWwgey4uLnByb3BzfSAvPiA6IG51bGx9PC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuIl19 */"),
|
|
133
|
+
icon: (0, _react2.jsx)(_KeyboardDoubleArrowRight.default, {
|
|
134
134
|
fontSize: "large",
|
|
135
135
|
color: "inherit"
|
|
136
136
|
}),
|
|
@@ -138,9 +138,9 @@ const PeekPanel = ({
|
|
|
138
138
|
onClick: () => {
|
|
139
139
|
onClose(false);
|
|
140
140
|
}
|
|
141
|
-
}) : null), (0,
|
|
141
|
+
}) : null), (0, _react2.jsx)("div", {
|
|
142
142
|
css: _ref
|
|
143
|
-
}, (0,
|
|
143
|
+
}, (0, _react2.jsx)(Content, {
|
|
144
144
|
data: data
|
|
145
145
|
}))));
|
|
146
146
|
};
|
|
@@ -148,7 +148,7 @@ const Peek = ({
|
|
|
148
148
|
open,
|
|
149
149
|
...props
|
|
150
150
|
}) => {
|
|
151
|
-
return (0,
|
|
151
|
+
return (0, _react2.jsx)(_react.AnimatePresence, null, open ? (0, _react2.jsx)(PeekPanel, props) : null);
|
|
152
152
|
};
|
|
153
153
|
exports.Peek = Peek;
|
|
154
154
|
//# sourceMappingURL=index.js.map
|
package/cjs/Peek/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_framerMotion","require","_Button","_Paper","_react","_react2","_theme","_KeyboardDoubleArrowRight","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","DRAG_HANDLER_WIDTH","DragHandler","side","min","style","props","jsx","motion","div","css","process","env","NODE_ENV","PEEK_CACHE_KEY","setCache","offset","localStorage","setItem","JSON","stringify","innerWidth","window","getCacheOffset","cache","getItem","data","parse","_ref","name","styles","toString","PeekPanel","onClose","renderContent","Content","max","useRef","current","defaultWidth","Math","theme","useTheme","mvOffset","useMotionValue","mvOffsetCache","set","mvWidth","useTransform","v","isDragging","setIsDragging","useState","zIndex","drawer","width","initial","transition","ease","duration","animate","get","exit","Paper","elevation","transitions","shortest","easing","easeOut","opacity","x","drag","dragElastic","dragConstraints","left","right","dragMomentum","variants","active","backgroundColor","palette","action","hover","onDragStart","onDragEnd","whileTap","whileHover","Button","title","tooltip","text","secondary","icon","fontSize","color","type","onClick","Peek","open","AnimatePresence","exports"],"sources":["../../../src/Peek/index.tsx"],"sourcesContent":["import {\n AnimatePresence,\n HTMLMotionProps,\n motion,\n useMotionValue,\n useTransform,\n} from \"framer-motion\";\nimport { Button } from \"../Button\";\nimport { Paper } from \"../Paper\";\nimport { css } from \"@emotion/react\";\nimport { useRef, useState } from \"react\";\nimport { useTheme } from \"../theme\";\nimport CloseIcon from \"@mui/icons-material/KeyboardDoubleArrowRight\";\n\ntype Side = \"right\" | \"left\";\n\ninterface DragHandlerProps extends HTMLMotionProps<\"div\"> {\n side: Side;\n min: number;\n}\n\nconst DRAG_HANDLER_WIDTH = 12;\n\nconst DragHandler = ({ side, min, style, ...props }: DragHandlerProps) => {\n return (\n <motion.div\n css={css`\n position: fixed;\n top: 0;\n width: ${DRAG_HANDLER_WIDTH}px;\n height: 100%;\n cursor: col-resize;\n background-color: transparent;\n `}\n style={{\n [side]: min - DRAG_HANDLER_WIDTH,\n ...style,\n }}\n {...props}\n />\n );\n};\n\ninterface PeekPanelProps<T> {\n /**\n * 閉じるボタンを押したときのコールバック\n * これを渡さない場合、閉じるボタンを表示されません。\n */\n onClose?: (flag: false) => void;\n /**\n * コンポーネント内に表示するコンテンツ\n */\n renderContent: (props: { data?: T }) => React.JSX.Element;\n /**\n * renderContentに渡されるデータ\n */\n data?: T;\n}\n\nconst min = 280;\nconst side = \"right\" as Side;\n\nconst PEEK_CACHE_KEY = \"matsuri-ui-peek-cache\";\n\nconst setCache = (side: Side, offset: number) => {\n localStorage.setItem(\n PEEK_CACHE_KEY,\n JSON.stringify({\n side,\n offset,\n innerWidth: window.innerWidth,\n }),\n );\n};\n\nconst getCacheOffset = (side: Side) => {\n const cache = localStorage.getItem(PEEK_CACHE_KEY);\n if (cache === null) {\n return null;\n }\n const data = JSON.parse(cache) as {\n offset: number;\n innerWidth: number;\n side: Side;\n };\n if (data.innerWidth !== window.innerWidth || data.side !== side) {\n return null;\n }\n return data.offset;\n};\n\nconst PeekPanel = <T,>({\n onClose,\n data,\n renderContent: Content,\n}: PeekPanelProps<T>) => {\n const max = useRef(window.innerWidth).current;\n const defaultWidth = useRef(Math.min(480, max)).current;\n\n const theme = useTheme();\n\n const mvOffset = useMotionValue(0);\n\n const mvOffsetCache = getCacheOffset(side);\n\n mvOffset.set(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n mvOffsetCache === null\n ? side === \"left\"\n ? defaultWidth + min\n : min - defaultWidth\n : mvOffsetCache,\n );\n\n const mvWidth = useTransform(mvOffset, (v) => {\n setCache(side, v);\n return side === \"left\" ? v + min : min - v;\n });\n\n const [isDragging, setIsDragging] = useState(false);\n\n return (\n <motion.div\n css={css`\n position: fixed;\n top: 0px;\n z-index: ${theme.zIndex.drawer};\n flex-shrink: 0;\n height: 100%;\n `}\n style={{\n width: mvWidth,\n [side]: 0,\n }}\n initial={{\n width: 0,\n }}\n transition={{ ease: \"easeOut\", duration: 0.15 }}\n animate={{\n width: mvWidth.get(),\n }}\n exit={{\n width: 0,\n }}\n >\n <Paper\n elevation={5}\n css={css`\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: auto;\n transition: opacity ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeOut};\n `}\n style={{\n opacity: isDragging ? 0.8 : 1,\n }}\n >\n <DragHandler\n side={side}\n style={{ x: mvOffset }}\n drag=\"x\"\n min={min}\n dragElastic={0.025}\n dragConstraints={{\n left: side === \"left\" ? 0 : min - max,\n right: side === \"left\" ? max - min : 0,\n }}\n dragMomentum={false}\n variants={{\n active: {\n backgroundColor: theme.palette.action.hover,\n },\n }}\n onDragStart={() => {\n setIsDragging(true);\n }}\n onDragEnd={() => {\n setIsDragging(false);\n }}\n whileTap=\"active\"\n whileHover=\"active\"\n />\n <div\n css={css`\n position: sticky;\n top: 0px;\n z-index: ${theme.zIndex.drawer};\n padding: 8px;\n `}\n >\n {onClose ? (\n <Button\n title=\"閉じる\"\n css={css`\n z-index: ${theme.zIndex.tooltip};\n color: ${theme.palette.text.secondary};\n `}\n icon={<CloseIcon fontSize=\"large\" color=\"inherit\" />}\n type=\"button\"\n onClick={() => {\n onClose(false);\n }}\n />\n ) : null}\n </div>\n <div\n css={css`\n padding: 16px 24px 64px;\n `}\n >\n <Content data={data} />\n </div>\n </Paper>\n </motion.div>\n );\n};\n\nexport interface PeekProps<T> extends PeekPanelProps<T> {\n /**\n * このコンポーネントを開くかどうか\n */\n open: boolean;\n}\n\nexport const Peek = <T,>({ open, ...props }: PeekProps<T>) => {\n return (\n <AnimatePresence>{open ? <PeekPanel {...props} /> : null}</AnimatePresence>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_Button","_Paper","_react2","_react3","_theme","_KeyboardDoubleArrowRight","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","DRAG_HANDLER_WIDTH","DragHandler","side","min","style","props","jsx","motion","div","css","process","env","NODE_ENV","PEEK_CACHE_KEY","setCache","offset","localStorage","setItem","JSON","stringify","innerWidth","window","getCacheOffset","cache","getItem","data","parse","_ref","name","styles","toString","PeekPanel","onClose","renderContent","Content","max","useRef","current","defaultWidth","Math","theme","useTheme","mvOffset","useMotionValue","mvOffsetCache","set","mvWidth","useTransform","v","isDragging","setIsDragging","useState","zIndex","drawer","width","initial","transition","ease","duration","animate","get","exit","Paper","elevation","transitions","shortest","easing","easeOut","opacity","x","drag","dragElastic","dragConstraints","left","right","dragMomentum","variants","active","backgroundColor","palette","action","hover","onDragStart","onDragEnd","whileTap","whileHover","Button","title","tooltip","text","secondary","icon","fontSize","color","type","onClick","Peek","open","AnimatePresence","exports"],"sources":["../../../src/Peek/index.tsx"],"sourcesContent":["import {\n AnimatePresence,\n HTMLMotionProps,\n motion,\n useMotionValue,\n useTransform,\n} from \"motion/react\";\nimport { Button } from \"../Button\";\nimport { Paper } from \"../Paper\";\nimport { css } from \"@emotion/react\";\nimport { useRef, useState } from \"react\";\nimport { useTheme } from \"../theme\";\nimport CloseIcon from \"@mui/icons-material/KeyboardDoubleArrowRight\";\n\ntype Side = \"right\" | \"left\";\n\ninterface DragHandlerProps extends HTMLMotionProps<\"div\"> {\n side: Side;\n min: number;\n}\n\nconst DRAG_HANDLER_WIDTH = 12;\n\nconst DragHandler = ({ side, min, style, ...props }: DragHandlerProps) => {\n return (\n <motion.div\n css={css`\n position: fixed;\n top: 0;\n width: ${DRAG_HANDLER_WIDTH}px;\n height: 100%;\n cursor: col-resize;\n background-color: transparent;\n `}\n style={{\n [side]: min - DRAG_HANDLER_WIDTH,\n ...style,\n }}\n {...props}\n />\n );\n};\n\ninterface PeekPanelProps<T> {\n /**\n * 閉じるボタンを押したときのコールバック\n * これを渡さない場合、閉じるボタンを表示されません。\n */\n onClose?: (flag: false) => void;\n /**\n * コンポーネント内に表示するコンテンツ\n */\n renderContent: (props: { data?: T }) => React.JSX.Element;\n /**\n * renderContentに渡されるデータ\n */\n data?: T;\n}\n\nconst min = 280;\nconst side = \"right\" as Side;\n\nconst PEEK_CACHE_KEY = \"matsuri-ui-peek-cache\";\n\nconst setCache = (side: Side, offset: number) => {\n localStorage.setItem(\n PEEK_CACHE_KEY,\n JSON.stringify({\n side,\n offset,\n innerWidth: window.innerWidth,\n }),\n );\n};\n\nconst getCacheOffset = (side: Side) => {\n const cache = localStorage.getItem(PEEK_CACHE_KEY);\n if (cache === null) {\n return null;\n }\n const data = JSON.parse(cache) as {\n offset: number;\n innerWidth: number;\n side: Side;\n };\n if (data.innerWidth !== window.innerWidth || data.side !== side) {\n return null;\n }\n return data.offset;\n};\n\nconst PeekPanel = <T,>({\n onClose,\n data,\n renderContent: Content,\n}: PeekPanelProps<T>) => {\n const max = useRef(window.innerWidth).current;\n const defaultWidth = useRef(Math.min(480, max)).current;\n\n const theme = useTheme();\n\n const mvOffset = useMotionValue(0);\n\n const mvOffsetCache = getCacheOffset(side);\n\n mvOffset.set(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n mvOffsetCache === null\n ? side === \"left\"\n ? defaultWidth + min\n : min - defaultWidth\n : mvOffsetCache,\n );\n\n const mvWidth = useTransform(mvOffset, (v) => {\n setCache(side, v);\n return side === \"left\" ? v + min : min - v;\n });\n\n const [isDragging, setIsDragging] = useState(false);\n\n return (\n <motion.div\n css={css`\n position: fixed;\n top: 0px;\n z-index: ${theme.zIndex.drawer};\n flex-shrink: 0;\n height: 100%;\n `}\n style={{\n width: mvWidth,\n [side]: 0,\n }}\n initial={{\n width: 0,\n }}\n transition={{ ease: \"easeOut\", duration: 0.15 }}\n animate={{\n width: mvWidth.get(),\n }}\n exit={{\n width: 0,\n }}\n >\n <Paper\n elevation={5}\n css={css`\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: auto;\n transition: opacity ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeOut};\n `}\n style={{\n opacity: isDragging ? 0.8 : 1,\n }}\n >\n <DragHandler\n side={side}\n style={{ x: mvOffset }}\n drag=\"x\"\n min={min}\n dragElastic={0.025}\n dragConstraints={{\n left: side === \"left\" ? 0 : min - max,\n right: side === \"left\" ? max - min : 0,\n }}\n dragMomentum={false}\n variants={{\n active: {\n backgroundColor: theme.palette.action.hover,\n },\n }}\n onDragStart={() => {\n setIsDragging(true);\n }}\n onDragEnd={() => {\n setIsDragging(false);\n }}\n whileTap=\"active\"\n whileHover=\"active\"\n />\n <div\n css={css`\n position: sticky;\n top: 0px;\n z-index: ${theme.zIndex.drawer};\n padding: 8px;\n `}\n >\n {onClose ? (\n <Button\n title=\"閉じる\"\n css={css`\n z-index: ${theme.zIndex.tooltip};\n color: ${theme.palette.text.secondary};\n `}\n icon={<CloseIcon fontSize=\"large\" color=\"inherit\" />}\n type=\"button\"\n onClick={() => {\n onClose(false);\n }}\n />\n ) : null}\n </div>\n <div\n css={css`\n padding: 16px 24px 64px;\n `}\n >\n <Content data={data} />\n </div>\n </Paper>\n </motion.div>\n );\n};\n\nexport interface PeekProps<T> extends PeekPanelProps<T> {\n /**\n * このコンポーネントを開くかどうか\n */\n open: boolean;\n}\n\nexport const Peek = <T,>({ open, ...props }: PeekProps<T>) => {\n return (\n <AnimatePresence>{open ? <PeekPanel {...props} /> : null}</AnimatePresence>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.WeeklyCalendarDragAndDropCell = void 0;
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var _react = require("motion/react");
|
|
6
|
+
var _react2 = _interopRequireWildcard(require("react"));
|
|
7
7
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
8
|
-
var
|
|
8
|
+
var _react3 = require("@emotion/react");
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -17,12 +17,12 @@ const WeeklyCalendarDragAndDropCell = ({
|
|
|
17
17
|
index,
|
|
18
18
|
calendarCellWidth
|
|
19
19
|
}) => {
|
|
20
|
-
const [flag, cancel] = (0,
|
|
21
|
-
const [dragging, setDragging] = (0,
|
|
20
|
+
const [flag, cancel] = (0, _react2.useReducer)(prev => !prev, false);
|
|
21
|
+
const [dragging, setDragging] = (0, _react2.useState)(false);
|
|
22
22
|
if (date === undefined || dateStr === undefined || index === undefined) {
|
|
23
23
|
return null;
|
|
24
24
|
}
|
|
25
|
-
return (0,
|
|
25
|
+
return (0, _react3.jsx)(_react.motion.div, {
|
|
26
26
|
style: {
|
|
27
27
|
cursor: dragging ? "grabbing" : "grab"
|
|
28
28
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeeklyCalendarDragAndDropCell.js","names":["
|
|
1
|
+
{"version":3,"file":"WeeklyCalendarDragAndDropCell.js","names":["_react","require","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","_react3","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WeeklyCalendarDragAndDropCell","children","onDragEnd","date","dateStr","index","calendarCellWidth","flag","cancel","useReducer","prev","dragging","setDragging","useState","undefined","jsx","motion","div","style","cursor","key","drag","dragMomentum","onDragStart","_","info","deltaX","Math","round","offset","x","targetDateStr","dayjs","add","format","source","getCell","dates","getColumn","sourceColumn","slice","splice","target","targetColumn","content","unshift","exports"],"sources":["../../../src/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.tsx"],"sourcesContent":["import { motion } from \"motion/react\";\nimport React, { useReducer, useState } from \"react\";\nimport dayjs from \"dayjs\";\n\nexport interface WeeklyCalendarDragAndDropCellDragEndHandlerArgs {\n source: {\n getCell: <T>(dates: Record<string, T[]>) => T;\n dateStr: string;\n getColumn: <T>(dates: Record<string, T[]>) => T[];\n };\n target: {\n dateStr: string;\n getColumn: <T>(dates: Record<string, T[]>) => T[];\n };\n cancel: () => void;\n}\n\nexport type WeeklyCalendarDragAndDropCellDragEndHandler = (\n args: WeeklyCalendarDragAndDropCellDragEndHandlerArgs,\n) => void;\n\nexport interface WeeklyCalendarDragAndDropCellProps {\n children: React.ReactNode;\n calendarCellWidth: number;\n onDragEnd: WeeklyCalendarDragAndDropCellDragEndHandler;\n date?: Date;\n dateStr?: string;\n index?: number;\n}\n\nexport const WeeklyCalendarDragAndDropCell = ({\n children,\n onDragEnd,\n date,\n dateStr,\n index,\n calendarCellWidth,\n}: WeeklyCalendarDragAndDropCellProps) => {\n const [flag, cancel] = useReducer((prev) => !prev, false);\n const [dragging, setDragging] = useState(false);\n if (date === undefined || dateStr === undefined || index === undefined) {\n return null;\n }\n return (\n <motion.div\n style={{\n cursor: dragging ? \"grabbing\" : \"grab\",\n }}\n key={`${flag}`}\n drag\n dragMomentum={false}\n onDragStart={() => {\n setDragging(true);\n }}\n onDragEnd={(_, info) => {\n setDragging(false);\n\n const deltaX = Math.round(info.offset.x / calendarCellWidth);\n if (deltaX === 0) {\n cancel();\n return;\n }\n const targetDateStr = dayjs(date).add(deltaX, \"day\").format(\"YYYYMMDD\");\n onDragEnd({\n cancel,\n source: {\n getCell: (dates) => {\n return dates[dateStr][index];\n },\n dateStr: dateStr,\n getColumn: (dates) => {\n const sourceColumn = dates[dateStr].slice();\n sourceColumn.splice(index, 1);\n return sourceColumn;\n },\n },\n target: {\n dateStr: targetDateStr,\n getColumn: (dates) => {\n const targetColumn = dates[targetDateStr].slice();\n const content = dates[dateStr][index];\n targetColumn.unshift(content);\n return targetColumn;\n },\n },\n });\n }}\n >\n {children}\n </motion.div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|