@stenajs-webui/grid 17.1.0 → 17.2.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v17.1.2 (Mon Jun 27 2022)
+
+#### 🐛 Bug Fix
+
+- Fix misaligned StandardTable header when rowCheckbox is true and headerCheckbox is false [#469](https://github.com/StenaIT/stenajs-webui/pull/469) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
 # v17.0.0 (Fri Jun 17 2022)
 
 #### 💥 Breaking Change

package/dist/features/standard-table/stories/StandardTable.stories.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
 export default _default;
 export declare const Overview: () => JSX.Element;
 export declare const Variants: () => JSX.Element;
+export declare const WithoutCheckboxInHeader: () => JSX.Element;
 export declare const BackgroundResolver: () => JSX.Element;
 export declare const CellOnKeyDown: () => JSX.Element;
 export declare const NavigationBetweenTables: () => JSX.Element;

package/dist/index.es.js

@@ -2086,7 +2086,7 @@ var getTopPosition = function (headerRowOffsetTop, columnGroupOrder, height, sti
 var StandardTableHeadRow = React.memo(function StandardTableHeadRow(_a) {
     var items = _a.items, _b = _a.height, height = _b === void 0 ? defaultTableRowHeight : _b;
     var groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-    var _c = useStandardTableConfig(), showHeaderCheckbox = _c.showHeaderCheckbox, showHeaderExpandCollapse = _c.showHeaderExpandCollapse, enableExpandCollapse = _c.enableExpandCollapse, rowIndent = _c.rowIndent, headerRowOffsetTop = _c.headerRowOffsetTop, zIndex = _c.zIndex, stickyHeader = _c.stickyHeader, stickyCheckboxColumn = _c.stickyCheckboxColumn;
+    var _c = useStandardTableConfig(), showHeaderCheckbox = _c.showHeaderCheckbox, showHeaderExpandCollapse = _c.showHeaderExpandCollapse, enableExpandCollapse = _c.enableExpandCollapse, rowIndent = _c.rowIndent, headerRowOffsetTop = _c.headerRowOffsetTop, zIndex = _c.zIndex, stickyHeader = _c.stickyHeader, stickyCheckboxColumn = _c.stickyCheckboxColumn, showRowCheckbox = _c.showRowCheckbox;
     var columnGroupOrder = useColumnGroupOrderContext();
     var _d = useTableHeadExpandCollapse(items), allItemsAreExpanded = _d.allItemsAreExpanded, toggleExpanded = _d.toggleExpanded;
     var _e = useTableHeadCheckbox(items), allItemsAreSelected = _e.allItemsAreSelected, onClickCheckbox = _e.onClickCheckbox, selectionIsEmpty = _e.selectionIsEmpty;
@@ -2115,13 +2115,12 @@ var StandardTableHeadRow = React.memo(function StandardTableHeadRow(_a) {
             React.createElement(Row, { indent: rowIndent }))),
         enableExpandCollapse && (React.createElement("th", { style: __assign(__assign({}, stickyHeaderStyle), { left: "0px", textAlign: "left" }) },
             React.createElement(Row, { width: "var(--swui-expand-cell-width)", minWidth: "var(--swui-expand-cell-width)", alignItems: "center", justifyContent: "center" }, showHeaderExpandCollapse && (React.createElement(FlatButton, { size: "small", leftIcon: allItemsAreExpanded ? faChevronDown : faChevronRight, onClick: toggleExpanded }))))),
-        showHeaderCheckbox && (React.createElement("th", { style: __assign(__assign({}, stickyHeaderStyle), { overflow: "hidden", left: stickyCheckboxColumn && enableExpandCollapse
+        (showRowCheckbox || showHeaderCheckbox) && (React.createElement("th", { style: __assign(__assign({}, stickyHeaderStyle), { overflow: "hidden", left: stickyCheckboxColumn && enableExpandCollapse
                     ? "var(--swui-expand-cell-width)"
                     : stickyCheckboxColumn
                         ? "0px"
                         : undefined }) },
-            React.createElement(Row, { width: "var(--swui-checkbox-cell-width)", minWidth: "var(--swui-checkbox-cell-width)", alignItems: "center", justifyContent: "center" },
-                React.createElement(Checkbox, { size: "small", disabled: checkboxDisabled, value: allItemsAreSelected, indeterminate: !selectionIsEmpty && !allItemsAreSelected, onValueChange: onClickCheckbox })))),
+            React.createElement(Row, { width: "var(--swui-checkbox-cell-width)", minWidth: "var(--swui-checkbox-cell-width)", alignItems: "center", justifyContent: "center" }, showHeaderCheckbox && (React.createElement(Checkbox, { size: "small", disabled: checkboxDisabled, value: allItemsAreSelected, indeterminate: !selectionIsEmpty && !allItemsAreSelected, onValueChange: onClickCheckbox }))))),
         groupConfigsAndIds.map(function (_a, groupIndex) {
             var groupConfig = _a.groupConfig, groupId = _a.groupId;
             return (React.createElement(React.Fragment, { key: groupId }, groupConfig.columnOrder.map(function (columnId, index) {