@widergy/energy-ui 3.172.1 → 3.172.3

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(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:panel}=TEST_IDS,AdditionalContentModule=_ref=>{let{activeId:activeId,additionalContent:additionalContent,onSelectItem:onSelectItem,tooltipContainer:tooltipContainer}=_ref;const activeContent=useMemo(()=>additionalContent.find(item=>item.id===activeId),[additionalContent,activeId]);if(!additionalContent||0===additionalContent.length)return null;const ActiveBodyComponent=null==activeContent?void 0:activeContent.BodyComponent,defaultTooltipContainer=tooltipContainer||(()=>document.body);return React.createElement("div",{className:styles.additionalContentWrapper},activeContent&&React.createElement(PerfectScrollbar,{options:{suppressScrollX:!0},className:styles.sidebarScroll},React.createElement("div",{className:styles.bodyComponent,"data-testid":panel.additionalContent.body},ActiveBodyComponent&&React.createElement(ActiveBodyComponent,null))),React.createElement("div",{className:"".concat(styles.sidebar," ").concat(activeContent?"":styles.sidebarCollapsed),"data-testid":panel.additionalContent.sidebar},React.createElement(PerfectScrollbar,{options:{suppressScrollX:!0},className:styles.sidebarScroll},React.createElement("div",{className:styles.sidebarContent},additionalContent.map(item=>{var _item$tooltipProps,_item$tooltipProps2,_item$tooltipProps$ti,_item$tooltipProps3,_item$tooltipProps4,_item$tooltipProps5;return React.createElement("div",{key:item.id,className:styles.sidebarItemWrapper},React.createElement(UTTooltip,_extends({content:(null===(_item$tooltipProps=item.tooltipProps)||void 0===_item$tooltipProps?void 0:_item$tooltipProps.content)||item.id,dataTestId:"".concat(panel.additionalContent.sidebarButton).concat(item.id,".tooltip"),tippyProps:{placement:(null===(_item$tooltipProps2=item.tooltipProps)||void 0===_item$tooltipProps2||null===(_item$tooltipProps2=_item$tooltipProps2.tippyProps)||void 0===_item$tooltipProps2?void 0:_item$tooltipProps2.placement)||"right",zIndex:null!==(_item$tooltipProps$ti=null===(_item$tooltipProps3=item.tooltipProps)||void 0===_item$tooltipProps3||null===(_item$tooltipProps3=_item$tooltipProps3.tippyProps)||void 0===_item$tooltipProps3?void 0:_item$tooltipProps3.zIndex)&&void 0!==_item$tooltipProps$ti?_item$tooltipProps$ti:9999,appendTo:(null===(_item$tooltipProps4=item.tooltipProps)||void 0===_item$tooltipProps4||null===(_item$tooltipProps4=_item$tooltipProps4.tippyProps)||void 0===_item$tooltipProps4?void 0:_item$tooltipProps4.appendTo)||defaultTooltipContainer,...(null===(_item$tooltipProps5=item.tooltipProps)||void 0===_item$tooltipProps5?void 0:_item$tooltipProps5.tippyProps)||{}}},(_ref2=>{let{_:_,...rest}=_ref2;return rest})(item.tooltipProps)),React.createElement("div",{className:styles.buttonWrapper},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&&React.createElement(UTStatus,{area:!0,areaType:"ROUNDED",className:styles.countBadge,size:"xsmall",type:"negative",variant:"accent",withoutIcon:!0},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;

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(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:panel}=TEST_IDS,BodySection=_ref=>{let{bodyContainerClass:bodyContainerClass,children:children,disableScrollbar:disableScrollbar,hideMainButton:hideMainButton,mainButton:mainButton,onEndReachedCallback:onEndReachedCallback,perfectScrollbarClass:perfectScrollbarClass,perfectScrollbarOptions:perfectScrollbarOptions}=_ref;return React.createElement(React.Fragment,null,React.createElement("div",{className:"".concat(styles.bodyWrapper," ").concat(bodyContainerClass||"")},disableScrollbar?children:React.createElement(PerfectScrollbar,{className:"".concat(styles.perfectScrollbar," ").concat(perfectScrollbarClass||""),onYReachEnd:onEndReachedCallback,options:{suppressScrollX:!0,...perfectScrollbarOptions}},children)),!hideMainButton&&React.createElement(UTButton,_extends({classNames:{root:styles.mainButton},dataTestId:panel.mainButton,size:"large"},mainButton),(null==mainButton?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;

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(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:panel}=TEST_IDS,ControlAreaSection=_ref=>{let{backButton:backButton,backButtonClass:backButtonClass,backButtonDataTestId:backButtonDataTestId,classes:classes,closeButtonClass:closeButtonClass,closeButtonDataTestId:closeButtonDataTestId,currentPage:currentPage,currentStep:currentStep,hideCloseButton:hideCloseButton,iconBackClass:iconBackClass,iconCloseClass:iconCloseClass,isWorkflow:isWorkflow,nextButton:nextButton,onClose:onClose,onGoBack:onGoBack,onOpen:onOpen,open:open,panelIsCollapsible:panelIsCollapsible,showBackButton:showBackButton,showPagination:showPagination,stepsCount:stepsCount,totalPages:totalPages}=_ref;return showBackButton||showPagination||!hideCloseButton||isWorkflow||panelIsCollapsible?React.createElement("div",{className:styles.controlAreaContainer},React.createElement("div",{className:styles.controlAreaBar},React.createElement("div",{className:styles.controlLeftArea},showBackButton&&React.createElement("div",{className:styles.backButtonContainer},React.createElement(UTButton,{classNames:{icon:iconBackClass,root:backButtonClass},dataTestId:backButtonDataTestId,Icon:"IconArrowLeft",onClick:onGoBack,variant:"text"})),showPagination&&React.createElement("div",{className:styles.paginationContainer},React.createElement(UTLabel,{colorTheme:"gray"},"".concat(currentPage," / ").concat(totalPages)),React.createElement(UTButton,_extends({dataTestId:panel.paginationPrev,Icon:"IconChevronLeft",variant:"text"},backButton)),React.createElement(UTButton,_extends({dataTestId:panel.paginationNext,Icon:"IconChevronRight",variant:"text"},nextButton)))),(panelIsCollapsible||!hideCloseButton)&&React.createElement(UTButton,{classNames:{icon:iconCloseClass,root:closeButtonClass},dataTestId:closeButtonDataTestId,Icon:panelIsCollapsible?"IconLayoutSidebarRight":"IconX",onClick:panelIsCollapsible&&!open?onOpen:onClose,variant:"text"})),isWorkflow&&React.createElement(UTProgressBar,{classNames:{barColorPrimary:classes.barColorPrimary,colorPrimary:classes.colorPrimary,container:styles.progressBarContainer},value:100*currentStep/stepsCount})):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=_ref=>{let{icon:icon,orientation:orientation=ORIENTATION.HORIZONTAL,size:size="M",title:title,value:value,valueRenderComponent:valueRenderComponent}=_ref;return React.createElement("div",{className:"".concat(styles.container," ").concat(styles[SIZES[size]])},!!icon&&React.createElement(UTIcon,{className:styles.icon,colorTheme:"gray",name:icon}),React.createElement("div",{className:"".concat(styles.textContainer," ").concat(styles[ORIENTATION[orientation]])},React.createElement(UTLabel,{colorTheme:"gray",weight:"medium"},title),valueRenderComponent?valueRenderComponent():React.createElement(UTLabel,null,value)))};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(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",HeaderSection=_ref=>{let{classes:classes,collapsableHeader:collapsableHeader,CustomHeaderComponent:CustomHeaderComponent,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton,headerSecondaryActionButton:headerSecondaryActionButton,hideHeader:hideHeader,mainActionDataTestId:mainActionDataTestId,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId,showMainStatus:showMainStatus,showTag:showTag,singleHeaderItemsColumn:singleHeaderItemsColumn,statusProps:statusProps,subtitle:subtitle,tagProps:tagProps,title:title,titleClass:titleClass,titleDataTestId:titleDataTestId,titleProps:titleProps}=_ref;const[collapseHeader,setCollapseHeader]=useState(!0),[anchor,setAnchor]=useState(),secondaryActionAsMenu=useMemo(()=>Array.isArray(headerSecondaryActionButton),[headerSecondaryActionButton]);return hideHeader?null:React.createElement(React.Fragment,null,React.createElement("div",{className:"".concat(styles.headerContainer," ").concat((null==classes?void 0:classes.headerContainer)||"")},pretitleComponent&&React.createElement("div",{className:styles.pretitleArea},pretitleComponent),HeaderComponent||React.createElement("div",{className:styles.headerArea},React.createElement("div",{className:styles.headerLeftArea},showTag&&tagProps&&React.createElement(UTStatus,tagProps,tagProps.children),React.createElement("div",{className:styles.titleArea},React.createElement(UTLabel,_extends({className:titleClass,dataTestId:titleDataTestId,variant:"title2",weight:"medium"},titleProps),title),showMainStatus&&React.createElement(UTStatus,statusProps,statusProps.label),collapsableHeader&&React.createElement(UTButton,{Icon:collapseHeader?"IconChevronUp":"IconChevronDown",onClick:()=>setCollapseHeader(!collapseHeader),size:"small",variant:"text"})),subtitle&&React.createElement("div",{className:styles.subtitleArea},React.createElement(UTLabel,{colorTheme:"gray"},subtitle))),React.createElement("div",{className:styles.headerRightArea},!isEmpty(headerSecondaryActionButton)&&React.createElement(React.Fragment,null,secondaryActionAsMenu&&React.createElement(UTMenu,{anchor:anchor,iconBefore:!0,ItemComponent:UTButton,items:headerSecondaryActionButton,menuPlacement:"bottom-end",onClose:()=>setAnchor(),withMenuItem:!0}),React.createElement(UTButton,_extends({colorTheme:"secondary",dataTestId:secondaryActionDataTestId,onClick:secondaryActionAsMenu?event=>setAnchor(event.currentTarget):void 0,variant:"semitransparent"},!secondaryActionAsMenu&&headerSecondaryActionButton),secondaryActionAsMenu?"Más":headerSecondaryActionButton.text)),!isEmpty(headerMainActionButton)&&React.createElement(UTButton,_extends({colorTheme:"success",dataTestId:mainActionDataTestId,variant:"filled"},headerMainActionButton),headerMainActionButton.text)))),CustomHeaderComponent&&React.createElement(CustomHeaderComponent,null),!isEmpty(headerItems)&&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;

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

@@ -1,7 +1 @@
-export const SIZES = {
-  L: 'large',
-  M: 'medium',
-  S: 'small'
-};
-export const ACCEPT_BUTTON_TEXT = 'Aceptar';
-export const MENU_LABEL = 'Más';
+export const SIZES={L:"large",M:"medium",S:"small"};export const ACCEPT_BUTTON_TEXT="Aceptar";export const MENU_LABEL="Más";