@widergy/energy-ui 3.173.2 → 3.173.4

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/TableFooter/components/PageSizeSelector/index.js

@@ -1,53 +1 @@
-import React from 'react';
-import { arrayOf, string, number, func } from 'prop-types';
-import UTSelect from '../../../../../UTSelect';
-import UTLabel from '../../../../../UTLabel';
-import { classesType } from '../../../../types';
-import { getPageSizeOptions } from './utils';
-import styles from './styles.module.scss';
-const PageSizeSelector = _ref => {
-  let {
-    classes,
-    dataTestId,
-    options,
-    rowsPerPage,
-    onChangeRowPerPage,
-    label,
-    totalRows
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.pageSizeSelector
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.selectorContainer
-  }, /*#__PURE__*/React.createElement(UTSelect, {
-    options: getPageSizeOptions(options, totalRows),
-    dataTestId: dataTestId,
-    labelKey: "label",
-    valueKey: "value",
-    input: {
-      onChange: onChangeRowPerPage,
-      value: rowsPerPage
-    },
-    itemDataTestId: dataTestId ? "".concat(dataTestId, ".option") : undefined,
-    disableFirstOption: true,
-    variant: "outlined",
-    selectProps: {
-      className: "".concat(styles.pageSizeSelectContainer, " ").concat(classes.pageSizeSelectContainer),
-      classes: {
-        select: classes.pageSizeSelect
-      }
-    }
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.label, " ").concat(classes.totalRowsLabel)
-  }, label));
-};
-PageSizeSelector.propTypes = {
-  classes: classesType,
-  dataTestId: string,
-  options: arrayOf(number),
-  rowsPerPage: number,
-  onChangeRowPerPage: func,
-  label: string,
-  totalRows: number
-};
-export default PageSizeSelector;
+import React from"react";import{arrayOf,string,number,func}from"prop-types";import UTSelect from"../../../../../UTSelect";import UTLabel from"../../../../../UTLabel";import{classesType}from"../../../../types";import{getPageSizeOptions}from"./utils";import styles from"./styles.module.scss";const PageSizeSelector=e=>{let{classes:t,dataTestId:a,options:s,rowsPerPage:o,onChangeRowPerPage:l,label:r,totalRows:c}=e;return React.createElement("div",{className:styles.pageSizeSelector},React.createElement("div",{className:styles.selectorContainer},React.createElement(UTSelect,{options:getPageSizeOptions(s,c),dataTestId:a,labelKey:"label",valueKey:"value",input:{onChange:l,value:o},itemDataTestId:a?"".concat(a,".option"):void 0,disableFirstOption:!0,variant:"outlined",selectProps:{className:"".concat(styles.pageSizeSelectContainer," ").concat(t.pageSizeSelectContainer),classes:{select:t.pageSizeSelect}}})),React.createElement(UTLabel,{className:"".concat(styles.label," ").concat(t.totalRowsLabel)},r))};PageSizeSelector.propTypes={classes:classesType,dataTestId:string,options:arrayOf(number),rowsPerPage:number,onChangeRowPerPage:func,label:string,totalRows:number};export default PageSizeSelector;

package/dist/esm/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js

@@ -1,13 +1 @@
-import { isEmpty } from '@widergy/web-utils/lib/array';
-const getPrevOption = (options, index) => index === 0 ? 0 : options[index - 1];
-export const getPageSizeOptions = (originalOptions, totalRows) => {
-  const filteredOptions = originalOptions.filter((_, index) => getPrevOption(originalOptions, index) < totalRows);
-  if (isEmpty(filteredOptions)) return [{
-    value: originalOptions[0],
-    label: totalRows
-  }];
-  return filteredOptions.map(value => ({
-    value,
-    label: Math.min(value, totalRows)
-  }));
-};
+import{isEmpty}from"@widergy/web-utils/lib/array";const getPrevOption=(t,e)=>0===e?0:t[e-1];export const getPageSizeOptions=(t,e)=>{const i=t.filter((i,r)=>getPrevOption(t,r)<e);return isEmpty(i)?[{value:t[0],label:e}]:i.map(t=>({value:t,label:Math.min(t,e)}))};

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

@@ -1,32 +1 @@
-import React, { memo } from 'react';
-import { bool, elementType, func, number, oneOfType, string } from 'prop-types';
-import UTTouchableWithoutFeedback from '../../../../../../../UTTouchableWithoutFeedback';
-import { classesType } from '../../../../../../types';
-import styles from './styles.module.scss';
-const NavigationButton = _ref => {
-  let {
-    classes,
-    Icon,
-    label,
-    onClick,
-    className,
-    disabled
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "\n      ".concat(className, "\n      ").concat(styles.navigationButton, "\n      ").concat(classes.navigationButton, "\n      ").concat(disabled && "".concat(styles.buttonDisabled, " ").concat(classes.navigationButtonDisabled), "\n    "),
-    onClick: onClick
-  }, label && /*#__PURE__*/React.createElement("span", {
-    className: styles.label
-  }, label), /*#__PURE__*/React.createElement(Icon, {
-    className: classes.navigationArrow
-  }));
-};
-NavigationButton.propTypes = {
-  classes: classesType,
-  className: string,
-  disabled: bool,
-  Icon: elementType,
-  label: oneOfType([string, number]),
-  onClick: func
-};
-export default /*#__PURE__*/memo(NavigationButton);
+import React,{memo}from"react";import{bool,elementType,func,number,oneOfType,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../../../UTTouchableWithoutFeedback";import{classesType}from"../../../../../../types";import styles from"./styles.module.scss";const NavigationButton=e=>{let{classes:t,Icon:a,label:o,onClick:n,className:s,disabled:c}=e;return React.createElement(UTTouchableWithoutFeedback,{className:"\n      ".concat(s,"\n      ").concat(styles.navigationButton,"\n      ").concat(t.navigationButton,"\n      ").concat(c&&"".concat(styles.buttonDisabled," ").concat(t.navigationButtonDisabled),"\n    "),onClick:n},o&&React.createElement("span",{className:styles.label},o),React.createElement(a,{className:t.navigationArrow}))};NavigationButton.propTypes={classes:classesType,className:string,disabled:bool,Icon:elementType,label:oneOfType([string,number]),onClick:func};export default memo(NavigationButton);