pebble-web 2.10.0 → 2.10.1

package/dist/pebble-web.es.dev.js

@@ -1048,20 +1048,19 @@ class DropDown extends PureComponent {
       isSelected,
       disabled,
       labelClassName,
+      controlled,
       onOutsideClick
     } = this.props;
-    const {
-      isOpen
-    } = this.state;
+    const _isDropDownOpen = controlled ? !!this.props.isOpen : this.state.isOpen;
     return /*#__PURE__*/createElement(OutsideClick, {
       className: cx(wrapperStyle$1, className),
       onOutsideClick: () => {
         this.setState({
           isOpen: false
         });
-        if (onOutsideClick) onOutsideClick(isOpen);
+        if (onOutsideClick) onOutsideClick(_isDropDownOpen);
       },
-      disabled: !isOpen
+      disabled: !_isDropDownOpen
     }, /*#__PURE__*/createElement(Manager, null, /*#__PURE__*/createElement(Reference, null, ({
       ref
     }) => /*#__PURE__*/createElement("div", {
@@ -1071,16 +1070,16 @@ class DropDown extends PureComponent {
       },
       ref: ref
     }, labelComponent ? labelComponent({
-      isOpen,
+      isOpen: _isDropDownOpen,
       toggleDropdown: this.toggleDropdown
     }) : /*#__PURE__*/createElement(DropDownButton, {
       isSelected: !!isSelected,
-      isOpen: isOpen,
+      isOpen: _isDropDownOpen,
       onClick: this.toggleDropdown,
       disabled: disabled,
       className: labelClassName
     }, buttonLabel))), /*#__PURE__*/createElement(MountTransition, {
-      visible: isOpen
+      visible: _isDropDownOpen
     }, transitionStyles => /*#__PURE__*/createElement(animated.div, {
       className: cx(dropDownStyle, dropDownClassName),
       style: {
@@ -1109,7 +1108,7 @@ class DropDown extends PureComponent {
         "data-placement": placement
       }, children({
         toggle: this.toggleDropdown,
-        isOpen: this.state.isOpen
+        isOpen: _isDropDownOpen
       }));
     })))));
   }
@@ -1466,7 +1465,10 @@ class DateInput extends PureComponent {
       errorMessage,
       placement,
       wrapperClassName,
-      initiallyOpen
+      initiallyOpen,
+      onOutsideClick,
+      controlled,
+      isOpen
     } = this.props;
     const _wrapperClassName = cx(wrapperStyle$3, wrapperClassName);
     const _dropDownClassName = cx(dropDownClassName, this.props.dropDownClassName);
@@ -1487,7 +1489,7 @@ class DateInput extends PureComponent {
         value: value,
         placeholder: placeholder,
         onClick: () => {
-          if (disabled) return;
+          if (disabled || controlled) return;
           toggleDropdown();
         },
         fixLabelAtTop: true
@@ -1503,7 +1505,10 @@ class DateInput extends PureComponent {
       className: _wrapperClassName,
       placement: placement,
       modifiers: modifiers,
-      initiallyOpen: initiallyOpen
+      initiallyOpen: initiallyOpen,
+      onOutsideClick: onOutsideClick,
+      controlled: controlled,
+      isOpen: isOpen
     }, ({
       toggle
     }) => /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Calendar, Object.assign({
@@ -1514,6 +1519,9 @@ class DateInput extends PureComponent {
       range: false,
       onChange: date => {
         this.onCalendarDateChange(date);
+        if (controlled) {
+          return;
+        }
         toggle();
       }
     })), errorMessage && /*#__PURE__*/createElement("div", {