@widergy/energy-ui 3.110.4 → 3.111.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.111.0](https://github.com/widergy/energy-ui/compare/v3.110.4...v3.111.0) (2025-10-16)
+
+
+### Features
+
+* [AXCH-680] table changes for account association workflow ([#696](https://github.com/widergy/energy-ui/issues/696)) ([7146b2f](https://github.com/widergy/energy-ui/commit/7146b2f23ec2fc6aeb5d306aca1d01ada01241a6))
+
 ## [3.110.4](https://github.com/widergy/energy-ui/compare/v3.110.3...v3.110.4) (2025-10-16)
 
 

package/dist/components/UTTable/UTTable.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithRefresh = exports.WithPagination = exports.WithCustomRenderers = exports.WithActions = exports.TableHeaderV1WithSelection = exports.TableHeaderV1WithRefresh = exports.TableHeaderV1WithAutomaticRefresh = exports.TableHeaderV1WithActions = exports.TableHeaderV1Loading = exports.TableHeaderV1Basic = exports.TableHeaderV0WithReload = exports.TableHeaderV0Basic = exports.StickyHeader = exports.Selectable = exports.Playground = exports.NoPagination = exports.Loading = exports.FitColumnsWidth = exports.ExternalIntegration = exports.ExclusiveSelection = exports.EmptyState = exports.CustomSpacing = exports.CompleteExample = exports.ClickableRows = exports.Basic = void 0;
+exports.default = exports.WithRefresh = exports.WithPagination = exports.WithCustomRenderers = exports.WithActions = exports.TableHeaderV1WithSelection = exports.TableHeaderV1WithRefresh = exports.TableHeaderV1WithAutomaticRefresh = exports.TableHeaderV1WithActions = exports.TableHeaderV1Loading = exports.TableHeaderV1Basic = exports.TableHeaderV0WithReload = exports.TableHeaderV0Basic = exports.StickyHeader = exports.Selectable = exports.Playground = exports.NoPagination = exports.Loading = exports.FitColumnsWidth = exports.ExternalIntegration = exports.ExclusiveSelection = exports.EmptyState = exports.CustomSpacing = exports.CustomNoResults = exports.CompleteExample = exports.ClickableRows = exports.Basic = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("stories/utils");
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
@@ -343,6 +343,30 @@ var _default = exports.default = {
         }
       }
     },
+    hidePageSelector: {
+      control: 'boolean',
+      description: 'Oculta el selector de página en el pie de tabla.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    noResultsComponent: {
+      control: 'object',
+      description: 'Componente personalizado para mostrar cuando no hay resultados.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'ReactNode'
+        }
+      }
+    },
     withRefresh: {
       control: 'boolean',
       description: 'Muestra botón de actualizar.',
@@ -946,6 +970,39 @@ const TableHeaderV1Loading = exports.TableHeaderV1Loading = {
   },
   name: 'Header V1 - Estado de Carga'
 };
+const CustomNoResults = exports.CustomNoResults = {
+  args: {
+    data: [],
+    columns: basicColumns,
+    tableTitle: 'Tabla con Componente de No Resultados',
+    description: 'Tabla con un componente personalizado cuando no hay resultados',
+    noResultsComponent: /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        backgroundColor: '#f9f9f9',
+        borderRadius: '8px',
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+      name: "IconSearchOff",
+      size: "24",
+      colorTheme: "neutral"
+    }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+      weight: "bold",
+      style: {
+        marginTop: '20px',
+        fontSize: '1.5rem',
+        color: '#333'
+      }
+    }, "No se encontraron resultados"), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+      style: {
+        marginTop: '10px',
+        color: '#666',
+        maxWidth: '300px'
+      }
+    }, "Parece que no hay datos que coincidan con tu b\xFAsqueda o filtros actuales."))
+  },
+  name: 'noResults componente custom'
+};
 const Playground = exports.Playground = {
   args: {
     data: mockData.slice(0, 15),
@@ -965,7 +1022,9 @@ const Playground = exports.Playground = {
     disableAutoOrder: false,
     withRefresh: false,
     withAutomaticRefresh: false,
-    headerVersion: 'V0'
+    headerVersion: 'V0',
+    hidePageSelector: true,
+    noResultsComponent: undefined
   },
   name: 'Playground'
 };

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

@@ -73,6 +73,7 @@ const ActionIcons = _ref => {
       content: tooltipContent,
       key: key,
       stringContentClassName: _stylesModule.default.tooltip,
+      stringContentProps: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.stringContentProps,
       tippyProps: tippyProps
     }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_stylesModule.default.iconButton, " ").concat(classes.actionIconButton, " \n                  ").concat((isDisabled(rowData) || isLoading(rowData)) && _stylesModule.default.disabled, " ").concat(buttonClassName),

package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js

@@ -77,7 +77,7 @@ const Pagination = _ref => {
   const totalPages = rowsPerPage >= totalRows ? 1 : Math.ceil(totalRows / rowsPerPage);
   const pageList = (0, _utils.getPageNumbers)(totalPages, currentPage, isResponsive);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.pagination
+    className: "".concat(_stylesModule.default.pagination, " ").concat(classes.pagination || '')
   }, totalPages > _constants.PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
     classes: classes,
     className: _stylesModule.default.invertNavigationLabel,

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

@@ -21,13 +21,14 @@ const TableFooter = _ref => {
     onChangeRowPerPage,
     rowsPerPage,
     rowsPerPageOptions,
+    hidePageSelector = false,
     totalRows,
     totalRowsLabel,
     isResponsive
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.tableFooter
-  }, /*#__PURE__*/_react.default.createElement(_PageSizeSelector.default, {
+  }, !hidePageSelector && /*#__PURE__*/_react.default.createElement(_PageSizeSelector.default, {
     classes: classes,
     options: rowsPerPageOptions,
     rowsPerPage: rowsPerPage,
@@ -50,6 +51,7 @@ TableFooter.propTypes = {
   onChangeRowPerPage: _propTypes.func,
   rowsPerPage: _propTypes.number,
   rowsPerPageOptions: (0, _propTypes.arrayOf)(_propTypes.number),
+  hidePageSelector: _propTypes.bool,
   totalRows: _propTypes.number,
   totalRowsLabel: _propTypes.string,
   isResponsive: _propTypes.bool

package/dist/components/UTTable/components/TableHeader/versions/V1/index.js

@@ -143,7 +143,15 @@ const TableHeader = _ref => {
     popperProps: {
       disablePortal: true
     }
-  })) : Array.isArray(actions) && actions.map((actionConfig, index) => /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
+  })) : Array.isArray(actions) && actions.map((actionConfig, index) => actionConfig.tooltip ? /*#__PURE__*/_react.default.createElement(_UTTooltip.default, _extends({
+    className: actionConfig.tooltipClassName,
+    content: actionConfig.tooltip,
+    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".").concat(index) : '',
+    tippyProps: {
+      arrow: false,
+      placement: 'top'
+    }
+  }, actionConfig.tooltipProps), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, actionConfig))) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
     dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".").concat(index) : ''
   }, actionConfig)))));
 };

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

@@ -82,7 +82,7 @@ const TableRow = _ref => {
       width: isResponsive ? 'auto' : columnSizes.leftColumnsSize
     }
   }, selectable && /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n                ".concat(_stylesModule.default.checkBoxCell, "\n                ").concat(checkBoxSelected ? cellProps.classes.headerDecoratorSelected : cellProps.classes.headerDecoratorUnselected, "\n                ").concat(checkBoxClassName, "\n                ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              "),
+    className: "\n                ".concat(_stylesModule.default.checkBoxCell, "\n                ").concat(checkBoxSelected ? cellProps.classes.headerDecoratorSelected : cellProps.classes.headerDecoratorUnselected, "\n                ").concat(checkBoxClassName, "\n                ").concat(cellProps.classes.checkBoxCell, "\n                ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              "),
     style: rowStyles.selectCell
   }, /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
     content: (disableRowSelection === null || disableRowSelection === void 0 ? void 0 : disableRowSelection(cellProps.rowData, pageRows)) && (disabledRowSelectionTooltip === null || disabledRowSelectionTooltip === void 0 ? void 0 : disabledRowSelectionTooltip(cellProps.rowData, pageRows)),

package/dist/components/UTTable/index.js

@@ -70,12 +70,14 @@ const UTTable = _ref => {
     headerPadding = _constants.ROW_PADDING_NAMES.MEDIUM,
     headerSelectionComponentDataTestId,
     headerVersion,
+    hidePageSelector,
     initialOrder,
     initialSelectedRows = [],
     integrationType = _UTTable.INTEGRATION_TYPES.INTERNAL,
     loading,
     mobileBreakpoint = _constants.DEFAULT_MOBILE_BREAKPOINT,
     noResultDataTestId,
+    noResultsComponent,
     noResultsLabel = _constants.NO_RESULTS_LABEL,
     onOrderChange,
     onPageChange,
@@ -228,7 +230,7 @@ const UTTable = _ref => {
     style: {
       width: tableWidth
     }
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, noResultsComponent || /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.noResultsLabel,
     dataTestId: noResultDataTestId
   }, noResultsLabel)) : currentRows.map((row, index) => {
@@ -356,6 +358,7 @@ const UTTable = _ref => {
     handlePageChange: handlePageChange,
     isResponsive: isResponsive,
     onChangeRowPerPage: onChangeRowPerPage,
+    hidePageSelector: hidePageSelector,
     page: page,
     rowsPerPage: rowsPerPage,
     rowsPerPageOptions: rowsPerPageOptions,
@@ -409,6 +412,7 @@ UTTable.propTypes = {
   headerPadding: _propTypes.string,
   headerSelectionComponentDataTestId: _propTypes.string,
   headerVersion: _propTypes.string,
+  hidePageSelector: _propTypes.bool,
   initialOrder: (0, _propTypes.shape)({
     direction: _propTypes.string,
     key: _propTypes.string
@@ -418,6 +422,7 @@ UTTable.propTypes = {
   loading: _propTypes.bool,
   mobileBreakpoint: _propTypes.number,
   noResultDataTestId: _propTypes.string,
+  noResultsComponent: _propTypes.node,
   noResultsLabel: _propTypes.string,
   onOrderChange: _propTypes.func,
   onPageChange: _propTypes.func,

package/package.json

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