pebble-web 2.10.0 → 2.10.1

package/dist/pebble-web.umd.js

@@ -9050,17 +9050,18 @@
             isSelected = _this$props.isSelected,
             disabled = _this$props.disabled,
             labelClassName = _this$props.labelClassName,
+            controlled = _this$props.controlled,
             _onOutsideClick = _this$props.onOutsideClick;
-        var isOpen = this.state.isOpen;
+        var _isDropDownOpen = controlled ? !!this.props.isOpen : this.state.isOpen;
         return /*#__PURE__*/React.createElement(OutsideClick, {
           className: cx(wrapperStyle$1, className),
           onOutsideClick: function onOutsideClick() {
             _this2.setState({
               isOpen: false
             });
-            if (_onOutsideClick) _onOutsideClick(isOpen);
+            if (_onOutsideClick) _onOutsideClick(_isDropDownOpen);
           },
-          disabled: !isOpen
+          disabled: !_isDropDownOpen
         }, /*#__PURE__*/React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, function (_ref) {
           var ref = _ref.ref;
           return /*#__PURE__*/React.createElement("div", {
@@ -9070,17 +9071,17 @@
             },
             ref: ref
           }, labelComponent ? labelComponent({
-            isOpen: isOpen,
+            isOpen: _isDropDownOpen,
             toggleDropdown: _this2.toggleDropdown
           }) : /*#__PURE__*/React.createElement(DropDownButton, {
             isSelected: !!isSelected,
-            isOpen: isOpen,
+            isOpen: _isDropDownOpen,
             onClick: _this2.toggleDropdown,
             disabled: disabled,
             className: labelClassName
           }, buttonLabel));
         }), /*#__PURE__*/React.createElement(MountTransition, {
-          visible: isOpen
+          visible: _isDropDownOpen
         }, function (transitionStyles) {
           return /*#__PURE__*/React.createElement(renderprops_cjs_7.div, {
             className: cx(dropDownStyle, dropDownClassName),
@@ -9107,7 +9108,7 @@
               "data-placement": placement
             }, children({
               toggle: _this2.toggleDropdown,
-              isOpen: _this2.state.isOpen
+              isOpen: _isDropDownOpen
             }));
           }));
         })));
@@ -11221,7 +11222,10 @@
             errorMessage = _this$props.errorMessage,
             placement = _this$props.placement,
             wrapperClassName = _this$props.wrapperClassName,
-            initiallyOpen = _this$props.initiallyOpen;
+            initiallyOpen = _this$props.initiallyOpen,
+            onOutsideClick = _this$props.onOutsideClick,
+            controlled = _this$props.controlled,
+            isOpen = _this$props.isOpen;
         var _wrapperClassName = cx(wrapperStyle$3, wrapperClassName);
         var _dropDownClassName = cx(dropDownClassName, this.props.dropDownClassName);
         return /*#__PURE__*/React.createElement(DropDown, {
@@ -11241,7 +11245,7 @@
                 value: value,
                 placeholder: placeholder,
                 onClick: function onClick() {
-                  if (disabled) return;
+                  if (disabled || controlled) return;
                   toggleDropdown();
                 },
                 fixLabelAtTop: true
@@ -11259,7 +11263,10 @@
           className: _wrapperClassName,
           placement: placement,
           modifiers: modifiers$1,
-          initiallyOpen: initiallyOpen
+          initiallyOpen: initiallyOpen,
+          onOutsideClick: onOutsideClick,
+          controlled: controlled,
+          isOpen: isOpen
         }, function (_ref3) {
           var toggle = _ref3.toggle;
           return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Calendar, Object.assign({
@@ -11270,6 +11277,9 @@
             range: false,
             onChange: function onChange(date) {
               _this2.onCalendarDateChange(date);
+              if (controlled) {
+                return;
+              }
               toggle();
             }
           })), errorMessage && /*#__PURE__*/React.createElement("div", {