@widergy/energy-ui 3.173.3 → 3.174.0

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

@@ -1,128 +1 @@
-import { COLOR_SHADES, COLOR_THEMES as PALETTE_COLOR_THEMES } from '../../constants/Palette';
-export const COLOR_THEMES = {
-  error: 'error',
-  info: 'info',
-  success: 'success',
-  warning: 'warning',
-  white: 'white'
-};
-export const VARIANTS = {
-  dark: 'dark',
-  light: 'light'
-};
-export const POSITIONS = {
-  bottomLeft: 'bottomLeft',
-  bottomRight: 'bottomRight',
-  topLeft: 'topLeft',
-  topRight: 'topRight'
-};
-export const DEFAULT_PROPS = {
-  colorTheme: COLOR_THEMES.success,
-  open: false,
-  position: POSITIONS.bottomLeft,
-  variant: VARIANTS.dark
-};
-export const VARIANT_CLASS_MAP = {
-  ["".concat(COLOR_THEMES.success, "-").concat(VARIANTS.dark)]: 'successDark',
-  ["".concat(COLOR_THEMES.error, "-").concat(VARIANTS.dark)]: 'errorDark',
-  ["".concat(COLOR_THEMES.warning, "-").concat(VARIANTS.dark)]: 'warningDark',
-  ["".concat(COLOR_THEMES.info, "-").concat(VARIANTS.dark)]: 'infoDark',
-  ["".concat(COLOR_THEMES.success, "-").concat(VARIANTS.light)]: 'successLight',
-  ["".concat(COLOR_THEMES.error, "-").concat(VARIANTS.light)]: 'errorLight',
-  ["".concat(COLOR_THEMES.warning, "-").concat(VARIANTS.light)]: 'warningLight',
-  ["".concat(COLOR_THEMES.info, "-").concat(VARIANTS.light)]: 'infoLight',
-  ["".concat(COLOR_THEMES.white, "-").concat(VARIANTS.light)]: 'whiteLight',
-  ["".concat(COLOR_THEMES.white, "-").concat(VARIANTS.dark)]: 'whiteDark'
-};
-export const LABEL_COLOR_MAP = {
-  successDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  errorDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  warningDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  infoDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  successLight: {
-    colorTheme: PALETTE_COLOR_THEMES.success,
-    shade: COLOR_SHADES.shade05
-  },
-  errorLight: {
-    colorTheme: PALETTE_COLOR_THEMES.error,
-    shade: COLOR_SHADES.shade05
-  },
-  warningLight: {
-    colorTheme: PALETTE_COLOR_THEMES.warning,
-    shade: COLOR_SHADES.shade05
-  },
-  infoLight: {
-    colorTheme: PALETTE_COLOR_THEMES.information,
-    shade: COLOR_SHADES.shade05
-  },
-  whiteLight: {
-    colorTheme: PALETTE_COLOR_THEMES.dark,
-    shade: COLOR_SHADES.shade05
-  },
-  whiteDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  }
-};
-export const ACTION_BUTTON_CONFIG_MAP = {
-  successDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  errorDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  warningDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  infoDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  successLight: {
-    colorTheme: PALETTE_COLOR_THEMES.success,
-    variant: 'text'
-  },
-  errorLight: {
-    colorTheme: PALETTE_COLOR_THEMES.error,
-    variant: 'text'
-  },
-  warningLight: {
-    colorTheme: PALETTE_COLOR_THEMES.warning,
-    variant: 'text'
-  },
-  infoLight: {
-    colorTheme: PALETTE_COLOR_THEMES.information,
-    variant: 'text'
-  },
-  whiteLight: {
-    colorTheme: PALETTE_COLOR_THEMES.primary,
-    closeColorTheme: PALETTE_COLOR_THEMES.neutral,
-    variant: 'text'
-  },
-  whiteDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  }
-};
-export const ICON_NAME_MAP = {
-  [COLOR_THEMES.error]: 'IconCircleX',
-  [COLOR_THEMES.info]: 'IconInfoCircle',
-  [COLOR_THEMES.success]: 'IconCircleCheck',
-  [COLOR_THEMES.warning]: 'IconAlertTriangle',
-  [COLOR_THEMES.white]: 'IconInfoCircle'
-};
+import{COLOR_SHADES,COLOR_THEMES as PALETTE_COLOR_THEMES}from"../../constants/Palette";export const COLOR_THEMES={error:"error",info:"info",success:"success",warning:"warning",white:"white"};export const VARIANTS={dark:"dark",light:"light"};export const POSITIONS={bottomLeft:"bottomLeft",bottomRight:"bottomRight",topLeft:"topLeft",topRight:"topRight"};export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.success,open:!1,position:POSITIONS.bottomLeft,variant:VARIANTS.dark};export const VARIANT_CLASS_MAP={["".concat(COLOR_THEMES.success,"-").concat(VARIANTS.dark)]:"successDark",["".concat(COLOR_THEMES.error,"-").concat(VARIANTS.dark)]:"errorDark",["".concat(COLOR_THEMES.warning,"-").concat(VARIANTS.dark)]:"warningDark",["".concat(COLOR_THEMES.info,"-").concat(VARIANTS.dark)]:"infoDark",["".concat(COLOR_THEMES.success,"-").concat(VARIANTS.light)]:"successLight",["".concat(COLOR_THEMES.error,"-").concat(VARIANTS.light)]:"errorLight",["".concat(COLOR_THEMES.warning,"-").concat(VARIANTS.light)]:"warningLight",["".concat(COLOR_THEMES.info,"-").concat(VARIANTS.light)]:"infoLight",["".concat(COLOR_THEMES.white,"-").concat(VARIANTS.light)]:"whiteLight",["".concat(COLOR_THEMES.white,"-").concat(VARIANTS.dark)]:"whiteDark"};export const LABEL_COLOR_MAP={successDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},errorDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},warningDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},infoDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},successLight:{colorTheme:PALETTE_COLOR_THEMES.success,shade:COLOR_SHADES.shade05},errorLight:{colorTheme:PALETTE_COLOR_THEMES.error,shade:COLOR_SHADES.shade05},warningLight:{colorTheme:PALETTE_COLOR_THEMES.warning,shade:COLOR_SHADES.shade05},infoLight:{colorTheme:PALETTE_COLOR_THEMES.information,shade:COLOR_SHADES.shade05},whiteLight:{colorTheme:PALETTE_COLOR_THEMES.dark,shade:COLOR_SHADES.shade05},whiteDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01}};export const ACTION_BUTTON_CONFIG_MAP={successDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},errorDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},warningDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},infoDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},successLight:{colorTheme:PALETTE_COLOR_THEMES.success,variant:"text"},errorLight:{colorTheme:PALETTE_COLOR_THEMES.error,variant:"text"},warningLight:{colorTheme:PALETTE_COLOR_THEMES.warning,variant:"text"},infoLight:{colorTheme:PALETTE_COLOR_THEMES.information,variant:"text"},whiteLight:{colorTheme:PALETTE_COLOR_THEMES.primary,closeColorTheme:PALETTE_COLOR_THEMES.neutral,variant:"text"},whiteDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"}};export const ICON_NAME_MAP={[COLOR_THEMES.error]:"IconCircleX",[COLOR_THEMES.info]:"IconInfoCircle",[COLOR_THEMES.success]:"IconCircleCheck",[COLOR_THEMES.warning]:"IconAlertTriangle",[COLOR_THEMES.white]:"IconInfoCircle"};

package/dist/esm/components/UTSnackbar/index.js

@@ -1,127 +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, oneOf, string } from 'prop-types';
-import Slide from '@material-ui/core/Slide';
-import Snackbar from '@material-ui/core/Snackbar';
-import UTButton from '../UTButton';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { ID_CONSTANTS } from '../../constants/testIds';
-import { ACTION_BUTTON_CONFIG_MAP, COLOR_THEMES, DEFAULT_PROPS, ICON_NAME_MAP, LABEL_COLOR_MAP, POSITIONS, VARIANT_CLASS_MAP, VARIANTS } from './constants';
-import { getAnchorAndTransition } from './utils';
-import { retrieveMuiTheme } from './theme';
-import { buttonType } from './types';
-import styles from './styles.module.scss';
-const UTSnackbar = _ref => {
-  let {
-    button,
-    colorTheme = DEFAULT_PROPS.colorTheme,
-    dataTestId,
-    description,
-    icon,
-    message,
-    onClose,
-    open = DEFAULT_PROPS.open,
-    position = DEFAULT_PROPS.position,
-    secondaryButton,
-    timeDuration,
-    variant = DEFAULT_PROPS.variant,
-    withoutIcon
-  } = _ref;
-  const handleClose = (_, reason) => {
-    if (reason === 'clickaway') return;
-    onClose === null || onClose === void 0 || onClose();
-  };
-  const variantKey = "".concat(colorTheme, "-").concat(variant);
-  const variantClassKey = VARIANT_CLASS_MAP[variantKey];
-  const variantClass = styles[variantClassKey] || '';
-  const labelColorConfig = LABEL_COLOR_MAP[variantClassKey] || LABEL_COLOR_MAP.successDark;
-  const actionButtonConfig = ACTION_BUTTON_CONFIG_MAP[variantClassKey];
-  const iconName = withoutIcon ? null : icon || ICON_NAME_MAP[colorTheme];
-  const {
-    anchor,
-    transition
-  } = getAnchorAndTransition(position);
-  const testIds = {
-    close: dataTestId ? "".concat(dataTestId, ".close") : undefined,
-    description: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.DESCRIPTION, ".").concat(ID_CONSTANTS.LABEL) : undefined,
-    icon: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.ICON) : undefined,
-    label: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.LABEL) : undefined,
-    primaryButton: dataTestId ? "".concat(dataTestId, ".button.").concat(ID_CONSTANTS.SECONDARY_ACTION) : undefined,
-    secondaryButton: dataTestId ? "".concat(dataTestId, ".secondaryButton.").concat(ID_CONSTANTS.TERTIARY_ACTION) : undefined
-  };
-  return /*#__PURE__*/React.createElement(Snackbar, {
-    action: [!!secondaryButton && /*#__PURE__*/React.createElement(UTButton, _extends({
-      key: "secondary",
-      colorTheme: actionButtonConfig.colorTheme
-    }, secondaryButton, {
-      dataTestId: testIds.secondaryButton
-    }), secondaryButton.title), !!button && /*#__PURE__*/React.createElement(UTButton, _extends({
-      key: "primary",
-      colorTheme: actionButtonConfig.colorTheme
-    }, button, {
-      dataTestId: testIds.primaryButton
-    }), button.title), /*#__PURE__*/React.createElement(UTButton, {
-      key: "close",
-      colorTheme: actionButtonConfig.closeColorTheme || actionButtonConfig.colorTheme,
-      dataTestId: testIds.close,
-      Icon: "IconX",
-      onClick: handleClose,
-      variant: actionButtonConfig.variant
-    })],
-    anchorOrigin: anchor,
-    autoHideDuration: timeDuration,
-    ContentProps: {
-      className: "".concat(styles.snackbarContent, " ").concat(variantClass),
-      classes: {
-        action: styles.action,
-        message: styles.message
-      }
-    },
-    message: /*#__PURE__*/React.createElement("div", {
-      className: styles.messageContent
-    }, iconName && /*#__PURE__*/React.createElement(UTIcon, {
-      className: styles.icon,
-      colorTheme: labelColorConfig.colorTheme,
-      dataTestId: testIds.icon,
-      name: iconName,
-      shade: labelColorConfig.shade,
-      size: 20
-    }), /*#__PURE__*/React.createElement("div", {
-      className: styles.textContent
-    }, /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: labelColorConfig.colorTheme,
-      dataTestId: testIds.label,
-      shade: labelColorConfig.shade,
-      variant: "body",
-      weight: "medium",
-      withMarkdown: true
-    }, message), description && /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: labelColorConfig.colorTheme,
-      dataTestId: testIds.description,
-      shade: labelColorConfig.shade,
-      variant: "small"
-    }, description))),
-    onClose: handleClose,
-    open: open,
-    TransitionComponent: Slide,
-    TransitionProps: transition
-  });
-};
-UTSnackbar.propTypes = {
-  button: buttonType,
-  colorTheme: oneOf(Object.values(COLOR_THEMES)),
-  dataTestId: string,
-  description: string,
-  icon: string,
-  message: string,
-  onClose: func,
-  open: bool,
-  position: oneOf(Object.values(POSITIONS)),
-  secondaryButton: buttonType,
-  timeDuration: number,
-  variant: oneOf(Object.values(VARIANTS)),
-  withoutIcon: bool
-};
-export default WithTheme(undefined, retrieveMuiTheme)(UTSnackbar);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React from"react";import{bool,func,number,oneOf,string}from"prop-types";import Slide from"@material-ui/core/Slide";import Snackbar from"@material-ui/core/Snackbar";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{ID_CONSTANTS}from"../../constants/testIds";import{ACTION_BUTTON_CONFIG_MAP,COLOR_THEMES,DEFAULT_PROPS,ICON_NAME_MAP,LABEL_COLOR_MAP,POSITIONS,VARIANT_CLASS_MAP,VARIANTS}from"./constants";import{getAnchorAndTransition}from"./utils";import{retrieveMuiTheme}from"./theme";import{buttonType}from"./types";import styles from"./styles.module.scss";const UTSnackbar=e=>{let{button:t,colorTheme:o=DEFAULT_PROPS.colorTheme,dataTestId:n,description:a,icon:c,message:r,onClose:s,open:i=DEFAULT_PROPS.open,position:T=DEFAULT_PROPS.position,secondaryButton:l,timeDuration:m,variant:d=DEFAULT_PROPS.variant,withoutIcon:O}=e;const u=(e,t)=>{"clickaway"!==t&&(null==s||s())},A="".concat(o,"-").concat(d),p=VARIANT_CLASS_MAP[A],I=styles[p]||"",S=LABEL_COLOR_MAP[p]||LABEL_COLOR_MAP.successDark,h=ACTION_BUTTON_CONFIG_MAP[p],_=O?null:c||ICON_NAME_MAP[o],{anchor:N,transition:C}=getAnchorAndTransition(T),b={close:n?"".concat(n,".close"):void 0,description:n?"".concat(n,".").concat(ID_CONSTANTS.DESCRIPTION,".").concat(ID_CONSTANTS.LABEL):void 0,icon:n?"".concat(n,".").concat(ID_CONSTANTS.ICON):void 0,label:n?"".concat(n,".").concat(ID_CONSTANTS.LABEL):void 0,primaryButton:n?"".concat(n,".button.").concat(ID_CONSTANTS.SECONDARY_ACTION):void 0,secondaryButton:n?"".concat(n,".secondaryButton.").concat(ID_CONSTANTS.TERTIARY_ACTION):void 0};return React.createElement(Snackbar,{action:[!!l&&React.createElement(UTButton,_extends({key:"secondary",colorTheme:h.colorTheme},l,{dataTestId:b.secondaryButton}),l.title),!!t&&React.createElement(UTButton,_extends({key:"primary",colorTheme:h.colorTheme},t,{dataTestId:b.primaryButton}),t.title),React.createElement(UTButton,{key:"close",colorTheme:h.closeColorTheme||h.colorTheme,dataTestId:b.close,Icon:"IconX",onClick:u,variant:h.variant})],anchorOrigin:N,autoHideDuration:m,ContentProps:{className:"".concat(styles.snackbarContent," ").concat(I),classes:{action:styles.action,message:styles.message}},message:React.createElement("div",{className:styles.messageContent},_&&React.createElement(UTIcon,{className:styles.icon,colorTheme:S.colorTheme,dataTestId:b.icon,name:_,shade:S.shade,size:20}),React.createElement("div",{className:styles.textContent},React.createElement(UTLabel,{colorTheme:S.colorTheme,dataTestId:b.label,shade:S.shade,variant:"body",weight:"medium",withMarkdown:!0},r),a&&React.createElement(UTLabel,{colorTheme:S.colorTheme,dataTestId:b.description,shade:S.shade,variant:"small"},a))),onClose:u,open:i,TransitionComponent:Slide,TransitionProps:C})};UTSnackbar.propTypes={button:buttonType,colorTheme:oneOf(Object.values(COLOR_THEMES)),dataTestId:string,description:string,icon:string,message:string,onClose:func,open:bool,position:oneOf(Object.values(POSITIONS)),secondaryButton:buttonType,timeDuration:number,variant:oneOf(Object.values(VARIANTS)),withoutIcon:bool};export default WithTheme(void 0,retrieveMuiTheme)(UTSnackbar);

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

@@ -1,50 +1 @@
-import { createTheme } from '@material-ui/core/styles';
-export const retrieveMuiTheme = theme => {
-  var _theme$Fonts;
-  return createTheme({
-    typography: {
-      fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily
-    },
-    overrides: {
-      MuiSnackbarContent: {
-        root: {
-          minWidth: 288,
-          maxWidth: 568,
-          padding: 'var(--UT-snackbar-padding-y, 8px) var(--UT-snackbar-padding-x, 12px)',
-          borderRadius: 'var(--UT-snackbar-radius, 4px)',
-          '@media (max-width : 767px)': {
-            borderRadius: 0,
-            maxWidth: 'initial',
-            width: '100%'
-          }
-        },
-        message: {
-          flex: 1,
-          padding: 0
-        },
-        action: {
-          marginLeft: 'var(--UT-snackbar-gap-action-area, 12px)',
-          marginRight: 0,
-          paddingLeft: 0
-        }
-      },
-      MuiSnackbar: {
-        root: {
-          '@media (max-width : 767px)': {
-            left: 0,
-            maxWidth: 'initial',
-            right: 0,
-            width: '100%'
-          }
-        },
-        anchorOriginBottomLeft: {
-          bottom: 0,
-          '@media (max-width : 767px)': {
-            bottom: 0,
-            left: 0
-          }
-        }
-      }
-    }
-  });
-};
+import{createTheme}from"@material-ui/core/styles";export const retrieveMuiTheme=a=>{var i;return createTheme({typography:{fontFamily:null==a||null===(i=a.Fonts)||void 0===i?void 0:i.fontFamily},overrides:{MuiSnackbarContent:{root:{minWidth:288,maxWidth:568,padding:"var(--UT-snackbar-padding-y, 8px) var(--UT-snackbar-padding-x, 12px)",borderRadius:"var(--UT-snackbar-radius, 4px)","@media (max-width : 767px)":{borderRadius:0,maxWidth:"initial",width:"100%"}},message:{flex:1,padding:0},action:{marginLeft:"var(--UT-snackbar-gap-action-area, 12px)",marginRight:0,paddingLeft:0}},MuiSnackbar:{root:{"@media (max-width : 767px)":{left:0,maxWidth:"initial",right:0,width:"100%"}},anchorOriginBottomLeft:{bottom:0,"@media (max-width : 767px)":{bottom:0,left:0}}}}})};

package/dist/esm/components/UTSnackbar/types.js

@@ -1,14 +1 @@
-import { bool, func, node, oneOfType, shape, string } from 'prop-types';
-export const buttonType = shape({
-  colorTheme: string,
-  dataTestId: string,
-  disabled: bool,
-  Icon: oneOfType([string, func]),
-  iconPlacement: string,
-  loading: bool,
-  onClick: func,
-  size: string,
-  title: node,
-  type: string,
-  variant: string
-});
+import{bool,func,node,oneOfType,shape,string}from"prop-types";export const buttonType=shape({colorTheme:string,dataTestId:string,disabled:bool,Icon:oneOfType([string,func]),iconPlacement:string,loading:bool,onClick:func,size:string,title:node,type:string,variant:string});

package/dist/esm/components/UTSnackbar/utils.js

@@ -1,46 +1 @@
-import { POSITIONS } from './constants';
-const ANCHOR_TRANSITION_MAP = {
-  [POSITIONS.bottomLeft]: {
-    anchor: {
-      horizontal: 'left',
-      vertical: 'bottom'
-    },
-    transition: {
-      direction: 'up'
-    }
-  },
-  [POSITIONS.bottomRight]: {
-    anchor: {
-      horizontal: 'right',
-      vertical: 'bottom'
-    },
-    transition: {
-      direction: 'up'
-    }
-  },
-  [POSITIONS.topLeft]: {
-    anchor: {
-      horizontal: 'left',
-      vertical: 'top'
-    },
-    transition: {
-      direction: 'down'
-    }
-  },
-  [POSITIONS.topRight]: {
-    anchor: {
-      horizontal: 'right',
-      vertical: 'top'
-    },
-    transition: {
-      direction: 'left'
-    }
-  }
-};
-
-/**
- * Devuelve anchorOrigin y TransitionProps para el Snackbar según la posición indicada.
- * @param {string} position - Posición del snackbar (bottomLeft, bottomRight, topLeft, topRight).
- * @returns {{ anchor: { horizontal: string, vertical: string }, transition: { direction: string } }}
- */
-export const getAnchorAndTransition = position => ANCHOR_TRANSITION_MAP[position] || ANCHOR_TRANSITION_MAP[POSITIONS.bottomLeft];
+import{POSITIONS}from"./constants";const ANCHOR_TRANSITION_MAP={[POSITIONS.bottomLeft]:{anchor:{horizontal:"left",vertical:"bottom"},transition:{direction:"up"}},[POSITIONS.bottomRight]:{anchor:{horizontal:"right",vertical:"bottom"},transition:{direction:"up"}},[POSITIONS.topLeft]:{anchor:{horizontal:"left",vertical:"top"},transition:{direction:"down"}},[POSITIONS.topRight]:{anchor:{horizontal:"right",vertical:"top"},transition:{direction:"left"}}};export const getAnchorAndTransition=t=>ANCHOR_TRANSITION_MAP[t]||ANCHOR_TRANSITION_MAP[POSITIONS.bottomLeft];

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

@@ -1,43 +1 @@
-import UTBadge from '../UTBadge';
-import UTIcon from '../UTIcon';
-export const SIZES = {
-  large: 'large',
-  medium: 'medium',
-  small: 'small',
-  xlarge: 'xlarge',
-  xsmall: 'xsmall'
-};
-export const VARIANTS = {
-  accent: 'accent',
-  error: 'error',
-  information: 'information',
-  success: 'success',
-  unassigned: 'unassigned',
-  warning: 'warning'
-};
-export const TYPES = {
-  accent: 'accent',
-  default: 'default',
-  light: 'light',
-  negative: 'negative'
-};
-export const AREA_TYPES = {
-  SQUARE: 'SQUARE',
-  ROUNDED: 'ROUNDED'
-};
-export const DEFAULT_PROPS = {
-  areaType: AREA_TYPES.SQUARE,
-  size: 'medium',
-  type: 'default',
-  variant: 'success',
-  weight: 'medium',
-  withoutIcon: false
-};
-export const COMPONENT_KEYS = {
-  BADGE: 'Badge',
-  ICON: 'Icon'
-};
-export const COMPONENTS_MAPPER = {
-  [COMPONENT_KEYS.BADGE]: UTBadge,
-  [COMPONENT_KEYS.ICON]: UTIcon
-};
+import UTBadge from"../UTBadge";import UTIcon from"../UTIcon";export const SIZES={large:"large",medium:"medium",small:"small",xlarge:"xlarge",xsmall:"xsmall"};export const VARIANTS={accent:"accent",error:"error",information:"information",success:"success",unassigned:"unassigned",warning:"warning"};export const TYPES={accent:"accent",default:"default",light:"light",negative:"negative"};export const AREA_TYPES={SQUARE:"SQUARE",ROUNDED:"ROUNDED"};export const DEFAULT_PROPS={areaType:AREA_TYPES.SQUARE,size:"medium",type:"default",variant:"success",weight:"medium",withoutIcon:!1};export const COMPONENT_KEYS={BADGE:"Badge",ICON:"Icon"};export const COMPONENTS_MAPPER={[COMPONENT_KEYS.BADGE]:UTBadge,[COMPONENT_KEYS.ICON]:UTIcon};

package/dist/esm/components/UTStatus/index.js

@@ -1,142 +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, { useCallback, useMemo } from 'react';
-import { bool, string, objectOf, elementType, object, oneOfType, element, arrayOf } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import Skeleton from '../UTSkeleton';
-import UTTooltip from '../UTTooltip';
-import { defaultIconMapper, getColorTheme, getLabelVariant, retrieveStyle, validateProps } from './theme';
-import { AREA_TYPES, COMPONENTS_MAPPER, DEFAULT_PROPS, TYPES } from './constants';
-import { getAdornmentsThemeProps, getIconProps, validateAdornments } from './utils';
-import styles from './styles.module.scss';
-const UTStatus = _ref => {
-  let {
-    adornments = [],
-    area = true,
-    areaType = DEFAULT_PROPS.areaType,
-    children,
-    classes,
-    className,
-    Icon,
-    labelDataTestId,
-    size = DEFAULT_PROPS.size,
-    title,
-    tooltip,
-    tooltipProps = {},
-    truncate,
-    type = DEFAULT_PROPS.type,
-    variant = DEFAULT_PROPS.variant,
-    weight = DEFAULT_PROPS.weight,
-    withoutIcon
-  } = _ref;
-  const StatusIcon = Icon !== null && Icon !== void 0 ? Icon : defaultIconMapper(variant);
-  const {
-    leftAdornments,
-    rightAdornments
-  } = useMemo(() => {
-    const left = [];
-    const right = [];
-    if (!validateAdornments(adornments)) return {
-      leftAdornments: left,
-      rightAdornments: right
-    };
-    adornments.forEach((item, index) => {
-      if (item.left || item.right) {
-        if (item.left) left.push({
-          ...item.left,
-          key: item.left.key || "".concat(item.left.name, "-left-").concat(index)
-        });
-        if (item.right) right.push({
-          ...item.right,
-          key: item.right.key || "".concat(item.right.name, "-right-").concat(index)
-        });
-      } else {
-        left.push({
-          ...item,
-          key: item.key || "".concat(item.name, "-").concat(index)
-        });
-      }
-    });
-    return {
-      leftAdornments: left,
-      rightAdornments: right
-    };
-  }, [adornments]);
-  const useValidAdornments = leftAdornments.length > 0 || rightAdornments.length > 0;
-  const {
-    IconComponent,
-    ...iconProps
-  } = useMemo(() => getIconProps(validateProps({
-    className: classes.icon,
-    Icon: StatusIcon,
-    type,
-    variant,
-    size
-  })), [StatusIcon, type, variant, size, classes.icon]);
-  const showTooltip = !isEmpty(tooltip);
-  const colorTheme = getColorTheme(validateProps({
-    type,
-    variant
-  }));
-  const renderAdornment = useCallback(adornment => {
-    const Component = COMPONENTS_MAPPER[adornment.name];
-    const themeProps = getAdornmentsThemeProps({
-      area,
-      classes,
-      size,
-      adornmentName: adornment.name
-    });
-    const adornmentProps = {
-      variant,
-      ...((adornment === null || adornment === void 0 ? void 0 : adornment.props) || {}),
-      ...themeProps
-    };
-    return Component ? /*#__PURE__*/React.createElement(Component, _extends({}, adornmentProps, {
-      key: (adornment === null || adornment === void 0 ? void 0 : adornment.key) || adornment.name
-    })) : null;
-  }, [adornments, size, variant]);
-  const StatusRender = /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.root, " ").concat(truncate ? styles.truncated : '', " ").concat(className || '', " ").concat(area ? '' : classes.withoutArea, " ").concat(areaType === AREA_TYPES.SQUARE ? '' : classes.roundedArea),
-    title: title
-  }, useValidAdornments && leftAdornments.map(renderAdornment), withoutIcon || useValidAdornments ? null : /*#__PURE__*/React.createElement(IconComponent, iconProps), /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(classes.label, " ").concat(truncate ? styles.truncatedLabel : ''),
-    colorTheme: colorTheme,
-    shade: type !== TYPES.negative ? '05' : undefined,
-    dataTestId: labelDataTestId,
-    variant: getLabelVariant({
-      size
-    }),
-    weight: weight
-  }, children), useValidAdornments && rightAdornments.map(renderAdornment));
-  return /*#__PURE__*/React.createElement(Skeleton, null, showTooltip ? /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip,
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false,
-      arrow: false,
-      ...tooltipProps
-    }
-  }, StatusRender) : StatusRender);
-};
-UTStatus.defaultProps = DEFAULT_PROPS;
-UTStatus.propTypes = {
-  adornments: arrayOf(object),
-  area: bool,
-  areaType: string,
-  classes: objectOf(string),
-  className: string,
-  Icon: elementType,
-  iconProps: object,
-  labelDataTestId: string,
-  size: string,
-  title: string,
-  tooltip: oneOfType([string, element]),
-  tooltipProps: object,
-  truncate: bool,
-  type: string,
-  variant: string,
-  weight: string,
-  withoutIcon: bool
-};
-export default WithTheme(retrieveStyle)(UTStatus);
+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 a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}import React,{useCallback,useMemo}from"react";import{bool,string,objectOf,elementType,object,oneOfType,element,arrayOf}from"prop-types";import isEmpty from"lodash/isEmpty";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import Skeleton from"../UTSkeleton";import UTTooltip from"../UTTooltip";import{defaultIconMapper,getColorTheme,getLabelVariant,retrieveStyle,validateProps}from"./theme";import{AREA_TYPES,COMPONENTS_MAPPER,DEFAULT_PROPS,TYPES}from"./constants";import{getAdornmentsThemeProps,getIconProps,validateAdornments}from"./utils";import styles from"./styles.module.scss";const UTStatus=e=>{let{adornments:t=[],area:o=!0,areaType:a=DEFAULT_PROPS.areaType,children:n,classes:r,className:s,Icon:l,labelDataTestId:i,size:c=DEFAULT_PROPS.size,title:m,tooltip:p,tooltipProps:T={},truncate:d,type:u=DEFAULT_PROPS.type,variant:h=DEFAULT_PROPS.variant,weight:g=DEFAULT_PROPS.weight,withoutIcon:y}=e;const P=null!=l?l:defaultIconMapper(h),{leftAdornments:f,rightAdornments:E}=useMemo(()=>{const e=[],o=[];return validateAdornments(t)?(t.forEach((t,a)=>{t.left||t.right?(t.left&&e.push({...t.left,key:t.left.key||"".concat(t.left.name,"-left-").concat(a)}),t.right&&o.push({...t.right,key:t.right.key||"".concat(t.right.name,"-right-").concat(a)})):e.push({...t,key:t.key||"".concat(t.name,"-").concat(a)})}),{leftAdornments:e,rightAdornments:o}):{leftAdornments:e,rightAdornments:o}},[t]),A=f.length>0||E.length>0,{IconComponent:b,...v}=useMemo(()=>getIconProps(validateProps({className:r.icon,Icon:P,type:u,variant:h,size:c})),[P,u,h,c,r.icon]),S=!isEmpty(p),O=getColorTheme(validateProps({type:u,variant:h})),R=useCallback(e=>{const t=COMPONENTS_MAPPER[e.name],a=getAdornmentsThemeProps({area:o,classes:r,size:c,adornmentName:e.name}),n={variant:h,...(null==e?void 0:e.props)||{},...a};return t?React.createElement(t,_extends({},n,{key:(null==e?void 0:e.key)||e.name})):null},[t,c,h]),U=React.createElement("div",{className:"".concat(r.root," ").concat(d?styles.truncated:""," ").concat(s||""," ").concat(o?"":r.withoutArea," ").concat(a===AREA_TYPES.SQUARE?"":r.roundedArea),title:m},A&&f.map(R),y||A?null:React.createElement(b,v),React.createElement(UTLabel,{className:"".concat(r.label," ").concat(d?styles.truncatedLabel:""),colorTheme:O,shade:u!==TYPES.negative?"05":void 0,dataTestId:i,variant:getLabelVariant({size:c}),weight:g},n),A&&E.map(R));return React.createElement(Skeleton,null,S?React.createElement(UTTooltip,{content:p,tippyProps:{appendTo:()=>document.body,interactive:!1,arrow:!1,...T}},U):U)};UTStatus.defaultProps=DEFAULT_PROPS,UTStatus.propTypes={adornments:arrayOf(object),area:bool,areaType:string,classes:objectOf(string),className:string,Icon:elementType,iconProps:object,labelDataTestId:string,size:string,title:string,tooltip:oneOfType([string,element]),tooltipProps:object,truncate:bool,type:string,variant:string,weight:string,withoutIcon:bool};export default WithTheme(retrieveStyle)(UTStatus);