@widergy/energy-ui 3.4.0 → 3.4.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.4.2](https://github.com/widergy/energy-ui/compare/v3.4.1...v3.4.2) (2024-02-27)
+
+
+### Bug Fixes
+
+* initial valid rows per page when integration type is external ([#425](https://github.com/widergy/energy-ui/issues/425)) ([2ce679f](https://github.com/widergy/energy-ui/commit/2ce679f0af51065fb6bd5de116f6450e0b4a620c))
+
+## [3.4.1](https://github.com/widergy/energy-ui/compare/v3.4.0...v3.4.1) (2024-02-23)
+
+
+### Bug Fixes
+
+* uttable responsive breakpoint fix ([#419](https://github.com/widergy/energy-ui/issues/419)) ([f6a16d7](https://github.com/widergy/energy-ui/commit/f6a16d7b2702078ebb8254bc3c6e49a74a0a9ddb))
+
 # [3.4.0](https://github.com/widergy/energy-ui/compare/v3.3.0...v3.4.0) (2024-02-23)
 
 

package/dist/components/UTTable/components/TableRow/index.js

@@ -59,7 +59,7 @@ const TableRow = _ref => {
   const selectableCellStyles = isResponsive ? "".concat(_stylesModule.default.secondaryActionsContainer, "\n      ").concat(cellProps.classes.responsiveCell, "\n      ").concat(hasActionsRow ? cellProps.classes.responsiveRowTopBorder : _stylesModule.default.hidden, "\n      ") : "\n\t".concat(_stylesModule.default.fixedRowLeft, "\n\t").concat(fixedRowsLeftClassName, "\n\t").concat((removeFixedRowsDivisors || (0, _array.isEmpty)(fixedLeftColumns)) && _stylesModule.default.disableBorderRight, "\n\t").concat(!selectable && (0, _array.isEmpty)(fixedLeftColumns) && _stylesModule.default.cleanFixedColumns, "\n");
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: handleRowClick,
-    className: "\n          ".concat(_stylesModule.default.row, "\n          ").concat((!handleRowClick || isResponsive) && _stylesModule.default.noClick, "\n          ").concat(isResponsive && cellProps.classes.responsiveRow, "\n          ").concat(className, "\n        "),
+    className: "\n          ".concat(_stylesModule.default.row, "\n          ").concat((!handleRowClick || isResponsive) && _stylesModule.default.noClick, "\n          ").concat(isResponsive && cellProps.classes.responsiveRow, "\n          ").concat(isResponsive && _stylesModule.default.responsiveRow, "\n          ").concat(className, "\n        "),
     style: containerStyle
   }, !isResponsive && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.stickyRowBackground
@@ -104,7 +104,7 @@ const TableRow = _ref => {
     rowData: cellProps.rowData,
     classes: cellProps.classes
   })))), !(0, _array.isEmpty)(secondaryColumns) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n              ".concat(_stylesModule.default.secondaryColumns, " \n              ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              ").concat(isResponsive && selectable && _stylesModule.default.hideTopBorder, "\n              ").concat(isResponsive && hasActionsRow && _stylesModule.default.fixBorderRadius, "\n            "),
+    className: "\n              ".concat(_stylesModule.default.secondaryColumns, "\n              ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              ").concat(isResponsive && selectable && _stylesModule.default.hideTopBorder, "\n              ").concat(isResponsive && hasActionsRow && _stylesModule.default.fixBorderRadius, "\n            "),
     style: {
       width: isResponsive ? 'auto' : columnSizes.secondaryColumnsSize
     }

package/dist/components/UTTable/components/TableRow/styles.module.scss

@@ -1,5 +1,3 @@
-@import '../../../../scss/variables/mediaQueries.module.scss';
-
 $selection-element-size: 42px;
 
 .row {
@@ -12,7 +10,7 @@ $selection-element-size: 42px;
     margin-bottom: 0 !important;
   }
 
-  @media #{$tablet-mobile} {
+  .responsiveRow & {
     margin-bottom: 24px !important;
   }
 }
@@ -40,7 +38,7 @@ $selection-element-size: 42px;
   @extend %fixedRow;
   left: 0;
 
-  @media #{$tablet-mobile} {
+  .responsiveRow & {
     border: 1;
   }
 }
@@ -70,7 +68,7 @@ $selection-element-size: 42px;
   align-items: center;
   display: flex;
 
-  @media #{$tablet-mobile} {
+  .responsiveRow & {
     &::before {
       content: '';
       height: 5px;
@@ -91,7 +89,8 @@ $selection-element-size: 42px;
 
 .checkboxColorPrimary {
   padding: 10px !important;
-  @media #{$tablet-mobile} {
+
+  .responsiveRow & {
     padding: 0 !important;
   }
 }
@@ -99,7 +98,7 @@ $selection-element-size: 42px;
 .secondaryColumns {
   display: flex;
 
-  @media #{$tablet-mobile} {
+  .responsiveRow & {
     flex-direction: column;
   }
 }

package/dist/components/UTTable/index.js

@@ -79,7 +79,7 @@ const UTTable = _ref => {
     totalRows,
     totalRowsLabel
   } = _ref;
-  const initialValidRowsPerPageOption = (0, _utils.getInitialValidRowsPerPage)(externalRowsPerPage, rowsPerPageOptions, data);
+  const initialValidRowsPerPageOption = (0, _utils.getInitialValidRowsPerPage)(externalRowsPerPage, rowsPerPageOptions, data, integrationType, totalRows);
   const initialValidPage = (0, _utils.getInitialValidPage)(externalPage, initialValidRowsPerPageOption, data, integrationType);
   const [order, setOrder] = (0, _react.useState)(initialOrder || {});
   const [rows, setRows] = (0, _react.useState)([]);
@@ -216,7 +216,7 @@ const UTTable = _ref => {
       },
       checkBoxOnChange: () => selectRow(row),
       checkBoxSelected: isSelected,
-      className: "".concat(_stylesModule.default.responsiveRow, " ").concat(isRowClickable && classes.rowContainerClickable, " ").concat(getRowClassName(row)),
+      className: "\n                  ".concat(isResponsive && _stylesModule.default.responsiveRow, "\n                  ").concat(isRowClickable && classes.rowContainerClickable, "\n                  ").concat(getRowClassName(row), "\n                "),
       columnsDefinition: columnsDefinition,
       columnSizes: columnSizes,
       containerStyle: {

package/dist/components/UTTable/styles.module.scss

@@ -1,5 +1,4 @@
 @import '../../scss/variables/colors.module.scss';
-@import '../../scss/variables/mediaQueries.module.scss';
 
 .table {
   position: relative;
@@ -64,8 +63,6 @@
 }
 
 .responsiveRow {
-  @media #{$tablet-mobile} {
-    display: flex;
-    flex-direction: column !important;
-  }
+  display: flex;
+  flex-direction: column !important;
 }

package/dist/components/UTTable/utils.js

@@ -136,9 +136,9 @@ const createRowStyles = (rowPadding, rowSpacing, headerPadding, isResponsive) =>
 exports.createRowStyles = createRowStyles;
 const getSelectableRowIds = (rows, rowKey, disableRowSelection) => (disableRowSelection ? rows.filter(_row => !disableRowSelection(_row)) : rows).map(_row => _row[rowKey]);
 exports.getSelectableRowIds = getSelectableRowIds;
-const getInitialValidRowsPerPage = (externalOption, originalOptions, data) => {
+const getInitialValidRowsPerPage = (externalOption, originalOptions, data, integrationType, totalRows) => {
   if (externalOption === undefined) return originalOptions[0];
-  const options = (0, _utils.getPageSizeOptions)(originalOptions, data.length).map(_ref2 => {
+  const options = (0, _utils.getPageSizeOptions)(originalOptions, integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? totalRows : data.length).map(_ref2 => {
     let {
       value
     } = _ref2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",