@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTIcon/theme.js

@@ -1,171 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = exports.retrieveColor = exports.getIconProps = exports.getComponent = exports.getClassNames = void 0;
-var _react = _interopRequireDefault(require("react"));
-var TablerIcons = _interopRequireWildcard(require("@tabler/icons-react"));
-var _componentUtils = require("../../utils/componentUtils");
-var _countries = _interopRequireDefault(require("../../constants/countries"));
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _flagsComponents = _interopRequireDefault(require("./components/FlagsIcons/flagsComponents"));
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FLAG_CODES = new Set(_countries.default.map(_ref => {
-  let {
-    code
-  } = _ref;
-  return code;
-}));
-const flagComponentCache = {};
-const isCSSVar = value => typeof value === 'string' && value.startsWith('var(');
-const getFlagComponent = code => {
-  if (!(code in flagComponentCache)) {
-    const loader = _flagsComponents.default[code];
-    flagComponentCache[code] = loader ? /*#__PURE__*/_react.default.lazy(loader) : null;
-  }
-  return flagComponentCache[code];
-};
-const retrieveColor = _ref2 => {
-  var _theme$Palette$action;
-  let {
-    colorTheme,
-    shade,
-    theme
-  } = _ref2;
-  const colorThemeDefinition = theme.Palette[colorTheme] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorTheme]) || theme.Palette[_constants.DEFAULT_COLOR_THEME];
-  const colorShade = shade || (0, _componentUtils.getDefaultColorShade)(colorTheme);
-  return colorThemeDefinition[colorShade];
-};
-exports.retrieveColor = retrieveColor;
-const getIconProps = _ref3 => {
-  let {
-    color,
-    colorTheme,
-    fillShade,
-    fillTheme,
-    name,
-    shade,
-    size,
-    style,
-    theme
-  } = _ref3;
-  const themeColor = retrieveColor({
-    colorTheme: color || colorTheme,
-    theme,
-    shade
-  });
-  const filled = name.endsWith(_constants.FILLED_ICON_SUFIX);
-  const isEnergyIcon = name.startsWith(_constants.ENERGY_ICON_PREFIX);
-  const isFlag = FLAG_CODES.has(name);
-  const iconColor = filled ? _constants.FILLED_ICON_COLOR : themeColor;
-  const internalFill = fillTheme && retrieveColor({
-    colorTheme: fillTheme,
-    theme,
-    shade: fillShade || _constants.DEFAULT_INTERNAL_SHADE
-  });
-  const sizeIsCSSVar = isCSSVar(size);
-  const resolvedSize = sizeIsCSSVar ? undefined : size;
-  const sizeStyle = sizeIsCSSVar ? {
-    width: size,
-    height: size
-  } : {};
-  const baseStyle = filled ? {
-    color: themeColor
-  } : style || {};
-  const defaultIconProps = {
-    color: iconColor,
-    size: resolvedSize
-  };
-  const energyIconProps = {
-    stroke: iconColor,
-    ...(resolvedSize && {
-      width: resolvedSize,
-      height: resolvedSize
-    })
-  };
-  const flagProps = {
-    width: resolvedSize || 24,
-    height: resolvedSize || 24
-  };
-  return {
-    style: {
-      ...baseStyle,
-      ...sizeStyle
-    },
-    ...(internalFill && {
-      fill: internalFill
-    }),
-    ...(isEnergyIcon ? energyIconProps : isFlag ? flagProps : defaultIconProps),
-    name
-  };
-};
-exports.getIconProps = getIconProps;
-const VARIANT_STYLE_MAPPER = function () {
-  let variantStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return {
-    ...variantStyles
-  };
-};
-const getClassNames = _ref4 => {
-  let {
-    area,
-    color,
-    colorTheme,
-    classes,
-    className,
-    size,
-    variant
-  } = _ref4;
-  const variantStyle = VARIANT_STYLE_MAPPER(classes)["".concat(colorTheme || color).concat((0, _componentUtils.capitalize)(variant))];
-  return "".concat(className, " ").concat(_stylesModule.default.icon, " ").concat(area && "".concat(_stylesModule.default.withArea, " ").concat(variantStyle, " ").concat(_stylesModule.default["size".concat(size)]));
-};
-exports.getClassNames = getClassNames;
-const retrieveStyle = _ref5 => {
-  var _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$action4;
-  let {
-    areaColor,
-    color,
-    colorTheme,
-    shade,
-    theme
-  } = _ref5;
-  const borderColor = retrieveColor({
-    colorTheme: color || colorTheme,
-    theme,
-    shade
-  });
-  const border = "2px solid ".concat(borderColor);
-  const defaultBackgrounds = {
-    accent: areaColor || ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['01']) || theme.Palette.accent['01'],
-    dark: areaColor || theme.Palette.light['03'],
-    error: areaColor || theme.Palette.error['01'],
-    gray: areaColor || theme.Palette.light['03'],
-    information: areaColor || theme.Palette.information['01'],
-    light: areaColor || theme.Palette.light['03'],
-    negative: areaColor || ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.negative['01']) || theme.Palette.negative['01'],
-    neutral: areaColor || ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.neutral['01']) || theme.Palette.neutral['01'],
-    success: areaColor || theme.Palette.success['01'],
-    warning: areaColor || theme.Palette.warning['01']
-  };
-  const variantStyles = Object.keys(defaultBackgrounds).reduce((acc, type) => {
-    acc["".concat(type, "Default")] = {
-      backgroundColor: defaultBackgrounds[type]
-    };
-    acc["".concat(type, "Outlined")] = {
-      border
-    };
-    return acc;
-  }, {});
-  return variantStyles;
-};
-exports.retrieveStyle = retrieveStyle;
-const getComponent = name => {
-  if (_constants.ENERGY_ICONS[name]) return _constants.ENERGY_ICONS[name];
-  if (TablerIcons[name]) return TablerIcons[name];
-  if (FLAG_CODES.has(name)) return getFlagComponent(name);
-  return null;
-};
-exports.getComponent = getComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveColor=exports.getIconProps=exports.getComponent=exports.getClassNames=void 0;var _react=_interopRequireDefault(require("react")),TablerIcons=_interopRequireWildcard(require("@tabler/icons-react")),_componentUtils=require("../../utils/componentUtils"),_countries=_interopRequireDefault(require("../../constants/countries")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_flagsComponents=_interopRequireDefault(require("./components/FlagsIcons/flagsComponents"));function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(l,t,a):l[t]=e[t]);return l})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const FLAG_CODES=new Set(_countries.default.map(e=>{let{code:t}=e;return t})),flagComponentCache={},isCSSVar=e=>"string"==typeof e&&e.startsWith("var("),getFlagComponent=e=>{if(!(e in flagComponentCache)){const t=_flagsComponents.default[e];flagComponentCache[e]=t?_react.default.lazy(t):null}return flagComponentCache[e]},retrieveColor=e=>{var t;let{colorTheme:o,shade:r,theme:n}=e;return(n.Palette[o]||(null===(t=n.Palette.actions)||void 0===t?void 0:t[o])||n.Palette[_constants.DEFAULT_COLOR_THEME])[r||(0,_componentUtils.getDefaultColorShade)(o)]};exports.retrieveColor=retrieveColor;const getIconProps=e=>{let{color:t,colorTheme:o,fillShade:r,fillTheme:n,name:a,shade:l,size:s,style:c,theme:i}=e;const u=retrieveColor({colorTheme:t||o,theme:i,shade:l}),_=a.endsWith(_constants.FILLED_ICON_SUFIX),p=a.startsWith(_constants.ENERGY_ICON_PREFIX),d=FLAG_CODES.has(a),h=_?_constants.FILLED_ICON_COLOR:u,f=n&&retrieveColor({colorTheme:n,theme:i,shade:r||_constants.DEFAULT_INTERNAL_SHADE}),g=isCSSVar(s),m=g?void 0:s,C={stroke:h,...m&&{width:m,height:m}};return{style:{..._?{color:u}:c||{},...g?{width:s,height:s}:{}},...f&&{fill:f},...p?C:d?{width:m||24,height:m||24}:{color:h,size:m},name:a}};exports.getIconProps=getIconProps;const VARIANT_STYLE_MAPPER=function(){return{...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}}},getClassNames=e=>{let{area:t,color:o,colorTheme:r,classes:n,className:a,size:l,variant:s}=e;const c=VARIANT_STYLE_MAPPER(n)["".concat(r||o).concat((0,_componentUtils.capitalize)(s))];return"".concat(a," ").concat(_stylesModule.default.icon," ").concat(t&&"".concat(_stylesModule.default.withArea," ").concat(c," ").concat(_stylesModule.default["size".concat(l)]))};exports.getClassNames=getClassNames;const retrieveStyle=e=>{var t,o,r;let{areaColor:n,color:a,colorTheme:l,shade:s,theme:c}=e;const i=retrieveColor({colorTheme:a||l,theme:c,shade:s}),u="2px solid ".concat(i),_={accent:n||(null===(t=c.Palette.actions)||void 0===t?void 0:t.accent["01"])||c.Palette.accent["01"],dark:n||c.Palette.light["03"],error:n||c.Palette.error["01"],gray:n||c.Palette.light["03"],information:n||c.Palette.information["01"],light:n||c.Palette.light["03"],negative:n||(null===(o=c.Palette.actions)||void 0===o?void 0:o.negative["01"])||c.Palette.negative["01"],neutral:n||(null===(r=c.Palette.actions)||void 0===r?void 0:r.neutral["01"])||c.Palette.neutral["01"],success:n||c.Palette.success["01"],warning:n||c.Palette.warning["01"]};return Object.keys(_).reduce((e,t)=>(e["".concat(t,"Default")]={backgroundColor:_[t]},e["".concat(t,"Outlined")]={border:u},e),{})};exports.retrieveStyle=retrieveStyle;const getComponent=e=>_constants.ENERGY_ICONS[e]?_constants.ENERGY_ICONS[e]:TablerIcons[e]?TablerIcons[e]:FLAG_CODES.has(e)?getFlagComponent(e):null;exports.getComponent=getComponent;

package/dist/components/UTImageRadio/components/ImageRadioCard/index.js

@@ -1,91 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
-var _types = require("../../types");
-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); }
-const ImageRadioCard = _ref => {
-  let {
-    classes,
-    compact,
-    dataTestId,
-    disabled,
-    isSelected,
-    onChange,
-    oneColumn,
-    option = {},
-    variant = {}
-  } = _ref;
-  const {
-    value,
-    name,
-    configuration = {}
-  } = option;
-  const {
-    transparent_background: transparent,
-    vertical
-  } = variant;
-  const {
-    image_url: imageUrl,
-    selected_image_url: selectedImageUrl,
-    UnselectedImageComponent,
-    SelectedImageComponent,
-    tooltip,
-    description
-  } = configuration;
-  const handleOnChange = () => onChange(value);
-  const ImageComponent = isSelected && SelectedImageComponent || UnselectedImageComponent;
-  const renderImage = (0, _react.useMemo)(() => selected => selected && selectedImageUrl ? /*#__PURE__*/_react.default.createElement("img", {
-    alt: "imageRadioSelected",
-    src: selectedImageUrl
-  }) : /*#__PURE__*/_react.default.createElement("img", {
-    alt: "imageRadioUnselected",
-    src: imageUrl
-  }), [imageUrl, selectedImageUrl]);
-  const Content = () => /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.containerCard, " ").concat(isSelected && "".concat(_stylesModule.default.isSelected, " ").concat(classes.isSelected), " ").concat(oneColumn && _stylesModule.default.oneColumn, " ").concat(compact && _stylesModule.default.compact, " ").concat(disabled && _stylesModule.default.disabled, " ").concat(transparent && _stylesModule.default.transparent, " ").concat(vertical && classes.vertical, " ").concat(tooltip && _stylesModule.default.contentWithTooltip, " "),
-    dataTestId: dataTestId,
-    onClick: handleOnChange
-  }, (imageUrl || ImageComponent) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.image, " ").concat(_stylesModule.default.image)
-  }, imageUrl && renderImage(isSelected), ImageComponent && /*#__PURE__*/_react.default.createElement(ImageComponent, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.containerText, " ").concat(classes.containerText)
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(classes.name, " ").concat(_stylesModule.default.text, " ").concat(isSelected && !transparent && classes.selectedText)
-  }, name), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "light",
-    className: "".concat(classes.description, " ").concat(_stylesModule.default.text, " ").concat(isSelected && _stylesModule.default.selectedText)
-  }, description)));
-  return tooltip ? /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip,
-    tippyProps: {
-      hideOnClick: true
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.contentContainer, " ").concat(oneColumn ? _stylesModule.default.oneColumn : _stylesModule.default.twoColumns, " ")
-  }, /*#__PURE__*/_react.default.createElement(Content, null))) : /*#__PURE__*/_react.default.createElement(Content, null);
-};
-ImageRadioCard.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  compact: _propTypes.bool,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  isSelected: _propTypes.bool,
-  onChange: _propTypes.func.isRequired,
-  oneColumn: _propTypes.bool,
-  option: _types.optionType,
-  variant: (0, _propTypes.shape)({
-    layout: _propTypes.string,
-    transparent_background: _propTypes.bool
-  })
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ImageRadioCard);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_types=require("../../types"),_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 a=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,c,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(l=t?o:a){if(l.has(e))return l.get(e);l.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?l(r,t,c):r[t]=e[t]);return r})(e,t)}const ImageRadioCard=e=>{let{classes:t,compact:a,dataTestId:o,disabled:l,isSelected:c,onChange:r,oneColumn:n,option:s={},variant:u={}}=e;const{value:d,name:i,configuration:p={}}=s,{transparent_background:_,vertical:f}=u,{image_url:m,selected_image_url:y,UnselectedImageComponent:T,SelectedImageComponent:g,tooltip:b,description:M}=p,q=()=>r(d),C=c&&g||T,h=(0,_react.useMemo)(()=>e=>e&&y?_react.default.createElement("img",{alt:"imageRadioSelected",src:y}):_react.default.createElement("img",{alt:"imageRadioUnselected",src:m}),[m,y]),R=()=>_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.container," ").concat(t.containerCard," ").concat(c&&"".concat(_stylesModule.default.isSelected," ").concat(t.isSelected)," ").concat(n&&_stylesModule.default.oneColumn," ").concat(a&&_stylesModule.default.compact," ").concat(l&&_stylesModule.default.disabled," ").concat(_&&_stylesModule.default.transparent," ").concat(f&&t.vertical," ").concat(b&&_stylesModule.default.contentWithTooltip," "),dataTestId:o,onClick:q},(m||C)&&_react.default.createElement("div",{className:"".concat(t.image," ").concat(_stylesModule.default.image)},m&&h(c),C&&_react.default.createElement(C,null)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.containerText," ").concat(t.containerText)},_react.default.createElement(_UTLabel.default,{className:"".concat(t.name," ").concat(_stylesModule.default.text," ").concat(c&&!_&&t.selectedText)},i),M&&_react.default.createElement(_UTLabel.default,{weight:"light",className:"".concat(t.description," ").concat(_stylesModule.default.text," ").concat(c&&_stylesModule.default.selectedText)},M)));return b?_react.default.createElement(_UTTooltip.default,{content:b,tippyProps:{hideOnClick:!0}},_react.default.createElement("span",{className:"".concat(_stylesModule.default.contentContainer," ").concat(n?_stylesModule.default.oneColumn:_stylesModule.default.twoColumns," ")},_react.default.createElement(R,null))):_react.default.createElement(R,null)};ImageRadioCard.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),compact:_propTypes.bool,dataTestId:_propTypes.string,disabled:_propTypes.bool,isSelected:_propTypes.bool,onChange:_propTypes.func.isRequired,oneColumn:_propTypes.bool,option:_types.optionType,variant:(0,_propTypes.shape)({layout:_propTypes.string,transparent_background:_propTypes.bool})};var _default=exports.default=(0,_react.memo)(ImageRadioCard);

package/dist/components/UTImageRadio/constants.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validPaddings = exports.defaultGridGap = exports.DEFAULT_ONE_COLUMN_BREAKPOINT = void 0;
-const DEFAULT_ONE_COLUMN_BREAKPOINT = exports.DEFAULT_ONE_COLUMN_BREAKPOINT = 1000;
-const validPaddings = exports.validPaddings = [16, 24];
-const defaultGridGap = exports.defaultGridGap = 16;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validPaddings=exports.defaultGridGap=exports.DEFAULT_ONE_COLUMN_BREAKPOINT=void 0;const DEFAULT_ONE_COLUMN_BREAKPOINT=exports.DEFAULT_ONE_COLUMN_BREAKPOINT=1e3,validPaddings=exports.validPaddings=[16,24],defaultGridGap=exports.defaultGridGap=16;

package/dist/components/UTImageRadio/index.js

@@ -1,83 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _form = require("@widergy/web-utils/lib/form");
-var _energyHooks = require("@widergy/energy-hooks");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _classesUtils = require("../../utils/classesUtils");
-var _formTypes = require("../../types/formTypes");
-var _theme = require("./theme");
-var _ImageRadioCard = _interopRequireDefault(require("./components/ImageRadioCard"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _utils = require("./utils");
-var _constants = require("./constants");
-var _types = require("./types");
-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); }
-const UTImageRadio = _ref => {
-  let {
-    classNames,
-    classes: themeClasses,
-    compact,
-    dataTestId,
-    disabled,
-    field,
-    input = {},
-    leftAligned,
-    meta,
-    oneColumn,
-    oneColumnBreakpoint = _constants.DEFAULT_ONE_COLUMN_BREAKPOINT,
-    options = []
-  } = _ref;
-  const mutableOptions = [...options];
-  const {
-    value,
-    onChange
-  } = input;
-  const {
-    ref: containerRef,
-    width: containerWidth
-  } = (0, _energyHooks.useComponentDimensions)();
-  const alignToLeft = leftAligned || (field === null || field === void 0 ? void 0 : field.configuration.left_aligned);
-  const classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef,
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(alignToLeft && _stylesModule.default.leftAligned)
-  }, mutableOptions.sort(_utils.sortOptions).map((item, i) => /*#__PURE__*/_react.default.createElement(_ImageRadioCard.default, {
-    classes: classes,
-    compact: compact,
-    dataTestId: "".concat(dataTestId).concat(i),
-    disabled: disabled,
-    isSelected: value === item.value,
-    key: item.value,
-    onChange: onChange,
-    oneColumn: oneColumn || containerWidth < oneColumnBreakpoint,
-    option: item,
-    variant: field === null || field === void 0 ? void 0 : field.configuration
-  }))), meta && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "error",
-    className: _stylesModule.default.error,
-    variant: "small"
-  }, meta.error));
-};
-UTImageRadio.propTypes = {
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  compact: _propTypes.bool,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  field: _formTypes.fieldType,
-  input: _formTypes.inputPropTypes,
-  leftAligned: _propTypes.bool,
-  meta: _formTypes.metaPropTypes,
-  oneColumn: _propTypes.bool,
-  oneColumnBreakpoint: _propTypes.number,
-  options: (0, _propTypes.arrayOf)(_types.optionType)
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(/*#__PURE__*/(0, _react.memo)(UTImageRadio));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_energyHooks=require("@widergy/energy-hooks"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_classesUtils=require("../../utils/classesUtils"),_formTypes=require("../../types/formTypes"),_theme=require("./theme"),_ImageRadioCard=_interopRequireDefault(require("./components/ImageRadioCard")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils=require("./utils"),_constants=require("./constants"),_types=require("./types");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,s,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?a(l,t,s):l[t]=e[t]);return l})(e,t)}const UTImageRadio=e=>{let{classNames:t,classes:r,compact:o,dataTestId:a,disabled:s,field:l,input:i={},leftAligned:n,meta:p,oneColumn:u,oneColumnBreakpoint:_=_constants.DEFAULT_ONE_COLUMN_BREAKPOINT,options:c=[]}=e;const d=[...c],{value:f,onChange:m}=i,{ref:y,width:T}=(0,_energyHooks.useComponentDimensions)(),g=n||(null==l?void 0:l.configuration.left_aligned),q=(0,_classesUtils.mergeClasses)(r,t);return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{ref:y,className:"".concat(_stylesModule.default.container," ").concat(q.container," ").concat(g&&_stylesModule.default.leftAligned)},d.sort(_utils.sortOptions).map((e,t)=>_react.default.createElement(_ImageRadioCard.default,{classes:q,compact:o,dataTestId:"".concat(a).concat(t),disabled:s,isSelected:f===e.value,key:e.value,onChange:m,oneColumn:u||T<_,option:e,variant:null==l?void 0:l.configuration}))),p&&(0,_form.shouldShowErrors)(p)&&_react.default.createElement(_UTLabel.default,{colorTheme:"error",className:_stylesModule.default.error,variant:"small"},p.error))};UTImageRadio.propTypes={classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),compact:_propTypes.bool,dataTestId:_propTypes.string,disabled:_propTypes.bool,field:_formTypes.fieldType,input:_formTypes.inputPropTypes,leftAligned:_propTypes.bool,meta:_formTypes.metaPropTypes,oneColumn:_propTypes.bool,oneColumnBreakpoint:_propTypes.number,options:(0,_propTypes.arrayOf)(_types.optionType)};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)((0,_react.memo)(UTImageRadio));

package/dist/components/UTImageRadio/theme.js

@@ -1,73 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-var _classesUtils = require("../../utils/classesUtils");
-var _constants = require("./constants");
-var _utils = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  var _theme$UTImageRadio, _theme$UTImageRadio2, _theme$UTImageRadio3, _theme$UTImageRadio4, _theme$UTImageRadio5, _theme$UTImageRadio6, _theme$UTImageRadio7, _theme$UTImageRadio8, _theme$UTImageRadio9, _theme$UTImageRadio0, _theme$UTImageRadio1;
-  let {
-    theme
-  } = _ref;
-  const tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
-  return {
-    containerCard: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'backgroundColor'], _colorsModule.default.imageRadioBackground),
-      gap: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'gap'], "".concat(_constants.defaultGridGap, "px")),
-      padding: (0, _utils.standarizePadding)((0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'padding'], '24px')),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'height'], 'fit-content'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'width'], "calc(50% - 2 * ".concat(_constants.defaultGridGap, "px)")),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'hover', 'backgroundColor']),
-        filter: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'hover', 'filter'], 'brightness(0.95)')
-      },
-      flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'containerCard', 'flexDirection'], 'row')
-    },
-    isSelected: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'isSelected', 'backgroundColor'], _colorsModule.default.blue),
-      pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'isSelected', 'pointerEvents'], 'none')
-    },
-    containerText: {
-      width: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio = theme.UTImageRadio) === null || _theme$UTImageRadio === void 0 || (_theme$UTImageRadio = _theme$UTImageRadio.containerText) === null || _theme$UTImageRadio === void 0 ? void 0 : _theme$UTImageRadio.width) || '100%'),
-      [tabletMobile]: {
-        width: '100%'
-      }
-    },
-    image: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'image', 'height']),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'image', 'width'], '56px')
-    },
-    vertical: {
-      flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'flexDirection'], 'column'),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'border'], '2px solid transparent'),
-      borderWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio2 = theme.UTImageRadio) === null || _theme$UTImageRadio2 === void 0 || (_theme$UTImageRadio2 = _theme$UTImageRadio2.vertical) === null || _theme$UTImageRadio2 === void 0 ? void 0 : _theme$UTImageRadio2.borderWidth) || '2px'),
-      alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'alignItems'], 'center'),
-      textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'textAlign'], 'center'),
-      width: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio3 = theme.UTImageRadio) === null || _theme$UTImageRadio3 === void 0 || (_theme$UTImageRadio3 = _theme$UTImageRadio3.vertical) === null || _theme$UTImageRadio3 === void 0 ? void 0 : _theme$UTImageRadio3.width) || 'fit-content'),
-      pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'pointerEvents'], 'auto'),
-      '&:hover': {
-        border: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio4 = theme.UTImageRadio) === null || _theme$UTImageRadio4 === void 0 || (_theme$UTImageRadio4 = _theme$UTImageRadio4.vertical) === null || _theme$UTImageRadio4 === void 0 ? void 0 : _theme$UTImageRadio4.border) || "2px solid ".concat(_colorsModule.default.imageRadioBackground))
-      }
-    },
-    description: {
-      color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio5 = theme.UTImageRadio) === null || _theme$UTImageRadio5 === void 0 || (_theme$UTImageRadio5 = _theme$UTImageRadio5.description) === null || _theme$UTImageRadio5 === void 0 ? void 0 : _theme$UTImageRadio5.color) || _colorsModule.default.black),
-      fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio6 = theme.UTImageRadio) === null || _theme$UTImageRadio6 === void 0 || (_theme$UTImageRadio6 = _theme$UTImageRadio6.description) === null || _theme$UTImageRadio6 === void 0 ? void 0 : _theme$UTImageRadio6.fontSize) || 14, "px")),
-      fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio7 = theme.UTImageRadio) === null || _theme$UTImageRadio7 === void 0 || (_theme$UTImageRadio7 = _theme$UTImageRadio7.description) === null || _theme$UTImageRadio7 === void 0 ? void 0 : _theme$UTImageRadio7.fontWeight) || 400)
-    },
-    name: {
-      color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio8 = theme.UTImageRadio) === null || _theme$UTImageRadio8 === void 0 || (_theme$UTImageRadio8 = _theme$UTImageRadio8.name) === null || _theme$UTImageRadio8 === void 0 ? void 0 : _theme$UTImageRadio8.color) || _colorsModule.default.black),
-      fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio9 = theme.UTImageRadio) === null || _theme$UTImageRadio9 === void 0 || (_theme$UTImageRadio9 = _theme$UTImageRadio9.name) === null || _theme$UTImageRadio9 === void 0 ? void 0 : _theme$UTImageRadio9.fontSize) || 18, "px")),
-      fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio0 = theme.UTImageRadio) === null || _theme$UTImageRadio0 === void 0 || (_theme$UTImageRadio0 = _theme$UTImageRadio0.name) === null || _theme$UTImageRadio0 === void 0 ? void 0 : _theme$UTImageRadio0.fontWeight) || 600)
-    },
-    selectedText: {
-      color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio1 = theme.UTImageRadio) === null || _theme$UTImageRadio1 === void 0 || (_theme$UTImageRadio1 = _theme$UTImageRadio1.selectedText) === null || _theme$UTImageRadio1 === void 0 ? void 0 : _theme$UTImageRadio1.color) || _colorsModule.default.white)
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss")),_classesUtils=require("../../utils/classesUtils"),_constants=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{var t,l,a,i,o,s,n,r,d,m,u;let{theme:c}=e;const I=(0,_seamlessImmutable.getIn)(c,["Media","tabletMobile"]);return{containerCard:{backgroundColor:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","backgroundColor"],_colorsModule.default.imageRadioBackground),gap:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","gap"],"".concat(_constants.defaultGridGap,"px")),padding:(0,_utils.standarizePadding)((0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","padding"],"24px")),height:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","height"],"fit-content"),width:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","width"],"calc(50% - 2 * ".concat(_constants.defaultGridGap,"px)")),"&:hover":{backgroundColor:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","hover","backgroundColor"]),filter:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","hover","filter"],"brightness(0.95)")},flexDirection:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","containerCard","flexDirection"],"row")},isSelected:{backgroundColor:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","isSelected","backgroundColor"],_colorsModule.default.blue),pointerEvents:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","isSelected","pointerEvents"],"none")},containerText:{width:(0,_classesUtils.withImportant)((null==c||null===(t=c.UTImageRadio)||void 0===t||null===(t=t.containerText)||void 0===t?void 0:t.width)||"100%"),[I]:{width:"100%"}},image:{height:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","image","height"]),width:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","image","width"],"56px")},vertical:{flexDirection:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","vertical","flexDirection"],"column"),border:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","vertical","border"],"2px solid transparent"),borderWidth:(0,_classesUtils.withImportant)((null==c||null===(l=c.UTImageRadio)||void 0===l||null===(l=l.vertical)||void 0===l?void 0:l.borderWidth)||"2px"),alignItems:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","vertical","alignItems"],"center"),textAlign:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","vertical","textAlign"],"center"),width:(0,_classesUtils.withImportant)((null==c||null===(a=c.UTImageRadio)||void 0===a||null===(a=a.vertical)||void 0===a?void 0:a.width)||"fit-content"),pointerEvents:(0,_seamlessImmutable.getIn)(c,["UTImageRadio","vertical","pointerEvents"],"auto"),"&:hover":{border:(0,_classesUtils.withImportant)((null==c||null===(i=c.UTImageRadio)||void 0===i||null===(i=i.vertical)||void 0===i?void 0:i.border)||"2px solid ".concat(_colorsModule.default.imageRadioBackground))}},description:{color:(0,_classesUtils.withImportant)((null==c||null===(o=c.UTImageRadio)||void 0===o||null===(o=o.description)||void 0===o?void 0:o.color)||_colorsModule.default.black),fontSize:(0,_classesUtils.withImportant)("".concat((null==c||null===(s=c.UTImageRadio)||void 0===s||null===(s=s.description)||void 0===s?void 0:s.fontSize)||14,"px")),fontWeight:(0,_classesUtils.withImportant)((null==c||null===(n=c.UTImageRadio)||void 0===n||null===(n=n.description)||void 0===n?void 0:n.fontWeight)||400)},name:{color:(0,_classesUtils.withImportant)((null==c||null===(r=c.UTImageRadio)||void 0===r||null===(r=r.name)||void 0===r?void 0:r.color)||_colorsModule.default.black),fontSize:(0,_classesUtils.withImportant)("".concat((null==c||null===(d=c.UTImageRadio)||void 0===d||null===(d=d.name)||void 0===d?void 0:d.fontSize)||18,"px")),fontWeight:(0,_classesUtils.withImportant)((null==c||null===(m=c.UTImageRadio)||void 0===m||null===(m=m.name)||void 0===m?void 0:m.fontWeight)||600)},selectedText:{color:(0,_classesUtils.withImportant)((null==c||null===(u=c.UTImageRadio)||void 0===u||null===(u=u.selectedText)||void 0===u?void 0:u.color)||_colorsModule.default.white)}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTImageRadio/types.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionType = void 0;
-var _propTypes = require("prop-types");
-const optionType = exports.optionType = (0, _propTypes.shape)({
-  configuration: (0, _propTypes.shape)({
-    image_url: _propTypes.string,
-    selected_image_url: _propTypes.string,
-    UnselectedImageComponent: _propTypes.func,
-    SelectedImageComponent: _propTypes.func,
-    description: _propTypes.string
-  }),
-  value: _propTypes.string,
-  name: _propTypes.string
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.optionType=void 0;var _propTypes=require("prop-types");const optionType=exports.optionType=(0,_propTypes.shape)({configuration:(0,_propTypes.shape)({image_url:_propTypes.string,selected_image_url:_propTypes.string,UnselectedImageComponent:_propTypes.func,SelectedImageComponent:_propTypes.func,description:_propTypes.string}),value:_propTypes.string,name:_propTypes.string});

package/dist/components/UTImageRadio/utils.js

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.standarizePadding = exports.sortOptions = void 0;
-var _constants = require("./constants");
-const sortOptions = (a, b) => a.order - b.order;
-exports.sortOptions = sortOptions;
-const standarizePadding = padding => _constants.validPaddings.includes(padding) || _constants.validPaddings[1];
-exports.standarizePadding = standarizePadding;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.standarizePadding=exports.sortOptions=void 0;var _constants=require("./constants");const sortOptions=(s,t)=>s.order-t.order;exports.sortOptions=sortOptions;const standarizePadding=s=>_constants.validPaddings.includes(s)||_constants.validPaddings[1];exports.standarizePadding=standarizePadding;

package/dist/components/UTKpi/index.js

@@ -1,76 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _classesUtils = require("../../utils/classesUtils");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTStatus = _interopRequireDefault(require("../UTStatus"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _theme = require("./theme");
-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); }
-const UTKpi = _ref => {
-  let {
-    classes: theme,
-    classNames,
-    title,
-    primaryValue = {},
-    secondaryValue = {},
-    status = {},
-    statusProps = {}
-  } = _ref;
-  const styles = (0, _react.useMemo)(() => (0, _classesUtils.mergeMultipleClassNames)(_stylesModule.default, theme, classNames), [_stylesModule.default, theme, classNames]);
-  const primaryValueText = [primaryValue.prefix, primaryValue.value, primaryValue.suffix].filter(Boolean).join('');
-  const secondaryValueText = [secondaryValue.prefix, secondaryValue.value, secondaryValue.suffix].filter(Boolean).join('');
-  const statusText = [status.prefix, status.value, status.suffix].filter(Boolean).join('');
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "medium"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.contentContainer
-  }, (primaryValueText || secondaryValueText) && /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.valuesContainer
-  }, primaryValueText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "title3",
-    weight: "medium"
-  }, primaryValueText), secondaryValueText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small"
-  }, secondaryValueText)), statusText && /*#__PURE__*/_react.default.createElement(_UTStatus.default, {
-    type: "light",
-    size: "small",
-    variant: statusProps.variant,
-    Icon: statusProps.Icon
-  }, statusText)));
-};
-UTKpi.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  title: _propTypes.string,
-  primaryValue: (0, _propTypes.shape)({
-    prefix: _propTypes.string,
-    value: _propTypes.string,
-    suffix: _propTypes.string
-  }),
-  secondaryValue: (0, _propTypes.shape)({
-    prefix: _propTypes.string,
-    value: _propTypes.string,
-    suffix: _propTypes.string
-  }),
-  status: (0, _propTypes.shape)({
-    prefix: _propTypes.string,
-    value: _propTypes.string,
-    suffix: _propTypes.string
-  }),
-  statusProps: (0, _propTypes.shape)({
-    variant: _propTypes.string,
-    Icon: _propTypes.string
-  })
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTKpi);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_classesUtils=require("../../utils/classesUtils"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTStatus=_interopRequireDefault(require("../UTStatus")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,p,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(a=t?s:r){if(a.has(e))return a.get(e);a.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((p=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(p.get||p.set)?a(i,t,p):i[t]=e[t]);return i})(e,t)}const UTKpi=e=>{let{classes:t,classNames:r,title:s,primaryValue:a={},secondaryValue:p={},status:i={},statusProps:l={}}=e;const u=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,t,r),[_stylesModule.default,t,r]),o=[a.prefix,a.value,a.suffix].filter(Boolean).join(""),n=[p.prefix,p.value,p.suffix].filter(Boolean).join(""),f=[i.prefix,i.value,i.suffix].filter(Boolean).join("");return _react.default.createElement("div",{className:u.container},_react.default.createElement(_UTLabel.default,{weight:"medium"},s),_react.default.createElement("div",{className:u.contentContainer},(o||n)&&_react.default.createElement("div",{className:u.valuesContainer},o&&_react.default.createElement(_UTLabel.default,{variant:"title3",weight:"medium"},o),n&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},n)),f&&_react.default.createElement(_UTStatus.default,{type:"light",size:"small",variant:l.variant,Icon:l.Icon},f)))};UTKpi.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),title:_propTypes.string,primaryValue:(0,_propTypes.shape)({prefix:_propTypes.string,value:_propTypes.string,suffix:_propTypes.string}),secondaryValue:(0,_propTypes.shape)({prefix:_propTypes.string,value:_propTypes.string,suffix:_propTypes.string}),status:(0,_propTypes.shape)({prefix:_propTypes.string,value:_propTypes.string,suffix:_propTypes.string}),statusProps:(0,_propTypes.shape)({variant:_propTypes.string,Icon:_propTypes.string})};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTKpi);

package/dist/components/UTKpi/theme.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _shadowUtils = require("../../utils/shadowUtils");
-var _Palette = require("../../constants/Palette");
-const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01],
-      boxShadow: (0, _shadowUtils.getShadow)({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 1
-      })
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../utils/shadowUtils"),_Palette=require("../../constants/Palette");const retrieveStyle=e=>{var t;let{theme:r}=e;return{container:{backgroundColor:r.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01],boxShadow:(0,_shadowUtils.getShadow)({color:null===(t=r.Palette.shadows)||void 0===t?void 0:t.grayscale,level:1})}}};exports.retrieveStyle=retrieveStyle;