@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTRating/versions/V1/components/Option/index.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../constants");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _WithTheme = _interopRequireDefault(require("../../../../../WithTheme"));
-var _utils = require("./utils");
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Option = _ref => {
-  let {
-    classes,
-    disabled,
-    error,
-    isSelected,
-    name,
-    onChange,
-    value,
-    variant,
-    wrapperStyle
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: wrapperStyle
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: "".concat(_stylesModule.default.option, " ").concat(error ? classes.error : ''),
-      text: _stylesModule.default.text
-    },
-    colorTheme: isSelected ? 'primary' : 'secondary',
-    disabled: disabled,
-    Icon: (0, _utils.getIcon)(variant, value, isSelected),
-    onClick: () => onChange(value),
-    variant: (0, _utils.getVariant)(variant, isSelected)
-  }, _constants.RATING_VARIANTS.TEXT === variant ? name : null));
-};
-Option.propTypes = {
-  classes: _propTypes.object,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  isSelected: _propTypes.bool,
-  name: _propTypes.string,
-  onChange: _propTypes.func,
-  value: _propTypes.string,
-  variant: _propTypes.string,
-  wrapperStyle: _propTypes.object
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(Option);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_constants=require("../../constants"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_utils=require("./utils"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Option=e=>{let{classes:t,disabled:r,error:o,isSelected:s,name:a,onChange:p,value:l,variant:i,wrapperStyle:u}=e;return _react.default.createElement("div",{style:u},_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.option," ").concat(o?t.error:""),text:_stylesModule.default.text},colorTheme:s?"primary":"secondary",disabled:r,Icon:(0,_utils.getIcon)(i,l,s),onClick:()=>p(l),variant:(0,_utils.getVariant)(i,s)},_constants.RATING_VARIANTS.TEXT===i?a:null))};Option.propTypes={classes:_propTypes.object,disabled:_propTypes.bool,error:_propTypes.string,isSelected:_propTypes.bool,name:_propTypes.string,onChange:_propTypes.func,value:_propTypes.string,variant:_propTypes.string,wrapperStyle:_propTypes.object};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Option);

package/dist/components/UTRating/versions/V1/components/Option/theme.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    error: {
-      borderColor: "".concat(theme.Palette.error['05'], " !important")
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=e=>{let{theme:r}=e;return{error:{borderColor:"".concat(r.Palette.error["05"]," !important")}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTRating/versions/V1/components/Option/utils.js

@@ -1,21 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getVariant = exports.getIcon = void 0;
-var _constants = require("../../constants");
-const getIcon = (variant, value, isSelected) => ({
-  [_constants.RATING_VARIANTS.TEXT]: null,
-  [_constants.RATING_VARIANTS.FACES]: {
-    1: 'IconMoodSad',
-    2: 'IconMoodConfuzed',
-    3: 'IconMoodEmpty',
-    4: 'IconMoodSmile',
-    5: 'IconMoodHappy'
-  }[value],
-  [_constants.RATING_VARIANTS.STAR]: isSelected ? 'IconStarFilled' : 'IconStar'
-})[variant];
-exports.getIcon = getIcon;
-const getVariant = (variant, isSelected) => !isSelected || variant === _constants.RATING_VARIANTS.STAR ? 'shadow' : 'outlined';
-exports.getVariant = getVariant;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getVariant=exports.getIcon=void 0;var _constants=require("../../constants");const getIcon=(o,t,n)=>({[_constants.RATING_VARIANTS.TEXT]:null,[_constants.RATING_VARIANTS.FACES]:{1:"IconMoodSad",2:"IconMoodConfuzed",3:"IconMoodEmpty",4:"IconMoodSmile",5:"IconMoodHappy"}[t],[_constants.RATING_VARIANTS.STAR]:n?"IconStarFilled":"IconStar"}[o]);exports.getIcon=getIcon;const getVariant=(o,t)=>t&&o!==_constants.RATING_VARIANTS.STAR?"outlined":"shadow";exports.getVariant=getVariant;

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

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RATING_VARIANTS = void 0;
-const RATING_VARIANTS = exports.RATING_VARIANTS = {
-  FACES: 'faces',
-  STAR: 'star',
-  TEXT: 'text'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RATING_VARIANTS=void 0;const RATING_VARIANTS=exports.RATING_VARIANTS={FACES:"faces",STAR:"star",TEXT:"text"};

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

@@ -1,96 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _utils = require("../../../UTValidation/utils");
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _useScreenSize = require("../../../../utils/useScreenSize");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _Option = _interopRequireDefault(require("./components/Option"));
-var _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(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const UTRating = _ref => {
-  let {
-    classNames = {},
-    dataTestId,
-    disabled,
-    error,
-    forceMultiRow,
-    helpTextEnd,
-    helpTextStart,
-    onChange,
-    options = [],
-    required,
-    title,
-    validations,
-    value,
-    variant = _constants.RATING_VARIANTS.STAR
-  } = _ref;
-  const {
-    isMobileOrTablet
-  } = (0, _useScreenSize.useScreenSize)();
-  const validationData = (0, _react.useMemo)(() => validations || error && (0, _utils.formatErrorToValidation)(error), [error, validations]);
-  const valueIndex = options.map(_ref2 => {
-    let {
-      value: optionValue
-    } = _ref2;
-    return optionValue;
-  }).indexOf(value);
-  const isSelected = index => valueIndex !== -1 && variant === _constants.RATING_VARIANTS.STAR ? index <= valueIndex : index === valueIndex;
-  const wrapperStyle = {
-    boxSizing: 'border-box',
-    display: 'flex',
-    flex: (isMobileOrTablet || forceMultiRow) && options.length > 5 ? "0 0 calc(".concat(100 / Math.ceil(options.length / 2), "% - 4px)") : '1 '
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classNames.container),
-    "data-testid": dataTestId
-  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    required: required
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.optionsContainer, " ").concat(classNames.optionsContainer, " ").concat(isMobileOrTablet ? _stylesModule.default.responsive : '', " ").concat(forceMultiRow ? _stylesModule.default.forceMultiRow : '')
-  }, options.map((option, index) => /*#__PURE__*/_react.default.createElement(_Option.default, _extends({}, option, {
-    disabled: disabled,
-    error: error,
-    isSelected: isSelected(index),
-    key: option.value,
-    onChange: onChange,
-    variant: variant,
-    wrapperStyle: wrapperStyle
-  })))), helpTextStart && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.helpTextContainer, " ").concat(classNames.helpTextContainer)
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small"
-  }, helpTextStart), helpTextEnd && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small"
-  }, helpTextEnd)), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    validationData: validationData
-  }));
-};
-UTRating.propTypes = {
-  classNames: _propTypes.object,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  forceMultiRow: _propTypes.bool,
-  helpTextEnd: _propTypes.string,
-  helpTextStart: _propTypes.string,
-  onChange: _propTypes.func,
-  options: _propTypes.array,
-  required: _propTypes.bool,
-  title: _propTypes.string,
-  validations: _propTypes.array,
-  value: _propTypes.string,
-  variant: _propTypes.string
-};
-var _default = exports.default = UTRating;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_useScreenSize=require("../../../../utils/useScreenSize"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_Option=_interopRequireDefault(require("./components/Option")),_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 n,l,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(o,t,l):o[t]=e[t]);return o})(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 UTRating=e=>{let{classNames:t={},dataTestId:r,disabled:a,error:n,forceMultiRow:l,helpTextEnd:o,helpTextStart:i,onChange:s,options:u=[],required:p,title:c,validations:d,value:_,variant:f=_constants.RATING_VARIANTS.STAR}=e;const{isMobileOrTablet:T}=(0,_useScreenSize.useScreenSize)(),y=(0,_react.useMemo)(()=>d||n&&(0,_utils.formatErrorToValidation)(n),[n,d]),b=u.map(e=>{let{value:t}=e;return t}).indexOf(_),v=e=>-1!==b&&f===_constants.RATING_VARIANTS.STAR?e<=b:e===b,g={boxSizing:"border-box",display:"flex",flex:(T||l)&&u.length>5?"0 0 calc(".concat(100/Math.ceil(u.length/2),"% - 4px)"):"1 "};return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(t.container),"data-testid":r},c&&_react.default.createElement(_UTFieldLabel.default,{required:p},c),_react.default.createElement("div",{className:"".concat(_stylesModule.default.optionsContainer," ").concat(t.optionsContainer," ").concat(T?_stylesModule.default.responsive:""," ").concat(l?_stylesModule.default.forceMultiRow:"")},u.map((e,t)=>_react.default.createElement(_Option.default,_extends({},e,{disabled:a,error:n,isSelected:v(t),key:e.value,onChange:s,variant:f,wrapperStyle:g})))),i&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.helpTextContainer," ").concat(t.helpTextContainer)},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},i),o&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},o)),y&&_react.default.createElement(_UTValidation.default,{validationData:y}))};UTRating.propTypes={classNames:_propTypes.object,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,forceMultiRow:_propTypes.bool,helpTextEnd:_propTypes.string,helpTextStart:_propTypes.string,onChange:_propTypes.func,options:_propTypes.array,required:_propTypes.bool,title:_propTypes.string,validations:_propTypes.array,value:_propTypes.string,variant:_propTypes.string};var _default=exports.default=UTRating;

package/dist/components/UTRipple/Ripple.js

@@ -1,68 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _propTypes = require("prop-types");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Ripple = _ref => {
-  let {
-    elem,
-    event,
-    ...other
-  } = _ref;
-  const [enter, setEnter] = (0, _react.useState)(false);
-  const [leaving, setLeaving] = (0, _react.useState)(false);
-  const handleEnter = () => setEnter(true);
-  const handleExit = () => {
-    setLeaving(true);
-  };
-  const rect = elem ? elem.getBoundingClientRect() : {
-    width: 0,
-    height: 0,
-    left: 0,
-    top: 0
-  };
-  let rippleX;
-  let rippleY;
-  if (event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {
-    rippleX = Math.round(rect.width / 2);
-    rippleY = Math.round(rect.height / 2);
-  } else {
-    const clientX = event.clientX ? event.clientX : event.touches[0].clientX;
-    const clientY = event.clientY ? event.clientY : event.touches[0].clientY;
-    rippleX = Math.round(clientX - rect.left);
-    rippleY = Math.round(clientY - rect.top);
-  }
-  const sizeX = Math.max(Math.abs((elem ? elem.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
-  const sizeY = Math.max(Math.abs((elem ? elem.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
-  const rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);
-  const rippleStyles = {
-    width: rippleSize,
-    height: rippleSize,
-    top: -(rippleSize / 2) + rippleY,
-    left: -(rippleSize / 2) + rippleX
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, _extends({
-    timeout: 500,
-    onEnter: handleEnter,
-    unmountOnExit: true,
-    onExit: handleExit
-  }, other), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.ripple, " ").concat(enter && _stylesModule.default.rippleEnter),
-    style: rippleStyles
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.child, " ").concat(leaving && _stylesModule.default.rippleExit)
-  })));
-};
-Ripple.propTypes = {
-  elem: _propTypes.element,
-  event: _propTypes.any
-};
-var _default = exports.default = Ripple;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactTransitionGroup=require("react-transition-group"),_propTypes=require("prop-types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,i,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?n:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?a(l,t,i):l[t]=e[t]);return l})(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 n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const Ripple=e=>{let{elem:t,event:r,...n}=e;const[a,i]=(0,_react.useState)(!1),[l,o]=(0,_react.useState)(!1),u=t?t.getBoundingClientRect():{width:0,height:0,left:0,top:0};let s,c;if(0===r.clientX&&0===r.clientY||!r.clientX&&!r.touches)s=Math.round(u.width/2),c=Math.round(u.height/2);else{const e=r.clientX?r.clientX:r.touches[0].clientX,t=r.clientY?r.clientY:r.touches[0].clientY;s=Math.round(e-u.left),c=Math.round(t-u.top)}const p=2*Math.max(Math.abs((t?t.clientWidth:0)-s),s)+2,d=2*Math.max(Math.abs((t?t.clientHeight:0)-c),c)+2,f=Math.sqrt(p**2+d**2),_={width:f,height:f,top:-f/2+c,left:-f/2+s};return _react.default.createElement(_reactTransitionGroup.Transition,_extends({timeout:500,onEnter:()=>i(!0),unmountOnExit:!0,onExit:()=>{o(!0)}},n),_react.default.createElement("span",{className:"".concat(_stylesModule.default.ripple," ").concat(a&&_stylesModule.default.rippleEnter),style:_},_react.default.createElement("span",{className:"".concat(_stylesModule.default.child," ").concat(l&&_stylesModule.default.rippleExit)})))};Ripple.propTypes={elem:_propTypes.element,event:_propTypes.any};var _default=exports.default=Ripple;

package/dist/components/UTRipple/index.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _propTypes = require("prop-types");
-var _commonTypes = require("../../types/commonTypes");
-var _Ripple = _interopRequireDefault(require("./Ripple"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTRipple = _ref => {
-  let {
-    elem,
-    withRipple
-  } = _ref;
-  const [ripples, setRipples] = (0, _react.useState)([]);
-  const setNewRipples = (0, _react.useCallback)(event => {
-    setRipples(prevRipples => [...prevRipples, /*#__PURE__*/_react.default.createElement(_Ripple.default, {
-      event: event,
-      elem: elem,
-      key: Math.random()
-    })]);
-  }, [elem]);
-  const removeRipple = (0, _react.useCallback)(() => setRipples(prevRipples => prevRipples.slice(1)), []);
-  (0, _react.useEffect)(() => {
-    if (withRipple && elem) {
-      elem.addEventListener('mousedown', setNewRipples);
-      elem.addEventListener('mouseup', removeRipple);
-      elem.addEventListener('mouseleave', removeRipple);
-    }
-    return () => {
-      if (withRipple && elem) {
-        elem.removeEventListener('mousedown', setNewRipples);
-        elem.removeEventListener('mouseup', removeRipple);
-        elem.removeEventListener('mouseleave', removeRipple);
-      }
-    };
-  }, [elem, setNewRipples, removeRipple, withRipple]);
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
-    component: "span",
-    className: _stylesModule.default.root
-  }, ripples);
-};
-UTRipple.propTypes = {
-  elem: _commonTypes.refType,
-  withRipple: _propTypes.bool
-};
-var _default = exports.default = UTRipple;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactTransitionGroup=require("react-transition-group"),_propTypes=require("prop-types"),_commonTypes=require("../../types/commonTypes"),_Ripple=_interopRequireDefault(require("./Ripple")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,u,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?n(a,t,u):a[t]=e[t]);return a})(e,t)}const UTRipple=e=>{let{elem:t,withRipple:r}=e;const[o,n]=(0,_react.useState)([]),u=(0,_react.useCallback)(e=>{n(r=>[...r,_react.default.createElement(_Ripple.default,{event:e,elem:t,key:Math.random()})])},[t]),a=(0,_react.useCallback)(()=>n(e=>e.slice(1)),[]);return(0,_react.useEffect)(()=>(r&&t&&(t.addEventListener("mousedown",u),t.addEventListener("mouseup",a),t.addEventListener("mouseleave",a)),()=>{r&&t&&(t.removeEventListener("mousedown",u),t.removeEventListener("mouseup",a),t.removeEventListener("mouseleave",a))}),[t,u,a,r]),_react.default.createElement(_reactTransitionGroup.TransitionGroup,{component:"span",className:_stylesModule.default.root},o)};UTRipple.propTypes={elem:_commonTypes.refType,withRipple:_propTypes.bool};var _default=exports.default=UTRipple;

package/dist/components/UTSearchField/index.js

@@ -1,99 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../UTBaseInputField/constants");
-var _UTBaseInputField = _interopRequireDefault(require("../UTBaseInputField"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTSearchField = _ref => {
-  let {
-    classes,
-    className,
-    customAction,
-    dataKeyboard,
-    dataTestId,
-    disabled,
-    id,
-    onBlur,
-    onChange = () => {},
-    onFocus,
-    placeholder,
-    size,
-    type,
-    value = null,
-    variant = 'gray'
-  } = _ref;
-  const clearText = () => {
-    onChange('');
-  };
-  const action = {
-    Icon: 'IconX',
-    onClick: clearText,
-    size: 'small'
-  };
-  const leftAdornments = [{
-    name: _constants.COMPONENT_KEYS.ICON,
-    props: {
-      Icon: 'IconSearch',
-      changeOnFocus: true,
-      shade: '02'
-    }
-  }];
-  const rightAdornments = value || customAction ? [{
-    name: _constants.COMPONENT_KEYS.ACTION,
-    props: {
-      action: customAction || action
-    }
-  }] : [];
-  return /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
-    alwaysShowPlaceholder: true,
-    classNames: {
-      container: "".concat(_stylesModule.default.container, " ").concat(className),
-      input: classes.input
-    },
-    dataKeyboard: dataKeyboard || 'search',
-    dataTestId: dataTestId,
-    disabled: disabled,
-    id: id,
-    inputSize: size,
-    leftAdornments: leftAdornments,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    rightAdornments: rightAdornments,
-    type: type,
-    value: value,
-    variant: variant
-  });
-};
-const propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  customAction: (0, _propTypes.shape)({
-    Icon: _propTypes.string,
-    onClick: _propTypes.func,
-    size: _propTypes.string
-  }),
-  dataKeyboard: _propTypes.string,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  id: _propTypes.string,
-  onBlur: _propTypes.func,
-  onChange: _propTypes.func,
-  onFocus: _propTypes.func,
-  placeholder: _propTypes.string,
-  size: _propTypes.string,
-  type: _propTypes.string,
-  value: _propTypes.string,
-  variant: _propTypes.string
-};
-UTSearchField.propTypes = propTypes;
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSearchField);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_constants=require("../UTBaseInputField/constants"),_UTBaseInputField=_interopRequireDefault(require("../UTBaseInputField")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSearchField=e=>{let{classes:r,className:s,customAction:p,dataKeyboard:t,dataTestId:o,disabled:a,id:n,onBlur:i,onChange:l=()=>{},onFocus:u,placeholder:c,size:d,type:_,value:T=null,variant:y="gray"}=e;const h={Icon:"IconX",onClick:()=>{l("")},size:"small"},f=[{name:_constants.COMPONENT_KEYS.ICON,props:{Icon:"IconSearch",changeOnFocus:!0,shade:"02"}}],g=T||p?[{name:_constants.COMPONENT_KEYS.ACTION,props:{action:p||h}}]:[];return _react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:"".concat(_stylesModule.default.container," ").concat(s),input:r.input},dataKeyboard:t||"search",dataTestId:o,disabled:a,id:n,inputSize:d,leftAdornments:f,onBlur:i,onChange:l,onFocus:u,placeholder:c,rightAdornments:g,type:_,value:T,variant:y})},propTypes=exports.propTypes={className:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),customAction:(0,_propTypes.shape)({Icon:_propTypes.string,onClick:_propTypes.func,size:_propTypes.string}),dataKeyboard:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,id:_propTypes.string,onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,placeholder:_propTypes.string,size:_propTypes.string,type:_propTypes.string,value:_propTypes.string,variant:_propTypes.string};UTSearchField.propTypes=propTypes;var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSearchField);

package/dist/components/UTSearchField/theme.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    input: {
-      '&::placeholder': {
-        color: "".concat(theme.Palette.gray['04'], " !important")
-      }
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=e=>{let{theme:t}=e;return{input:{"&::placeholder":{color:"".concat(t.Palette.gray["04"]," !important")}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTSelect/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTSelect = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTSelect.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSelect=e=>{let{version:r="V0",...t}=e;const u={V0:_V.default,V1:_V2.default}[r];return _react.default.createElement(u,t)};UTSelect.propTypes={version:_propTypes.string};var _default=exports.default=UTSelect;

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

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _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(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const Option = _ref => {
-  let {
-    classes,
-    isMultiple,
-    labelKey,
-    optionProps,
-    value,
-    valueKey
-  } = _ref;
-  const OptionIcon = optionProps.icon;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isMultiple && /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-    color: "primary",
-    checked: (value === null || value === void 0 ? void 0 : value.indexOf(optionProps[valueKey])) > -1
-  }), OptionIcon ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, /*#__PURE__*/_react.default.createElement(OptionIcon, {
-    className: classes.optionIcon
-  }), /*#__PURE__*/_react.default.createElement("div", null, optionProps[labelKey])) : optionProps[labelKey]);
-};
-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 = /*#__PURE__*/(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,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);

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

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VALUE_KEY = exports.MENU_TITLE_MULTIPLE = exports.MENU_TITLE = exports.LABEL_KEY = void 0;
-const VALUE_KEY = exports.VALUE_KEY = 'value';
-const LABEL_KEY = exports.LABEL_KEY = 'name';
-const MENU_TITLE = exports.MENU_TITLE = 'Seleccione una opción';
-const MENU_TITLE_MULTIPLE = exports.MENU_TITLE_MULTIPLE = 'Seleccione una o más opciones';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VALUE_KEY=exports.MENU_TITLE_MULTIPLE=exports.MENU_TITLE=exports.LABEL_KEY=void 0;const VALUE_KEY=exports.VALUE_KEY="value",LABEL_KEY=exports.LABEL_KEY="name",MENU_TITLE=exports.MENU_TITLE="Seleccione una opción",MENU_TITLE_MULTIPLE=exports.MENU_TITLE_MULTIPLE="Seleccione una o más opciones";