@widergy/energy-ui 3.172.1 → 3.172.3

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,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:ButtonComponent=_UTTouchableWithoutFeedback.default,classes:themeClasses,classNames:classNames,closeOnPick:closeOnPick=!0,excludedEmojis:excludedEmojis,groupsModifier:groupsModifier,handlePick:handlePick,popperPosition:popperPosition=_constants.DEFAULT_POSITIONS.BOTTOM_RIGHT,virtualizedListProps:virtualizedListProps}=_ref;const[activeGroup,setActiveGroup]=(0,_react.useState)(),[isOpen,setIsOpen]=(0,_react.useState)(!1),classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),{emojis:emojis,groups:groups,buttonEmoji:buttonEmoji}=(0,_react.useMemo)(()=>(0,_utils.getEmojis)(groupsModifier,excludedEmojis),[groupsModifier,excludedEmojis]),emojiRenderer=(0,_react.useCallback)(emojiData=>_react.default.createElement("div",{role:"button",onMouseDown:e=>{e.preventDefault(),closeOnPick&&setIsOpen(!1),handlePick(emojiData)},className:"".concat(_stylesModule.default.emoji," ").concat(classes.emoji)},(0,_utils.getEmoji)(emojiData)),[handlePick]),groupEmojiRenderer=(0,_react.useCallback)(_ref2=>{let{Icon:Icon,key:key}=_ref2;const isActive=key===activeGroup;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.groupItem," ").concat(classes.groupItem),key:key,onClick:()=>setActiveGroup(isActive?null:key),role:"button","aria-label":"group"},_react.default.createElement(Icon,{className:isActive?"".concat(_stylesModule.default.activeIcon," ").concat(classes.activeIcon):""}))},[activeGroup]);return _react.default.createElement(_ClickAwayListener.default,{onClickAway:()=>setIsOpen(!1)},_react.default.createElement("div",{className:_stylesModule.default.buttonContainer},_react.default.createElement(ButtonComponent,{className:classes.emojiButton,onClick:()=>{setIsOpen(!isOpen)}},buttonEmoji),_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          ")},_react.default.createElement("div",{className:"".concat(_stylesModule.default.groups," ").concat(classes.groups)},groups.map(groupEmojiRenderer)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.listContainer," ").concat(classes.listContainer)},_react.default.createElement(_.UTVirtualizedList,_extends({data:activeGroup?groups.find(_ref3=>{let{key: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);

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(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;

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=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;

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=_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);

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=(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;

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=_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;

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 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;

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 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;