@widergy/energy-ui 3.172.2 → 3.172.3

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=_ref=>{let{actions:actions=[],bottomActionsVariant:bottomActionsVariant,size:size}=_ref;const type=actions.length>2?ACTION_TYPES.REDIRECTION:bottomActionsVariant||ACTION_TYPES.DEFAULT;return React.createElement("div",{className:styles.actionsContainer},actions.map((_ref2,index)=>{let{colorTheme:colorTheme="primary",dataTestId:dataTestId,disabled:disabled,Icon:Icon,label:label,loading:loading,onClick:onClick}=_ref2;return React.createElement(Fragment,{key:label},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&&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(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:className,...props}=_ref;return React.createElement(UTAvatar,_extends({className:"".concat(styles.defaultAvatar," ").concat(className),labelProps:{variant:"title1",weight:"medium"}},props))},image:props=>React.createElement("img",_extends({alt:""},props))};

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(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:adornment,classNames:classNames,description:description,descriptionProps:descriptionProps,headerActions:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible:setMainActionHoverVisible,size:size,status:status,statusAlignment:statusAlignment,statusDataTestId:statusDataTestId,statusLabel:statusLabel,title:title,titleProps:titleProps}=_ref;return React.createElement("div",{className:"".concat(styles.header," ").concat(styles[size]," ").concat(classNames.header)},renderAdornment(adornment,"left"),React.createElement("div",{className:styles.headerTitles},renderAdornment(adornment,"top"),React.createElement("div",{className:styles.titleAndDescription},React.createElement(UTLabel,_extends({variant:"title3",weight:"medium"},titleProps),title),description&&React.createElement(UTLabel,_extends({colorTheme:"gray"},descriptionProps),description))),status?React.createElement(UTStatus,_extends({className:"".concat(styles["placeSelf-".concat(statusAlignment)]),labelDataTestId:statusDataTestId,type:"light"},statusPropsMapper(status)),statusLabel||status):null,!isEmpty(headerActions)&&React.createElement(HeaderActions,{headerActions:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible: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 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(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",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=status=>({[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==status?void 0:status.toLowerCase()]||{variant:"error",withoutIcon:!0});export const renderAdornment=(adornment,position)=>{var _adornment$props;if(objectIsEmpty(adornment)||adornment.position!==position)return null;const AdornmentComponent=ADORNMENT_COMPONENT_MAPPER[adornment.type],defaultPlaceSelf="left"===adornment.position?PLACE_SELF_TYPES.CENTER:PLACE_SELF_TYPES.START;return React.createElement(AdornmentComponent,_extends({},adornment.props||{},{className:"".concat(styles.adornment," ").concat(styles["placeSelf-".concat(adornment.alignment||defaultPlaceSelf)],"  ").concat((null===(_adornment$props=adornment.props)||void 0===_adornment$props?void 0:_adornment$props.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(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:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible:setMainActionHoverVisible}=_ref;const[menu,setMenu]=useState(),[selectedAction,setSelectedAction]=useState(null===(_headerActions$find=headerActions.find(_ref2=>{let{selectedDefault:selectedDefault}=_ref2;return selectedDefault}))||void 0===_headerActions$find?void 0:_headerActions$find.id),showButtonGroup=headerActionsProps.variant===HEADER_ACTIONS_VARIANTS.BUTTON_GROUP,{colorTheme:buttonGroupColorTheme="secondary",shape:buttonGroupShape}=(null==headerActionsProps?void 0:headerActionsProps.buttonGroupProps)||{},handleSetMainActionHoverVisible=()=>setMainActionHoverVisible(!0),closeMenu=()=>{handleSetMainActionHoverVisible(),setMenu()},{primaryActions:primaryActions,secondaryActions:secondaryActions}=processActions(headerActions,showButtonGroup?null:closeMenu),buttonSize=(null==headerActionsProps?void 0:headerActionsProps.buttonSize)||"medium";return React.createElement("div",{className:"".concat(styles.headerActionsContainer," ").concat(styles["placeSelf-".concat(headerActionsProps.alignment)]),onClick:e=>e.stopPropagation(),onMouseEnter:()=>setMainActionHoverVisible(!1),onMouseLeave:handleSetMainActionHoverVisible},primaryActions.map(buttonProps=>React.createElement(UTTooltip,{tippyProps:{appendTo:()=>document.body,interactive:!1},content:buttonProps.label&&React.createElement("span",null,buttonProps.label)},React.createElement("div",null,React.createElement(UTButton,_extends({},buttonProps,{classNames:{root:styles.zIndex},size:buttonSize,variant:"text"}),buttonProps.title)))),!isEmpty(secondaryActions)&&(showButtonGroup?React.createElement(UTButtonGroup,{actions:secondaryActions.map(action=>({...action,onClick:()=>{setSelectedAction(action.id),action.onClick()}})),colorTheme:buttonGroupColorTheme,selected:selectedAction||(null===(_secondaryActions$=secondaryActions[0])||void 0===_secondaryActions$?void 0:_secondaryActions$.id),shape:buttonGroupShape}):React.createElement(Fragment,null,React.createElement(UTMenu,{anchor:menu,iconBefore:!0,items:secondaryActions,menuPlacement:"bottom-end",onClose:closeMenu,scrollBarProps:{options:{suppressScrollY:!0,suppressScrollX:!0}}}),React.createElement(UTButton,{classNames:{root:styles.zIndex},Icon:"IconDots",onClick:e=>{e.stopPropagation(),menu?setMenu():setMenu(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=(action,onClickHandler)=>({...action,onClick:e=>{var _action$onClick;null==e||e.stopPropagation(),onClickHandler&&onClickHandler(),null==action||null===(_action$onClick=action.onClick)||void 0===_action$onClick||_action$onClick.call(action)}});export const processActions=(headerActions,onClickHandler)=>headerActions.reduce((final,current)=>current.isPrimary&&isEmpty(final.primaryActions)?{...final,primaryActions:[current]}:{...final,secondaryActions:[...final.secondaryActions,mapAction(current,onClickHandler)]},{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"};