@fluentui/react-charting 4.22.3 → 4.22.4

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Wed, 24 Aug 2022 22:38:07 GMT",
+      "date": "Tue, 30 Aug 2022 00:05:22 GMT",
+      "tag": "@fluentui/react-charting_v4.22.4",
+      "version": "4.22.4",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Bump @uifabric/charting to v4.22.0",
+            "author": "mgodbolt@microsoft.com",
+            "commit": "b585aa5bdf7e57d5746598f9389aba9c6fc8d489",
+            "package": "@fluentui/react-charting"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 24 Aug 2022 22:39:29 GMT",
       "tag": "@fluentui/react-charting_v4.22.3",
       "version": "4.22.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Wed, 24 Aug 2022 22:38:07 GMT and should not be manually modified.
+This log was last generated on Tue, 30 Aug 2022 00:05:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [4.22.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v4.22.4)
+
+Tue, 30 Aug 2022 00:05:22 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v4.22.3..@fluentui/react-charting_v4.22.4)
+
+### Patches
+
+- Bump @uifabric/charting to v4.22.0 ([PR #24574](https://github.com/microsoft/fluentui/pull/24574) by mgodbolt@microsoft.com)
+
 ## [4.22.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v4.22.3)
 
-Wed, 24 Aug 2022 22:38:07 GMT 
+Wed, 24 Aug 2022 22:39:29 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v4.22.2..@fluentui/react-charting_v4.22.3)
 
 ### Patches

package/dist/react-charting.js

@@ -20773,7 +20773,7 @@ __webpack_require__.r(__webpack_exports__);
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 
-Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('@uifabric/charting', '4.21.13');
+Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('@uifabric/charting', '4.21.14');
 
 
 /***/ }),
@@ -53379,6 +53379,16 @@ var GroupHeaderBase = /** @class */ (function (_super) {
             }
         };
         _this._onRenderTitle = function (props) {
+            var group = props.group;
+            if (!group) {
+                return null;
+            }
+            var onRenderName = props.onRenderName
+                ? Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["composeRenderFunction"])(props.onRenderName, _this._onRenderName)
+                : _this._onRenderName;
+            return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: _this._classNames.title, id: _this._id, onClick: _this._onHeaderClick, role: "gridcell", "aria-colspan": _this.props.ariaColSpan, "data-selection-invoke": true }, onRenderName(props)));
+        };
+        _this._onRenderName = function (props) {
             var group = props.group;
             if (!group) {
                 return null;
@@ -53412,12 +53422,15 @@ var GroupHeaderBase = /** @class */ (function (_super) {
         // eslint-disable-next-line deprecation/deprecation
         _c = _a.isSelected, 
         // eslint-disable-next-line deprecation/deprecation
-        isSelected = _c === void 0 ? false : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, indentWidth = _a.indentWidth, _e = _a.onRenderTitle, onRenderTitle = _e === void 0 ? this._onRenderTitle : _e, onRenderGroupHeaderCheckbox = _a.onRenderGroupHeaderCheckbox, _f = _a.isCollapsedGroupSelectVisible, isCollapsedGroupSelectVisible = _f === void 0 ? true : _f, expandButtonProps = _a.expandButtonProps, expandButtonIcon = _a.expandButtonIcon, selectAllButtonProps = _a.selectAllButtonProps, theme = _a.theme, styles = _a.styles, className = _a.className, compact = _a.compact, ariaPosInSet = _a.ariaPosInSet, ariaSetSize = _a.ariaSetSize, useFastIcons = _a.useFastIcons;
+        isSelected = _c === void 0 ? false : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, indentWidth = _a.indentWidth, onRenderGroupHeaderCheckbox = _a.onRenderGroupHeaderCheckbox, _e = _a.isCollapsedGroupSelectVisible, isCollapsedGroupSelectVisible = _e === void 0 ? true : _e, expandButtonProps = _a.expandButtonProps, expandButtonIcon = _a.expandButtonIcon, selectAllButtonProps = _a.selectAllButtonProps, theme = _a.theme, styles = _a.styles, className = _a.className, compact = _a.compact, ariaPosInSet = _a.ariaPosInSet, ariaSetSize = _a.ariaSetSize, useFastIcons = _a.useFastIcons;
+        var onRenderTitle = this.props.onRenderTitle
+            ? Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["composeRenderFunction"])(this.props.onRenderTitle, this._onRenderTitle)
+            : this._onRenderTitle;
         var defaultCheckboxRender = useFastIcons ? this._fastDefaultCheckboxRender : this._defaultCheckboxRender;
         var onRenderCheckbox = onRenderGroupHeaderCheckbox
             ? Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["composeRenderFunction"])(onRenderGroupHeaderCheckbox, defaultCheckboxRender)
             : defaultCheckboxRender;
-        var _g = this.state, isCollapsed = _g.isCollapsed, isLoadingVisible = _g.isLoadingVisible;
+        var _f = this.state, isCollapsed = _f.isCollapsed, isLoadingVisible = _f.isLoadingVisible;
         var canSelectGroup = selectionMode === _Selection__WEBPACK_IMPORTED_MODULE_3__["SelectionMode"].multiple;
         var isSelectionCheckVisible = canSelectGroup && (isCollapsedGroupSelectVisible || !(group && group.isCollapsed));
         var currentlySelected = selected || isSelected;
@@ -53442,7 +53455,7 @@ var GroupHeaderBase = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { role: "gridcell" },
                     react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({ "data-is-focusable": false, type: "button", className: this._classNames.expand, onClick: this._onToggleClick, "aria-expanded": !this.state.isCollapsed }, expandButtonProps),
                         react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Icon__WEBPACK_IMPORTED_MODULE_5__["Icon"], { className: this._classNames.expandIsCollapsed, iconName: expandButtonIcon || (isRTL ? 'ChevronLeftMed' : 'ChevronRightMed') }))),
-                react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.title, id: this._id, onClick: this._onHeaderClick, role: "gridcell", "aria-colspan": this.props.ariaColSpan, "data-selection-invoke": true }, onRenderTitle(this.props, this._onRenderTitle)),
+                onRenderTitle(this.props),
                 isLoadingVisible && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Spinner__WEBPACK_IMPORTED_MODULE_7__["Spinner"], { label: loadingText }))));
     };
     GroupHeaderBase.prototype._defaultCheckboxRender = function (checkboxProps) {
@@ -83694,13 +83707,14 @@ var SelectionZone = /** @class */ (function (_super) {
         }
     };
     SelectionZone.prototype._onItemSurfaceClick = function (type, index, span) {
-        var _a = this.props, selection = _a.selection, toggleWithoutModifierPressed = _a.toggleWithoutModifierPressed;
+        var _a, _b;
+        var _c = this.props, selection = _c.selection, toggleWithoutModifierPressed = _c.toggleWithoutModifierPressed;
         var isToggleModifierPressed = this._isCtrlPressed || this._isMetaPressed;
         var selectionMode = this._getSelectionMode();
         if (selectionMode === _interfaces__WEBPACK_IMPORTED_MODULE_3__["SelectionMode"].multiple) {
             if (this._isShiftPressed && !this._isTabPressed) {
                 if (span !== undefined) {
-                    selection.selectToRange(index, span, !isToggleModifierPressed);
+                    (_b = (_a = selection).selectToRange) === null || _b === void 0 ? void 0 : _b.call(_a, index, span, !isToggleModifierPressed);
                 }
                 else {
                     selection.selectToIndex(index, !isToggleModifierPressed);
@@ -83760,14 +83774,15 @@ var SelectionZone = /** @class */ (function (_super) {
         }
     };
     SelectionZone.prototype._clearAndSelectIndex = function (index, span) {
-        var _a = this.props, selection = _a.selection, _b = _a.selectionClearedOnSurfaceClick, selectionClearedOnSurfaceClick = _b === void 0 ? true : _b;
+        var _a, _b;
+        var _c = this.props, selection = _c.selection, _d = _c.selectionClearedOnSurfaceClick, selectionClearedOnSurfaceClick = _d === void 0 ? true : _d;
         var isAlreadySingleSelected = (span === undefined || span === 1) && selection.getSelectedCount() === 1 && selection.isIndexSelected(index);
         if (!isAlreadySingleSelected && selectionClearedOnSurfaceClick) {
             var isModal = selection.isModal && selection.isModal();
             selection.setChangeEvents(false);
             selection.setAllSelected(false);
             if (span !== undefined) {
-                selection.setRangeSelected(index, span, true, true);
+                (_b = (_a = selection).setRangeSelected) === null || _b === void 0 ? void 0 : _b.call(_a, index, span, true, true);
             }
             else {
                 selection.setIndexSelected(index, true, true);
@@ -83945,7 +83960,7 @@ __webpack_require__.r(__webpack_exports__);
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 
-Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('office-ui-fabric-react', '7.195.0');
+Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('office-ui-fabric-react', '7.196.0');
 
 
 /***/ }),
@@ -94430,6 +94445,8 @@ var Selection = /** @class */ (function () {
         if (this.mode === _Selection_types__WEBPACK_IMPORTED_MODULE_0__["SelectionMode"].none) {
             return;
         }
+        // Clamp the index.
+        index = Math.min(Math.max(0, index), this._items.length - 1);
         // No-op on out of bounds selections.
         if (index < 0 || index >= this._items.length) {
             return;
@@ -94463,6 +94480,10 @@ var Selection = /** @class */ (function () {
         if (this.mode === _Selection_types__WEBPACK_IMPORTED_MODULE_0__["SelectionMode"].none) {
             return;
         }
+        // Clamp the index.
+        fromIndex = Math.min(Math.max(0, fromIndex), this._items.length - 1);
+        // Clamp the range.
+        count = Math.min(Math.max(0, count), this._items.length - fromIndex);
         // No-op on out of bounds selections.
         if (fromIndex < 0 || fromIndex >= this._items.length || count === 0) {
             return;
@@ -95267,7 +95288,7 @@ __webpack_require__.r(__webpack_exports__);
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 
-Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('@fluentui/react-charting', '4.22.2');
+Object(_uifabric_set_version__WEBPACK_IMPORTED_MODULE_0__["setVersion"])('@fluentui/react-charting', '4.22.3');
 
 
 /***/ }),