pebble-web 2.9.1 → 2.9.3

package/dist/components/typings/Input.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-interface CommonInputProps {
-    placeholder: string;
+export interface CommonInputProps {
+    placeholder?: string;
     onChange: (text: string) => void;
     value?: string | number;
     className?: string;
@@ -8,6 +8,8 @@ interface CommonInputProps {
     errorMessage?: string;
     fixLabelAtTop?: boolean;
     inputClassName?: string;
+    highlightClassName?: string;
+    loadingClassName?: string;
     loading?: boolean;
     message?: string;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
@@ -15,13 +17,14 @@ interface CommonInputProps {
     required?: boolean;
     successMessage?: string;
 }
+export declare type InputType = "text" | "date" | "password" | "number" | "email" | "tel";
 export interface SimpleInputProps extends CommonInputProps {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>;
     textArea?: false;
-    type?: "text" | "date" | "password" | "number" | "email" | "tel";
+    type?: InputType;
 }
-interface TextAreaInputProps extends CommonInputProps {
-    inputProps?: React.InputHTMLAttributes<HTMLTextAreaElement>;
+export interface TextAreaInputProps extends CommonInputProps {
+    inputProps?: React.InputHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>;
     textArea: true;
     type?: undefined;
 }
@@ -29,4 +32,3 @@ export declare type InputProps = SimpleInputProps | TextAreaInputProps;
 export interface InputState {
     isFocused: boolean;
 }
-export {};

package/dist/components/typings/Select.d.ts

@@ -4,7 +4,7 @@ import { SearchProps } from "./Search";
 import { Extras } from "./OptionGroup";
 import { Omit } from "utility-types";
 import { Placement, Modifiers } from "popper.js";
-interface CommonSelectProps<OptionType> {
+export interface CommonSelectProps<OptionType> {
     className?: string;
     placeholder: string;
     required?: boolean;
@@ -14,6 +14,7 @@ interface CommonSelectProps<OptionType> {
     searchBox?: boolean;
     searchBoxProps?: Omit<SearchProps, "type">;
     dropdownClassName?: string;
+    arrowClassName?: string;
     inputProps?: Omit<SimpleInputProps, "onChange" | "value" | "placeholder">;
     fullWidthDropdown?: boolean;
     onDropdownToggle?: (isOpen: boolean) => void;
@@ -41,4 +42,3 @@ export interface MultiSelectProps<OptionType> extends CommonSelectProps<OptionTy
     selected?: OptionType[];
 }
 export declare type SelectProps<OptionType> = SingleSelectProps<OptionType> | MultiSelectProps<OptionType>;
-export {};

package/dist/pebble-web.dev.js

@@ -1361,6 +1361,8 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
           placeholder = _this$props.placeholder,
           className = _this$props.className,
           inputClassName = _this$props.inputClassName,
+          highlightClassName = _this$props.highlightClassName,
+          loadingClassName = _this$props.loadingClassName,
           fixLabelAtTop = _this$props.fixLabelAtTop,
           value = _this$props.value,
           readOnly = _this$props.readOnly,
@@ -1383,18 +1385,19 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
         readOnly: readOnly,
         value: value || ""
       };
-      var highlightClassName = emotion.cx(highlightStyle, {
+      var _highlightClassName = emotion.cx(highlightStyle, {
         _pebble_input_highlight_focused: !!isFocused,
         _pebble_input_highlight_state: !!errorMessage || !!successMessage,
         _pebble_input_highlight_read_only: !!readOnly,
         _pebble_input_highlight_disabled: !!disabled
-      });
+      }, highlightClassName);
       var labelClassName = emotion.cx(labelStyle, {
         _pebble_input_label_focused: !!(isFocused || !!value || fixLabelAtTop)
       });
       var _wrapperStyle = emotion.cx(wrapperStyle$2, {
         _pebble_input_wrapper_textarea: !!textArea
       }, className);
+      var _loadingStyle = emotion.cx(loadingStyle, loadingClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: _wrapperStyle,
         onFocus: this.addFocus,
@@ -1402,21 +1405,21 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
         onClick: onClick
       }, this.props.textArea ? /*#__PURE__*/React.createElement("textarea", Object.assign({}, _inputProps, this.props.inputProps)) : /*#__PURE__*/React.createElement("input", Object.assign({
         type: type
-      }, _inputProps, this.props.inputProps)), /*#__PURE__*/React.createElement("label", {
+      }, _inputProps, this.props.inputProps)), !!placeholder && /*#__PURE__*/React.createElement("label", {
         className: labelClassName
       }, placeholder, required && /*#__PURE__*/React.createElement("span", {
         style: {
           color: pebbleShared.colors.red.base
         }
       }, "\xA0*")), /*#__PURE__*/React.createElement("div", {
-        className: highlightClassName,
+        className: _highlightClassName,
         style: {
           backgroundColor: getColor(errorMessage, successMessage, true)
         }
       }), loading && /*#__PURE__*/React.createElement(Loader, {
         color: pebbleShared.colors.violet.base,
         scale: 0.6,
-        className: loadingStyle
+        className: _loadingStyle
       }), _message && /*#__PURE__*/React.createElement("div", {
         className: messageStyle,
         style: {
@@ -1584,7 +1587,7 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
               onChange: noop,
               type: "tel",
               value: value,
-              placeholder: "".concat(placeholder, " DD/MM/YYYY"),
+              placeholder: placeholder,
               onClick: function onClick() {
                 if (disabled) return;
                 toggleDropdown();
@@ -1967,9 +1970,9 @@ var Message = function Message(_ref) {
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var modalContainer = /*#__PURE__*/emotion.css( {
-  name: "hg0gx-Modal-styles-modalContainer",
-  styles: "position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:99998;;label:Modal-styles-modalContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDOEIiLCJmaWxlIjoiTW9kYWwuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmV4cG9ydCBjb25zdCBtb2RhbENvbnRhaW5lciA9IGNzcyh7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsMC40KVwiLFxuICAgIG92ZXJmbG93WTogXCJzY3JvbGxcIixcbiAgICBXZWJraXRPdmVyZmxvd1Njcm9sbGluZzogXCJ0b3VjaFwiLFxuICAgIHpJbmRleDogOTk5OThcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TW9kYWwuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  name: "1l0tu9u-Modal-styles-modalContainer",
+  styles: "position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:99998;;label:Modal-styles-modalContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDOEIiLCJmaWxlIjoiTW9kYWwuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmV4cG9ydCBjb25zdCBtb2RhbENvbnRhaW5lciA9IGNzcyh7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsMC40KVwiLFxuICAgIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gICAgV2Via2l0T3ZlcmZsb3dTY3JvbGxpbmc6IFwidG91Y2hcIixcbiAgICB6SW5kZXg6IDk5OTk4XG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU1vZGFsLnN0eWxlcy5qcy5tYXAiXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
 });
 
@@ -2649,6 +2652,7 @@ function Select(props) {
       errorMessage = props.errorMessage,
       value = props.value,
       dropdownClassName = props.dropdownClassName,
+      arrowClassName = props.arrowClassName,
       inputProps = props.inputProps,
       fullWidthDropdown = props.fullWidthDropdown,
       _props$onDropdownTogg = props.onDropdownToggle,
@@ -2667,9 +2671,9 @@ function Select(props) {
     labelComponent: function labelComponent(_ref) {
       var toggleDropdown = _ref.toggleDropdown,
           isOpen = _ref.isOpen;
-      var chevron = emotion.cx(chevronStyle, "pi", "pi-arrow-drop-down", {
+      var chevron = emotion.cx(chevronStyle, "pi pi-arrow-drop-down", {
         __pebble__select__open: isOpen
-      });
+      }, arrowClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: emotion.cx(inputWrapper, disabled && disabledSelect),
         onClick: disabled ? undefined : function () {
@@ -3674,7 +3678,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
           closeOnOutsideClick = _this$props2.closeOnOutsideClick;
       var _sidebarStyle = emotion.cx(sidebarStyle, /*#__PURE__*/emotion.css({
         width: width
-      }, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLCBoZWlnaHQ6IFwiMTAwJVwiIH19PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2FuaW1hdGVkLmRpdj5cbiAgICAgICAgICA8Lz4pfVxuICAgICAgPC9Nb3VudFRyYW5zaXRpb24+KTtcbiAgICB9XG59XG5TaWRlQmFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlXG59O1xuZXhwb3J0IGRlZmF1bHQgU2lkZUJhcjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXIuanN4Lm1hcCJdfQ== */")));
+      }, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcImF1dG9cIiwgaGVpZ2h0OiBcIjEwMCVcIiB9fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hbmltYXRlZC5kaXY+XG4gICAgICAgICAgPC8+KX1cbiAgICAgIDwvTW91bnRUcmFuc2l0aW9uPik7XG4gICAgfVxufVxuU2lkZUJhci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZVxufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGVCYXI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLmpzeC5tYXAiXX0= */")));
       return /*#__PURE__*/React.createElement(MountTransition, Object.assign({
         visible: isOpen
       }, transitionProps), function (styles) {
@@ -3695,7 +3699,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
           className: "pi pi-close"
         }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
           style: {
-            overflowY: "scroll",
+            overflowY: "auto",
             height: "100%"
           }
         }, children)));