@widergy/energy-ui 3.172.1 → 3.172.3

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 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:code}=_ref;return code})),flagComponentCache={},isCSSVar=value=>"string"==typeof value&&value.startsWith("var("),getFlagComponent=code=>{if(!(code in flagComponentCache)){const loader=_flagsComponents.default[code];flagComponentCache[code]=loader?_react.default.lazy(loader):null}return flagComponentCache[code]},retrieveColor=_ref2=>{var _theme$Palette$action;let{colorTheme:colorTheme,shade:shade,theme:theme}=_ref2;return(theme.Palette[colorTheme]||(null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action[colorTheme])||theme.Palette[_constants.DEFAULT_COLOR_THEME])[shade||(0,_componentUtils.getDefaultColorShade)(colorTheme)]};exports.retrieveColor=retrieveColor;const getIconProps=_ref3=>{let{color:color,colorTheme:colorTheme,fillShade:fillShade,fillTheme:fillTheme,name:name,shade:shade,size:size,style:style,theme:theme}=_ref3;const themeColor=retrieveColor({colorTheme:color||colorTheme,theme:theme,shade:shade}),filled=name.endsWith(_constants.FILLED_ICON_SUFIX),isEnergyIcon=name.startsWith(_constants.ENERGY_ICON_PREFIX),isFlag=FLAG_CODES.has(name),iconColor=filled?_constants.FILLED_ICON_COLOR:themeColor,internalFill=fillTheme&&retrieveColor({colorTheme:fillTheme,theme:theme,shade:fillShade||_constants.DEFAULT_INTERNAL_SHADE}),sizeIsCSSVar=isCSSVar(size),resolvedSize=sizeIsCSSVar?void 0:size,energyIconProps={stroke:iconColor,...resolvedSize&&{width:resolvedSize,height:resolvedSize}};return{style:{...filled?{color:themeColor}:style||{},...sizeIsCSSVar?{width:size,height:size}:{}},...internalFill&&{fill:internalFill},...isEnergyIcon?energyIconProps:isFlag?{width:resolvedSize||24,height:resolvedSize||24}:{color:iconColor,size:resolvedSize},name:name}};exports.getIconProps=getIconProps;const VARIANT_STYLE_MAPPER=function(){return{...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}}},getClassNames=_ref4=>{let{area:area,color:color,colorTheme:colorTheme,classes:classes,className:className,size:size,variant: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:areaColor,color:color,colorTheme:colorTheme,shade:shade,theme:theme}=_ref5;const borderColor=retrieveColor({colorTheme:color||colorTheme,theme:theme,shade:shade}),border="2px solid ".concat(borderColor),defaultBackgrounds={accent:areaColor||(null===(_theme$Palette$action2=theme.Palette.actions)||void 0===_theme$Palette$action2?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||(null===(_theme$Palette$action3=theme.Palette.actions)||void 0===_theme$Palette$action3?void 0:_theme$Palette$action3.negative["01"])||theme.Palette.negative["01"],neutral:areaColor||(null===(_theme$Palette$action4=theme.Palette.actions)||void 0===_theme$Palette$action4?void 0:_theme$Palette$action4.neutral["01"])||theme.Palette.neutral["01"],success:areaColor||theme.Palette.success["01"],warning:areaColor||theme.Palette.warning["01"]};return Object.keys(defaultBackgrounds).reduce((acc,type)=>(acc["".concat(type,"Default")]={backgroundColor:defaultBackgrounds[type]},acc["".concat(type,"Outlined")]={border:border},acc),{})};exports.retrieveStyle=retrieveStyle;const getComponent=name=>_constants.ENERGY_ICONS[name]?_constants.ENERGY_ICONS[name]:TablerIcons[name]?TablerIcons[name]:FLAG_CODES.has(name)?getFlagComponent(name):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 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:classes,compact:compact,dataTestId:dataTestId,disabled:disabled,isSelected:isSelected,onChange:onChange,oneColumn:oneColumn,option:option={},variant:variant={}}=_ref;const{value:value,name:name,configuration:configuration={}}=option,{transparent_background:transparent,vertical:vertical}=variant,{image_url:imageUrl,selected_image_url:selectedImageUrl,UnselectedImageComponent:UnselectedImageComponent,SelectedImageComponent:SelectedImageComponent,tooltip:tooltip,description:description}=configuration,handleOnChange=()=>onChange(value),ImageComponent=isSelected&&SelectedImageComponent||UnselectedImageComponent,renderImage=(0,_react.useMemo)(()=>selected=>selected&&selectedImageUrl?_react.default.createElement("img",{alt:"imageRadioSelected",src:selectedImageUrl}):_react.default.createElement("img",{alt:"imageRadioUnselected",src:imageUrl}),[imageUrl,selectedImageUrl]),Content=()=>_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)&&_react.default.createElement("div",{className:"".concat(classes.image," ").concat(_stylesModule.default.image)},imageUrl&&renderImage(isSelected),ImageComponent&&_react.default.createElement(ImageComponent,null)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.containerText," ").concat(classes.containerText)},_react.default.createElement(_UTLabel.default,{className:"".concat(classes.name," ").concat(_stylesModule.default.text," ").concat(isSelected&&!transparent&&classes.selectedText)},name),description&&_react.default.createElement(_UTLabel.default,{weight:"light",className:"".concat(classes.description," ").concat(_stylesModule.default.text," ").concat(isSelected&&_stylesModule.default.selectedText)},description)));return tooltip?_react.default.createElement(_UTTooltip.default,{content:tooltip,tippyProps:{hideOnClick:!0}},_react.default.createElement("span",{className:"".concat(_stylesModule.default.contentContainer," ").concat(oneColumn?_stylesModule.default.oneColumn:_stylesModule.default.twoColumns," ")},_react.default.createElement(Content,null))):_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=(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,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:classNames,classes:themeClasses,compact:compact,dataTestId:dataTestId,disabled:disabled,field:field,input:input={},leftAligned:leftAligned,meta:meta,oneColumn:oneColumn,oneColumnBreakpoint:oneColumnBreakpoint=_constants.DEFAULT_ONE_COLUMN_BREAKPOINT,options:options=[]}=_ref;const mutableOptions=[...options],{value:value,onChange:onChange}=input,{ref:containerRef,width:containerWidth}=(0,_energyHooks.useComponentDimensions)(),alignToLeft=leftAligned||(null==field?void 0:field.configuration.left_aligned),classes=(0,_classesUtils.mergeClasses)(themeClasses,classNames);return _react.default.createElement(_react.Fragment,null,_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)=>_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:null==field?void 0:field.configuration}))),meta&&(0,_form.shouldShowErrors)(meta)&&_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)((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=_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: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)((null==theme||null===(_theme$UTImageRadio=theme.UTImageRadio)||void 0===_theme$UTImageRadio||null===(_theme$UTImageRadio=_theme$UTImageRadio.containerText)||void 0===_theme$UTImageRadio?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)((null==theme||null===(_theme$UTImageRadio2=theme.UTImageRadio)||void 0===_theme$UTImageRadio2||null===(_theme$UTImageRadio2=_theme$UTImageRadio2.vertical)||void 0===_theme$UTImageRadio2?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)((null==theme||null===(_theme$UTImageRadio3=theme.UTImageRadio)||void 0===_theme$UTImageRadio3||null===(_theme$UTImageRadio3=_theme$UTImageRadio3.vertical)||void 0===_theme$UTImageRadio3?void 0:_theme$UTImageRadio3.width)||"fit-content"),pointerEvents:(0,_seamlessImmutable.getIn)(theme,["UTImageRadio","vertical","pointerEvents"],"auto"),"&:hover":{border:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTImageRadio4=theme.UTImageRadio)||void 0===_theme$UTImageRadio4||null===(_theme$UTImageRadio4=_theme$UTImageRadio4.vertical)||void 0===_theme$UTImageRadio4?void 0:_theme$UTImageRadio4.border)||"2px solid ".concat(_colorsModule.default.imageRadioBackground))}},description:{color:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTImageRadio5=theme.UTImageRadio)||void 0===_theme$UTImageRadio5||null===(_theme$UTImageRadio5=_theme$UTImageRadio5.description)||void 0===_theme$UTImageRadio5?void 0:_theme$UTImageRadio5.color)||_colorsModule.default.black),fontSize:(0,_classesUtils.withImportant)("".concat((null==theme||null===(_theme$UTImageRadio6=theme.UTImageRadio)||void 0===_theme$UTImageRadio6||null===(_theme$UTImageRadio6=_theme$UTImageRadio6.description)||void 0===_theme$UTImageRadio6?void 0:_theme$UTImageRadio6.fontSize)||14,"px")),fontWeight:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTImageRadio7=theme.UTImageRadio)||void 0===_theme$UTImageRadio7||null===(_theme$UTImageRadio7=_theme$UTImageRadio7.description)||void 0===_theme$UTImageRadio7?void 0:_theme$UTImageRadio7.fontWeight)||400)},name:{color:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTImageRadio8=theme.UTImageRadio)||void 0===_theme$UTImageRadio8||null===(_theme$UTImageRadio8=_theme$UTImageRadio8.name)||void 0===_theme$UTImageRadio8?void 0:_theme$UTImageRadio8.color)||_colorsModule.default.black),fontSize:(0,_classesUtils.withImportant)("".concat((null==theme||null===(_theme$UTImageRadio9=theme.UTImageRadio)||void 0===_theme$UTImageRadio9||null===(_theme$UTImageRadio9=_theme$UTImageRadio9.name)||void 0===_theme$UTImageRadio9?void 0:_theme$UTImageRadio9.fontSize)||18,"px")),fontWeight:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTImageRadio0=theme.UTImageRadio)||void 0===_theme$UTImageRadio0||null===(_theme$UTImageRadio0=_theme$UTImageRadio0.name)||void 0===_theme$UTImageRadio0?void 0:_theme$UTImageRadio0.fontWeight)||600)},selectedText:{color:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTImageRadio1=theme.UTImageRadio)||void 0===_theme$UTImageRadio1||null===(_theme$UTImageRadio1=_theme$UTImageRadio1.selectedText)||void 0===_theme$UTImageRadio1?void 0:_theme$UTImageRadio1.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=(a,b)=>a.order-b.order;exports.sortOptions=sortOptions;const standarizePadding=padding=>_constants.validPaddings.includes(padding)||_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,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:classNames,title:title,primaryValue:primaryValue={},secondaryValue:secondaryValue={},status:status={},statusProps:statusProps={}}=_ref;const styles=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,theme,classNames),[_stylesModule.default,theme,classNames]),primaryValueText=[primaryValue.prefix,primaryValue.value,primaryValue.suffix].filter(Boolean).join(""),secondaryValueText=[secondaryValue.prefix,secondaryValue.value,secondaryValue.suffix].filter(Boolean).join(""),statusText=[status.prefix,status.value,status.suffix].filter(Boolean).join("");return _react.default.createElement("div",{className:styles.container},_react.default.createElement(_UTLabel.default,{weight:"medium"},title),_react.default.createElement("div",{className:styles.contentContainer},(primaryValueText||secondaryValueText)&&_react.default.createElement("div",{className:styles.valuesContainer},primaryValueText&&_react.default.createElement(_UTLabel.default,{variant:"title3",weight:"medium"},primaryValueText),secondaryValueText&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},secondaryValueText)),statusText&&_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);

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=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{container:{backgroundColor:theme.Palette[_Palette.COLOR_THEMES.light][_Palette.COLOR_SHADES.shade01],boxShadow:(0,_shadowUtils.getShadow)({color:null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?void 0:_theme$Palette$shadow.grayscale,level:1})}}};exports.retrieveStyle=retrieveStyle;