@widergy/energy-ui 3.172.1 → 3.172.3

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(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:actions,anchor:anchor,classes:classes,closeMenu:closeMenu,menuButtonRef:menuButtonRef,openMenu:openMenu,tableHeaderDataTestId:tableHeaderDataTestId}=_ref;const[primaryActions,secondaryActions]=partition(actions,_ref2=>{let{isPrimary:isPrimary}=_ref2;return isPrimary});return React.createElement(React.Fragment,null,!isEmpty(secondaryActions)&&React.createElement(React.Fragment,null,React.createElement("div",{ref:menuButtonRef},React.createElement(UTButton,{dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".dotMenuButton"):"",Icon:"IconDots",onClick:openMenu,variant:"text"})),React.createElement(UTMenu,{anchor:anchor,classNames:{menuItemContainer:"".concat(styles.wrapperHeaderMenuItem," ").concat(null!==(_classes$wrapperHeade=classes.wrapperHeaderMenuItem)&&void 0!==_classes$wrapperHeade?_classes$wrapperHeade:"")},dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".dotMenu"):"",iconBefore:!0,items:getMenuItems(secondaryActions,closeMenu),onClose:closeMenu,onOpen:openMenu,popperProps:{disablePortal:!0}})),primaryActions.map(actionConfig=>actionConfig.tooltip?React.createElement(UTTooltip,_extends({key:actionConfig.dataTestId||String(actionConfig.children),className:actionConfig.tooltipClassName,content:actionConfig.tooltip,tippyProps:{arrow:!1,placement:"top"}},actionConfig.tooltipProps),React.createElement("div",null,React.createElement(UTButton,_extends({hideTextOnResponsive:!0},actionConfig)))):React.createElement(UTButton,_extends({key:actionConfig.dataTestId||String(actionConfig.children),dataTestId:actionConfig.dataTestId,hideTextOnResponsive:!0},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;

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(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:actions,automaticRefreshDelay:automaticRefreshDelay,classes:classes,description:description,isDesktop:isDesktop,isMobile:isMobile,loading:loading,onRefresh:onRefresh=reloadWindow,ongoingRefreshLabel:ongoingRefreshLabel,refreshLabel:refreshLabel,selectedLabel:selectedLabel,tableHeaderDataTestId:tableHeaderDataTestId,title:title,withAutomaticRefresh:withAutomaticRefresh,withRefresh:withRefresh}=_ref;const{anchor:anchor,closeMenu:closeMenu,openMenu:openMenu,ref:menuButtonRef}=useScrollBasedMenu(),[latestRefresh,setLatestRefresh]=useState(new Date),handleRefresh=()=>{onRefresh()};return useEffect(()=>{loading||setLatestRefresh(new Date)},[loading]),useEffect(()=>{let automaticRefreshTimeOut;return withAutomaticRefresh&&(automaticRefreshTimeOut=setTimeout(()=>{closeMenu(),handleRefresh()},automaticRefreshDelay)),()=>clearTimeout(automaticRefreshTimeOut)},[latestRefresh]),React.createElement("section",{className:"".concat(styles.wrapperHeader," ").concat(null!==(_classes$wrapperHeade=classes.wrapperHeader)&&void 0!==_classes$wrapperHeade?_classes$wrapperHeade:""),"data-testid":tableHeaderDataTestId},React.createElement("article",{className:"".concat(styles.textElements," ").concat(null!==(_classes$textElements=classes.textElements)&&void 0!==_classes$textElements?_classes$textElements:"")},(isMobile||title||description||selectedLabel)&&React.createElement("div",{className:"".concat(styles.titleAndDescription," ").concat(null!==(_classes$titleAndDesc=classes.titleAndDescription)&&void 0!==_classes$titleAndDesc?_classes$titleAndDesc:"")},title&&React.createElement(UTLabel,{dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".title"):"",weight:"medium"},title),description&&React.createElement(UTLabel,{colorTheme:"gray",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".description"):"",shade:"04",variant:"small"},description),isMobile&&selectedLabel&&React.createElement(UTLabel,{className:"".concat(styles.selectedLabel," ").concat(null!==(_classes$selectedLabe=classes.selectedLabel)&&void 0!==_classes$selectedLabe?_classes$selectedLabe:""),colorTheme:"accent",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".selectedLabel"):"",variant:"small",weight:"medium"},selectedLabel)),!isMobile&&selectedLabel&&React.createElement(UTLabel,{colorTheme:"accent",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".selectedLabel"):"",variant:"small",weight:"medium"},selectedLabel)),React.createElement("article",{className:"".concat(styles.refreshAndActions," ").concat(null!==(_classes$refreshAndAc=classes.refreshAndActions)&&void 0!==_classes$refreshAndAc?_classes$refreshAndAc:"")},withRefresh&&React.createElement(React.Fragment,null,!isMobile&&(loading?React.createElement(UTLabel,{colorTheme:"gray",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},ongoingRefreshLabel):React.createElement(UTLabel,{colorTheme:"gray",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".refreshLabel"):"",variant:"small",weight:"medium"},refreshLabel)),React.createElement(UTTooltip,{arrow:!1,content:isMobile&&(loading?React.createElement(UTLabel,{colorTheme:"negative",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},ongoingRefreshLabel):React.createElement(UTLabel,{colorTheme:"negative",dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".refreshLabel"):"",variant:"small",weight:"medium"},refreshLabel)),dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".tooltip"):"",tippyProps:{placement:"top"}},React.createElement("span",null,React.createElement(UTButton,{dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".button"):"",Icon:"IconReload",onClick:handleRefresh,size:"small",variant:"text"})))),!Array.isArray(actions)||isEmpty(actions)||isDesktop?Array.isArray(actions)&&actions.map((actionConfig,index)=>actionConfig.tooltip?React.createElement(UTTooltip,_extends({className:actionConfig.tooltipClassName,content:actionConfig.tooltip,dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".").concat(index):"",tippyProps:{arrow:!1,placement:"top"}},actionConfig.tooltipProps),React.createElement("div",null,React.createElement(UTButton,actionConfig))):React.createElement(UTButton,_extends({dataTestId:tableHeaderDataTestId?"".concat(tableHeaderDataTestId,".").concat(index):""},actionConfig))):React.createElement(ActionsMobile,{actions:actions,anchor:anchor,classes:classes,closeMenu:closeMenu,menuButtonRef:menuButtonRef,openMenu:openMenu,tableHeaderDataTestId:tableHeaderDataTestId})))};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 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;null===(_window=window)||void 0===_window||null===(_window=_window.location)||void 0===_window||_window.reload()};export const getMenuItems=(actions,closeMenu)=>actions.map(action=>{const{Icon:Icon,iconProps:iconProps,LeftIcon:LeftIcon,onClick:onClick}=action,resolvedIcon=null!=LeftIcon?LeftIcon:Icon;return{...action,Icon:resolvedIcon?"string"==typeof resolvedIcon?()=>React.createElement(UTIcon,_extends({name:resolvedIcon},iconProps)):resolvedIcon:void 0,label:action.children,onClick:()=>{onClick(),closeMenu()}}});

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(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:CELL}=ID_CONSTANTS,TableRow=_ref=>{let{actionDataTestId:actionDataTestId,CellComponent:CellComponent,cellDataTestId:cellDataTestId,cellProps:cellProps,checkBoxClassName:checkBoxClassName,checkBoxOnChange:checkBoxOnChange,checkBoxSelected:checkBoxSelected,className:className,columnSizes:columnSizes,columnsDefinition:columnsDefinition,containerStyle:containerStyle,disableRowSelection:disableRowSelection,disabledRowSelectionTooltip:disabledRowSelectionTooltip,exclusiveSelection:exclusiveSelection,fixedRowsLeftClassName:fixedRowsLeftClassName,fixedRowsRightClassName:fixedRowsRightClassName,handleRowClick:handleRowClick,isResponsive:isResponsive,pageRows:pageRows,removeFixedRowsDivisors:removeFixedRowsDivisors,rowClassName:rowClassName,rowStyles:rowStyles,selectable:selectable,selectionComponentDataTestId:selectionComponentDataTestId,tableSize:tableSize}=_ref;const{fixedLeftColumns:fixedLeftColumns=[],fixedRightColumns:fixedRightColumns=[],primaryActions:primaryActions=[],secondaryActions:secondaryActions=[],secondaryColumns:secondaryColumns=[]}=columnsDefinition,SelectionComponent=exclusiveSelection?Radio:Checkbox,hasActionsRow=selectable||hasVisibleActions(secondaryActions,cellProps.rowData),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 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&&React.createElement("div",{className:styles.stickyRowBackground},React.createElement("div",{className:"".concat(styles.rowBackground," ").concat(rowClassName),style:{width:tableSize,...rowStyles.rowBackground}})),React.createElement("div",{className:selectableCellStyles,style:{...rowStyles.fixedRowsLeft,width:isResponsive?"auto":columnSizes.leftColumnsSize}},selectable&&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},React.createElement(UTTooltip,{content:(null==disableRowSelection?void 0:disableRowSelection(cellProps.rowData,pageRows))&&(null==disabledRowSelectionTooltip?void 0:disabledRowSelectionTooltip(cellProps.rowData,pageRows)),stringContentClassName:styles.disableSelectionTooltip,tippyProps:tippyProps},React.createElement("span",null,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)=>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)&&React.createElement("div",{className:styles.secondaryActions},secondaryActions.map(action=>React.createElement(ActionIcons,{classes:cellProps.classes,column:action,dataTestId:"".concat(actionDataTestId,".tableRow."),key:"action_".concat(action.key),rowData:cellProps.rowData})))),!isEmpty(secondaryColumns)&&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)=>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)=>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&&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)=>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 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=(secondaryActions,rowData)=>!isEmpty(secondaryActions)&&secondaryActions.some(secondaryAction=>{var _secondaryAction$acti;return null==secondaryAction||null===(_secondaryAction$acti=secondaryAction.actions)||void 0===_secondaryAction$acti?void 0:_secondaryAction$acti.some(action=>{var _action$isVisible;return null===(_action$isVisible=action.isVisible)||void 0===_action$isVisible?void 0:_action$isVisible.call(action,rowData)})});

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 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;

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[observerEntry,setObserverEntry]=useState({}),[node,setNode]=useState(null),observer=useRef(null),disconnect=useCallback(()=>{var _observer$current;return null===(_observer$current=observer.current)||void 0===_observer$current?void 0:_observer$current.disconnect()},[]),callback=_ref=>{let[entry]=_ref;window.requestAnimationFrame(()=>{setObserverEntry(entry)})},observe=useCallback(()=>{observer.current=new ResizeObserver(callback),node&&observer.current.observe(node)},[node]);return useLayoutEffect(()=>(observe(),()=>disconnect()),[disconnect,observe]),[setNode,observerEntry]};