pebble-web 2.5.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/components/styles/Date.styles.d.ts +1 -0
- package/dist/components/typings/DateInput.d.ts +1 -0
- package/dist/pebble-web.dev.js +134 -132
- package/dist/pebble-web.dev.js.map +1 -1
- package/dist/pebble-web.es.dev.js +43 -37
- package/dist/pebble-web.es.dev.js.map +1 -1
- package/dist/pebble-web.es.js +35 -29
- package/dist/pebble-web.es.js.map +1 -1
- package/dist/pebble-web.js +126 -124
- package/dist/pebble-web.js.map +1 -1
- package/dist/pebble-web.module.dev.js +134 -132
- package/dist/pebble-web.module.dev.js.map +1 -1
- package/dist/pebble-web.module.js +126 -124
- package/dist/pebble-web.module.js.map +1 -1
- package/dist/pebble-web.umd.dev.js +134 -132
- package/dist/pebble-web.umd.dev.js.map +1 -1
- package/dist/pebble-web.umd.js +126 -124
- package/dist/pebble-web.umd.js.map +1 -1
- package/package.json +3 -3
- package/src/components/DateInput.tsx +19 -14
- package/src/components/Sidebar.tsx +32 -61
- package/src/components/__tests__/dateInput.test.tsx +6 -5
- package/src/components/styles/Date.styles.ts +10 -0
- package/src/components/styles/Sidebar.styles.ts +0 -1
- package/src/components/typings/DateInput.ts +1 -0
- package/src/utils/animation.ts +1 -1
|
@@ -1012,7 +1012,7 @@ const animationConfig = {
|
|
|
1012
1012
|
pointerEvents: "none"
|
|
1013
1013
|
},
|
|
1014
1014
|
config: (_a, motion) => motion === "leave" ? {
|
|
1015
|
-
duration:
|
|
1015
|
+
duration: 80
|
|
1016
1016
|
} : {
|
|
1017
1017
|
duration: 200
|
|
1018
1018
|
}
|
|
@@ -1215,24 +1215,30 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { return "You have tried to string
|
|
|
1215
1215
|
const dateClass = /*#__PURE__*/css( {
|
|
1216
1216
|
name: "kwq08p-Date-styles-dateClass",
|
|
1217
1217
|
styles: "padding:20px;width:100%;;label:Date-styles-dateClass;",
|
|
1218
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1218
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
|
|
1219
1219
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
|
|
1220
1220
|
});
|
|
1221
1221
|
const dropDownClassName = /*#__PURE__*/css({
|
|
1222
1222
|
marginTop: -inputMarginBottom
|
|
1223
|
-
}, ";label:Date-styles-dropDownClassName;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1223
|
+
}, ";label:Date-styles-dropDownClassName;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
|
|
1224
1224
|
const inputStyle$1 = /*#__PURE__*/css( {
|
|
1225
1225
|
name: "y02h94-Date-styles-inputStyle",
|
|
1226
1226
|
styles: "margin-bottom:0;;label:Date-styles-inputStyle;",
|
|
1227
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1227
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
|
|
1228
1228
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
|
|
1229
1229
|
});
|
|
1230
1230
|
const wrapperStyle$3 = /*#__PURE__*/css( {
|
|
1231
1231
|
name: "rv5qd-Date-styles-wrapperStyle",
|
|
1232
1232
|
styles: "margin-bottom:20px;;label:Date-styles-wrapperStyle;",
|
|
1233
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1233
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
|
|
1234
1234
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
|
|
1235
1235
|
});
|
|
1236
|
+
const errorStyle = /*#__PURE__*/css({ ...typography.s.bold,
|
|
1237
|
+
backgroundColor: colors.red.lightest,
|
|
1238
|
+
color: colors.red.darker,
|
|
1239
|
+
textAlign: "left",
|
|
1240
|
+
padding: "11px 30px"
|
|
1241
|
+
}, ";label:Date-styles-errorStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiRGF0ZS5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSBcInBlYmJsZS1zaGFyZWRcIjtcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGlucHV0TWFyZ2luQm90dG9tIH0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5leHBvcnQgY29uc3QgZGF0ZUNsYXNzID0gY3NzKHtcbiAgICBwYWRkaW5nOiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCJcbn0pO1xuZXhwb3J0IGNvbnN0IGRyb3BEb3duQ2xhc3NOYW1lID0gY3NzKHtcbiAgICBtYXJnaW5Ub3A6IC1pbnB1dE1hcmdpbkJvdHRvbVxufSk7XG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAwXG59KTtcbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMjBcbn0pO1xuZXhwb3J0IGNvbnN0IGVycm9yU3R5bGUgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkucy5ib2xkLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnJlZC5saWdodGVzdCxcbiAgICBjb2xvcjogY29sb3JzLnJlZC5kYXJrZXIsXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICBwYWRkaW5nOiBcIjExcHggMzBweFwiLFxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1EYXRlLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
1236
1242
|
|
|
1237
1243
|
function getColor(error, success, isUnderlineColor) {
|
|
1238
1244
|
let color = colors.gray.dark;
|
|
@@ -1452,7 +1458,8 @@ class DateInput extends PureComponent {
|
|
|
1452
1458
|
inputProps,
|
|
1453
1459
|
placeholder,
|
|
1454
1460
|
value: propsValue,
|
|
1455
|
-
disabled
|
|
1461
|
+
disabled,
|
|
1462
|
+
errorMessage
|
|
1456
1463
|
} = this.props;
|
|
1457
1464
|
return /*#__PURE__*/createElement(DropDown, {
|
|
1458
1465
|
dropDownClassName: dropDownClassName,
|
|
@@ -1469,7 +1476,7 @@ class DateInput extends PureComponent {
|
|
|
1469
1476
|
onChange: noop,
|
|
1470
1477
|
type: "tel",
|
|
1471
1478
|
value: value,
|
|
1472
|
-
placeholder:
|
|
1479
|
+
placeholder: placeholder,
|
|
1473
1480
|
onClick: () => {
|
|
1474
1481
|
if (disabled) return;
|
|
1475
1482
|
toggleDropdown();
|
|
@@ -1489,7 +1496,7 @@ class DateInput extends PureComponent {
|
|
|
1489
1496
|
modifiers: modifiers
|
|
1490
1497
|
}, ({
|
|
1491
1498
|
toggle
|
|
1492
|
-
}) => /*#__PURE__*/createElement(Calendar, Object.assign({
|
|
1499
|
+
}) => /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Calendar, Object.assign({
|
|
1493
1500
|
hideShadow: true,
|
|
1494
1501
|
className: dateClass,
|
|
1495
1502
|
selected: propsValue ? new Date(propsValue) : undefined
|
|
@@ -1499,7 +1506,9 @@ class DateInput extends PureComponent {
|
|
|
1499
1506
|
this.onCalendarDateChange(date);
|
|
1500
1507
|
toggle();
|
|
1501
1508
|
}
|
|
1502
|
-
}))
|
|
1509
|
+
})), errorMessage && /*#__PURE__*/createElement("div", {
|
|
1510
|
+
className: errorStyle
|
|
1511
|
+
}, errorMessage)));
|
|
1503
1512
|
}
|
|
1504
1513
|
}
|
|
1505
1514
|
function checkDateInputSupport() {
|
|
@@ -3225,7 +3234,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__$g() { return "You have tried to string
|
|
|
3225
3234
|
const sidebarWrapperStyle = /*#__PURE__*/css( {
|
|
3226
3235
|
name: "1dv553w-Sidebar-styles-sidebarWrapperStyle",
|
|
3227
3236
|
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;",
|
|
3228
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3237
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdtQyIsImZpbGUiOiJTaWRlYmFyLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb25zdGFudHMgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgc2lkZWJhcldyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMTYsMjMsMzMsMC4zKVwiLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogOTlcbn0pO1xuZXhwb3J0IGNvbnN0IGNsb3NlU3R5bGUgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLndoaXRlLmJhc2UsXG4gICAgYm9yZGVyUmFkaXVzOiBjb25zdGFudHMuYm9yZGVyUmFkaXVzLFxuICAgIGhlaWdodDogNDAsXG4gICAgd2lkdGg6IDQwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiAtNjAsXG4gICAgbWFyZ2luVG9wOiAyMCxcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGk6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya2VyXG4gICAgfSxcbiAgICBcIkBtZWRpYSAobWF4LXdpZHRoOiA4MDBweClcIjoge1xuICAgICAgICBsZWZ0OiA4MCxcbiAgICAgICAgbWFyZ2luVG9wOiAtNDUsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMCAyMHB4XCIsXG4gICAgICAgIGk6IHtcbiAgICAgICAgICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFyayxcbiAgICAgICAgICAgIGZvbnRTaXplOiAxNFxuICAgICAgICB9XG4gICAgfVxufSk7XG5leHBvcnQgY29uc3Qgc2lkZWJhclN0eWxlID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogMCxcbiAgICB3aWxsQ2hhbmdlOiBcInRyYW5zZm9ybVwiLFxuICAgIHpJbmRleDogOTksXG4gICAgXCJAbWVkaWEgKG1heC13aWR0aDogODAwcHgpXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBwYWRkaW5nVG9wOiA1MFxuICAgIH0sXG4gICAgd2Via2l0T3ZlcmZsb3dTY3JvbGxpbmc6IFwidG91Y2hcIlxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLnN0eWxlcy5qcy5tYXAiXX0= */",
|
|
3229
3238
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$g
|
|
3230
3239
|
});
|
|
3231
3240
|
const closeStyle = /*#__PURE__*/css({
|
|
@@ -3257,9 +3266,8 @@ const closeStyle = /*#__PURE__*/css({
|
|
|
3257
3266
|
fontSize: 14
|
|
3258
3267
|
}
|
|
3259
3268
|
}
|
|
3260
|
-
}, ";label:Sidebar-styles-closeStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3269
|
+
}, ";label:Sidebar-styles-closeStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkwQiIsImZpbGUiOiJTaWRlYmFyLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb25zdGFudHMgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgc2lkZWJhcldyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMTYsMjMsMzMsMC4zKVwiLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogOTlcbn0pO1xuZXhwb3J0IGNvbnN0IGNsb3NlU3R5bGUgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLndoaXRlLmJhc2UsXG4gICAgYm9yZGVyUmFkaXVzOiBjb25zdGFudHMuYm9yZGVyUmFkaXVzLFxuICAgIGhlaWdodDogNDAsXG4gICAgd2lkdGg6IDQwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBtYXJnaW5MZWZ0OiAtNjAsXG4gICAgbWFyZ2luVG9wOiAyMCxcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGk6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya2VyXG4gICAgfSxcbiAgICBcIkBtZWRpYSAobWF4LXdpZHRoOiA4MDBweClcIjoge1xuICAgICAgICBsZWZ0OiA4MCxcbiAgICAgICAgbWFyZ2luVG9wOiAtNDUsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMCAyMHB4XCIsXG4gICAgICAgIGk6IHtcbiAgICAgICAgICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gICAgICAgICAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFyayxcbiAgICAgICAgICAgIGZvbnRTaXplOiAxNFxuICAgICAgICB9XG4gICAgfVxufSk7XG5leHBvcnQgY29uc3Qgc2lkZWJhclN0eWxlID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlLFxuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogMCxcbiAgICB3aWxsQ2hhbmdlOiBcInRyYW5zZm9ybVwiLFxuICAgIHpJbmRleDogOTksXG4gICAgXCJAbWVkaWEgKG1heC13aWR0aDogODAwcHgpXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBwYWRkaW5nVG9wOiA1MFxuICAgIH0sXG4gICAgd2Via2l0T3ZlcmZsb3dTY3JvbGxpbmc6IFwidG91Y2hcIlxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLnN0eWxlcy5qcy5tYXAiXX0= */"));
|
|
3261
3270
|
const sidebarStyle = /*#__PURE__*/css({
|
|
3262
|
-
transition: `transform 200ms ${constants.animationCurve}`,
|
|
3263
3271
|
backgroundColor: colors.white.base,
|
|
3264
3272
|
position: "fixed",
|
|
3265
3273
|
top: 0,
|
|
@@ -3272,17 +3280,21 @@ const sidebarStyle = /*#__PURE__*/css({
|
|
|
3272
3280
|
paddingTop: 50
|
|
3273
3281
|
},
|
|
3274
3282
|
webkitOverflowScrolling: "touch"
|
|
3275
|
-
}, ";label:Sidebar-styles-sidebarStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3283
|
+
}, ";label:Sidebar-styles-sidebarStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDNEIiLCJmaWxlIjoiU2lkZWJhci5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgY29uc3RhbnRzIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHNpZGViYXJXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDE2LDIzLDMzLDAuMylcIixcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogMCxcbiAgICB6SW5kZXg6IDk5XG59KTtcbmV4cG9ydCBjb25zdCBjbG9zZVN0eWxlID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlLFxuICAgIGJvcmRlclJhZGl1czogY29uc3RhbnRzLmJvcmRlclJhZGl1cyxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIHdpZHRoOiA0MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgbWFyZ2luTGVmdDogLTYwLFxuICAgIG1hcmdpblRvcDogMjAsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBpOiB7XG4gICAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgICAgY29sb3I6IGNvbG9ycy5ncmF5LmRhcmtlclxuICAgIH0sXG4gICAgXCJAbWVkaWEgKG1heC13aWR0aDogODAwcHgpXCI6IHtcbiAgICAgICAgbGVmdDogODAsXG4gICAgICAgIG1hcmdpblRvcDogLTQ1LFxuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICAgICAgICBwYWRkaW5nOiBcIjAgMjBweFwiLFxuICAgICAgICBpOiB7XG4gICAgICAgICAgICBmbG9hdDogXCJyaWdodFwiLFxuICAgICAgICAgICAgY29sb3I6IGNvbG9ycy5ncmF5LmRhcmssXG4gICAgICAgICAgICBmb250U2l6ZTogMTRcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuZXhwb3J0IGNvbnN0IHNpZGViYXJTdHlsZSA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMud2hpdGUuYmFzZSxcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgd2lsbENoYW5nZTogXCJ0cmFuc2Zvcm1cIixcbiAgICB6SW5kZXg6IDk5LFxuICAgIFwiQG1lZGlhIChtYXgtd2lkdGg6IDgwMHB4KVwiOiB7XG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgcGFkZGluZ1RvcDogNTBcbiAgICB9LFxuICAgIHdlYmtpdE92ZXJmbG93U2Nyb2xsaW5nOiBcInRvdWNoXCJcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2lkZWJhci5zdHlsZXMuanMubWFwIl19 */"));
|
|
3276
3284
|
|
|
3277
3285
|
const transitionProps = {
|
|
3278
3286
|
from: {
|
|
3279
|
-
opacity: 0
|
|
3287
|
+
opacity: 0,
|
|
3288
|
+
transform: "translateX(100%)"
|
|
3280
3289
|
},
|
|
3281
3290
|
enter: {
|
|
3282
|
-
opacity: 1
|
|
3291
|
+
opacity: 1,
|
|
3292
|
+
transform: "translateX(0)"
|
|
3283
3293
|
},
|
|
3284
3294
|
leave: {
|
|
3285
|
-
opacity: 0
|
|
3295
|
+
opacity: 0,
|
|
3296
|
+
transform: "translateX(100%)",
|
|
3297
|
+
pointerEvents: "none"
|
|
3286
3298
|
}
|
|
3287
3299
|
};
|
|
3288
3300
|
class SideBar extends PureComponent {
|
|
@@ -3324,38 +3336,32 @@ class SideBar extends PureComponent {
|
|
|
3324
3336
|
onOutsideClick,
|
|
3325
3337
|
closeOnOutsideClick
|
|
3326
3338
|
} = this.props;
|
|
3327
|
-
const
|
|
3328
|
-
width
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
}, transitionProps, {
|
|
3337
|
-
config: animationConfig.config
|
|
3338
|
-
}), show => show && (styles => /*#__PURE__*/createElement(animated.div, {
|
|
3339
|
-
style: styles,
|
|
3339
|
+
const _sidebarStyle = cx(sidebarStyle, /*#__PURE__*/css({
|
|
3340
|
+
width
|
|
3341
|
+
}, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLCBoZWlnaHQ6IFwiMTAwdmhcIiB9fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hbmltYXRlZC5kaXY+XG4gICAgICAgICAgPC8+KX1cbiAgICAgIDwvTW91bnRUcmFuc2l0aW9uPik7XG4gICAgfVxufVxuU2lkZUJhci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZVxufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGVCYXI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLmpzeC5tYXAiXX0= */")));
|
|
3342
|
+
return /*#__PURE__*/createElement(MountTransition, Object.assign({
|
|
3343
|
+
visible: isOpen
|
|
3344
|
+
}, transitionProps), styles => /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(animated.div, {
|
|
3345
|
+
style: {
|
|
3346
|
+
opacity: styles.opacity
|
|
3347
|
+
},
|
|
3340
3348
|
className: sidebarWrapperStyle,
|
|
3341
3349
|
onClick: onOutsideClick || closeOnOutsideClick ? this.onOutsideClick : undefined,
|
|
3342
3350
|
"data-testid": "shadowArea"
|
|
3343
|
-
})
|
|
3344
|
-
className: _sidebarStyle
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
}, transitionProps), show => show && (styles => /*#__PURE__*/createElement(animated.div, {
|
|
3348
|
-
style: styles,
|
|
3351
|
+
}), /*#__PURE__*/createElement(animated.div, {
|
|
3352
|
+
className: _sidebarStyle,
|
|
3353
|
+
style: styles
|
|
3354
|
+
}, /*#__PURE__*/createElement("div", {
|
|
3349
3355
|
className: closeStyle,
|
|
3350
3356
|
onClick: onClose
|
|
3351
3357
|
}, /*#__PURE__*/createElement("i", {
|
|
3352
3358
|
className: "pi pi-close"
|
|
3353
|
-
}), /*#__PURE__*/createElement(Ink, null))
|
|
3359
|
+
}), /*#__PURE__*/createElement(Ink, null)), /*#__PURE__*/createElement("div", {
|
|
3354
3360
|
style: {
|
|
3355
3361
|
overflowY: "scroll",
|
|
3356
3362
|
height: "100vh"
|
|
3357
3363
|
}
|
|
3358
|
-
}, children)));
|
|
3364
|
+
}, children))));
|
|
3359
3365
|
}
|
|
3360
3366
|
}
|
|
3361
3367
|
SideBar.defaultProps = {
|