pebble-web 2.6.0 → 2.7.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/dist/pebble-web.dev.js +39 -48
- package/dist/pebble-web.dev.js.map +1 -1
- package/dist/pebble-web.es.dev.js +26 -29
- package/dist/pebble-web.es.dev.js.map +1 -1
- package/dist/pebble-web.es.js +22 -25
- package/dist/pebble-web.es.js.map +1 -1
- package/dist/pebble-web.js +35 -44
- package/dist/pebble-web.js.map +1 -1
- package/dist/pebble-web.module.dev.js +39 -48
- package/dist/pebble-web.module.dev.js.map +1 -1
- package/dist/pebble-web.module.js +35 -44
- package/dist/pebble-web.module.js.map +1 -1
- package/dist/pebble-web.umd.dev.js +39 -48
- package/dist/pebble-web.umd.dev.js.map +1 -1
- package/dist/pebble-web.umd.js +35 -44
- package/dist/pebble-web.umd.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Sidebar.tsx +32 -61
- package/src/components/styles/Sidebar.styles.ts +0 -1
- package/src/utils/animation.ts +1 -1
|
@@ -7833,7 +7833,7 @@
|
|
|
7833
7833
|
},
|
|
7834
7834
|
config: function config(_a, motion) {
|
|
7835
7835
|
return motion === "leave" ? {
|
|
7836
|
-
duration:
|
|
7836
|
+
duration: 80
|
|
7837
7837
|
} : {
|
|
7838
7838
|
duration: 200
|
|
7839
7839
|
};
|
|
@@ -13970,7 +13970,7 @@
|
|
|
13970
13970
|
var sidebarWrapperStyle = /*#__PURE__*/css( {
|
|
13971
13971
|
name: "1dv553w-Sidebar-styles-sidebarWrapperStyle",
|
|
13972
13972
|
styles: "background-color:rgba(16,23,33,0.3);position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;;label:Sidebar-styles-sidebarWrapperStyle;",
|
|
13973
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
13973
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdtQyIsImZpbGUiOiJTaWRlYmFyLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb25zdGFudHMgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgc2lkZWJhcldyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMTYsMjMsMzMsMC4zKVwiLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogOTlcbn0pO1xuZXhwb3J0IGNvbnN0IGNsb3NlU3R5bGUgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLndoaXRlLmJhc2UsXG4gICAgYm9yZGVyUmFkaXVzOiBjb25zdGFudHMuYm9yZGVyUmFkaXVzLFxuICAgIGhlaWdodDogNDAsXG4gICAgd2lkdGg6IDQwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiAtNjAsXG4gICAgbWFyZ2luVG9wOiAyMCxcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGk6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya2VyXG4gICAgfSxcbiAgICBcIkBtZWRpYSAobWF4LXdpZHRoOiA4MDBweClcIjoge1xuICAgICAgICBsZWZ0OiA4MCxcbiAgICAgICAgbWFyZ2luVG9wOiAtNDUsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMCAyMHB4XCIsXG4gICAgICAgIGk6IHtcbiAgICAgICAgICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFyayxcbiAgICAgICAgICAgIGZvbnRTaXplOiAxNFxuICAgICAgICB9XG4gICAgfVxufSk7XG5leHBvcnQgY29uc3Qgc2lkZWJhclN0eWxlID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogMCxcbiAgICB3aWxsQ2hhbmdlOiBcInRyYW5zZm9ybVwiLFxuICAgIHpJbmRleDogOTksXG4gICAgXCJAbWVkaWEgKG1heC13aWR0aDogODAwcHgpXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBwYWRkaW5nVG9wOiA1MFxuICAgIH0sXG4gICAgd2Via2l0T3ZlcmZsb3dTY3JvbGxpbmc6IFwidG91Y2hcIlxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLnN0eWxlcy5qcy5tYXAiXX0= */",
|
|
13974
13974
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$g
|
|
13975
13975
|
});
|
|
13976
13976
|
var closeStyle = /*#__PURE__*/css({
|
|
@@ -14002,9 +14002,8 @@
|
|
|
14002
14002
|
fontSize: 14
|
|
14003
14003
|
}
|
|
14004
14004
|
}
|
|
14005
|
-
}, ";label:Sidebar-styles-closeStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14005
|
+
}, ";label:Sidebar-styles-closeStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkwQiIsImZpbGUiOiJTaWRlYmFyLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb25zdGFudHMgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgc2lkZWJhcldyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMTYsMjMsMzMsMC4zKVwiLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogOTlcbn0pO1xuZXhwb3J0IGNvbnN0IGNsb3NlU3R5bGUgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLndoaXRlLmJhc2UsXG4gICAgYm9yZGVyUmFkaXVzOiBjb25zdGFudHMuYm9yZGVyUmFkaXVzLFxuICAgIGhlaWdodDogNDAsXG4gICAgd2lkdGg6IDQwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiAtNjAsXG4gICAgbWFyZ2luVG9wOiAyMCxcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGk6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya2VyXG4gICAgfSxcbiAgICBcIkBtZWRpYSAobWF4LXdpZHRoOiA4MDBweClcIjoge1xuICAgICAgICBsZWZ0OiA4MCxcbiAgICAgICAgbWFyZ2luVG9wOiAtNDUsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMCAyMHB4XCIsXG4gICAgICAgIGk6IHtcbiAgICAgICAgICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFyayxcbiAgICAgICAgICAgIGZvbnRTaXplOiAxNFxuICAgICAgICB9XG4gICAgfVxufSk7XG5leHBvcnQgY29uc3Qgc2lkZWJhclN0eWxlID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogMCxcbiAgICB3aWxsQ2hhbmdlOiBcInRyYW5zZm9ybVwiLFxuICAgIHpJbmRleDogOTksXG4gICAgXCJAbWVkaWEgKG1heC13aWR0aDogODAwcHgpXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBwYWRkaW5nVG9wOiA1MFxuICAgIH0sXG4gICAgd2Via2l0T3ZlcmZsb3dTY3JvbGxpbmc6IFwidG91Y2hcIlxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
14006
14006
|
var sidebarStyle = /*#__PURE__*/css({
|
|
14007
|
-
transition: "transform 200ms ".concat(constants.animationCurve),
|
|
14008
14007
|
backgroundColor: colors.white.base,
|
|
14009
14008
|
position: "fixed",
|
|
14010
14009
|
top: 0,
|
|
@@ -14017,19 +14016,23 @@
|
|
|
14017
14016
|
paddingTop: 50
|
|
14018
14017
|
},
|
|
14019
14018
|
webkitOverflowScrolling: "touch"
|
|
14020
|
-
}, ";label:Sidebar-styles-sidebarStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14019
|
+
}, ";label:Sidebar-styles-sidebarStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDNEIiLCJmaWxlIjoiU2lkZWJhci5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgY29uc3RhbnRzIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHNpZGViYXJXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDE2LDIzLDMzLDAuMylcIixcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogMCxcbiAgICB6SW5kZXg6IDk5XG59KTtcbmV4cG9ydCBjb25zdCBjbG9zZVN0eWxlID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlLFxuICAgIGJvcmRlclJhZGl1czogY29uc3RhbnRzLmJvcmRlclJhZGl1cyxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIHdpZHRoOiA0MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgbWFyZ2luTGVmdDogLTYwLFxuICAgIG1hcmdpblRvcDogMjAsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBpOiB7XG4gICAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgICAgY29sb3I6IGNvbG9ycy5ncmF5LmRhcmtlclxuICAgIH0sXG4gICAgXCJAbWVkaWEgKG1heC13aWR0aDogODAwcHgpXCI6IHtcbiAgICAgICAgbGVmdDogODAsXG4gICAgICAgIG1hcmdpblRvcDogLTQ1LFxuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICAgICAgICBwYWRkaW5nOiBcIjAgMjBweFwiLFxuICAgICAgICBpOiB7XG4gICAgICAgICAgICBmbG9hdDogXCJyaWdodFwiLFxuICAgICAgICAgICAgY29sb3I6IGNvbG9ycy5ncmF5LmRhcmssXG4gICAgICAgICAgICBmb250U2l6ZTogMTRcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuZXhwb3J0IGNvbnN0IHNpZGViYXJTdHlsZSA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMud2hpdGUuYmFzZSxcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgd2lsbENoYW5nZTogXCJ0cmFuc2Zvcm1cIixcbiAgICB6SW5kZXg6IDk5LFxuICAgIFwiQG1lZGlhIChtYXgtd2lkdGg6IDgwMHB4KVwiOiB7XG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgcGFkZGluZ1RvcDogNTBcbiAgICB9LFxuICAgIHdlYmtpdE92ZXJmbG93U2Nyb2xsaW5nOiBcInRvdWNoXCJcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2lkZWJhci5zdHlsZXMuanMubWFwIl19 */"));
|
|
14021
14020
|
|
|
14022
14021
|
function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
|
|
14023
14022
|
function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
14024
14023
|
var transitionProps = {
|
|
14025
14024
|
from: {
|
|
14026
|
-
opacity: 0
|
|
14025
|
+
opacity: 0,
|
|
14026
|
+
transform: "translateX(100%)"
|
|
14027
14027
|
},
|
|
14028
14028
|
enter: {
|
|
14029
|
-
opacity: 1
|
|
14029
|
+
opacity: 1,
|
|
14030
|
+
transform: "translateX(0)"
|
|
14030
14031
|
},
|
|
14031
14032
|
leave: {
|
|
14032
|
-
opacity: 0
|
|
14033
|
+
opacity: 0,
|
|
14034
|
+
transform: "translateX(100%)",
|
|
14035
|
+
pointerEvents: "none"
|
|
14033
14036
|
}
|
|
14034
14037
|
};
|
|
14035
14038
|
var SideBar = /*#__PURE__*/function (_React$PureComponent) {
|
|
@@ -14083,46 +14086,34 @@
|
|
|
14083
14086
|
onClose = _this$props2.onClose,
|
|
14084
14087
|
onOutsideClick = _this$props2.onOutsideClick,
|
|
14085
14088
|
closeOnOutsideClick = _this$props2.closeOnOutsideClick;
|
|
14086
|
-
var
|
|
14087
|
-
width: width
|
|
14088
|
-
|
|
14089
|
-
|
|
14090
|
-
|
|
14091
|
-
|
|
14092
|
-
|
|
14093
|
-
|
|
14094
|
-
|
|
14095
|
-
|
|
14096
|
-
|
|
14097
|
-
|
|
14098
|
-
|
|
14099
|
-
|
|
14100
|
-
|
|
14101
|
-
|
|
14102
|
-
|
|
14103
|
-
|
|
14104
|
-
|
|
14105
|
-
}
|
|
14106
|
-
|
|
14107
|
-
|
|
14108
|
-
|
|
14109
|
-
|
|
14110
|
-
|
|
14111
|
-
|
|
14112
|
-
|
|
14113
|
-
|
|
14114
|
-
className: closeStyle,
|
|
14115
|
-
onClick: onClose
|
|
14116
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
14117
|
-
className: "pi pi-close"
|
|
14118
|
-
}), /*#__PURE__*/React.createElement(Ink, null));
|
|
14119
|
-
};
|
|
14120
|
-
}), isOpen && /*#__PURE__*/React.createElement("div", {
|
|
14121
|
-
style: {
|
|
14122
|
-
overflowY: "scroll",
|
|
14123
|
-
height: "100vh"
|
|
14124
|
-
}
|
|
14125
|
-
}, children)));
|
|
14089
|
+
var _sidebarStyle = cx(sidebarStyle, /*#__PURE__*/css({
|
|
14090
|
+
width: width
|
|
14091
|
+
}, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLCBoZWlnaHQ6IFwiMTAwdmhcIiB9fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hbmltYXRlZC5kaXY+XG4gICAgICAgICAgPC8+KX1cbiAgICAgIDwvTW91bnRUcmFuc2l0aW9uPik7XG4gICAgfVxufVxuU2lkZUJhci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZVxufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGVCYXI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLmpzeC5tYXAiXX0= */")));
|
|
14092
|
+
return /*#__PURE__*/React.createElement(MountTransition, Object.assign({
|
|
14093
|
+
visible: isOpen
|
|
14094
|
+
}, transitionProps), function (styles) {
|
|
14095
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(renderprops_cjs_7.div, {
|
|
14096
|
+
style: {
|
|
14097
|
+
opacity: styles.opacity
|
|
14098
|
+
},
|
|
14099
|
+
className: sidebarWrapperStyle,
|
|
14100
|
+
onClick: onOutsideClick || closeOnOutsideClick ? _this2.onOutsideClick : undefined,
|
|
14101
|
+
"data-testid": "shadowArea"
|
|
14102
|
+
}), /*#__PURE__*/React.createElement(renderprops_cjs_7.div, {
|
|
14103
|
+
className: _sidebarStyle,
|
|
14104
|
+
style: styles
|
|
14105
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
14106
|
+
className: closeStyle,
|
|
14107
|
+
onClick: onClose
|
|
14108
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
14109
|
+
className: "pi pi-close"
|
|
14110
|
+
}), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
|
|
14111
|
+
style: {
|
|
14112
|
+
overflowY: "scroll",
|
|
14113
|
+
height: "100vh"
|
|
14114
|
+
}
|
|
14115
|
+
}, children)));
|
|
14116
|
+
});
|
|
14126
14117
|
}
|
|
14127
14118
|
}]);
|
|
14128
14119
|
return SideBar;
|