@widergy/energy-ui 3.173.3 → 3.174.0

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

@@ -1,173 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import isEmpty from 'lodash/isEmpty';
-import React, { Fragment, useEffect, useState } from 'react';
-import { arrayOf, bool, elementType, func, number, objectOf, oneOfType, shape, string } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import UTLabel from '../../../../../UTLabel';
-import UTTooltip from '../../../../../UTTooltip';
-import useScrollBasedMenu from '../../../../../../utils/hooks/use-scroll-based-menu';
-import { classesType } from '../../../../types';
-import ActionsMobile from './ActionsMobile';
-import styles from './styles.module.scss';
-import { reloadWindow } from './utils';
-const TableHeader = _ref => {
-  var _classes$wrapperHeade, _classes$textElements, _classes$titleAndDesc, _classes$selectedLabe, _classes$refreshAndAc;
-  let {
-    actions,
-    automaticRefreshDelay,
-    classes,
-    description,
-    isDesktop,
-    isMobile,
-    loading,
-    onRefresh = reloadWindow,
-    ongoingRefreshLabel,
-    refreshLabel,
-    selectedLabel,
-    tableHeaderDataTestId,
-    title,
-    withAutomaticRefresh,
-    withRefresh
-  } = _ref;
-  const {
-    anchor,
-    closeMenu,
-    openMenu,
-    ref: menuButtonRef
-  } = useScrollBasedMenu();
-  const [latestRefresh, setLatestRefresh] = useState(new Date());
-  const handleRefresh = () => {
-    onRefresh();
-  };
-  useEffect(() => {
-    if (!loading) {
-      setLatestRefresh(new Date());
-    }
-  }, [loading]);
-  useEffect(() => {
-    let automaticRefreshTimeOut;
-    if (withAutomaticRefresh) {
-      automaticRefreshTimeOut = setTimeout(() => {
-        closeMenu();
-        handleRefresh();
-      }, automaticRefreshDelay);
-    }
-    return () => clearTimeout(automaticRefreshTimeOut);
-  }, [latestRefresh]);
-  return /*#__PURE__*/React.createElement("section", {
-    className: "".concat(styles.wrapperHeader, " ").concat((_classes$wrapperHeade = classes.wrapperHeader) !== null && _classes$wrapperHeade !== void 0 ? _classes$wrapperHeade : ''),
-    "data-testid": tableHeaderDataTestId
-  }, /*#__PURE__*/React.createElement("article", {
-    className: "".concat(styles.textElements, " ").concat((_classes$textElements = classes.textElements) !== null && _classes$textElements !== void 0 ? _classes$textElements : '')
-  }, (isMobile || title || description || selectedLabel) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.titleAndDescription, " ").concat((_classes$titleAndDesc = classes.titleAndDescription) !== null && _classes$titleAndDesc !== void 0 ? _classes$titleAndDesc : '')
-  }, title && /*#__PURE__*/React.createElement(UTLabel, {
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".title") : '',
-    weight: "medium"
-  }, title), description && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".description") : '',
-    shade: "04",
-    variant: "small"
-  }, description), isMobile && selectedLabel && /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.selectedLabel, " ").concat((_classes$selectedLabe = classes.selectedLabel) !== null && _classes$selectedLabe !== void 0 ? _classes$selectedLabe : ''),
-    colorTheme: "accent",
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".selectedLabel") : '',
-    variant: "small",
-    weight: "medium"
-  }, selectedLabel)), !isMobile && selectedLabel && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "accent",
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".selectedLabel") : '',
-    variant: "small",
-    weight: "medium"
-  }, selectedLabel)), /*#__PURE__*/React.createElement("article", {
-    className: "".concat(styles.refreshAndActions, " ").concat((_classes$refreshAndAc = classes.refreshAndActions) !== null && _classes$refreshAndAc !== void 0 ? _classes$refreshAndAc : '')
-  }, withRefresh && /*#__PURE__*/React.createElement(React.Fragment, null, !isMobile && (loading ? /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".ongoingRefreshLabel") : '',
-    variant: "small",
-    weight: "medium"
-  }, ongoingRefreshLabel) : /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".refreshLabel") : '',
-    variant: "small",
-    weight: "medium"
-  }, refreshLabel)), /*#__PURE__*/React.createElement(UTTooltip, {
-    arrow: false,
-    content: isMobile && (loading ? /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "negative",
-      dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".ongoingRefreshLabel") : '',
-      variant: "small",
-      weight: "medium"
-    }, ongoingRefreshLabel) : /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "negative",
-      dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".refreshLabel") : '',
-      variant: "small",
-      weight: "medium"
-    }, refreshLabel)),
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".tooltip") : '',
-    tippyProps: {
-      placement: 'top'
-    }
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(UTButton, {
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".button") : '',
-    Icon: "IconReload",
-    onClick: handleRefresh,
-    size: "small",
-    variant: "text"
-  })))), Array.isArray(actions) && !isEmpty(actions) && !isDesktop ? /*#__PURE__*/React.createElement(ActionsMobile, {
-    actions: actions,
-    anchor: anchor,
-    classes: classes,
-    closeMenu: closeMenu,
-    menuButtonRef: menuButtonRef,
-    openMenu: openMenu,
-    tableHeaderDataTestId: tableHeaderDataTestId
-  }) : Array.isArray(actions) && actions.map((actionConfig, index) => actionConfig.tooltip ? /*#__PURE__*/React.createElement(UTTooltip, _extends({
-    className: actionConfig.tooltipClassName,
-    content: actionConfig.tooltip,
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".").concat(index) : '',
-    tippyProps: {
-      arrow: false,
-      placement: 'top'
-    }
-  }, actionConfig.tooltipProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTButton, actionConfig))) : /*#__PURE__*/React.createElement(UTButton, _extends({
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".").concat(index) : ''
-  }, actionConfig)))));
-};
-TableHeader.propTypes = {
-  actions: arrayOf(shape({
-    classes: objectOf(string),
-    classNames: objectOf(string),
-    colorTheme: string,
-    count: number,
-    dataTestId: string,
-    disabled: bool,
-    hideTextOnResponsive: bool,
-    Icon: oneOfType([elementType, string]),
-    iconPlacement: string,
-    isPrimary: bool,
-    LeftIcon: oneOfType([elementType, string]),
-    loading: bool,
-    onClick: func,
-    RightIcon: oneOfType([elementType, string]),
-    size: string,
-    type: string,
-    variant: string
-  })),
-  automaticRefreshDelay: number,
-  classes: classesType,
-  description: string,
-  isDesktop: bool,
-  isMobile: bool,
-  loading: bool,
-  onRefresh: func,
-  ongoingRefreshLabel: string,
-  refreshLabel: string,
-  selectedLabel: string,
-  tableHeaderDataTestId: string,
-  title: string,
-  withAutomaticRefresh: bool,
-  withRefresh: bool
-};
-export default TableHeader;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import isEmpty from"lodash/isEmpty";import React,{Fragment,useEffect,useState}from"react";import{arrayOf,bool,elementType,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import useScrollBasedMenu from"../../../../../../utils/hooks/use-scroll-based-menu";import{classesType}from"../../../../types";import ActionsMobile from"./ActionsMobile";import styles from"./styles.module.scss";import{reloadWindow}from"./utils";const TableHeader=e=>{var t,a,o,n,s;let{actions:l,automaticRefreshDelay:c,classes:r,description:i,isDesktop:m,isMobile:d,loading:p,onRefresh:T=reloadWindow,ongoingRefreshLabel:u,refreshLabel:b,selectedLabel:f,tableHeaderDataTestId:h,title:g,withAutomaticRefresh:y,withRefresh:R}=e;const{anchor:E,closeMenu:L,openMenu:v,ref:I}=useScrollBasedMenu(),[w,U]=useState(new Date),A=()=>{T()};return useEffect(()=>{p||U(new Date)},[p]),useEffect(()=>{let e;return y&&(e=setTimeout(()=>{L(),A()},c)),()=>clearTimeout(e)},[w]),React.createElement("section",{className:"".concat(styles.wrapperHeader," ").concat(null!==(t=r.wrapperHeader)&&void 0!==t?t:""),"data-testid":h},React.createElement("article",{className:"".concat(styles.textElements," ").concat(null!==(a=r.textElements)&&void 0!==a?a:"")},(d||g||i||f)&&React.createElement("div",{className:"".concat(styles.titleAndDescription," ").concat(null!==(o=r.titleAndDescription)&&void 0!==o?o:"")},g&&React.createElement(UTLabel,{dataTestId:h?"".concat(h,".title"):"",weight:"medium"},g),i&&React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".description"):"",shade:"04",variant:"small"},i),d&&f&&React.createElement(UTLabel,{className:"".concat(styles.selectedLabel," ").concat(null!==(n=r.selectedLabel)&&void 0!==n?n:""),colorTheme:"accent",dataTestId:h?"".concat(h,".selectedLabel"):"",variant:"small",weight:"medium"},f)),!d&&f&&React.createElement(UTLabel,{colorTheme:"accent",dataTestId:h?"".concat(h,".selectedLabel"):"",variant:"small",weight:"medium"},f)),React.createElement("article",{className:"".concat(styles.refreshAndActions," ").concat(null!==(s=r.refreshAndActions)&&void 0!==s?s:"")},R&&React.createElement(React.Fragment,null,!d&&(p?React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},u):React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".refreshLabel"):"",variant:"small",weight:"medium"},b)),React.createElement(UTTooltip,{arrow:!1,content:d&&(p?React.createElement(UTLabel,{colorTheme:"negative",dataTestId:h?"".concat(h,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},u):React.createElement(UTLabel,{colorTheme:"negative",dataTestId:h?"".concat(h,".refreshLabel"):"",variant:"small",weight:"medium"},b)),dataTestId:h?"".concat(h,".tooltip"):"",tippyProps:{placement:"top"}},React.createElement("span",null,React.createElement(UTButton,{dataTestId:h?"".concat(h,".button"):"",Icon:"IconReload",onClick:A,size:"small",variant:"text"})))),!Array.isArray(l)||isEmpty(l)||m?Array.isArray(l)&&l.map((e,t)=>e.tooltip?React.createElement(UTTooltip,_extends({className:e.tooltipClassName,content:e.tooltip,dataTestId:h?"".concat(h,".").concat(t):"",tippyProps:{arrow:!1,placement:"top"}},e.tooltipProps),React.createElement("div",null,React.createElement(UTButton,e))):React.createElement(UTButton,_extends({dataTestId:h?"".concat(h,".").concat(t):""},e))):React.createElement(ActionsMobile,{actions:l,anchor:E,classes:r,closeMenu:L,menuButtonRef:I,openMenu:v,tableHeaderDataTestId:h})))};TableHeader.propTypes={actions:arrayOf(shape({classes:objectOf(string),classNames:objectOf(string),colorTheme:string,count:number,dataTestId:string,disabled:bool,hideTextOnResponsive:bool,Icon:oneOfType([elementType,string]),iconPlacement:string,isPrimary:bool,LeftIcon:oneOfType([elementType,string]),loading:bool,onClick:func,RightIcon:oneOfType([elementType,string]),size:string,type:string,variant:string})),automaticRefreshDelay:number,classes:classesType,description:string,isDesktop:bool,isMobile:bool,loading:bool,onRefresh:func,ongoingRefreshLabel:string,refreshLabel:string,selectedLabel:string,tableHeaderDataTestId:string,title:string,withAutomaticRefresh:bool,withRefresh:bool};export default TableHeader;

package/dist/esm/components/UTTable/components/TableHeader/versions/V1/utils.js

@@ -1,28 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import UTIcon from '../../../../../UTIcon';
-export const reloadWindow = () => {
-  var _window;
-  (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 || _window.reload();
-};
-export const getMenuItems = (actions, closeMenu) => actions.map(action => {
-  const {
-    Icon,
-    iconProps,
-    LeftIcon,
-    onClick
-  } = action;
-  // Icon is deprecated in favor of LeftIcon
-  const resolvedIcon = LeftIcon !== null && LeftIcon !== void 0 ? LeftIcon : Icon;
-  return {
-    ...action,
-    Icon: resolvedIcon ? typeof resolvedIcon === 'string' ? () => /*#__PURE__*/React.createElement(UTIcon, _extends({
-      name: resolvedIcon
-    }, iconProps)) : resolvedIcon : undefined,
-    label: action.children,
-    onClick: () => {
-      onClick();
-      closeMenu();
-    }
-  };
-});
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},_extends.apply(null,arguments)}import React from"react";import UTIcon from"../../../../../UTIcon";export const reloadWindow=()=>{var n;null===(n=window)||void 0===n||null===(n=n.location)||void 0===n||n.reload()};export const getMenuItems=(n,e)=>n.map(n=>{const{Icon:o,iconProps:t,LeftIcon:r,onClick:c}=n,l=null!=r?r:o;return{...n,Icon:l?"string"==typeof l?()=>React.createElement(UTIcon,_extends({name:l},t)):l:void 0,label:n.children,onClick:()=>{c(),e()}}});

package/dist/esm/components/UTTable/components/TableRow/constants.js

@@ -1,5 +1 @@
-export const tippyProps = {
-  appendTo: () => document.body,
-  interactive: false,
-  maxWidth: 'none'
-};
+export const tippyProps={appendTo:()=>document.body,interactive:!1,maxWidth:"none"};

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

@@ -1,178 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import Checkbox from '@material-ui/core/Checkbox';
-import Radio from '@material-ui/core/Radio';
-import React, { memo } from 'react';
-import { arrayOf, bool, elementType, func, number, object, oneOfType, shape, string } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import ActionIcons from '../ActionIcons';
-import PrimaryAction from '../PrimaryAction';
-import UTTooltip from '../../../UTTooltip';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { ID_CONSTANTS } from '../../../../constants/testIds';
-import { COLUMN_POSITION } from '../../constants';
-import { columnSizesType } from '../../types';
-import styles from './styles.module.scss';
-import { hasVisibleActions } from './utils';
-import { tippyProps } from './constants';
-const {
-  CELL
-} = ID_CONSTANTS;
-const TableRow = _ref => {
-  let {
-    actionDataTestId,
-    CellComponent,
-    cellDataTestId,
-    cellProps,
-    checkBoxClassName,
-    checkBoxOnChange,
-    checkBoxSelected,
-    className,
-    columnSizes,
-    columnsDefinition,
-    containerStyle,
-    disableRowSelection,
-    disabledRowSelectionTooltip,
-    exclusiveSelection,
-    fixedRowsLeftClassName,
-    fixedRowsRightClassName,
-    handleRowClick,
-    isResponsive,
-    pageRows,
-    removeFixedRowsDivisors,
-    rowClassName,
-    rowStyles,
-    selectable,
-    selectionComponentDataTestId,
-    tableSize
-  } = _ref;
-  const {
-    fixedLeftColumns = [],
-    fixedRightColumns = [],
-    primaryActions = [],
-    secondaryActions = [],
-    secondaryColumns = []
-  } = columnsDefinition;
-  const SelectionComponent = exclusiveSelection ? Radio : Checkbox;
-  const hasActionsRow = selectable || hasVisibleActions(secondaryActions, cellProps.rowData);
-  const selectableCellStyles = isResponsive ? "".concat(styles.secondaryActionsContainer, "\n      ").concat(cellProps.classes.responsiveCell, "\n      ").concat(hasActionsRow ? cellProps.classes.responsiveRowTopBorder : styles.hidden, "\n      ").concat(selectable ? styles.secondaryActionsSelectable : '', "\n      ") : "\n\t".concat(styles.fixedRowLeft, "\n\t").concat(fixedRowsLeftClassName, "\n\t").concat((removeFixedRowsDivisors || isEmpty(fixedLeftColumns)) && styles.disableBorderRight, "\n\t").concat(!selectable && isEmpty(fixedLeftColumns) && styles.cleanFixedColumns, "\n");
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "\n        ".concat(styles.row, "\n        ").concat((!handleRowClick || isResponsive) && styles.noClick, "\n        ").concat(isResponsive && cellProps.classes.responsiveRow, "\n        ").concat(isResponsive && styles.responsiveRow, "\n        ").concat(className, "\n      "),
-    onClick: handleRowClick,
-    style: containerStyle
-  }, !isResponsive && /*#__PURE__*/React.createElement("div", {
-    className: styles.stickyRowBackground
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.rowBackground, " ").concat(rowClassName),
-    style: {
-      width: tableSize,
-      ...rowStyles.rowBackground
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: selectableCellStyles,
-    style: {
-      ...rowStyles.fixedRowsLeft,
-      width: isResponsive ? 'auto' : columnSizes.leftColumnsSize
-    }
-  }, selectable && /*#__PURE__*/React.createElement("div", {
-    className: "\n                ".concat(styles.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.createElement(UTTooltip, {
-    content: (disableRowSelection === null || disableRowSelection === void 0 ? void 0 : disableRowSelection(cellProps.rowData, pageRows)) && (disabledRowSelectionTooltip === null || disabledRowSelectionTooltip === void 0 ? void 0 : disabledRowSelectionTooltip(cellProps.rowData, pageRows)),
-    stringContentClassName: styles.disableSelectionTooltip,
-    tippyProps: tippyProps
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(SelectionComponent, {
-    classes: {
-      root: styles.checkBoxRoot,
-      colorPrimary: "".concat(styles.checkboxColorPrimary, " ").concat(cellProps.classes.checkBoxRoot),
-      checked: cellProps.classes.checkboxColorChecked
-    },
-    checked: checkBoxSelected,
-    color: "primary",
-    disabled: disableRowSelection && disableRowSelection(cellProps.rowData, pageRows),
-    inputProps: {
-      'data-testid': selectionComponentDataTestId
-    },
-    onChange: checkBoxOnChange
-  })))), fixedLeftColumns.map((column, i) => /*#__PURE__*/React.createElement(CellComponent, _extends({
-    actionDataTestId: actionDataTestId,
-    column: column,
-    columnSizes: columnSizes,
-    dataTestId: "".concat(cellDataTestId, ".fixedLeft.column_").concat(i, ".").concat(CELL),
-    key: "cell_".concat(column.key)
-  }, cellProps))), !isEmpty(secondaryActions) && /*#__PURE__*/React.createElement("div", {
-    className: styles.secondaryActions
-  }, secondaryActions.map(action => /*#__PURE__*/React.createElement(ActionIcons, {
-    classes: cellProps.classes,
-    column: action,
-    dataTestId: "".concat(actionDataTestId, ".tableRow."),
-    key: "action_".concat(action.key),
-    rowData: cellProps.rowData
-  })))), !isEmpty(secondaryColumns) && /*#__PURE__*/React.createElement("div", {
-    className: "\n              ".concat(styles.secondaryColumns, "\n              ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              ").concat(isResponsive && selectable && styles.hideTopBorder, "\n              ").concat(isResponsive && hasActionsRow && styles.fixBorderRadius, "\n            "),
-    style: {
-      width: isResponsive ? 'auto' : columnSizes.secondaryColumnsSize
-    }
-  }, secondaryColumns.map((column, index) => /*#__PURE__*/React.createElement(CellComponent, _extends({
-    actionDataTestId: actionDataTestId,
-    column: column,
-    columnSizes: columnSizes,
-    dataTestId: "".concat(cellDataTestId, ".secondary.column_").concat(index, ".").concat(CELL),
-    key: "cell_".concat(column.key)
-  }, cellProps, {
-    showBottomBorder: index === secondaryColumns.length - 1 && isEmpty(primaryActions),
-    rowStyles: rowStyles
-  }))), primaryActions.map((column, index) => /*#__PURE__*/React.createElement(PrimaryAction, _extends({
-    actionDataTestId: actionDataTestId,
-    column: column,
-    key: "cell_".concat(column.key)
-  }, cellProps, {
-    rowStyles: rowStyles,
-    showBottomBorder: index === primaryActions.length - 1,
-    showBottomRadius: index === primaryActions.length - 1
-  })))), !isResponsive && /*#__PURE__*/React.createElement("div", {
-    className: "\n            ".concat(styles.fixedRowRight, "\n            ").concat(fixedRowsRightClassName, "\n            ").concat((removeFixedRowsDivisors || isEmpty(fixedRightColumns)) && styles.disableBorderLeft, "\n            ").concat(isEmpty(fixedRightColumns) && styles.cleanFixedColumns, "\n          "),
-    style: {
-      ...rowStyles.fixedRowsRight,
-      width: columnSizes.rightColumnsSize
-    }
-  }, fixedRightColumns.map((column, i) => /*#__PURE__*/React.createElement(CellComponent, _extends({
-    actionDataTestId: actionDataTestId,
-    align: COLUMN_POSITION.RIGHT,
-    column: column,
-    columnSizes: columnSizes,
-    dataTestId: "".concat(cellDataTestId, ".fixedRight.column_").concat(i, ".").concat(CELL),
-    key: "cell_".concat(column.key)
-  }, cellProps)))));
-};
-TableRow.propTypes = {
-  actionDataTestId: string,
-  CellComponent: elementType,
-  cellDataTestId: string,
-  cellProps: object,
-  checkBoxClassName: string,
-  checkBoxOnChange: func,
-  checkBoxSelected: bool,
-  className: string,
-  columnsDefinition: shape({
-    fixedLeftColumns: arrayOf(object),
-    fixedRightColumns: arrayOf(object),
-    secondaryColumns: arrayOf(object)
-  }),
-  columnSizes: columnSizesType,
-  containerStyle: object,
-  disableRowSelection: oneOfType([func, bool]),
-  disabledRowSelectionTooltip: oneOfType([func, string]),
-  exclusiveSelection: bool,
-  fixedRowsLeftClassName: string,
-  fixedRowsRightClassName: string,
-  handleRowClick: func,
-  isResponsive: bool,
-  pageRows: arrayOf(object),
-  removeFixedRowsDivisors: bool,
-  rowClassName: string,
-  rowStyles: object,
-  selectable: bool,
-  selectionComponentDataTestId: string,
-  tableSize: oneOfType([number, string])
-};
-export default /*#__PURE__*/memo(TableRow);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var s in o)({}).hasOwnProperty.call(o,s)&&(e[s]=o[s])}return e},_extends.apply(null,arguments)}import Checkbox from"@material-ui/core/Checkbox";import Radio from"@material-ui/core/Radio";import React,{memo}from"react";import{arrayOf,bool,elementType,func,number,object,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import ActionIcons from"../ActionIcons";import PrimaryAction from"../PrimaryAction";import UTTooltip from"../../../UTTooltip";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{ID_CONSTANTS}from"../../../../constants/testIds";import{COLUMN_POSITION}from"../../constants";import{columnSizesType}from"../../types";import styles from"./styles.module.scss";import{hasVisibleActions}from"./utils";import{tippyProps}from"./constants";const{CELL:CELL}=ID_CONSTANTS,TableRow=e=>{let{actionDataTestId:t,CellComponent:o,cellDataTestId:s,cellProps:c,checkBoxClassName:a,checkBoxOnChange:n,checkBoxSelected:l,className:i,columnSizes:r,columnsDefinition:m,containerStyle:d,disableRowSelection:y,disabledRowSelectionTooltip:p,exclusiveSelection:u,fixedRowsLeftClassName:R,fixedRowsRightClassName:f,handleRowClick:h,isResponsive:C,pageRows:b,removeFixedRowsDivisors:w,rowClassName:T,rowStyles:x,selectable:k,selectionComponentDataTestId:g,tableSize:S}=e;const{fixedLeftColumns:E=[],fixedRightColumns:N=[],primaryActions:v=[],secondaryActions:I=[],secondaryColumns:D=[]}=m,B=u?Radio:Checkbox,O=k||hasVisibleActions(I,c.rowData),L=C?"".concat(styles.secondaryActionsContainer,"\n      ").concat(c.classes.responsiveCell,"\n      ").concat(O?c.classes.responsiveRowTopBorder:styles.hidden,"\n      ").concat(k?styles.secondaryActionsSelectable:"","\n      "):"\n\t".concat(styles.fixedRowLeft,"\n\t").concat(R,"\n\t").concat((w||isEmpty(E))&&styles.disableBorderRight,"\n\t").concat(!k&&isEmpty(E)&&styles.cleanFixedColumns,"\n");return React.createElement(UTTouchableWithoutFeedback,{className:"\n        ".concat(styles.row,"\n        ").concat((!h||C)&&styles.noClick,"\n        ").concat(C&&c.classes.responsiveRow,"\n        ").concat(C&&styles.responsiveRow,"\n        ").concat(i,"\n      "),onClick:h,style:d},!C&&React.createElement("div",{className:styles.stickyRowBackground},React.createElement("div",{className:"".concat(styles.rowBackground," ").concat(T),style:{width:S,...x.rowBackground}})),React.createElement("div",{className:L,style:{...x.fixedRowsLeft,width:C?"auto":r.leftColumnsSize}},k&&React.createElement("div",{className:"\n                ".concat(styles.checkBoxCell,"\n                ").concat(l?c.classes.headerDecoratorSelected:c.classes.headerDecoratorUnselected,"\n                ").concat(a,"\n                ").concat(c.classes.checkBoxCell,"\n                ").concat(C&&l&&c.classes.selectedResponsiveCell,"\n              "),style:x.selectCell},React.createElement(UTTooltip,{content:(null==y?void 0:y(c.rowData,b))&&(null==p?void 0:p(c.rowData,b)),stringContentClassName:styles.disableSelectionTooltip,tippyProps:tippyProps},React.createElement("span",null,React.createElement(B,{classes:{root:styles.checkBoxRoot,colorPrimary:"".concat(styles.checkboxColorPrimary," ").concat(c.classes.checkBoxRoot),checked:c.classes.checkboxColorChecked},checked:l,color:"primary",disabled:y&&y(c.rowData,b),inputProps:{"data-testid":g},onChange:n})))),E.map((e,a)=>React.createElement(o,_extends({actionDataTestId:t,column:e,columnSizes:r,dataTestId:"".concat(s,".fixedLeft.column_").concat(a,".").concat(CELL),key:"cell_".concat(e.key)},c))),!isEmpty(I)&&React.createElement("div",{className:styles.secondaryActions},I.map(e=>React.createElement(ActionIcons,{classes:c.classes,column:e,dataTestId:"".concat(t,".tableRow."),key:"action_".concat(e.key),rowData:c.rowData})))),!isEmpty(D)&&React.createElement("div",{className:"\n              ".concat(styles.secondaryColumns,"\n              ").concat(C&&l&&c.classes.selectedResponsiveCell,"\n              ").concat(C&&k&&styles.hideTopBorder,"\n              ").concat(C&&O&&styles.fixBorderRadius,"\n            "),style:{width:C?"auto":r.secondaryColumnsSize}},D.map((e,a)=>React.createElement(o,_extends({actionDataTestId:t,column:e,columnSizes:r,dataTestId:"".concat(s,".secondary.column_").concat(a,".").concat(CELL),key:"cell_".concat(e.key)},c,{showBottomBorder:a===D.length-1&&isEmpty(v),rowStyles:x}))),v.map((e,o)=>React.createElement(PrimaryAction,_extends({actionDataTestId:t,column:e,key:"cell_".concat(e.key)},c,{rowStyles:x,showBottomBorder:o===v.length-1,showBottomRadius:o===v.length-1})))),!C&&React.createElement("div",{className:"\n            ".concat(styles.fixedRowRight,"\n            ").concat(f,"\n            ").concat((w||isEmpty(N))&&styles.disableBorderLeft,"\n            ").concat(isEmpty(N)&&styles.cleanFixedColumns,"\n          "),style:{...x.fixedRowsRight,width:r.rightColumnsSize}},N.map((e,a)=>React.createElement(o,_extends({actionDataTestId:t,align:COLUMN_POSITION.RIGHT,column:e,columnSizes:r,dataTestId:"".concat(s,".fixedRight.column_").concat(a,".").concat(CELL),key:"cell_".concat(e.key)},c)))))};TableRow.propTypes={actionDataTestId:string,CellComponent:elementType,cellDataTestId:string,cellProps:object,checkBoxClassName:string,checkBoxOnChange:func,checkBoxSelected:bool,className:string,columnsDefinition:shape({fixedLeftColumns:arrayOf(object),fixedRightColumns:arrayOf(object),secondaryColumns:arrayOf(object)}),columnSizes:columnSizesType,containerStyle:object,disableRowSelection:oneOfType([func,bool]),disabledRowSelectionTooltip:oneOfType([func,string]),exclusiveSelection:bool,fixedRowsLeftClassName:string,fixedRowsRightClassName:string,handleRowClick:func,isResponsive:bool,pageRows:arrayOf(object),removeFixedRowsDivisors:bool,rowClassName:string,rowStyles:object,selectable:bool,selectionComponentDataTestId:string,tableSize:oneOfType([number,string])};export default memo(TableRow);

package/dist/esm/components/UTTable/components/TableRow/utils.js

@@ -1,8 +1 @@
-import { isEmpty } from '@widergy/web-utils/lib/array';
-export const hasVisibleActions = (secondaryActions, rowData) => !isEmpty(secondaryActions) && secondaryActions.some(secondaryAction => {
-  var _secondaryAction$acti;
-  return secondaryAction === null || secondaryAction === void 0 || (_secondaryAction$acti = secondaryAction.actions) === null || _secondaryAction$acti === void 0 ? void 0 : _secondaryAction$acti.some(action => {
-    var _action$isVisible;
-    return (_action$isVisible = action.isVisible) === null || _action$isVisible === void 0 ? void 0 : _action$isVisible.call(action, rowData);
-  });
-});
+import{isEmpty}from"@widergy/web-utils/lib/array";export const hasVisibleActions=(i,l)=>!isEmpty(i)&&i.some(i=>{var o;return null==i||null===(o=i.actions)||void 0===o?void 0:o.some(i=>{var o;return null===(o=i.isVisible)||void 0===o?void 0:o.call(i,l)})});

package/dist/esm/components/UTTable/constants.js

@@ -1,49 +1 @@
-export const COLUMN_SIZES = {
-  xsmall: 70,
-  small: 90,
-  medium: 120,
-  large: 160,
-  xlarge: 260,
-  xxlarge: 350
-};
-export const ROW_SIDE_PADDING = 16;
-export const CELL_SIDE_PADDING = 16;
-export const ROW_SPACING_NAMES = {
-  NONE: 'none',
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const ROW_PADDING_NAMES = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const ROW_SPACING = {
-  [ROW_SPACING_NAMES.NONE]: 0,
-  [ROW_SPACING_NAMES.SMALL]: 5,
-  [ROW_SPACING_NAMES.MEDIUM]: 10
-};
-export const ROW_PADDING = {
-  [ROW_PADDING_NAMES.SMALL]: 16,
-  [ROW_PADDING_NAMES.MEDIUM]: 24
-};
-export const COLUMN_POSITION = {
-  LEFT: 'left',
-  RIGHT: 'right'
-};
-export const ROWS_PER_PAGE = [10, 25, 50];
-export const ROWS_BORDER_SIZE = 1;
-export const TOTAL_ROWS_LABEL = 'resultados';
-export const TOTAL_ROW_LABEL = 'resultado';
-export const NO_RESULTS_LABEL = 'Aún no hay resultados';
-export const ROW_KEY = 'id';
-export const MAX_PAGINATION_ITEMS = 5;
-export const PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
-export const CELL_TYPES = {
-  STATUS: 'status',
-  ACTION_ICONS: 'action-icons',
-  ACTION_BUTTON: 'action-button',
-  TEXT: 'text'
-};
-export const CELL_ACTION_TYPES = [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON];
-export const DEFAULT_TABLET_BREAKPOINT = 1024;
-export const DEFAULT_MOBILE_BREAKPOINT = 768;
+export const COLUMN_SIZES={xsmall:70,small:90,medium:120,large:160,xlarge:260,xxlarge:350};export const ROW_SIDE_PADDING=16;export const CELL_SIDE_PADDING=16;export const ROW_SPACING_NAMES={NONE:"none",SMALL:"small",MEDIUM:"medium"};export const ROW_PADDING_NAMES={SMALL:"small",MEDIUM:"medium"};export const ROW_SPACING={[ROW_SPACING_NAMES.NONE]:0,[ROW_SPACING_NAMES.SMALL]:5,[ROW_SPACING_NAMES.MEDIUM]:10};export const ROW_PADDING={[ROW_PADDING_NAMES.SMALL]:16,[ROW_PADDING_NAMES.MEDIUM]:24};export const COLUMN_POSITION={LEFT:"left",RIGHT:"right"};export const ROWS_PER_PAGE=[10,25,50];export const ROWS_BORDER_SIZE=1;export const TOTAL_ROWS_LABEL="resultados";export const TOTAL_ROW_LABEL="resultado";export const NO_RESULTS_LABEL="Aún no hay resultados";export const ROW_KEY="id";export const PAGINATOR_VARIANTS={default:"default",simple:"simple"};export const CELL_TYPES={STATUS:"status",ACTION_ICONS:"action-icons",ACTION_BUTTON:"action-button",TEXT:"text"};export const CELL_ACTION_TYPES=[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON];export const DEFAULT_TABLET_BREAKPOINT=1024;export const DEFAULT_MOBILE_BREAKPOINT=768;

package/dist/esm/components/UTTable/hook.js

@@ -1,25 +1 @@
-import { useRef, useLayoutEffect, useState, useCallback } from 'react';
-export const useResizeObserver = () => {
-  const [observerEntry, setObserverEntry] = useState({});
-  const [node, setNode] = useState(null);
-  const observer = useRef(null);
-  const disconnect = useCallback(() => {
-    var _observer$current;
-    return (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
-  }, []);
-  const callback = _ref => {
-    let [entry] = _ref;
-    window.requestAnimationFrame(() => {
-      setObserverEntry(entry);
-    });
-  };
-  const observe = useCallback(() => {
-    observer.current = new ResizeObserver(callback);
-    if (node) observer.current.observe(node);
-  }, [node]);
-  useLayoutEffect(() => {
-    observe();
-    return () => disconnect();
-  }, [disconnect, observe]);
-  return [setNode, observerEntry];
-};
+import{useRef,useLayoutEffect,useState,useCallback}from"react";export const useResizeObserver=()=>{const[e,t]=useState({}),[r,u]=useState(null),s=useRef(null),n=useCallback(()=>{var e;return null===(e=s.current)||void 0===e?void 0:e.disconnect()},[]),a=e=>{let[r]=e;window.requestAnimationFrame(()=>{t(r)})},c=useCallback(()=>{s.current=new ResizeObserver(a),r&&s.current.observe(r)},[r]);return useLayoutEffect(()=>(c(),()=>n()),[n,c]),[u,e]};