@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTEmojiPicker/index.js

@@ -1,103 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-var _ = require("../..");
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
-var _classesUtils = require("../../utils/classesUtils");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _utils = require("./utils");
-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 UTEmojiPicker = _ref => {
-  let {
-    ButtonComponent = _UTTouchableWithoutFeedback.default,
-    classes: themeClasses,
-    classNames,
-    closeOnPick = true,
-    excludedEmojis,
-    groupsModifier,
-    handlePick,
-    popperPosition = _constants.DEFAULT_POSITIONS.BOTTOM_RIGHT,
-    virtualizedListProps
-  } = _ref;
-  const [activeGroup, setActiveGroup] = (0, _react.useState)();
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const {
-    emojis,
-    groups,
-    buttonEmoji
-  } = (0, _react.useMemo)(() => (0, _utils.getEmojis)(groupsModifier, excludedEmojis), [groupsModifier, excludedEmojis]);
-  const toggleOpen = () => {
-    setIsOpen(!isOpen);
-  };
-  const emojiRenderer = (0, _react.useCallback)(emojiData => /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    onMouseDown: e => {
-      e.preventDefault();
-      if (closeOnPick) setIsOpen(false);
-      handlePick(emojiData);
-    },
-    className: "".concat(_stylesModule.default.emoji, " ").concat(classes.emoji)
-  }, (0, _utils.getEmoji)(emojiData)), [handlePick]);
-  const groupEmojiRenderer = (0, _react.useCallback)(_ref2 => {
-    let {
-      Icon,
-      key
-    } = _ref2;
-    const isActive = key === activeGroup;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_stylesModule.default.groupItem, " ").concat(classes.groupItem),
-      key: key,
-      onClick: () => setActiveGroup(isActive ? null : key),
-      role: "button",
-      "aria-label": "group"
-    }, /*#__PURE__*/_react.default.createElement(Icon, {
-      className: isActive ? "".concat(_stylesModule.default.activeIcon, " ").concat(classes.activeIcon) : ''
-    }));
-  }, [activeGroup]);
-  return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
-    onClickAway: () => setIsOpen(false)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.buttonContainer
-  }, /*#__PURE__*/_react.default.createElement(ButtonComponent, {
-    className: classes.emojiButton,
-    onClick: toggleOpen
-  }, buttonEmoji), /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n            ".concat(_stylesModule.default.container, "\n            ").concat(classes.container, "\n            ").concat(_stylesModule.default[popperPosition], "\n            ").concat(!isOpen && _stylesModule.default.hiddenPicker, "\n          ")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.groups, " ").concat(classes.groups)
-  }, groups.map(groupEmojiRenderer)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.listContainer, " ").concat(classes.listContainer)
-  }, /*#__PURE__*/_react.default.createElement(_.UTVirtualizedList, _extends({
-    data: activeGroup ? groups.find(_ref3 => {
-      let {
-        key
-      } = _ref3;
-      return key === activeGroup;
-    }).emojis : emojis,
-    itemRenderer: emojiRenderer
-  }, _constants.DEFAULT_VIRTUALIZED_LIST_CONFIG, virtualizedListProps))))));
-};
-UTEmojiPicker.propTypes = {
-  ButtonComponent: _propTypes.elementType,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  closeOnPick: _propTypes.bool,
-  excludedEmojis: (0, _propTypes.arrayOf)(_propTypes.string),
-  handlePick: _propTypes.func,
-  groupsModifier: _propTypes.func,
-  popperPosition: _propTypes.string,
-  virtualizedListProps: _propTypes.object
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTEmojiPicker);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ClickAwayListener=_interopRequireDefault(require("@material-ui/core/ClickAwayListener")),_=require("../.."),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils=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,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(l,t,s):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 a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTEmojiPicker=e=>{let{ButtonComponent:t=_UTTouchableWithoutFeedback.default,classes:r,classNames:a,closeOnPick:o=!0,excludedEmojis:s,groupsModifier:l,handlePick:n,popperPosition:c=_constants.DEFAULT_POSITIONS.BOTTOM_RIGHT,virtualizedListProps:i}=e;const[u,p]=(0,_react.useState)(),[d,f]=(0,_react.useState)(!1),m=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(r,a),[a]),{emojis:y,groups:T,buttonEmoji:k}=(0,_react.useMemo)(()=>(0,_utils.getEmojis)(l,s),[l,s]),b=(0,_react.useCallback)(e=>_react.default.createElement("div",{role:"button",onMouseDown:t=>{t.preventDefault(),o&&f(!1),n(e)},className:"".concat(_stylesModule.default.emoji," ").concat(m.emoji)},(0,_utils.getEmoji)(e)),[n]),h=(0,_react.useCallback)(e=>{let{Icon:t,key:r}=e;const a=r===u;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.groupItem," ").concat(m.groupItem),key:r,onClick:()=>p(a?null:r),role:"button","aria-label":"group"},_react.default.createElement(t,{className:a?"".concat(_stylesModule.default.activeIcon," ").concat(m.activeIcon):""}))},[u]);return _react.default.createElement(_ClickAwayListener.default,{onClickAway:()=>f(!1)},_react.default.createElement("div",{className:_stylesModule.default.buttonContainer},_react.default.createElement(t,{className:m.emojiButton,onClick:()=>{f(!d)}},k),_react.default.createElement("div",{className:"\n            ".concat(_stylesModule.default.container,"\n            ").concat(m.container,"\n            ").concat(_stylesModule.default[c],"\n            ").concat(!d&&_stylesModule.default.hiddenPicker,"\n          ")},_react.default.createElement("div",{className:"".concat(_stylesModule.default.groups," ").concat(m.groups)},T.map(h)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.listContainer," ").concat(m.listContainer)},_react.default.createElement(_.UTVirtualizedList,_extends({data:u?T.find(e=>{let{key:t}=e;return t===u}).emojis:y,itemRenderer:b},_constants.DEFAULT_VIRTUALIZED_LIST_CONFIG,i))))))};UTEmojiPicker.propTypes={ButtonComponent:_propTypes.elementType,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),closeOnPick:_propTypes.bool,excludedEmojis:(0,_propTypes.arrayOf)(_propTypes.string),handlePick:_propTypes.func,groupsModifier:_propTypes.func,popperPosition:_propTypes.string,virtualizedListProps:_propTypes.object};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTEmojiPicker);

package/dist/components/UTEmojiPicker/theme.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  var _theme$UTEmojiPicker, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker0, _theme$UTEmojiPicker1, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 || (_theme$UTEmojiPicker = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker === void 0 ? void 0 : _theme$UTEmojiPicker.backgroundColor) || _colorsModule.default.white,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 || (_theme$UTEmojiPicker2 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : _theme$UTEmojiPicker2.borderRadius,
-      bottom: theme === null || theme === void 0 || (_theme$UTEmojiPicker3 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker3 === void 0 || (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker3.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.bottom,
-      boxShadow: (theme === null || theme === void 0 || (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 || (_theme$UTEmojiPicker4 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : _theme$UTEmojiPicker4.boxShadow) || '0px 3px 6px #E4E6EA',
-      left: theme === null || theme === void 0 || (_theme$UTEmojiPicker5 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker5 === void 0 || (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker5.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.left,
-      right: theme === null || theme === void 0 || (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 || (_theme$UTEmojiPicker6 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : _theme$UTEmojiPicker6.right,
-      top: theme === null || theme === void 0 || (_theme$UTEmojiPicker7 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker7 === void 0 || (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker7.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.top
-    },
-    listContainer: {
-      height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 || (_theme$UTEmojiPicker8 = _theme$UTEmojiPicker8.listContainer) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : _theme$UTEmojiPicker8.height) || 216,
-      width: (theme === null || theme === void 0 || (_theme$UTEmojiPicker9 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker9 === void 0 || (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker9.listContainer) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.width) || 336
-    },
-    emoji: {
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTEmojiPicker0 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker0 === void 0 || (_theme$UTEmojiPicker0 = _theme$UTEmojiPicker0.emoji) === null || _theme$UTEmojiPicker0 === void 0 ? void 0 : _theme$UTEmojiPicker0.borderRadius) || 4,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTEmojiPicker1 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker1 === void 0 || (_theme$UTEmojiPicker1 = _theme$UTEmojiPicker1.emoji) === null || _theme$UTEmojiPicker1 === void 0 ? void 0 : _theme$UTEmojiPicker1.fontSize) || 20,
-      height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 || (_theme$UTEmojiPicker10 = _theme$UTEmojiPicker10.emoji) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : _theme$UTEmojiPicker10.height) || 32,
-      margin: (theme === null || theme === void 0 || (_theme$UTEmojiPicker11 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker11 === void 0 || (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker11.emoji) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.margin) || 4,
-      width: (theme === null || theme === void 0 || (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 || (_theme$UTEmojiPicker12 = _theme$UTEmojiPicker12.emoji) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : _theme$UTEmojiPicker12.width) || 32,
-      '&:hover': {
-        backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker13 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker13 === void 0 || (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker13.emoji) === null || _theme$UTEmojiPicker13 === void 0 || (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker13.hover) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.backgroundColor) || '#E9F0FD'
-      }
-    },
-    groupItem: {
-      height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 || (_theme$UTEmojiPicker14 = _theme$UTEmojiPicker14.groupItem) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : _theme$UTEmojiPicker14.height) || 40,
-      fill: (theme === null || theme === void 0 || (_theme$UTEmojiPicker15 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker15 === void 0 || (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker15.groupItem) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.color) || '#677489',
-      stroke: (theme === null || theme === void 0 || (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 || (_theme$UTEmojiPicker16 = _theme$UTEmojiPicker16.groupItem) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : _theme$UTEmojiPicker16.color) || '#677489'
-    },
-    activeIcon: {
-      backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker17 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker17 === void 0 || (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker17.groupItem) === null || _theme$UTEmojiPicker17 === void 0 || (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker17.active) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.backgroundColor) || '#E9F0FD',
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 || (_theme$UTEmojiPicker18 = _theme$UTEmojiPicker18.groupItem) === null || _theme$UTEmojiPicker18 === void 0 || (_theme$UTEmojiPicker18 = _theme$UTEmojiPicker18.active) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : _theme$UTEmojiPicker18.borderRadius) || 5,
-      stroke: (theme === null || theme === void 0 || (_theme$UTEmojiPicker19 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker19 === void 0 || (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker19.groupItem) === null || _theme$UTEmojiPicker19 === void 0 || (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker19.active) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.color) || '#2b70fb'
-    },
-    groups: {
-      borderBottom: (theme === null || theme === void 0 || (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 || (_theme$UTEmojiPicker20 = _theme$UTEmojiPicker20.groups) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : _theme$UTEmojiPicker20.borderBottom) || '1px solid #E4E6EA',
-      padding: (theme === null || theme === void 0 || (_theme$UTEmojiPicker21 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker21 === void 0 || (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker21.groups) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.padding) || 8
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(o){return o&&o.__esModule?o:{default:o}}const retrieveStyle=o=>{var i,l,e,n,d,r,u,v,t,c,m,a,s,j,k,E,g,h,p,P,T,U,b;let{theme:f}=o;return{container:{backgroundColor:(null==f||null===(i=f.UTEmojiPicker)||void 0===i||null===(i=i.container)||void 0===i?void 0:i.backgroundColor)||_colorsModule.default.white,borderRadius:null==f||null===(l=f.UTEmojiPicker)||void 0===l||null===(l=l.container)||void 0===l?void 0:l.borderRadius,bottom:null==f||null===(e=f.UTEmojiPicker)||void 0===e||null===(e=e.container)||void 0===e?void 0:e.bottom,boxShadow:(null==f||null===(n=f.UTEmojiPicker)||void 0===n||null===(n=n.container)||void 0===n?void 0:n.boxShadow)||"0px 3px 6px #E4E6EA",left:null==f||null===(d=f.UTEmojiPicker)||void 0===d||null===(d=d.container)||void 0===d?void 0:d.left,right:null==f||null===(r=f.UTEmojiPicker)||void 0===r||null===(r=r.container)||void 0===r?void 0:r.right,top:null==f||null===(u=f.UTEmojiPicker)||void 0===u||null===(u=u.container)||void 0===u?void 0:u.top},listContainer:{height:(null==f||null===(v=f.UTEmojiPicker)||void 0===v||null===(v=v.listContainer)||void 0===v?void 0:v.height)||216,width:(null==f||null===(t=f.UTEmojiPicker)||void 0===t||null===(t=t.listContainer)||void 0===t?void 0:t.width)||336},emoji:{borderRadius:(null==f||null===(c=f.UTEmojiPicker)||void 0===c||null===(c=c.emoji)||void 0===c?void 0:c.borderRadius)||4,fontSize:(null==f||null===(m=f.UTEmojiPicker)||void 0===m||null===(m=m.emoji)||void 0===m?void 0:m.fontSize)||20,height:(null==f||null===(a=f.UTEmojiPicker)||void 0===a||null===(a=a.emoji)||void 0===a?void 0:a.height)||32,margin:(null==f||null===(s=f.UTEmojiPicker)||void 0===s||null===(s=s.emoji)||void 0===s?void 0:s.margin)||4,width:(null==f||null===(j=f.UTEmojiPicker)||void 0===j||null===(j=j.emoji)||void 0===j?void 0:j.width)||32,"&:hover":{backgroundColor:(null==f||null===(k=f.UTEmojiPicker)||void 0===k||null===(k=k.emoji)||void 0===k||null===(k=k.hover)||void 0===k?void 0:k.backgroundColor)||"#E9F0FD"}},groupItem:{height:(null==f||null===(E=f.UTEmojiPicker)||void 0===E||null===(E=E.groupItem)||void 0===E?void 0:E.height)||40,fill:(null==f||null===(g=f.UTEmojiPicker)||void 0===g||null===(g=g.groupItem)||void 0===g?void 0:g.color)||"#677489",stroke:(null==f||null===(h=f.UTEmojiPicker)||void 0===h||null===(h=h.groupItem)||void 0===h?void 0:h.color)||"#677489"},activeIcon:{backgroundColor:(null==f||null===(p=f.UTEmojiPicker)||void 0===p||null===(p=p.groupItem)||void 0===p||null===(p=p.active)||void 0===p?void 0:p.backgroundColor)||"#E9F0FD",borderRadius:(null==f||null===(P=f.UTEmojiPicker)||void 0===P||null===(P=P.groupItem)||void 0===P||null===(P=P.active)||void 0===P?void 0:P.borderRadius)||5,stroke:(null==f||null===(T=f.UTEmojiPicker)||void 0===T||null===(T=T.groupItem)||void 0===T||null===(T=T.active)||void 0===T?void 0:T.color)||"#2b70fb"},groups:{borderBottom:(null==f||null===(U=f.UTEmojiPicker)||void 0===U||null===(U=U.groups)||void 0===U?void 0:U.borderBottom)||"1px solid #E4E6EA",padding:(null==f||null===(b=f.UTEmojiPicker)||void 0===b||null===(b=b.groups)||void 0===b?void 0:b.padding)||8}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTEmojiPicker/utils.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getEmojis = exports.getEmoji = void 0;
-var _emojilib = _interopRequireDefault(require("emojilib"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getKey = emoji => emoji[1][0];
-const getEmoji = emoji => emoji[0];
-exports.getEmoji = getEmoji;
-const findEmojiIndex = (emojis, key) => emojis.findIndex(emoji => key === getKey(emoji));
-const getGroups = emojis => _constants.GROUPS.map(groupDefinition => ({
-  key: groupDefinition.key,
-  Icon: groupDefinition.Icon,
-  emojis: groupDefinition.ranges.flatMap(range => {
-    const subgroupStart = findEmojiIndex(emojis, range[0]);
-    const subgroupEnd = range.length > 1 && findEmojiIndex(emojis, range[1]);
-    return subgroupEnd ? emojis.slice(subgroupStart, subgroupEnd) : [emojis[subgroupStart]];
-  })
-}));
-const getEmojis = function (groupsModifier) {
-  let excludedEmojis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  const legacyGroups = getGroups(Object.entries(_emojilib.default)).map(group => ({
-    ...group,
-    emojis: group.emojis.filter(emoji => ![..._constants.DEFAULT_EXCLUDED_EMOJIS, ...excludedEmojis].includes(getKey(emoji)))
-  }));
-  const filteredEmojisArray = [].concat(...legacyGroups.map(group => group.emojis));
-  const groups = groupsModifier ? groupsModifier(legacyGroups) : legacyGroups;
-  return {
-    emojis: filteredEmojisArray,
-    groups,
-    buttonEmoji: getEmoji(filteredEmojisArray[_constants.DEFAULT_BUTTON_EMOJI_INDEX])
-  };
-};
-exports.getEmojis = getEmojis;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getEmojis=exports.getEmoji=void 0;var _emojilib=_interopRequireDefault(require("emojilib")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getKey=e=>e[1][0],getEmoji=e=>e[0];exports.getEmoji=getEmoji;const findEmojiIndex=(e,t)=>e.findIndex(e=>t===getKey(e)),getGroups=e=>_constants.GROUPS.map(t=>({key:t.key,Icon:t.Icon,emojis:t.ranges.flatMap(t=>{const o=findEmojiIndex(e,t[0]),i=t.length>1&&findEmojiIndex(e,t[1]);return i?e.slice(o,i):[e[o]]})})),getEmojis=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const o=getGroups(Object.entries(_emojilib.default)).map(e=>({...e,emojis:e.emojis.filter(e=>![..._constants.DEFAULT_EXCLUDED_EMOJIS,...t].includes(getKey(e)))})),i=[].concat(...o.map(e=>e.emojis));return{emojis:i,groups:e?e(o):o,buttonEmoji:getEmoji(i[_constants.DEFAULT_BUTTON_EMOJI_INDEX])}};exports.getEmojis=getEmojis;

package/dist/components/UTExternalLink/constants.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_PROPS = exports.COLORS_MAPPER = void 0;
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  colorTheme: 'secondary'
-};
-const COLORS_MAPPER = exports.COLORS_MAPPER = {
-  primary: 'accent',
-  secondary: 'neutral',
-  error: 'error',
-  negative: 'negative'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_PROPS=exports.COLORS_MAPPER=void 0;const DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:"secondary"},COLORS_MAPPER=exports.COLORS_MAPPER={primary:"accent",secondary:"neutral",error:"error",negative:"negative"};

package/dist/components/UTExternalLink/index.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTExternalLink = _ref => {
-  let {
-    children,
-    className,
-    classes,
-    dataTestId,
-    openProps,
-    url
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("a", {
-    className: "".concat(classes.root, " ").concat(className),
-    "data-testid": dataTestId,
-    href: url,
-    onClick: openProps && (event => {
-      event.preventDefault();
-      const {
-        openUrl,
-        targetName,
-        options,
-        replace
-      } = openProps;
-      const win = window.open(openUrl || url, targetName || '_blank', options, replace);
-      win.opener = null;
-      win.location = openUrl || url;
-    }),
-    rel: "noopener noreferrer",
-    target: "_blank"
-  }, children);
-};
-UTExternalLink.propTypes = {
-  className: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  openProps: (0, _propTypes.shape)({
-    openUrl: _propTypes.string,
-    targetName: _propTypes.string,
-    options: _propTypes.string,
-    replace: _propTypes.string
-  }),
-  url: _propTypes.string.isRequired
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTExternalLink);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTExternalLink=e=>{let{children:r,className:t,classes:p,dataTestId:s,openProps:o,url:a}=e;return _react.default.createElement("a",{className:"".concat(p.root," ").concat(t),"data-testid":s,href:a,onClick:o&&(e=>{e.preventDefault();const{openUrl:r,targetName:t,options:p,replace:s}=o,n=window.open(r||a,t||"_blank",p,s);n.opener=null,n.location=r||a}),rel:"noopener noreferrer",target:"_blank"},r)};UTExternalLink.propTypes={className:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,openProps:(0,_propTypes.shape)({openUrl:_propTypes.string,targetName:_propTypes.string,options:_propTypes.string,replace:_propTypes.string}),url:_propTypes.string.isRequired};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTExternalLink);

package/dist/components/UTExternalLink/theme.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variantsColorTheme = exports.retrieveStyle = void 0;
-var _classesUtils = require("../../utils/classesUtils");
-var _constants = require("./constants");
-const variantsColorTheme = (colorTheme, theme) => {
-  var _theme$Palette$action;
-  const actionColorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
-  const actionTheme = ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[actionColorName]) || theme.Palette[actionColorName];
-  return actionTheme['05'];
-};
-exports.variantsColorTheme = variantsColorTheme;
-const retrieveStyle = _ref => {
-  let {
-    colorTheme,
-    theme
-  } = _ref;
-  return {
-    root: {
-      color: (0, _classesUtils.withImportant)(variantsColorTheme(colorTheme, theme))
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.variantsColorTheme=exports.retrieveStyle=void 0;var _classesUtils=require("../../utils/classesUtils"),_constants=require("./constants");const variantsColorTheme=(e,t)=>{var r;const s=_constants.COLORS_MAPPER[e]||_constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];return((null===(r=t.Palette.actions)||void 0===r?void 0:r[s])||t.Palette[s])["05"]};exports.variantsColorTheme=variantsColorTheme;const retrieveStyle=e=>{let{colorTheme:t,theme:r}=e;return{root:{color:(0,_classesUtils.withImportant)(variantsColorTheme(t,r))}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTFieldLabel/constants.js

@@ -1,7 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.REQUIRED_LABEL = void 0;
-const REQUIRED_LABEL = exports.REQUIRED_LABEL = '*';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.REQUIRED_LABEL=void 0;const REQUIRED_LABEL=exports.REQUIRED_LABEL="*";

package/dist/components/UTFieldLabel/index.js

@@ -1,77 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _isArray = _interopRequireDefault(require("lodash/isArray"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
-var _inputs = require("../../constants/inputs");
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTFieldLabel = _ref => {
-  let {
-    actions,
-    children,
-    className,
-    dataTestId,
-    highlighted,
-    icon,
-    readOnly,
-    required,
-    size = 'large',
-    weight
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(!(0, _isEmpty.default)(actions) ? _stylesModule.default.labelWithActions : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.label, " ").concat(className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.labelContent
-  }, icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    name: icon
-  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: readOnly ? 'gray' : highlighted ? 'accent' : 'dark',
-    dataTestId: dataTestId,
-    variant: _inputs.TITLE_VARIANTS[size],
-    withMarkdown: true
-  }, children)), required && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "error",
-    shade: "04",
-    variant: _inputs.TITLE_VARIANTS[size],
-    weight: weight
-  }, _constants.REQUIRED_LABEL)), !(0, _isEmpty.default)(actions) && (0, _isArray.default)(actions) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.actionsContainer
-  }, actions.map(action => {
-    var _action$title, _action$tooltipProps;
-    return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-      arrow: false,
-      key: "".concat((_action$title = action.title) !== null && _action$title !== void 0 ? _action$title : action.Icon),
-      tippyProps: {
-        appendTo: () => document.body,
-        interactive: false
-      },
-      content: action.tooltip,
-      stringContentProps: action === null || action === void 0 || (_action$tooltipProps = action.tooltipProps) === null || _action$tooltipProps === void 0 ? void 0 : _action$tooltipProps.stringContentProps
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, action, action.title)));
-  })));
-};
-UTFieldLabel.propTypes = {
-  actions: (0, _propTypes.arrayOf)(_propTypes.object),
-  className: _propTypes.string,
-  dataTestId: _propTypes.string,
-  highlighted: _propTypes.bool,
-  icon: _propTypes.string,
-  readOnly: _propTypes.bool,
-  required: _propTypes.bool,
-  size: _propTypes.string,
-  weight: _propTypes.string
-};
-var _default = exports.default = UTFieldLabel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_isArray=_interopRequireDefault(require("lodash/isArray")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_inputs=require("../../constants/inputs"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTFieldLabel=e=>{let{actions:t,children:r,className:a,dataTestId:l,highlighted:o,icon:i,readOnly:s,required:n,size:u="large",weight:p}=e;return _react.default.createElement("div",{className:"".concat((0,_isEmpty.default)(t)?"":_stylesModule.default.labelWithActions)},_react.default.createElement("div",{className:"".concat(_stylesModule.default.label," ").concat(a)},_react.default.createElement("div",{className:_stylesModule.default.labelContent},i&&_react.default.createElement(_UTIcon.default,{name:i}),_react.default.createElement(_UTLabel.default,{colorTheme:s?"gray":o?"accent":"dark",dataTestId:l,variant:_inputs.TITLE_VARIANTS[u],withMarkdown:!0},r)),n&&_react.default.createElement(_UTLabel.default,{colorTheme:"error",shade:"04",variant:_inputs.TITLE_VARIANTS[u],weight:p},_constants.REQUIRED_LABEL)),!(0,_isEmpty.default)(t)&&(0,_isArray.default)(t)&&_react.default.createElement("div",{className:_stylesModule.default.actionsContainer},t.map(e=>{var t,r;return _react.default.createElement(_UTTooltip.default,{arrow:!1,key:"".concat(null!==(t=e.title)&&void 0!==t?t:e.Icon),tippyProps:{appendTo:()=>document.body,interactive:!1},content:e.tooltip,stringContentProps:null==e||null===(r=e.tooltipProps)||void 0===r?void 0:r.stringContentProps},_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,e,e.title)))})))};UTFieldLabel.propTypes={actions:(0,_propTypes.arrayOf)(_propTypes.object),className:_propTypes.string,dataTestId:_propTypes.string,highlighted:_propTypes.bool,icon:_propTypes.string,readOnly:_propTypes.bool,required:_propTypes.bool,size:_propTypes.string,weight:_propTypes.string};var _default=exports.default=UTFieldLabel;

package/dist/components/UTFileInput/constants.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UPLOADING = exports.SELECT_FILE = void 0;
-const SELECT_FILE = exports.SELECT_FILE = 'Seleccionar archivo';
-const UPLOADING = exports.UPLOADING = 'Subiendo...';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UPLOADING=exports.SELECT_FILE=void 0;const SELECT_FILE=exports.SELECT_FILE="Seleccionar archivo",UPLOADING=exports.UPLOADING="Subiendo...";

package/dist/components/UTFileInput/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _layout = _interopRequireDefault(require("./layout"));
-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); }
-class UTFileInputContainer extends _react.PureComponent {
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_layout.default, this.props);
-  }
-}
-var _default = exports.default = UTFileInputContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_layout=_interopRequireDefault(require("./layout"));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 u,a,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(u=t?n:r){if(u.has(e))return u.get(e);u.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(u=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?u(o,t,a):o[t]=e[t]);return o})(e,t)}class UTFileInputContainer extends _react.PureComponent{render(){return _react.default.createElement(_layout.default,this.props)}}var _default=exports.default=UTFileInputContainer;

package/dist/components/UTFileInput/layout.js

@@ -1,124 +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 _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var uploadIcon = function uploadIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
-    fill: "#4d97fa"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M185.749 81.664v204.501h42.667V81.664l70.251 70.251 30.165-30.166L207.083 0 85.333 121.749l30.166 30.166zM335.083 328.832v42.667h-256v-42.667H36.416v42.667c0 23.509 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.157 42.667-42.667v-42.667h-42.667z"
-  })));
-};
-uploadIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 414.165 414.165",
-  style: {
-    enableBackground: "new 0 0 414.165 414.165"
-  },
-  xmlSpace: "preserve",
-  width: "512",
-  height: "512"
-};
-class UTFileInput extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleDragLeave", () => this.setState({
-      hasDrag: false
-    }));
-    _defineProperty(this, "handleDragOver", target => target && this.setState({
-      hasDrag: true
-    }));
-    _defineProperty(this, "handleOnDrop", () => this.setState({
-      hasDrag: false
-    }));
-    this.state = {
-      hasDrag: false
-    };
-  }
-  render() {
-    const {
-      classes,
-      containerClassname,
-      dataTestId,
-      disabled,
-      error,
-      errorClassname,
-      errorText,
-      fileType,
-      icon: Icon,
-      inputClassname,
-      label,
-      loading,
-      loadingTextClassname,
-      name,
-      onChange,
-      uploadingText
-    } = this.props;
-    const UploadImage = uploadIcon;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "\n            ".concat(_stylesModule.default.inputContainer, "\n            ").concat(this.state.hasDrag && _stylesModule.default.inputContainerDrag, "\n            ").concat(loading && _stylesModule.default.inputContainerLoading, "\n            ").concat(classes.container, "\n            ").concat(containerClassname, "\n          "),
-      onDragLeave: this.handleDragLeave,
-      onDragOver: this.handleDragOver,
-      onDrop: this.handleOnDrop
-    }, loading ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      colorTheme: "gray",
-      className: "".concat(_stylesModule.default.loadingLabel, " ").concat(loadingTextClassname)
-    }, uploadingText), /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.loading
-    })) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_stylesModule.default.insideContainer, " ").concat(disabled ? _stylesModule.default.disabled : '')
-    }, Icon || /*#__PURE__*/_react.default.createElement(UploadImage, {
-      className: "".concat(_stylesModule.default.icon, " ").concat(classes.icon)
-    }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      variant: "small",
-      className: "".concat(_stylesModule.default.label, " ").concat(classes.fileInputLabel)
-    }, label)), /*#__PURE__*/_react.default.createElement("input", {
-      accept: fileType,
-      className: "".concat(_stylesModule.default.input, " ").concat(inputClassname),
-      "data-testid": dataTestId,
-      disabled: disabled,
-      name: name,
-      onChange: onChange,
-      type: "file"
-    })), error && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      className: errorClassname,
-      colorTheme: "error",
-      variant: "small"
-    }, errorText));
-  }
-}
-UTFileInput.defaultProps = {
-  label: _constants.SELECT_FILE,
-  uploadingText: _constants.UPLOADING
-};
-UTFileInput.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  containerClassname: _propTypes.string,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  error: _propTypes.bool,
-  errorClassname: _propTypes.string,
-  errorText: _propTypes.string,
-  fileType: _propTypes.string,
-  icon: _propTypes.string,
-  inputClassname: _propTypes.string,
-  label: _propTypes.string,
-  loading: _propTypes.bool,
-  loadingTextClassname: _propTypes.string,
-  name: _propTypes.string,
-  onChange: _propTypes.func.isRequired,
-  uploadingText: _propTypes.string
-};
-var _default = exports.default = UTFileInput;
+"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")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");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 n,l,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){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 _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var uploadIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("g",{fill:"#4d97fa"},_react.default.createElement("path",{d:"M185.749 81.664v204.501h42.667V81.664l70.251 70.251 30.165-30.166L207.083 0 85.333 121.749l30.166 30.166zM335.083 328.832v42.667h-256v-42.667H36.416v42.667c0 23.509 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.157 42.667-42.667v-42.667h-42.667z"})))};uploadIcon.defaultProps={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 414.165 414.165",style:{enableBackground:"new 0 0 414.165 414.165"},xmlSpace:"preserve",width:"512",height:"512"};class UTFileInput extends _react.PureComponent{constructor(e){super(e),_defineProperty(this,"handleDragLeave",()=>this.setState({hasDrag:!1})),_defineProperty(this,"handleDragOver",e=>e&&this.setState({hasDrag:!0})),_defineProperty(this,"handleOnDrop",()=>this.setState({hasDrag:!1})),this.state={hasDrag:!1}}render(){const{classes:e,containerClassname:t,dataTestId:a,disabled:r,error:n,errorClassname:l,errorText:o,fileType:s,icon:i,inputClassname:p,label:c,loading:u,loadingTextClassname:d,name:_,onChange:f,uploadingText:y}=this.props,g=uploadIcon;return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:"\n            ".concat(_stylesModule.default.inputContainer,"\n            ").concat(this.state.hasDrag&&_stylesModule.default.inputContainerDrag,"\n            ").concat(u&&_stylesModule.default.inputContainerLoading,"\n            ").concat(e.container,"\n            ").concat(t,"\n          "),onDragLeave:this.handleDragLeave,onDragOver:this.handleDragOver,onDrop:this.handleOnDrop},u?_react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:"".concat(_stylesModule.default.loadingLabel," ").concat(d)},y),_react.default.createElement("div",{className:_stylesModule.default.loading})):_react.default.createElement("div",{className:"".concat(_stylesModule.default.insideContainer," ").concat(r?_stylesModule.default.disabled:"")},i||_react.default.createElement(g,{className:"".concat(_stylesModule.default.icon," ").concat(e.icon)}),_react.default.createElement(_UTLabel.default,{variant:"small",className:"".concat(_stylesModule.default.label," ").concat(e.fileInputLabel)},c)),_react.default.createElement("input",{accept:s,className:"".concat(_stylesModule.default.input," ").concat(p),"data-testid":a,disabled:r,name:_,onChange:f,type:"file"})),n&&_react.default.createElement(_UTLabel.default,{className:l,colorTheme:"error",variant:"small"},o))}}UTFileInput.defaultProps={label:_constants.SELECT_FILE,uploadingText:_constants.UPLOADING},UTFileInput.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),containerClassname:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.bool,errorClassname:_propTypes.string,errorText:_propTypes.string,fileType:_propTypes.string,icon:_propTypes.string,inputClassname:_propTypes.string,label:_propTypes.string,loading:_propTypes.bool,loadingTextClassname:_propTypes.string,name:_propTypes.string,onChange:_propTypes.func.isRequired,uploadingText:_propTypes.string};var _default=exports.default=UTFileInput;