@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Dropzone/styles.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropzoneText = exports.DropzoneRemoveButton = exports.DropzoneInput = exports.DropzoneImageAddButton = exports.DropzoneFilename = exports.DropzoneFileBox = exports.DropzoneContainer = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var DropzoneContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  padding: 1.5rem 1.625rem;\n  border-radius: 8px;\n\n  ", "\n\n  ", "\n\n  background-color: ", ";\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: black;\n    border-radius: 8px;\n    pointer-events: none;\n    visibility: hidden;\n    opacity: 0;\n  }\n\n  ", "\n"])), function (_ref) {
-  var isDisabled = _ref.isDisabled;
-  return isDisabled && 'opacity: 0.5;';
-}, function (_ref2) {
-  var alert = _ref2.alert,
-    theme = _ref2.theme,
-    isDisabled = _ref2.isDisabled;
-  var borderColor = alert && !isDisabled ? theme.colors[alert].default : theme.colors.neutral.neutral3;
-  return "\n      border: 2px dashed ".concat(borderColor, ";\n      ");
-}, function (_ref3) {
-  var alert = _ref3.alert,
-    theme = _ref3.theme,
-    isDisabled = _ref3.isDisabled;
-  if (alert && !isDisabled) {
-    return "".concat(theme.colors[alert].blurred, "33");
-  }
-  if (isDisabled) {
-    return theme.colors.neutral.neutral1;
-  }
-  return 'transparent';
-}, function (props) {
-  return props.isDraggingOver && !props.isDisabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:after {\n        opacity: 0.1;\n        visibility: visible;\n      }\n    "])));
-});
-exports.DropzoneContainer = DropzoneContainer;
-var DropzoneInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: ", ";\n  z-index: ", ";\n"])), function (props) {
-  return props.disabled ? 'default' : 'pointer';
-}, function (props) {
-  return props.theme.zIndex.default;
-});
-exports.DropzoneInput = DropzoneInput;
-var DropzoneFileBox = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n\n  & > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: 100%;\n    max-width: 300px;\n    height: 160px;\n  }\n"])), function (props) {
-  return props.disabled ? "\n        & > button {\n          display: none;\n        }\n      " : "\n        &:hover > button {\n          opacity: 1;\n        }\n      ";
-}, function (props) {
-  return props.theme.breakpoints.md;
-});
-exports.DropzoneFileBox = DropzoneFileBox;
-var DropzoneImageAddButton = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n  outline: 0;\n\n  transition: all 0.3s ease-in-out;\n\n  border: 2px solid ", ";\n  background: ", ";\n\n  @media screen and (min-width: ", ") {\n    width: 100px;\n    height: 100px;\n  }\n\n  @media screen and (min-width: ", ") {\n    width: 160px;\n    height: 160px;\n  }\n"])), function (props) {
-  return props.theme.colors.neutral.neutral3;
-}, function (props) {
-  return props.isDraggingOver ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral1;
-}, function (props) {
-  return props.theme.breakpoints.sm;
-}, function (props) {
-  return props.theme.breakpoints.md;
-});
-exports.DropzoneImageAddButton = DropzoneImageAddButton;
-var DropzoneRemoveButton = _styled.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: ", ";\n  opacity: 0;\n  top: 0;\n  right: 0;\n  outline: 0;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  background: rgba(0, 0, 0, 0.7);\n  cursor: pointer;\n  transition: all 150ms ease-out;\n\n  & > svg {\n    transition: transform 200ms ease-out;\n    transform: translateY(10px);\n    opacity: 0;\n  }\n\n  &:hover {\n    & > svg {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"])), function (props) {
-  return props.theme.zIndex.level2;
-});
-exports.DropzoneRemoveButton = DropzoneRemoveButton;
-var DropzoneFilename = _styled.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-family: inherit;\n  text-align: center;\n  font-size: ", ";\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  max-width: 70%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])), function (props) {
-  return props.theme.fontSizes.xxs;
-}, function (props) {
-  return props.theme.colors.neutral.neutral2;
-});
-exports.DropzoneFilename = DropzoneFilename;
-var DropzoneText = (0, _styled.default)(_Typography.default)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref4) {
-  var alert = _ref4.alert,
-    theme = _ref4.theme,
-    subinfo = _ref4.subinfo;
-  return alert ? subinfo ? theme.colors[alert].default + '66' : theme.colors[alert].default : 'initial';
-});
-exports.DropzoneText = DropzoneText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneText=exports.DropzoneRemoveButton=exports.DropzoneInput=exports.DropzoneImageAddButton=exports.DropzoneFilename=exports.DropzoneFileBox=exports.DropzoneContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_Typography=_interopRequireDefault(require("../Typography"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var DropzoneContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  padding: 1.5rem 1.625rem;\n  border-radius: 8px;\n\n  ","\n\n  ","\n\n  background-color: ",";\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: black;\n    border-radius: 8px;\n    pointer-events: none;\n    visibility: hidden;\n    opacity: 0;\n  }\n\n  ","\n"])),function(_ref){var isDisabled=_ref.isDisabled;return isDisabled&&"opacity: 0.5;"},function(_ref2){var alert=_ref2.alert,theme=_ref2.theme,isDisabled=_ref2.isDisabled,borderColor=alert&&!isDisabled?theme.colors[alert].default:theme.colors.neutral.neutral3;return"\n      border: 2px dashed ".concat(borderColor,";\n      ")},function(_ref3){var alert=_ref3.alert,theme=_ref3.theme,isDisabled=_ref3.isDisabled;return alert&&!isDisabled?"".concat(theme.colors[alert].blurred,"33"):isDisabled?theme.colors.neutral.neutral1:"transparent"},function(props){return props.isDraggingOver&&!props.isDisabled&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      &:after {\n        opacity: 0.1;\n        visibility: visible;\n      }\n    "])))});exports.DropzoneContainer=DropzoneContainer;var DropzoneInput=_styled.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: ",";\n  z-index: ",";\n"])),function(props){return props.disabled?"default":"pointer"},function(props){return props.theme.zIndex.default});exports.DropzoneInput=DropzoneInput;var DropzoneFileBox=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n\n  & > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n\n  ","\n\n  @media screen and (min-width: ",") {\n    width: 100%;\n    max-width: 300px;\n    height: 160px;\n  }\n"])),function(props){return props.disabled?"\n        & > button {\n          display: none;\n        }\n      ":"\n        &:hover > button {\n          opacity: 1;\n        }\n      "},function(props){return props.theme.breakpoints.md});exports.DropzoneFileBox=DropzoneFileBox;var DropzoneImageAddButton=_styled.default.button(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 8px;\n  outline: 0;\n\n  transition: all 0.3s ease-in-out;\n\n  border: 2px solid ",";\n  background: ",";\n\n  @media screen and (min-width: ",") {\n    width: 100px;\n    height: 100px;\n  }\n\n  @media screen and (min-width: ",") {\n    width: 160px;\n    height: 160px;\n  }\n"])),function(props){return props.theme.colors.neutral.neutral3},function(props){return props.isDraggingOver?props.theme.colors.neutral.neutral2:props.theme.colors.neutral.neutral1},function(props){return props.theme.breakpoints.sm},function(props){return props.theme.breakpoints.md});exports.DropzoneImageAddButton=DropzoneImageAddButton;var DropzoneRemoveButton=_styled.default.button(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: ",";\n  opacity: 0;\n  top: 0;\n  right: 0;\n  outline: 0;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  background: rgba(0, 0, 0, 0.7);\n  cursor: pointer;\n  transition: all 150ms ease-out;\n\n  & > svg {\n    transition: transform 200ms ease-out;\n    transform: translateY(10px);\n    opacity: 0;\n  }\n\n  &:hover {\n    & > svg {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"])),function(props){return props.theme.zIndex.level2});exports.DropzoneRemoveButton=DropzoneRemoveButton;var DropzoneFilename=_styled.default.p(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  font-family: inherit;\n  text-align: center;\n  font-size: ",";\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  color: ",";\n\n  max-width: 70%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.theme.colors.neutral.neutral2});exports.DropzoneFilename=DropzoneFilename;var DropzoneText=(0,_styled.default)(_Typography.default)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  color: ",";\n"])),function(_ref4){var alert=_ref4.alert,theme=_ref4.theme,subinfo=_ref4.subinfo;return alert?subinfo?theme.colors[alert].default+"66":theme.colors[alert].default:"initial"});exports.DropzoneText=DropzoneText;

package/dist/components/Dropzone/utils/accepts.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.accepts = void 0;
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.accepts=void 0;/**
  * Verify if the given file can be accepted by the dropzone.
  *
  * Code abstration of: https://github.com/react-dropzone/attr-accept
@@ -12,23 +6,4 @@ exports.accepts = void 0;
  * @param file The file to verify
  * @param acceptedFiles The accepted files
  * @returns true if the file can be accepted, false otherwise
- */
-var accepts = function accepts(file, acceptedFormats) {
-  if (file && acceptedFormats) {
-    var acceptedFiles = acceptedFormats.split(',');
-    var fileName = file.name || '';
-    var mimeType = file.type || '';
-    var baseMimeType = mimeType.replace(/\/.*$/, '');
-    return acceptedFiles.some(function (type) {
-      var validType = type.trim();
-      if (validType.charAt(0) === '.') {
-        return fileName.toLowerCase().indexOf(validType.toLowerCase(), fileName.toLowerCase().length - validType.toLowerCase().length) !== -1;
-      } else if (/\/\*$/.test(validType)) {
-        return baseMimeType === validType.replace(/\/.*$/, '');
-      }
-      return mimeType === validType;
-    });
-  }
-  return true;
-};
-exports.accepts = accepts;
+ */var accepts=function(file,acceptedFormats){if(file&&acceptedFormats){var acceptedFiles=acceptedFormats.split(","),fileName=file.name||"",mimeType=file.type||"",baseMimeType=mimeType.replace(/\/.*$/,"");return acceptedFiles.some(function(type){var validType=type.trim();if("."===validType.charAt(0))return-1!==fileName.toLowerCase().indexOf(validType.toLowerCase(),fileName.toLowerCase().length-validType.toLowerCase().length);return /\/\*$/.test(validType)?baseMimeType===validType.replace(/\/.*$/,""):mimeType===validType})}return!0};exports.accepts=accepts;

package/dist/components/EmojiPicker/Emote/index.js

@@ -1,25 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Emote = Emote;
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-// Styles
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Emote=Emote;var _styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");// Styles
 // Types
-
-function Emote(_ref) {
-  var positionX = _ref.positionX,
-    positionY = _ref.positionY,
-    size = _ref.size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledEmote, {
-    contentEditable: false,
-    width: "".concat(size + 2, "px"),
-    height: "".concat(size + 2, "px"),
-    sheetWidth: size,
-    xPosition: "-".concat(positionX * (size + 2), "px"),
-    yPosition: "-".concat(positionY * (size + 2), "px")
-  });
-}
+function Emote(_ref){var positionX=_ref.positionX,positionY=_ref.positionY,size=_ref.size;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledEmote,{contentEditable:!1,width:"".concat(size+2,"px"),height:"".concat(size+2,"px"),sheetWidth:size,xPosition:"-".concat(positionX*(size+2),"px"),yPosition:"-".concat(positionY*(size+2),"px")})}

package/dist/components/EmojiPicker/Emote/styles.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledEmote = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledEmote = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n\n  background-image: ", ";\n  background-position-x: ", ";\n  background-position-y: ", ";\n"])), function (_ref) {
-  var width = _ref.width;
-  return width;
-}, function (_ref2) {
-  var height = _ref2.height;
-  return height;
-}, function (_ref3) {
-  var sheetWidth = _ref3.sheetWidth;
-  return "url(/assets/emotes/emotes_sheet_".concat(sheetWidth, ".png)");
-}, function (_ref4) {
-  var xPosition = _ref4.xPosition;
-  return xPosition;
-}, function (_ref5) {
-  var yPosition = _ref5.yPosition;
-  return yPosition;
-});
-exports.StyledEmote = StyledEmote;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledEmote=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledEmote=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: inline-block;\n  width: ",";\n  height: ",";\n\n  background-image: ",";\n  background-position-x: ",";\n  background-position-y: ",";\n"])),function(_ref){var width=_ref.width;return width},function(_ref2){var height=_ref2.height;return height},function(_ref3){var sheetWidth=_ref3.sheetWidth;return"url(/assets/emotes/emotes_sheet_".concat(sheetWidth,".png)")},function(_ref4){var xPosition=_ref4.xPosition;return xPosition},function(_ref5){var yPosition=_ref5.yPosition;return yPosition});exports.StyledEmote=StyledEmote;

package/dist/components/EmojiPicker/EmotePickerData/constants.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sortedEmojis = exports.emoteList = exports.emoteCategories = void 0;
-var _emotes2 = require("../../../shared/assets/emotes");
-var emoteCategories = [{
-  name: 'Smileys & Emotion',
-  icon: 'smile'
-}, {
-  name: 'People & Body',
-  icon: 'like'
-}, {
-  name: 'Animals & Nature',
-  icon: 'sun'
-}, {
-  name: 'Food & Drink',
-  icon: 'coffee'
-}, {
-  name: 'Travel & Places',
-  icon: 'map'
-}, {
-  name: 'Activities',
-  icon: 'activity'
-}, {
-  name: 'Objects',
-  icon: 'headphones'
-}, {
-  name: 'Symbols',
-  icon: 'percent'
-}, {
-  name: 'Flags',
-  icon: 'flag'
-}];
-exports.emoteCategories = emoteCategories;
-var sortedEmojis = _emotes2.emotes.sort(function (a, b) {
-  return a.sort_order - b.sort_order;
-});
-exports.sortedEmojis = sortedEmojis;
-var emoteList = sortedEmojis.filter(function (emote, index) {
-  var _emotes;
-  return emote.category !== (_emotes2.emotes === null || _emotes2.emotes === void 0 ? void 0 : (_emotes = _emotes2.emotes[index - 1]) === null || _emotes === void 0 ? void 0 : _emotes.category);
-}).map(function (emote) {
-  return {
-    category: emote.category,
-    startAt: _emotes2.emotes.indexOf(emote),
-    emote: emote
-  };
-});
-exports.emoteList = emoteList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sortedEmojis=exports.emoteList=exports.emoteCategories=void 0;var _emotes2=require("../../../shared/assets/emotes"),emoteCategories=[{name:"Smileys & Emotion",icon:"smile"},{name:"People & Body",icon:"like"},{name:"Animals & Nature",icon:"sun"},{name:"Food & Drink",icon:"coffee"},{name:"Travel & Places",icon:"map"},{name:"Activities",icon:"activity"},{name:"Objects",icon:"headphones"},{name:"Symbols",icon:"percent"},{name:"Flags",icon:"flag"}];exports.emoteCategories=emoteCategories;var sortedEmojis=_emotes2.emotes.sort(function(a,b){return a.sort_order-b.sort_order});exports.sortedEmojis=sortedEmojis;var emoteList=sortedEmojis.filter(function(emote,index){var _emotes;return emote.category!==(null===_emotes2.emotes||void 0===_emotes2.emotes||null===(_emotes=_emotes2.emotes[index-1])||void 0===_emotes?void 0:_emotes.category)}).map(function(emote){return{category:emote.category,startAt:_emotes2.emotes.indexOf(emote),emote:emote}});exports.emoteList=emoteList;

package/dist/components/EmojiPicker/EmotePickerData/index.js

@@ -1,164 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmotePickerData = EmotePickerData;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactVirtual = require("@tanstack/react-virtual");
-var _Button = _interopRequireDefault(require("../../Button"));
-var _Icon = _interopRequireDefault(require("../../Icon"));
-var _Emote = require("../Emote");
-var _styles = require("./styles");
-var _constants = require("./constants");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable no-console */ // Libs
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmotePickerData=EmotePickerData;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_reactVirtual=require("@tanstack/react-virtual"),_Button=_interopRequireDefault(require("../../Button")),_Icon=_interopRequireDefault(require("../../Icon")),_Emote=require("../Emote"),_styles=require("./styles"),_constants=require("./constants"),_utils=require("./utils"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}/* eslint-disable no-console */ // Libs
 // Components
 // Assets/Styles
 // Types
 // Constants
 // Utils
-function EmotePickerData(_ref) {
-  var onClick = _ref.onClick;
-  var emojisPerRow = 11;
-  var parentRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)('Smileys & Emotion'),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentCategory = _useState2[0],
-    setCurrentCategory = _useState2[1];
-  var columnVirtualizer = (0, _reactVirtual.useVirtualizer)({
-    horizontal: true,
-    count: emojisPerRow,
-    getScrollElement: function getScrollElement() {
-      return parentRef.current;
-    },
-    estimateSize: function estimateSize() {
-      return 42;
-    },
-    overscan: 3
-  });
-  var rowVirtualizer = (0, _reactVirtual.useVirtualizer)({
-    count: 168,
-    getScrollElement: function getScrollElement() {
-      return parentRef.current;
-    },
-    estimateSize: function estimateSize() {
-      return 42;
-    },
-    overscan: 3
-  });
-  function handleEmoteClick(emoteUnified) {
-    var emoteCodes = emoteUnified.split('-').map(function (hex) {
-      return parseInt("0x".concat(hex), 16);
-    });
-    var emote = String.fromCodePoint.apply(String, _toConsumableArray(emoteCodes));
-    onClick(emote);
-  }
-  function handleClick(emojiTab) {
-    var _emoteList$find;
-    setCurrentCategory(emojiTab.name);
-    var indexOfTab = ((_emoteList$find = _constants.emoteList.find(function (tab) {
-      return tab.category === emojiTab.name;
-    })) === null || _emoteList$find === void 0 ? void 0 : _emoteList$find.startAt) || 0;
-    var roundedIndex = Math.floor(indexOfTab / 11);
-    rowVirtualizer.scrollToIndex(roundedIndex);
-  }
-  var currentCategoryElement = document.querySelector('.is_selected_header');
-  var backgroundSelectedCategory = document.querySelector('.background_selected_category');
-  (0, _react.useEffect)(function () {
-    if (backgroundSelectedCategory && currentCategoryElement) {
-      backgroundSelectedCategory.style.left = currentCategoryElement.offsetLeft - 6 + 'px';
-    }
-  }, [currentCategoryElement]);
-  var indexOfLastColumn = 10;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EmotePickerDataContainer, {
-    className: "emote_picker_container",
-    "data-testid": "emote_picker_container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EmoteContentHeader, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "background_selected_category"
-      }), _constants.emoteCategories.map(function (category, index) {
-        var isSelected = category.name === currentCategory;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          "data-testid": "header-emoji-category-".concat(index),
-          className: (0, _classnames.default)({
-            is_selected_header: isSelected
-          }),
-          onClick: function onClick() {
-            return handleClick(category);
-          },
-          title: (0, _utils.translateEmoteCategories)(category.name),
-          "aria-label": (0, _utils.translateEmoteCategories)(category.name),
-          variant: "ghost",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: category.icon,
-            color: isSelected ? 'primary.default' : 'neutral.neutral3'
-          })
-        }, category.icon);
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EmoteContentBody, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        id: "intersection_emoji"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        ref: parentRef,
-        className: "container_emojis",
-        style: {
-          height: '200px',
-          width: '100%',
-          overflow: 'auto'
-        },
-        onScroll: function onScroll() {
-          (0, _utils.handleCategoryEmoji)(currentCategory, setCurrentCategory);
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          style: {
-            height: "".concat(rowVirtualizer.getTotalSize(), "px"),
-            width: '100%',
-            position: 'relative'
-          },
-          children: rowVirtualizer.getVirtualItems().map(function (virtualRow) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-              children: columnVirtualizer.getVirtualItems().map(function (virtualColumn) {
-                var currentIndex = virtualRow.index * emojisPerRow + virtualColumn.index;
-                var currentEmoji = _constants.sortedEmojis[currentIndex];
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  className: "virtual_column",
-                  style: {
-                    transform: "translateX(".concat(virtualColumn.start, "px) translateY(").concat(virtualRow.start, "px)")
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.EmoteContainer, {
-                    title: (0, _utils.translateEmoteCategories)(currentEmoji.category),
-                    onClick: function onClick() {
-                      return handleEmoteClick(currentEmoji.unified);
-                    },
-                    "data-category": currentEmoji.category,
-                    className: (0, _classnames.default)({
-                      current_emoji: virtualColumn.index === indexOfLastColumn
-                    }),
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Emote.Emote, {
-                      positionX: currentEmoji.sheet_x,
-                      positionY: currentEmoji.sheet_y,
-                      size: 32
-                    })
-                  })
-                }, virtualColumn.index);
-              })
-            }, virtualRow.index);
-          })
-        })
-      })]
-    })]
-  });
-}
+function EmotePickerData(_ref){function handleEmoteClick(emoteUnified){var emoteCodes=emoteUnified.split("-").map(function(hex){return parseInt("0x".concat(hex),16)}),emote=String.fromCodePoint.apply(String,_toConsumableArray(emoteCodes));onClick(emote)}function handleClick(emojiTab){var _emoteList$find;setCurrentCategory(emojiTab.name);var indexOfTab=(null===(_emoteList$find=_constants.emoteList.find(function(tab){return tab.category===emojiTab.name}))||void 0===_emoteList$find?void 0:_emoteList$find.startAt)||0,roundedIndex=Math.floor(indexOfTab/11);rowVirtualizer.scrollToIndex(roundedIndex)}var onClick=_ref.onClick,emojisPerRow=11,parentRef=(0,_react.useRef)(null),_useState=(0,_react.useState)("Smileys & Emotion"),_useState2=_slicedToArray(_useState,2),currentCategory=_useState2[0],setCurrentCategory=_useState2[1],columnVirtualizer=(0,_reactVirtual.useVirtualizer)({horizontal:!0,count:emojisPerRow,getScrollElement:function getScrollElement(){return parentRef.current},estimateSize:function estimateSize(){return 42},overscan:3}),rowVirtualizer=(0,_reactVirtual.useVirtualizer)({count:168,getScrollElement:function getScrollElement(){return parentRef.current},estimateSize:function estimateSize(){return 42},overscan:3}),currentCategoryElement=document.querySelector(".is_selected_header"),backgroundSelectedCategory=document.querySelector(".background_selected_category");(0,_react.useEffect)(function(){backgroundSelectedCategory&&currentCategoryElement&&(backgroundSelectedCategory.style.left=currentCategoryElement.offsetLeft-6+"px")},[currentCategoryElement]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.EmotePickerDataContainer,{className:"emote_picker_container","data-testid":"emote_picker_container",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.EmoteContentHeader,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"background_selected_category"}),_constants.emoteCategories.map(function(category,index){var isSelected=category.name===currentCategory;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{"data-testid":"header-emoji-category-".concat(index),className:(0,_classnames.default)({is_selected_header:isSelected}),onClick:function(){return handleClick(category)},title:(0,_utils.translateEmoteCategories)(category.name),"aria-label":(0,_utils.translateEmoteCategories)(category.name),variant:"ghost",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:category.icon,color:isSelected?"primary.default":"neutral.neutral3"})},category.icon)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.EmoteContentBody,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{id:"intersection_emoji"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:parentRef,className:"container_emojis",style:{height:"200px",width:"100%",overflow:"auto"},onScroll:function onScroll(){(0,_utils.handleCategoryEmoji)(currentCategory,setCurrentCategory)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{style:{height:"".concat(rowVirtualizer.getTotalSize(),"px"),width:"100%",position:"relative"},children:rowVirtualizer.getVirtualItems().map(function(virtualRow){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.Fragment,{children:columnVirtualizer.getVirtualItems().map(function(virtualColumn){var currentIndex=virtualRow.index*emojisPerRow+virtualColumn.index,currentEmoji=_constants.sortedEmojis[currentIndex];return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"virtual_column",style:{transform:"translateX(".concat(virtualColumn.start,"px) translateY(").concat(virtualRow.start,"px)")},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.EmoteContainer,{title:(0,_utils.translateEmoteCategories)(currentEmoji.category),onClick:function(){return handleEmoteClick(currentEmoji.unified)},"data-category":currentEmoji.category,className:(0,_classnames.default)({current_emoji:virtualColumn.index===10}),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Emote.Emote,{positionX:currentEmoji.sheet_x,positionY:currentEmoji.sheet_y,size:32})})},virtualColumn.index)})},virtualRow.index)})})})]})]})}

package/dist/components/EmojiPicker/EmotePickerData/styles.js

@@ -1,57 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmotePickerDataContainer = exports.EmoteContentHeader = exports.EmoteContentBody = exports.EmoteContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var EmotePickerDataContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-height: 280px;\n  max-width: 510px;\n  border-radius: 0.5rem;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  box-shadow: ", ";\n  background: ", "70;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.shadow.level2;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.neutral.white;
-});
-exports.EmotePickerDataContainer = EmotePickerDataContainer;
-var EmoteContentHeader = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 2rem;\n\n  padding: 1em;\n\n  position: relative;\n  overflow-x: auto;\n\n  background: ", ";\n\n  & div {\n    display: flex;\n    align-items: center;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n  }\n\n  &::-webkit-scrollbar {\n    height: 0.25rem;\n  }\n\n  & button {\n    height: 1.5em;\n    padding: 0;\n    z-index: 1;\n  }\n\n  .background_selected_category {\n    width: 36px;\n    height: 3px;\n    left: 11px;\n    bottom: 6px;\n    transition: all ease 0.2s;\n    border-radius: 0.5rem;\n    background: ", ";\n    position: absolute;\n  }\n\n  @media screen and (max-width: ", ") {\n    border-radius: 0;\n  }\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral.white;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.tertiary.default;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.primary.default;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.breakpoints.lg;
-});
-exports.EmoteContentHeader = EmoteContentHeader;
-var EmoteContentBody = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 0em 1em;\n  background: ", "30;\n  flex-wrap: wrap;\n  gap: 0.25em;\n\n  max-height: 12.75em;\n  overflow-y: auto;\n\n  .virtual_column {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 42px;\n    height: 42px;\n  }\n\n  #intersection_emoji {\n    position: absolute;\n    bottom: 0px;\n    height: 1px;\n    width: 90%;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0.25em;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  .container_emojis {\n    ::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n      background: ", ";\n    }\n\n    ::-webkit-scrollbar-thumb:hover {\n      background: ", ";\n    }\n  }\n"])), function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.colors.tertiary.default;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.colors.tertiary.hover;
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.colors.tertiary.default;
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.colors.tertiary.hover;
-});
-exports.EmoteContentBody = EmoteContentBody;
-var EmoteContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 8px;\n  padding: 0.25rem;\n\n  :hover {\n    cursor: pointer;\n    background: ", ";\n  }\n"])), function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.colors.neutral.neutral1;
-});
-exports.EmoteContainer = EmoteContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmotePickerDataContainer=exports.EmoteContentHeader=exports.EmoteContentBody=exports.EmoteContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var EmotePickerDataContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  max-height: 280px;\n  max-width: 510px;\n  border-radius: 0.5rem;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ",";\n  box-shadow: ",";\n  background: ","70;\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral1},function(_ref2){var theme=_ref2.theme;return theme.shadow.level2},function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.white});exports.EmotePickerDataContainer=EmotePickerDataContainer;var EmoteContentHeader=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 2rem;\n\n  padding: 1em;\n\n  position: relative;\n  overflow-x: auto;\n\n  background: ",";\n\n  & div {\n    display: flex;\n    align-items: center;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: ",";\n  }\n\n  &::-webkit-scrollbar {\n    height: 0.25rem;\n  }\n\n  & button {\n    height: 1.5em;\n    padding: 0;\n    z-index: 1;\n  }\n\n  .background_selected_category {\n    width: 36px;\n    height: 3px;\n    left: 11px;\n    bottom: 6px;\n    transition: all ease 0.2s;\n    border-radius: 0.5rem;\n    background: ",";\n    position: absolute;\n  }\n\n  @media screen and (max-width: ",") {\n    border-radius: 0;\n  }\n"])),function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.white},function(_ref5){var theme=_ref5.theme;return theme.colors.tertiary.default},function(_ref6){var theme=_ref6.theme;return theme.colors.primary.default},function(_ref7){var theme=_ref7.theme;return theme.breakpoints.lg});exports.EmoteContentHeader=EmoteContentHeader;var EmoteContentBody=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  padding: 0em 1em;\n  background: ","30;\n  flex-wrap: wrap;\n  gap: 0.25em;\n\n  max-height: 12.75em;\n  overflow-y: auto;\n\n  .virtual_column {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 42px;\n    height: 42px;\n  }\n\n  #intersection_emoji {\n    position: absolute;\n    bottom: 0px;\n    height: 1px;\n    width: 90%;\n  }\n\n  ::-webkit-scrollbar {\n    width: 0.25em;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ",";\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    background: ",";\n  }\n\n  .container_emojis {\n    ::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n      background: ",";\n    }\n\n    ::-webkit-scrollbar-thumb:hover {\n      background: ",";\n    }\n  }\n"])),function(_ref8){var theme=_ref8.theme;return theme.colors.neutral.neutral1},function(_ref9){var theme=_ref9.theme;return theme.colors.tertiary.default},function(_ref10){var theme=_ref10.theme;return theme.colors.tertiary.hover},function(_ref11){var theme=_ref11.theme;return theme.colors.tertiary.default},function(_ref12){var theme=_ref12.theme;return theme.colors.tertiary.hover});exports.EmoteContentBody=EmoteContentBody;var EmoteContainer=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 8px;\n  padding: 0.25rem;\n\n  :hover {\n    cursor: pointer;\n    background: ",";\n  }\n"])),function(_ref13){var theme=_ref13.theme;return theme.colors.neutral.neutral1});exports.EmoteContainer=EmoteContainer;

package/dist/components/EmojiPicker/EmotePickerData/utils.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleCategoryEmoji = handleCategoryEmoji;
-exports.isOverlapEmoji = isOverlapEmoji;
-exports.translateEmoteCategories = translateEmoteCategories;
-function isOverlapEmoji(element, element2) {
-  var rect1 = element.getBoundingClientRect();
-  var rect2 = element2.getBoundingClientRect();
-  var horizontalOverlap = rect1.left < rect2.right && rect1.right > rect2.left;
-  var verticalOverlap = rect1.top < rect2.bottom && rect1.bottom > rect2.top;
-  return horizontalOverlap && verticalOverlap;
-}
-function handleCategoryEmoji(currentCategory, setCurrentCategory) {
-  var intersectionElement = document.getElementById('intersection_emoji');
-  var emojiElements = document.querySelectorAll('.current_emoji');
-  emojiElements.forEach(function (element) {
-    if (isOverlapEmoji(intersectionElement, element)) {
-      var categoryOfCurrentEmoji = element === null || element === void 0 ? void 0 : element.getAttribute('data-category');
-      if (categoryOfCurrentEmoji !== currentCategory && categoryOfCurrentEmoji) {
-        setCurrentCategory(categoryOfCurrentEmoji);
-      }
-    }
-  });
-}
-function translateEmoteCategories(type) {
-  return {
-    'Smileys & Emotion': 'Sorrisos & Emoções',
-    'People & Body': 'Pessoas & Corpo',
-    'Animals & Nature': 'Animais & Natureza',
-    Component: 'Componentes',
-    'Food & Drink': 'Comida & Bebida',
-    'Travel & Places': 'Viagens & Lugares',
-    Activities: 'Atividades',
-    Objects: 'Objetos',
-    Symbols: 'Símbolos',
-    Flags: 'Bandeiras'
-  }[type || ''];
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleCategoryEmoji=handleCategoryEmoji,exports.isOverlapEmoji=isOverlapEmoji,exports.translateEmoteCategories=translateEmoteCategories;function isOverlapEmoji(element,element2){var rect1=element.getBoundingClientRect(),rect2=element2.getBoundingClientRect(),horizontalOverlap=rect1.left<rect2.right&&rect1.right>rect2.left,verticalOverlap=rect1.top<rect2.bottom&&rect1.bottom>rect2.top;return horizontalOverlap&&verticalOverlap}function handleCategoryEmoji(currentCategory,setCurrentCategory){var intersectionElement=document.getElementById("intersection_emoji"),emojiElements=document.querySelectorAll(".current_emoji");emojiElements.forEach(function(element){if(isOverlapEmoji(intersectionElement,element)){var categoryOfCurrentEmoji=null===element||void 0===element?void 0:element.getAttribute("data-category");categoryOfCurrentEmoji!==currentCategory&&categoryOfCurrentEmoji&&setCurrentCategory(categoryOfCurrentEmoji)}})}function translateEmoteCategories(type){return{"Smileys & Emotion":"Sorrisos & Emo\xE7\xF5es","People & Body":"Pessoas & Corpo","Animals & Nature":"Animais & Natureza",Component:"Componentes","Food & Drink":"Comida & Bebida","Travel & Places":"Viagens & Lugares",Activities:"Atividades",Objects:"Objetos",Symbols:"S\xEDmbolos",Flags:"Bandeiras"}[type||""]}

package/dist/components/EmojiPicker/Example/EmotePickerExample.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmotePickerExample = EmotePickerExample;
-var _react = require("react");
-var _ = require("..");
-var _Button = _interopRequireDefault(require("../../Button"));
-var _Flex = _interopRequireDefault(require("../../Flex"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-console */
-
-function EmotePickerExample(_ref) {
-  var mobileVariant = _ref.mobileVariant,
-    modalPosition = _ref.modalPosition;
-  var emotePickerRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-    style: {
-      width: '100%',
-      height: '100vh'
-    },
-    justifyContent: "center",
-    alignItems: "center",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
-      id: "button-open-emote-picker",
-      onClick: function onClick(event) {
-        var _emotePickerRef$curre;
-        return (_emotePickerRef$curre = emotePickerRef.current) === null || _emotePickerRef$curre === void 0 ? void 0 : _emotePickerRef$curre.repositionByElement(event);
-      },
-      leftIcon: "smile",
-      children: ["Abrir Emote Picker", ' ']
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.EmotePicker, {
-      modalPosition: modalPosition,
-      mobileVariant: mobileVariant,
-      ref: emotePickerRef,
-      onClick: function onClick(emoji) {
-        console.log(emoji);
-      }
-    })]
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmotePickerExample=EmotePickerExample;var _react=require("react"),_=require(".."),_Button=_interopRequireDefault(require("../../Button")),_Flex=_interopRequireDefault(require("../../Flex")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}/* eslint-disable no-console */function EmotePickerExample(_ref){var mobileVariant=_ref.mobileVariant,modalPosition=_ref.modalPosition,emotePickerRef=(0,_react.useRef)(null);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{style:{width:"100%",height:"100vh"},justifyContent:"center",alignItems:"center",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Button.default,{id:"button-open-emote-picker",onClick:function onClick(event){var _emotePickerRef$curre;return null===(_emotePickerRef$curre=emotePickerRef.current)||void 0===_emotePickerRef$curre?void 0:_emotePickerRef$curre.repositionByElement(event)},leftIcon:"smile",children:["Abrir Emote Picker"," "]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.EmotePicker,{modalPosition:modalPosition,mobileVariant:mobileVariant,ref:emotePickerRef,onClick:function onClick(emoji){console.log(emoji)}})]})}

package/dist/components/EmojiPicker/animation.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.modalAnimation = exports.emotePickerMobileAnimation = void 0;
-var modalAnimation = {
-  initial: {
-    opacity: 0,
-    y: 20
-  },
-  exit: {
-    opacity: 0,
-    y: 20
-  },
-  animate: {
-    opacity: 1,
-    y: 0,
-    zIndex: 99
-  },
-  transition: {
-    duration: 0.2
-  }
-};
-exports.modalAnimation = modalAnimation;
-var emotePickerMobileAnimation = {
-  initial: {
-    opacity: 0,
-    height: 0
-  },
-  exit: {
-    opacity: 0,
-    height: 0
-  },
-  animate: {
-    opacity: 1,
-    height: 'auto'
-  },
-  transition: {
-    duration: 0.2
-  }
-};
-exports.emotePickerMobileAnimation = emotePickerMobileAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.modalAnimation=exports.emotePickerMobileAnimation=void 0;var modalAnimation={initial:{opacity:0,y:20},exit:{opacity:0,y:20},animate:{opacity:1,y:0,zIndex:99},transition:{duration:.2}};exports.modalAnimation=modalAnimation;var emotePickerMobileAnimation={initial:{opacity:0,height:0},exit:{opacity:0,height:0},animate:{opacity:1,height:"auto"},transition:{duration:.2}};exports.emotePickerMobileAnimation=emotePickerMobileAnimation;