react-input-emoji 4.1.0 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -163,6 +163,7 @@ function handlePasteHtmlAtCaret(html) {
163
163
  if (window.getSelection) {
164
164
  // IE9 and non-IE
165
165
  sel = window.getSelection();
166
+ if (sel === null) return;
166
167
 
167
168
  if (sel.getRangeAt && sel.rangeCount) {
168
169
  range = sel.getRangeAt(0);
@@ -258,7 +259,7 @@ function replaceAllHtmlToString(html) {
258
259
  /**
259
260
  * @typedef {Object} Props
260
261
  * @property {React.Ref<any>} ref
261
- * @property {React.MutableRefObject<import('../text-input').Ref>} textInputRef
262
+ * @property {React.MutableRefObject<import('../text-input').Ref | null>} textInputRef
262
263
  * @property {(value: string) => void} setValue
263
264
  * @property {() => void} emitChange
264
265
  */
@@ -288,10 +289,14 @@ function useExpose({
288
289
  },
289
290
 
290
291
  focus: () => {
292
+ if (textInputRef.current === null) return;
291
293
  textInputRef.current.focus();
292
294
  },
293
295
  blur: () => {
294
- sanitize(textInputRef.current.html);
296
+ if (textInputRef.current !== null) {
297
+ sanitize(textInputRef.current.html);
298
+ }
299
+
295
300
  emitChange();
296
301
  }
297
302
  }));
@@ -301,16 +306,17 @@ function useExpose({
301
306
 
302
307
  /**
303
308
  * useEmit
304
- * @param {React.MutableRefObject<import('../text-input').Ref>} textInputRef
309
+ * @param {React.MutableRefObject<import('../text-input').Ref | null>} textInputRef
305
310
  * @param {(size: {width: number, height: number}) => void} onResize
306
311
  * @param {(text: string) => void} onChange
307
312
  */
308
313
 
309
314
  function useEmit(textInputRef, onResize, onChange) {
315
+ /** @type {React.MutableRefObject<{width: number; height: number} | null>} */
310
316
  const currentSizeRef = React.useRef(null);
311
317
  const onChangeFn = React.useRef(onChange);
312
318
  const checkAndEmitResize = React.useCallback(() => {
313
- if (textInputRef.current) {
319
+ if (textInputRef.current !== null) {
314
320
  const currentSize = currentSizeRef.current;
315
321
  const nextSize = textInputRef.current.size;
316
322
 
@@ -344,7 +350,7 @@ function useEmit(textInputRef, onResize, onChange) {
344
350
  * @property {(event: React.KeyboardEvent) => void} onKeyDown
345
351
  * @property {(event: React.KeyboardEvent) => void} onKeyUp
346
352
  * @property {() => void} onFocus
347
- * @property {() => void=} onBlur
353
+ * @property {() => void} onBlur
348
354
  * @property {(sanitizedText: string) => void=} onChange
349
355
  * @property {(event: React.KeyboardEvent) => void} onArrowUp
350
356
  * @property {(event: React.KeyboardEvent) => void} onArrowDown
@@ -381,40 +387,63 @@ const TextInput = ({
381
387
  }, ref) => {
382
388
  React.useImperativeHandle(ref, () => ({
383
389
  appendContent: html => {
384
- textInputRef.current.focus();
390
+ if (textInputRef.current) {
391
+ textInputRef.current.focus();
392
+ }
393
+
385
394
  handlePasteHtmlAtCaret(html);
386
- textInputRef.current.focus();
387
395
 
388
- if (textInputRef.current.innerHTML.trim() === "") {
396
+ if (textInputRef.current) {
397
+ textInputRef.current.focus();
398
+ }
399
+
400
+ if (textInputRef.current && placeholderRef.current && textInputRef.current.innerHTML.trim() === "") {
389
401
  placeholderRef.current.style.visibility = "visible";
390
- } else {
402
+ } else if (placeholderRef.current) {
391
403
  placeholderRef.current.style.visibility = "hidden";
392
404
  }
393
405
 
394
- onChange(textInputRef.current.innerHTML);
406
+ if (textInputRef.current && typeof onChange === 'function') {
407
+ onChange(textInputRef.current.innerHTML);
408
+ }
395
409
  },
396
410
 
397
411
  set html(value) {
398
- textInputRef.current.innerHTML = value;
412
+ if (textInputRef.current) {
413
+ textInputRef.current.innerHTML = value;
414
+ }
399
415
 
400
- if (value.trim() === "") {
401
- placeholderRef.current.style.visibility = "visible";
402
- } else {
403
- placeholderRef.current.style.visibility = "hidden";
416
+ if (placeholderRef.current) {
417
+ if (value.trim() === "") {
418
+ placeholderRef.current.style.visibility = "visible";
419
+ } else {
420
+ placeholderRef.current.style.visibility = "hidden";
421
+ }
404
422
  }
405
423
 
406
- onChange(textInputRef.current.innerHTML);
424
+ if (typeof onChange === 'function' && textInputRef.current) {
425
+ onChange(textInputRef.current.innerHTML);
426
+ }
407
427
  },
408
428
 
409
429
  get html() {
430
+ if (!textInputRef.current) return '';
410
431
  return textInputRef.current.innerHTML;
411
432
  },
412
433
 
413
434
  get text() {
435
+ if (!textInputRef.current) return '';
414
436
  return textInputRef.current.innerText;
415
437
  },
416
438
 
417
439
  get size() {
440
+ if (!textInputRef.current) {
441
+ return {
442
+ width: 0,
443
+ height: 0
444
+ };
445
+ }
446
+
418
447
  return {
419
448
  width: textInputRef.current.offsetWidth,
420
449
  height: textInputRef.current.offsetHeight
@@ -422,14 +451,15 @@ const TextInput = ({
422
451
  },
423
452
 
424
453
  focus() {
454
+ if (!textInputRef.current) return;
425
455
  textInputRef.current.focus();
426
456
  }
427
457
 
428
458
  }));
429
- /** @type {React.MutableRefObject<HTMLDivElement>} */
459
+ /** @type {React.MutableRefObject<HTMLDivElement | null>} */
430
460
 
431
461
  const placeholderRef = React.useRef(null);
432
- /** @type {React.MutableRefObject<HTMLDivElement>} */
462
+ /** @type {React.MutableRefObject<HTMLDivElement | null>} */
433
463
 
434
464
  const textInputRef = React.useRef(null);
435
465
  /**
@@ -445,7 +475,7 @@ const TextInput = ({
445
475
  } else if (event.key === "ArrowDown") {
446
476
  props.onArrowDown(event);
447
477
  } else {
448
- if (event.key.length === 1) {
478
+ if (event.key.length === 1 && placeholderRef.current) {
449
479
  placeholderRef.current.style.visibility = "hidden";
450
480
  }
451
481
  }
@@ -465,30 +495,32 @@ const TextInput = ({
465
495
 
466
496
 
467
497
  function handleKeyUp(event) {
468
- var _input$innerText;
469
-
470
498
  props.onKeyUp(event);
471
499
  const input = textInputRef.current;
472
500
 
473
- if (((_input$innerText = input.innerText) === null || _input$innerText === void 0 ? void 0 : _input$innerText.trim()) === "") {
474
- placeholderRef.current.style.visibility = "visible";
475
- } else {
476
- placeholderRef.current.style.visibility = "hidden";
501
+ if (placeholderRef.current) {
502
+ if (input?.innerText?.trim() === "") {
503
+ placeholderRef.current.style.visibility = "visible";
504
+ } else {
505
+ placeholderRef.current.style.visibility = "hidden";
506
+ }
477
507
  }
478
508
 
479
- onChange(textInputRef.current.innerHTML);
509
+ if (typeof onChange === 'function' && textInputRef.current) {
510
+ onChange(textInputRef.current.innerHTML);
511
+ }
480
512
  }
481
513
 
482
- return /*#__PURE__*/React__default['default'].createElement("div", {
514
+ return /*#__PURE__*/React__default["default"].createElement("div", {
483
515
  className: "react-input-emoji--container",
484
516
  style: style
485
- }, /*#__PURE__*/React__default['default'].createElement("div", {
517
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
486
518
  className: "react-input-emoji--wrapper",
487
519
  onClick: handleClick
488
- }, /*#__PURE__*/React__default['default'].createElement("div", {
520
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
489
521
  ref: placeholderRef,
490
522
  className: "react-input-emoji--placeholder"
491
- }, placeholder), /*#__PURE__*/React__default['default'].createElement("div", {
523
+ }, placeholder), /*#__PURE__*/React__default["default"].createElement("div", {
492
524
  ref: textInputRef,
493
525
  onKeyDown: handleKeyDown,
494
526
  onKeyUp: handleKeyUp,
@@ -49308,23 +49340,20 @@ function _defineProperties(target, props) {
49308
49340
  function _createClass(Constructor, protoProps, staticProps) {
49309
49341
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
49310
49342
  if (staticProps) _defineProperties(Constructor, staticProps);
49343
+ Object.defineProperty(Constructor, "prototype", {
49344
+ writable: false
49345
+ });
49311
49346
  return Constructor;
49312
49347
  }
49313
49348
 
49314
49349
  function _typeof(obj) {
49315
49350
  "@babel/helpers - typeof";
49316
49351
 
49317
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
49318
- _typeof = function _typeof(obj) {
49319
- return typeof obj;
49320
- };
49321
- } else {
49322
- _typeof = function _typeof(obj) {
49323
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
49324
- };
49325
- }
49326
-
49327
- return _typeof(obj);
49352
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
49353
+ return typeof obj;
49354
+ } : function (obj) {
49355
+ return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
49356
+ }, _typeof(obj);
49328
49357
  }
49329
49358
 
49330
49359
  var mapping = {
@@ -49414,8 +49443,8 @@ var stringFromCodePoint = _String.fromCodePoint || function stringFromCodePoint(
49414
49443
  codePoint > 0x10ffff || // not a valid Unicode code point
49415
49444
  Math.floor(codePoint) != codePoint // not an integer
49416
49445
  ) {
49417
- throw RangeError('Invalid code point: ' + codePoint);
49418
- }
49446
+ throw RangeError('Invalid code point: ' + codePoint);
49447
+ }
49419
49448
 
49420
49449
  if (codePoint <= 0xffff) {
49421
49450
  // BMP code point
@@ -50018,7 +50047,7 @@ function _defineProperty(obj, key, value) {
50018
50047
  }
50019
50048
 
50020
50049
  function _extends() {
50021
- _extends = Object.assign || function (target) {
50050
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
50022
50051
  for (var i = 1; i < arguments.length; i++) {
50023
50052
  var source = arguments[i];
50024
50053
 
@@ -50031,7 +50060,6 @@ function _extends() {
50031
50060
 
50032
50061
  return target;
50033
50062
  };
50034
-
50035
50063
  return _extends.apply(this, arguments);
50036
50064
  }
50037
50065
 
@@ -50046,24 +50074,25 @@ function _assertThisInitialized(self) {
50046
50074
  function _possibleConstructorReturn(self, call) {
50047
50075
  if (call && (_typeof(call) === "object" || typeof call === "function")) {
50048
50076
  return call;
50077
+ } else if (call !== void 0) {
50078
+ throw new TypeError("Derived constructors may only return object or undefined");
50049
50079
  }
50050
50080
 
50051
50081
  return _assertThisInitialized(self);
50052
50082
  }
50053
50083
 
50054
50084
  function _getPrototypeOf(o) {
50055
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
50085
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
50056
50086
  return o.__proto__ || Object.getPrototypeOf(o);
50057
50087
  };
50058
50088
  return _getPrototypeOf(o);
50059
50089
  }
50060
50090
 
50061
50091
  function _setPrototypeOf(o, p) {
50062
- _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
50092
+ _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
50063
50093
  o.__proto__ = p;
50064
50094
  return o;
50065
50095
  };
50066
-
50067
50096
  return _setPrototypeOf(o, p);
50068
50097
  }
50069
50098
 
@@ -50079,36 +50108,39 @@ function _inherits(subClass, superClass) {
50079
50108
  configurable: true
50080
50109
  }
50081
50110
  });
50111
+ Object.defineProperty(subClass, "prototype", {
50112
+ writable: false
50113
+ });
50082
50114
  if (superClass) _setPrototypeOf(subClass, superClass);
50083
50115
  }
50084
50116
 
50085
50117
  var categories = {
50086
50118
  activity: function activity() {
50087
- return React__default['default'].createElement("svg", {
50119
+ return React__default["default"].createElement("svg", {
50088
50120
  xmlns: "http://www.w3.org/2000/svg",
50089
50121
  viewBox: "0 0 24 24",
50090
50122
  width: "24",
50091
50123
  height: "24"
50092
- }, React__default['default'].createElement("path", {
50124
+ }, React__default["default"].createElement("path", {
50093
50125
  d: "M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12 6.628 0 12-5.373 12-12 0-6.628-5.372-12-12-12m9.949 11H17.05c.224-2.527 1.232-4.773 1.968-6.113A9.966 9.966 0 0 1 21.949 11M13 11V2.051a9.945 9.945 0 0 1 4.432 1.564c-.858 1.491-2.156 4.22-2.392 7.385H13zm-2 0H8.961c-.238-3.165-1.536-5.894-2.393-7.385A9.95 9.95 0 0 1 11 2.051V11zm0 2v8.949a9.937 9.937 0 0 1-4.432-1.564c.857-1.492 2.155-4.221 2.393-7.385H11zm4.04 0c.236 3.164 1.534 5.893 2.392 7.385A9.92 9.92 0 0 1 13 21.949V13h2.04zM4.982 4.887C5.718 6.227 6.726 8.473 6.951 11h-4.9a9.977 9.977 0 0 1 2.931-6.113M2.051 13h4.9c-.226 2.527-1.233 4.771-1.969 6.113A9.972 9.972 0 0 1 2.051 13m16.967 6.113c-.735-1.342-1.744-3.586-1.968-6.113h4.899a9.961 9.961 0 0 1-2.931 6.113"
50094
50126
  }));
50095
50127
  },
50096
50128
  custom: function custom() {
50097
- return React__default['default'].createElement("svg", {
50129
+ return React__default["default"].createElement("svg", {
50098
50130
  xmlns: "http://www.w3.org/2000/svg",
50099
50131
  viewBox: "0 0 24 24",
50100
50132
  width: "24",
50101
50133
  height: "24"
50102
- }, React__default['default'].createElement("g", {
50134
+ }, React__default["default"].createElement("g", {
50103
50135
  transform: "translate(2.000000, 1.000000)"
50104
- }, React__default['default'].createElement("rect", {
50136
+ }, React__default["default"].createElement("rect", {
50105
50137
  id: "Rectangle",
50106
50138
  x: "8",
50107
50139
  y: "0",
50108
50140
  width: "3",
50109
50141
  height: "21",
50110
50142
  rx: "1.5"
50111
- }), React__default['default'].createElement("rect", {
50143
+ }), React__default["default"].createElement("rect", {
50112
50144
  id: "Rectangle",
50113
50145
  transform: "translate(9.843, 10.549) rotate(60) translate(-9.843, -10.549) ",
50114
50146
  x: "8.343",
@@ -50116,7 +50148,7 @@ var categories = {
50116
50148
  width: "3",
50117
50149
  height: "21",
50118
50150
  rx: "1.5"
50119
- }), React__default['default'].createElement("rect", {
50151
+ }), React__default["default"].createElement("rect", {
50120
50152
  id: "Rectangle",
50121
50153
  transform: "translate(9.843, 10.549) rotate(-60) translate(-9.843, -10.549) ",
50122
50154
  x: "8.343",
@@ -50127,116 +50159,116 @@ var categories = {
50127
50159
  })));
50128
50160
  },
50129
50161
  flags: function flags() {
50130
- return React__default['default'].createElement("svg", {
50162
+ return React__default["default"].createElement("svg", {
50131
50163
  xmlns: "http://www.w3.org/2000/svg",
50132
50164
  viewBox: "0 0 24 24",
50133
50165
  width: "24",
50134
50166
  height: "24"
50135
- }, React__default['default'].createElement("path", {
50167
+ }, React__default["default"].createElement("path", {
50136
50168
  d: "M0 0l6.084 24H8L1.916 0zM21 5h-4l-1-4H4l3 12h3l1 4h13L21 5zM6.563 3h7.875l2 8H8.563l-2-8zm8.832 10l-2.856 1.904L12.063 13h3.332zM19 13l-1.5-6h1.938l2 8H16l3-2z"
50137
50169
  }));
50138
50170
  },
50139
50171
  foods: function foods() {
50140
- return React__default['default'].createElement("svg", {
50172
+ return React__default["default"].createElement("svg", {
50141
50173
  xmlns: "http://www.w3.org/2000/svg",
50142
50174
  viewBox: "0 0 24 24",
50143
50175
  width: "24",
50144
50176
  height: "24"
50145
- }, React__default['default'].createElement("path", {
50177
+ }, React__default["default"].createElement("path", {
50146
50178
  d: "M17 4.978c-1.838 0-2.876.396-3.68.934.513-1.172 1.768-2.934 4.68-2.934a1 1 0 0 0 0-2c-2.921 0-4.629 1.365-5.547 2.512-.064.078-.119.162-.18.244C11.73 1.838 10.798.023 9.207.023 8.579.022 7.85.306 7 .978 5.027 2.54 5.329 3.902 6.492 4.999 3.609 5.222 0 7.352 0 12.969c0 4.582 4.961 11.009 9 11.009 1.975 0 2.371-.486 3-1 .629.514 1.025 1 3 1 4.039 0 9-6.418 9-11 0-5.953-4.055-8-7-8M8.242 2.546c.641-.508.943-.523.965-.523.426.169.975 1.405 1.357 3.055-1.527-.629-2.741-1.352-2.98-1.846.059-.112.241-.356.658-.686M15 21.978c-1.08 0-1.21-.109-1.559-.402l-.176-.146c-.367-.302-.816-.452-1.266-.452s-.898.15-1.266.452l-.176.146c-.347.292-.477.402-1.557.402-2.813 0-7-5.389-7-9.009 0-5.823 4.488-5.991 5-5.991 1.939 0 2.484.471 3.387 1.251l.323.276a1.995 1.995 0 0 0 2.58 0l.323-.276c.902-.78 1.447-1.251 3.387-1.251.512 0 5 .168 5 6 0 3.617-4.187 9-7 9"
50147
50179
  }));
50148
50180
  },
50149
50181
  nature: function nature() {
50150
- return React__default['default'].createElement("svg", {
50182
+ return React__default["default"].createElement("svg", {
50151
50183
  xmlns: "http://www.w3.org/2000/svg",
50152
50184
  viewBox: "0 0 24 24",
50153
50185
  width: "24",
50154
50186
  height: "24"
50155
- }, React__default['default'].createElement("path", {
50187
+ }, React__default["default"].createElement("path", {
50156
50188
  d: "M15.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 15.5 8M8.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 8.5 8"
50157
- }), React__default['default'].createElement("path", {
50189
+ }), React__default["default"].createElement("path", {
50158
50190
  d: "M18.933 0h-.027c-.97 0-2.138.787-3.018 1.497-1.274-.374-2.612-.51-3.887-.51-1.285 0-2.616.133-3.874.517C7.245.79 6.069 0 5.093 0h-.027C3.352 0 .07 2.67.002 7.026c-.039 2.479.276 4.238 1.04 5.013.254.258.882.677 1.295.882.191 3.177.922 5.238 2.536 6.38.897.637 2.187.949 3.2 1.102C8.04 20.6 8 20.795 8 21c0 1.773 2.35 3 4 3 1.648 0 4-1.227 4-3 0-.201-.038-.393-.072-.586 2.573-.385 5.435-1.877 5.925-7.587.396-.22.887-.568 1.104-.788.763-.774 1.079-2.534 1.04-5.013C23.929 2.67 20.646 0 18.933 0M3.223 9.135c-.237.281-.837 1.155-.884 1.238-.15-.41-.368-1.349-.337-3.291.051-3.281 2.478-4.972 3.091-5.031.256.015.731.27 1.265.646-1.11 1.171-2.275 2.915-2.352 5.125-.133.546-.398.858-.783 1.313M12 22c-.901 0-1.954-.693-2-1 0-.654.475-1.236 1-1.602V20a1 1 0 1 0 2 0v-.602c.524.365 1 .947 1 1.602-.046.307-1.099 1-2 1m3-3.48v.02a4.752 4.752 0 0 0-1.262-1.02c1.092-.516 2.239-1.334 2.239-2.217 0-1.842-1.781-2.195-3.977-2.195-2.196 0-3.978.354-3.978 2.195 0 .883 1.148 1.701 2.238 2.217A4.8 4.8 0 0 0 9 18.539v-.025c-1-.076-2.182-.281-2.973-.842-1.301-.92-1.838-3.045-1.853-6.478l.023-.041c.496-.826 1.49-1.45 1.804-3.102 0-2.047 1.357-3.631 2.362-4.522C9.37 3.178 10.555 3 11.948 3c1.447 0 2.685.192 3.733.57 1 .9 2.316 2.465 2.316 4.48.313 1.651 1.307 2.275 1.803 3.102.035.058.068.117.102.178-.059 5.967-1.949 7.01-4.902 7.19m6.628-8.202c-.037-.065-.074-.13-.113-.195a7.587 7.587 0 0 0-.739-.987c-.385-.455-.648-.768-.782-1.313-.076-2.209-1.241-3.954-2.353-5.124.531-.376 1.004-.63 1.261-.647.636.071 3.044 1.764 3.096 5.031.027 1.81-.347 3.218-.37 3.235"
50159
50191
  }));
50160
50192
  },
50161
50193
  objects: function objects() {
50162
- return React__default['default'].createElement("svg", {
50194
+ return React__default["default"].createElement("svg", {
50163
50195
  xmlns: "http://www.w3.org/2000/svg",
50164
50196
  viewBox: "0 0 24 24",
50165
50197
  width: "24",
50166
50198
  height: "24"
50167
- }, React__default['default'].createElement("path", {
50199
+ }, React__default["default"].createElement("path", {
50168
50200
  d: "M12 0a9 9 0 0 0-5 16.482V21s2.035 3 5 3 5-3 5-3v-4.518A9 9 0 0 0 12 0zm0 2c3.86 0 7 3.141 7 7s-3.14 7-7 7-7-3.141-7-7 3.14-7 7-7zM9 17.477c.94.332 1.946.523 3 .523s2.06-.19 3-.523v.834c-.91.436-1.925.689-3 .689a6.924 6.924 0 0 1-3-.69v-.833zm.236 3.07A8.854 8.854 0 0 0 12 21c.965 0 1.888-.167 2.758-.451C14.155 21.173 13.153 22 12 22c-1.102 0-2.117-.789-2.764-1.453z"
50169
- }), React__default['default'].createElement("path", {
50201
+ }), React__default["default"].createElement("path", {
50170
50202
  d: "M14.745 12.449h-.004c-.852-.024-1.188-.858-1.577-1.824-.421-1.061-.703-1.561-1.182-1.566h-.009c-.481 0-.783.497-1.235 1.537-.436.982-.801 1.811-1.636 1.791l-.276-.043c-.565-.171-.853-.691-1.284-1.794-.125-.313-.202-.632-.27-.913-.051-.213-.127-.53-.195-.634C7.067 9.004 7.039 9 6.99 9A1 1 0 0 1 7 7h.01c1.662.017 2.015 1.373 2.198 2.134.486-.981 1.304-2.058 2.797-2.075 1.531.018 2.28 1.153 2.731 2.141l.002-.008C14.944 8.424 15.327 7 16.979 7h.032A1 1 0 1 1 17 9h-.011c-.149.076-.256.474-.319.709a6.484 6.484 0 0 1-.311.951c-.429.973-.79 1.789-1.614 1.789"
50171
50203
  }));
50172
50204
  },
50173
50205
  people: function people() {
50174
- return React__default['default'].createElement("svg", {
50206
+ return React__default["default"].createElement("svg", {
50175
50207
  xmlns: "http://www.w3.org/2000/svg",
50176
50208
  viewBox: "0 0 24 24",
50177
50209
  width: "24",
50178
50210
  height: "24"
50179
- }, React__default['default'].createElement("path", {
50211
+ }, React__default["default"].createElement("path", {
50180
50212
  d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
50181
- }), React__default['default'].createElement("path", {
50213
+ }), React__default["default"].createElement("path", {
50182
50214
  d: "M8 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 8 7M16 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 16 7M15.232 15c-.693 1.195-1.87 2-3.349 2-1.477 0-2.655-.805-3.347-2H15m3-2H6a6 6 0 1 0 12 0"
50183
50215
  }));
50184
50216
  },
50185
50217
  places: function places() {
50186
- return React__default['default'].createElement("svg", {
50218
+ return React__default["default"].createElement("svg", {
50187
50219
  xmlns: "http://www.w3.org/2000/svg",
50188
50220
  viewBox: "0 0 24 24",
50189
50221
  width: "24",
50190
50222
  height: "24"
50191
- }, React__default['default'].createElement("path", {
50223
+ }, React__default["default"].createElement("path", {
50192
50224
  d: "M6.5 12C5.122 12 4 13.121 4 14.5S5.122 17 6.5 17 9 15.879 9 14.5 7.878 12 6.5 12m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5M17.5 12c-1.378 0-2.5 1.121-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.121 2.5-2.5-1.122-2.5-2.5-2.5m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5"
50193
- }), React__default['default'].createElement("path", {
50225
+ }), React__default["default"].createElement("path", {
50194
50226
  d: "M22.482 9.494l-1.039-.346L21.4 9h.6c.552 0 1-.439 1-.992 0-.006-.003-.008-.003-.008H23c0-1-.889-2-1.984-2h-.642l-.731-1.717C19.262 3.012 18.091 2 16.764 2H7.236C5.909 2 4.738 3.012 4.357 4.283L3.626 6h-.642C1.889 6 1 7 1 8h.003S1 8.002 1 8.008C1 8.561 1.448 9 2 9h.6l-.043.148-1.039.346a2.001 2.001 0 0 0-1.359 2.097l.751 7.508a1 1 0 0 0 .994.901H3v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h6v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h1.096a.999.999 0 0 0 .994-.901l.751-7.508a2.001 2.001 0 0 0-1.359-2.097M6.273 4.857C6.402 4.43 6.788 4 7.236 4h9.527c.448 0 .834.43.963.857L19.313 9H4.688l1.585-4.143zM7 21H5v-1h2v1zm12 0h-2v-1h2v1zm2.189-3H2.811l-.662-6.607L3 11h18l.852.393L21.189 18z"
50195
50227
  }));
50196
50228
  },
50197
50229
  recent: function recent() {
50198
- return React__default['default'].createElement("svg", {
50230
+ return React__default["default"].createElement("svg", {
50199
50231
  xmlns: "http://www.w3.org/2000/svg",
50200
50232
  viewBox: "0 0 24 24",
50201
50233
  width: "24",
50202
50234
  height: "24"
50203
- }, React__default['default'].createElement("path", {
50235
+ }, React__default["default"].createElement("path", {
50204
50236
  d: "M13 4h-2l-.001 7H9v2h2v2h2v-2h4v-2h-4z"
50205
- }), React__default['default'].createElement("path", {
50237
+ }), React__default["default"].createElement("path", {
50206
50238
  d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
50207
50239
  }));
50208
50240
  },
50209
50241
  symbols: function symbols() {
50210
- return React__default['default'].createElement("svg", {
50242
+ return React__default["default"].createElement("svg", {
50211
50243
  xmlns: "http://www.w3.org/2000/svg",
50212
50244
  viewBox: "0 0 24 24",
50213
50245
  width: "24",
50214
50246
  height: "24"
50215
- }, React__default['default'].createElement("path", {
50247
+ }, React__default["default"].createElement("path", {
50216
50248
  d: "M0 0h11v2H0zM4 11h3V6h4V4H0v2h4zM15.5 17c1.381 0 2.5-1.116 2.5-2.493s-1.119-2.493-2.5-2.493S13 13.13 13 14.507 14.119 17 15.5 17m0-2.986c.276 0 .5.222.5.493 0 .272-.224.493-.5.493s-.5-.221-.5-.493.224-.493.5-.493M21.5 19.014c-1.381 0-2.5 1.116-2.5 2.493S20.119 24 21.5 24s2.5-1.116 2.5-2.493-1.119-2.493-2.5-2.493m0 2.986a.497.497 0 0 1-.5-.493c0-.271.224-.493.5-.493s.5.222.5.493a.497.497 0 0 1-.5.493M22 13l-9 9 1.513 1.5 8.99-9.009zM17 11c2.209 0 4-1.119 4-2.5V2s.985-.161 1.498.949C23.01 4.055 23 6 23 6s1-1.119 1-3.135C24-.02 21 0 21 0h-2v6.347A5.853 5.853 0 0 0 17 6c-2.209 0-4 1.119-4 2.5s1.791 2.5 4 2.5M10.297 20.482l-1.475-1.585a47.54 47.54 0 0 1-1.442 1.129c-.307-.288-.989-1.016-2.045-2.183.902-.836 1.479-1.466 1.729-1.892s.376-.871.376-1.336c0-.592-.273-1.178-.818-1.759-.546-.581-1.329-.871-2.349-.871-1.008 0-1.79.293-2.344.879-.556.587-.832 1.181-.832 1.784 0 .813.419 1.748 1.256 2.805-.847.614-1.444 1.208-1.794 1.784a3.465 3.465 0 0 0-.523 1.833c0 .857.308 1.56.924 2.107.616.549 1.423.823 2.42.823 1.173 0 2.444-.379 3.813-1.137L8.235 24h2.819l-2.09-2.383 1.333-1.135zm-6.736-6.389a1.02 1.02 0 0 1 .73-.286c.31 0 .559.085.747.254a.849.849 0 0 1 .283.659c0 .518-.419 1.112-1.257 1.784-.536-.651-.805-1.231-.805-1.742a.901.901 0 0 1 .302-.669M3.74 22c-.427 0-.778-.116-1.057-.349-.279-.232-.418-.487-.418-.766 0-.594.509-1.288 1.527-2.083.968 1.134 1.717 1.946 2.248 2.438-.921.507-1.686.76-2.3.76"
50217
50249
  }));
50218
50250
  }
50219
50251
  };
50220
50252
  var search = {
50221
50253
  search: function search() {
50222
- return React__default['default'].createElement("svg", {
50254
+ return React__default["default"].createElement("svg", {
50223
50255
  xmlns: "http://www.w3.org/2000/svg",
50224
50256
  width: "13",
50225
50257
  height: "13",
50226
50258
  viewBox: "0 0 20 20",
50227
50259
  opacity: "0.5"
50228
- }, React__default['default'].createElement("path", {
50260
+ }, React__default["default"].createElement("path", {
50229
50261
  d: "M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"
50230
50262
  }));
50231
50263
  },
50232
50264
  "delete": function _delete() {
50233
- return React__default['default'].createElement("svg", {
50265
+ return React__default["default"].createElement("svg", {
50234
50266
  xmlns: "http://www.w3.org/2000/svg",
50235
50267
  width: "13",
50236
50268
  height: "13",
50237
50269
  viewBox: "0 0 20 20",
50238
50270
  opacity: "0.5"
50239
- }, React__default['default'].createElement("path", {
50271
+ }, React__default["default"].createElement("path", {
50240
50272
  d: "M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"
50241
50273
  }));
50242
50274
  }
@@ -50249,68 +50281,68 @@ var icons = /*#__PURE__*/Object.freeze({
50249
50281
  });
50250
50282
 
50251
50283
  var EmojiPropTypes = {
50252
- data: PropTypes__default['default'].object.isRequired,
50253
- onOver: PropTypes__default['default'].func,
50254
- onLeave: PropTypes__default['default'].func,
50255
- onClick: PropTypes__default['default'].func,
50256
- fallback: PropTypes__default['default'].func,
50257
- backgroundImageFn: PropTypes__default['default'].func,
50258
- "native": PropTypes__default['default'].bool,
50259
- forceSize: PropTypes__default['default'].bool,
50260
- tooltip: PropTypes__default['default'].bool,
50261
- useButton: PropTypes__default['default'].bool,
50262
- skin: PropTypes__default['default'].oneOf([1, 2, 3, 4, 5, 6]),
50263
- sheetSize: PropTypes__default['default'].oneOf([16, 20, 32, 64]),
50264
- sheetColumns: PropTypes__default['default'].number,
50265
- sheetRows: PropTypes__default['default'].number,
50266
- set: PropTypes__default['default'].oneOf(['apple', 'google', 'twitter', 'facebook']),
50267
- size: PropTypes__default['default'].number.isRequired,
50268
- emoji: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].object]).isRequired
50284
+ data: PropTypes__default["default"].object.isRequired,
50285
+ onOver: PropTypes__default["default"].func,
50286
+ onLeave: PropTypes__default["default"].func,
50287
+ onClick: PropTypes__default["default"].func,
50288
+ fallback: PropTypes__default["default"].func,
50289
+ backgroundImageFn: PropTypes__default["default"].func,
50290
+ "native": PropTypes__default["default"].bool,
50291
+ forceSize: PropTypes__default["default"].bool,
50292
+ tooltip: PropTypes__default["default"].bool,
50293
+ useButton: PropTypes__default["default"].bool,
50294
+ skin: PropTypes__default["default"].oneOf([1, 2, 3, 4, 5, 6]),
50295
+ sheetSize: PropTypes__default["default"].oneOf([16, 20, 32, 64]),
50296
+ sheetColumns: PropTypes__default["default"].number,
50297
+ sheetRows: PropTypes__default["default"].number,
50298
+ set: PropTypes__default["default"].oneOf(['apple', 'google', 'twitter', 'facebook']),
50299
+ size: PropTypes__default["default"].number.isRequired,
50300
+ emoji: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object]).isRequired
50269
50301
  };
50270
50302
  var PickerPropTypes = {
50271
- onClick: PropTypes__default['default'].func,
50272
- onSelect: PropTypes__default['default'].func,
50273
- onSkinChange: PropTypes__default['default'].func,
50274
- perLine: PropTypes__default['default'].number,
50275
- emojiSize: PropTypes__default['default'].number,
50276
- i18n: PropTypes__default['default'].object,
50277
- style: PropTypes__default['default'].object,
50278
- title: PropTypes__default['default'].string,
50279
- emoji: PropTypes__default['default'].string,
50280
- color: PropTypes__default['default'].string,
50303
+ onClick: PropTypes__default["default"].func,
50304
+ onSelect: PropTypes__default["default"].func,
50305
+ onSkinChange: PropTypes__default["default"].func,
50306
+ perLine: PropTypes__default["default"].number,
50307
+ emojiSize: PropTypes__default["default"].number,
50308
+ i18n: PropTypes__default["default"].object,
50309
+ style: PropTypes__default["default"].object,
50310
+ title: PropTypes__default["default"].string,
50311
+ emoji: PropTypes__default["default"].string,
50312
+ color: PropTypes__default["default"].string,
50281
50313
  set: EmojiPropTypes.set,
50282
50314
  skin: EmojiPropTypes.skin,
50283
- "native": PropTypes__default['default'].bool,
50315
+ "native": PropTypes__default["default"].bool,
50284
50316
  backgroundImageFn: EmojiPropTypes.backgroundImageFn,
50285
50317
  sheetSize: EmojiPropTypes.sheetSize,
50286
- emojisToShowFilter: PropTypes__default['default'].func,
50287
- showPreview: PropTypes__default['default'].bool,
50288
- showSkinTones: PropTypes__default['default'].bool,
50318
+ emojisToShowFilter: PropTypes__default["default"].func,
50319
+ showPreview: PropTypes__default["default"].bool,
50320
+ showSkinTones: PropTypes__default["default"].bool,
50289
50321
  emojiTooltip: EmojiPropTypes.tooltip,
50290
50322
  useButton: EmojiPropTypes.useButton,
50291
- theme: PropTypes__default['default'].oneOf(['auto', 'light', 'dark']),
50292
- include: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
50293
- exclude: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
50294
- recent: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
50295
- autoFocus: PropTypes__default['default'].bool,
50296
- enableFrequentEmojiSort: PropTypes__default['default'].bool,
50297
- custom: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
50298
- name: PropTypes__default['default'].string.isRequired,
50299
- short_names: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string).isRequired,
50300
- emoticons: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
50301
- keywords: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
50302
- imageUrl: PropTypes__default['default'].string,
50303
- spriteUrl: PropTypes__default['default'].string,
50304
- sheet_x: PropTypes__default['default'].number,
50305
- sheet_y: PropTypes__default['default'].number,
50306
- size: PropTypes__default['default'].number,
50307
- sheetColumns: PropTypes__default['default'].number,
50308
- sheetRows: PropTypes__default['default'].number
50323
+ theme: PropTypes__default["default"].oneOf(['auto', 'light', 'dark']),
50324
+ include: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
50325
+ exclude: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
50326
+ recent: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
50327
+ autoFocus: PropTypes__default["default"].bool,
50328
+ enableFrequentEmojiSort: PropTypes__default["default"].bool,
50329
+ custom: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
50330
+ name: PropTypes__default["default"].string.isRequired,
50331
+ short_names: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string).isRequired,
50332
+ emoticons: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
50333
+ keywords: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
50334
+ imageUrl: PropTypes__default["default"].string,
50335
+ spriteUrl: PropTypes__default["default"].string,
50336
+ sheet_x: PropTypes__default["default"].number,
50337
+ sheet_y: PropTypes__default["default"].number,
50338
+ size: PropTypes__default["default"].number,
50339
+ sheetColumns: PropTypes__default["default"].number,
50340
+ sheetRows: PropTypes__default["default"].number
50309
50341
  })),
50310
- skinEmoji: PropTypes__default['default'].string,
50311
- notFound: PropTypes__default['default'].func,
50312
- notFoundEmoji: PropTypes__default['default'].string,
50313
- icons: PropTypes__default['default'].object
50342
+ skinEmoji: PropTypes__default["default"].string,
50343
+ notFound: PropTypes__default["default"].func,
50344
+ notFoundEmoji: PropTypes__default["default"].string,
50345
+ icons: PropTypes__default["default"].object
50314
50346
  };
50315
50347
 
50316
50348
  var Anchors = /*#__PURE__*/function (_React$PureComponent) {
@@ -50352,7 +50384,7 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
50352
50384
  i18n = _this$props2.i18n,
50353
50385
  icons = _this$props2.icons,
50354
50386
  selected = this.state.selected;
50355
- return React__default['default'].createElement("nav", {
50387
+ return React__default["default"].createElement("nav", {
50356
50388
  className: "emoji-mart-anchors",
50357
50389
  "aria-label": i18n.categorieslabel
50358
50390
  }, categories.map(function (category, i) {
@@ -50366,7 +50398,7 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
50366
50398
  }
50367
50399
 
50368
50400
  var iconId = id.startsWith('custom-') ? 'custom' : id;
50369
- return React__default['default'].createElement("button", {
50401
+ return React__default["default"].createElement("button", {
50370
50402
  key: id,
50371
50403
  "aria-label": i18n.categories[iconId],
50372
50404
  title: i18n.categories[iconId],
@@ -50377,9 +50409,9 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
50377
50409
  style: {
50378
50410
  color: isSelected ? color : null
50379
50411
  }
50380
- }, React__default['default'].createElement("div", {
50412
+ }, React__default["default"].createElement("div", {
50381
50413
  className: "emoji-mart-anchor-icon"
50382
- }, icons.categories[iconId]()), React__default['default'].createElement("span", {
50414
+ }, icons.categories[iconId]()), React__default["default"].createElement("span", {
50383
50415
  className: "emoji-mart-anchor-bar",
50384
50416
  style: {
50385
50417
  backgroundColor: color
@@ -50390,13 +50422,13 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
50390
50422
  }]);
50391
50423
 
50392
50424
  return Anchors;
50393
- }(React__default['default'].PureComponent);
50425
+ }(React__default["default"].PureComponent);
50394
50426
  Anchors.propTypes
50395
50427
  /* remove-proptypes */
50396
50428
  = {
50397
- categories: PropTypes__default['default'].array,
50398
- onAnchorClick: PropTypes__default['default'].func,
50399
- icons: PropTypes__default['default'].object
50429
+ categories: PropTypes__default["default"].array,
50430
+ onAnchorClick: PropTypes__default["default"].func,
50431
+ icons: PropTypes__default["default"].object
50400
50432
  };
50401
50433
  Anchors.defaultProps = {
50402
50434
  categories: [],
@@ -50679,7 +50711,7 @@ var NimbleEmoji = function NimbleEmoji(props) {
50679
50711
  style = _convertStyleToCSS(style);
50680
50712
  return "<".concat(Tag.name, " style='").concat(style, "' aria-label='").concat(label, "' ").concat(title ? "title='".concat(title, "'") : '', " class='").concat(className, "'>").concat(children || '', "</").concat(Tag.name, ">");
50681
50713
  } else {
50682
- return React__default['default'].createElement(Tag.name, _extends({
50714
+ return React__default["default"].createElement(Tag.name, _extends({
50683
50715
  onClick: function onClick(e) {
50684
50716
  return _handleClick(e, props);
50685
50717
  },
@@ -50692,7 +50724,7 @@ var NimbleEmoji = function NimbleEmoji(props) {
50692
50724
  "aria-label": label,
50693
50725
  title: title,
50694
50726
  className: className
50695
- }, Tag.props), React__default['default'].createElement("span", {
50727
+ }, Tag.props), React__default["default"].createElement("span", {
50696
50728
  style: style
50697
50729
  }, children));
50698
50730
  }
@@ -50701,7 +50733,7 @@ var NimbleEmoji = function NimbleEmoji(props) {
50701
50733
  NimbleEmoji.propTypes
50702
50734
  /* remove-proptypes */
50703
50735
  = _objectSpread$6({}, EmojiPropTypes, {
50704
- data: PropTypes__default['default'].object.isRequired
50736
+ data: PropTypes__default["default"].object.isRequired
50705
50737
  });
50706
50738
  NimbleEmoji.defaultProps = EmojiDefaultProps;
50707
50739
 
@@ -50757,7 +50789,7 @@ var NotFound = /*#__PURE__*/function (_React$PureComponent) {
50757
50789
  i18n = _this$props.i18n,
50758
50790
  notFound = _this$props.notFound,
50759
50791
  notFoundEmoji = _this$props.notFoundEmoji;
50760
- var component = notFound && notFound() || React__default['default'].createElement("div", {
50792
+ var component = notFound && notFound() || React__default["default"].createElement("div", {
50761
50793
  className: "emoji-mart-no-results"
50762
50794
  }, NimbleEmoji(_objectSpread$5({
50763
50795
  data: data
@@ -50767,7 +50799,7 @@ var NotFound = /*#__PURE__*/function (_React$PureComponent) {
50767
50799
  onOver: null,
50768
50800
  onLeave: null,
50769
50801
  onClick: null
50770
- })), React__default['default'].createElement("div", {
50802
+ })), React__default["default"].createElement("div", {
50771
50803
  className: "emoji-mart-no-results-label"
50772
50804
  }, i18n.notfound));
50773
50805
  return component;
@@ -50775,12 +50807,12 @@ var NotFound = /*#__PURE__*/function (_React$PureComponent) {
50775
50807
  }]);
50776
50808
 
50777
50809
  return NotFound;
50778
- }(React__default['default'].PureComponent);
50810
+ }(React__default["default"].PureComponent);
50779
50811
  NotFound.propTypes
50780
50812
  /* remove-proptypes */
50781
50813
  = {
50782
- notFound: PropTypes__default['default'].func.isRequired,
50783
- emojiProps: PropTypes__default['default'].object.isRequired
50814
+ notFound: PropTypes__default["default"].func.isRequired,
50815
+ emojiProps: PropTypes__default["default"].object.isRequired
50784
50816
  };
50785
50817
 
50786
50818
  function ownKeys$4(object, enumerableOnly) {
@@ -51018,31 +51050,31 @@ var Category = /*#__PURE__*/function (_React$Component) {
51018
51050
  }
51019
51051
 
51020
51052
  var label = i18n.categories[id] || name;
51021
- return React__default['default'].createElement("section", {
51053
+ return React__default["default"].createElement("section", {
51022
51054
  ref: this.setContainerRef,
51023
51055
  className: "emoji-mart-category",
51024
51056
  "aria-label": label,
51025
51057
  style: containerStyles
51026
- }, React__default['default'].createElement("div", {
51058
+ }, React__default["default"].createElement("div", {
51027
51059
  style: labelStyles,
51028
51060
  "data-name": name,
51029
51061
  className: "emoji-mart-category-label"
51030
- }, React__default['default'].createElement("span", {
51062
+ }, React__default["default"].createElement("span", {
51031
51063
  style: labelSpanStyles,
51032
51064
  ref: this.setLabelRef,
51033
51065
  "aria-hidden": true
51034
51066
  /* already labeled by the section aria-label */
51035
51067
 
51036
- }, label)), React__default['default'].createElement("ul", {
51068
+ }, label)), React__default["default"].createElement("ul", {
51037
51069
  className: "emoji-mart-category-list"
51038
51070
  }, emojis && emojis.map(function (emoji) {
51039
- return React__default['default'].createElement("li", {
51071
+ return React__default["default"].createElement("li", {
51040
51072
  key: emoji.short_names && emoji.short_names.join('_') || emoji
51041
51073
  }, NimbleEmoji(_objectSpread$4({
51042
51074
  emoji: emoji,
51043
51075
  data: _this3.data
51044
51076
  }, emojiProps)));
51045
- })), emojis && !emojis.length && React__default['default'].createElement(NotFound, {
51077
+ })), emojis && !emojis.length && React__default["default"].createElement(NotFound, {
51046
51078
  i18n: i18n,
51047
51079
  notFound: notFound,
51048
51080
  notFoundEmoji: notFoundEmoji,
@@ -51053,19 +51085,19 @@ var Category = /*#__PURE__*/function (_React$Component) {
51053
51085
  }]);
51054
51086
 
51055
51087
  return Category;
51056
- }(React__default['default'].Component);
51088
+ }(React__default["default"].Component);
51057
51089
  Category.propTypes
51058
51090
  /* remove-proptypes */
51059
51091
  = {
51060
- emojis: PropTypes__default['default'].array,
51061
- hasStickyPosition: PropTypes__default['default'].bool,
51062
- name: PropTypes__default['default'].string.isRequired,
51063
- "native": PropTypes__default['default'].bool.isRequired,
51064
- perLine: PropTypes__default['default'].number.isRequired,
51065
- emojiProps: PropTypes__default['default'].object.isRequired,
51066
- recent: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
51067
- notFound: PropTypes__default['default'].func,
51068
- notFoundEmoji: PropTypes__default['default'].string.isRequired
51092
+ emojis: PropTypes__default["default"].array,
51093
+ hasStickyPosition: PropTypes__default["default"].bool,
51094
+ name: PropTypes__default["default"].string.isRequired,
51095
+ "native": PropTypes__default["default"].bool.isRequired,
51096
+ perLine: PropTypes__default["default"].number.isRequired,
51097
+ emojiProps: PropTypes__default["default"].object.isRequired,
51098
+ recent: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
51099
+ notFound: PropTypes__default["default"].func,
51100
+ notFoundEmoji: PropTypes__default["default"].string.isRequired
51069
51101
  };
51070
51102
  Category.defaultProps = {
51071
51103
  emojis: [],
@@ -51115,12 +51147,12 @@ var Skins = /*#__PURE__*/function (_React$PureComponent) {
51115
51147
  }]);
51116
51148
 
51117
51149
  return Skins;
51118
- }(React__default['default'].PureComponent);
51150
+ }(React__default["default"].PureComponent);
51119
51151
  Skins.propTypes
51120
51152
  /* remove-proptypes */
51121
51153
  = {
51122
- onChange: PropTypes__default['default'].func,
51123
- skin: PropTypes__default['default'].number.isRequired
51154
+ onChange: PropTypes__default["default"].func,
51155
+ skin: PropTypes__default["default"].number.isRequired
51124
51156
  };
51125
51157
  Skins.defaultProps = {
51126
51158
  onChange: function onChange() {}
@@ -51153,10 +51185,10 @@ var SkinsEmoji = /*#__PURE__*/function (_Skins) {
51153
51185
 
51154
51186
  for (var skinTone = 1; skinTone <= 6; skinTone++) {
51155
51187
  var selected = skinTone === skin;
51156
- skinToneNodes.push(React__default['default'].createElement("span", {
51188
+ skinToneNodes.push(React__default["default"].createElement("span", {
51157
51189
  key: "skin-tone-".concat(skinTone),
51158
51190
  className: "emoji-mart-skin-swatch custom".concat(selected ? ' selected' : '')
51159
- }, React__default['default'].createElement("span", {
51191
+ }, React__default["default"].createElement("span", {
51160
51192
  onClick: this.handleClick,
51161
51193
  "data-skin": skinTone,
51162
51194
  className: "emoji-mart-skin-tone-".concat(skinTone)
@@ -51172,9 +51204,9 @@ var SkinsEmoji = /*#__PURE__*/function (_Skins) {
51172
51204
  }))));
51173
51205
  }
51174
51206
 
51175
- return React__default['default'].createElement("div", {
51207
+ return React__default["default"].createElement("div", {
51176
51208
  className: "emoji-mart-skin-swatches custom".concat(opened ? ' opened' : '')
51177
- }, React__default['default'].createElement("div", {
51209
+ }, React__default["default"].createElement("div", {
51178
51210
  className: "emoji-mart-skin-text".concat(opened ? ' opened' : '')
51179
51211
  }, i18n.skintext), skinToneNodes);
51180
51212
  }
@@ -51185,12 +51217,12 @@ var SkinsEmoji = /*#__PURE__*/function (_Skins) {
51185
51217
  SkinsEmoji.propTypes
51186
51218
  /* remove-proptypes */
51187
51219
  = {
51188
- onChange: PropTypes__default['default'].func,
51189
- skin: PropTypes__default['default'].number.isRequired,
51190
- emojiProps: PropTypes__default['default'].object.isRequired,
51191
- skinTone: PropTypes__default['default'].number,
51192
- skinEmoji: PropTypes__default['default'].string.isRequired,
51193
- i18n: PropTypes__default['default'].object
51220
+ onChange: PropTypes__default["default"].func,
51221
+ skin: PropTypes__default["default"].number.isRequired,
51222
+ emojiProps: PropTypes__default["default"].object.isRequired,
51223
+ skinTone: PropTypes__default["default"].number,
51224
+ skinEmoji: PropTypes__default["default"].string.isRequired,
51225
+ i18n: PropTypes__default["default"].object
51194
51226
  };
51195
51227
  SkinsEmoji.defaultProps = {
51196
51228
  onChange: function onChange() {},
@@ -51232,14 +51264,14 @@ var SkinsDot = /*#__PURE__*/function (_Skins) {
51232
51264
  for (var skinTone = 1; skinTone <= 6; skinTone++) {
51233
51265
  var selected = skinTone === skin;
51234
51266
  var visible = opened || selected;
51235
- skinToneNodes.push(React__default['default'].createElement("span", _extends({
51267
+ skinToneNodes.push(React__default["default"].createElement("span", _extends({
51236
51268
  key: "skin-tone-".concat(skinTone),
51237
51269
  className: "emoji-mart-skin-swatch".concat(selected ? ' selected' : ''),
51238
51270
  "aria-label": i18n.skintones[skinTone],
51239
51271
  "aria-hidden": !visible
51240
51272
  }, opened ? {
51241
51273
  role: 'menuitem'
51242
- } : {}), React__default['default'].createElement("span", _extends({
51274
+ } : {}), React__default["default"].createElement("span", _extends({
51243
51275
  onClick: this.handleClick,
51244
51276
  onKeyDown: this.handleKeyDown,
51245
51277
  role: "button"
@@ -51257,10 +51289,10 @@ var SkinsDot = /*#__PURE__*/function (_Skins) {
51257
51289
  }))));
51258
51290
  }
51259
51291
 
51260
- return React__default['default'].createElement("section", {
51292
+ return React__default["default"].createElement("section", {
51261
51293
  className: "emoji-mart-skin-swatches".concat(opened ? ' opened' : ''),
51262
51294
  "aria-label": i18n.skintext
51263
- }, React__default['default'].createElement("div", opened ? {
51295
+ }, React__default["default"].createElement("div", opened ? {
51264
51296
  role: 'menubar'
51265
51297
  } : {}, skinToneNodes));
51266
51298
  }
@@ -51271,9 +51303,9 @@ var SkinsDot = /*#__PURE__*/function (_Skins) {
51271
51303
  SkinsDot.propTypes
51272
51304
  /* remove-proptypes */
51273
51305
  = {
51274
- onChange: PropTypes__default['default'].func,
51275
- skin: PropTypes__default['default'].number.isRequired,
51276
- i18n: PropTypes__default['default'].object
51306
+ onChange: PropTypes__default["default"].func,
51307
+ skin: PropTypes__default["default"].number.isRequired,
51308
+ i18n: PropTypes__default["default"].object
51277
51309
  };
51278
51310
  SkinsDot.defaultProps = {
51279
51311
  onChange: function onChange() {}
@@ -51356,59 +51388,59 @@ var Preview = /*#__PURE__*/function (_React$PureComponent) {
51356
51388
  knownEmoticons.push(emoticon.toLowerCase());
51357
51389
  listedEmoticons.push(emoticon);
51358
51390
  });
51359
- return React__default['default'].createElement("div", {
51391
+ return React__default["default"].createElement("div", {
51360
51392
  className: "emoji-mart-preview"
51361
- }, React__default['default'].createElement("div", {
51393
+ }, React__default["default"].createElement("div", {
51362
51394
  className: "emoji-mart-preview-emoji",
51363
51395
  "aria-hidden": "true"
51364
51396
  }, NimbleEmoji(_objectSpread$3({
51365
51397
  key: emoji.id,
51366
51398
  emoji: emoji,
51367
51399
  data: this.data
51368
- }, emojiProps))), React__default['default'].createElement("div", {
51400
+ }, emojiProps))), React__default["default"].createElement("div", {
51369
51401
  className: "emoji-mart-preview-data",
51370
51402
  "aria-hidden": "true"
51371
- }, React__default['default'].createElement("div", {
51403
+ }, React__default["default"].createElement("div", {
51372
51404
  className: "emoji-mart-preview-name"
51373
- }, emoji.name), React__default['default'].createElement("div", {
51405
+ }, emoji.name), React__default["default"].createElement("div", {
51374
51406
  className: "emoji-mart-preview-shortnames"
51375
51407
  }, emojiData.short_names.map(function (short_name) {
51376
- return React__default['default'].createElement("span", {
51408
+ return React__default["default"].createElement("span", {
51377
51409
  key: short_name,
51378
51410
  className: "emoji-mart-preview-shortname"
51379
51411
  }, ":", short_name, ":");
51380
- })), React__default['default'].createElement("div", {
51412
+ })), React__default["default"].createElement("div", {
51381
51413
  className: "emoji-mart-preview-emoticons"
51382
51414
  }, listedEmoticons.map(function (emoticon) {
51383
- return React__default['default'].createElement("span", {
51415
+ return React__default["default"].createElement("span", {
51384
51416
  key: emoticon,
51385
51417
  className: "emoji-mart-preview-emoticon"
51386
51418
  }, emoticon);
51387
51419
  }))));
51388
51420
  } else {
51389
- return React__default['default'].createElement("div", {
51421
+ return React__default["default"].createElement("div", {
51390
51422
  className: "emoji-mart-preview"
51391
- }, React__default['default'].createElement("div", {
51423
+ }, React__default["default"].createElement("div", {
51392
51424
  className: "emoji-mart-preview-emoji",
51393
51425
  "aria-hidden": "true"
51394
51426
  }, idleEmoji && idleEmoji.length && NimbleEmoji(_objectSpread$3({
51395
51427
  emoji: idleEmoji,
51396
51428
  data: this.data
51397
- }, emojiProps))), React__default['default'].createElement("div", {
51429
+ }, emojiProps))), React__default["default"].createElement("div", {
51398
51430
  className: "emoji-mart-preview-data",
51399
51431
  "aria-hidden": "true"
51400
- }, React__default['default'].createElement("span", {
51432
+ }, React__default["default"].createElement("span", {
51401
51433
  className: "emoji-mart-title-label"
51402
- }, title)), showSkinTones && React__default['default'].createElement("div", {
51434
+ }, title)), showSkinTones && React__default["default"].createElement("div", {
51403
51435
  className: "emoji-mart-preview-skins".concat(skinsProps.skinEmoji ? ' custom' : '')
51404
- }, skinsProps.skinEmoji ? React__default['default'].createElement(SkinsEmoji, {
51436
+ }, skinsProps.skinEmoji ? React__default["default"].createElement(SkinsEmoji, {
51405
51437
  skin: skinsProps.skin,
51406
51438
  emojiProps: emojiProps,
51407
51439
  data: this.data,
51408
51440
  skinEmoji: skinsProps.skinEmoji,
51409
51441
  i18n: i18n,
51410
51442
  onChange: skinsProps.onChange
51411
- }) : React__default['default'].createElement(SkinsDot, {
51443
+ }) : React__default["default"].createElement(SkinsDot, {
51412
51444
  skin: skinsProps.skin,
51413
51445
  i18n: i18n,
51414
51446
  onChange: skinsProps.onChange
@@ -51418,15 +51450,15 @@ var Preview = /*#__PURE__*/function (_React$PureComponent) {
51418
51450
  }]);
51419
51451
 
51420
51452
  return Preview;
51421
- }(React__default['default'].PureComponent);
51453
+ }(React__default["default"].PureComponent);
51422
51454
  Preview.propTypes
51423
51455
  /* remove-proptypes */
51424
51456
  = {
51425
- showSkinTones: PropTypes__default['default'].bool,
51426
- title: PropTypes__default['default'].string.isRequired,
51427
- emoji: PropTypes__default['default'].string.isRequired,
51428
- emojiProps: PropTypes__default['default'].object.isRequired,
51429
- skinsProps: PropTypes__default['default'].object.isRequired
51457
+ showSkinTones: PropTypes__default["default"].bool,
51458
+ title: PropTypes__default["default"].string.isRequired,
51459
+ emoji: PropTypes__default["default"].string.isRequired,
51460
+ emojiProps: PropTypes__default["default"].object.isRequired,
51461
+ skinsProps: PropTypes__default["default"].object.isRequired
51430
51462
  };
51431
51463
  Preview.defaultProps = {
51432
51464
  showSkinTones: true,
@@ -51524,20 +51556,20 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
51524
51556
  isSearching = _this$state.isSearching,
51525
51557
  id = _this$state.id;
51526
51558
  var inputId = "emoji-mart-search-".concat(id);
51527
- return React__default['default'].createElement("section", {
51559
+ return React__default["default"].createElement("section", {
51528
51560
  className: "emoji-mart-search",
51529
51561
  "aria-label": i18n.search
51530
- }, React__default['default'].createElement("input", {
51562
+ }, React__default["default"].createElement("input", {
51531
51563
  id: inputId,
51532
51564
  ref: this.setRef,
51533
51565
  type: "search",
51534
51566
  onChange: this.handleChange,
51535
51567
  placeholder: i18n.search,
51536
51568
  autoFocus: autoFocus
51537
- }), React__default['default'].createElement("label", {
51569
+ }), React__default["default"].createElement("label", {
51538
51570
  className: "emoji-mart-sr-only",
51539
51571
  htmlFor: inputId
51540
- }, i18n.search), React__default['default'].createElement("button", {
51572
+ }, i18n.search), React__default["default"].createElement("button", {
51541
51573
  className: "emoji-mart-search-icon",
51542
51574
  onClick: this.clear,
51543
51575
  onKeyUp: this.handleKeyUp,
@@ -51548,14 +51580,14 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
51548
51580
  }]);
51549
51581
 
51550
51582
  return Search;
51551
- }(React__default['default'].PureComponent);
51583
+ }(React__default["default"].PureComponent);
51552
51584
  Search.propTypes
51553
51585
  /* remove-proptypes */
51554
51586
  = {
51555
- onSearch: PropTypes__default['default'].func,
51556
- maxResults: PropTypes__default['default'].number,
51557
- emojisToShowFilter: PropTypes__default['default'].func,
51558
- autoFocus: PropTypes__default['default'].bool
51587
+ onSearch: PropTypes__default["default"].func,
51588
+ maxResults: PropTypes__default["default"].number,
51589
+ emojisToShowFilter: PropTypes__default["default"].func,
51590
+ autoFocus: PropTypes__default["default"].bool
51559
51591
  };
51560
51592
  Search.defaultProps = {
51561
51593
  onSearch: function onSearch() {},
@@ -52149,16 +52181,16 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
52149
52181
  var width = perLine * (emojiSize + 12) + 12 + 2 + measureScrollbar();
52150
52182
  var theme = this.getPreferredTheme();
52151
52183
  var skin = this.props.skin || this.state.skin || store.get('skin') || this.props.defaultSkin;
52152
- return React__default['default'].createElement("section", {
52184
+ return React__default["default"].createElement("section", {
52153
52185
  style: _objectSpread$2({
52154
52186
  width: width
52155
52187
  }, style),
52156
52188
  className: "emoji-mart emoji-mart-".concat(theme),
52157
52189
  "aria-label": title,
52158
52190
  onKeyDown: this.handleKeyDown
52159
- }, React__default['default'].createElement("div", {
52191
+ }, React__default["default"].createElement("div", {
52160
52192
  className: "emoji-mart-bar"
52161
- }, React__default['default'].createElement(Anchors, {
52193
+ }, React__default["default"].createElement(Anchors, {
52162
52194
  ref: this.setAnchorsRef,
52163
52195
  data: this.data,
52164
52196
  i18n: this.i18n,
@@ -52166,7 +52198,7 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
52166
52198
  categories: this.categories,
52167
52199
  onAnchorClick: this.handleAnchorClick,
52168
52200
  icons: this.icons
52169
- })), React__default['default'].createElement(Search, {
52201
+ })), React__default["default"].createElement(Search, {
52170
52202
  ref: this.setSearchRef,
52171
52203
  onSearch: this.handleSearch,
52172
52204
  data: this.data,
@@ -52176,12 +52208,12 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
52176
52208
  exclude: exclude,
52177
52209
  custom: this.CUSTOM,
52178
52210
  autoFocus: autoFocus
52179
- }), React__default['default'].createElement("div", {
52211
+ }), React__default["default"].createElement("div", {
52180
52212
  ref: this.setScrollRef,
52181
52213
  className: "emoji-mart-scroll",
52182
52214
  onScroll: this.handleScroll
52183
52215
  }, this.getCategories().map(function (category, i) {
52184
- return React__default['default'].createElement(Category, {
52216
+ return React__default["default"].createElement(Category, {
52185
52217
  ref: _this4.setCategoryRef.bind(_this4, "category-".concat(i)),
52186
52218
  key: category.name,
52187
52219
  id: category.id,
@@ -52213,9 +52245,9 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
52213
52245
  notFound: notFound,
52214
52246
  notFoundEmoji: notFoundEmoji
52215
52247
  });
52216
- })), (showPreview || showSkinTones) && React__default['default'].createElement("div", {
52248
+ })), (showPreview || showSkinTones) && React__default["default"].createElement("div", {
52217
52249
  className: "emoji-mart-bar"
52218
- }, React__default['default'].createElement(Preview, {
52250
+ }, React__default["default"].createElement(Preview, {
52219
52251
  ref: this.setPreviewRef,
52220
52252
  data: this.data,
52221
52253
  title: title,
@@ -52243,11 +52275,11 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
52243
52275
  }]);
52244
52276
 
52245
52277
  return NimblePicker;
52246
- }(React__default['default'].PureComponent);
52278
+ }(React__default["default"].PureComponent);
52247
52279
  NimblePicker.propTypes
52248
52280
  /* remove-proptypes */
52249
52281
  = _objectSpread$2({}, PickerPropTypes, {
52250
- data: PropTypes__default['default'].object.isRequired
52282
+ data: PropTypes__default["default"].object.isRequired
52251
52283
  });
52252
52284
  NimblePicker.defaultProps = _objectSpread$2({}, PickerDefaultProps);
52253
52285
 
@@ -52297,12 +52329,12 @@ var Picker = /*#__PURE__*/function (_React$PureComponent) {
52297
52329
  _createClass(Picker, [{
52298
52330
  key: "render",
52299
52331
  value: function render() {
52300
- return React__default['default'].createElement(NimblePicker, _extends({}, this.props, this.state));
52332
+ return React__default["default"].createElement(NimblePicker, _extends({}, this.props, this.state));
52301
52333
  }
52302
52334
  }]);
52303
52335
 
52304
52336
  return Picker;
52305
- }(React__default['default'].PureComponent);
52337
+ }(React__default["default"].PureComponent);
52306
52338
  Picker.propTypes
52307
52339
  /* remove-proptypes */
52308
52340
  = PickerPropTypes;
@@ -52382,7 +52414,7 @@ function EmojiPicker(props) {
52382
52414
 
52383
52415
  return exclude;
52384
52416
  }, [disableRecent]);
52385
- return /*#__PURE__*/React__default['default'].createElement(Picker, {
52417
+ return /*#__PURE__*/React__default["default"].createElement(Picker, {
52386
52418
  theme: theme,
52387
52419
  set: "apple",
52388
52420
  showPreview: false,
@@ -52394,10 +52426,10 @@ function EmojiPicker(props) {
52394
52426
  }
52395
52427
 
52396
52428
  EmojiPicker.propTypes = {
52397
- theme: PropTypes__default['default'].oneOf(['light', 'dark', 'auto']),
52398
- onSelectEmoji: PropTypes__default['default'].func,
52399
- disableRecent: PropTypes__default['default'].bool,
52400
- customEmojis: PropTypes__default['default'].array
52429
+ theme: PropTypes__default["default"].oneOf(['light', 'dark', 'auto']),
52430
+ onSelectEmoji: PropTypes__default["default"].func,
52431
+ disableRecent: PropTypes__default["default"].bool,
52432
+ customEmojis: PropTypes__default["default"].array
52401
52433
  };
52402
52434
  var EmojiPicker$1 = /*#__PURE__*/React.memo(EmojiPicker);
52403
52435
 
@@ -52488,31 +52520,31 @@ const EmojiPickerWrapper = props => {
52488
52520
  }
52489
52521
  }
52490
52522
 
52491
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
52523
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
52492
52524
  className: "react-emoji-picker--container"
52493
- }, showPicker && /*#__PURE__*/React__default['default'].createElement("div", {
52525
+ }, showPicker && /*#__PURE__*/React__default["default"].createElement("div", {
52494
52526
  className: "react-emoji-picker--wrapper",
52495
52527
  onClick: evt => evt.stopPropagation()
52496
- }, /*#__PURE__*/React__default['default'].createElement("div", {
52528
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52497
52529
  className: "react-emoji-picker"
52498
- }, /*#__PURE__*/React__default['default'].createElement(EmojiPicker$1, {
52530
+ }, /*#__PURE__*/React__default["default"].createElement(EmojiPicker$1, {
52499
52531
  theme: theme,
52500
52532
  onSelectEmoji: handleSelectEmoji,
52501
52533
  disableRecent: disableRecent,
52502
52534
  customEmojis: customEmojis
52503
- })))), /*#__PURE__*/React__default['default'].createElement("button", {
52535
+ })))), /*#__PURE__*/React__default["default"].createElement("button", {
52504
52536
  type: "button",
52505
52537
  className: `react-input-emoji--button${showPicker ? " react-input-emoji--button__show" : ""}`,
52506
52538
  onClick: toggleShowPicker
52507
- }, /*#__PURE__*/React__default['default'].createElement("svg", {
52539
+ }, /*#__PURE__*/React__default["default"].createElement("svg", {
52508
52540
  xmlns: "http://www.w3.org/2000/svg",
52509
52541
  viewBox: "0 0 24 24",
52510
52542
  width: "24",
52511
52543
  height: "24",
52512
52544
  className: "react-input-emoji--button--icon"
52513
- }, /*#__PURE__*/React__default['default'].createElement("path", {
52545
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
52514
52546
  d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
52515
- }), /*#__PURE__*/React__default['default'].createElement("path", {
52547
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
52516
52548
  d: "M8 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 8 7M16 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 16 7M15.232 15c-.693 1.195-1.87 2-3.349 2-1.477 0-2.655-.805-3.347-2H15m3-2H6a6 6 0 1 0 12 0"
52517
52549
  }))));
52518
52550
  };
@@ -52613,7 +52645,7 @@ function getElementWithFocus() {
52613
52645
 
52614
52646
  function getSelectionStart() {
52615
52647
  const node = document.getSelection().anchorNode;
52616
- return (node === null || node === void 0 ? void 0 : node.nodeType) == 3 ? node : null;
52648
+ return node?.nodeType == 3 ? node : null;
52617
52649
  }
52618
52650
 
52619
52651
  // @ts-check
@@ -52658,11 +52690,9 @@ function useMention(searchMention) {
52658
52690
  /** @type {(event: React.KeyboardEvent) => void} */
52659
52691
 
52660
52692
  const onKeyUp = React.useCallback(async event => {
52661
- var _getElementWithFocus;
52662
-
52663
52693
  if (typeof searchMention !== "function") return;
52664
52694
 
52665
- if (event.key === "Backspace" && (_getElementWithFocus = getElementWithFocus()) !== null && _getElementWithFocus !== void 0 && _getElementWithFocus.element.parentElement.hasAttribute("data-mention-id")) {
52695
+ if (event.key === "Backspace" && getElementWithFocus()?.element.parentElement.hasAttribute("data-mention-id")) {
52666
52696
  const elementWithFocus = getElementWithFocus();
52667
52697
  elementWithFocus.element.parentElement.remove();
52668
52698
  } else if (!["ArrowUp", "ArrowDown", "Esc", "Escape"].includes(event.key)) {
@@ -52799,20 +52829,20 @@ const MentionUserList = ({
52799
52829
  unsubscribe();
52800
52830
  };
52801
52831
  }, [addEventListener, onSelect, selectedUser, usersFiltered]);
52802
- return /*#__PURE__*/React__default['default'].createElement("ul", {
52832
+ return /*#__PURE__*/React__default["default"].createElement("ul", {
52803
52833
  className: "react-input-emoji--mention--list",
52804
52834
  "data-testid": "mention-user-list"
52805
- }, usersFiltered.map((user, index) => /*#__PURE__*/React__default['default'].createElement("li", {
52835
+ }, usersFiltered.map((user, index) => /*#__PURE__*/React__default["default"].createElement("li", {
52806
52836
  key: user.id
52807
- }, /*#__PURE__*/React__default['default'].createElement("button", {
52837
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
52808
52838
  type: "button",
52809
52839
  onClick: handleClick(user),
52810
52840
  className: `react-input-emoji--mention--item${selectedUser === index ? " react-input-emoji--mention--item__selected" : ""}`,
52811
52841
  onMouseOver: () => setSelectedUser(index)
52812
- }, /*#__PURE__*/React__default['default'].createElement("img", {
52842
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
52813
52843
  className: "react-input-emoji--mention--item--img",
52814
52844
  src: user.image
52815
- }), /*#__PURE__*/React__default['default'].createElement("div", {
52845
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
52816
52846
  className: "react-input-emoji--mention--item--name",
52817
52847
  dangerouslySetInnerHTML: {
52818
52848
  __html: user.nameHtml
@@ -52822,7 +52852,7 @@ const MentionUserList = ({
52822
52852
 
52823
52853
  const MentionUserListWithRef = /*#__PURE__*/React.forwardRef(MentionUserList);
52824
52854
  MentionUserListWithRef.propTypes = {
52825
- users: PropTypes__default['default'].array.isRequired
52855
+ users: PropTypes__default["default"].array.isRequired
52826
52856
  };
52827
52857
 
52828
52858
  // @ts-check
@@ -52951,16 +52981,16 @@ const MentionWrapper = ({
52951
52981
  appendContent(`<span class="react-input-emoji--mention--text" data-mention-id="${user.id}" data-mention-name="${user.name}">@${user.name}</span> `);
52952
52982
  }
52953
52983
 
52954
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, loading ? /*#__PURE__*/React__default['default'].createElement("div", {
52984
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, loading ? /*#__PURE__*/React__default["default"].createElement("div", {
52955
52985
  className: "react-input-emoji--mention--container"
52956
- }, /*#__PURE__*/React__default['default'].createElement("div", {
52986
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52957
52987
  className: "react-input-emoji--mention--loading"
52958
- }, /*#__PURE__*/React__default['default'].createElement("div", {
52988
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52959
52989
  className: "react-input-emoji--mention--loading--spinner"
52960
- }, "Loading..."))) : showUserList && /*#__PURE__*/React__default['default'].createElement("div", {
52990
+ }, "Loading..."))) : showUserList && /*#__PURE__*/React__default["default"].createElement("div", {
52961
52991
  className: "react-input-emoji--mention--container",
52962
52992
  onClick: evt => evt.stopPropagation()
52963
- }, /*#__PURE__*/React__default['default'].createElement(MentionUserListWithRef, {
52993
+ }, /*#__PURE__*/React__default["default"].createElement(MentionUserListWithRef, {
52964
52994
  ref: metionUserListRef,
52965
52995
  mentionSearchText: mentionSearchText,
52966
52996
  users: mentionUsers,
@@ -53013,7 +53043,8 @@ function useEventListeners() {
53013
53043
  arrowUp: createObserver(),
53014
53044
  arrowDown: createObserver(),
53015
53045
  enter: createObserver(),
53016
- focus: createObserver()
53046
+ focus: createObserver(),
53047
+ blur: createObserver()
53017
53048
  }), []);
53018
53049
  /**
53019
53050
  * @template {keyof TextInputListeners} T, K
@@ -53079,6 +53110,7 @@ function usePollute() {
53079
53110
  * @property {(size: {width: number, height: number}) => void} onResize
53080
53111
  * @property {() => void} onClick
53081
53112
  * @property {() => void} onFocus
53113
+ * @property {() => void=} onBlur
53082
53114
  * @property {number} maxLength
53083
53115
  * @property {boolean} keepOpened
53084
53116
  * @property {(event: KeyboardEvent) => void} onKeyDown
@@ -53108,6 +53140,7 @@ function InputEmoji(props, ref) {
53108
53140
  onResize,
53109
53141
  onClick,
53110
53142
  onFocus,
53143
+ onBlur,
53111
53144
  onKeyDown,
53112
53145
  theme,
53113
53146
  cleanOnEnter,
@@ -53126,7 +53159,7 @@ function InputEmoji(props, ref) {
53126
53159
  fontSize,
53127
53160
  fontFamily
53128
53161
  } = props;
53129
- /** @type {React.MutableRefObject<import('./text-input').Ref>} */
53162
+ /** @type {React.MutableRefObject<import('./text-input').Ref | null>} */
53130
53163
 
53131
53164
  const textInputRef = React.useRef(null);
53132
53165
  const {
@@ -53143,6 +53176,7 @@ function InputEmoji(props, ref) {
53143
53176
  pollute
53144
53177
  } = usePollute();
53145
53178
  const updateHTML = React.useCallback((nextValue = "") => {
53179
+ if (textInputRef.current === null) return;
53146
53180
  textInputRef.current.html = replaceAllTextEmojis(nextValue);
53147
53181
  sanitizedTextRef.current = nextValue;
53148
53182
  }, [sanitizedTextRef]);
@@ -53171,11 +53205,11 @@ function InputEmoji(props, ref) {
53171
53205
  * @return {boolean}
53172
53206
  */
53173
53207
  function handleKeydown(event) {
53174
- if (typeof maxLength !== "undefined" && event.key !== "Backspace" && totalCharacters(textInputRef.current) >= maxLength) {
53208
+ if (typeof maxLength !== "undefined" && event.key !== "Backspace" && textInputRef.current !== null && totalCharacters(textInputRef.current) >= maxLength) {
53175
53209
  event.preventDefault();
53176
53210
  }
53177
53211
 
53178
- if (event.key === "Enter") {
53212
+ if (event.key === "Enter" && textInputRef.current) {
53179
53213
  event.preventDefault();
53180
53214
  const text = sanitize(textInputRef.current.html);
53181
53215
  emitChange(sanitizedTextRef.current);
@@ -53224,6 +53258,19 @@ function InputEmoji(props, ref) {
53224
53258
  unsubscribe();
53225
53259
  };
53226
53260
  }, [addEventListener, onClick, onFocus]);
53261
+ React.useEffect(() => {
53262
+ /** */
53263
+ function handleBlur() {
53264
+ if (typeof onBlur === 'function') {
53265
+ onBlur();
53266
+ }
53267
+ }
53268
+
53269
+ const unsubscribe = addEventListener('blur', handleBlur);
53270
+ return () => {
53271
+ unsubscribe();
53272
+ };
53273
+ }, [addEventListener, onBlur]);
53227
53274
  /**
53228
53275
  *
53229
53276
  * @param {string} html
@@ -53240,11 +53287,13 @@ function InputEmoji(props, ref) {
53240
53287
 
53241
53288
 
53242
53289
  function appendContent(html) {
53243
- if (typeof maxLength !== "undefined" && totalCharacters(textInputRef.current) >= maxLength) {
53290
+ if (typeof maxLength !== "undefined" && textInputRef.current !== null && totalCharacters(textInputRef.current) >= maxLength) {
53244
53291
  return;
53245
53292
  }
53246
53293
 
53247
- textInputRef.current.appendContent(html);
53294
+ if (textInputRef.current !== null) {
53295
+ textInputRef.current.appendContent(html);
53296
+ }
53248
53297
  }
53249
53298
  /**
53250
53299
  * Handle copy of current selected text
@@ -53273,17 +53322,18 @@ function InputEmoji(props, ref) {
53273
53322
  }
53274
53323
  }
53275
53324
 
53276
- return /*#__PURE__*/React__default['default'].createElement("div", {
53325
+ return /*#__PURE__*/React__default["default"].createElement("div", {
53277
53326
  className: "react-emoji"
53278
- }, /*#__PURE__*/React__default['default'].createElement(MentionWrapper, {
53327
+ }, /*#__PURE__*/React__default["default"].createElement(MentionWrapper, {
53279
53328
  searchMention: searchMention,
53280
53329
  addEventListener: addEventListener,
53281
53330
  appendContent: appendContent,
53282
53331
  addSanitizeFn: addSanitizeFn
53283
- }), /*#__PURE__*/React__default['default'].createElement(TextInputWithRef, {
53332
+ }), /*#__PURE__*/React__default["default"].createElement(TextInputWithRef, {
53284
53333
  ref: textInputRef,
53285
53334
  onCopy: handleCopy,
53286
53335
  onPaste: handlePaste,
53336
+ onBlur: listeners.blur.publish,
53287
53337
  onFocus: listeners.focus.publish,
53288
53338
  onArrowUp: listeners.arrowUp.publish,
53289
53339
  onArrowDown: listeners.arrowDown.publish,
@@ -53300,7 +53350,7 @@ function InputEmoji(props, ref) {
53300
53350
  tabIndex: tabIndex,
53301
53351
  className: inputClass,
53302
53352
  onChange: handleTextInputChange
53303
- }), /*#__PURE__*/React__default['default'].createElement(EmojiPickerWrapper, {
53353
+ }), /*#__PURE__*/React__default["default"].createElement(EmojiPickerWrapper, {
53304
53354
  theme: theme,
53305
53355
  keepOpened: keepOpened,
53306
53356
  disableRecent: disableRecent,