@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTPagination/theme.js

@@ -1,36 +1 @@
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$UTPagination, _theme$UTPagination2, _theme$Fonts, _theme$UTPagination3, _theme$UTPagination4, _theme$UTPagination5, _theme$UTPagination6, _theme$UTPagination7, _theme$UTPagination8, _theme$UTPagination9, _theme$UTPagination0;
-  let {
-    theme
-  } = _ref;
-  return {
-    paginationContainer: {
-      marginTop: (theme === null || theme === void 0 || (_theme$UTPagination = theme.UTPagination) === null || _theme$UTPagination === void 0 || (_theme$UTPagination = _theme$UTPagination.paginationContainer) === null || _theme$UTPagination === void 0 ? void 0 : _theme$UTPagination.marginTop) || 32
-    },
-    pageSizeSelect: {
-      background: theme === null || theme === void 0 || (_theme$UTPagination2 = theme.UTPagination) === null || _theme$UTPagination2 === void 0 || (_theme$UTPagination2 = _theme$UTPagination2.pageSizeSelect) === null || _theme$UTPagination2 === void 0 ? void 0 : _theme$UTPagination2.background,
-      fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily,
-      fontSize: theme === null || theme === void 0 || (_theme$UTPagination3 = theme.UTPagination) === null || _theme$UTPagination3 === void 0 || (_theme$UTPagination3 = _theme$UTPagination3.pageSizeSelect) === null || _theme$UTPagination3 === void 0 ? void 0 : _theme$UTPagination3.fontSize,
-      padding: (theme === null || theme === void 0 || (_theme$UTPagination4 = theme.UTPagination) === null || _theme$UTPagination4 === void 0 || (_theme$UTPagination4 = _theme$UTPagination4.pageSizeSelect) === null || _theme$UTPagination4 === void 0 ? void 0 : _theme$UTPagination4.padding) || 6,
-      textAlign: theme === null || theme === void 0 || (_theme$UTPagination5 = theme.UTPagination) === null || _theme$UTPagination5 === void 0 || (_theme$UTPagination5 = _theme$UTPagination5.pageSizeSelect) === null || _theme$UTPagination5 === void 0 ? void 0 : _theme$UTPagination5.textAlign
-    },
-    pageSizeSelectContainer: {
-      '& fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination6 = theme.UTPagination) === null || _theme$UTPagination6 === void 0 || (_theme$UTPagination6 = _theme$UTPagination6.pageSizeSelect) === null || _theme$UTPagination6 === void 0 ? void 0 : _theme$UTPagination6.border) || "1px solid ".concat(Colors.gray3)
-      },
-      '&:hover fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination7 = theme.UTPagination) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.pageSizeSelect) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.hover) === null || _theme$UTPagination7 === void 0 ? void 0 : _theme$UTPagination7.border) || "1px solid ".concat(Colors.gray2)
-      },
-      '&:hover:focus-within fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination8 = theme.UTPagination) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.pageSizeSelect) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.focused) === null || _theme$UTPagination8 === void 0 ? void 0 : _theme$UTPagination8.border) || "1px solid ".concat(Colors.gray3)
-      },
-      '&:focus-within fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination9 = theme.UTPagination) === null || _theme$UTPagination9 === void 0 || (_theme$UTPagination9 = _theme$UTPagination9.pageSizeSelect) === null || _theme$UTPagination9 === void 0 || (_theme$UTPagination9 = _theme$UTPagination9.focused) === null || _theme$UTPagination9 === void 0 ? void 0 : _theme$UTPagination9.border) || "1px solid ".concat(Colors.gray3, " !important")
-      }
-    },
-    pagination: {
-      gridGap: (theme === null || theme === void 0 || (_theme$UTPagination0 = theme.UTPagination) === null || _theme$UTPagination0 === void 0 || (_theme$UTPagination0 = _theme$UTPagination0.pagination) === null || _theme$UTPagination0 === void 0 ? void 0 : _theme$UTPagination0.gridGap) || '16px'
-    }
-  };
-};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=i=>{var l,o,n,e,a,d,t,r,u,v,g;let{theme:c}=i;return{paginationContainer:{marginTop:(null==c||null===(l=c.UTPagination)||void 0===l||null===(l=l.paginationContainer)||void 0===l?void 0:l.marginTop)||32},pageSizeSelect:{background:null==c||null===(o=c.UTPagination)||void 0===o||null===(o=o.pageSizeSelect)||void 0===o?void 0:o.background,fontFamily:null==c||null===(n=c.Fonts)||void 0===n?void 0:n.fontFamily,fontSize:null==c||null===(e=c.UTPagination)||void 0===e||null===(e=e.pageSizeSelect)||void 0===e?void 0:e.fontSize,padding:(null==c||null===(a=c.UTPagination)||void 0===a||null===(a=a.pageSizeSelect)||void 0===a?void 0:a.padding)||6,textAlign:null==c||null===(d=c.UTPagination)||void 0===d||null===(d=d.pageSizeSelect)||void 0===d?void 0:d.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==c||null===(t=c.UTPagination)||void 0===t||null===(t=t.pageSizeSelect)||void 0===t?void 0:t.border)||"1px solid ".concat(Colors.gray3)},"&:hover fieldset":{border:(null==c||null===(r=c.UTPagination)||void 0===r||null===(r=r.pageSizeSelect)||void 0===r||null===(r=r.hover)||void 0===r?void 0:r.border)||"1px solid ".concat(Colors.gray2)},"&:hover:focus-within fieldset":{border:(null==c||null===(u=c.UTPagination)||void 0===u||null===(u=u.pageSizeSelect)||void 0===u||null===(u=u.focused)||void 0===u?void 0:u.border)||"1px solid ".concat(Colors.gray3)},"&:focus-within fieldset":{border:(null==c||null===(v=c.UTPagination)||void 0===v||null===(v=v.pageSizeSelect)||void 0===v||null===(v=v.focused)||void 0===v?void 0:v.border)||"1px solid ".concat(Colors.gray3," !important")}},pagination:{gridGap:(null==c||null===(g=c.UTPagination)||void 0===g||null===(g=g.pagination)||void 0===g?void 0:g.gridGap)||"16px"}}};

package/dist/esm/components/UTPanel/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 UTPanel = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTPanel.propTypes = {
-  version: string
-};
-export default UTPanel;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTPanel=r=>{let{version:e="V0",...t}=r;const o={V0:V0,V1:V1}[e];return React.createElement(o,t)};UTPanel.propTypes={version:string};export default UTPanel;

package/dist/esm/components/UTPanel/versions/V0/index.js

@@ -1,108 +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); }
-/* eslint-disable no-unused-vars */
-import React from 'react';
-import SwipeableDrawer from '@material-ui/core/SwipeableDrawer';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import Close from '@material-ui/icons/Close';
-import { bool, func, string, elementType, objectOf, object, oneOfType, element } from 'prop-types';
-import UTButton from '../../../UTButton';
-import UTLabel from '../../../UTLabel';
-import { TEST_IDS } from '../../../../constants/testIds';
-import { refType } from '../../../../types/commonTypes';
-import styles from './styles.module.scss';
-const {
-  panel
-} = TEST_IDS;
-const UTPanel = _ref => {
-  let {
-    children,
-    classes = {},
-    closeButtonDataTestId = panel.closeButton,
-    containerRef,
-    disableScrollbar = false,
-    modalProps,
-    onClose,
-    onEndReachedCallback,
-    onOpen = () => {},
-    open,
-    panelSide,
-    perfectScrollbarOptions,
-    title,
-    TitleComponent,
-    titleDataTestId = panel.title,
-    TitleIcon,
-    ...props
-  } = _ref;
-  const {
-    title: titleClass,
-    titleIcon: titleIconClass,
-    titleContainer: titleContainerClass,
-    perfectScrollbar: perfectScrollbarClass,
-    closeButton: closeButtonClass,
-    iconClose: iconCloseClass,
-    ...drawerClasses
-  } = classes;
-  return /*#__PURE__*/React.createElement(SwipeableDrawer, _extends({
-    anchor: panelSide,
-    open: open,
-    onOpen: onOpen,
-    onClose: onClose,
-    disableSwipeToOpen: true,
-    swipeAreaWidth: 0,
-    ModalProps: {
-      container: containerRef,
-      keepMounted: !!containerRef,
-      ...modalProps
-    },
-    classes: {
-      ...drawerClasses,
-      paper: "".concat(styles.paper, " ").concat(drawerClasses.paper),
-      root: "".concat(containerRef && styles.root, " ").concat(drawerClasses.root)
-    }
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.titleContainer, " ").concat(titleContainerClass)
-  }, TitleComponent || /*#__PURE__*/React.createElement("div", {
-    className: styles.iconTitleContainer
-  }, TitleIcon && /*#__PURE__*/React.createElement(TitleIcon, {
-    className: "".concat(styles.titleIcon, " ").concat(titleIconClass)
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.title,
-    dataTestId: titleDataTestId,
-    weight: "semibold"
-  }, title)), /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: iconCloseClass,
-      root: closeButtonClass
-    },
-    dataTestId: closeButtonDataTestId,
-    Icon: Close,
-    onClick: onClose,
-    variant: "text"
-  })), disableScrollbar ? children : /*#__PURE__*/React.createElement(PerfectScrollbar, {
-    onYReachEnd: onEndReachedCallback,
-    className: perfectScrollbarClass,
-    options: {
-      suppressScrollX: true,
-      ...perfectScrollbarOptions
-    }
-  }, children));
-};
-UTPanel.propTypes = {
-  classes: objectOf(string),
-  closeButtonDataTestId: string,
-  containerRef: refType,
-  disableScrollbar: bool,
-  modalProps: object,
-  onClose: func,
-  onEndReachedCallback: func,
-  onOpen: func,
-  open: bool,
-  panelSide: string,
-  perfectScrollbarOptions: object,
-  title: string,
-  TitleComponent: oneOfType([element, elementType]),
-  titleDataTestId: string,
-  TitleIcon: elementType
-};
-export default UTPanel;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React from"react";import SwipeableDrawer from"@material-ui/core/SwipeableDrawer";import"react-perfect-scrollbar/dist/css/styles.css";import PerfectScrollbar from"react-perfect-scrollbar";import Close from"@material-ui/icons/Close";import{bool,func,string,elementType,objectOf,object,oneOfType,element}from"prop-types";import UTButton from"../../../UTButton";import UTLabel from"../../../UTLabel";import{TEST_IDS}from"../../../../constants/testIds";import{refType}from"../../../../types/commonTypes";import styles from"./styles.module.scss";const{panel:panel}=TEST_IDS,UTPanel=e=>{let{children:t,classes:o={},closeButtonDataTestId:n=panel.closeButton,containerRef:a,disableScrollbar:l=!1,modalProps:r,onClose:c,onEndReachedCallback:s,onOpen:i=()=>{},open:p,panelSide:m,perfectScrollbarOptions:d,title:f,TitleComponent:T,titleDataTestId:b=panel.title,TitleIcon:u,...y}=e;const{title:S,titleIcon:C,titleContainer:I,perfectScrollbar:O,closeButton:R,iconClose:E,...g}=o;return React.createElement(SwipeableDrawer,_extends({anchor:m,open:p,onOpen:i,onClose:c,disableSwipeToOpen:!0,swipeAreaWidth:0,ModalProps:{container:a,keepMounted:!!a,...r},classes:{...g,paper:"".concat(styles.paper," ").concat(g.paper),root:"".concat(a&&styles.root," ").concat(g.root)}},y),React.createElement("div",{className:"".concat(styles.titleContainer," ").concat(I)},T||React.createElement("div",{className:styles.iconTitleContainer},u&&React.createElement(u,{className:"".concat(styles.titleIcon," ").concat(C)}),React.createElement(UTLabel,{className:o.title,dataTestId:b,weight:"semibold"},f)),React.createElement(UTButton,{classNames:{icon:E,root:R},dataTestId:n,Icon:Close,onClick:c,variant:"text"})),l?t:React.createElement(PerfectScrollbar,{onYReachEnd:s,className:O,options:{suppressScrollX:!0,...d}},t))};UTPanel.propTypes={classes:objectOf(string),closeButtonDataTestId:string,containerRef:refType,disableScrollbar:bool,modalProps:object,onClose:func,onEndReachedCallback:func,onOpen:func,open:bool,panelSide:string,perfectScrollbarOptions:object,title:string,TitleComponent:oneOfType([element,elementType]),titleDataTestId:string,TitleIcon:elementType};export default UTPanel;

package/dist/esm/components/UTPanel/versions/V1/components/AdditionalContentModule/index.js

@@ -1,102 +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, { useMemo } from 'react';
-import { arrayOf, bool, elementType, func, number, object, shape, string } from 'prop-types';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import UTButton from '../../../../../UTButton';
-import UTStatus from '../../../../../UTStatus';
-import UTTooltip from '../../../../../UTTooltip';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import styles from './styles.module.scss';
-const {
-  panel
-} = TEST_IDS;
-const AdditionalContentModule = _ref => {
-  let {
-    activeId,
-    additionalContent,
-    onSelectItem,
-    tooltipContainer
-  } = _ref;
-  const activeContent = useMemo(() => additionalContent.find(item => item.id === activeId), [additionalContent, activeId]);
-  if (!additionalContent || additionalContent.length === 0) {
-    return null;
-  }
-  const ActiveBodyComponent = activeContent === null || activeContent === void 0 ? void 0 : activeContent.BodyComponent;
-  const defaultTooltipContainer = tooltipContainer || (() => document.body);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.additionalContentWrapper
-  }, activeContent && /*#__PURE__*/React.createElement(PerfectScrollbar, {
-    options: {
-      suppressScrollX: true
-    },
-    className: styles.sidebarScroll
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.bodyComponent,
-    "data-testid": panel.additionalContent.body
-  }, ActiveBodyComponent && /*#__PURE__*/React.createElement(ActiveBodyComponent, null))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.sidebar, " ").concat(!activeContent ? styles.sidebarCollapsed : ''),
-    "data-testid": panel.additionalContent.sidebar
-  }, /*#__PURE__*/React.createElement(PerfectScrollbar, {
-    options: {
-      suppressScrollX: true
-    },
-    className: styles.sidebarScroll
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.sidebarContent
-  }, additionalContent.map(item => {
-    var _item$tooltipProps, _item$tooltipProps2, _item$tooltipProps$ti, _item$tooltipProps3, _item$tooltipProps4, _item$tooltipProps5;
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.id,
-      className: styles.sidebarItemWrapper
-    }, /*#__PURE__*/React.createElement(UTTooltip, _extends({
-      content: ((_item$tooltipProps = item.tooltipProps) === null || _item$tooltipProps === void 0 ? void 0 : _item$tooltipProps.content) || item.id,
-      dataTestId: "".concat(panel.additionalContent.sidebarButton).concat(item.id, ".tooltip"),
-      tippyProps: {
-        placement: ((_item$tooltipProps2 = item.tooltipProps) === null || _item$tooltipProps2 === void 0 || (_item$tooltipProps2 = _item$tooltipProps2.tippyProps) === null || _item$tooltipProps2 === void 0 ? void 0 : _item$tooltipProps2.placement) || 'right',
-        zIndex: (_item$tooltipProps$ti = (_item$tooltipProps3 = item.tooltipProps) === null || _item$tooltipProps3 === void 0 || (_item$tooltipProps3 = _item$tooltipProps3.tippyProps) === null || _item$tooltipProps3 === void 0 ? void 0 : _item$tooltipProps3.zIndex) !== null && _item$tooltipProps$ti !== void 0 ? _item$tooltipProps$ti : 9999,
-        appendTo: ((_item$tooltipProps4 = item.tooltipProps) === null || _item$tooltipProps4 === void 0 || (_item$tooltipProps4 = _item$tooltipProps4.tippyProps) === null || _item$tooltipProps4 === void 0 ? void 0 : _item$tooltipProps4.appendTo) || defaultTooltipContainer,
-        ...(((_item$tooltipProps5 = item.tooltipProps) === null || _item$tooltipProps5 === void 0 ? void 0 : _item$tooltipProps5.tippyProps) || {})
-      }
-    }, (_ref2 => {
-      let {
-        _,
-        ...rest
-      } = _ref2;
-      return rest;
-    })(item.tooltipProps)), /*#__PURE__*/React.createElement("div", {
-      className: styles.buttonWrapper
-    }, /*#__PURE__*/React.createElement(UTButton, {
-      colorTheme: activeId === item.id ? 'primary' : 'gray',
-      className: styles.sidebarButton,
-      dataTestId: "".concat(panel.additionalContent.sidebarButton).concat(item.id),
-      disabled: item.disabled,
-      Icon: item.Icon,
-      onClick: () => onSelectItem(activeId === item.id ? null : item.id),
-      size: "medium",
-      variant: activeId === item.id ? 'semitransparent' : 'text'
-    }), item.count > 0 && /*#__PURE__*/React.createElement(UTStatus, {
-      area: true,
-      areaType: "ROUNDED",
-      className: styles.countBadge,
-      size: "xsmall",
-      type: "negative",
-      variant: "accent",
-      withoutIcon: true
-    }, item.count))));
-  })))));
-};
-AdditionalContentModule.propTypes = {
-  additionalContent: arrayOf(shape({
-    disabled: bool,
-    id: string.isRequired,
-    Icon: string.isRequired,
-    count: number,
-    BodyComponent: elementType.isRequired,
-    tooltipProps: object.isRequired
-  })).isRequired,
-  activeId: string,
-  onSelectItem: func.isRequired,
-  tooltipContainer: func
-};
-export default AdditionalContentModule;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{arrayOf,bool,elementType,func,number,object,shape,string}from"prop-types";import"react-perfect-scrollbar/dist/css/styles.css";import PerfectScrollbar from"react-perfect-scrollbar";import UTButton from"../../../../../UTButton";import UTStatus from"../../../../../UTStatus";import UTTooltip from"../../../../../UTTooltip";import{TEST_IDS}from"../../../../../../constants/testIds";import styles from"./styles.module.scss";const{panel:panel}=TEST_IDS,AdditionalContentModule=e=>{let{activeId:t,additionalContent:o,onSelectItem:n,tooltipContainer:a}=e;const l=useMemo(()=>o.find(e=>e.id===t),[o,t]);if(!o||0===o.length)return null;const s=null==l?void 0:l.BodyComponent,i=a||(()=>document.body);return React.createElement("div",{className:styles.additionalContentWrapper},l&&React.createElement(PerfectScrollbar,{options:{suppressScrollX:!0},className:styles.sidebarScroll},React.createElement("div",{className:styles.bodyComponent,"data-testid":panel.additionalContent.body},s&&React.createElement(s,null))),React.createElement("div",{className:"".concat(styles.sidebar," ").concat(l?"":styles.sidebarCollapsed),"data-testid":panel.additionalContent.sidebar},React.createElement(PerfectScrollbar,{options:{suppressScrollX:!0},className:styles.sidebarScroll},React.createElement("div",{className:styles.sidebarContent},o.map(e=>{var o,a,l,s,r,d;return React.createElement("div",{key:e.id,className:styles.sidebarItemWrapper},React.createElement(UTTooltip,_extends({content:(null===(o=e.tooltipProps)||void 0===o?void 0:o.content)||e.id,dataTestId:"".concat(panel.additionalContent.sidebarButton).concat(e.id,".tooltip"),tippyProps:{placement:(null===(a=e.tooltipProps)||void 0===a||null===(a=a.tippyProps)||void 0===a?void 0:a.placement)||"right",zIndex:null!==(l=null===(s=e.tooltipProps)||void 0===s||null===(s=s.tippyProps)||void 0===s?void 0:s.zIndex)&&void 0!==l?l:9999,appendTo:(null===(r=e.tooltipProps)||void 0===r||null===(r=r.tippyProps)||void 0===r?void 0:r.appendTo)||i,...(null===(d=e.tooltipProps)||void 0===d?void 0:d.tippyProps)||{}}},(e=>{let{_:t,...o}=e;return o})(e.tooltipProps)),React.createElement("div",{className:styles.buttonWrapper},React.createElement(UTButton,{colorTheme:t===e.id?"primary":"gray",className:styles.sidebarButton,dataTestId:"".concat(panel.additionalContent.sidebarButton).concat(e.id),disabled:e.disabled,Icon:e.Icon,onClick:()=>n(t===e.id?null:e.id),size:"medium",variant:t===e.id?"semitransparent":"text"}),e.count>0&&React.createElement(UTStatus,{area:!0,areaType:"ROUNDED",className:styles.countBadge,size:"xsmall",type:"negative",variant:"accent",withoutIcon:!0},e.count))))})))))};AdditionalContentModule.propTypes={additionalContent:arrayOf(shape({disabled:bool,id:string.isRequired,Icon:string.isRequired,count:number,BodyComponent:elementType.isRequired,tooltipProps:object.isRequired})).isRequired,activeId:string,onSelectItem:func.isRequired,tooltipContainer:func};export default AdditionalContentModule;

package/dist/esm/components/UTPanel/versions/V1/components/BodySection/index.js

@@ -1,50 +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 { bool, func, node, object, string } from 'prop-types';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import UTButton from '../../../../../UTButton';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import styles from '../../styles.module.scss';
-import { ACCEPT_BUTTON_TEXT } from '../../constants.js';
-const {
-  panel
-} = TEST_IDS;
-const BodySection = _ref => {
-  let {
-    bodyContainerClass,
-    children,
-    disableScrollbar,
-    hideMainButton,
-    mainButton,
-    onEndReachedCallback,
-    perfectScrollbarClass,
-    perfectScrollbarOptions
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.bodyWrapper, " ").concat(bodyContainerClass || '')
-  }, disableScrollbar ? children : /*#__PURE__*/React.createElement(PerfectScrollbar, {
-    className: "".concat(styles.perfectScrollbar, " ").concat(perfectScrollbarClass || ''),
-    onYReachEnd: onEndReachedCallback,
-    options: {
-      suppressScrollX: true,
-      ...perfectScrollbarOptions
-    }
-  }, children)), !hideMainButton && /*#__PURE__*/React.createElement(UTButton, _extends({
-    classNames: {
-      root: styles.mainButton
-    },
-    dataTestId: panel.mainButton,
-    size: "large"
-  }, mainButton), (mainButton === null || mainButton === void 0 ? void 0 : mainButton.text) || ACCEPT_BUTTON_TEXT));
-};
-BodySection.propTypes = {
-  bodyContainerClass: string,
-  children: node,
-  disableScrollbar: bool,
-  hideMainButton: bool,
-  mainButton: object,
-  onEndReachedCallback: func,
-  perfectScrollbarClass: string,
-  perfectScrollbarOptions: object
-};
-export default BodySection;
+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 r in o)({}).hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},_extends.apply(null,arguments)}import React from"react";import{bool,func,node,object,string}from"prop-types";import PerfectScrollbar from"react-perfect-scrollbar";import UTButton from"../../../../../UTButton";import{TEST_IDS}from"../../../../../../constants/testIds";import styles from"../../styles.module.scss";import{ACCEPT_BUTTON_TEXT}from"../../constants.js";const{panel:panel}=TEST_IDS,BodySection=t=>{let{bodyContainerClass:e,children:o,disableScrollbar:r,hideMainButton:n,mainButton:a,onEndReachedCallback:c,perfectScrollbarClass:l,perfectScrollbarOptions:s}=t;return React.createElement(React.Fragment,null,React.createElement("div",{className:"".concat(styles.bodyWrapper," ").concat(e||"")},r?o:React.createElement(PerfectScrollbar,{className:"".concat(styles.perfectScrollbar," ").concat(l||""),onYReachEnd:c,options:{suppressScrollX:!0,...s}},o)),!n&&React.createElement(UTButton,_extends({classNames:{root:styles.mainButton},dataTestId:panel.mainButton,size:"large"},a),(null==a?void 0:a.text)||ACCEPT_BUTTON_TEXT))};BodySection.propTypes={bodyContainerClass:string,children:node,disableScrollbar:bool,hideMainButton:bool,mainButton:object,onEndReachedCallback:func,perfectScrollbarClass:string,perfectScrollbarOptions:object};export default BodySection;

package/dist/esm/components/UTPanel/versions/V1/components/ControlAreaSection/index.js

@@ -1,111 +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 { bool, func, number, string, object } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import UTLabel from '../../../../../UTLabel';
-import UTProgressBar from '../../../../../UTProgressBar/index.js';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import styles from '../../styles.module.scss';
-const {
-  panel
-} = TEST_IDS;
-const ControlAreaSection = _ref => {
-  let {
-    backButton,
-    backButtonClass,
-    backButtonDataTestId,
-    classes,
-    closeButtonClass,
-    closeButtonDataTestId,
-    currentPage,
-    currentStep,
-    hideCloseButton,
-    iconBackClass,
-    iconCloseClass,
-    isWorkflow,
-    nextButton,
-    onClose,
-    onGoBack,
-    onOpen,
-    open,
-    panelIsCollapsible,
-    showBackButton,
-    showPagination,
-    stepsCount,
-    totalPages
-  } = _ref;
-  if (!showBackButton && !showPagination && hideCloseButton && !isWorkflow && !panelIsCollapsible) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.controlAreaContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.controlAreaBar
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.controlLeftArea
-  }, showBackButton && /*#__PURE__*/React.createElement("div", {
-    className: styles.backButtonContainer
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: iconBackClass,
-      root: backButtonClass
-    },
-    dataTestId: backButtonDataTestId,
-    Icon: "IconArrowLeft",
-    onClick: onGoBack,
-    variant: "text"
-  })), showPagination && /*#__PURE__*/React.createElement("div", {
-    className: styles.paginationContainer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, "".concat(currentPage, " / ").concat(totalPages)), /*#__PURE__*/React.createElement(UTButton, _extends({
-    dataTestId: panel.paginationPrev,
-    Icon: "IconChevronLeft",
-    variant: "text"
-  }, backButton)), /*#__PURE__*/React.createElement(UTButton, _extends({
-    dataTestId: panel.paginationNext,
-    Icon: "IconChevronRight",
-    variant: "text"
-  }, nextButton)))), (panelIsCollapsible || !hideCloseButton) && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: iconCloseClass,
-      root: closeButtonClass
-    },
-    dataTestId: closeButtonDataTestId,
-    Icon: panelIsCollapsible ? 'IconLayoutSidebarRight' : 'IconX',
-    onClick: panelIsCollapsible && !open ? onOpen : onClose,
-    variant: "text"
-  })), isWorkflow && /*#__PURE__*/React.createElement(UTProgressBar, {
-    classNames: {
-      barColorPrimary: classes.barColorPrimary,
-      colorPrimary: classes.colorPrimary,
-      container: styles.progressBarContainer
-    },
-    value: currentStep * 100 / stepsCount
-  }));
-};
-ControlAreaSection.propTypes = {
-  backButton: object,
-  backButtonClass: string,
-  backButtonDataTestId: string,
-  classes: object,
-  closeButtonClass: string,
-  closeButtonDataTestId: string,
-  currentPage: number,
-  currentStep: number,
-  hideCloseButton: bool,
-  iconBackClass: string,
-  iconCloseClass: string,
-  isWorkflow: bool,
-  nextButton: object,
-  onClose: func,
-  onGoBack: func,
-  onOpen: func,
-  open: bool,
-  panelIsCollapsible: bool,
-  showBackButton: bool,
-  showPagination: bool,
-  stepsCount: number,
-  totalPages: number
-};
-export default ControlAreaSection;
+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 a in o)({}).hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},_extends.apply(null,arguments)}import React from"react";import{bool,func,number,string,object}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import UTProgressBar from"../../../../../UTProgressBar/index.js";import{TEST_IDS}from"../../../../../../constants/testIds";import styles from"../../styles.module.scss";const{panel:panel}=TEST_IDS,ControlAreaSection=t=>{let{backButton:e,backButtonClass:o,backButtonDataTestId:a,classes:n,closeButtonClass:s,closeButtonDataTestId:r,currentPage:c,currentStep:l,hideCloseButton:i,iconBackClass:u,iconCloseClass:m,isWorkflow:p,nextButton:b,onClose:B,onGoBack:C,onOpen:d,open:g,panelIsCollapsible:T,showBackButton:I,showPagination:f,stepsCount:y,totalPages:k}=t;return I||f||!i||p||T?React.createElement("div",{className:styles.controlAreaContainer},React.createElement("div",{className:styles.controlAreaBar},React.createElement("div",{className:styles.controlLeftArea},I&&React.createElement("div",{className:styles.backButtonContainer},React.createElement(UTButton,{classNames:{icon:u,root:o},dataTestId:a,Icon:"IconArrowLeft",onClick:C,variant:"text"})),f&&React.createElement("div",{className:styles.paginationContainer},React.createElement(UTLabel,{colorTheme:"gray"},"".concat(c," / ").concat(k)),React.createElement(UTButton,_extends({dataTestId:panel.paginationPrev,Icon:"IconChevronLeft",variant:"text"},e)),React.createElement(UTButton,_extends({dataTestId:panel.paginationNext,Icon:"IconChevronRight",variant:"text"},b)))),(T||!i)&&React.createElement(UTButton,{classNames:{icon:m,root:s},dataTestId:r,Icon:T?"IconLayoutSidebarRight":"IconX",onClick:T&&!g?d:B,variant:"text"})),p&&React.createElement(UTProgressBar,{classNames:{barColorPrimary:n.barColorPrimary,colorPrimary:n.colorPrimary,container:styles.progressBarContainer},value:100*l/y})):null};ControlAreaSection.propTypes={backButton:object,backButtonClass:string,backButtonDataTestId:string,classes:object,closeButtonClass:string,closeButtonDataTestId:string,currentPage:number,currentStep:number,hideCloseButton:bool,iconBackClass:string,iconCloseClass:string,isWorkflow:bool,nextButton:object,onClose:func,onGoBack:func,onOpen:func,open:bool,panelIsCollapsible:bool,showBackButton:bool,showPagination:bool,stepsCount:number,totalPages:number};export default ControlAreaSection;

package/dist/esm/components/UTPanel/versions/V1/components/DataItem/constants.js

@@ -1,8 +1 @@
-export const SIZES = {
-  L: 'large',
-  M: 'medium'
-};
-export const ORIENTATION = {
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical'
-};
+export const SIZES={L:"large",M:"medium"};export const ORIENTATION={HORIZONTAL:"horizontal",VERTICAL:"vertical"};

package/dist/esm/components/UTPanel/versions/V1/components/DataItem/index.js

@@ -1,37 +1 @@
-import React from 'react';
-import { func, string } from 'prop-types';
-import UTIcon from '../../../../../UTIcon';
-import UTLabel from '../../../../../UTLabel';
-import styles from './styles.module.scss';
-import { ORIENTATION, SIZES } from './constants';
-const DataItem = _ref => {
-  let {
-    icon,
-    orientation = ORIENTATION.HORIZONTAL,
-    size = 'M',
-    title,
-    value,
-    valueRenderComponent
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(styles[SIZES[size]])
-  }, !!icon && /*#__PURE__*/React.createElement(UTIcon, {
-    className: styles.icon,
-    colorTheme: "gray",
-    name: icon
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.textContainer, " ").concat(styles[ORIENTATION[orientation]])
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    weight: "medium"
-  }, title), valueRenderComponent ? valueRenderComponent() : /*#__PURE__*/React.createElement(UTLabel, null, value)));
-};
-DataItem.propTypes = {
-  icon: string,
-  orientation: string,
-  size: string,
-  title: string,
-  value: string,
-  valueRenderComponent: func
-};
-export default DataItem;
+import React from"react";import{func,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import styles from"./styles.module.scss";import{ORIENTATION,SIZES}from"./constants";const DataItem=e=>{let{icon:t,orientation:a=ORIENTATION.HORIZONTAL,size:n="M",title:o,value:r,valueRenderComponent:c}=e;return React.createElement("div",{className:"".concat(styles.container," ").concat(styles[SIZES[n]])},!!t&&React.createElement(UTIcon,{className:styles.icon,colorTheme:"gray",name:t}),React.createElement("div",{className:"".concat(styles.textContainer," ").concat(styles[ORIENTATION[a]])},React.createElement(UTLabel,{colorTheme:"gray",weight:"medium"},o),c?c():React.createElement(UTLabel,null,r)))};DataItem.propTypes={icon:string,orientation:string,size:string,title:string,value:string,valueRenderComponent:func};export default DataItem;

package/dist/esm/components/UTPanel/versions/V1/components/HeaderSection/index.js

@@ -1,118 +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, { useState, useMemo } from 'react';
-import { arrayOf, bool, element, elementType, object, oneOfType, shape, string } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import UTButton from '../../../../../UTButton';
-import UTStatus from '../../../../../UTStatus';
-import UTLabel from '../../../../../UTLabel';
-import UTMenu from '../../../../../UTMenu';
-import DataItem from '../DataItem';
-import styles from '../../styles.module.scss';
-const MENU_LABEL = 'Más';
-const HeaderSection = _ref => {
-  let {
-    classes,
-    collapsableHeader,
-    CustomHeaderComponent,
-    HeaderComponent,
-    headerItems,
-    headerMainActionButton,
-    headerSecondaryActionButton,
-    hideHeader,
-    mainActionDataTestId,
-    pretitleComponent,
-    secondaryActionDataTestId,
-    showMainStatus,
-    showTag,
-    singleHeaderItemsColumn,
-    statusProps,
-    subtitle,
-    tagProps,
-    title,
-    titleClass,
-    titleDataTestId,
-    titleProps
-  } = _ref;
-  const [collapseHeader, setCollapseHeader] = useState(true);
-  const [anchor, setAnchor] = useState();
-  const openMenu = event => setAnchor(event.currentTarget);
-  const closeMenu = () => setAnchor();
-  const secondaryActionAsMenu = useMemo(() => Array.isArray(headerSecondaryActionButton), [headerSecondaryActionButton]);
-  if (hideHeader) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerContainer, " ").concat((classes === null || classes === void 0 ? void 0 : classes.headerContainer) || '')
-  }, pretitleComponent && /*#__PURE__*/React.createElement("div", {
-    className: styles.pretitleArea
-  }, pretitleComponent), HeaderComponent || /*#__PURE__*/React.createElement("div", {
-    className: styles.headerArea
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.headerLeftArea
-  }, showTag && tagProps && /*#__PURE__*/React.createElement(UTStatus, tagProps, tagProps.children), /*#__PURE__*/React.createElement("div", {
-    className: styles.titleArea
-  }, /*#__PURE__*/React.createElement(UTLabel, _extends({
-    className: titleClass,
-    dataTestId: titleDataTestId,
-    variant: "title2",
-    weight: "medium"
-  }, titleProps), title), showMainStatus && /*#__PURE__*/React.createElement(UTStatus, statusProps, statusProps.label), collapsableHeader && /*#__PURE__*/React.createElement(UTButton, {
-    Icon: collapseHeader ? 'IconChevronUp' : 'IconChevronDown',
-    onClick: () => setCollapseHeader(!collapseHeader),
-    size: "small",
-    variant: "text"
-  })), subtitle && /*#__PURE__*/React.createElement("div", {
-    className: styles.subtitleArea
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, subtitle))), /*#__PURE__*/React.createElement("div", {
-    className: styles.headerRightArea
-  }, !isEmpty(headerSecondaryActionButton) && /*#__PURE__*/React.createElement(React.Fragment, null, secondaryActionAsMenu && /*#__PURE__*/React.createElement(UTMenu, {
-    anchor: anchor,
-    iconBefore: true,
-    ItemComponent: UTButton,
-    items: headerSecondaryActionButton,
-    menuPlacement: "bottom-end",
-    onClose: closeMenu,
-    withMenuItem: true
-  }), /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "secondary",
-    dataTestId: secondaryActionDataTestId,
-    onClick: secondaryActionAsMenu ? openMenu : undefined,
-    variant: "semitransparent"
-  }, !secondaryActionAsMenu && headerSecondaryActionButton), secondaryActionAsMenu ? MENU_LABEL : headerSecondaryActionButton.text)), !isEmpty(headerMainActionButton) && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "success",
-    dataTestId: mainActionDataTestId,
-    variant: "filled"
-  }, headerMainActionButton), headerMainActionButton.text)))), CustomHeaderComponent && /*#__PURE__*/React.createElement(CustomHeaderComponent, null), !isEmpty(headerItems) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerItemsContainer, " \n          ").concat(collapseHeader ? styles.expandedContainer : styles.collapsedContainer, " \n          ").concat(singleHeaderItemsColumn && styles.singleHeaderItemsColumn || '')
-  }, headerItems.map(DataItem)));
-};
-HeaderSection.propTypes = {
-  classes: object,
-  collapsableHeader: bool,
-  CustomHeaderComponent: elementType,
-  HeaderComponent: oneOfType([element, elementType]),
-  headerItems: arrayOf(shape({
-    title: string,
-    icon: string,
-    value: string
-  })),
-  headerMainActionButton: object,
-  headerSecondaryActionButton: oneOfType([object, arrayOf(object)]),
-  hideHeader: bool,
-  mainActionDataTestId: string,
-  pretitleComponent: oneOfType([element, elementType]),
-  secondaryActionDataTestId: string,
-  showMainStatus: bool,
-  showTag: bool,
-  singleHeaderItemsColumn: bool,
-  statusProps: object,
-  subtitle: string,
-  tagProps: object,
-  title: string,
-  titleClass: string,
-  titleDataTestId: string,
-  titleProps: object
-};
-export default HeaderSection;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}import React,{useState,useMemo}from"react";import{arrayOf,bool,element,elementType,object,oneOfType,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import UTButton from"../../../../../UTButton";import UTStatus from"../../../../../UTStatus";import UTLabel from"../../../../../UTLabel";import UTMenu from"../../../../../UTMenu";import DataItem from"../DataItem";import styles from"../../styles.module.scss";const MENU_LABEL="Más",HeaderSection=e=>{let{classes:t,collapsableHeader:a,CustomHeaderComponent:n,HeaderComponent:s,headerItems:o,headerMainActionButton:r,headerSecondaryActionButton:l,hideHeader:c,mainActionDataTestId:i,pretitleComponent:m,secondaryActionDataTestId:d,showMainStatus:p,showTag:u,singleHeaderItemsColumn:y,statusProps:T,subtitle:h,tagProps:b,title:g,titleClass:E,titleDataTestId:f,titleProps:C}=e;const[I,R]=useState(!0),[v,U]=useState(),A=useMemo(()=>Array.isArray(l),[l]);return c?null:React.createElement(React.Fragment,null,React.createElement("div",{className:"".concat(styles.headerContainer," ").concat((null==t?void 0:t.headerContainer)||"")},m&&React.createElement("div",{className:styles.pretitleArea},m),s||React.createElement("div",{className:styles.headerArea},React.createElement("div",{className:styles.headerLeftArea},u&&b&&React.createElement(UTStatus,b,b.children),React.createElement("div",{className:styles.titleArea},React.createElement(UTLabel,_extends({className:E,dataTestId:f,variant:"title2",weight:"medium"},C),g),p&&React.createElement(UTStatus,T,T.label),a&&React.createElement(UTButton,{Icon:I?"IconChevronUp":"IconChevronDown",onClick:()=>R(!I),size:"small",variant:"text"})),h&&React.createElement("div",{className:styles.subtitleArea},React.createElement(UTLabel,{colorTheme:"gray"},h))),React.createElement("div",{className:styles.headerRightArea},!isEmpty(l)&&React.createElement(React.Fragment,null,A&&React.createElement(UTMenu,{anchor:v,iconBefore:!0,ItemComponent:UTButton,items:l,menuPlacement:"bottom-end",onClose:()=>U(),withMenuItem:!0}),React.createElement(UTButton,_extends({colorTheme:"secondary",dataTestId:d,onClick:A?e=>U(e.currentTarget):void 0,variant:"semitransparent"},!A&&l),A?"Más":l.text)),!isEmpty(r)&&React.createElement(UTButton,_extends({colorTheme:"success",dataTestId:i,variant:"filled"},r),r.text)))),n&&React.createElement(n,null),!isEmpty(o)&&React.createElement("div",{className:"".concat(styles.headerItemsContainer," \n          ").concat(I?styles.expandedContainer:styles.collapsedContainer," \n          ").concat(y&&styles.singleHeaderItemsColumn||"")},o.map(DataItem)))};HeaderSection.propTypes={classes:object,collapsableHeader:bool,CustomHeaderComponent:elementType,HeaderComponent:oneOfType([element,elementType]),headerItems:arrayOf(shape({title:string,icon:string,value:string})),headerMainActionButton:object,headerSecondaryActionButton:oneOfType([object,arrayOf(object)]),hideHeader:bool,mainActionDataTestId:string,pretitleComponent:oneOfType([element,elementType]),secondaryActionDataTestId:string,showMainStatus:bool,showTag:bool,singleHeaderItemsColumn:bool,statusProps:object,subtitle:string,tagProps:object,title:string,titleClass:string,titleDataTestId:string,titleProps:object};export default HeaderSection;