@widergy/energy-ui 3.177.0 → 3.178.0

package/dist/components/UTRadioGroup/versions/V1/components/Radio/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RADIO_VARIANTS=exports.ICON_SIZES=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:48};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};

package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_Radio=_interopRequireDefault(require("@material-ui/core/Radio")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,description:r,descriptionProps:a={},disabled:o,icon:n,iconProps:c={},iconSelectedProps:s={},name:l,nameProps:i={},nameSelectedProps:p={},onChange:_,prefix:u,selected:d,suffix:T,variant:f=_constants.RADIO_VARIANTS.DEFAULT}=e;return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,onClick:()=>!o&&_()},f===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement(_Radio.default,{checked:d,onChange:_,value:l,disabled:o}),_react.default.createElement("div",{className:t.content},n&&_react.default.createElement(_UTIcon.default,_extends({name:n,colorTheme:d?"accent":"dark",size:_constants.ICON_SIZES[f]},c,d?s:{})),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},u&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},u),l&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:d?"accent":"dark"},i,d?p:{}),l),T&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},T)),_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray",variant:"body"},a),r))),d&&[_constants.RADIO_VARIANTS.CARD,_constants.RADIO_VARIANTS.BUTTON].includes(f)&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,description:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,icon:_propTypes.string,iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,name:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,selected:_propTypes.bool,suffix:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(Radio);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,description:a,descriptionProps:r={},disabled:o,icon:n,iconProps:c={},iconSelectedProps:s={},name:l,nameProps:i={},nameSelectedProps:p={},onChange:_,prefix:d,selected:u,suffix:T,theme:m,tooltip:f,variant:y=_constants.RADIO_VARIANTS.DEFAULT}=e;const E=y===_constants.RADIO_VARIANTS.CARD,{areaBackground:N,areaBorderColor:h}=(0,_utils.getIconAreaColors)(m),b=l&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:"dark"},i,u?p:{}),l);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,onClick:()=>!o&&_()},y===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},u&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=(0,_utils.getIconContentType)(n);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=n;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:n,size:_constants.ICON_SIZES[y]},E&&{area:!0,areaBackground:N,areaBorderColor:h,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,u?s:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},d&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},d),E&&f?_react.default.createElement("div",{className:t.titleAndTooltip},b,_react.default.createElement(_UTTooltip.default,{content:f},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:u&&E?"accent":o&&E?"gray":"dark",name:"IconHelp",size:20})))):b,T&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},T)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),a))),E&&_react.default.createElement("div",{className:t.cardRadio},u&&_react.default.createElement("div",{className:t.radioDot})),u&&y===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,description:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,name:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,selected:_propTypes.bool,suffix:_propTypes.string,theme:_propTypes.object,tooltip:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Radio);

package/dist/components/UTRadioGroup/versions/V1/components/Radio/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _styles=require("@material-ui/core/styles"),_shadowUtils=require("../../../../../../utils/shadowUtils"),_constants=require("../../constants"),_constants2=require("./constants");const retrieveStyle=t=>{var e,o,n,a;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:r,selected:c,spacing:s=_constants.SPACING.MEDIUM,reversed:d}=t;const p=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["01"])||i.Palette.accent["01"],A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["02"])||i.Palette.accent["02"],h=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],u={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:(0,_shadowUtils.getShadow)({color:null===(a=i.Palette.shadows)||void 0===a?void 0:a.grayscale,level:1}),outline:"2px solid transparent","&:hover":{backgroundColor:i.Palette.light["03"],boxShadow:"none"},"&:active":{backgroundColor:i.Palette.light["04"],boxShadow:"none","& $aditionalInfoDescription":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(h),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:h},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:h},"&:hover":{backgroundColor:p,outline:"2px solid ".concat(h)},"&:active":{backgroundColor:A,outline:"2px solid ".concat(h)}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],g={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent","& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:i.Palette.gray["04"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:i.Palette.gray["04"]},"&:hover":{backgroundColor:i.Palette.light["03"],outline:"2px solid transparent",pointerEvents:"none"}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5}}[l];return{root:{alignItems:"center",borderRadius:"8px",display:"flex",flexDirection:"row",gap:{[_constants.SPACING.SMALL]:"8px",[_constants.SPACING.MEDIUM]:"16px"}[s],minHeight:"24px",overflow:"hidden",padding:"12px 16px",...r?g:c?I:u},content:{alignItems:"center",display:"flex",flexDirection:d?"row-reverse":"row",gap:{[_constants.SPACING.SMALL]:"8px",[_constants.SPACING.MEDIUM]:"16px"}[s],marginRight:"auto"},name:{colorTheme:"accent"},contentContainer:{display:"flex",flexDirection:"column",gap:"4px"}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=t=>{var e;const o=(null===(e=t.Palette.actions)||void 0===e?void 0:e.accent["04"])||t.Palette.accent["04"];return(0,_styles.createTheme)({overrides:{MuiRadio:{colorSecondary:{color:o,"&$checked":{color:o},"&$disabled":{color:t.Palette.gray["04"]}},root:{padding:0}}}})};exports.retrieveMuiTheme=retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("../../constants"),_constants2=require("./constants");const SPACING_VALUES={[_constants.SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[_constants.SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=t=>{let{accent04:o,disabled:e,selected:r,theme:a}=t;const n=a.Palette.gray["04"];return{backgroundColor:r?e?n:o:"transparent",borderColor:e?n:r?o:a.Palette.light["04"]}},retrieveStyle=t=>{var o,e,r,a,n;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:c,selected:d,spacing:s=_constants.SPACING.MEDIUM,reversed:p}=t;const A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["01"])||i.Palette.accent["01"],g=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["02"])||i.Palette.accent["02"],u=(null===(r=i.Palette.actions)||void 0===r?void 0:r.accent["03"])||i.Palette.accent["03"],h=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],v=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],x={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"],"& $description":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:v},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],C={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:i.Palette.gray["04"]},"& $icon path":{fill:i.Palette.gray["04"]}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5}}[l];return{root:{alignItems:"center !important",borderRadius:l===_constants2.RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:l===_constants2.RADIO_VARIANTS.CARD?"visible":"hidden",...l!==_constants2.RADIO_VARIANTS.DEFAULT&&{padding:"var(--UT-radioGroup-row-padding-y, 12px) var(--UT-radioGroup-row-padding-x, 16px)"},...c?C:d?I:x},radioCircleContainer:{borderRadius:"50%",overflow:"hidden",padding:3,"&:hover":{backgroundColor:A},"&:active":{backgroundColor:g}},radioCircle:{alignItems:"center",border:"1px solid ".concat(i.Palette.light["05"]),borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...d&&{backgroundColor:h,borderColor:h}},radioDot:{backgroundColor:i.Palette.light["01"],borderRadius:"50%",height:"var(--UT-radioGroup-control-dot-size, 8px)",width:"var(--UT-radioGroup-control-dot-size, 8px)"},cardRadio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...getCardRadioColors({accent04:h,disabled:c,selected:d,theme:i})},content:{alignItems:"center",display:"flex",flexDirection:p?"row-reverse":"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],marginRight:"auto"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-radioGroup-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTRadioGroup/versions/V1/components/Radio/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIconContentType=exports.getIconAreaColors=void 0;var _componentUtils=require("../../../../../../utils/componentUtils"),_constants=require("./constants");const getIconContentType=t=>(0,_componentUtils.isUTIcon)(t)?_constants.ICON_CONTENT_TYPES.UT_ICON:t&&"object"==typeof t&&t.src?_constants.ICON_CONTENT_TYPES.IMAGE:_constants.ICON_CONTENT_TYPES.COMPONENT;exports.getIconContentType=getIconContentType;const getIconAreaColors=t=>({areaBackground:t.Palette.light["01"],areaBorderColor:t.Palette.light["04"]});exports.getIconAreaColors=getIconAreaColors;

package/dist/components/UTRadioGroup/versions/V1/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_RadioGroup=_interopRequireDefault(require("@material-ui/core/RadioGroup")),_buttonTypes=require("../../../../types/buttonTypes"),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_Radio=_interopRequireDefault(require("./components/Radio")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils2=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(n,t,s):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTRadioGroup=e=>{let{actions:t,area:r,areaProps:a,classNames:o={},dataTestId:s,descriptionProps:n,disabled:p,error:i,errorDataTestId:l,horizontalSpacing:c=_constants.SPACING.MEDIUM,iconProps:u,iconSelectedProps:d,itemDataTestId:_,nameProps:y,nameSelectedProps:T,onChange:f=()=>{},options:b,required:m,reversed:g,title:v,value:O=null,variant:P,verticalSpacing:q=_constants.SPACING.MEDIUM}=e;const R=(0,_react.useMemo)(()=>{const e=b.reduce((e,t)=>{const r=t.category||_constants.NO_CATEGORY;return e[r]||(e[r]=[]),e[r].push(t),e},{NO_CATEGORY:[]});return Object.entries(e).filter(e=>{let[,t]=e;return t.length>0}).sort((e,t)=>{let[r]=e,[a]=t;return r===_constants.NO_CATEGORY?-1:a===_constants.NO_CATEGORY?1:0})},[b]),M=(0,_react.useMemo)(()=>i&&(0,_utils.formatErrorToValidation)(i),[i]),h=(0,_react.useMemo)(()=>(0,_utils2.getAreaStyle)(r,a),[r,a]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(o.root||""),"data-testid":s,style:h},v&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(o.header||"")},v&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:m},v)),_react.default.createElement(_RadioGroup.default,{value:O||"",className:_stylesModule.default.container},R.map((e,t)=>{let[r,a]=e;return _react.default.createElement("div",{className:_stylesModule.default["".concat(q,"CategoryContainer")],key:r},r!==_constants.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},r.toUpperCase()),a.map((e,r)=>_react.default.createElement(_Radio.default,_extends({dataTestId:_?"".concat(_,".category_").concat(t,".").concat(r):null,descriptionProps:n,disabled:e.disabled||p,iconProps:u,iconSelectedProps:d,key:e.value,nameProps:y,nameSelectedProps:T,onChange:()=>f(e.value),reversed:g,selected:e.value===O,spacing:c,variant:P},(null==e?void 0:e.configuration)||{},e))))})),M&&_react.default.createElement(_UTValidation.default,{dataTestId:l,validationData:M}))};UTRadioGroup.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),area:_propTypes.bool,areaProps:_propTypes.object,classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,error:_propTypes.string,errorDataTestId:_propTypes.string,horizontalSpacing:(0,_propTypes.oneOf)(Object.values(_constants.SPACING)),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,itemDataTestId:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({category:_propTypes.string,checked:_propTypes.bool,disabled:_propTypes.bool,icon:_propTypes.string,name:_propTypes.string,value:_propTypes.string})),required:_propTypes.bool,reversed:_propTypes.bool,title:_propTypes.string,value:_propTypes.string,variant:_propTypes.string,verticalSpacing:(0,_propTypes.oneOf)(Object.values(_constants.SPACING))};var _default=exports.default=UTRadioGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_RadioGroup=_interopRequireDefault(require("@material-ui/core/RadioGroup")),_buttonTypes=require("../../../../types/buttonTypes"),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_Radio=_interopRequireDefault(require("./components/Radio")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils2=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,p={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return p;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,p)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(p,t,s):p[t]=e[t]);return p})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTRadioGroup=e=>{let{actions:t,area:r,areaProps:a,classNames:o={},dataTestId:s,descriptionProps:p,disabled:n,error:i,errorDataTestId:l,horizontalSpacing:c=_constants.SPACING.MEDIUM,iconProps:u,iconSelectedProps:d,itemDataTestId:_,nameProps:y,nameSelectedProps:T,onChange:f=()=>{},options:g,required:b,reversed:m,title:v,value:O=null,variant:P,verticalSpacing:q=_constants.SPACING.MEDIUM}=e;const R=(0,_react.useMemo)(()=>{const e=g.reduce((e,t)=>{const r=t.category||_constants.NO_CATEGORY;return e[r]||(e[r]=[]),e[r].push(t),e},{NO_CATEGORY:[]});return Object.entries(e).filter(e=>{let[,t]=e;return t.length>0}).sort((e,t)=>{let[r]=e,[a]=t;return r===_constants.NO_CATEGORY?-1:a===_constants.NO_CATEGORY?1:0})},[g]),M=(0,_react.useMemo)(()=>i&&(0,_utils.formatErrorToValidation)(i),[i]),h=(0,_react.useMemo)(()=>(0,_utils2.getAreaStyle)(r,a),[r,a]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(o.root||""),"data-testid":s,style:h},v&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(o.header||"")},v&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:b},v)),_react.default.createElement(_RadioGroup.default,{value:O||"",className:_stylesModule.default.container},R.map((e,t)=>{let[r,a]=e;return _react.default.createElement("div",{className:_stylesModule.default["".concat(q,"CategoryContainer")],key:r},r!==_constants.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},r.toUpperCase()),a.map((e,r)=>_react.default.createElement(_Radio.default,_extends({dataTestId:_?"".concat(_,".category_").concat(t,".").concat(r):null,descriptionProps:p,disabled:e.disabled||n,iconProps:u,iconSelectedProps:d,key:e.value,nameProps:y,nameSelectedProps:T,onChange:()=>f(e.value),reversed:m,selected:e.value===O,spacing:c,variant:P},(null==e?void 0:e.configuration)||{},e))))})),M&&_react.default.createElement(_UTValidation.default,{dataTestId:l,validationData:M}))};UTRadioGroup.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),area:_propTypes.bool,areaProps:_propTypes.object,classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,error:_propTypes.string,errorDataTestId:_propTypes.string,horizontalSpacing:(0,_propTypes.oneOf)(Object.values(_constants.SPACING)),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,itemDataTestId:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({category:_propTypes.string,checked:_propTypes.bool,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),name:_propTypes.string,tooltip:_propTypes.string,value:_propTypes.string})),required:_propTypes.bool,reversed:_propTypes.bool,title:_propTypes.string,value:_propTypes.string,variant:_propTypes.string,verticalSpacing:(0,_propTypes.oneOf)(Object.values(_constants.SPACING))};var _default=exports.default=UTRadioGroup;

package/dist/components/UTRadioGroup/versions/V1/styles.module.scss

@@ -1,20 +1,17 @@
-$spacing-medium: 16px;
-$spacing-small: 8px;
-
 %categoryContainer {
   display: flex;
   flex-direction: column;
-  grid-gap: $spacing-medium;
+  grid-gap: var(--UT-radioGroup-gap-lg, 16px);
 }
 
 .mediumCategoryContainer {
   @extend %categoryContainer;
-  grid-gap: $spacing-medium;
+  grid-gap: var(--UT-radioGroup-gap-lg, 16px);
 }
 
 .smallCategoryContainer {
   @extend %categoryContainer;
-  grid-gap: $spacing-small;
+  grid-gap: var(--UT-radioGroup-gap-sm, 8px);
 }
 
 .noneCategoryContainer {
@@ -23,26 +20,25 @@ $spacing-small: 8px;
 }
 
 .categoryTitle {
-  padding: 8px 0;
+  padding: var(--UT-radioGroup-padding-y, 8px) 0;
 }
 
 .container {
   display: flex;
   flex-direction: column;
   align-self: flex-start;
-  grid-gap: $spacing-medium;
+  grid-gap: var(--UT-radioGroup-gap-lg, 16px);
   width: 100%;
 }
 
 .container {
   display: flex;
   flex-direction: column;
-  grid-gap: $spacing-medium;
+  grid-gap: var(--UT-radioGroup-gap-lg, 16px);
 }
 
 .headerContainer {
   display: flex;
   flex-direction: column;
-  grid-gap: 8px;
+  grid-gap: var(--UT-radioGroup-gap-sm, 8px);
 }
-

package/dist/components/UTRating/versions/V0/components/Faces/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_constants=require("../../constants"),_constants2=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,l,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(o=t?s:a){if(o.has(e))return o.get(e);o.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?o(r,t,l):r[t]=e[t]);return r})(e,t)}const Faces=e=>{let{classes:t,isFirst:a,isLast:s,name:o,onClick:l,order:r,selected:n,textVariant:c,value:u}=e;const _={[_constants.SIDE_TEXT]:{containerClass:a?_stylesModule.default.first:s&&_stylesModule.default.last,labelClass:t.label,showLabel:a||s},[_constants.BOTTOM_TEXT]:{containerClass:"".concat(_stylesModule.default.withTextBottom," ").concat(t.facesWithTextBottom),labelClass:t.label,showLabel:!0},[_constants.NO_TEXT]:{containerClass:"",labelClass:"",showLabel:!1}},p=_[c]||_[_constants.NO_TEXT],i=_constants2.FACES_ICONS[r-1],d=_constants2.FACES_ICONS_SELECTED[r-1];return i&&d&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(p.containerClass)},_react.default.createElement(_UTButton.default,{classNames:{root:"\n              ".concat(_stylesModule.default.faceButton,"\n              ").concat(t[_constants2.FACES_CLASSES[r-1]],"\n              ").concat(n&&"".concat(t.faceButtonSelected," ").concat(_stylesModule.default.faceButtonSelected),"\n            ")},Icon:()=>_react.default.createElement(_react.Fragment,null,_react.default.createElement(i,{className:_stylesModule.default.faceIcon}),_react.default.createElement(d,{className:_stylesModule.default.faceIconSelected})),onClick:()=>l(r,u),variant:"text"}),p.showLabel&&_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.text," ").concat(p.labelClass),colorTheme:"gray",weight:"semibold"},o))};Faces.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),isFirst:_propTypes.bool,isLast:_propTypes.bool,name:_propTypes.string,onClick:_propTypes.func,order:_propTypes.number,selected:_propTypes.bool,textVariant:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])};var _default=exports.default=(0,_react.memo)(Faces);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_constants=require("../../constants"),_constants2=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,l,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(o=t?s:a){if(o.has(e))return o.get(e);o.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?o(r,t,l):r[t]=e[t]);return r})(e,t)}const Faces=e=>{let{classes:t,isFirst:a,isLast:s,name:o,onClick:l,order:r,selected:n,textVariant:c,value:u}=e;const _={[_constants.SIDE_TEXT]:{containerClass:a?_stylesModule.default.first:s&&_stylesModule.default.last,labelClass:t.label,showLabel:a||s},[_constants.BOTTOM_TEXT]:{containerClass:"".concat(_stylesModule.default.withTextBottom," ").concat(t.facesWithTextBottom),labelClass:t.label,showLabel:!0},[_constants.NO_TEXT]:{containerClass:"",labelClass:"",showLabel:!1}},p=_[c]||_[_constants.NO_TEXT],i=_constants2.FACES_ICONS[r-1],d=_constants2.FACES_ICONS_SELECTED[r-1];return i&&d&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(p.containerClass)},_react.default.createElement(_UTButton.default,{classNames:{root:"\n              ".concat(_stylesModule.default.faceButton,"\n              ").concat(t[_constants2.FACES_CLASSES[r-1]],"\n              ").concat(n&&"".concat(t.faceButtonSelected," ").concat(_stylesModule.default.faceButtonSelected),"\n            ")},Icon:()=>_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(i,{className:_stylesModule.default.faceIcon}),_react.default.createElement(d,{className:_stylesModule.default.faceIconSelected})),onClick:()=>l(r,u),variant:"text"}),p.showLabel&&_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.text," ").concat(p.labelClass),colorTheme:"gray",weight:"semibold"},o))};Faces.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),isFirst:_propTypes.bool,isLast:_propTypes.bool,name:_propTypes.string,onClick:_propTypes.func,order:_propTypes.number,selected:_propTypes.bool,textVariant:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])};var _default=exports.default=(0,_react.memo)(Faces);

package/dist/components/UTRating/versions/V0/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss")),_formTypes=require("../../../../types/formTypes"),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_classesUtils=require("../../../../utils/classesUtils"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_Circle=_interopRequireDefault(require("./components/Circle")),_Faces=_interopRequireDefault(require("./components/Faces")),_Star=_interopRequireDefault(require("./components/Star")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?s(n,t,o):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTRatingContainer=e=>{let{classes:t,classNames:r,field:a={},onChange:s,options:o,titleProps:n,withUpperTitle:l}=e;const[i,u]=(0,_react.useState)([]),[p,c]=(0,_react.useState)([]),[_,d]=(0,_react.useState)([]),f=(0,_classesUtils.mergeClasses)(t,r),{ignore_title:y,variant:m,star_color:T,text_variant:h}=a.configuration||{},q=y&&l,g=(e,t)=>{u((0,_array.autocompleteWithNumbers)(1,e)),(0,_array.isEmpty)(i)&&d((0,_array.autocompleteWithNumbers)(1,e)),s(t.toString())},v=e=>{c((0,_array.autocompleteWithNumbers)(1,e)),u([])},b=()=>{c([]),u(_)};return _react.default.createElement(_react.Fragment,null,q&&_react.default.createElement(_UTLabel.default,_extends({className:"".concat(f.title)},n,{withMarkdown:!0}),a.title),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(f.container)},o.map(e=>{const t={onClick:g,value:e.value,order:e.order,isFirst:o[0].order===e.order,isLast:o[o.length-1].order===e.order,textVariant:h,name:e.name,classes:f,color:T||_colorsModule.default.ratingStarSelected};return m===_constants.RATING_VARIANTS.CIRCULAR?_react.default.createElement(_Circle.default,_extends({key:e.value,selected:i[i.length-1]===e.order},t)):m===_constants.RATING_VARIANTS.FACES?_react.default.createElement(_Faces.default,_extends({key:e.value,selected:i[i.length-1]===e.order},t)):_react.default.createElement(_Star.default,_extends({key:e.value,hovered:p.includes(e.order),selected:i.includes(e.order),onMouseLeave:b,onHover:v},t))})))};UTRatingContainer.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),field:_formTypes.fieldType,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({order:_propTypes.number,value:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])})),titleProps:_propTypes.object,withUpperTitle:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTRatingContainer);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss")),_formTypes=require("../../../../types/formTypes"),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_classesUtils=require("../../../../utils/classesUtils"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_Circle=_interopRequireDefault(require("./components/Circle")),_Faces=_interopRequireDefault(require("./components/Faces")),_Star=_interopRequireDefault(require("./components/Star")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?s(n,t,o):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTRatingContainer=e=>{let{classes:t,classNames:r,field:a={},onChange:s,options:o,titleProps:n,withUpperTitle:l}=e;const[i,u]=(0,_react.useState)([]),[p,c]=(0,_react.useState)([]),[_,d]=(0,_react.useState)([]),f=(0,_classesUtils.mergeClasses)(t,r),{ignore_title:y,variant:m,star_color:T,text_variant:h}=a.configuration||{},q=y&&l,g=(e,t)=>{u((0,_array.autocompleteWithNumbers)(1,e)),(0,_array.isEmpty)(i)&&d((0,_array.autocompleteWithNumbers)(1,e)),s(t.toString())},v=e=>{c((0,_array.autocompleteWithNumbers)(1,e)),u([])},b=()=>{c([]),u(_)};return _react.default.createElement(_react.default.Fragment,null,q&&_react.default.createElement(_UTLabel.default,_extends({className:"".concat(f.title)},n,{withMarkdown:!0}),a.title),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(f.container)},o.map(e=>{const t={onClick:g,value:e.value,order:e.order,isFirst:o[0].order===e.order,isLast:o[o.length-1].order===e.order,textVariant:h,name:e.name,classes:f,color:T||_colorsModule.default.ratingStarSelected};return m===_constants.RATING_VARIANTS.CIRCULAR?_react.default.createElement(_Circle.default,_extends({key:e.value,selected:i[i.length-1]===e.order},t)):m===_constants.RATING_VARIANTS.FACES?_react.default.createElement(_Faces.default,_extends({key:e.value,selected:i[i.length-1]===e.order},t)):_react.default.createElement(_Star.default,_extends({key:e.value,hovered:p.includes(e.order),selected:i.includes(e.order),onMouseLeave:b,onHover:v},t))})))};UTRatingContainer.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),field:_formTypes.fieldType,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({order:_propTypes.number,value:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])})),titleProps:_propTypes.object,withUpperTitle:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTRatingContainer);

package/dist/components/UTSelect/versions/V0/components/Option/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Checkbox=_interopRequireDefault(require("@material-ui/core/Checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,p,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((p=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(p.get||p.set)?a(l,t,p):l[t]=e[t]);return l})(e,t)}const Option=e=>{let{classes:t,isMultiple:r,labelKey:o,optionProps:a,value:p,valueKey:l}=e;const n=a.icon;return _react.default.createElement(_react.Fragment,null,r&&_react.default.createElement(_Checkbox.default,{color:"primary",checked:(null==p?void 0:p.indexOf(a[l]))>-1}),n?_react.default.createElement("div",{className:t.labelContainer},_react.default.createElement(n,{className:t.optionIcon}),_react.default.createElement("div",null,a[o])):a[o])};Option.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),isMultiple:_propTypes.bool,labelKey:_propTypes.string,optionProps:_propTypes.object,value:_propTypes.any,valueKey:_propTypes.string};var _default=exports.default=(0,_react.memo)(Option);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Checkbox=_interopRequireDefault(require("@material-ui/core/Checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,l,p={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return p;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,p)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?a(p,t,l):p[t]=e[t]);return p})(e,t)}const Option=e=>{let{classes:t,isMultiple:r,labelKey:o,optionProps:a,value:l,valueKey:p}=e;const n=a.icon;return _react.default.createElement(_react.default.Fragment,null,r&&_react.default.createElement(_Checkbox.default,{color:"primary",checked:(null==l?void 0:l.indexOf(a[p]))>-1}),n?_react.default.createElement("div",{className:t.labelContainer},_react.default.createElement(n,{className:t.optionIcon}),_react.default.createElement("div",null,a[o])):a[o])};Option.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),isMultiple:_propTypes.bool,labelKey:_propTypes.string,optionProps:_propTypes.object,value:_propTypes.any,valueKey:_propTypes.string};var _default=exports.default=(0,_react.memo)(Option);

package/dist/components/UTSelect/versions/V0/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _clone=_interopRequireDefault(require("lodash/clone")),_FormControl=_interopRequireDefault(require("@material-ui/core/FormControl")),_FormHelperText=_interopRequireDefault(require("@material-ui/core/FormHelperText")),_Grid=_interopRequireDefault(require("@material-ui/core/Grid")),_HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputLabel=_interopRequireDefault(require("@material-ui/core/InputLabel")),_ListSubheader=_interopRequireDefault(require("@material-ui/core/ListSubheader")),_MenuItem=_interopRequireDefault(require("@material-ui/core/MenuItem")),_react=_interopRequireWildcard(require("react")),_Select=_interopRequireDefault(require("@material-ui/core/Select")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_form=require("@widergy/web-utils/lib/form"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_classesUtils=require("../../../../utils/classesUtils"),_Option=_interopRequireDefault(require("./components/Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_stylesJS=_interopRequireDefault(require("./stylesJS")),_constants=require("./constants"),_theme=require("./theme"),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,s,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(l=t?a:r){if(l.has(e))return l.get(e);l.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?l(o,t,s):o[t]=e[t]);return o})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTSelect=e=>{let{captionLabel:t,classNames:r,classes:a,dataTestId:l,disableFirstOption:s,disabled:o,errorDataTestId:i,field:n,iconPlaceholder:p,input:u,itemDataTestId:c,labelKey:_,labelProps:d,listDataTestId:f,menuPlaceholder:m,meta:y,options:T,placeholder:b,selectProps:h,tooltip:q,valueKey:g,variant:E,withAutoReset:v,withOrder:O,withoutFirstOption:I}=e;const{multiple:P,upperTitle:D}=(null==n?void 0:n.configuration)||{},M=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,r),[r]);(0,_react.useEffect)(()=>{v&&(0,_utils.shouldReset)(u.value,T,g,P)&&u.onChange(null)},[T]);let R=[...T];R=O?R.sort((e,t)=>e.order<t.order?-1:1):R;const L={classes:M,isMultiple:P,labelKey:_,value:u.value,valueKey:g},w=_react.default.createElement(_react.Fragment,null,D&&_react.default.createElement(_UTLabel.default,{className:M.upperTitle},D),_react.default.createElement(_FormControl.default,{className:M.formControl,error:(0,_form.shouldShowErrors)(y),variant:E},_react.default.createElement(_InputLabel.default,_extends({},d,{disabled:o}),p?_react.default.createElement("div",{className:M.labelContainer},_react.default.createElement(p,{className:M.labelIcon}),_react.default.createElement("div",null,b)):b),_react.default.createElement(_Select.default,_extends({classes:{nativeInput:_stylesModule.default.nativeInput},disabled:o,inputProps:{"data-testid":l},label:"outlined"===E&&b,MenuProps:{MenuListProps:{"data-testid":f}},multiple:P,name:u.name,onChange:e=>u.onChange(e.target.value),value:P?(0,_array.isEmpty)(u.value)?[]:(0,_clone.default)(u.value):u.value},P?{renderValue:e=>T.filter(t=>e.includes(t[g])).map(e=>e[_]).join(", ")}:{},h),!I&&_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(c,".firstOption"),disabled:P||s,value:""},m||(P?_constants.MENU_TITLE_MULTIPLE:_constants.MENU_TITLE)),R.map((e,t)=>(0,_array.isEmpty)(e.subOptions)?_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(c,".").concat(t),key:e[g],value:e[g]},_react.default.createElement(_Option.default,_extends({optionProps:e},L))):[_react.default.createElement(_ListSubheader.default,{className:_stylesModule.default.subHeader},e[_]),e.subOptions.map((e,t)=>_react.default.createElement(_MenuItem.default,{className:M.subOption,"data-testid":"".concat(c,".").concat(t),key:e[g],value:e[g]},_react.default.createElement(_Option.default,_extends({isSuboption:!0,optionProps:e},L))))])),t&&_react.default.createElement(_FormHelperText.default,{classes:{...M.formHelperText}},t),(0,_form.shouldShowErrors)(y)&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorLabel,colorTheme:"error",dataTestId:i,variant:"small"},y.error)));return _react.default.createElement("div",{className:M.container},q?_react.default.createElement(_Grid.default,{alignItems:"flex-end",container:!0,spacing:1,style:_stylesJS.default.gridContainer},_react.default.createElement(_Grid.default,{item:!0,xs:!0},w),_react.default.createElement(_Grid.default,{item:!0,style:_stylesJS.default.icon},_react.default.createElement(_UTTooltip.default,{content:q},_react.default.createElement("span",null,_react.default.createElement(_HelpOutline.default,{className:M.tooltipIcon}))))):w)};UTSelect.defaultProps={classNames:{},classes:{},field:{configuration:{multiple:!1}},labelKey:_constants.LABEL_KEY,labelProps:{},meta:{},options:[],selectProps:{},valueKey:_constants.VALUE_KEY,withAutoReset:!0,withoutFirstOption:!1},UTSelect.propTypes={captionLabel:_propTypes.string,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.shape)({container:_propTypes.string,labelContainer:_propTypes.string,formControl:_propTypes.string,formHelperText:(0,_propTypes.objectOf)(_propTypes.string),labelIcon:_propTypes.string,optionIcon:_propTypes.string,tooltipIcon:_propTypes.string,upperTitle:_propTypes.string}),dataTestId:_propTypes.string,disableFirstOption:_propTypes.bool,disabled:_propTypes.bool,errorDataTestId:_propTypes.string,field:_formTypes.fieldType,iconPlaceholder:_propTypes.node,input:_formTypes.inputPropTypes,itemDataTestId:_propTypes.string,labelKey:_propTypes.string,labelProps:_propTypes.object,listDataTestId:_propTypes.string,menuPlaceholder:_propTypes.string,meta:_formTypes.metaPropTypes,options:(0,_propTypes.arrayOf)(_propTypes.object),placeholder:_propTypes.string,selectProps:_propTypes.object,tooltip:_propTypes.string,valueKey:_propTypes.string,variant:_propTypes.string,withAutoReset:_propTypes.bool,withOrder:_propTypes.bool,withoutFirstOption:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTSelect);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _clone=_interopRequireDefault(require("lodash/clone")),_FormControl=_interopRequireDefault(require("@material-ui/core/FormControl")),_FormHelperText=_interopRequireDefault(require("@material-ui/core/FormHelperText")),_Grid=_interopRequireDefault(require("@material-ui/core/Grid")),_HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputLabel=_interopRequireDefault(require("@material-ui/core/InputLabel")),_ListSubheader=_interopRequireDefault(require("@material-ui/core/ListSubheader")),_MenuItem=_interopRequireDefault(require("@material-ui/core/MenuItem")),_react=_interopRequireWildcard(require("react")),_Select=_interopRequireDefault(require("@material-ui/core/Select")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_form=require("@widergy/web-utils/lib/form"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_classesUtils=require("../../../../utils/classesUtils"),_Option=_interopRequireDefault(require("./components/Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_stylesJS=_interopRequireDefault(require("./stylesJS")),_constants=require("./constants"),_theme=require("./theme"),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,s,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(l=t?a:r){if(l.has(e))return l.get(e);l.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?l(o,t,s):o[t]=e[t]);return o})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTSelect=e=>{let{captionLabel:t,classNames:r,classes:a,dataTestId:l,disableFirstOption:s,disabled:o,errorDataTestId:i,field:n,iconPlaceholder:p,input:u,itemDataTestId:c,labelKey:_,labelProps:d,listDataTestId:f,menuPlaceholder:m,meta:y,options:T,placeholder:b,selectProps:h,tooltip:q,valueKey:g,variant:E,withAutoReset:v,withOrder:O,withoutFirstOption:I}=e;const{multiple:P,upperTitle:D}=(null==n?void 0:n.configuration)||{},M=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,r),[r]);(0,_react.useEffect)(()=>{v&&(0,_utils.shouldReset)(u.value,T,g,P)&&u.onChange(null)},[T]);let R=[...T];R=O?R.sort((e,t)=>e.order<t.order?-1:1):R;const L={classes:M,isMultiple:P,labelKey:_,value:u.value,valueKey:g},w=_react.default.createElement(_react.default.Fragment,null,D&&_react.default.createElement(_UTLabel.default,{className:M.upperTitle},D),_react.default.createElement(_FormControl.default,{className:M.formControl,error:(0,_form.shouldShowErrors)(y),variant:E},_react.default.createElement(_InputLabel.default,_extends({},d,{disabled:o}),p?_react.default.createElement("div",{className:M.labelContainer},_react.default.createElement(p,{className:M.labelIcon}),_react.default.createElement("div",null,b)):b),_react.default.createElement(_Select.default,_extends({classes:{nativeInput:_stylesModule.default.nativeInput},disabled:o,inputProps:{"data-testid":l},label:"outlined"===E&&b,MenuProps:{MenuListProps:{"data-testid":f}},multiple:P,name:u.name,onChange:e=>u.onChange(e.target.value),value:P?(0,_array.isEmpty)(u.value)?[]:(0,_clone.default)(u.value):u.value},P?{renderValue:e=>T.filter(t=>e.includes(t[g])).map(e=>e[_]).join(", ")}:{},h),!I&&_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(c,".firstOption"),disabled:P||s,value:""},m||(P?_constants.MENU_TITLE_MULTIPLE:_constants.MENU_TITLE)),R.map((e,t)=>(0,_array.isEmpty)(e.subOptions)?_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(c,".").concat(t),key:e[g],value:e[g]},_react.default.createElement(_Option.default,_extends({optionProps:e},L))):[_react.default.createElement(_ListSubheader.default,{className:_stylesModule.default.subHeader},e[_]),e.subOptions.map((e,t)=>_react.default.createElement(_MenuItem.default,{className:M.subOption,"data-testid":"".concat(c,".").concat(t),key:e[g],value:e[g]},_react.default.createElement(_Option.default,_extends({isSuboption:!0,optionProps:e},L))))])),t&&_react.default.createElement(_FormHelperText.default,{classes:{...M.formHelperText}},t),(0,_form.shouldShowErrors)(y)&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorLabel,colorTheme:"error",dataTestId:i,variant:"small"},y.error)));return _react.default.createElement("div",{className:M.container},q?_react.default.createElement(_Grid.default,{alignItems:"flex-end",container:!0,spacing:1,style:_stylesJS.default.gridContainer},_react.default.createElement(_Grid.default,{item:!0,xs:!0},w),_react.default.createElement(_Grid.default,{item:!0,style:_stylesJS.default.icon},_react.default.createElement(_UTTooltip.default,{content:q},_react.default.createElement("span",null,_react.default.createElement(_HelpOutline.default,{className:M.tooltipIcon}))))):w)};UTSelect.defaultProps={classNames:{},classes:{},field:{configuration:{multiple:!1}},labelKey:_constants.LABEL_KEY,labelProps:{},meta:{},options:[],selectProps:{},valueKey:_constants.VALUE_KEY,withAutoReset:!0,withoutFirstOption:!1},UTSelect.propTypes={captionLabel:_propTypes.string,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.shape)({container:_propTypes.string,labelContainer:_propTypes.string,formControl:_propTypes.string,formHelperText:(0,_propTypes.objectOf)(_propTypes.string),labelIcon:_propTypes.string,optionIcon:_propTypes.string,tooltipIcon:_propTypes.string,upperTitle:_propTypes.string}),dataTestId:_propTypes.string,disableFirstOption:_propTypes.bool,disabled:_propTypes.bool,errorDataTestId:_propTypes.string,field:_formTypes.fieldType,iconPlaceholder:_propTypes.node,input:_formTypes.inputPropTypes,itemDataTestId:_propTypes.string,labelKey:_propTypes.string,labelProps:_propTypes.object,listDataTestId:_propTypes.string,menuPlaceholder:_propTypes.string,meta:_formTypes.metaPropTypes,options:(0,_propTypes.arrayOf)(_propTypes.object),placeholder:_propTypes.string,selectProps:_propTypes.object,tooltip:_propTypes.string,valueKey:_propTypes.string,variant:_propTypes.string,withAutoReset:_propTypes.bool,withOrder:_propTypes.bool,withoutFirstOption:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTSelect);

package/dist/components/UTSelect/versions/V1/styles.module.scss

@@ -1,7 +1,7 @@
 .container {
   display: flex;
   flex-direction: column;
-  grid-gap: 8px;
+  grid-gap: var(--UT-field-gap, 8px);
 }
 
 .popper {

package/dist/components/UTSelectableCard/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.APPEARANCES=void 0;const APPEARANCES=exports.APPEARANCES={GRAY:"gray",WHITE:"white"},SIZES=exports.SIZES={XLARGE:"xlarge",LARGE:"large",MEDIUM:"medium",SMALL:"small"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.ICON_SIZE=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=exports.APPEARANCES=void 0;const APPEARANCES=exports.APPEARANCES={GRAY:"gray",WHITE:"white"},SIZES=exports.SIZES={XLARGE:"xlarge",LARGE:"large",MEDIUM:"medium",SMALL:"small"},ICON_SIZE=exports.ICON_SIZE=16,ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-selectableCard-icon-area-radius, 8px)";

package/dist/components/UTSelectableCard/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTAvatar=_interopRequireDefault(require("../UTAvatar")),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}var CheckIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L10 15.586l9.293-9.293a1 1 0 0 1 1.414 0Z",fill:"#0136E7"}))};CheckIcon.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var HelpIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Zm7.062-4.713a3 3 0 1 1 2.38 5.5.416.416 0 0 0-.277.416.833.833 0 0 1-1.664.094 2.083 2.083 0 0 1 1.376-2.078A1.334 1.334 0 1 0 8.997 7.17.833.833 0 1 1 7.67 6.163a3 3 0 0 1 1.06-.876ZM10 13.333c.46 0 .833.373.833.834v.008a.833.833 0 0 1-1.666 0v-.008c0-.46.373-.834.833-.834Z",fill:"#091E42"}))};HelpIcon.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const UTSelectableCard=e=>{let{aditionalInfo:t={},appearance:a=_constants.APPEARANCES.WHITE,checkIcon:n=!0,classes:c,classNames:o={},dataTestId:r,description:l,disabled:s=!1,avatar:i,avatarProps:p={},Icon:d,iconProps:u={},onClick:_,selected:f=!1,size:T=_constants.SIZES.MEDIUM,titleText:m,tooltip:E}=e;const v=(0,_componentUtils.isUTIcon)(d)?_react.default.createElement(_UTIcon.default,_extends({size:48,colorTheme:f?"accent":"dark",name:d},u)):_react.default.createElement(d,{className:"".concat(c.icon," ").concat(o.icon)}),b=i?_react.default.createElement(_UTAvatar.default,_extends({size:_constants.SIZES.LARGE},p)):null;return _react.default.createElement("div",{className:"\n  ".concat(c.item,"\n  ").concat(s?"".concat(c["".concat(a,"DisabledContainer")]," ").concat(o["".concat(a,"DisabledContainer")]||""):f?"".concat(c["".concat(a,"SelectedContainer")]," ").concat(o["".concat(a,"SelectedContainer")]||""):"".concat(c["".concat(a,"Apareance")]," ").concat(o["".concat(a,"Apareance")]||""),"\n  ").concat(c["".concat(T,"Size")],"\n"),"data-testid":r,onClick:()=>!s&&_(),role:"button"},d&&!i&&v,i&&!d&&b,_react.default.createElement("div",{className:"".concat(c.textContainer," ").concat(n&&c.textContainerWithCheckedIcon)},_react.default.createElement("div",{className:c.column},_react.default.createElement("div",{className:c.titleAndTooltip},_react.default.createElement(_UTLabel.default,{className:c.titleText,variant:"subtitle1",weight:"medium"},m),E&&_react.default.createElement(_UTTooltip.default,{content:E},_react.default.createElement("span",{className:c.tooltip},_react.default.createElement(HelpIcon,{className:"".concat(c.infoIcon)})))),l&&_react.default.createElement(_UTLabel.default,{className:c.description},l)),!(0,_object.objectIsEmpty)(t)&&_react.default.createElement("div",{className:"".concat(c.column," ").concat(c.aditionalInfoColumn)},!!t.title&&_react.default.createElement(_UTLabel.default,{className:c.aditionalInfoTitle,variant:"small",weight:"semibold"},t.title),!!t.description&&_react.default.createElement(_UTLabel.default,{className:c.aditionalInfoDescription,variant:"small"},t.description))),n&&f&&_react.default.createElement(CheckIcon,{className:c.checkIcon}))};UTSelectableCard.propTypes={aditionalInfo:(0,_propTypes.shape)({description:_propTypes.string,title:_propTypes.string}),appearance:(0,_propTypes.oneOf)([_constants.APPEARANCES.GRAY,_constants.APPEARANCES.WHITE]),avatar:_propTypes.bool,avatarProps:(0,_propTypes.objectOf)(_propTypes.string),checkIcon:_propTypes.bool,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,description:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,iconProps:(0,_propTypes.objectOf)(_propTypes.string),onClick:_propTypes.func,selected:_propTypes.bool,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),titleText:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSelectableCard);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTAvatar=_interopRequireDefault(require("../UTAvatar")),_constants=require("./constants"),_theme=require("./theme"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}var HelpIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Zm7.062-4.713a3 3 0 1 1 2.38 5.5.416.416 0 0 0-.277.416.833.833 0 0 1-1.664.094 2.083 2.083 0 0 1 1.376-2.078A1.334 1.334 0 1 0 8.997 7.17.833.833 0 1 1 7.67 6.163a3 3 0 0 1 1.06-.876ZM10 13.333c.46 0 .833.373.833.834v.008a.833.833 0 0 1-1.666 0v-.008c0-.46.373-.834.833-.834Z",fill:"#091E42"}))};HelpIcon.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const UTSelectableCard=e=>{let{aditionalInfo:t={},appearance:a=_constants.APPEARANCES.WHITE,classes:r,classNames:n={},dataTestId:o,description:c,disabled:l=!1,avatar:s,avatarProps:i={},Icon:p,iconProps:d={},onClick:_,selected:u=!1,size:f=_constants.SIZES.MEDIUM,theme:m,titleText:T,tooltip:E}=e;const{areaBackground:b,areaBorderColor:v}=(0,_utils.getIconAreaColors)(m),y=(0,_componentUtils.isUTIcon)(p)?_react.default.createElement(_UTIcon.default,_extends({area:!0,areaBackground:b,areaBorderColor:v,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE,colorTheme:"dark",name:p,size:_constants.ICON_SIZE},d)):_react.default.createElement(p,{className:"".concat(r.icon," ").concat(n.icon)}),I=s?_react.default.createElement(_UTAvatar.default,_extends({size:_constants.SIZES.LARGE},i)):null;return _react.default.createElement("div",{className:"\n  ".concat(r.item,"\n  ").concat(l?"".concat(r["".concat(a,"DisabledContainer")]," ").concat(n["".concat(a,"DisabledContainer")]||""):u?"".concat(r["".concat(a,"SelectedContainer")]," ").concat(n["".concat(a,"SelectedContainer")]||""):"".concat(r["".concat(a,"Apareance")]," ").concat(n["".concat(a,"Apareance")]||""),"\n  ").concat(r["".concat(f,"Size")],"\n"),"data-testid":o,onClick:()=>!l&&_(),role:"button"},p&&!s&&y,s&&!p&&I,_react.default.createElement("div",{className:"".concat(r.textContainer," ").concat(r.textContainerWithRadio)},_react.default.createElement("div",{className:r.column},_react.default.createElement("div",{className:r.titleAndTooltip},_react.default.createElement(_UTLabel.default,{className:r.titleText,variant:"subtitle2",weight:"medium"},T),E&&_react.default.createElement(_UTTooltip.default,{content:E},_react.default.createElement("span",{className:r.tooltip},_react.default.createElement(HelpIcon,{className:"".concat(r.infoIcon)})))),c&&_react.default.createElement(_UTLabel.default,{className:r.description},c)),!(0,_object.objectIsEmpty)(t)&&_react.default.createElement("div",{className:"".concat(r.column," ").concat(r.aditionalInfoColumn)},!!t.title&&_react.default.createElement(_UTLabel.default,{className:r.aditionalInfoTitle,variant:"small",weight:"semibold"},t.title),!!t.description&&_react.default.createElement(_UTLabel.default,{className:r.aditionalInfoDescription,variant:"small"},t.description))),_react.default.createElement("div",{className:r.radio},u&&_react.default.createElement("div",{className:r.radioDot})))};UTSelectableCard.propTypes={aditionalInfo:(0,_propTypes.shape)({description:_propTypes.string,title:_propTypes.string}),appearance:(0,_propTypes.oneOf)([_constants.APPEARANCES.GRAY,_constants.APPEARANCES.WHITE]),avatar:_propTypes.bool,avatarProps:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,description:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,iconProps:(0,_propTypes.objectOf)(_propTypes.string),onClick:_propTypes.func,selected:_propTypes.bool,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),theme:_propTypes.object,titleText:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSelectableCard);

package/dist/components/UTSelectableCard/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../utils/shadowUtils");const retrieveStyle=t=>{var e,o,i,a,n,l,c,r,d,p,s,h,g,u;let{theme:x}=t;return{aditionalInfoColumn:{textAlign:"end !important"},amountContainer:{alignItems:"center",display:"flex",gridGap:"8px"},column:{alignSelf:"center",display:"flex",flexDirection:"column",gridGap:"4px",justifyContent:"space-between",textAlign:"initial"},detailContainer:{alignItems:"center",display:"flex",gridGap:"8px"},item:{alignItems:"center",borderRadius:"4px",boxSizing:"border-box",display:"flex",gridGap:"16px",transition:"background-color 0.1s ease-in-out",width:"100%","& + div":{marginTop:"20px"}},mediumSize:{padding:"24px"},smallSize:{padding:"16px"},textContainer:{display:"flex",gridGap:"8px",justifyContent:"space-between",width:"100%"},textContainerWithCheckedIcon:{minHeight:24},titleAndTooltip:{alignItems:"center",display:"flex",gridGap:"4px"},tooltip:{display:"flex"},checkIcon:{flexShrink:0},icon:{flexShrink:0,height:"36px",width:"36px"},infoIcon:{flexShrink:0},titleText:{},description:{},aditionalInfoTitle:{},aditionalInfoDescription:{},whiteApareance:{backgroundColor:x.Palette.light["01"],boxShadow:(0,_shadowUtils.getShadow)({color:null===(e=x.Palette.shadows)||void 0===e?void 0:e.grayscale,level:1}),outline:"2px solid transparent","& $titleText, & $aditionalInfoTitle":{color:x.Palette.dark["05"]},"& $icon path, & $infoIcon path":{fill:x.Palette.dark["05"]},"& $description, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["03"],boxShadow:"none"},"&:active":{backgroundColor:x.Palette.light["04"],boxShadow:"none","& $aditionalInfoDescription":{color:x.Palette.gray["03"]}}},whiteSelectedContainer:{boxShadow:"none",outline:"2px solid ".concat((null===(o=x.Palette.actions)||void 0===o?void 0:o.accent["05"])||x.Palette.accent["05"]),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:(null===(i=x.Palette.actions)||void 0===i?void 0:i.accent["05"])||x.Palette.accent["05"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:(null===(a=x.Palette.actions)||void 0===a?void 0:a.accent["05"])||x.Palette.accent["05"]},"&:hover":{backgroundColor:(null===(n=x.Palette.actions)||void 0===n?void 0:n.accent["01"])||x.Palette.accent["01"],outline:"2px solid ".concat((null===(l=x.Palette.actions)||void 0===l?void 0:l.accent["05"])||x.Palette.accent["05"])},"&:active":{backgroundColor:(null===(c=x.Palette.actions)||void 0===c?void 0:c.accent["02"])||x.Palette.accent["02"],outline:"2px solid ".concat((null===(r=x.Palette.actions)||void 0===r?void 0:r.accent["05"])||x.Palette.accent["05"])}},whiteDisabledContainer:{backgroundColor:x.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent","& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["03"],outline:"2px solid transparent",pointerEvents:"none"}},grayApareance:{backgroundColor:x.Palette.light["03"],outline:"1px solid ".concat(x.Palette.light["05"]),"& $titleText, & $aditionalInfoTitle":{color:x.Palette.dark["05"]},"& $icon path, & $infoIcon path":{fill:x.Palette.dark["05"]},"& $description, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["04"]},"&:active":{backgroundColor:x.Palette.light["05"],"& $aditionalInfoDescription":{color:x.Palette.gray["03"]}}},graySelectedContainer:{backgroundColor:(null===(d=x.Palette.actions)||void 0===d?void 0:d.accent["01"])||x.Palette.accent["01"],outline:"2px solid ".concat((null===(p=x.Palette.actions)||void 0===p?void 0:p.accent["03"])||x.Palette.accent["03"]),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:(null===(s=x.Palette.actions)||void 0===s?void 0:s.accent["05"])||x.Palette.accent["05"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:(null===(h=x.Palette.actions)||void 0===h?void 0:h.accent["05"])||x.Palette.accent["05"]},"&:hover":{backgroundColor:(null===(g=x.Palette.actions)||void 0===g?void 0:g.accent["02"])||x.Palette.accent["02"]},"&:active":{backgroundColor:(null===(u=x.Palette.actions)||void 0===u?void 0:u.accent["03"])||x.Palette.accent["03"],"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:x.Palette.light["01"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:x.Palette.light["01"]}}},grayDisabledContainer:{backgroundColor:x.Palette.light["03"],outline:"2px solid ".concat(x.Palette.light["05"]),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["03"],cursor:"default",pointerEvents:"none"}}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const getRadioColors=e=>{var t;let{disabled:a,selected:o,theme:i}=e;const l=(null===(t=i.Palette.actions)||void 0===t?void 0:t.accent["04"])||i.Palette.accent["04"],n=i.Palette.gray["04"];return{backgroundColor:o?a?n:l:"transparent",borderColor:a?n:o?l:i.Palette.light["04"]}},retrieveStyle=e=>{var t,a,o,i,l,n,r,c,d,s,p;let{disabled:g,selected:h,theme:x}=e;return{aditionalInfoColumn:{textAlign:"end !important"},amountContainer:{alignItems:"center",display:"flex",gridGap:"var(--UT-selectableCard-gap-sm, 8px)"},column:{alignSelf:"center",display:"flex",flexDirection:"column",gridGap:"var(--UT-selectableCard-gap-none, 0)",justifyContent:"space-between",textAlign:"initial"},detailContainer:{alignItems:"center",display:"flex",gridGap:"var(--UT-selectableCard-gap-sm, 8px)"},item:{alignItems:"center",borderRadius:"var(--UT-selectableCard-radius, 12px)",boxSizing:"border-box",display:"flex",gridGap:"var(--UT-selectableCard-gap-lg, 16px)",transition:"background-color 0.1s ease-in-out",width:"100%","& + div":{marginTop:"var(--UT-selectableCard-gap-list, 8px)"}},mediumSize:{padding:"var(--UT-selectableCard-padding-md, 16px)"},smallSize:{gridGap:"var(--UT-selectableCard-gap-md, 12px)",padding:"var(--UT-selectableCard-padding-y-sm, 8px) var(--UT-selectableCard-padding-x-sm, 12px)"},textContainer:{display:"flex",gridGap:"var(--UT-selectableCard-gap-sm, 8px)",justifyContent:"space-between",width:"100%"},textContainerWithRadio:{minHeight:24},titleAndTooltip:{alignItems:"center",display:"flex",gridGap:"var(--UT-selectableCard-gap-xs, 4px)"},tooltip:{display:"flex"},radio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-selectableCard-radio-size, 16px)",justifyContent:"center",width:"var(--UT-selectableCard-radio-size, 16px)",...getRadioColors({disabled:g,selected:h,theme:x})},radioDot:{backgroundColor:x.Palette.light["01"],borderRadius:"50%",height:"var(--UT-selectableCard-radio-dot-size, 8px)",width:"var(--UT-selectableCard-radio-dot-size, 8px)"},icon:{flexShrink:0,height:"36px",width:"36px"},infoIcon:{flexShrink:0},titleText:{},description:{},aditionalInfoTitle:{},aditionalInfoDescription:{},whiteApareance:{backgroundColor:x.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(x.Palette.light["04"]),"& $titleText, & $aditionalInfoTitle":{color:x.Palette.dark["05"]},"& $icon path, & $infoIcon path":{fill:x.Palette.light["04"]},"& $description, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["03"],boxShadow:"none"},"&:active":{backgroundColor:x.Palette.light["04"],boxShadow:"none","& $aditionalInfoDescription":{color:x.Palette.gray["03"]}}},whiteSelectedContainer:{backgroundColor:x.Palette.light["01"],boxShadow:"none",outline:"2px solid ".concat((null===(t=x.Palette.actions)||void 0===t?void 0:t.accent["03"])||x.Palette.accent["03"]),"& $titleText, & $aditionalInfoTitle":{color:x.Palette.dark["05"]},"& $description, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"& $icon path, & $infoIcon path":{fill:(null===(a=x.Palette.actions)||void 0===a?void 0:a.accent["05"])||x.Palette.accent["05"]},"&:hover":{backgroundColor:(null===(o=x.Palette.actions)||void 0===o?void 0:o.accent["01"])||x.Palette.accent["01"],outline:"2px solid ".concat((null===(i=x.Palette.actions)||void 0===i?void 0:i.accent["03"])||x.Palette.accent["03"])},"&:active":{backgroundColor:(null===(l=x.Palette.actions)||void 0===l?void 0:l.accent["02"])||x.Palette.accent["02"],outline:"2px solid ".concat((null===(n=x.Palette.actions)||void 0===n?void 0:n.accent["03"])||x.Palette.accent["03"])}},whiteDisabledContainer:{backgroundColor:x.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent","& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"& $icon path, & $infoIcon path":{fill:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["03"],outline:"2px solid transparent",pointerEvents:"none"}},grayApareance:{backgroundColor:x.Palette.light["03"],outline:"1px solid ".concat(x.Palette.light["05"]),"& $titleText, & $aditionalInfoTitle":{color:x.Palette.dark["05"]},"& $icon path, & $infoIcon path":{fill:x.Palette.dark["05"]},"& $description, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["04"]},"&:active":{backgroundColor:x.Palette.light["05"],"& $aditionalInfoDescription":{color:x.Palette.gray["03"]}}},graySelectedContainer:{backgroundColor:x.Palette.light["03"],outline:"2px solid ".concat((null===(r=x.Palette.actions)||void 0===r?void 0:r.accent["03"])||x.Palette.accent["03"]),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:(null===(c=x.Palette.actions)||void 0===c?void 0:c.accent["05"])||x.Palette.accent["05"]},"& $icon path, & $infoIcon path":{fill:(null===(d=x.Palette.actions)||void 0===d?void 0:d.accent["05"])||x.Palette.accent["05"]},"&:hover":{backgroundColor:(null===(s=x.Palette.actions)||void 0===s?void 0:s.accent["02"])||x.Palette.accent["02"]},"&:active":{backgroundColor:(null===(p=x.Palette.actions)||void 0===p?void 0:p.accent["03"])||x.Palette.accent["03"],"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:x.Palette.light["01"]},"& $icon path, & $infoIcon path":{fill:x.Palette.light["01"]}}},grayDisabledContainer:{backgroundColor:x.Palette.light["03"],outline:"2px solid ".concat(x.Palette.light["05"]),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:x.Palette.gray["04"]},"& $icon path, & $infoIcon path":{fill:x.Palette.gray["04"]},"&:hover":{backgroundColor:x.Palette.light["03"],cursor:"default",pointerEvents:"none"}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTSelectableCard/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIconAreaColors=void 0;const getIconAreaColors=e=>({areaBackground:e.Palette.light["01"],areaBorderColor:e.Palette.light["04"]});exports.getIconAreaColors=getIconAreaColors;

package/dist/components/UTSignature/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=e=>{var t;let{theme:r}=e;const o=((null===(t=r.Palette)||void 0===t?void 0:t.actions)||r.Palette).accent,c=r.Palette.gray;return{canvas:{borderRadius:"4px",border:"1px solid ".concat(c["01"]),cursor:"pointer","&:focus":{border:"2px solid ".concat(o["04"])},"&:active":{border:"2px solid ".concat(o["04"])}}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=e=>{var r;let{theme:o,error:t}=e;const a=((null===(r=o.Palette)||void 0===r?void 0:r.actions)||o.Palette).accent,s=o.Palette.light,c=o.Palette.error;return{canvas:{border:"1px solid ".concat(s["04"]),borderRadius:"4px",cursor:"pointer",transition:"border-color 0.15s ease, box-shadow 0.15s ease","&:focus, &:active":{...t?{borderColor:c["04"],boxShadow:"0 0 0 4px ".concat(c["02"])}:{borderColor:a["03"],boxShadow:"0 0 0 4px ".concat(a["02"])}}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTStatusMessage/constants.js

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

package/dist/components/UTStatusMessage/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}const{statusMessage:statusMessage}=_testIds.TEST_IDS,UTStatusMessage=e=>{let{children:t,classes:a,colorTheme:s=_constants.COLOR_THEMES.DEFAULT,description:r,descriptionProps:o,HeaderComponent:n,helpText:l,helpTextProps:c,icon:i="IconInfoCircle",iconProps:p={size:40},loading:u,primaryAction:d,primaryActionProps:_,primaryActionText:T,secondaryAction:m,secondaryActionProps:y,secondaryActionText:f,showHeader:h=!0,title:g,titleProps:M}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(a.container)},u?_react.default.createElement(_UTLoading.default,{loading:!0,text:null}):h?_react.default.createElement("div",{className:a.banner},n?_react.default.createElement(n,null):_react.default.createElement("div",{className:a.iconContainer},_react.default.createElement(_UTIcon.default,_extends({name:i,colorTheme:_constants.ICON_COLOR_THEMES[s],dataTestId:statusMessage.icon},p)))):null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(a.content)},(g||r||l)&&_react.default.createElement("div",{className:_stylesModule.default.section},g&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},M),g),r&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},o),r),l&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},c),l)),t,(d||m)&&_react.default.createElement("div",{className:_stylesModule.default.section},d&&_react.default.createElement(_UTButton.default,_extends({onClick:d},_),T),m&&_react.default.createElement(_UTButton.default,_extends({onClick:m,variant:"text"},y),f))))};UTStatusMessage.propTypes={children:_propTypes.element,classes:_propTypes.object,colorTheme:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,HeaderComponent:_propTypes.element,helpText:_propTypes.string,helpTextProps:_propTypes.object,icon:_propTypes.string,iconProps:_propTypes.object,loading:_propTypes.bool,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,showHeader:_propTypes.bool,title:_propTypes.string,titleProps:_propTypes.object};const UTStatusMessageWithTheme=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";var _default=exports.default=UTStatusMessageWithTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}const{statusMessage:statusMessage}=_testIds.TEST_IDS,UTStatusMessage=e=>{let{area:t,children:a,classes:s,colorTheme:r=_constants.COLOR_THEMES.DEFAULT,contentMaxWidth:o=_constants.DEFAULT_CONTENT_MAX_WIDTH,description:n,descriptionProps:l,flag:c,HeaderComponent:p,helpText:i,helpTextProps:d,icon:u="IconInfoCircle",iconProps:_={size:40},loading:T,primaryAction:y,primaryActionProps:f,primaryActionText:m,secondaryAction:g,secondaryActionProps:h,secondaryActionText:M,showHeader:b=!0,title:x,titleProps:E}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.root," ").concat(t?_stylesModule.default.area:""," ").concat(s.root||"")},c&&_react.default.createElement("div",{className:s.flag||"","data-testid":statusMessage.flag}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(s.container," ").concat(t?_stylesModule.default.areaPadding:"")},T?_react.default.createElement(_UTLoading.default,{loading:!0,text:null}):b?_react.default.createElement("div",{className:s.banner},p?_react.default.createElement(p,null):_react.default.createElement("div",{className:s.iconContainer},_react.default.createElement(_UTIcon.default,_extends({name:u,colorTheme:_constants.ICON_COLOR_THEMES[r],dataTestId:statusMessage.icon},_)))):null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(s.content),style:{"--statusMessage-content-max-width":"number"==typeof o?"".concat(o,"px"):o}},(x||n||i)&&_react.default.createElement("div",{className:_stylesModule.default.section},x&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},E),x),n&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},l),n),i&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},d),i)),a,(y||g)&&_react.default.createElement("div",{className:_stylesModule.default.section},y&&_react.default.createElement(_UTButton.default,_extends({onClick:y},f),m),g&&_react.default.createElement(_UTButton.default,_extends({onClick:g,variant:"text"},h),M)))))};UTStatusMessage.propTypes={area:_propTypes.bool,children:_propTypes.element,classes:_propTypes.object,colorTheme:_propTypes.string,contentMaxWidth:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),description:_propTypes.string,descriptionProps:_propTypes.object,flag:_propTypes.bool,flagColor:_propTypes.string,HeaderComponent:_propTypes.element,helpText:_propTypes.string,helpTextProps:_propTypes.object,icon:_propTypes.string,iconBackgroundColor:_propTypes.string,iconProps:_propTypes.object,loading:_propTypes.bool,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,showBanner:_propTypes.bool,showHeader:_propTypes.bool,title:_propTypes.string,titleProps:_propTypes.object};const UTStatusMessageWithTheme=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";var _default=exports.default=UTStatusMessageWithTheme;

package/dist/components/UTStatusMessage/styles.module.scss

@@ -1,21 +1,52 @@
+$default-area-background: #FFF;
+$default-area-border-color: #E4E6EA;
+
+.root {
+  box-sizing: border-box;
+  width: 100%;
+}
+
+// Fondo, borde y radio se resuelven desde tokens de aplicación; el padding vive en .areaPadding
+// porque .flag debe quedar a borde a borde, sin el padding del área. box-sizing: border-box para
+// que el borde no sume por fuera del max-width.
+.area {
+  background-color: var(--UT-statusMessage-area-background, var(--light01, $default-area-background));
+  border: 1px solid var(--UT-statusMessage-area-border, var(--light04, $default-area-border-color));
+  border-radius: var(--UT-statusMessage-area-radius, 16px);
+  box-sizing: border-box;
+  max-width: 800px;
+  overflow: hidden;
+}
+
+.areaPadding {
+  padding: var(--UT-statusMessage-area-padding, 24px);
+  padding-bottom: var(--UT-statusMessage-area-padding-bottom, 48px);
+}
+
 .container {
   align-items: center;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   grid-gap: 12px;
   justify-content: center;
+  min-width: 0;
   width: 100%;
 }
 
+// min() evita que contentMaxWidth (prop configurable) empuje el contenido más allá del ancho
+// real disponible dentro de .container, aunque su valor sea mayor al espacio con padding aplicado.
 .content {
   align-items: center;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   grid-gap: 24px;
   justify-content: center;
-  max-width: 500px;
+  max-width: min(100%, var(--statusMessage-content-max-width, 800px));
+  min-width: 0;
   width: 100%;
 }
 

package/dist/components/UTStatusMessage/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants");const getIconBackgroundColor=(t,n)=>{var o,l,e,i,d,a,s,E,v,r,c,_,O;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["01"]),[_constants.COLOR_THEMES.DEFAULT]:null===(e=n.Palette)||void 0===e?void 0:e.light["03"],[_constants.COLOR_THEMES.ERROR]:null===(i=n.Palette)||void 0===i?void 0:i.error["01"],[_constants.COLOR_THEMES.GRADIENT]:"light",[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.light["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(r=n.Palette)||void 0===r?void 0:r.information["02"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(_=n.Palette)||void 0===_?void 0:_.success["02"],[_constants.COLOR_THEMES.WARNING]:null===(O=n.Palette)||void 0===O?void 0:O.warning["02"]}[t]},getBannerBackgroundColor=(t,n)=>{var o,l,e,i,d,a,s,E,v,r,c,_,O;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(e=n.Palette)||void 0===e?void 0:e.gray["05"],[_constants.COLOR_THEMES.ERROR]:null===(i=n.Palette)||void 0===i?void 0:i.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(r=n.Palette)||void 0===r?void 0:r.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(_=n.Palette)||void 0===_?void 0:_.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(O=n.Palette)||void 0===O?void 0:O.warning["03"]}[t]},retrieveStyle=t=>{var n,o;let{showBanner:l=!0,theme:e,colorTheme:i=_constants.COLOR_THEMES.DEFAULT,iconProps:d={}}=t;const a="linear-gradient(45deg, ".concat(null===(n=e.Palette)||void 0===n||null===(n=n.identityGradient)||void 0===n?void 0:n["01"]," 0%, ").concat(null===(o=e.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:s=40}=d;return{iconContainer:{alignItems:"center",background:i!==_constants.COLOR_THEMES.GRADIENT||l?"":a,backgroundColor:getIconBackgroundColor(i,e),borderRadius:100,display:"flex",height:1.85*s,justifyContent:"center",width:1.85*s},banner:{alignItems:"center",background:i===_constants.COLOR_THEMES.GRADIENT&&l?a:"",backgroundColor:l?getBannerBackgroundColor(i,e):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants");const getIconBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["01"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.light["03"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["01"],[_constants.COLOR_THEMES.GRADIENT]:"light",[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.light["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["02"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["02"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["02"]}[t]},getBannerBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.gray["05"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["03"]}[t]},getFlagBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.gray["03"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.negative["03"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["03"]}[t]},retrieveStyle=t=>{var n,o;let{showBanner:l=!0,theme:i,colorTheme:e=_constants.COLOR_THEMES.DEFAULT,flagColor:d,iconBackgroundColor:a,iconProps:s={}}=t;const E="linear-gradient(45deg, ".concat(null===(n=i.Palette)||void 0===n||null===(n=n.identityGradient)||void 0===n?void 0:n["01"]," 0%, ").concat(null===(o=i.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:v=40}=s;return{iconContainer:{alignItems:"center",background:e!==_constants.COLOR_THEMES.GRADIENT||l?"":E,backgroundColor:a||getIconBackgroundColor(e,i),borderRadius:100,display:"flex",height:1.85*v,justifyContent:"center",width:1.85*v},banner:{alignItems:"center",background:e===_constants.COLOR_THEMES.GRADIENT&&l?E:"",backgroundColor:l?getBannerBackgroundColor(e,i):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"},flag:{background:e===_constants.COLOR_THEMES.GRADIENT?E:"",backgroundColor:d||getFlagBackgroundColor(e,i),height:"var(--UT-statusMessage-flag-height, 8px)",width:"100%"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTStepper/styles.module.scss

@@ -1,5 +1,5 @@
 .stepper {
-  padding: 24px 0 48px;
+  padding: var(--padding-lg, 24px) 0 var(--UT-stepper-padding-bottom, 24px);
 }
 
 .paddingContainer {

package/dist/components/UTSwitch/versions/V0/index.js

@@ -1 +1 @@
-"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"),_array=require("@widergy/web-utils/lib/array"),_index=_interopRequireDefault(require("../../../UTLabel/index.js")),_formTypes=require("../../../../types/formTypes.js"),_index2=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_constants=require("./constants.js"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,n,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?s(l,t,n):l[t]=e[t]);return l})(e,t)}const UTSwitch=e=>{let{classes:t={},classNames:r,disabled:a,field:s={},input:n={},meta:l={},showErrors:c}=e;const{value:i,onChange:o}=n,{key:u,field_options:d,configuration:p={}}=s,{textOff:_,textOn:f,insideText:m=!0,withText:y}=p,T=u||_constants.DEFAULT_SWITCH_ID,b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(t,r),[r]),h=d&&!(0,_array.isEmpty)(d),[E,v]=h?[...d].sort((e,t)=>{let{value:r,name:a}=t;return[r,a===_constants.TRUE].includes(i)?1:-1}):[],q=h?()=>o(v.value):o;(0,_react.useEffect)(()=>{h&&!1===i&&o(E.value)},[i]);const x=f||_constants.STATES.ON,w=_||_constants.STATES.OFF;return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:b.outerContainer},y&&!m&&w,_react.default.createElement("label",{htmlFor:T,className:"".concat(b.container," ").concat(a&&b.disabled)},_react.default.createElement("input",{className:b.input,id:T,type:"checkbox",checked:h?E.name===_constants.TRUE:i,value:h?E.value:i,onChange:q,disabled:a}),_react.default.createElement("span",{className:"".concat(b.sliderContainer," ").concat(a&&b.disabled)},_react.default.createElement("span",{className:"".concat(b.sliderBack," ").concat(a&&b.disabled)}),y&&m&&_react.default.createElement("div",{className:b.textContainer},_react.default.createElement("div",{className:b.checkedText},x),_react.default.createElement("div",{className:b.uncheckedText},w)),_react.default.createElement("span",{className:"".concat(b.sliderHover," ").concat(a&&b.disabled)}),_react.default.createElement("span",{className:"".concat(b.slider," ").concat(a&&b.disabled)}))),y&&!m&&x),c&&l&&(0,_form.shouldShowErrors)(l)&&_react.default.createElement(_index.default,{colorTheme:"error",variant:"small"},null==l?void 0:l.error))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),disabled:_propTypes.bool,field:_formTypes.fieldType,input:_formTypes.inputPropTypes.isRequired,meta:_formTypes.metaPropTypes,showErrors:_propTypes.bool};var _default=exports.default=(0,_index2.default)(_theme.retrieveStyle)(UTSwitch);
+"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"),_array=require("@widergy/web-utils/lib/array"),_index=_interopRequireDefault(require("../../../UTLabel/index.js")),_formTypes=require("../../../../types/formTypes.js"),_index2=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_constants=require("./constants.js"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?s(n,t,l):n[t]=e[t]);return n})(e,t)}const UTSwitch=e=>{let{classes:t={},classNames:r,disabled:a,field:s={},input:l={},meta:n={},showErrors:c}=e;const{value:i,onChange:o}=l,{key:u,field_options:d,configuration:p={}}=s,{textOff:_,textOn:f,insideText:m=!0,withText:y}=p,T=u||_constants.DEFAULT_SWITCH_ID,b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(t,r),[r]),h=d&&!(0,_array.isEmpty)(d),[E,v]=h?[...d].sort((e,t)=>{let{value:r,name:a}=t;return[r,a===_constants.TRUE].includes(i)?1:-1}):[],q=h?()=>o(v.value):o;(0,_react.useEffect)(()=>{h&&!1===i&&o(E.value)},[i]);const x=f||_constants.STATES.ON,w=_||_constants.STATES.OFF;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:b.outerContainer},y&&!m&&w,_react.default.createElement("label",{htmlFor:T,className:"".concat(b.container," ").concat(a&&b.disabled)},_react.default.createElement("input",{className:b.input,id:T,type:"checkbox",checked:h?E.name===_constants.TRUE:i,value:h?E.value:i,onChange:q,disabled:a}),_react.default.createElement("span",{className:"".concat(b.sliderContainer," ").concat(a&&b.disabled)},_react.default.createElement("span",{className:"".concat(b.sliderBack," ").concat(a&&b.disabled)}),y&&m&&_react.default.createElement("div",{className:b.textContainer},_react.default.createElement("div",{className:b.checkedText},x),_react.default.createElement("div",{className:b.uncheckedText},w)),_react.default.createElement("span",{className:"".concat(b.sliderHover," ").concat(a&&b.disabled)}),_react.default.createElement("span",{className:"".concat(b.slider," ").concat(a&&b.disabled)}))),y&&!m&&x),c&&n&&(0,_form.shouldShowErrors)(n)&&_react.default.createElement(_index.default,{colorTheme:"error",variant:"small"},null==n?void 0:n.error))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),disabled:_propTypes.bool,field:_formTypes.fieldType,input:_formTypes.inputPropTypes.isRequired,meta:_formTypes.metaPropTypes,showErrors:_propTypes.bool};var _default=exports.default=(0,_index2.default)(_theme.retrieveStyle)(UTSwitch);

package/dist/components/UTSwitch/versions/V1/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRUE=exports.STATES=exports.DEFAULT_SWITCH_ID=void 0;const STATES=exports.STATES={ON:"SI",OFF:"NO"},DEFAULT_SWITCH_ID=exports.DEFAULT_SWITCH_ID="switch",TRUE=exports.TRUE="true";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRUE=exports.STATES=exports.SPACING=exports.DEFAULT_SWITCH_ID=void 0;const STATES=exports.STATES={ON:"SI",OFF:"NO"},DEFAULT_SWITCH_ID=exports.DEFAULT_SWITCH_ID="switch",TRUE=exports.TRUE="true",SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"};

package/dist/components/UTSwitch/versions/V1/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_uuid=require("uuid"),_utils=require("../../../UTValidation/utils.js"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_index=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_index2=_interopRequireDefault(require("../../../UTLabel/index.js")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme"),_constants=require("./constants.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?r:a){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?s(n,t,l):n[t]=e[t]);return n})(e,t)}const UTSwitch=e=>{let{classes:t={},classNames:a,dataTestId:r,disabled:s=!1,error:l,key:n,onChange:o,options:i=[],reverse:u=!1,textOff:c,textOn:d,value:p,withText:_=!1}=e;const f=(0,_react.useMemo)(()=>n||(0,_uuid.v4)(),[]),y=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(t,a),[t,a]),T=i&&!(0,_isEmpty.default)(i),[m,v]=T?[...i].sort((e,t)=>{let{value:a,name:r}=t;return[a,r===_constants.TRUE].includes(p)?1:-1}):[],b=(0,_react.useCallback)(()=>{T?o(null==v?void 0:v.value):o()},[T,null==v?void 0:v.value,o]);(0,_react.useEffect)(()=>{T&&!1===p&&o(null==m?void 0:m.value)},[T,p,null==m?void 0:m.value,o]);const q=d||_constants.STATES.ON,h=c||_constants.STATES.OFF,E=(0,_react.useMemo)(()=>l&&(0,_utils.formatErrorToValidation)(l),[l]);return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:_stylesModule.default.outerContainer,"data-testid":r},u&&_&&_react.default.createElement(_index2.default,null,p?q:h),_react.default.createElement("label",{htmlFor:f,className:"".concat(_stylesModule.default.container," ").concat(y.container," ").concat(s?_stylesModule.default.disabled:""),"aria-label":"".concat(q," / ").concat(h)},_react.default.createElement("input",{className:"".concat(_stylesModule.default.input," ").concat(y.input),id:f,type:"checkbox",checked:T?m.name===_constants.TRUE:p,value:T?m.value:p,onChange:b,disabled:s}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.sliderContainer," ").concat(y.sliderContainer," ").concat(s&&y.disabled)},_react.default.createElement("span",{className:"".concat(_stylesModule.default.sliderBack," ").concat(y.sliderBack," ").concat(s&&y.disabled)}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.slider," ").concat(y.slider," ").concat(s&&y.disabled)}))),!u&&_&&_react.default.createElement(_index2.default,null,p?q:h)),E&&_react.default.createElement(_UTValidation.default,{validationData:E}))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,key:_propTypes.string,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)(_propTypes.object),reverse:_propTypes.bool,textOff:_propTypes.string,textOn:_propTypes.string,value:_propTypes.bool,withText:_propTypes.bool};var _default=exports.default=(0,_index.default)(_theme.retrieveStyle)(UTSwitch);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_uuid=require("uuid"),_utils=require("../../../UTValidation/utils.js"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_index=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_index2=_interopRequireDefault(require("../../../UTLabel/index.js")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme"),_constants=require("./constants.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?r:a){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?s(n,t,l):n[t]=e[t]);return n})(e,t)}const UTSwitch=e=>{let{classes:t={},classNames:a,dataTestId:r,disabled:s=!1,error:l,key:n,onChange:o,options:i=[],reverse:u=!1,textOff:c,textOn:d,value:p,withText:_=!1}=e;const f=(0,_react.useMemo)(()=>n||(0,_uuid.v4)(),[]),y=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(t,a),[t,a]),T=i&&!(0,_isEmpty.default)(i),[m,v]=T?[...i].sort((e,t)=>{let{value:a,name:r}=t;return[a,r===_constants.TRUE].includes(p)?1:-1}):[],b=(0,_react.useCallback)(()=>{T?o(null==v?void 0:v.value):o()},[T,null==v?void 0:v.value,o]);(0,_react.useEffect)(()=>{T&&!1===p&&o(null==m?void 0:m.value)},[T,p,null==m?void 0:m.value,o]);const q=d||_constants.STATES.ON,h=c||_constants.STATES.OFF,E=(0,_react.useMemo)(()=>l&&(0,_utils.formatErrorToValidation)(l),[l]);return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.outerContainer," ").concat(y.outerContainer),"data-testid":r},u&&_&&_react.default.createElement(_index2.default,null,p?q:h),_react.default.createElement("label",{htmlFor:f,className:"".concat(_stylesModule.default.container," ").concat(y.container," ").concat(s?_stylesModule.default.disabled:""),"aria-label":"".concat(q," / ").concat(h)},_react.default.createElement("input",{className:"".concat(_stylesModule.default.input," ").concat(y.input),id:f,type:"checkbox",checked:T?m.name===_constants.TRUE:p,value:T?m.value:p,onChange:b,disabled:s}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.sliderContainer," ").concat(y.sliderContainer," ").concat(s&&y.disabled)},_react.default.createElement("span",{className:"".concat(_stylesModule.default.sliderBack," ").concat(y.sliderBack," ").concat(s&&y.disabled)}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.slider," ").concat(y.slider," ").concat(s&&y.disabled)}))),!u&&_&&_react.default.createElement(_index2.default,null,p?q:h)),E&&_react.default.createElement(_UTValidation.default,{validationData:E}))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,key:_propTypes.string,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)(_propTypes.object),reverse:_propTypes.bool,spacing:_propTypes.string,textOff:_propTypes.string,textOn:_propTypes.string,value:_propTypes.bool,withText:_propTypes.bool};var _default=exports.default=(0,_index.default)(_theme.retrieveStyle)(UTSwitch);

package/dist/components/UTSwitch/versions/V1/styles.module.scss

@@ -2,8 +2,6 @@
   align-items: center;
   color: inherit;
   display: flex;
-  grid-gap: 8px;
-  justify-content: center;
   min-width: 42px;
 }
 

package/dist/components/UTSwitch/versions/V1/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=e=>{var r;let{theme:o}=e;const t=(null===(r=o.Palette)||void 0===r?void 0:r.actions)||o.Palette,l=o.Palette,d=t.accent||l.accent,i=t.gray||l.gray,a=t.neutral||l.neutral,c=t.light||l.light;return{sliderContainer:{"&:hover > $sliderBack":{backgroundColor:a["01"],border:"1px solid ".concat(a["04"])},"&:hover > $slider":{backgroundColor:i["04"]}},slider:{backgroundColor:i["04"]},sliderBack:{backgroundColor:c["01"],border:"1px solid ".concat(i["04"])},input:{"&:checked":{"& ~ $sliderContainer > $sliderBack":{backgroundColor:d["04"],border:"1px solid ".concat(d["04"])},"& ~ $sliderContainer:hover > $sliderBack":{backgroundColor:d["03"],border:"1px solid ".concat(d["04"])},"& ~ $sliderContainer > $slider":{backgroundColor:d["01"]}}}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants");const SPACING_VALUES={[_constants.SPACING.SMALL]:"var(--UT-switch-gap-sm, 4px)",[_constants.SPACING.MEDIUM]:"var(--UT-switch-gap-md, 8px)"},retrieveStyle=e=>{var r;let{spacing:o=_constants.SPACING.MEDIUM,theme:t}=e;const a=(null===(r=t.Palette)||void 0===r?void 0:r.actions)||t.Palette,n=t.Palette,s=a.accent||n.accent,c=a.light||n.light;return{outerContainer:{gap:SPACING_VALUES[o]||SPACING_VALUES[_constants.SPACING.MEDIUM]},sliderContainer:{"&:hover > $sliderBack":{backgroundColor:c["03"],border:"1px solid ".concat(t.Palette.dark["01"])},"&:hover > $slider":{backgroundColor:c["05"]}},slider:{backgroundColor:c["05"]},sliderBack:{backgroundColor:c["01"],border:"1px solid ".concat(c["05"])},input:{"&:checked":{"& ~ $sliderContainer > $sliderBack":{backgroundColor:s["04"],border:"1px solid ".concat(s["04"])},"& ~ $sliderContainer:hover > $sliderBack":{backgroundColor:s["03"],border:"1px solid ".concat(s["04"])},"& ~ $sliderContainer > $slider":{backgroundColor:s["01"]}}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTTable/components/ActionIcons/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _CircularProgress=_interopRequireDefault(require("@material-ui/core/CircularProgress")),_react=_interopRequireWildcard(require("react")),_array=require("@widergy/web-utils/lib/array"),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTMenu=_interopRequireDefault(require("../../../UTMenu")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(i,t,o):i[t]=e[t]);return i})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const ActionIcons=e=>{let{classes:t,column:a,dataTestId:r,rowData:n}=e;return _react.default.createElement(_react.Fragment,null,a.actions.map((e,a)=>{let{Icon:o,buttonClassName:i,disabledIconClassName:s,disabledTooltip:c,iconClassName:l,iconName:u="",iconProps:d,isDisabled:p=()=>!1,isLoading:_=()=>!1,isVisible:f=()=>!0,key:y,loadingClassName:m,loadingSize:b=_constants.DEAULT_LOADING_SIZE,menuItems:T=[],onClick:g,tooltip:q,tooltipProps:D={},withMenuDivider:I}=e;const[M,v]=(0,_react.useState)(),[C,E]=(0,_react.useState)(),P=()=>v(),w=(e,t)=>{(0,_array.isEmpty)(T)?g(t):(E({...t,clickCallback:P}),(e=>{v(e.currentTarget)})(e))},N=T.filter(e=>!e.isVisible||e.isVisible(n)).map(e=>({...e,disabled:e.isDisabled&&e.isDisabled(n)})),U=p(n)&&c?"function"==typeof c?c(n):c:q,k={appendTo:()=>document.body,interactive:!1,...D};return f(n)&&_react.default.createElement(_UTTooltip.default,{content:U,key:y,stringContentClassName:_stylesModule.default.tooltip,stringContentProps:null==D?void 0:D.stringContentProps,tippyProps:k},_react.default.createElement("span",null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.iconButton," ").concat(t.actionIconButton," \n                  ").concat((p(n)||_(n))&&_stylesModule.default.disabled," ").concat(i),"data-testid":"".concat(r,".").concat(a),onClick:e=>w(e,n),role:"button"},_(n)?_react.default.createElement(_CircularProgress.default,{className:"".concat(t.actionLoading," ").concat(m),size:b}):(0,_array.isEmpty)(u)?_react.default.createElement(o,{className:"\n                        ".concat(_stylesModule.default.actionIcon,"\n                        ").concat(t.actionIcon,"\n                        ").concat(l,"\n                        ").concat(p(n)&&s)}):_react.default.createElement(_UTIcon.default,_extends({name:u},d,{className:"".concat(l," ").concat(p(n)?s:""," ").concat((null==d?void 0:d.className)||"")}))),!!M&&!(0,_array.isEmpty)(T)&&_react.default.createElement(_UTMenu.default,{anchor:M,contextData:C,iconBefore:!0,items:N,onClose:P,withDivider:I,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:_types.classesType,column:_types.columnType,rowData:_propTypes.object,dataTestId:_propTypes.string};var _default=exports.default=(0,_react.memo)(ActionIcons);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _CircularProgress=_interopRequireDefault(require("@material-ui/core/CircularProgress")),_react=_interopRequireWildcard(require("react")),_array=require("@widergy/web-utils/lib/array"),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTMenu=_interopRequireDefault(require("../../../UTMenu")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(i,t,o):i[t]=e[t]);return i})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const ActionIcons=e=>{let{classes:t,column:a,dataTestId:r,rowData:n}=e;return _react.default.createElement(_react.default.Fragment,null,a.actions.map((e,a)=>{let{Icon:o,buttonClassName:i,disabledIconClassName:s,disabledTooltip:c,iconClassName:l,iconName:u="",iconProps:d,isDisabled:p=()=>!1,isLoading:_=()=>!1,isVisible:f=()=>!0,key:y,loadingClassName:m,loadingSize:b=_constants.DEAULT_LOADING_SIZE,menuItems:T=[],onClick:g,tooltip:q,tooltipProps:D={},withMenuDivider:I}=e;const[M,v]=(0,_react.useState)(),[C,E]=(0,_react.useState)(),P=()=>v(),w=(e,t)=>{(0,_array.isEmpty)(T)?g(t):(E({...t,clickCallback:P}),(e=>{v(e.currentTarget)})(e))},N=T.filter(e=>!e.isVisible||e.isVisible(n)).map(e=>({...e,disabled:e.isDisabled&&e.isDisabled(n)})),U=p(n)&&c?"function"==typeof c?c(n):c:q,k={appendTo:()=>document.body,interactive:!1,...D};return f(n)&&_react.default.createElement(_UTTooltip.default,{content:U,key:y,stringContentClassName:_stylesModule.default.tooltip,stringContentProps:null==D?void 0:D.stringContentProps,tippyProps:k},_react.default.createElement("span",null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.iconButton," ").concat(t.actionIconButton," \n                  ").concat((p(n)||_(n))&&_stylesModule.default.disabled," ").concat(i),"data-testid":"".concat(r,".").concat(a),onClick:e=>w(e,n),role:"button"},_(n)?_react.default.createElement(_CircularProgress.default,{className:"".concat(t.actionLoading," ").concat(m),size:b}):(0,_array.isEmpty)(u)?_react.default.createElement(o,{className:"\n                        ".concat(_stylesModule.default.actionIcon,"\n                        ").concat(t.actionIcon,"\n                        ").concat(l,"\n                        ").concat(p(n)&&s)}):_react.default.createElement(_UTIcon.default,_extends({name:u},d,{className:"".concat(l," ").concat(p(n)?s:""," ").concat((null==d?void 0:d.className)||"")}))),!!M&&!(0,_array.isEmpty)(T)&&_react.default.createElement(_UTMenu.default,{anchor:M,contextData:C,iconBefore:!0,items:N,onClose:P,withDivider:I,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:_types.classesType,column:_types.columnType,rowData:_propTypes.object,dataTestId:_propTypes.string};var _default=exports.default=(0,_react.memo)(ActionIcons);

package/dist/components/UTTable/components/ResponsiveCell/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_constants=require("../../constants"),_Status=_interopRequireDefault(require("../Status")),_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 l=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,r,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?a:l){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?s(n,t,r):n[t]=e[t]);return n})(e,t)}const ResponsiveCell=e=>{let{classes:t,column:l,dataTestId:a,defaultNullValue:s,rowData:r,rowStyles:n,showBottomBorder:o}=e;const u=_constants.COLUMN_SIZES[l.size]>_constants.COLUMN_SIZES.medium||l.cellRenderer&&!l.asRowInResponsive||l.type===_constants.CELL_TYPES.STATUS;return _react.default.createElement(_react.Fragment,null,l.categoryName&&_react.default.createElement("span",{className:"".concat(_stylesModule.default.categoryName," ").concat(t.categoryNameCell),style:{...n.responsiveCell}},l.categoryName),_react.default.createElement("div",{"data-testid":a,className:"".concat(o?"".concat(_stylesModule.default.lastCellContainer," ").concat(t.lastCellContainer):_stylesModule.default.cellContainer," ").concat(t.responsiveCell," ").concat(u?_stylesModule.default.bigCell:_stylesModule.default.smallCell),style:{...n.responsiveCell}},(l.name||l.unit)&&_react.default.createElement("div",{className:"".concat(u?_stylesModule.default.bigCellInfoContainer:_stylesModule.default.infoContainer," ").concat(t.responsiveCellTitle)},_react.default.createElement("span",{className:_stylesModule.default.columnName},l.name),_react.default.createElement("span",{className:"".concat(_stylesModule.default.unit," ").concat(t.headerCellUnit)}," ",l.unit," ")),l.cellRenderer?l.cellRenderer(r[l.key],r):l.type===_constants.CELL_TYPES.STATUS?_react.default.createElement(_Status.default,{classes:t,definition:l.status,label:r[l.labelKey],value:r[l.key]}):"string"!=typeof r[l.key]?r[l.key]||s:_react.default.createElement("span",null,r[l.key]||s)))};ResponsiveCell.propTypes={column:_types.columnType,classes:_types.classesType,rowData:_propTypes.object,rowStyles:_propTypes.object,showBottomBorder:_propTypes.bool,defaultNullValue:_propTypes.string,dataTestId:_propTypes.string};var _default=exports.default=ResponsiveCell;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_constants=require("../../constants"),_Status=_interopRequireDefault(require("../Status")),_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 l=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,r,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(s=t?a:l){if(s.has(e))return s.get(e);s.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?s(n,t,r):n[t]=e[t]);return n})(e,t)}const ResponsiveCell=e=>{let{classes:t,column:l,dataTestId:a,defaultNullValue:s,rowData:r,rowStyles:n,showBottomBorder:o}=e;const u=_constants.COLUMN_SIZES[l.size]>_constants.COLUMN_SIZES.medium||l.cellRenderer&&!l.asRowInResponsive||l.type===_constants.CELL_TYPES.STATUS;return _react.default.createElement(_react.default.Fragment,null,l.categoryName&&_react.default.createElement("span",{className:"".concat(_stylesModule.default.categoryName," ").concat(t.categoryNameCell),style:{...n.responsiveCell}},l.categoryName),_react.default.createElement("div",{"data-testid":a,className:"".concat(o?"".concat(_stylesModule.default.lastCellContainer," ").concat(t.lastCellContainer):_stylesModule.default.cellContainer," ").concat(t.responsiveCell," ").concat(u?_stylesModule.default.bigCell:_stylesModule.default.smallCell),style:{...n.responsiveCell}},(l.name||l.unit)&&_react.default.createElement("div",{className:"".concat(u?_stylesModule.default.bigCellInfoContainer:_stylesModule.default.infoContainer," ").concat(t.responsiveCellTitle)},_react.default.createElement("span",{className:_stylesModule.default.columnName},l.name),_react.default.createElement("span",{className:"".concat(_stylesModule.default.unit," ").concat(t.headerCellUnit)}," ",l.unit," ")),l.cellRenderer?l.cellRenderer(r[l.key],r):l.type===_constants.CELL_TYPES.STATUS?_react.default.createElement(_Status.default,{classes:t,definition:l.status,label:r[l.labelKey],value:r[l.key]}):"string"!=typeof r[l.key]?r[l.key]||s:_react.default.createElement("span",null,r[l.key]||s)))};ResponsiveCell.propTypes={column:_types.columnType,classes:_types.classesType,rowData:_propTypes.object,rowStyles:_propTypes.object,showBottomBorder:_propTypes.bool,defaultNullValue:_propTypes.string,dataTestId:_propTypes.string};var _default=exports.default=ResponsiveCell;