@stenajs-webui/grid 15.3.0 → 15.4.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v15.4.0 (Mon Apr 04 2022)
+
+#### 🚀 Enhancement
+
+- Added property hideBorderTop to TableRow [#441](https://github.com/StenaIT/stenajs-webui/pull/441) ([@esepato](https://github.com/esepato))
+
+#### Authors: 1
+
+- Markus Patoka ([@esepato](https://github.com/esepato))
+
+---
+
+# v15.3.2 (Thu Mar 31 2022)
+
+#### 🐛 Bug Fix
+
+- Wrong number of tds in summary row in StandardTable [#440](https://github.com/StenaIT/stenajs-webui/pull/440) ([@mattias800](https://github.com/mattias800))
+
+#### Authors: 1
+
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
 # v15.1.0 (Fri Feb 25 2022)
 
 #### 🚀 Enhancement

package/dist/config/TableConfig.d.ts

@@ -3,6 +3,7 @@ export declare const tableBorderColorExpanded = "var(--lhds-color-blue-500)";
 export declare const tableBackgroundColorExpanded = "var(--lhds-color-blue-50)";
 export declare const tableBackgroundHoverColorExpanded = "var(--lhds-color-blue-100)";
 export declare const tableBorder: string;
+export declare const tableBorderHidden = "1px solid transparent";
 export declare const tableBorderLeft = "var(--swui-expand-highlight-border-width) solid transparent";
 export declare const tableBorderLeftExpanded: string;
 export declare const defaultTableRowHeight = "40px";

package/dist/features/table-ui/components/table/TableRow.d.ts

@@ -1,6 +1,7 @@
 import { BoxProps } from "@stenajs-webui/core";
 import * as React from "react";
 interface Props extends BoxProps {
+    hideBorderTop?: boolean;
 }
 export declare const TableRow: React.FC<Props>;
 export {};

package/dist/features/table-ui/stories/TableUi.stories.d.ts

@@ -4,3 +4,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Overview: () => JSX.Element;
+export declare const WithBorderTopHidden: () => JSX.Element;

package/dist/index.es.js

@@ -131,6 +131,7 @@ var tableBorderColorExpanded = "var(--lhds-color-blue-500)";
 var tableBackgroundColorExpanded = "var(--lhds-color-blue-50)";
 var tableBackgroundHoverColorExpanded = "var(--lhds-color-blue-100)";
 var tableBorder = "1px solid " + tableBorderColor;
+var tableBorderHidden = "1px solid transparent";
 var tableBorderLeft = "var(--swui-expand-highlight-border-width) solid transparent";
 var tableBorderLeftExpanded = "var(--swui-expand-highlight-border-width) solid " + tableBorderColorExpanded;
 var defaultTableRowHeight = "40px";
@@ -247,8 +248,8 @@ var styles$4 = {"tableRow":"TableRow-module_tableRow__hS0Sh"};
 styleInject(css_248z$4);
 
 var TableRow = function (_a) {
-    var _b = _a.height, height = _b === void 0 ? defaultTableHeadRowHeight : _b, className = _a.className, boxProps = __rest(_a, ["height", "className"]);
-    return (React.createElement(Row, __assign({ borderTop: tableBorder, height: height, className: cx(styles$4.tableRow, className) }, boxProps)));
+    var hideBorderTop = _a.hideBorderTop, _b = _a.height, height = _b === void 0 ? defaultTableHeadRowHeight : _b, className = _a.className, boxProps = __rest(_a, ["hideBorderTop", "height", "className"]);
+    return (React.createElement(Row, __assign({ borderTop: hideBorderTop ? tableBorderHidden : tableBorder, height: height, className: cx(styles$4.tableRow, className) }, boxProps)));
 };
 
 var useRevertableValue = function (initialValue) {
@@ -1772,7 +1773,7 @@ var columnHasSummaryCell = function (columnConfig) {
     return Boolean(columnConfig.renderSummaryCell || columnConfig.summaryText);
 };
 
-var css_248z = ".StandardTableSummaryRow-module_summaryRow__1qAAJ td {\n    border-top: 1px solid var(--lhds-color-ui-500);\n    border-bottom: 1px solid var(--lhds-color-ui-500);\n  }\n";
+var css_248z = ".StandardTableSummaryRow-module_summaryRow__1qAAJ td {\n    border-top: 1px solid var(--lhds-color-ui-400);\n  }\n";
 var styles = {"summaryRow":"StandardTableSummaryRow-module_summaryRow__1qAAJ"};
 styleInject(css_248z);
 
@@ -1830,8 +1831,10 @@ var getColumnsLimitedWithColSpan = function (columnOrder, columns) {
 var StandardTableSummaryRow = React.memo(function StandardTableSummaryRow(_a) {
     var items = _a.items;
     var groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-    var _b = useStandardTableConfig(), showRowCheckbox = _b.showRowCheckbox, enableExpandCollapse = _b.enableExpandCollapse, columns = _b.columns;
+    var _b = useStandardTableConfig(), showRowCheckbox = _b.showRowCheckbox, enableExpandCollapse = _b.enableExpandCollapse, columns = _b.columns, rowIndent = _b.rowIndent;
     return (React.createElement("tr", { className: styles.summaryRow },
+        rowIndent && (React.createElement("td", null,
+            React.createElement(Indent, { num: rowIndent }))),
         enableExpandCollapse && React.createElement("td", null),
         showRowCheckbox && React.createElement("td", null),
         groupConfigsAndIds.map(function (_a, groupIndex) {
@@ -1840,7 +1843,10 @@ var StandardTableSummaryRow = React.memo(function StandardTableSummaryRow(_a) {
                 var columnId = _a.columnId, colSpan = _a.colSpan;
                 return (React.createElement(SummaryCell, { key: columnId, colSpan: colSpan, columnId: columnId, items: items, borderFromGroup: getCellBorderFromGroup(groupIndex, index, groupConfig.borderLeft), disableBorderLeft: groupIndex === 0 && index === 0 }));
             })));
-        })));
+        }),
+        rowIndent && (React.createElement("td", null,
+            React.createElement(Indent, { num: rowIndent }))),
+        React.createElement("td", null)));
 });
 
 var SummaryRowSwitcher = function SummaryRowSwitcher(_a) {
@@ -2258,5 +2264,5 @@ var createEditableTextCellWithStatus = function (warningOnEmpty, crudStatusProvi
         React.createElement(ModifiedField, { value: label, modifiedField: modifiedField, crudStatus: crudStatus, isEditable: isEditable, warningOnEmpty: warnOnEmpty })));
 }; };
 
-export { CrudStatusIndicator, EditableTextCellWithCrudAndModified, GridHooksContext, GridHooksTable, ModifiedField, SmallTableCell, SmallTableHead, StandardTable, StandardTableActionsContext, StandardTableCell, StandardTableCellUi, StandardTableConfigContext, StandardTableContent, StandardTableHeadRow, StandardTableRow, StandardTableRowCheckbox, StandardTableRowList, StandardTableStateContext, StandardTableTableIdContext, TableCell, TableColumnGroupHead, TableHeadItem, TableHeadRow, TableRow, TextCell, createColumnConfig, createEditableTextCellWithStatus, createGroupConfigAndIdsForRows, createInternalStandardTableActions, createStandardEditableTextCell, createStandardTableActions, createStandardTableInitialState, createStandardTableReducer, defaultTableHeadRowHeight, defaultTableRowHeight, focusOnCell, formatColumnIdToHeaderCellLabel, formatValueLabel, hasIndicatorContent, multitypeComparator, smallTableRowWidth, tableBackgroundColorExpanded, tableBackgroundHoverColorExpanded, tableBorder, tableBorderColor, tableBorderColorExpanded, tableBorderLeft, tableBorderLeftExpanded, useCellBackgroundByColumnConfig, useCellBackgroundByColumnId, useColumnConfigById, useColumnValueResolver, useEditableCell, useFirstColumnConfig, useGridCell, useGridNavigation, useGridNavigationOptionsFromContext, useLastColumnConfig, useLocalStateTableContext, useRevertableValue, useRowCheckbox, useStandardTableActions, useStandardTableConfig, useStandardTableId, useStandardTableState, useTableHeadCheckbox, useTableSortHeader };
+export { CrudStatusIndicator, EditableTextCellWithCrudAndModified, GridHooksContext, GridHooksTable, ModifiedField, SmallTableCell, SmallTableHead, StandardTable, StandardTableActionsContext, StandardTableCell, StandardTableCellUi, StandardTableConfigContext, StandardTableContent, StandardTableHeadRow, StandardTableRow, StandardTableRowCheckbox, StandardTableRowList, StandardTableStateContext, StandardTableTableIdContext, TableCell, TableColumnGroupHead, TableHeadItem, TableHeadRow, TableRow, TextCell, createColumnConfig, createEditableTextCellWithStatus, createGroupConfigAndIdsForRows, createInternalStandardTableActions, createStandardEditableTextCell, createStandardTableActions, createStandardTableInitialState, createStandardTableReducer, defaultTableHeadRowHeight, defaultTableRowHeight, focusOnCell, formatColumnIdToHeaderCellLabel, formatValueLabel, hasIndicatorContent, multitypeComparator, smallTableRowWidth, tableBackgroundColorExpanded, tableBackgroundHoverColorExpanded, tableBorder, tableBorderColor, tableBorderColorExpanded, tableBorderHidden, tableBorderLeft, tableBorderLeftExpanded, useCellBackgroundByColumnConfig, useCellBackgroundByColumnId, useColumnConfigById, useColumnValueResolver, useEditableCell, useFirstColumnConfig, useGridCell, useGridNavigation, useGridNavigationOptionsFromContext, useLastColumnConfig, useLocalStateTableContext, useRevertableValue, useRowCheckbox, useStandardTableActions, useStandardTableConfig, useStandardTableId, useStandardTableState, useTableHeadCheckbox, useTableSortHeader };
 //# sourceMappingURL=index.es.js.map