pebble-web 2.9.3 → 2.10.1

package/dist/pebble-web.umd.js

@@ -1215,8 +1215,10 @@
     PebbleIcon["Add"] = "add";
     PebbleIcon["AddedDetails"] = "added-details";
     PebbleIcon["Admin"] = "admin";
+    PebbleIcon["AgreementLetter"] = "agreement-letter";
     PebbleIcon["AlertFilled"] = "alert-filled";
     PebbleIcon["Alert"] = "alert";
+    PebbleIcon["AllotmentLetter"] = "allotment-letter";
     PebbleIcon["Apps"] = "apps";
     PebbleIcon["ArrowBack"] = "arrow-back";
     PebbleIcon["ArrowDown"] = "arrow-down";
@@ -1382,6 +1384,7 @@
     PebbleIcon["Phone"] = "phone";
     PebbleIcon["Play"] = "play";
     PebbleIcon["Plus"] = "plus";
+    PebbleIcon["PossessionLetter"] = "possession-letter";
     PebbleIcon["Premium"] = "premium";
     PebbleIcon["Print"] = "print";
     PebbleIcon["PriorityChange"] = "priority-change";
@@ -1436,6 +1439,7 @@
     PebbleIcon["VpnKey"] = "vpn-key";
     PebbleIcon["WarningLine"] = "warning-line";
     PebbleIcon["Warning"] = "warning";
+    PebbleIcon["WelcomeLetter"] = "welcome-letter";
     PebbleIcon["WhatsappFilled"] = "whatsapp-filled";
     PebbleIcon["Whatsapp"] = "whatsapp";
   })(PebbleIcon || (PebbleIcon = {}));
@@ -9046,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", {
@@ -9066,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),
@@ -9103,7 +9108,7 @@
               "data-placement": placement
             }, children({
               toggle: _this2.toggleDropdown,
-              isOpen: _this2.state.isOpen
+              isOpen: _isDropDownOpen
             }));
           }));
         })));
@@ -11217,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, {
@@ -11237,7 +11245,7 @@
                 value: value,
                 placeholder: placeholder,
                 onClick: function onClick() {
-                  if (disabled) return;
+                  if (disabled || controlled) return;
                   toggleDropdown();
                 },
                 fixLabelAtTop: true
@@ -11255,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({
@@ -11266,6 +11277,9 @@
             range: false,
             onChange: function onChange(date) {
               _this2.onCalendarDateChange(date);
+              if (controlled) {
+                return;
+              }
               toggle();
             }
           })), errorMessage && /*#__PURE__*/React.createElement("div", {
@@ -11277,10 +11291,10 @@
       key: "getDerivedStateFromProps",
       value: function getDerivedStateFromProps(props, state) {
         var newState = null;
-        if (props.value && props.value !== state.propsValue) {
+        if (props.value !== state.propsValue) {
           newState = {
             propsValue: props.value,
-            stringInput: props.value && format(props.value, "dd/MM/yyyy") || ""
+            stringInput: props.value ? format(props.value, "dd/MM/yyyy") : ""
           };
         }
         return newState;
@@ -15626,7 +15640,8 @@
             placement = _this$props.placement,
             _label = _this$props.label,
             modifiers = _this$props.modifiers,
-            isError = _this$props.isError;
+            isError = _this$props.isError,
+            popperClassName = _this$props.popperClassName;
         return /*#__PURE__*/React.createElement(PebblePopper, {
           label: function label() {
             return _label({
@@ -15639,7 +15654,7 @@
           popperBackgroundColor: isError ? colors.red.base : colors.gray.darker,
           modifiers: modifiers,
           isOpen: this.props.isOpen || this.state.isOpen,
-          popperClassName: popperStyle$1,
+          popperClassName: cx(popperStyle$1, popperClassName),
           closeOnOutsideClick: false
         }, this.props.renderElement || this.defaultTooltip);
       }