@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTIcon/theme.js

@@ -1 +1,171 @@
-"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;
+"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;

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

@@ -1 +1,91 @@
-"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);
+"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);

package/dist/components/UTImageRadio/constants.js

@@ -1 +1,9 @@
-"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;
+"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;

package/dist/components/UTImageRadio/index.js

@@ -1 +1,83 @@
-"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));
+"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));

package/dist/components/UTImageRadio/theme.js

@@ -1 +1,73 @@
-"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;
+"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;

package/dist/components/UTImageRadio/types.js

@@ -1 +1,18 @@
-"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});
+"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
+});

package/dist/components/UTImageRadio/utils.js

@@ -1 +1,11 @@
-"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;
+"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;