@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTEmojiPicker/theme.js

@@ -1 +1,54 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),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:theme}=_ref;return{container:{backgroundColor:(null==theme||null===(_theme$UTEmojiPicker=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker||null===(_theme$UTEmojiPicker=_theme$UTEmojiPicker.container)||void 0===_theme$UTEmojiPicker?void 0:_theme$UTEmojiPicker.backgroundColor)||_colorsModule.default.white,borderRadius:null==theme||null===(_theme$UTEmojiPicker2=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker2||null===(_theme$UTEmojiPicker2=_theme$UTEmojiPicker2.container)||void 0===_theme$UTEmojiPicker2?void 0:_theme$UTEmojiPicker2.borderRadius,bottom:null==theme||null===(_theme$UTEmojiPicker3=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker3||null===(_theme$UTEmojiPicker3=_theme$UTEmojiPicker3.container)||void 0===_theme$UTEmojiPicker3?void 0:_theme$UTEmojiPicker3.bottom,boxShadow:(null==theme||null===(_theme$UTEmojiPicker4=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker4||null===(_theme$UTEmojiPicker4=_theme$UTEmojiPicker4.container)||void 0===_theme$UTEmojiPicker4?void 0:_theme$UTEmojiPicker4.boxShadow)||"0px 3px 6px #E4E6EA",left:null==theme||null===(_theme$UTEmojiPicker5=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker5||null===(_theme$UTEmojiPicker5=_theme$UTEmojiPicker5.container)||void 0===_theme$UTEmojiPicker5?void 0:_theme$UTEmojiPicker5.left,right:null==theme||null===(_theme$UTEmojiPicker6=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker6||null===(_theme$UTEmojiPicker6=_theme$UTEmojiPicker6.container)||void 0===_theme$UTEmojiPicker6?void 0:_theme$UTEmojiPicker6.right,top:null==theme||null===(_theme$UTEmojiPicker7=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker7||null===(_theme$UTEmojiPicker7=_theme$UTEmojiPicker7.container)||void 0===_theme$UTEmojiPicker7?void 0:_theme$UTEmojiPicker7.top},listContainer:{height:(null==theme||null===(_theme$UTEmojiPicker8=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker8||null===(_theme$UTEmojiPicker8=_theme$UTEmojiPicker8.listContainer)||void 0===_theme$UTEmojiPicker8?void 0:_theme$UTEmojiPicker8.height)||216,width:(null==theme||null===(_theme$UTEmojiPicker9=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker9||null===(_theme$UTEmojiPicker9=_theme$UTEmojiPicker9.listContainer)||void 0===_theme$UTEmojiPicker9?void 0:_theme$UTEmojiPicker9.width)||336},emoji:{borderRadius:(null==theme||null===(_theme$UTEmojiPicker0=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker0||null===(_theme$UTEmojiPicker0=_theme$UTEmojiPicker0.emoji)||void 0===_theme$UTEmojiPicker0?void 0:_theme$UTEmojiPicker0.borderRadius)||4,fontSize:(null==theme||null===(_theme$UTEmojiPicker1=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker1||null===(_theme$UTEmojiPicker1=_theme$UTEmojiPicker1.emoji)||void 0===_theme$UTEmojiPicker1?void 0:_theme$UTEmojiPicker1.fontSize)||20,height:(null==theme||null===(_theme$UTEmojiPicker10=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker10||null===(_theme$UTEmojiPicker10=_theme$UTEmojiPicker10.emoji)||void 0===_theme$UTEmojiPicker10?void 0:_theme$UTEmojiPicker10.height)||32,margin:(null==theme||null===(_theme$UTEmojiPicker11=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker11||null===(_theme$UTEmojiPicker11=_theme$UTEmojiPicker11.emoji)||void 0===_theme$UTEmojiPicker11?void 0:_theme$UTEmojiPicker11.margin)||4,width:(null==theme||null===(_theme$UTEmojiPicker12=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker12||null===(_theme$UTEmojiPicker12=_theme$UTEmojiPicker12.emoji)||void 0===_theme$UTEmojiPicker12?void 0:_theme$UTEmojiPicker12.width)||32,"&:hover":{backgroundColor:(null==theme||null===(_theme$UTEmojiPicker13=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker13||null===(_theme$UTEmojiPicker13=_theme$UTEmojiPicker13.emoji)||void 0===_theme$UTEmojiPicker13||null===(_theme$UTEmojiPicker13=_theme$UTEmojiPicker13.hover)||void 0===_theme$UTEmojiPicker13?void 0:_theme$UTEmojiPicker13.backgroundColor)||"#E9F0FD"}},groupItem:{height:(null==theme||null===(_theme$UTEmojiPicker14=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker14||null===(_theme$UTEmojiPicker14=_theme$UTEmojiPicker14.groupItem)||void 0===_theme$UTEmojiPicker14?void 0:_theme$UTEmojiPicker14.height)||40,fill:(null==theme||null===(_theme$UTEmojiPicker15=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker15||null===(_theme$UTEmojiPicker15=_theme$UTEmojiPicker15.groupItem)||void 0===_theme$UTEmojiPicker15?void 0:_theme$UTEmojiPicker15.color)||"#677489",stroke:(null==theme||null===(_theme$UTEmojiPicker16=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker16||null===(_theme$UTEmojiPicker16=_theme$UTEmojiPicker16.groupItem)||void 0===_theme$UTEmojiPicker16?void 0:_theme$UTEmojiPicker16.color)||"#677489"},activeIcon:{backgroundColor:(null==theme||null===(_theme$UTEmojiPicker17=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker17||null===(_theme$UTEmojiPicker17=_theme$UTEmojiPicker17.groupItem)||void 0===_theme$UTEmojiPicker17||null===(_theme$UTEmojiPicker17=_theme$UTEmojiPicker17.active)||void 0===_theme$UTEmojiPicker17?void 0:_theme$UTEmojiPicker17.backgroundColor)||"#E9F0FD",borderRadius:(null==theme||null===(_theme$UTEmojiPicker18=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker18||null===(_theme$UTEmojiPicker18=_theme$UTEmojiPicker18.groupItem)||void 0===_theme$UTEmojiPicker18||null===(_theme$UTEmojiPicker18=_theme$UTEmojiPicker18.active)||void 0===_theme$UTEmojiPicker18?void 0:_theme$UTEmojiPicker18.borderRadius)||5,stroke:(null==theme||null===(_theme$UTEmojiPicker19=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker19||null===(_theme$UTEmojiPicker19=_theme$UTEmojiPicker19.groupItem)||void 0===_theme$UTEmojiPicker19||null===(_theme$UTEmojiPicker19=_theme$UTEmojiPicker19.active)||void 0===_theme$UTEmojiPicker19?void 0:_theme$UTEmojiPicker19.color)||"#2b70fb"},groups:{borderBottom:(null==theme||null===(_theme$UTEmojiPicker20=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker20||null===(_theme$UTEmojiPicker20=_theme$UTEmojiPicker20.groups)||void 0===_theme$UTEmojiPicker20?void 0:_theme$UTEmojiPicker20.borderBottom)||"1px solid #E4E6EA",padding:(null==theme||null===(_theme$UTEmojiPicker21=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker21||null===(_theme$UTEmojiPicker21=_theme$UTEmojiPicker21.groups)||void 0===_theme$UTEmojiPicker21?void 0:_theme$UTEmojiPicker21.padding)||8}}};exports.retrieveStyle=retrieveStyle;
+"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;

package/dist/components/UTEmojiPicker/utils.js

@@ -1 +1,37 @@
-"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=emoji=>emoji[1][0],getEmoji=emoji=>emoji[0];exports.getEmoji=getEmoji;const findEmojiIndex=(emojis,key)=>emojis.findIndex(emoji=>key===getKey(emoji)),getGroups=emojis=>_constants.GROUPS.map(groupDefinition=>({key:groupDefinition.key,Icon:groupDefinition.Icon,emojis:groupDefinition.ranges.flatMap(range=>{const subgroupStart=findEmojiIndex(emojis,range[0]),subgroupEnd=range.length>1&&findEmojiIndex(emojis,range[1]);return subgroupEnd?emojis.slice(subgroupStart,subgroupEnd):[emojis[subgroupStart]]})})),getEmojis=function(groupsModifier){let excludedEmojis=arguments.length>1&&void 0!==arguments[1]?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)))})),filteredEmojisArray=[].concat(...legacyGroups.map(group=>group.emojis));return{emojis:filteredEmojisArray,groups:groupsModifier?groupsModifier(legacyGroups):legacyGroups,buttonEmoji:getEmoji(filteredEmojisArray[_constants.DEFAULT_BUTTON_EMOJI_INDEX])}};exports.getEmojis=getEmojis;
+"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;

package/dist/components/UTExternalLink/constants.js

@@ -1 +1,15 @@
-"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"};
+"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'
+};

package/dist/components/UTExternalLink/index.js

@@ -1 +1,53 @@
-"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=_ref=>{let{children:children,className:className,classes:classes,dataTestId:dataTestId,openProps:openProps,url:url}=_ref;return _react.default.createElement("a",{className:"".concat(classes.root," ").concat(className),"data-testid":dataTestId,href:url,onClick:openProps&&(event=>{event.preventDefault();const{openUrl:openUrl,targetName:targetName,options:options,replace:replace}=openProps,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: 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);

package/dist/components/UTExternalLink/theme.js

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

package/dist/components/UTFieldLabel/constants.js

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

package/dist/components/UTFieldLabel/index.js

@@ -1 +1,77 @@
-"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=_ref=>{let{actions:actions,children:children,className:className,dataTestId:dataTestId,highlighted:highlighted,icon:icon,readOnly:readOnly,required:required,size:size="large",weight:weight}=_ref;return _react.default.createElement("div",{className:"".concat((0,_isEmpty.default)(actions)?"":_stylesModule.default.labelWithActions)},_react.default.createElement("div",{className:"".concat(_stylesModule.default.label," ").concat(className)},_react.default.createElement("div",{className:_stylesModule.default.labelContent},icon&&_react.default.createElement(_UTIcon.default,{name:icon}),_react.default.createElement(_UTLabel.default,{colorTheme:readOnly?"gray":highlighted?"accent":"dark",dataTestId:dataTestId,variant:_inputs.TITLE_VARIANTS[size],withMarkdown:!0},children)),required&&_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)&&_react.default.createElement("div",{className:_stylesModule.default.actionsContainer},actions.map(action=>{var _action$title,_action$tooltipProps;return _react.default.createElement(_UTTooltip.default,{arrow:!1,key:"".concat(null!==(_action$title=action.title)&&void 0!==_action$title?_action$title:action.Icon),tippyProps:{appendTo:()=>document.body,interactive:!1},content:action.tooltip,stringContentProps:null==action||null===(_action$tooltipProps=action.tooltipProps)||void 0===_action$tooltipProps?void 0:_action$tooltipProps.stringContentProps},_react.default.createElement("div",null,_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: 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;

package/dist/components/UTFileInput/constants.js

@@ -1 +1,8 @@
-"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...";
+"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...';

package/dist/components/UTFileInput/index.js

@@ -1 +1,16 @@
-"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 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 _react.default.createElement(_layout.default,this.props)}}var _default=exports.default=UTFileInputContainer;
+"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;

package/dist/components/UTFileInput/layout.js

@@ -1 +1,124 @@
-"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 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(props){return _react.default.createElement("svg",props,_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(props){super(props),_defineProperty(this,"handleDragLeave",()=>this.setState({hasDrag:!1})),_defineProperty(this,"handleDragOver",target=>target&&this.setState({hasDrag:!0})),_defineProperty(this,"handleOnDrop",()=>this.setState({hasDrag:!1})),this.state={hasDrag:!1}}render(){const{classes:classes,containerClassname:containerClassname,dataTestId:dataTestId,disabled:disabled,error:error,errorClassname:errorClassname,errorText:errorText,fileType:fileType,icon:Icon,inputClassname:inputClassname,label:label,loading:loading,loadingTextClassname:loadingTextClassname,name:name,onChange:onChange,uploadingText:uploadingText}=this.props,UploadImage=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(loading&&_stylesModule.default.inputContainerLoading,"\n            ").concat(classes.container,"\n            ").concat(containerClassname,"\n          "),onDragLeave:this.handleDragLeave,onDragOver:this.handleDragOver,onDrop:this.handleOnDrop},loading?_react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:"".concat(_stylesModule.default.loadingLabel," ").concat(loadingTextClassname)},uploadingText),_react.default.createElement("div",{className:_stylesModule.default.loading})):_react.default.createElement("div",{className:"".concat(_stylesModule.default.insideContainer," ").concat(disabled?_stylesModule.default.disabled:"")},Icon||_react.default.createElement(UploadImage,{className:"".concat(_stylesModule.default.icon," ").concat(classes.icon)}),_react.default.createElement(_UTLabel.default,{variant:"small",className:"".concat(_stylesModule.default.label," ").concat(classes.fileInputLabel)},label)),_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&&_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: 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;

package/dist/components/UTGoogleAutocomplete/README.md

@@ -0,0 +1,25 @@
+# UTGoogleAutocomplete
+
+Component used for searching for addresses and getting their details from Google Api.
+
+## Props
+
+
+| Name                  | Type   | Default                                                                        | Description                                                                                                                                                                                                                                                                                                                                                                                              |
+| ----------------------- | -------- | -------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| apiKey                | string |                                                                                | Google Api Key provided.                                                                                                                                                                                                                                                                                                                                                                                 |
+| classes               | string |                                                                                | Classes returned by UTGoogleAutocomplete's own [Theme](./theme.js#L40) `retrieveStyle`.                                                                                                                                                                                                                                                                                                                   |
+| detailErrorLabel      | string | "Hubo un error al intentar recuperar el detalle de la dirección seleccionada" | Message to show when the Google Api places detail service fails.                                                                                                                                                                                                                                                                                                                                         |
+| inputProps            | object |                                                                                | [UTTextInput](../UTTextInput/index.js) inputProps. This allows you to customize the autocomplete input.                                                                                                                                                                                                                                                                                                  |
+| minChar               | number | 3                                                                              | The component won´t call google predictions (Autocomplete service) until the user had entered at least the number indicated by minChar.                                                                                                                                                                                                                                                                 |
+| noResultsLabel        | string | 'No se encuentran resultados. Ingresa una dirección valida.'                  | Message to show to the user when google predictions don´t return anything.                                                                                                                                                                                                                                                                                                                              |
+| predictionsErrorLabel | string | "Hubo un error al intentar recuperar la dirección ingresada"                  | Message to show when the Google Api places autocomplete service fails.                                                                                                                                                                                                                                                                                                                                   |
+| retrieveError         | string | () => {}                                                                       | Func to execute when any google service fails. It retrieves the status code, since google doesn´t return the error message. Check[PlacesServiceStatus](https://developers.google.com/maps/documentation/javascript/reference/places-service?hl=es-419#PlacesServiceStatus) for status descriptions. <br />The ideal case is to use this function to log the error into rollbar so we can be aware of it. |
+| searchRestrictions    | object | {}                                                                             | Autocomplete service restrictions. Check [AutocompletionRequest](https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service?hl=es-419#AutocompletionRequest) for more information                                                                                                                                                                                  |
+| setSelectedPlace      | func   | () => {}                                                                       | Func to execute when a result from the predictions is selected.                                                                                                                                                                                                                                                                                                                                          |
+
+### Use
+
+```JSX
+<UTGoogleAutocomplete apiKey={apiKey} />
+```