@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTActionCard/components/BottomActions/index.js

@@ -1,62 +1 @@
-import React, { Fragment, memo } from 'react';
-import { arrayOf, bool, elementType, func, oneOfType, shape, string } from 'prop-types';
-import Divider from '@material-ui/core/Divider';
-import UTButton from '../../../UTButton';
-import { ACTION_TYPES, SIZES } from '../../constants';
-import { DEFAULT_REDIRECTION_ICON } from './constants';
-import styles from './styles.module.scss';
-const BottomActions = _ref => {
-  let {
-    actions = [],
-    bottomActionsVariant,
-    size
-  } = _ref;
-  const type = actions.length > 2 ? ACTION_TYPES.REDIRECTION : bottomActionsVariant || ACTION_TYPES.DEFAULT;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.actionsContainer
-  }, actions.map((_ref2, index) => {
-    let {
-      colorTheme = 'primary',
-      dataTestId,
-      disabled,
-      Icon,
-      label,
-      loading,
-      onClick
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: label
-    }, /*#__PURE__*/React.createElement(UTButton, {
-      classNames: {
-        childrenContainer: "".concat(type === ACTION_TYPES.REDIRECTION && styles.redirectionChildrenContainer, " "),
-        root: "".concat(styles.actionButton, " ").concat(type === ACTION_TYPES.REDIRECTION && styles.fullWidth, " ").concat(size === SIZES.MEDIUM && styles.mediumPadding),
-        text: "".concat(type === ACTION_TYPES.REDIRECTION ? styles.redirectionText : styles.defaultText)
-      },
-      colorTheme: colorTheme,
-      dataTestId: dataTestId,
-      disabled: disabled,
-      Icon: type === ACTION_TYPES.REDIRECTION ? Icon || DEFAULT_REDIRECTION_ICON : Icon,
-      iconPlacement: type === ACTION_TYPES.REDIRECTION ? 'right' : 'left',
-      loading: loading,
-      onClick: onClick,
-      size: "large",
-      variant: "text"
-    }, label), actions.length > 1 && index < actions.length - 1 && /*#__PURE__*/React.createElement(Divider, {
-      className: styles.divider
-    }));
-  }));
-};
-BottomActions.propTypes = {
-  actions: arrayOf(shape({
-    colorTheme: string,
-    dataTestId: string,
-    disabled: bool,
-    Icon: oneOfType([elementType, string]),
-    label: string,
-    loading: bool,
-    onClick: func
-  })),
-  bottomActionsVariant: string,
-  size: string
-};
-export default /*#__PURE__*/memo(BottomActions);
+import React,{Fragment,memo}from"react";import{arrayOf,bool,elementType,func,oneOfType,shape,string}from"prop-types";import Divider from"@material-ui/core/Divider";import UTButton from"../../../UTButton";import{ACTION_TYPES,SIZES}from"../../constants";import{DEFAULT_REDIRECTION_ICON}from"./constants";import styles from"./styles.module.scss";const BottomActions=t=>{let{actions:e=[],bottomActionsVariant:o,size:n}=t;const a=e.length>2?ACTION_TYPES.REDIRECTION:o||ACTION_TYPES.DEFAULT;return React.createElement("div",{className:styles.actionsContainer},e.map((t,o)=>{let{colorTheme:r="primary",dataTestId:i,disabled:s,Icon:c,label:l,loading:m,onClick:T}=t;return React.createElement(Fragment,{key:l},React.createElement(UTButton,{classNames:{childrenContainer:"".concat(a===ACTION_TYPES.REDIRECTION&&styles.redirectionChildrenContainer," "),root:"".concat(styles.actionButton," ").concat(a===ACTION_TYPES.REDIRECTION&&styles.fullWidth," ").concat(n===SIZES.MEDIUM&&styles.mediumPadding),text:"".concat(a===ACTION_TYPES.REDIRECTION?styles.redirectionText:styles.defaultText)},colorTheme:r,dataTestId:i,disabled:s,Icon:a===ACTION_TYPES.REDIRECTION?c||DEFAULT_REDIRECTION_ICON:c,iconPlacement:a===ACTION_TYPES.REDIRECTION?"right":"left",loading:m,onClick:T,size:"large",variant:"text"},l),e.length>1&&o<e.length-1&&React.createElement(Divider,{className:styles.divider}))}))};BottomActions.propTypes={actions:arrayOf(shape({colorTheme:string,dataTestId:string,disabled:bool,Icon:oneOfType([elementType,string]),label:string,loading:bool,onClick:func})),bottomActionsVariant:string,size:string};export default memo(BottomActions);

package/dist/esm/components/UTActionCard/components/Header/constants.js

@@ -1,24 +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 UTAvatar from '../../../UTAvatar';
-import UTIcon from '../../../UTIcon';
-import styles from './styles.module.scss';
-export const ADORNMENT_COMPONENT_MAPPER = {
-  icon: UTIcon,
-  avatar: _ref => {
-    let {
-      className,
-      ...props
-    } = _ref;
-    return /*#__PURE__*/React.createElement(UTAvatar, _extends({
-      className: "".concat(styles.defaultAvatar, " ").concat(className),
-      labelProps: {
-        variant: 'title1',
-        weight: 'medium'
-      }
-    }, props));
-  },
-  image: props => /*#__PURE__*/React.createElement("img", _extends({
-    alt: ""
-  }, props))
-};
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var r in a)({}).hasOwnProperty.call(a,r)&&(t[r]=a[r])}return t},_extends.apply(null,arguments)}import React from"react";import UTAvatar from"../../../UTAvatar";import UTIcon from"../../../UTIcon";import styles from"./styles.module.scss";export const ADORNMENT_COMPONENT_MAPPER={icon:UTIcon,avatar:t=>{let{className:e,...a}=t;return React.createElement(UTAvatar,_extends({className:"".concat(styles.defaultAvatar," ").concat(e),labelProps:{variant:"title1",weight:"medium"}},a))},image:t=>React.createElement("img",_extends({alt:""},t))};

package/dist/esm/components/UTActionCard/components/Header/index.js

@@ -1,89 +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, { memo } from 'react';
-import { arrayOf, bool, elementType, func, number, object, objectOf, oneOf, oneOfType, shape, string } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import UTStatus from '../../../UTStatus';
-import UTLabel from '../../../UTLabel';
-import HeaderActions from '../HeaderActions';
-import { HEADER_ACTIONS_VARIANTS, PLACE_SELF_TYPES, SIZES } from '../../constants';
-import { renderAdornment, statusPropsMapper } from './utils';
-import styles from './styles.module.scss';
-const Header = _ref => {
-  let {
-    adornment,
-    classNames,
-    description,
-    descriptionProps,
-    headerActions,
-    headerActionsProps,
-    setMainActionHoverVisible,
-    size,
-    status,
-    statusAlignment,
-    statusDataTestId,
-    statusLabel,
-    title,
-    titleProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.header, " ").concat(styles[size], " ").concat(classNames.header)
-  }, renderAdornment(adornment, 'left'), /*#__PURE__*/React.createElement("div", {
-    className: styles.headerTitles
-  }, renderAdornment(adornment, 'top'), /*#__PURE__*/React.createElement("div", {
-    className: styles.titleAndDescription
-  }, /*#__PURE__*/React.createElement(UTLabel, _extends({
-    variant: "title3",
-    weight: "medium"
-  }, titleProps), title), description && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray"
-  }, descriptionProps), description))), status ? /*#__PURE__*/React.createElement(UTStatus, _extends({
-    className: "".concat(styles["placeSelf-".concat(statusAlignment)]),
-    labelDataTestId: statusDataTestId,
-    type: "light"
-  }, statusPropsMapper(status)), statusLabel || status) : null, !isEmpty(headerActions) && /*#__PURE__*/React.createElement(HeaderActions, {
-    headerActions,
-    headerActionsProps,
-    setMainActionHoverVisible
-  }));
-};
-Header.propTypes = {
-  adornment: shape({
-    position: string,
-    props: object,
-    type: string
-  }),
-  classNames: objectOf(string),
-  description: string,
-  descriptionProps: shape({
-    colorTheme: string,
-    variant: string
-  }),
-  headerActions: arrayOf(shape({
-    Icon: oneOfType([elementType, string]),
-    id: oneOfType([number, string]),
-    isPrimary: bool,
-    label: string,
-    loading: bool,
-    onClick: func
-  })),
-  headerActionsProps: shape({
-    alignment: oneOf([PLACE_SELF_TYPES.CENTER, PLACE_SELF_TYPES.END, PLACE_SELF_TYPES.START]),
-    buttonGroupProps: shape({
-      colorTheme: string,
-      shape: string
-    }),
-    variant: oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT, HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
-  }),
-  setMainActionHoverVisible: func,
-  size: oneOf([SIZES.MEDIUM, SIZES.SMALL]),
-  status: string,
-  statusAlignment: oneOf([PLACE_SELF_TYPES.CENTER, PLACE_SELF_TYPES.END, PLACE_SELF_TYPES.START]),
-  statusDataTestId: string,
-  statusLabel: string,
-  title: string,
-  titleProps: shape({
-    variant: string,
-    weight: string
-  })
-};
-export default /*#__PURE__*/memo(Header);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)({}).hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},_extends.apply(null,arguments)}import React,{memo}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import UTStatus from"../../../UTStatus";import UTLabel from"../../../UTLabel";import HeaderActions from"../HeaderActions";import{HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"../../constants";import{renderAdornment,statusPropsMapper}from"./utils";import styles from"./styles.module.scss";const Header=e=>{let{adornment:t,classNames:s,description:r,descriptionProps:a,headerActions:n,headerActionsProps:o,setMainActionHoverVisible:i,size:l,status:c,statusAlignment:p,statusDataTestId:m,statusLabel:d,title:E,titleProps:T}=e;return React.createElement("div",{className:"".concat(styles.header," ").concat(styles[l]," ").concat(s.header)},renderAdornment(t,"left"),React.createElement("div",{className:styles.headerTitles},renderAdornment(t,"top"),React.createElement("div",{className:styles.titleAndDescription},React.createElement(UTLabel,_extends({variant:"title3",weight:"medium"},T),E),r&&React.createElement(UTLabel,_extends({colorTheme:"gray"},a),r))),c?React.createElement(UTStatus,_extends({className:"".concat(styles["placeSelf-".concat(p)]),labelDataTestId:m,type:"light"},statusPropsMapper(c)),d||c):null,!isEmpty(n)&&React.createElement(HeaderActions,{headerActions:n,headerActionsProps:o,setMainActionHoverVisible:i}))};Header.propTypes={adornment:shape({position:string,props:object,type:string}),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),id:oneOfType([number,string]),isPrimary:bool,label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:func,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),statusDataTestId:string,statusLabel:string,title:string,titleProps:shape({variant:string,weight:string})};export default memo(Header);

package/dist/esm/components/UTActionCard/components/Header/utils.js

@@ -1,146 +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 { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import { PLACE_SELF_TYPES } from '../../constants';
-import { ADORNMENT_COMPONENT_MAPPER } from './constants';
-import styles from './styles.module.scss';
-const ACTIVE = 'active';
-const APPROVED = 'approved';
-const CHARGED_BILL = 'factura cobrada';
-const FINISHED = 'finished';
-const INACTIVE = 'inactive';
-const PENDING = 'pending';
-const BILLED = 'cobrada';
-const PAID = 'pagado';
-const ABOUT_TO_EXPIRE = 'por vencer';
-const UNPAID = 'impaga';
-const SUBSCRIBED = 'subscribed_from_utility';
-const UNSUBSCRIBED = 'unsubscribed';
-const CLOSED_STATUS = 'completed';
-const OBSERVED_STATUS = 'observed';
-const ONGOING_STATUS = 'pending';
-const FORM_STATUS = {
-  CANCELED: 'cancelled',
-  FINISHED: 'finished',
-  IN_PROGRESS: 'in_progress',
-  ON_HOLD: 'on_hold',
-  COMPLETED: 'completed'
-};
-const PAYMENTPLAN_STATUS = {
-  ACTIVE: 'active',
-  CANCELLED: 'canceled',
-  DRAFT: 'draft',
-  FINISHED: 'finished',
-  PENDING: 'pending',
-  PAYMENT_IN_PROGRESS: 'payment_in_progress',
-  PENDING_OFFLINE_PAYMENT: 'pending_offline_payment',
-  PENDING_PAYMENT: 'pending_payment'
-};
-export const statusPropsMapper = status => ({
-  [ACTIVE]: {
-    variant: 'success',
-    withoutIcon: true
-  },
-  [APPROVED]: {
-    variant: 'success',
-    withoutIcon: true
-  },
-  [CHARGED_BILL]: {
-    variant: 'success',
-    withoutIcon: true
-  },
-  [CLOSED_STATUS]: {
-    variant: 'unassigned',
-    withoutIcon: true
-  },
-  [BILLED]: {
-    variant: 'success',
-    withoutIcon: true,
-    type: 'light'
-  },
-  [FINISHED]: {
-    variant: 'success',
-    withoutIcon: true
-  },
-  [INACTIVE]: {
-    variant: 'error',
-    withoutIcon: true
-  },
-  [OBSERVED_STATUS]: {
-    variant: 'warning',
-    withoutIcon: true
-  },
-  [ONGOING_STATUS]: {
-    variant: 'information',
-    withoutIcon: true
-  },
-  [PAID]: {
-    variant: 'success',
-    withoutIcon: true,
-    type: 'light'
-  },
-  [PAYMENTPLAN_STATUS.CANCELLED]: {
-    variant: 'error',
-    withoutIcon: true
-  },
-  [PAYMENTPLAN_STATUS.DRAFT]: {
-    variant: 'unassigned',
-    withoutIcon: true
-  },
-  [PAYMENTPLAN_STATUS.PAYMENT_IN_PROGRESS]: {
-    variant: 'warning',
-    withoutIcon: true
-  },
-  [PAYMENTPLAN_STATUS.PENDING_OFFLINE_PAYMENT]: {
-    variant: 'warning',
-    withoutIcon: true
-  },
-  [PAYMENTPLAN_STATUS.PENDING_PAYMENT]: {
-    variant: 'warning',
-    withoutIcon: true
-  },
-  [PENDING]: {
-    variant: 'information',
-    withoutIcon: true
-  },
-  [ABOUT_TO_EXPIRE]: {
-    variant: 'unassigned',
-    withoutIcon: true,
-    type: 'light'
-  },
-  [SUBSCRIBED]: {
-    variant: 'success'
-  },
-  [UNSUBSCRIBED]: {
-    variant: 'error'
-  },
-  [UNPAID]: {
-    variant: 'warning',
-    withoutIcon: true,
-    type: 'light'
-  },
-  [FORM_STATUS.CANCELED]: {
-    variant: 'error',
-    withoutIcon: true
-  },
-  [FORM_STATUS.IN_PROGRESS]: {
-    variant: 'information',
-    withoutIcon: true
-  },
-  [FORM_STATUS.ON_HOLD]: {
-    variant: 'warning',
-    withoutIcon: true
-  }
-})[status === null || status === void 0 ? void 0 : status.toLowerCase()] || {
-  variant: 'error',
-  withoutIcon: true
-};
-export const renderAdornment = (adornment, position) => {
-  var _adornment$props;
-  if (objectIsEmpty(adornment) || adornment.position !== position) return null;
-  const AdornmentComponent = ADORNMENT_COMPONENT_MAPPER[adornment.type];
-  const defaultPlaceSelf = adornment.position === 'left' ? PLACE_SELF_TYPES.CENTER : PLACE_SELF_TYPES.START;
-  return /*#__PURE__*/React.createElement(AdornmentComponent, _extends({}, adornment.props || {}, {
-    className: "".concat(styles.adornment, " ").concat(styles["placeSelf-".concat(adornment.alignment || defaultPlaceSelf)], "  ").concat(((_adornment$props = adornment.props) === null || _adornment$props === void 0 ? void 0 : _adornment$props.className) || '')
-  }));
-};
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var i in o)({}).hasOwnProperty.call(o,i)&&(t[i]=o[i])}return t},_extends.apply(null,arguments)}import React from"react";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{PLACE_SELF_TYPES}from"../../constants";import{ADORNMENT_COMPONENT_MAPPER}from"./constants";import styles from"./styles.module.scss";const ACTIVE="active",APPROVED="approved",CHARGED_BILL="factura cobrada",FINISHED="finished",INACTIVE="inactive",PENDING="pending",BILLED="cobrada",PAID="pagado",ABOUT_TO_EXPIRE="por vencer",UNPAID="impaga",SUBSCRIBED="subscribed_from_utility",UNSUBSCRIBED="unsubscribed",CLOSED_STATUS="completed",OBSERVED_STATUS="observed",ONGOING_STATUS="pending",FORM_STATUS={CANCELED:"cancelled",FINISHED:"finished",IN_PROGRESS:"in_progress",ON_HOLD:"on_hold",COMPLETED:"completed"},PAYMENTPLAN_STATUS={ACTIVE:"active",CANCELLED:"canceled",DRAFT:"draft",FINISHED:"finished",PENDING:"pending",PAYMENT_IN_PROGRESS:"payment_in_progress",PENDING_OFFLINE_PAYMENT:"pending_offline_payment",PENDING_PAYMENT:"pending_payment"};export const statusPropsMapper=t=>({[ACTIVE]:{variant:"success",withoutIcon:!0},[APPROVED]:{variant:"success",withoutIcon:!0},[CHARGED_BILL]:{variant:"success",withoutIcon:!0},[CLOSED_STATUS]:{variant:"unassigned",withoutIcon:!0},[BILLED]:{variant:"success",withoutIcon:!0,type:"light"},[FINISHED]:{variant:"success",withoutIcon:!0},[INACTIVE]:{variant:"error",withoutIcon:!0},[OBSERVED_STATUS]:{variant:"warning",withoutIcon:!0},[ONGOING_STATUS]:{variant:"information",withoutIcon:!0},[PAID]:{variant:"success",withoutIcon:!0,type:"light"},[PAYMENTPLAN_STATUS.CANCELLED]:{variant:"error",withoutIcon:!0},[PAYMENTPLAN_STATUS.DRAFT]:{variant:"unassigned",withoutIcon:!0},[PAYMENTPLAN_STATUS.PAYMENT_IN_PROGRESS]:{variant:"warning",withoutIcon:!0},[PAYMENTPLAN_STATUS.PENDING_OFFLINE_PAYMENT]:{variant:"warning",withoutIcon:!0},[PAYMENTPLAN_STATUS.PENDING_PAYMENT]:{variant:"warning",withoutIcon:!0},[PENDING]:{variant:"information",withoutIcon:!0},[ABOUT_TO_EXPIRE]:{variant:"unassigned",withoutIcon:!0,type:"light"},[SUBSCRIBED]:{variant:"success"},[UNSUBSCRIBED]:{variant:"error"},[UNPAID]:{variant:"warning",withoutIcon:!0,type:"light"},[FORM_STATUS.CANCELED]:{variant:"error",withoutIcon:!0},[FORM_STATUS.IN_PROGRESS]:{variant:"information",withoutIcon:!0},[FORM_STATUS.ON_HOLD]:{variant:"warning",withoutIcon:!0}}[null==t?void 0:t.toLowerCase()]||{variant:"error",withoutIcon:!0});export const renderAdornment=(t,n)=>{var o;if(objectIsEmpty(t)||t.position!==n)return null;const i=ADORNMENT_COMPONENT_MAPPER[t.type],a="left"===t.position?PLACE_SELF_TYPES.CENTER:PLACE_SELF_TYPES.START;return React.createElement(i,_extends({},t.props||{},{className:"".concat(styles.adornment," ").concat(styles["placeSelf-".concat(t.alignment||a)],"  ").concat((null===(o=t.props)||void 0===o?void 0:o.className)||"")}))};

package/dist/esm/components/UTActionCard/components/HeaderActions/index.js

@@ -1,121 +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, { Fragment, memo, useState } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { arrayOf, bool, elementType, func, number, oneOf, oneOfType, shape, string } from 'prop-types';
-import UTButton from '../../../UTButton';
-import UTButtonGroup from '../../../UTButtonGroup';
-import UTMenu from '../../../UTMenu';
-import UTTooltip from '../../../UTTooltip';
-import { HEADER_ACTIONS_VARIANTS, PLACE_SELF_TYPES } from '../../constants';
-import { processActions } from './utils';
-import styles from './styles.module.scss';
-const HeaderActions = _ref => {
-  var _headerActions$find, _secondaryActions$;
-  let {
-    headerActions,
-    headerActionsProps,
-    setMainActionHoverVisible
-  } = _ref;
-  const [menu, setMenu] = useState();
-  const [selectedAction, setSelectedAction] = useState((_headerActions$find = headerActions.find(_ref2 => {
-    let {
-      selectedDefault
-    } = _ref2;
-    return selectedDefault;
-  })) === null || _headerActions$find === void 0 ? void 0 : _headerActions$find.id);
-  const showButtonGroup = headerActionsProps.variant === HEADER_ACTIONS_VARIANTS.BUTTON_GROUP;
-  const {
-    colorTheme: buttonGroupColorTheme = 'secondary',
-    shape: buttonGroupShape
-  } = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonGroupProps) || {};
-  const handleSetMainActionHoverVisible = () => setMainActionHoverVisible(true);
-  const handleSetMainActionHoverHidden = () => setMainActionHoverVisible(false);
-  const openMenu = event => setMenu(event.currentTarget);
-  const closeMenu = () => {
-    handleSetMainActionHoverVisible();
-    setMenu();
-  };
-  const {
-    primaryActions,
-    secondaryActions
-  } = processActions(headerActions, !showButtonGroup ? closeMenu : null);
-  const buttonSize = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonSize) || 'medium';
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerActionsContainer, " ").concat(styles["placeSelf-".concat(headerActionsProps.alignment)]),
-    onClick: e => e.stopPropagation(),
-    onMouseEnter: handleSetMainActionHoverHidden,
-    onMouseLeave: handleSetMainActionHoverVisible
-  }, primaryActions.map(buttonProps => /*#__PURE__*/React.createElement(UTTooltip, {
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false
-    },
-    content: buttonProps.label && /*#__PURE__*/React.createElement("span", null, buttonProps.label)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTButton, _extends({}, buttonProps, {
-    classNames: {
-      root: styles.zIndex
-    },
-    size: buttonSize,
-    variant: "text"
-  }), buttonProps.title)))), !isEmpty(secondaryActions) && (!showButtonGroup ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(UTMenu, {
-    anchor: menu,
-    iconBefore: true,
-    items: secondaryActions,
-    menuPlacement: "bottom-end",
-    onClose: closeMenu,
-    scrollBarProps: {
-      options: {
-        suppressScrollY: true,
-        suppressScrollX: true
-      }
-    }
-  }), /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: styles.zIndex
-    },
-    Icon: "IconDots",
-    onClick: e => {
-      e.stopPropagation();
-      if (menu) {
-        setMenu();
-      } else {
-        openMenu(e);
-      }
-    },
-    size: "medium",
-    variant: "text"
-  })) : /*#__PURE__*/React.createElement(UTButtonGroup, {
-    actions: secondaryActions.map(action => ({
-      ...action,
-      onClick: () => {
-        setSelectedAction(action.id);
-        action.onClick();
-      }
-    })),
-    colorTheme: buttonGroupColorTheme,
-    selected: selectedAction || ((_secondaryActions$ = secondaryActions[0]) === null || _secondaryActions$ === void 0 ? void 0 : _secondaryActions$.id),
-    shape: buttonGroupShape
-  })));
-};
-HeaderActions.propTypes = {
-  headerActions: arrayOf(shape({
-    Icon: oneOfType([elementType, string]),
-    id: oneOfType([number, string]),
-    isPrimary: bool,
-    title: string,
-    label: string,
-    loading: bool,
-    onClick: func,
-    selectedDefault: bool
-  })),
-  headerActionsProps: shape({
-    alignment: oneOf([PLACE_SELF_TYPES.CENTER, PLACE_SELF_TYPES.END, PLACE_SELF_TYPES.START]),
-    buttonGroupProps: shape({
-      colorTheme: string,
-      shape: string
-    }),
-    variant: oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT, HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
-  }),
-  setMainActionHoverVisible: func
-};
-export default /*#__PURE__*/memo(HeaderActions);
+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,{Fragment,memo,useState}from"react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,elementType,func,number,oneOf,oneOfType,shape,string}from"prop-types";import UTButton from"../../../UTButton";import UTButtonGroup from"../../../UTButtonGroup";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES}from"../../constants";import{processActions}from"./utils";import styles from"./styles.module.scss";const HeaderActions=e=>{var t,o;let{headerActions:n,headerActionsProps:r,setMainActionHoverVisible:s}=e;const[a,i]=useState(),[l,c]=useState(null===(t=n.find(e=>{let{selectedDefault:t}=e;return t}))||void 0===t?void 0:t.id),p=r.variant===HEADER_ACTIONS_VARIANTS.BUTTON_GROUP,{colorTheme:m="secondary",shape:u}=(null==r?void 0:r.buttonGroupProps)||{},T=()=>s(!0),d=()=>{T(),i()},{primaryActions:E,secondaryActions:A}=processActions(n,p?null:d),f=(null==r?void 0:r.buttonSize)||"medium";return React.createElement("div",{className:"".concat(styles.headerActionsContainer," ").concat(styles["placeSelf-".concat(r.alignment)]),onClick:e=>e.stopPropagation(),onMouseEnter:()=>s(!1),onMouseLeave:T},E.map(e=>React.createElement(UTTooltip,{tippyProps:{appendTo:()=>document.body,interactive:!1},content:e.label&&React.createElement("span",null,e.label)},React.createElement("div",null,React.createElement(UTButton,_extends({},e,{classNames:{root:styles.zIndex},size:f,variant:"text"}),e.title)))),!isEmpty(A)&&(p?React.createElement(UTButtonGroup,{actions:A.map(e=>({...e,onClick:()=>{c(e.id),e.onClick()}})),colorTheme:m,selected:l||(null===(o=A[0])||void 0===o?void 0:o.id),shape:u}):React.createElement(Fragment,null,React.createElement(UTMenu,{anchor:a,iconBefore:!0,items:A,menuPlacement:"bottom-end",onClose:d,scrollBarProps:{options:{suppressScrollY:!0,suppressScrollX:!0}}}),React.createElement(UTButton,{classNames:{root:styles.zIndex},Icon:"IconDots",onClick:e=>{e.stopPropagation(),a?i():i(e.currentTarget)},size:"medium",variant:"text"}))))};HeaderActions.propTypes={headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),id:oneOfType([number,string]),isPrimary:bool,title:string,label:string,loading:bool,onClick:func,selectedDefault:bool})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:func};export default memo(HeaderActions);

package/dist/esm/components/UTActionCard/components/HeaderActions/utils.js

@@ -1,23 +1 @@
-import isEmpty from 'lodash/isEmpty';
-const mapAction = (action, onClickHandler) => ({
-  ...action,
-  onClick: e => {
-    var _action$onClick;
-    e === null || e === void 0 || e.stopPropagation();
-    if (onClickHandler) onClickHandler();
-    action === null || action === void 0 || (_action$onClick = action.onClick) === null || _action$onClick === void 0 || _action$onClick.call(action);
-  }
-});
-export const processActions = (headerActions, onClickHandler) => headerActions.reduce((final, current) => {
-  if (current.isPrimary && isEmpty(final.primaryActions)) return {
-    ...final,
-    primaryActions: [current]
-  };
-  return {
-    ...final,
-    secondaryActions: [...final.secondaryActions, mapAction(current, onClickHandler)]
-  };
-}, {
-  primaryActions: [],
-  secondaryActions: []
-});
+import isEmpty from"lodash/isEmpty";const mapAction=(o,i)=>({...o,onClick:n=>{var s;null==n||n.stopPropagation(),i&&i(),null==o||null===(s=o.onClick)||void 0===s||s.call(o)}});export const processActions=(o,i)=>o.reduce((o,n)=>n.isPrimary&&isEmpty(o.primaryActions)?{...o,primaryActions:[n]}:{...o,secondaryActions:[...o.secondaryActions,mapAction(n,i)]},{primaryActions:[],secondaryActions:[]});

package/dist/esm/components/UTActionCard/constants.js

@@ -1,17 +1 @@
-export const SIZES = {
-  MEDIUM: 'medium',
-  SMALL: 'small'
-};
-export const ACTION_TYPES = {
-  DEFAULT: 'default',
-  REDIRECTION: 'redirection'
-};
-export const HEADER_ACTIONS_VARIANTS = {
-  BUTTON_GROUP: 'buttonGroup',
-  DEFAULT: 'default'
-};
-export const PLACE_SELF_TYPES = {
-  CENTER: 'center',
-  END: 'end',
-  START: 'start'
-};
+export const SIZES={MEDIUM:"medium",SMALL:"small"};export const ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"};export const HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"};export const PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"};