@smitch/breeze 2.2.26 → 2.2.28
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/lib/sidebar/Sidebar.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SidebarProps } from './types';
|
|
2
|
-
declare const Sidebar: ({ open, position, backdrop, className, style, children, onClose, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const Sidebar: ({ open, position, backdrop, className, style, children, onClose, closePosition, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Sidebar;
|
package/lib/sidebar/Sidebar.js
CHANGED
|
@@ -9,23 +9,23 @@ var positions = {
|
|
|
9
9
|
left: 'left-0',
|
|
10
10
|
right: 'right-0',
|
|
11
11
|
};
|
|
12
|
-
var sidebarClasses =
|
|
12
|
+
var sidebarClasses = "fixed top-0 z-[200] w-full max-w-md h-full overflow-y-auto duration-500";
|
|
13
13
|
var Sidebar = function (_a) {
|
|
14
|
-
var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.position, position = _c === void 0 ?
|
|
15
|
-
var
|
|
16
|
-
var
|
|
14
|
+
var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.position, position = _c === void 0 ? "right" : _c, _d = _a.backdrop, backdrop = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? "" : _e, style = _a.style, children = _a.children, onClose = _a.onClose, _f = _a.closePosition, closePosition = _f === void 0 ? "right" : _f;
|
|
15
|
+
var _g = (0, react_1.useState)(false), show = _g[0], setShow = _g[1];
|
|
16
|
+
var _h = (0, react_1.useState)(null), touchPosition = _h[0], setTouchPosition = _h[1];
|
|
17
17
|
(0, react_1.useEffect)(function () {
|
|
18
18
|
if (open) {
|
|
19
19
|
setShow(true);
|
|
20
|
-
document.body.style.overflow =
|
|
20
|
+
document.body.style.overflow = "hidden";
|
|
21
21
|
}
|
|
22
22
|
else {
|
|
23
23
|
setShow(false);
|
|
24
|
-
document.body.style.overflow =
|
|
24
|
+
document.body.style.overflow = "";
|
|
25
25
|
}
|
|
26
26
|
return function () {
|
|
27
27
|
setShow(false);
|
|
28
|
-
document.body.style.overflow =
|
|
28
|
+
document.body.style.overflow = "";
|
|
29
29
|
};
|
|
30
30
|
}, [open]);
|
|
31
31
|
var positionClasses = (0, react_1.useMemo)(function () { return positions[position]; }, [position]);
|
|
@@ -36,11 +36,11 @@ var Sidebar = function (_a) {
|
|
|
36
36
|
if (touchPosition === null)
|
|
37
37
|
return;
|
|
38
38
|
var diff = touchPosition - e.touches[0].clientX;
|
|
39
|
-
if (position ===
|
|
39
|
+
if (position === "right" && diff < -5) {
|
|
40
40
|
close();
|
|
41
41
|
setTouchPosition(null);
|
|
42
42
|
}
|
|
43
|
-
if (position ===
|
|
43
|
+
if (position === "left" && diff > 5) {
|
|
44
44
|
close();
|
|
45
45
|
setTouchPosition(null);
|
|
46
46
|
}
|
|
@@ -48,11 +48,7 @@ var Sidebar = function (_a) {
|
|
|
48
48
|
var close = function () {
|
|
49
49
|
onClose(false);
|
|
50
50
|
};
|
|
51
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backdrop && ((0, jsx_runtime_1.jsx)("div", { className: "backdrop bg-dark
|
|
52
|
-
? 'translate-x-0'
|
|
53
|
-
: position === 'right'
|
|
54
|
-
? 'translate-x-full'
|
|
55
|
-
: '-translate-x-full'), className), style: style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, children: [(0, jsx_runtime_1.jsx)("header", { className: "sidebar-header", children: (0, jsx_runtime_1.jsx)(__1.CloseButton, { onClick: close, layout: 'circle', size: 'md', className: "fixed top-3 ".concat(position === 'right' ? 'left-3' : 'right-3') }) }), (0, jsx_runtime_1.jsx)("div", { className: "sidebar-content max-h-full overflow-y-auto p-0 pt-8", children: children })] })] }));
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backdrop && ((0, jsx_runtime_1.jsx)("div", { className: "backdrop bg-dark z-[100] fixed top-0 right-0 bottom-0 left-0 w-full ".concat(show ? "block opacity-50" : "hidden opacity-0", " transition-opacity"), onClick: close })), (0, jsx_runtime_1.jsxs)("aside", { className: (0, tailwind_merge_1.twMerge)("sidebar bg-dark text-light dark:bg-light dark:text-dark ".concat(sidebarClasses, " ").concat(positionClasses, " ").concat(show ? "translate-x-0" : position === "right" ? "translate-x-full" : "-translate-x-full"), className), style: style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, children: [(0, jsx_runtime_1.jsx)("header", { className: "sidebar-header", children: (0, jsx_runtime_1.jsx)(__1.CloseButton, { onClick: close, layout: "circle", size: "md", className: "fixed top-3 ".concat(closePosition === "left" ? "left-3" : "right-3") }) }), (0, jsx_runtime_1.jsx)("div", { className: "sidebar-content max-h-full overflow-y-auto p-0 pt-8", children: children })] })] }));
|
|
56
52
|
};
|
|
57
53
|
exports.default = Sidebar;
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9zaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7OztBQUVaLCtCQUEyRDtBQUUzRCxpREFBd0M7QUFFeEMsd0JBQWdDO0FBR2hDLElBQU0sU0FBUyxHQUFHO0lBQ2pCLElBQUksRUFBRSxRQUFRO0lBQ2QsS0FBSyxFQUFFLFNBQVM7Q0FDaEIsQ0FBQTtBQUVELElBQU0sY0FBYyxHQUNsQix5RUFBeUUsQ0FBQztBQUU1RSxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBU0Y7UUFSYixZQUFZLEVBQVosSUFBSSxtQkFBRyxLQUFLLEtBQUEsRUFDWixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsZ0JBQWdCLEVBQWhCLFFBQVEsbUJBQUcsS0FBSyxLQUFBLEVBQ2hCLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxxQkFBdUIsRUFBdkIsYUFBYSxtQkFBRyxPQUFPLEtBQUE7SUFFakIsSUFBQSxLQUFrQixJQUFBLGdCQUFRLEVBQVUsS0FBSyxDQUFDLEVBQXpDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBNEIsQ0FBQztJQUMzQyxJQUFBLEtBQW9DLElBQUEsZ0JBQVEsRUFBUyxJQUFLLENBQUMsRUFBMUQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQTJCLENBQUM7SUFFbEUsSUFBQSxpQkFBUyxFQUFDO1FBQ1IsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNULE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNkLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDMUMsQ0FBQzthQUFNLENBQUM7WUFDTixPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7WUFD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
|