pebble-web 2.3.0 → 2.4.1

package/dist/pebble-web.umd.js

@@ -11438,13 +11438,13 @@
 
   function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  var rowWrapper = /*#__PURE__*/css(_objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
+  var rowWrapper = /*#__PURE__*/css(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
     cursor: "pointer",
     padding: "12px 18px",
     position: "relative",
     lineHeight: "28px",
     zIndex: 999
-  }, textEllipsis), flexSpaceBetween), {}, {
+  }, textEllipsis), {}, {
     alignItems: "center",
     display: "flex",
     "&:last-of-type": {
@@ -11455,8 +11455,8 @@
     }
   }), ";label:rowWrapper;" + ( "" ));
   var labelWrap = /*#__PURE__*/css( {
-    name: "12vt42m-labelWrap",
-    styles: "user-select:none;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
+    name: "1glxdhg-labelWrap",
+    styles: "user-select:none;flex-grow:1;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
   } );
   var activeRow = /*#__PURE__*/css({
     backgroundColor: colors.gray.lightest
@@ -11477,7 +11477,8 @@
     rightElement: function rightElement(_ref) {
       var isSelected = _ref.isSelected,
           multiSelect = _ref.multiSelect,
-          indeterminate = _ref.indeterminate;
+          indeterminate = _ref.indeterminate,
+          iconClassName = _ref.iconClassName;
       var iconClass = cx("pi", {
         "pi-checkbox-selected": !indeterminate && isSelected,
         "pi-checkbox-unselected": !indeterminate && !isSelected,
@@ -11488,7 +11489,7 @@
         fontSize: "20px"
       }, ";label:iconClass;" + ( "" )));
       return multiSelect ? /*#__PURE__*/React.createElement("i", {
-        className: iconClass
+        className: cx(iconClass, iconClassName)
       }) : null;
     }
   };
@@ -11508,6 +11509,7 @@
             label = _this$props.label,
             isActive = _this$props.isActive,
             isSelected = _this$props.isSelected,
+            leftElement = _this$props.leftElement,
             rightElement = _this$props.rightElement,
             labelClassName = _this$props.labelClassName,
             className = _this$props.className;
@@ -11517,7 +11519,7 @@
           type: this.props.multiSelect ? "checkbox" : "radio",
           className: _class
         }), function () {
-          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, leftElement && leftElement(_this.props), /*#__PURE__*/React.createElement("div", {
             className: cx(labelWrap, labelClassName)
           }, label), rightElement(_this.props), /*#__PURE__*/React.createElement(Ink, null));
         });
@@ -12118,17 +12120,18 @@
       key: "render",
       value: function render() {
         var _this$props2 = this.props,
+            wrapClassName = _this$props2.wrapClassName,
             onApply = _this$props2.onApply,
             onClear = _this$props2.onClear,
             isSelected = _this$props2.isSelected,
             onChange = _this$props2.onChange,
-            rest = objectWithoutProperties(_this$props2, ["onApply", "onClear", "isSelected", "onChange"]);
+            rest = objectWithoutProperties(_this$props2, ["wrapClassName", "onApply", "onClear", "isSelected", "onChange"]);
         var advancedOptionsProps = _objectSpread$g({
           selectVisible: this.selectVisible,
           clearVisible: this.clearVisible
         }, this.props.advancedOptionsProps);
         return /*#__PURE__*/React.createElement("div", {
-          className: optionGroupCheckBoxWrap
+          className: cx(optionGroupCheckBoxWrap, wrapClassName)
         }, /*#__PURE__*/React.createElement(OptionGroup, Object.assign({}, rest, {
           advancedOptionsProps: advancedOptionsProps,
           isSelected: isSelected || this.isSelected,