@widergy/energy-ui 3.173.3 → 3.174.0

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

@@ -1,101 +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 CircularProgress from '@material-ui/core/CircularProgress';
-import React, { memo, useState, Fragment } from 'react';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { object, string } from 'prop-types';
-import UTIcon from '../../../UTIcon';
-import UTMenu from '../../../UTMenu';
-import UTTooltip from '../../../UTTooltip';
-import { columnType, classesType } from '../../types';
-import styles from './styles.module.scss';
-import { DEAULT_LOADING_SIZE } from './constants';
-const ActionIcons = _ref => {
-  let {
-    classes,
-    column,
-    dataTestId,
-    rowData
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Fragment, null, column.actions.map((_ref2, i) => {
-    let {
-      Icon,
-      buttonClassName,
-      disabledIconClassName,
-      disabledTooltip,
-      iconClassName,
-      iconName = '',
-      iconProps,
-      isDisabled = () => false,
-      isLoading = () => false,
-      isVisible = () => true,
-      key,
-      loadingClassName,
-      loadingSize = DEAULT_LOADING_SIZE,
-      menuItems = [],
-      onClick,
-      tooltip,
-      tooltipProps = {},
-      withMenuDivider
-    } = _ref2;
-    const [menuAnchor, setMenuAnchor] = useState();
-    const [menuRowContextData, setMenuRowConextData] = useState();
-    const openMenu = event => setMenuAnchor(event.currentTarget);
-    const closeMenu = () => setMenuAnchor();
-    const handleActionClick = (event, eventRowData) => {
-      if (isEmpty(menuItems)) onClick(eventRowData);else {
-        setMenuRowConextData({
-          ...eventRowData,
-          clickCallback: closeMenu
-        });
-        openMenu(event);
-      }
-    };
-    const visibleMenuItems = menuItems.filter(menuItem => !menuItem.isVisible || menuItem.isVisible(rowData)).map(menuItem => ({
-      ...menuItem,
-      disabled: menuItem.isDisabled && menuItem.isDisabled(rowData)
-    }));
-    const getDisabledTooltip = () => typeof disabledTooltip === 'function' ? disabledTooltip(rowData) : disabledTooltip;
-    const tooltipContent = isDisabled(rowData) && disabledTooltip ? getDisabledTooltip() : tooltip;
-    const tippyProps = {
-      appendTo: () => document.body,
-      interactive: false,
-      ...tooltipProps
-    };
-    return isVisible(rowData) && /*#__PURE__*/React.createElement(UTTooltip, {
-      content: tooltipContent,
-      key: key,
-      stringContentClassName: styles.tooltip,
-      stringContentProps: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.stringContentProps,
-      tippyProps: tippyProps
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(styles.iconButton, " ").concat(classes.actionIconButton, " \n                  ").concat((isDisabled(rowData) || isLoading(rowData)) && styles.disabled, " ").concat(buttonClassName),
-      "data-testid": "".concat(dataTestId, ".").concat(i),
-      onClick: event => handleActionClick(event, rowData),
-      role: "button"
-    }, isLoading(rowData) ? /*#__PURE__*/React.createElement(CircularProgress, {
-      className: "".concat(classes.actionLoading, " ").concat(loadingClassName),
-      size: loadingSize
-    }) : isEmpty(iconName) ? /*#__PURE__*/React.createElement(Icon, {
-      className: "\n                        ".concat(styles.actionIcon, "\n                        ").concat(classes.actionIcon, "\n                        ").concat(iconClassName, "\n                        ").concat(isDisabled(rowData) && disabledIconClassName)
-    }) : /*#__PURE__*/React.createElement(UTIcon, _extends({
-      name: iconName
-    }, iconProps, {
-      className: "".concat(iconClassName, " ").concat(isDisabled(rowData) ? disabledIconClassName : '', " ").concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '')
-    }))), !!menuAnchor && !isEmpty(menuItems) && /*#__PURE__*/React.createElement(UTMenu, {
-      anchor: menuAnchor,
-      contextData: menuRowContextData,
-      iconBefore: true,
-      items: visibleMenuItems,
-      onClose: closeMenu,
-      withDivider: withMenuDivider,
-      withMenuItem: true
-    })));
-  }));
-};
-ActionIcons.propTypes = {
-  classes: classesType,
-  column: columnType,
-  rowData: object,
-  dataTestId: string
-};
-export default /*#__PURE__*/memo(ActionIcons);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},_extends.apply(null,arguments)}import CircularProgress from"@material-ui/core/CircularProgress";import React,{memo,useState,Fragment}from"react";import{isEmpty}from"@widergy/web-utils/lib/array";import{object,string}from"prop-types";import UTIcon from"../../../UTIcon";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{columnType,classesType}from"../../types";import styles from"./styles.module.scss";import{DEAULT_LOADING_SIZE}from"./constants";const ActionIcons=t=>{let{classes:e,column:o,dataTestId:n,rowData:a}=t;return React.createElement(Fragment,null,o.actions.map((t,o)=>{let{Icon:s,buttonClassName:c,disabledIconClassName:i,disabledTooltip:r,iconClassName:l,iconName:m="",iconProps:p,isDisabled:u=()=>!1,isLoading:d=()=>!1,isVisible:y=()=>!0,key:T,loadingClassName:b,loadingSize:f=DEAULT_LOADING_SIZE,menuItems:g=[],onClick:I,tooltip:E,tooltipProps:C={},withMenuDivider:N}=t;const[D,U]=useState(),[v,P]=useState(),R=()=>U(),w=(t,e)=>{isEmpty(g)?I(e):(P({...e,clickCallback:R}),(t=>{U(t.currentTarget)})(t))},_=g.filter(t=>!t.isVisible||t.isVisible(a)).map(t=>({...t,disabled:t.isDisabled&&t.isDisabled(a)})),A=u(a)&&r?"function"==typeof r?r(a):r:E,h={appendTo:()=>document.body,interactive:!1,...C};return y(a)&&React.createElement(UTTooltip,{content:A,key:T,stringContentClassName:styles.tooltip,stringContentProps:null==C?void 0:C.stringContentProps,tippyProps:h},React.createElement("span",null,React.createElement("div",{className:"".concat(styles.iconButton," ").concat(e.actionIconButton," \n                  ").concat((u(a)||d(a))&&styles.disabled," ").concat(c),"data-testid":"".concat(n,".").concat(o),onClick:t=>w(t,a),role:"button"},d(a)?React.createElement(CircularProgress,{className:"".concat(e.actionLoading," ").concat(b),size:f}):isEmpty(m)?React.createElement(s,{className:"\n                        ".concat(styles.actionIcon,"\n                        ").concat(e.actionIcon,"\n                        ").concat(l,"\n                        ").concat(u(a)&&i)}):React.createElement(UTIcon,_extends({name:m},p,{className:"".concat(l," ").concat(u(a)?i:""," ").concat((null==p?void 0:p.className)||"")}))),!!D&&!isEmpty(g)&&React.createElement(UTMenu,{anchor:D,contextData:v,iconBefore:!0,items:_,onClose:R,withDivider:N,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:classesType,column:columnType,rowData:object,dataTestId:string};export default memo(ActionIcons);

package/dist/esm/components/UTTable/components/Cell/components/ActionButton/index.js

@@ -1,24 +1 @@
-import React, { memo } from 'react';
-import { object } from 'prop-types';
-import { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import UTButton from '../../../../../UTButton';
-import { columnType } from '../../../../types';
-const ActionButton = _ref => {
-  var _column$actions;
-  let {
-    column,
-    rowData
-  } = _ref;
-  const actionConfig = (_column$actions = column.actions) === null || _column$actions === void 0 ? void 0 : _column$actions[0];
-  return !objectIsEmpty(actionConfig) && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: actionConfig.buttonClassNames,
-    key: actionConfig.key,
-    onClick: () => actionConfig.onClick(rowData),
-    variant: "text"
-  }, actionConfig.text);
-};
-ActionButton.propTypes = {
-  column: columnType,
-  rowData: object
-};
-export default /*#__PURE__*/memo(ActionButton);
+import React,{memo}from"react";import{object}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTButton from"../../../../../UTButton";import{columnType}from"../../../../types";const ActionButton=t=>{var o;let{column:e,rowData:m}=t;const n=null===(o=e.actions)||void 0===o?void 0:o[0];return!objectIsEmpty(n)&&React.createElement(UTButton,{classNames:n.buttonClassNames,key:n.key,onClick:()=>n.onClick(m),variant:"text"},n.text)};ActionButton.propTypes={column:columnType,rowData:object};export default memo(ActionButton);

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

@@ -1,60 +1 @@
-import React, { memo } from 'react';
-import { object, string } from 'prop-types';
-import ActionIcons from '../ActionIcons';
-import Status from '../Status';
-import { CELL_TYPES, COLUMN_POSITION } from '../../constants';
-import { classesType, columnSizesType, columnType } from '../../types';
-import ActionButton from './components/ActionButton';
-import styles from './styles.module.scss';
-const Cell = _ref => {
-  let {
-    actionDataTestId,
-    align = COLUMN_POSITION.LEFT,
-    classes,
-    column,
-    columnSizes,
-    dataTestId,
-    defaultNullValue,
-    rowData,
-    style
-  } = _ref;
-  const cellAlignStyles = column.align ? styles["".concat(column.align, "Align")] : [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON].includes(column.type) ? styles.centerAlign : styles["".concat(align, "Align")];
-  const cellStyle = {
-    width: column.withoutPadding ? style.paddingLeft + style.paddingRight + columnSizes[column.key] : columnSizes[column.key],
-    ...style,
-    paddingBottom: column.withoutPadding ? 0 : style.paddingBottom,
-    paddingLeft: column.withoutPadding ? 0 : style.paddingLeft,
-    paddingRight: column.withoutPadding ? 0 : style.paddingRight,
-    paddingTop: column.withoutPadding ? 0 : style.paddingTop
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: " ".concat(styles.rowElement, " ").concat(cellAlignStyles, " ").concat(classes.rowCell),
-    "data-testid": dataTestId,
-    style: cellStyle
-  }, column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === CELL_TYPES.ACTION_BUTTON ? /*#__PURE__*/React.createElement(ActionButton, {
-    column: column,
-    rowData: rowData
-  }) : column.type === CELL_TYPES.ACTION_ICONS ? /*#__PURE__*/React.createElement(ActionIcons, {
-    classes: classes,
-    column: column,
-    dataTestId: actionDataTestId,
-    rowData: rowData
-  }) : column.type === CELL_TYPES.STATUS ? /*#__PURE__*/React.createElement(Status, {
-    classes: classes,
-    definition: column.status,
-    label: rowData[column.labelKey],
-    value: rowData[column.key]
-  }) : /*#__PURE__*/React.createElement("span", null, rowData[column.key] || defaultNullValue));
-};
-Cell.propTypes = {
-  actionDataTestId: string,
-  align: string,
-  classes: classesType,
-  column: columnType,
-  columnSizes: columnSizesType,
-  dataTestId: string,
-  defaultNullValue: string,
-  rowData: object,
-  style: object
-};
-export default /*#__PURE__*/memo(Cell);
+import React,{memo}from"react";import{object,string}from"prop-types";import ActionIcons from"../ActionIcons";import Status from"../Status";import{CELL_TYPES,COLUMN_POSITION}from"../../constants";import{classesType,columnSizesType,columnType}from"../../types";import ActionButton from"./components/ActionButton";import styles from"./styles.module.scss";const Cell=t=>{let{actionDataTestId:e,align:a=COLUMN_POSITION.LEFT,classes:n,column:o,columnSizes:s,dataTestId:l,defaultNullValue:c,rowData:i,style:d}=t;const r=o.align?styles["".concat(o.align,"Align")]:[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON].includes(o.type)?styles.centerAlign:styles["".concat(a,"Align")],m={width:o.withoutPadding?d.paddingLeft+d.paddingRight+s[o.key]:s[o.key],...d,paddingBottom:o.withoutPadding?0:d.paddingBottom,paddingLeft:o.withoutPadding?0:d.paddingLeft,paddingRight:o.withoutPadding?0:d.paddingRight,paddingTop:o.withoutPadding?0:d.paddingTop};return React.createElement("div",{className:" ".concat(styles.rowElement," ").concat(r," ").concat(n.rowCell),"data-testid":l,style:m},o.cellRenderer?o.cellRenderer(i[o.key],i):o.type===CELL_TYPES.ACTION_BUTTON?React.createElement(ActionButton,{column:o,rowData:i}):o.type===CELL_TYPES.ACTION_ICONS?React.createElement(ActionIcons,{classes:n,column:o,dataTestId:e,rowData:i}):o.type===CELL_TYPES.STATUS?React.createElement(Status,{classes:n,definition:o.status,label:i[o.labelKey],value:i[o.key]}):React.createElement("span",null,i[o.key]||c))};Cell.propTypes={actionDataTestId:string,align:string,classes:classesType,column:columnType,columnSizes:columnSizesType,dataTestId:string,defaultNullValue:string,rowData:object,style:object};export default memo(Cell);

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

@@ -1,4 +1 @@
-export const ORDER_DIRECTION = {
-  ASC: 'asc',
-  DESC: 'desc'
-};
+export const ORDER_DIRECTION={ASC:"asc",DESC:"desc"};

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

@@ -1,60 +1 @@
-import ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';
-import React, { memo } from 'react';
-import UnfoldMoreIcon from '@material-ui/icons/UnfoldMore';
-import { bool, func, object, shape, string } from 'prop-types';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { CELL_ACTION_TYPES, CELL_TYPES, COLUMN_POSITION } from '../../constants';
-import { classesType, columnSizesType, columnType } from '../../types';
-import styles from './styles.module.scss';
-import { getNewOrder } from './utils';
-import { ORDER_DIRECTION } from './constants';
-const HeaderCell = _ref => {
-  let {
-    align = COLUMN_POSITION.LEFT,
-    classes,
-    column,
-    columnSizes,
-    dataTestId,
-    handleOrder,
-    order,
-    removeDefaultOrderIcon,
-    style
-  } = _ref;
-  const handleClick = () => handleOrder(getNewOrder(order, column));
-  const OrderICon = order.key !== column.key ? UnfoldMoreIcon : ArrowUpwardIcon;
-  const cellAlignStyles = column.align ? styles["".concat(column.align, "Align")] : [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON].includes(column.type) ? styles.centerAlign : styles["".concat(align, "Align")];
-  const activeCell = order.key === column.key;
-  const isSortable = column.sortable && !CELL_ACTION_TYPES.includes(column.type);
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "\n      ".concat(styles.rowElement, "\n      ").concat(isSortable ? classes.headerCellHover : styles.disableClick, "\n      ").concat(cellAlignStyles, "\n      ").concat(classes.headerCell, "\n      ").concat(activeCell ? classes.headerActiveCell : classes.headerInactiveCell, "\n      "),
-    dataTestId: dataTestId,
-    onClick: isSortable ? handleClick : null,
-    style: {
-      width: columnSizes[column.key],
-      ...style
-    }
-  }, /*#__PURE__*/React.createElement("div", null, column.categoryName && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerCellCategoryName, " ").concat(classes.headerCellCategoryName)
-  }, column.categoryName), /*#__PURE__*/React.createElement("span", {
-    className: styles.headerCellName
-  }, column.name), column.unit && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.unit, " ").concat(classes.headerCellUnit)
-  }, column.unit)), isSortable && /*#__PURE__*/React.createElement(OrderICon, {
-    className: "\n            ".concat(styles.orderIcon, "\n            ").concat(classes.orderIcon, "\n            ").concat(order.key !== column.key && removeDefaultOrderIcon && styles.hideIcon, "\n            ").concat(order.direction === ORDER_DIRECTION.DESC && styles.invertArrow, "\n          ")
-  }));
-};
-HeaderCell.propTypes = {
-  align: string,
-  classes: classesType,
-  column: columnType,
-  columnSizes: columnSizesType,
-  dataTestId: string,
-  handleOrder: func,
-  order: shape({
-    key: string,
-    direction: string
-  }),
-  removeDefaultOrderIcon: bool,
-  style: object
-};
-export default /*#__PURE__*/memo(HeaderCell);
+import ArrowUpwardIcon from"@material-ui/icons/ArrowUpward";import React,{memo}from"react";import UnfoldMoreIcon from"@material-ui/icons/UnfoldMore";import{bool,func,object,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{CELL_ACTION_TYPES,CELL_TYPES,COLUMN_POSITION}from"../../constants";import{classesType,columnSizesType,columnType}from"../../types";import styles from"./styles.module.scss";import{getNewOrder}from"./utils";import{ORDER_DIRECTION}from"./constants";const HeaderCell=e=>{let{align:t=COLUMN_POSITION.LEFT,classes:o,column:a,columnSizes:c,dataTestId:l,handleOrder:r,order:n,removeDefaultOrderIcon:s,style:i}=e;const m=n.key!==a.key?UnfoldMoreIcon:ArrowUpwardIcon,d=a.align?styles["".concat(a.align,"Align")]:[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON].includes(a.type)?styles.centerAlign:styles["".concat(t,"Align")],y=n.key===a.key,p=a.sortable&&!CELL_ACTION_TYPES.includes(a.type);return React.createElement(UTTouchableWithoutFeedback,{className:"\n      ".concat(styles.rowElement,"\n      ").concat(p?o.headerCellHover:styles.disableClick,"\n      ").concat(d,"\n      ").concat(o.headerCell,"\n      ").concat(y?o.headerActiveCell:o.headerInactiveCell,"\n      "),dataTestId:l,onClick:p?()=>r(getNewOrder(n,a)):null,style:{width:c[a.key],...i}},React.createElement("div",null,a.categoryName&&React.createElement("div",{className:"".concat(styles.headerCellCategoryName," ").concat(o.headerCellCategoryName)},a.categoryName),React.createElement("span",{className:styles.headerCellName},a.name),a.unit&&React.createElement("div",{className:"".concat(styles.unit," ").concat(o.headerCellUnit)},a.unit)),p&&React.createElement(m,{className:"\n            ".concat(styles.orderIcon,"\n            ").concat(o.orderIcon,"\n            ").concat(n.key!==a.key&&s&&styles.hideIcon,"\n            ").concat(n.direction===ORDER_DIRECTION.DESC&&styles.invertArrow,"\n          ")}))};HeaderCell.propTypes={align:string,classes:classesType,column:columnType,columnSizes:columnSizesType,dataTestId:string,handleOrder:func,order:shape({key:string,direction:string}),removeDefaultOrderIcon:bool,style:object};export default memo(HeaderCell);

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

@@ -1,9 +1 @@
-import { ORDER_DIRECTION } from './constants';
-export const getNewOrder = (order, column) => {
-  if (order.key === column.key && order.direction === ORDER_DIRECTION.DESC) return {};
-  const direction = order.key === column.key && order.direction === ORDER_DIRECTION.ASC ? ORDER_DIRECTION.DESC : ORDER_DIRECTION.ASC;
-  return {
-    direction,
-    key: column.key
-  };
-};
+import{ORDER_DIRECTION}from"./constants";export const getNewOrder=(e,R)=>{if(e.key===R.key&&e.direction===ORDER_DIRECTION.DESC)return{};return{direction:e.key===R.key&&e.direction===ORDER_DIRECTION.ASC?ORDER_DIRECTION.DESC:ORDER_DIRECTION.ASC,key:R.key}};

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

@@ -1,37 +1 @@
-import React from 'react';
-import { bool, object, objectOf, string } from 'prop-types';
-import ActionIcons from '../ActionIcons';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { columnType } from '../../types';
-import styles from './styles.module.scss';
-const PrimaryAction = _ref => {
-  let {
-    actionDataTestId,
-    classes,
-    column,
-    rowData,
-    showBottomBorder
-  } = _ref;
-  const {
-    onClick
-  } = column;
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(classes.actionCell, " ").concat(showBottomBorder ? "".concat(styles.lastCellContainer, " ").concat(classes.lastCellContainer) : styles.cellContainer),
-    onClick: () => onClick(rowData)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.columnName
-  }, " ", column.name, " "), column.actions && /*#__PURE__*/React.createElement(ActionIcons, {
-    classes: classes,
-    column: column,
-    dataTestId: "".concat(actionDataTestId, ".primaryAction"),
-    rowData: rowData
-  }));
-};
-PrimaryAction.propTypes = {
-  actionDataTestId: string,
-  classes: objectOf(string),
-  column: columnType,
-  rowData: object,
-  showBottomBorder: bool
-};
-export default PrimaryAction;
+import React from"react";import{bool,object,objectOf,string}from"prop-types";import ActionIcons from"../ActionIcons";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{columnType}from"../../types";import styles from"./styles.module.scss";const PrimaryAction=t=>{let{actionDataTestId:o,classes:e,column:c,rowData:a,showBottomBorder:s}=t;const{onClick:n}=c;return React.createElement(UTTouchableWithoutFeedback,{className:"".concat(e.actionCell," ").concat(s?"".concat(styles.lastCellContainer," ").concat(e.lastCellContainer):styles.cellContainer),onClick:()=>n(a)},React.createElement("span",{className:styles.columnName}," ",c.name," "),c.actions&&React.createElement(ActionIcons,{classes:e,column:c,dataTestId:"".concat(o,".primaryAction"),rowData:a}))};PrimaryAction.propTypes={actionDataTestId:string,classes:objectOf(string),column:columnType,rowData:object,showBottomBorder:bool};export default PrimaryAction;

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

@@ -1,51 +1 @@
-import React, { Fragment } from 'react';
-import { object, bool, string } from 'prop-types';
-import { columnType, classesType } from '../../types';
-import { COLUMN_SIZES, CELL_TYPES } from '../../constants';
-import Status from '../Status';
-import styles from './styles.module.scss';
-const ResponsiveCell = _ref => {
-  let {
-    classes,
-    column,
-    dataTestId,
-    defaultNullValue,
-    rowData,
-    rowStyles,
-    showBottomBorder
-  } = _ref;
-  const isBigCell = COLUMN_SIZES[column.size] > COLUMN_SIZES.medium || column.cellRenderer && !column.asRowInResponsive || column.type === CELL_TYPES.STATUS;
-  return /*#__PURE__*/React.createElement(Fragment, null, column.categoryName && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.categoryName, " ").concat(classes.categoryNameCell),
-    style: {
-      ...rowStyles.responsiveCell
-    }
-  }, column.categoryName), /*#__PURE__*/React.createElement("div", {
-    "data-testid": dataTestId,
-    className: "".concat(showBottomBorder ? "".concat(styles.lastCellContainer, " ").concat(classes.lastCellContainer) : styles.cellContainer, " ").concat(classes.responsiveCell, " ").concat(isBigCell ? styles.bigCell : styles.smallCell),
-    style: {
-      ...rowStyles.responsiveCell
-    }
-  }, (column.name || column.unit) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(isBigCell ? styles.bigCellInfoContainer : styles.infoContainer, " ").concat(classes.responsiveCellTitle)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.columnName
-  }, column.name), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.unit, " ").concat(classes.headerCellUnit)
-  }, " ", column.unit, " ")), column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === CELL_TYPES.STATUS ? /*#__PURE__*/React.createElement(Status, {
-    classes: classes,
-    definition: column.status,
-    label: rowData[column.labelKey],
-    value: rowData[column.key]
-  }) : typeof rowData[column.key] !== 'string' ? rowData[column.key] || defaultNullValue : /*#__PURE__*/React.createElement("span", null, rowData[column.key] || defaultNullValue)));
-};
-ResponsiveCell.propTypes = {
-  column: columnType,
-  classes: classesType,
-  rowData: object,
-  rowStyles: object,
-  showBottomBorder: bool,
-  defaultNullValue: string,
-  dataTestId: string
-};
-export default ResponsiveCell;
+import React,{Fragment}from"react";import{object,bool,string}from"prop-types";import{columnType,classesType}from"../../types";import{COLUMN_SIZES,CELL_TYPES}from"../../constants";import Status from"../Status";import styles from"./styles.module.scss";const ResponsiveCell=e=>{let{classes:t,column:l,dataTestId:s,defaultNullValue:a,rowData:o,rowStyles:n,showBottomBorder:c}=e;const r=COLUMN_SIZES[l.size]>COLUMN_SIZES.medium||l.cellRenderer&&!l.asRowInResponsive||l.type===CELL_TYPES.STATUS;return React.createElement(Fragment,null,l.categoryName&&React.createElement("span",{className:"".concat(styles.categoryName," ").concat(t.categoryNameCell),style:{...n.responsiveCell}},l.categoryName),React.createElement("div",{"data-testid":s,className:"".concat(c?"".concat(styles.lastCellContainer," ").concat(t.lastCellContainer):styles.cellContainer," ").concat(t.responsiveCell," ").concat(r?styles.bigCell:styles.smallCell),style:{...n.responsiveCell}},(l.name||l.unit)&&React.createElement("div",{className:"".concat(r?styles.bigCellInfoContainer:styles.infoContainer," ").concat(t.responsiveCellTitle)},React.createElement("span",{className:styles.columnName},l.name),React.createElement("span",{className:"".concat(styles.unit," ").concat(t.headerCellUnit)}," ",l.unit," ")),l.cellRenderer?l.cellRenderer(o[l.key],o):l.type===CELL_TYPES.STATUS?React.createElement(Status,{classes:t,definition:l.status,label:o[l.labelKey],value:o[l.key]}):"string"!=typeof o[l.key]?o[l.key]||a:React.createElement("span",null,o[l.key]||a)))};ResponsiveCell.propTypes={column:columnType,classes:classesType,rowData:object,rowStyles:object,showBottomBorder:bool,defaultNullValue:string,dataTestId:string};export default ResponsiveCell;

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

@@ -1,38 +1 @@
-import React, { memo } from 'react';
-import { arrayOf, string, shape, oneOfType, bool } from 'prop-types';
-import { stringCompare } from '@widergy/web-utils/lib/string';
-import styles from './styles.module.scss';
-const Status = _ref => {
-  let {
-    definition,
-    label,
-    value
-  } = _ref;
-  const isBool = typeof value === 'boolean';
-  const currentDefinition = (isBool || value) && definition.find(el => isBool ? el.value === value : el.value && stringCompare(el.value, value));
-  const {
-    className,
-    label: definitionLabel,
-    Icon,
-    iconClassName,
-    labelClassName
-  } = currentDefinition || {};
-  return currentDefinition && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.statusContainer, " ").concat(className)
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    className: iconClassName
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.statusLabel, " ").concat(labelClassName)
-  }, definitionLabel || label || value));
-};
-Status.propTypes = {
-  definition: arrayOf(shape({
-    value: oneOfType([bool, string]),
-    label: string,
-    backgroundColor: string,
-    textColor: string
-  })),
-  label: string,
-  value: oneOfType([bool, string])
-};
-export default /*#__PURE__*/memo(Status);
+import React,{memo}from"react";import{arrayOf,string,shape,oneOfType,bool}from"prop-types";import{stringCompare}from"@widergy/web-utils/lib/string";import styles from"./styles.module.scss";const Status=e=>{let{definition:t,label:a,value:s}=e;const o="boolean"==typeof s,l=(o||s)&&t.find(e=>o?e.value===s:e.value&&stringCompare(e.value,s)),{className:r,label:n,Icon:i,iconClassName:c,labelClassName:m}=l||{};return l&&React.createElement("div",{className:"".concat(styles.statusContainer," ").concat(r)},i&&React.createElement(i,{className:c}),React.createElement("span",{className:"".concat(styles.statusLabel," ").concat(m)},n||a||s))};Status.propTypes={definition:arrayOf(shape({value:oneOfType([bool,string]),label:string,backgroundColor:string,textColor:string})),label:string,value:oneOfType([bool,string])};export default memo(Status);

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

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const TableHeader = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-TableHeader.propTypes = {
-  version: string
-};
-export default TableHeader;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const TableHeader=e=>{let{version:r="V0",...t}=e;const o={V0:V0,V1:V1}[r];return React.createElement(o,t)};TableHeader.propTypes={version:string};export default TableHeader;

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

@@ -1,60 +1 @@
-import React, { memo } from 'react';
-import { func, node, string, bool } from 'prop-types';
-var RefreshIcon = function RefreshIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fill: "#FF6026",
-    d: "M17.303 10.426a1.001 1.001 0 0 0-1.256.65C15.11 14.022 12.352 16 9.184 16 5.222 16 2 12.86 2 9s3.222-7 7.184-7c1.728 0 3.358.602 4.645 1.67l-2.166-.357a.99.99 0 0 0-1.15.823.999.999 0 0 0 .824 1.149l4.246.702a1.025 1.025 0 0 0 .507-.048c.037-.014.067-.04.103-.06.066-.033.135-.063.192-.111.036-.03.06-.071.09-.105.047-.05.097-.096.132-.156.025-.043.035-.094.054-.142.024-.06.056-.114.068-.18l.754-4a1 1 0 1 0-1.966-.37l-.272 1.44A9.23 9.23 0 0 0 9.185 0C4.12 0 0 4.037 0 9s4.12 9 9.184 9c4.042 0 7.566-2.54 8.77-6.318a1.001 1.001 0 0 0-.65-1.256",
-    fillRule: "evenodd"
-  }));
-};
-RefreshIcon.defaultProps = {
-  width: "18",
-  height: "18",
-  viewBox: "0 0 18 18",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-import UTButton from '../../../../../UTButton';
-import UTLabel from '../../../../../UTLabel';
-import { classesType } from '../../../../types';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import styles from './styles.module.scss';
-const {
-  table
-} = TEST_IDS;
-const TableHeader = _ref => {
-  let {
-    classes,
-    disabled,
-    GeneralActions,
-    onReload,
-    title,
-    titleDataTestId
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.header, " ").concat(classes.headerContainer)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.titleContainer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.tableTitle,
-    dataTestId: titleDataTestId !== null && titleDataTestId !== void 0 ? titleDataTestId : table.tableHeader.title,
-    variant: "subtitle1",
-    weight: "medium"
-  }, title), onReload && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: "".concat(styles.reloadIcon, " ").concat(classes.reloadIcon),
-      root: "".concat(classes.reloadButton, " ").concat(disabled && classes.reloadButtonDisabled)
-    },
-    Icon: RefreshIcon,
-    onClick: onReload,
-    variant: "text"
-  })), GeneralActions);
-};
-TableHeader.propTypes = {
-  classes: classesType,
-  disabled: bool,
-  GeneralActions: node,
-  onReload: func,
-  title: string,
-  titleDataTestId: string
-};
-export default /*#__PURE__*/memo(TableHeader);
+import React,{memo}from"react";import{func,node,string,bool}from"prop-types";var RefreshIcon=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"#FF6026",d:"M17.303 10.426a1.001 1.001 0 0 0-1.256.65C15.11 14.022 12.352 16 9.184 16 5.222 16 2 12.86 2 9s3.222-7 7.184-7c1.728 0 3.358.602 4.645 1.67l-2.166-.357a.99.99 0 0 0-1.15.823.999.999 0 0 0 .824 1.149l4.246.702a1.025 1.025 0 0 0 .507-.048c.037-.014.067-.04.103-.06.066-.033.135-.063.192-.111.036-.03.06-.071.09-.105.047-.05.097-.096.132-.156.025-.043.035-.094.054-.142.024-.06.056-.114.068-.18l.754-4a1 1 0 1 0-1.966-.37l-.272 1.44A9.23 9.23 0 0 0 9.185 0C4.12 0 0 4.037 0 9s4.12 9 9.184 9c4.042 0 7.566-2.54 8.77-6.318a1.001 1.001 0 0 0-.65-1.256",fillRule:"evenodd"}))};RefreshIcon.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import{classesType}from"../../../../types";import{TEST_IDS}from"../../../../../../constants/testIds";import styles from"./styles.module.scss";const{table:table}=TEST_IDS,TableHeader=e=>{let{classes:t,disabled:a,GeneralActions:l,onReload:o,title:s,titleDataTestId:n}=e;return React.createElement("div",{className:"".concat(styles.header," ").concat(t.headerContainer)},React.createElement("div",{className:styles.titleContainer},React.createElement(UTLabel,{className:t.tableTitle,dataTestId:null!=n?n:table.tableHeader.title,variant:"subtitle1",weight:"medium"},s),o&&React.createElement(UTButton,{classNames:{icon:"".concat(styles.reloadIcon," ").concat(t.reloadIcon),root:"".concat(t.reloadButton," ").concat(a&&t.reloadButtonDisabled)},Icon:RefreshIcon,onClick:o,variant:"text"})),l)};TableHeader.propTypes={classes:classesType,disabled:bool,GeneralActions:node,onReload:func,title:string,titleDataTestId:string};export default memo(TableHeader);

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

@@ -1,78 +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 partition from 'lodash/partition';
-import React from 'react';
-import { arrayOf, bool, func, object, objectOf, shape, string } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import UTMenu from '../../../../../UTMenu';
-import UTTooltip from '../../../../../UTTooltip';
-import styles from './styles.module.scss';
-import { getMenuItems } from './utils';
-const ActionsMobile = _ref => {
-  var _classes$wrapperHeade;
-  let {
-    actions,
-    anchor,
-    classes,
-    closeMenu,
-    menuButtonRef,
-    openMenu,
-    tableHeaderDataTestId
-  } = _ref;
-  const [primaryActions, secondaryActions] = partition(actions, _ref2 => {
-    let {
-      isPrimary
-    } = _ref2;
-    return isPrimary;
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !isEmpty(secondaryActions) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: menuButtonRef
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".dotMenuButton") : '',
-    Icon: "IconDots",
-    onClick: openMenu,
-    variant: "text"
-  })), /*#__PURE__*/React.createElement(UTMenu, {
-    anchor: anchor,
-    classNames: {
-      menuItemContainer: "".concat(styles.wrapperHeaderMenuItem, " ").concat((_classes$wrapperHeade = classes.wrapperHeaderMenuItem) !== null && _classes$wrapperHeade !== void 0 ? _classes$wrapperHeade : '')
-    },
-    dataTestId: tableHeaderDataTestId ? "".concat(tableHeaderDataTestId, ".dotMenu") : '',
-    iconBefore: true,
-    items: getMenuItems(secondaryActions, closeMenu),
-    onClose: closeMenu,
-    onOpen: openMenu,
-    popperProps: {
-      disablePortal: true
-    }
-  })), primaryActions.map(actionConfig => actionConfig.tooltip ? /*#__PURE__*/React.createElement(UTTooltip, _extends({
-    key: actionConfig.dataTestId || String(actionConfig.children),
-    className: actionConfig.tooltipClassName,
-    content: actionConfig.tooltip,
-    tippyProps: {
-      arrow: false,
-      placement: 'top'
-    }
-  }, actionConfig.tooltipProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTButton, _extends({
-    hideTextOnResponsive: true
-  }, actionConfig)))) : /*#__PURE__*/React.createElement(UTButton, _extends({
-    key: actionConfig.dataTestId || String(actionConfig.children),
-    dataTestId: actionConfig.dataTestId,
-    hideTextOnResponsive: true
-  }, actionConfig))));
-};
-ActionsMobile.propTypes = {
-  actions: arrayOf(shape({
-    children: string,
-    dataTestId: string,
-    isPrimary: bool,
-    tooltip: string
-  })),
-  anchor: object,
-  classes: objectOf(string),
-  closeMenu: func,
-  menuButtonRef: object,
-  openMenu: func,
-  tableHeaderDataTestId: string
-};
-export default ActionsMobile;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import isEmpty from"lodash/isEmpty";import partition from"lodash/partition";import React from"react";import{arrayOf,bool,func,object,objectOf,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTMenu from"../../../../../UTMenu";import UTTooltip from"../../../../../UTTooltip";import styles from"./styles.module.scss";import{getMenuItems}from"./utils";const ActionsMobile=e=>{var t;let{actions:n,anchor:o,classes:a,closeMenu:r,menuButtonRef:s,openMenu:i,tableHeaderDataTestId:c}=e;const[l,p]=partition(n,e=>{let{isPrimary:t}=e;return t});return React.createElement(React.Fragment,null,!isEmpty(p)&&React.createElement(React.Fragment,null,React.createElement("div",{ref:s},React.createElement(UTButton,{dataTestId:c?"".concat(c,".dotMenuButton"):"",Icon:"IconDots",onClick:i,variant:"text"})),React.createElement(UTMenu,{anchor:o,classNames:{menuItemContainer:"".concat(styles.wrapperHeaderMenuItem," ").concat(null!==(t=a.wrapperHeaderMenuItem)&&void 0!==t?t:"")},dataTestId:c?"".concat(c,".dotMenu"):"",iconBefore:!0,items:getMenuItems(p,r),onClose:r,onOpen:i,popperProps:{disablePortal:!0}})),l.map(e=>e.tooltip?React.createElement(UTTooltip,_extends({key:e.dataTestId||String(e.children),className:e.tooltipClassName,content:e.tooltip,tippyProps:{arrow:!1,placement:"top"}},e.tooltipProps),React.createElement("div",null,React.createElement(UTButton,_extends({hideTextOnResponsive:!0},e)))):React.createElement(UTButton,_extends({key:e.dataTestId||String(e.children),dataTestId:e.dataTestId,hideTextOnResponsive:!0},e))))};ActionsMobile.propTypes={actions:arrayOf(shape({children:string,dataTestId:string,isPrimary:bool,tooltip:string})),anchor:object,classes:objectOf(string),closeMenu:func,menuButtonRef:object,openMenu:func,tableHeaderDataTestId:string};export default ActionsMobile;