@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTStatus/index.js

@@ -1,150 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTSkeleton = _interopRequireDefault(require("../UTSkeleton"));
-var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const UTStatus = _ref => {
-  let {
-    adornments = [],
-    area = true,
-    areaType = _constants.DEFAULT_PROPS.areaType,
-    children,
-    classes,
-    className,
-    Icon,
-    labelDataTestId,
-    size = _constants.DEFAULT_PROPS.size,
-    title,
-    tooltip,
-    tooltipProps = {},
-    truncate,
-    type = _constants.DEFAULT_PROPS.type,
-    variant = _constants.DEFAULT_PROPS.variant,
-    weight = _constants.DEFAULT_PROPS.weight,
-    withoutIcon
-  } = _ref;
-  const StatusIcon = Icon !== null && Icon !== void 0 ? Icon : (0, _theme.defaultIconMapper)(variant);
-  const {
-    leftAdornments,
-    rightAdornments
-  } = (0, _react.useMemo)(() => {
-    const left = [];
-    const right = [];
-    if (!(0, _utils.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
-  } = (0, _react.useMemo)(() => (0, _utils.getIconProps)((0, _theme.validateProps)({
-    className: classes.icon,
-    Icon: StatusIcon,
-    type,
-    variant,
-    size
-  })), [StatusIcon, type, variant, size, classes.icon]);
-  const showTooltip = !(0, _isEmpty.default)(tooltip);
-  const colorTheme = (0, _theme.getColorTheme)((0, _theme.validateProps)({
-    type,
-    variant
-  }));
-  const renderAdornment = (0, _react.useCallback)(adornment => {
-    const Component = _constants.COMPONENTS_MAPPER[adornment.name];
-    const themeProps = (0, _utils.getAdornmentsThemeProps)({
-      area,
-      classes,
-      size,
-      adornmentName: adornment.name
-    });
-    const adornmentProps = {
-      variant,
-      ...((adornment === null || adornment === void 0 ? void 0 : adornment.props) || {}),
-      ...themeProps
-    };
-    return Component ? /*#__PURE__*/_react.default.createElement(Component, _extends({}, adornmentProps, {
-      key: (adornment === null || adornment === void 0 ? void 0 : adornment.key) || adornment.name
-    })) : null;
-  }, [adornments, size, variant]);
-  const StatusRender = /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.root, " ").concat(truncate ? _stylesModule.default.truncated : '', " ").concat(className || '', " ").concat(area ? '' : classes.withoutArea, " ").concat(areaType === _constants.AREA_TYPES.SQUARE ? '' : classes.roundedArea),
-    title: title
-  }, useValidAdornments && leftAdornments.map(renderAdornment), withoutIcon || useValidAdornments ? null : /*#__PURE__*/_react.default.createElement(IconComponent, iconProps), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(classes.label, " ").concat(truncate ? _stylesModule.default.truncatedLabel : ''),
-    colorTheme: colorTheme,
-    shade: type !== _constants.TYPES.negative ? '05' : undefined,
-    dataTestId: labelDataTestId,
-    variant: (0, _theme.getLabelVariant)({
-      size
-    }),
-    weight: weight
-  }, children), useValidAdornments && rightAdornments.map(renderAdornment));
-  return /*#__PURE__*/_react.default.createElement(_UTSkeleton.default, null, showTooltip ? /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip,
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false,
-      arrow: false,
-      ...tooltipProps
-    }
-  }, StatusRender) : StatusRender);
-};
-UTStatus.defaultProps = _constants.DEFAULT_PROPS;
-UTStatus.propTypes = {
-  adornments: (0, _propTypes.arrayOf)(_propTypes.object),
-  area: _propTypes.bool,
-  areaType: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  className: _propTypes.string,
-  Icon: _propTypes.elementType,
-  iconProps: _propTypes.object,
-  labelDataTestId: _propTypes.string,
-  size: _propTypes.string,
-  title: _propTypes.string,
-  tooltip: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.element]),
-  tooltipProps: _propTypes.object,
-  truncate: _propTypes.bool,
-  type: _propTypes.string,
-  variant: _propTypes.string,
-  weight: _propTypes.string,
-  withoutIcon: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTStatus);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTSkeleton=_interopRequireDefault(require("../UTSkeleton")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_theme=require("./theme"),_constants=require("./constants"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}const UTStatus=_ref=>{let{adornments:adornments=[],area:area=!0,areaType:areaType=_constants.DEFAULT_PROPS.areaType,children:children,classes:classes,className:className,Icon:Icon,labelDataTestId:labelDataTestId,size:size=_constants.DEFAULT_PROPS.size,title:title,tooltip:tooltip,tooltipProps:tooltipProps={},truncate:truncate,type:type=_constants.DEFAULT_PROPS.type,variant:variant=_constants.DEFAULT_PROPS.variant,weight:weight=_constants.DEFAULT_PROPS.weight,withoutIcon:withoutIcon}=_ref;const StatusIcon=null!=Icon?Icon:(0,_theme.defaultIconMapper)(variant),{leftAdornments:leftAdornments,rightAdornments:rightAdornments}=(0,_react.useMemo)(()=>{const left=[],right=[];return(0,_utils.validateAdornments)(adornments)?(adornments.forEach((item,index)=>{item.left||item.right?(item.left&&left.push({...item.left,key:item.left.key||"".concat(item.left.name,"-left-").concat(index)}),item.right&&right.push({...item.right,key:item.right.key||"".concat(item.right.name,"-right-").concat(index)})):left.push({...item,key:item.key||"".concat(item.name,"-").concat(index)})}),{leftAdornments:left,rightAdornments:right}):{leftAdornments:left,rightAdornments:right}},[adornments]),useValidAdornments=leftAdornments.length>0||rightAdornments.length>0,{IconComponent:IconComponent,...iconProps}=(0,_react.useMemo)(()=>(0,_utils.getIconProps)((0,_theme.validateProps)({className:classes.icon,Icon:StatusIcon,type:type,variant:variant,size:size})),[StatusIcon,type,variant,size,classes.icon]),showTooltip=!(0,_isEmpty.default)(tooltip),colorTheme=(0,_theme.getColorTheme)((0,_theme.validateProps)({type:type,variant:variant})),renderAdornment=(0,_react.useCallback)(adornment=>{const Component=_constants.COMPONENTS_MAPPER[adornment.name],themeProps=(0,_utils.getAdornmentsThemeProps)({area:area,classes:classes,size:size,adornmentName:adornment.name}),adornmentProps={variant:variant,...(null==adornment?void 0:adornment.props)||{},...themeProps};return Component?_react.default.createElement(Component,_extends({},adornmentProps,{key:(null==adornment?void 0:adornment.key)||adornment.name})):null},[adornments,size,variant]),StatusRender=_react.default.createElement("div",{className:"".concat(classes.root," ").concat(truncate?_stylesModule.default.truncated:""," ").concat(className||""," ").concat(area?"":classes.withoutArea," ").concat(areaType===_constants.AREA_TYPES.SQUARE?"":classes.roundedArea),title:title},useValidAdornments&&leftAdornments.map(renderAdornment),withoutIcon||useValidAdornments?null:_react.default.createElement(IconComponent,iconProps),_react.default.createElement(_UTLabel.default,{className:"".concat(classes.label," ").concat(truncate?_stylesModule.default.truncatedLabel:""),colorTheme:colorTheme,shade:type!==_constants.TYPES.negative?"05":void 0,dataTestId:labelDataTestId,variant:(0,_theme.getLabelVariant)({size:size}),weight:weight},children),useValidAdornments&&rightAdornments.map(renderAdornment));return _react.default.createElement(_UTSkeleton.default,null,showTooltip?_react.default.createElement(_UTTooltip.default,{content:tooltip,tippyProps:{appendTo:()=>document.body,interactive:!1,arrow:!1,...tooltipProps}},StatusRender):StatusRender)};UTStatus.defaultProps=_constants.DEFAULT_PROPS,UTStatus.propTypes={adornments:(0,_propTypes.arrayOf)(_propTypes.object),area:_propTypes.bool,areaType:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,Icon:_propTypes.elementType,iconProps:_propTypes.object,labelDataTestId:_propTypes.string,size:_propTypes.string,title:_propTypes.string,tooltip:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.element]),tooltipProps:_propTypes.object,truncate:_propTypes.bool,type:_propTypes.string,variant:_propTypes.string,weight:_propTypes.string,withoutIcon:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatus);

package/dist/components/UTStatus/theme.js

@@ -1,228 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateProps = exports.retrieveStyle = exports.getLabelVariant = exports.getIconSize = exports.getColorTheme = exports.defaultIconMapper = void 0;
-var _Palette = require("../../constants/Palette");
-var _constants = require("./constants");
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    type,
-    variant
-  } = _ref;
-  return variant !== _constants.VARIANTS.unassigned ? theme.Palette[variant][type === _constants.TYPES.negative ? '04' : '01'] : type === _constants.TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
-};
-const getIconFill = _ref2 => {
-  let {
-    theme,
-    type,
-    variant
-  } = _ref2;
-  return {
-    [_constants.TYPES.default]: theme.Palette.dark['05'],
-    [_constants.TYPES.light]: theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : 'gray']['05'],
-    [_constants.TYPES.negative]: theme.Palette.light['01']
-  }[type];
-};
-const getGridGap = _ref3 => {
-  let {
-    size
-  } = _ref3;
-  return {
-    [_constants.SIZES.large]: 'var(--UT-status-gap-large, 0.5rem)',
-    [_constants.SIZES.medium]: 'var(--UT-status-gap-medium, 0.5rem)',
-    [_constants.SIZES.small]: 'var(--UT-status-gap-small, 0.25rem)',
-    [_constants.SIZES.xlarge]: 'var(--UT-status-gap-xlarge, 0.5rem)',
-    [_constants.SIZES.xsmall]: 'var(--UT-status-gap-xsmall, 0.25rem)'
-  }[size];
-};
-const getPadding = _ref4 => {
-  let {
-    size
-  } = _ref4;
-  return {
-    [_constants.SIZES.large]: 'var(--UT-status-padding-y-large, 0.25rem) var(--UT-status-padding-x-large, 0.5rem)',
-    [_constants.SIZES.medium]: 'var(--UT-status-padding-y-medium, 0.25rem) var(--UT-status-padding-x-medium, 0.5rem)',
-    [_constants.SIZES.small]: 'var(--UT-status-padding-y-small, 0.25rem) var(--UT-status-padding-x-small, 0.5rem)',
-    [_constants.SIZES.xlarge]: 'var(--UT-status-padding-y-xlarge, 0.5rem) var(--UT-status-padding-x-xlarge, 0.75rem)',
-    [_constants.SIZES.xsmall]: 'var(--UT-status-padding-y-xsmall, 0.125rem) var(--UT-status-padding-x-xsmall, 0.25rem)'
-  }[size];
-};
-const getLabelVariant = _ref5 => {
-  let {
-    size
-  } = _ref5;
-  return {
-    [_constants.SIZES.large]: 'body',
-    [_constants.SIZES.medium]: 'small',
-    [_constants.SIZES.small]: 'xsmall',
-    [_constants.SIZES.xlarge]: 'body',
-    [_constants.SIZES.xsmall]: 'xsmall'
-  }[size];
-};
-exports.getLabelVariant = getLabelVariant;
-const getIconSize = _ref6 => {
-  let {
-    size
-  } = _ref6;
-  return {
-    [_constants.SIZES.large]: 'var(--UT-status-icon-size-xs, 1.25rem)',
-    [_constants.SIZES.medium]: 'var(--UT-status-icon-size-2xs, 1rem)',
-    [_constants.SIZES.small]: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-    [_constants.SIZES.xlarge]: 'var(--UT-status-icon-size-xs, 1.25rem)',
-    [_constants.SIZES.xsmall]: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-  }[size];
-};
-exports.getIconSize = getIconSize;
-const defaultIconMapper = variant => ({
-  [_constants.VARIANTS.accent]: 'IconCheck',
-  [_constants.VARIANTS.error]: 'IconX',
-  [_constants.VARIANTS.information]: 'IconInfoCircle',
-  [_constants.VARIANTS.success]: 'IconCheck',
-  [_constants.VARIANTS.unassigned]: 'IconArchive',
-  [_constants.VARIANTS.warning]: 'IconAlertTriangle'
-})[variant];
-exports.defaultIconMapper = defaultIconMapper;
-const validateProps = _ref7 => {
-  let {
-    type,
-    variant,
-    ...props
-  } = _ref7;
-  return {
-    type: _constants.TYPES[type] || _constants.TYPES[_constants.DEFAULT_PROPS.type],
-    variant: _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant],
-    ...props
-  };
-};
-exports.validateProps = validateProps;
-const retrieveStyle = _ref8 => {
-  let {
-    theme,
-    size = _constants.DEFAULT_PROPS.size,
-    type = _constants.DEFAULT_PROPS.type,
-    uppercase,
-    variant = _constants.DEFAULT_PROPS.variant
-  } = _ref8;
-  return {
-    root: {
-      alignItems: 'center',
-      backgroundColor: getBackgroundColor({
-        theme,
-        ...validateProps({
-          type,
-          variant
-        })
-      }),
-      borderRadius: 'var(--UT-status-radius, 0.25rem)',
-      display: 'flex',
-      gridGap: getGridGap({
-        size
-      }),
-      height: 'fit-content',
-      padding: getPadding({
-        size
-      }),
-      width: 'fit-content',
-      '&:empty': {
-        display: 'none'
-      }
-    },
-    label: {
-      ...(uppercase ? {
-        textTransform: 'uppercase'
-      } : {})
-    },
-    icon: {
-      flexShrink: '0',
-      height: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      width: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      '& path': {
-        fill: getIconFill({
-          theme,
-          ...validateProps({
-            type,
-            variant
-          })
-        })
-      }
-    },
-    badge: {
-      backgroundColor: type === _constants.TYPES.negative ? "".concat(theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : _Palette.COLOR_THEMES.gray]['03'], " !important") : "".concat(theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : _Palette.COLOR_THEMES.gray][variant !== _constants.VARIANTS.error ? '03' : '04'], " !important")
-    },
-    adornmentIcon: {
-      flexShrink: '0',
-      '& path': {
-        stroke: getIconFill({
-          theme,
-          ...validateProps({
-            type,
-            variant
-          })
-        })
-      }
-    },
-    iconXsmall: {
-      height: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-      width: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-    },
-    iconSmall: {
-      height: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-      width: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-    },
-    iconMedium: {
-      height: 'var(--UT-status-icon-size-2xs, 1rem)',
-      width: 'var(--UT-status-icon-size-2xs, 1rem)'
-    },
-    iconLarge: {
-      height: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      width: 'var(--UT-status-icon-size-xs, 1.25rem)'
-    },
-    badgeXsmall: {
-      height: '8px',
-      width: '8px'
-    },
-    iconXlarge: {
-      height: '20px',
-      width: '20px'
-    },
-    badgeSmall: {
-      height: '8px',
-      width: '8px'
-    },
-    badgeMedium: {
-      height: '10px',
-      width: '10px'
-    },
-    badgeLarge: {
-      height: '10px',
-      width: '10px'
-    },
-    badgeXlarge: {
-      height: '10px',
-      width: '10px'
-    },
-    withoutArea: {
-      backgroundColor: 'transparent !important'
-    },
-    roundedArea: {
-      borderRadius: 'var(--UT-status-radius-rounded, 9999px)'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const getColorTheme = _ref9 => {
-  let {
-    type,
-    variant
-  } = _ref9;
-  return {
-    [_constants.TYPES.accent]: _Palette.COLOR_THEMES.accent,
-    [_constants.TYPES.default]: _Palette.COLOR_THEMES.dark,
-    [_constants.TYPES.light]: variant !== _constants.VARIANTS.unassigned ? variant : _Palette.COLOR_THEMES.gray,
-    [_constants.TYPES.negative]: _Palette.COLOR_THEMES.light
-  }[type];
-};
-exports.getColorTheme = getColorTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateProps=exports.retrieveStyle=exports.getLabelVariant=exports.getIconSize=exports.getColorTheme=exports.defaultIconMapper=void 0;var _Palette=require("../../constants/Palette"),_constants=require("./constants");const getBackgroundColor=_ref=>{let{theme:theme,type:type,variant:variant}=_ref;return variant!==_constants.VARIANTS.unassigned?theme.Palette[variant][type===_constants.TYPES.negative?"04":"01"]:type===_constants.TYPES.negative?theme.Palette.gray["04"]:theme.Palette.light["04"]},getIconFill=_ref2=>{let{theme:theme,type:type,variant:variant}=_ref2;return{[_constants.TYPES.default]:theme.Palette.dark["05"],[_constants.TYPES.light]:theme.Palette[variant!==_constants.VARIANTS.unassigned?variant:"gray"]["05"],[_constants.TYPES.negative]:theme.Palette.light["01"]}[type]},getGridGap=_ref3=>{let{size:size}=_ref3;return{[_constants.SIZES.large]:"var(--UT-status-gap-large, 0.5rem)",[_constants.SIZES.medium]:"var(--UT-status-gap-medium, 0.5rem)",[_constants.SIZES.small]:"var(--UT-status-gap-small, 0.25rem)",[_constants.SIZES.xlarge]:"var(--UT-status-gap-xlarge, 0.5rem)",[_constants.SIZES.xsmall]:"var(--UT-status-gap-xsmall, 0.25rem)"}[size]},getPadding=_ref4=>{let{size:size}=_ref4;return{[_constants.SIZES.large]:"var(--UT-status-padding-y-large, 0.25rem) var(--UT-status-padding-x-large, 0.5rem)",[_constants.SIZES.medium]:"var(--UT-status-padding-y-medium, 0.25rem) var(--UT-status-padding-x-medium, 0.5rem)",[_constants.SIZES.small]:"var(--UT-status-padding-y-small, 0.25rem) var(--UT-status-padding-x-small, 0.5rem)",[_constants.SIZES.xlarge]:"var(--UT-status-padding-y-xlarge, 0.5rem) var(--UT-status-padding-x-xlarge, 0.75rem)",[_constants.SIZES.xsmall]:"var(--UT-status-padding-y-xsmall, 0.125rem) var(--UT-status-padding-x-xsmall, 0.25rem)"}[size]},getLabelVariant=_ref5=>{let{size:size}=_ref5;return{[_constants.SIZES.large]:"body",[_constants.SIZES.medium]:"small",[_constants.SIZES.small]:"xsmall",[_constants.SIZES.xlarge]:"body",[_constants.SIZES.xsmall]:"xsmall"}[size]};exports.getLabelVariant=getLabelVariant;const getIconSize=_ref6=>{let{size:size}=_ref6;return{[_constants.SIZES.large]:"var(--UT-status-icon-size-xs, 1.25rem)",[_constants.SIZES.medium]:"var(--UT-status-icon-size-2xs, 1rem)",[_constants.SIZES.small]:"var(--UT-status-icon-size-3xs, 0.75rem)",[_constants.SIZES.xlarge]:"var(--UT-status-icon-size-xs, 1.25rem)",[_constants.SIZES.xsmall]:"var(--UT-status-icon-size-3xs, 0.75rem)"}[size]};exports.getIconSize=getIconSize;const defaultIconMapper=variant=>({[_constants.VARIANTS.accent]:"IconCheck",[_constants.VARIANTS.error]:"IconX",[_constants.VARIANTS.information]:"IconInfoCircle",[_constants.VARIANTS.success]:"IconCheck",[_constants.VARIANTS.unassigned]:"IconArchive",[_constants.VARIANTS.warning]:"IconAlertTriangle"}[variant]);exports.defaultIconMapper=defaultIconMapper;const validateProps=_ref7=>{let{type:type,variant:variant,...props}=_ref7;return{type:_constants.TYPES[type]||_constants.TYPES[_constants.DEFAULT_PROPS.type],variant:_constants.VARIANTS[variant]||_constants.VARIANTS[_constants.DEFAULT_PROPS.variant],...props}};exports.validateProps=validateProps;const retrieveStyle=_ref8=>{let{theme:theme,size:size=_constants.DEFAULT_PROPS.size,type:type=_constants.DEFAULT_PROPS.type,uppercase:uppercase,variant:variant=_constants.DEFAULT_PROPS.variant}=_ref8;return{root:{alignItems:"center",backgroundColor:getBackgroundColor({theme:theme,...validateProps({type:type,variant:variant})}),borderRadius:"var(--UT-status-radius, 0.25rem)",display:"flex",gridGap:getGridGap({size:size}),height:"fit-content",padding:getPadding({size:size}),width:"fit-content","&:empty":{display:"none"}},label:{...uppercase?{textTransform:"uppercase"}:{}},icon:{flexShrink:"0",height:"var(--UT-status-icon-size-xs, 1.25rem)",width:"var(--UT-status-icon-size-xs, 1.25rem)","& path":{fill:getIconFill({theme:theme,...validateProps({type:type,variant:variant})})}},badge:{backgroundColor:type===_constants.TYPES.negative?"".concat(theme.Palette[variant!==_constants.VARIANTS.unassigned?variant:_Palette.COLOR_THEMES.gray]["03"]," !important"):"".concat(theme.Palette[variant!==_constants.VARIANTS.unassigned?variant:_Palette.COLOR_THEMES.gray][variant!==_constants.VARIANTS.error?"03":"04"]," !important")},adornmentIcon:{flexShrink:"0","& path":{stroke:getIconFill({theme:theme,...validateProps({type:type,variant:variant})})}},iconXsmall:{height:"var(--UT-status-icon-size-3xs, 0.75rem)",width:"var(--UT-status-icon-size-3xs, 0.75rem)"},iconSmall:{height:"var(--UT-status-icon-size-3xs, 0.75rem)",width:"var(--UT-status-icon-size-3xs, 0.75rem)"},iconMedium:{height:"var(--UT-status-icon-size-2xs, 1rem)",width:"var(--UT-status-icon-size-2xs, 1rem)"},iconLarge:{height:"var(--UT-status-icon-size-xs, 1.25rem)",width:"var(--UT-status-icon-size-xs, 1.25rem)"},badgeXsmall:{height:"8px",width:"8px"},iconXlarge:{height:"20px",width:"20px"},badgeSmall:{height:"8px",width:"8px"},badgeMedium:{height:"10px",width:"10px"},badgeLarge:{height:"10px",width:"10px"},badgeXlarge:{height:"10px",width:"10px"},withoutArea:{backgroundColor:"transparent !important"},roundedArea:{borderRadius:"var(--UT-status-radius-rounded, 9999px)"}}};exports.retrieveStyle=retrieveStyle;const getColorTheme=_ref9=>{let{type:type,variant:variant}=_ref9;return{[_constants.TYPES.accent]:_Palette.COLOR_THEMES.accent,[_constants.TYPES.default]:_Palette.COLOR_THEMES.dark,[_constants.TYPES.light]:variant!==_constants.VARIANTS.unassigned?variant:_Palette.COLOR_THEMES.gray,[_constants.TYPES.negative]:_Palette.COLOR_THEMES.light}[type]};exports.getColorTheme=getColorTheme;

package/dist/components/UTStatus/utils.js

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateAdornments = exports.getIconProps = exports.getAdornmentsThemeProps = void 0;
-var _componentUtils = require("../../utils/componentUtils");
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getIconProps = _ref => {
-  let {
-    className,
-    Icon,
-    type,
-    variant,
-    size
-  } = _ref;
-  return {
-    IconComponent: (0, _componentUtils.isUTIcon)(Icon) ? _UTIcon.default : Icon,
-    ...((0, _componentUtils.isUTIcon)(Icon) ? {
-      colorTheme: (0, _theme.getColorTheme)({
-        type,
-        variant
-      }),
-      name: Icon,
-      size: (0, _theme.getIconSize)({
-        size
-      })
-    } : {
-      className
-    })
-  };
-};
-exports.getIconProps = getIconProps;
-const validateAdornments = adornments => adornments.every(adornment => {
-  if (adornment.left || adornment.right) {
-    return (!adornment.left || _constants.COMPONENTS_MAPPER[adornment.left.name]) && (!adornment.right || _constants.COMPONENTS_MAPPER[adornment.right.name]);
-  }
-  return _constants.COMPONENTS_MAPPER[adornment.name];
-});
-exports.validateAdornments = validateAdornments;
-const interpreterSize = (size, classes) => {
-  const {
-    iconXsmall,
-    iconSmall,
-    iconMedium,
-    iconLarge,
-    iconXlarge,
-    badgeXsmall,
-    badgeSmall,
-    badgeMedium,
-    badgeLarge,
-    badgeXlarge
-  } = classes || {};
-  return {
-    [_constants.COMPONENT_KEYS.BADGE]: {
-      [_constants.SIZES.xsmall]: badgeXsmall,
-      [_constants.SIZES.small]: badgeSmall,
-      [_constants.SIZES.medium]: badgeMedium,
-      [_constants.SIZES.large]: badgeLarge,
-      [_constants.SIZES.xlarge]: badgeXlarge
-    }[size],
-    [_constants.COMPONENT_KEYS.ICON]: {
-      [_constants.SIZES.xsmall]: iconXsmall,
-      [_constants.SIZES.small]: iconSmall,
-      [_constants.SIZES.medium]: iconMedium,
-      [_constants.SIZES.large]: iconLarge,
-      [_constants.SIZES.xlarge]: iconXlarge
-    }[size]
-  };
-};
-const getAdornmentsThemeProps = props => {
-  const {
-    adornmentName,
-    classes,
-    size = _constants.SIZES.medium
-  } = props || {};
-  const {
-    badge,
-    adornmentIcon
-  } = classes || {};
-  const recoverClassForSizeAndType = interpreterSize(size, classes)[adornmentName];
-  return {
-    [_constants.COMPONENT_KEYS.BADGE]: {
-      className: "".concat(badge, " ").concat(recoverClassForSizeAndType)
-    },
-    [_constants.COMPONENT_KEYS.ICON]: {
-      className: "".concat(adornmentIcon, " ").concat(recoverClassForSizeAndType)
-    }
-  }[adornmentName];
-};
-exports.getAdornmentsThemeProps = getAdornmentsThemeProps;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateAdornments=exports.getIconProps=exports.getAdornmentsThemeProps=void 0;var _componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getIconProps=_ref=>{let{className:className,Icon:Icon,type:type,variant:variant,size:size}=_ref;return{IconComponent:(0,_componentUtils.isUTIcon)(Icon)?_UTIcon.default:Icon,...(0,_componentUtils.isUTIcon)(Icon)?{colorTheme:(0,_theme.getColorTheme)({type:type,variant:variant}),name:Icon,size:(0,_theme.getIconSize)({size:size})}:{className:className}}};exports.getIconProps=getIconProps;const validateAdornments=adornments=>adornments.every(adornment=>adornment.left||adornment.right?(!adornment.left||_constants.COMPONENTS_MAPPER[adornment.left.name])&&(!adornment.right||_constants.COMPONENTS_MAPPER[adornment.right.name]):_constants.COMPONENTS_MAPPER[adornment.name]);exports.validateAdornments=validateAdornments;const interpreterSize=(size,classes)=>{const{iconXsmall:iconXsmall,iconSmall:iconSmall,iconMedium:iconMedium,iconLarge:iconLarge,iconXlarge:iconXlarge,badgeXsmall:badgeXsmall,badgeSmall:badgeSmall,badgeMedium:badgeMedium,badgeLarge:badgeLarge,badgeXlarge:badgeXlarge}=classes||{};return{[_constants.COMPONENT_KEYS.BADGE]:{[_constants.SIZES.xsmall]:badgeXsmall,[_constants.SIZES.small]:badgeSmall,[_constants.SIZES.medium]:badgeMedium,[_constants.SIZES.large]:badgeLarge,[_constants.SIZES.xlarge]:badgeXlarge}[size],[_constants.COMPONENT_KEYS.ICON]:{[_constants.SIZES.xsmall]:iconXsmall,[_constants.SIZES.small]:iconSmall,[_constants.SIZES.medium]:iconMedium,[_constants.SIZES.large]:iconLarge,[_constants.SIZES.xlarge]:iconXlarge}[size]}},getAdornmentsThemeProps=props=>{const{adornmentName:adornmentName,classes:classes,size:size=_constants.SIZES.medium}=props||{},{badge:badge,adornmentIcon:adornmentIcon}=classes||{},recoverClassForSizeAndType=interpreterSize(size,classes)[adornmentName];return{[_constants.COMPONENT_KEYS.BADGE]:{className:"".concat(badge," ").concat(recoverClassForSizeAndType)},[_constants.COMPONENT_KEYS.ICON]:{className:"".concat(adornmentIcon," ").concat(recoverClassForSizeAndType)}}[adornmentName]};exports.getAdornmentsThemeProps=getAdornmentsThemeProps;

package/dist/components/UTStatusMessage/constants.js

@@ -1,36 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ICON_COLOR_THEMES = exports.COLOR_THEMES = void 0;
-const COLOR_THEMES = exports.COLOR_THEMES = {
-  ACCENT: 'accent',
-  DEFAULT: 'default',
-  ERROR: 'error',
-  GRADIENT: 'gradient',
-  GRAY: 'gray',
-  IDENTITY_1: 'identity1',
-  IDENTITY_2: 'identity2',
-  IDENTITY_3: 'identity3',
-  IDENTITY_4: 'identity4',
-  INFO: 'info',
-  NEGATIVE: 'negative',
-  SUCCESS: 'success',
-  WARNING: 'warning'
-};
-const ICON_COLOR_THEMES = exports.ICON_COLOR_THEMES = {
-  [COLOR_THEMES.ACCENT]: 'accent',
-  [COLOR_THEMES.DEFAULT]: 'dark',
-  [COLOR_THEMES.ERROR]: 'error',
-  [COLOR_THEMES.GRADIENT]: 'light',
-  [COLOR_THEMES.GRAY]: 'gray',
-  [COLOR_THEMES.IDENTITY_1]: 'light',
-  [COLOR_THEMES.IDENTITY_2]: 'light',
-  [COLOR_THEMES.IDENTITY_3]: 'light',
-  [COLOR_THEMES.IDENTITY_4]: 'light',
-  [COLOR_THEMES.INFO]: 'information',
-  [COLOR_THEMES.NEGATIVE]: 'dark',
-  [COLOR_THEMES.SUCCESS]: 'success',
-  [COLOR_THEMES.WARNING]: 'warning'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICON_COLOR_THEMES=exports.COLOR_THEMES=void 0;const COLOR_THEMES=exports.COLOR_THEMES={ACCENT:"accent",DEFAULT:"default",ERROR:"error",GRADIENT:"gradient",GRAY:"gray",IDENTITY_1:"identity1",IDENTITY_2:"identity2",IDENTITY_3:"identity3",IDENTITY_4:"identity4",INFO:"info",NEGATIVE:"negative",SUCCESS:"success",WARNING:"warning"},ICON_COLOR_THEMES=exports.ICON_COLOR_THEMES={[COLOR_THEMES.ACCENT]:"accent",[COLOR_THEMES.DEFAULT]:"dark",[COLOR_THEMES.ERROR]:"error",[COLOR_THEMES.GRADIENT]:"light",[COLOR_THEMES.GRAY]:"gray",[COLOR_THEMES.IDENTITY_1]:"light",[COLOR_THEMES.IDENTITY_2]:"light",[COLOR_THEMES.IDENTITY_3]:"light",[COLOR_THEMES.IDENTITY_4]:"light",[COLOR_THEMES.INFO]:"information",[COLOR_THEMES.NEGATIVE]:"dark",[COLOR_THEMES.SUCCESS]:"success",[COLOR_THEMES.WARNING]:"warning"};

package/dist/components/UTStatusMessage/index.js

@@ -1,112 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTLoading = _interopRequireDefault(require("../UTLoading"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _testIds = require("../../constants/testIds");
-var _constants = require("./constants");
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const {
-  statusMessage
-} = _testIds.TEST_IDS;
-const UTStatusMessage = _ref => {
-  let {
-    children,
-    classes,
-    colorTheme = _constants.COLOR_THEMES.DEFAULT,
-    description,
-    descriptionProps,
-    HeaderComponent,
-    helpText,
-    helpTextProps,
-    icon = 'IconInfoCircle',
-    iconProps = {},
-    loading,
-    primaryAction,
-    primaryActionProps,
-    primaryActionText,
-    secondaryAction,
-    secondaryActionProps,
-    secondaryActionText,
-    showHeader = true,
-    title,
-    titleProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
-  }, loading ? /*#__PURE__*/_react.default.createElement(_UTLoading.default, {
-    loading: true,
-    text: null
-  }) : showHeader ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.banner
-  }, HeaderComponent ? /*#__PURE__*/_react.default.createElement(HeaderComponent, null) : /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-    name: icon,
-    colorTheme: _constants.ICON_COLOR_THEMES[colorTheme],
-    dataTestId: statusMessage.icon
-  }, iconProps)))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.content, " ").concat(classes.content)
-  }, (title || description || helpText) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.section
-  }, title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: _stylesModule.default.label,
-    dataTestId: statusMessage.title,
-    variant: "title3",
-    weight: "medium"
-  }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: _stylesModule.default.label,
-    colorTheme: "gray",
-    dataTestId: statusMessage.description,
-    withMarkdown: true,
-    variant: "body"
-  }, descriptionProps), description), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: _stylesModule.default.label,
-    colorTheme: "gray",
-    dataTestId: statusMessage.helperText,
-    variant: "small"
-  }, helpTextProps), helpText)), children, (primaryAction || secondaryAction) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.section
-  }, primaryAction && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    onClick: primaryAction
-  }, primaryActionProps), primaryActionText), secondaryAction && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    onClick: secondaryAction,
-    variant: "text"
-  }, secondaryActionProps), secondaryActionText))));
-};
-UTStatusMessage.propTypes = {
-  children: _propTypes.element,
-  classes: _propTypes.object,
-  colorTheme: _propTypes.string,
-  description: _propTypes.string,
-  descriptionProps: _propTypes.object,
-  HeaderComponent: _propTypes.element,
-  helpText: _propTypes.string,
-  helpTextProps: _propTypes.object,
-  icon: _propTypes.string,
-  iconProps: _propTypes.object,
-  loading: _propTypes.bool,
-  primaryAction: _propTypes.func,
-  primaryActionProps: _propTypes.object,
-  primaryActionText: _propTypes.string,
-  secondaryAction: _propTypes.func,
-  secondaryActionProps: _propTypes.object,
-  secondaryActionText: _propTypes.string,
-  showHeader: _propTypes.bool,
-  title: _propTypes.string,
-  titleProps: _propTypes.object
-};
-const UTStatusMessageWithTheme = (0, _WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);
-UTStatusMessageWithTheme.displayName = 'UTStatusMessage';
-var _default = exports.default = UTStatusMessageWithTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}const{statusMessage:statusMessage}=_testIds.TEST_IDS,UTStatusMessage=_ref=>{let{children:children,classes:classes,colorTheme:colorTheme=_constants.COLOR_THEMES.DEFAULT,description:description,descriptionProps:descriptionProps,HeaderComponent:HeaderComponent,helpText:helpText,helpTextProps:helpTextProps,icon:icon="IconInfoCircle",iconProps:iconProps={size:40},loading:loading,primaryAction:primaryAction,primaryActionProps:primaryActionProps,primaryActionText:primaryActionText,secondaryAction:secondaryAction,secondaryActionProps:secondaryActionProps,secondaryActionText:secondaryActionText,showHeader:showHeader=!0,title:title,titleProps:titleProps}=_ref;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(classes.container)},loading?_react.default.createElement(_UTLoading.default,{loading:!0,text:null}):showHeader?_react.default.createElement("div",{className:classes.banner},HeaderComponent?_react.default.createElement(HeaderComponent,null):_react.default.createElement("div",{className:classes.iconContainer},_react.default.createElement(_UTIcon.default,_extends({name:icon,colorTheme:_constants.ICON_COLOR_THEMES[colorTheme],dataTestId:statusMessage.icon},iconProps)))):null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(classes.content)},(title||description||helpText)&&_react.default.createElement("div",{className:_stylesModule.default.section},title&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},titleProps),title),description&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},descriptionProps),description),helpText&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},helpTextProps),helpText)),children,(primaryAction||secondaryAction)&&_react.default.createElement("div",{className:_stylesModule.default.section},primaryAction&&_react.default.createElement(_UTButton.default,_extends({onClick:primaryAction},primaryActionProps),primaryActionText),secondaryAction&&_react.default.createElement(_UTButton.default,_extends({onClick:secondaryAction,variant:"text"},secondaryActionProps),secondaryActionText))))};UTStatusMessage.propTypes={children:_propTypes.element,classes:_propTypes.object,colorTheme:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,HeaderComponent:_propTypes.element,helpText:_propTypes.string,helpTextProps:_propTypes.object,icon:_propTypes.string,iconProps:_propTypes.object,loading:_propTypes.bool,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,showHeader:_propTypes.bool,title:_propTypes.string,titleProps:_propTypes.object};const UTStatusMessageWithTheme=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";var _default=exports.default=UTStatusMessageWithTheme;