react-input-emoji 4.1.0 → 4.3.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.es.js +224 -84
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +426 -285
- package/dist/index.js.map +1 -1
- package/package.json +2 -3
package/dist/index.js
CHANGED
@@ -1,11 +1,13 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
3
|
var React = require('react');
|
4
|
+
var ReactDOM = require('react-dom');
|
4
5
|
var PropTypes = require('prop-types');
|
5
6
|
|
6
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
7
8
|
|
8
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
10
|
+
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
9
11
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
10
12
|
|
11
13
|
function styleInject(css, ref) {
|
@@ -163,6 +165,7 @@ function handlePasteHtmlAtCaret(html) {
|
|
163
165
|
if (window.getSelection) {
|
164
166
|
// IE9 and non-IE
|
165
167
|
sel = window.getSelection();
|
168
|
+
if (sel === null) return;
|
166
169
|
|
167
170
|
if (sel.getRangeAt && sel.rangeCount) {
|
168
171
|
range = sel.getRangeAt(0);
|
@@ -258,7 +261,7 @@ function replaceAllHtmlToString(html) {
|
|
258
261
|
/**
|
259
262
|
* @typedef {Object} Props
|
260
263
|
* @property {React.Ref<any>} ref
|
261
|
-
* @property {React.MutableRefObject<import('../text-input').Ref>} textInputRef
|
264
|
+
* @property {React.MutableRefObject<import('../text-input').Ref | null>} textInputRef
|
262
265
|
* @property {(value: string) => void} setValue
|
263
266
|
* @property {() => void} emitChange
|
264
267
|
*/
|
@@ -288,10 +291,14 @@ function useExpose({
|
|
288
291
|
},
|
289
292
|
|
290
293
|
focus: () => {
|
294
|
+
if (textInputRef.current === null) return;
|
291
295
|
textInputRef.current.focus();
|
292
296
|
},
|
293
297
|
blur: () => {
|
294
|
-
|
298
|
+
if (textInputRef.current !== null) {
|
299
|
+
sanitize(textInputRef.current.html);
|
300
|
+
}
|
301
|
+
|
295
302
|
emitChange();
|
296
303
|
}
|
297
304
|
}));
|
@@ -301,16 +308,17 @@ function useExpose({
|
|
301
308
|
|
302
309
|
/**
|
303
310
|
* useEmit
|
304
|
-
* @param {React.MutableRefObject<import('../text-input').Ref>} textInputRef
|
311
|
+
* @param {React.MutableRefObject<import('../text-input').Ref | null>} textInputRef
|
305
312
|
* @param {(size: {width: number, height: number}) => void} onResize
|
306
313
|
* @param {(text: string) => void} onChange
|
307
314
|
*/
|
308
315
|
|
309
316
|
function useEmit(textInputRef, onResize, onChange) {
|
317
|
+
/** @type {React.MutableRefObject<{width: number; height: number} | null>} */
|
310
318
|
const currentSizeRef = React.useRef(null);
|
311
319
|
const onChangeFn = React.useRef(onChange);
|
312
320
|
const checkAndEmitResize = React.useCallback(() => {
|
313
|
-
if (textInputRef.current) {
|
321
|
+
if (textInputRef.current !== null) {
|
314
322
|
const currentSize = currentSizeRef.current;
|
315
323
|
const nextSize = textInputRef.current.size;
|
316
324
|
|
@@ -344,7 +352,7 @@ function useEmit(textInputRef, onResize, onChange) {
|
|
344
352
|
* @property {(event: React.KeyboardEvent) => void} onKeyDown
|
345
353
|
* @property {(event: React.KeyboardEvent) => void} onKeyUp
|
346
354
|
* @property {() => void} onFocus
|
347
|
-
* @property {() => void
|
355
|
+
* @property {() => void} onBlur
|
348
356
|
* @property {(sanitizedText: string) => void=} onChange
|
349
357
|
* @property {(event: React.KeyboardEvent) => void} onArrowUp
|
350
358
|
* @property {(event: React.KeyboardEvent) => void} onArrowDown
|
@@ -381,40 +389,63 @@ const TextInput = ({
|
|
381
389
|
}, ref) => {
|
382
390
|
React.useImperativeHandle(ref, () => ({
|
383
391
|
appendContent: html => {
|
384
|
-
textInputRef.current
|
392
|
+
if (textInputRef.current) {
|
393
|
+
textInputRef.current.focus();
|
394
|
+
}
|
395
|
+
|
385
396
|
handlePasteHtmlAtCaret(html);
|
386
|
-
textInputRef.current.focus();
|
387
397
|
|
388
|
-
if (textInputRef.current
|
398
|
+
if (textInputRef.current) {
|
399
|
+
textInputRef.current.focus();
|
400
|
+
}
|
401
|
+
|
402
|
+
if (textInputRef.current && placeholderRef.current && textInputRef.current.innerHTML.trim() === "") {
|
389
403
|
placeholderRef.current.style.visibility = "visible";
|
390
|
-
} else {
|
404
|
+
} else if (placeholderRef.current) {
|
391
405
|
placeholderRef.current.style.visibility = "hidden";
|
392
406
|
}
|
393
407
|
|
394
|
-
|
408
|
+
if (textInputRef.current && typeof onChange === 'function') {
|
409
|
+
onChange(textInputRef.current.innerHTML);
|
410
|
+
}
|
395
411
|
},
|
396
412
|
|
397
413
|
set html(value) {
|
398
|
-
textInputRef.current
|
414
|
+
if (textInputRef.current) {
|
415
|
+
textInputRef.current.innerHTML = value;
|
416
|
+
}
|
399
417
|
|
400
|
-
if (
|
401
|
-
|
402
|
-
|
403
|
-
|
418
|
+
if (placeholderRef.current) {
|
419
|
+
if (value.trim() === "") {
|
420
|
+
placeholderRef.current.style.visibility = "visible";
|
421
|
+
} else {
|
422
|
+
placeholderRef.current.style.visibility = "hidden";
|
423
|
+
}
|
404
424
|
}
|
405
425
|
|
406
|
-
onChange
|
426
|
+
if (typeof onChange === 'function' && textInputRef.current) {
|
427
|
+
onChange(textInputRef.current.innerHTML);
|
428
|
+
}
|
407
429
|
},
|
408
430
|
|
409
431
|
get html() {
|
432
|
+
if (!textInputRef.current) return '';
|
410
433
|
return textInputRef.current.innerHTML;
|
411
434
|
},
|
412
435
|
|
413
436
|
get text() {
|
437
|
+
if (!textInputRef.current) return '';
|
414
438
|
return textInputRef.current.innerText;
|
415
439
|
},
|
416
440
|
|
417
441
|
get size() {
|
442
|
+
if (!textInputRef.current) {
|
443
|
+
return {
|
444
|
+
width: 0,
|
445
|
+
height: 0
|
446
|
+
};
|
447
|
+
}
|
448
|
+
|
418
449
|
return {
|
419
450
|
width: textInputRef.current.offsetWidth,
|
420
451
|
height: textInputRef.current.offsetHeight
|
@@ -422,14 +453,15 @@ const TextInput = ({
|
|
422
453
|
},
|
423
454
|
|
424
455
|
focus() {
|
456
|
+
if (!textInputRef.current) return;
|
425
457
|
textInputRef.current.focus();
|
426
458
|
}
|
427
459
|
|
428
460
|
}));
|
429
|
-
/** @type {React.MutableRefObject<HTMLDivElement>} */
|
461
|
+
/** @type {React.MutableRefObject<HTMLDivElement | null>} */
|
430
462
|
|
431
463
|
const placeholderRef = React.useRef(null);
|
432
|
-
/** @type {React.MutableRefObject<HTMLDivElement>} */
|
464
|
+
/** @type {React.MutableRefObject<HTMLDivElement | null>} */
|
433
465
|
|
434
466
|
const textInputRef = React.useRef(null);
|
435
467
|
/**
|
@@ -445,7 +477,7 @@ const TextInput = ({
|
|
445
477
|
} else if (event.key === "ArrowDown") {
|
446
478
|
props.onArrowDown(event);
|
447
479
|
} else {
|
448
|
-
if (event.key.length === 1) {
|
480
|
+
if (event.key.length === 1 && placeholderRef.current) {
|
449
481
|
placeholderRef.current.style.visibility = "hidden";
|
450
482
|
}
|
451
483
|
}
|
@@ -465,30 +497,32 @@ const TextInput = ({
|
|
465
497
|
|
466
498
|
|
467
499
|
function handleKeyUp(event) {
|
468
|
-
var _input$innerText;
|
469
|
-
|
470
500
|
props.onKeyUp(event);
|
471
501
|
const input = textInputRef.current;
|
472
502
|
|
473
|
-
if (
|
474
|
-
|
475
|
-
|
476
|
-
|
503
|
+
if (placeholderRef.current) {
|
504
|
+
if (input?.innerText?.trim() === "") {
|
505
|
+
placeholderRef.current.style.visibility = "visible";
|
506
|
+
} else {
|
507
|
+
placeholderRef.current.style.visibility = "hidden";
|
508
|
+
}
|
477
509
|
}
|
478
510
|
|
479
|
-
onChange
|
511
|
+
if (typeof onChange === 'function' && textInputRef.current) {
|
512
|
+
onChange(textInputRef.current.innerHTML);
|
513
|
+
}
|
480
514
|
}
|
481
515
|
|
482
|
-
return /*#__PURE__*/React__default[
|
516
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
483
517
|
className: "react-input-emoji--container",
|
484
518
|
style: style
|
485
|
-
}, /*#__PURE__*/React__default[
|
519
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
486
520
|
className: "react-input-emoji--wrapper",
|
487
521
|
onClick: handleClick
|
488
|
-
}, /*#__PURE__*/React__default[
|
522
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
489
523
|
ref: placeholderRef,
|
490
524
|
className: "react-input-emoji--placeholder"
|
491
|
-
}, placeholder), /*#__PURE__*/React__default[
|
525
|
+
}, placeholder), /*#__PURE__*/React__default["default"].createElement("div", {
|
492
526
|
ref: textInputRef,
|
493
527
|
onKeyDown: handleKeyDown,
|
494
528
|
onKeyUp: handleKeyUp,
|
@@ -504,6 +538,51 @@ const TextInput = ({
|
|
504
538
|
|
505
539
|
const TextInputWithRef = /*#__PURE__*/React.forwardRef(TextInput);
|
506
540
|
|
541
|
+
/* eslint-disable react/prop-types */
|
542
|
+
/**
|
543
|
+
* @typedef {object} Props
|
544
|
+
* @property {boolean} showPicker
|
545
|
+
* @property {(event: React.MouseEvent) => void} toggleShowPicker
|
546
|
+
* @property {HTMLDivElement=} buttonElement
|
547
|
+
*/
|
548
|
+
|
549
|
+
/**
|
550
|
+
* Emoji Picker Button Component
|
551
|
+
* @param {Props} props
|
552
|
+
* @return {JSX.Element}
|
553
|
+
*/
|
554
|
+
|
555
|
+
function EmojiPickerButton({
|
556
|
+
showPicker,
|
557
|
+
toggleShowPicker,
|
558
|
+
buttonElement
|
559
|
+
}) {
|
560
|
+
const buttonRef = React.useRef(null);
|
561
|
+
const [showCustomButtonContent, setShowCustomButtonContent] = React.useState(false);
|
562
|
+
React.useEffect(() => {
|
563
|
+
if ((buttonElement?.childNodes?.length ?? 0) > 2) {
|
564
|
+
buttonRef.current.appendChild(buttonElement?.childNodes[0]);
|
565
|
+
setShowCustomButtonContent(true);
|
566
|
+
}
|
567
|
+
}, [buttonElement?.childNodes]);
|
568
|
+
return /*#__PURE__*/React__default["default"].createElement("button", {
|
569
|
+
ref: buttonRef,
|
570
|
+
type: "button",
|
571
|
+
className: `react-input-emoji--button${showPicker ? " react-input-emoji--button__show" : ""}`,
|
572
|
+
onClick: toggleShowPicker
|
573
|
+
}, !showCustomButtonContent && /*#__PURE__*/React__default["default"].createElement("svg", {
|
574
|
+
xmlns: "http://www.w3.org/2000/svg",
|
575
|
+
viewBox: "0 0 24 24",
|
576
|
+
width: "24",
|
577
|
+
height: "24",
|
578
|
+
className: "react-input-emoji--button--icon"
|
579
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
580
|
+
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"
|
581
|
+
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
582
|
+
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"
|
583
|
+
})));
|
584
|
+
}
|
585
|
+
|
507
586
|
var compressed = true;
|
508
587
|
var categories$1 = [
|
509
588
|
{
|
@@ -49308,23 +49387,20 @@ function _defineProperties(target, props) {
|
|
49308
49387
|
function _createClass(Constructor, protoProps, staticProps) {
|
49309
49388
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
49310
49389
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
49390
|
+
Object.defineProperty(Constructor, "prototype", {
|
49391
|
+
writable: false
|
49392
|
+
});
|
49311
49393
|
return Constructor;
|
49312
49394
|
}
|
49313
49395
|
|
49314
49396
|
function _typeof(obj) {
|
49315
49397
|
"@babel/helpers - typeof";
|
49316
49398
|
|
49317
|
-
|
49318
|
-
|
49319
|
-
|
49320
|
-
|
49321
|
-
}
|
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);
|
49399
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
49400
|
+
return typeof obj;
|
49401
|
+
} : function (obj) {
|
49402
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
49403
|
+
}, _typeof(obj);
|
49328
49404
|
}
|
49329
49405
|
|
49330
49406
|
var mapping = {
|
@@ -49414,8 +49490,8 @@ var stringFromCodePoint = _String.fromCodePoint || function stringFromCodePoint(
|
|
49414
49490
|
codePoint > 0x10ffff || // not a valid Unicode code point
|
49415
49491
|
Math.floor(codePoint) != codePoint // not an integer
|
49416
49492
|
) {
|
49417
|
-
|
49418
|
-
|
49493
|
+
throw RangeError('Invalid code point: ' + codePoint);
|
49494
|
+
}
|
49419
49495
|
|
49420
49496
|
if (codePoint <= 0xffff) {
|
49421
49497
|
// BMP code point
|
@@ -50018,7 +50094,7 @@ function _defineProperty(obj, key, value) {
|
|
50018
50094
|
}
|
50019
50095
|
|
50020
50096
|
function _extends() {
|
50021
|
-
_extends = Object.assign
|
50097
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
50022
50098
|
for (var i = 1; i < arguments.length; i++) {
|
50023
50099
|
var source = arguments[i];
|
50024
50100
|
|
@@ -50031,7 +50107,6 @@ function _extends() {
|
|
50031
50107
|
|
50032
50108
|
return target;
|
50033
50109
|
};
|
50034
|
-
|
50035
50110
|
return _extends.apply(this, arguments);
|
50036
50111
|
}
|
50037
50112
|
|
@@ -50046,24 +50121,25 @@ function _assertThisInitialized(self) {
|
|
50046
50121
|
function _possibleConstructorReturn(self, call) {
|
50047
50122
|
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
50048
50123
|
return call;
|
50124
|
+
} else if (call !== void 0) {
|
50125
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
50049
50126
|
}
|
50050
50127
|
|
50051
50128
|
return _assertThisInitialized(self);
|
50052
50129
|
}
|
50053
50130
|
|
50054
50131
|
function _getPrototypeOf(o) {
|
50055
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
50132
|
+
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
|
50056
50133
|
return o.__proto__ || Object.getPrototypeOf(o);
|
50057
50134
|
};
|
50058
50135
|
return _getPrototypeOf(o);
|
50059
50136
|
}
|
50060
50137
|
|
50061
50138
|
function _setPrototypeOf(o, p) {
|
50062
|
-
_setPrototypeOf = Object.setPrototypeOf
|
50139
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
50063
50140
|
o.__proto__ = p;
|
50064
50141
|
return o;
|
50065
50142
|
};
|
50066
|
-
|
50067
50143
|
return _setPrototypeOf(o, p);
|
50068
50144
|
}
|
50069
50145
|
|
@@ -50079,36 +50155,39 @@ function _inherits(subClass, superClass) {
|
|
50079
50155
|
configurable: true
|
50080
50156
|
}
|
50081
50157
|
});
|
50158
|
+
Object.defineProperty(subClass, "prototype", {
|
50159
|
+
writable: false
|
50160
|
+
});
|
50082
50161
|
if (superClass) _setPrototypeOf(subClass, superClass);
|
50083
50162
|
}
|
50084
50163
|
|
50085
50164
|
var categories = {
|
50086
50165
|
activity: function activity() {
|
50087
|
-
return React__default[
|
50166
|
+
return React__default["default"].createElement("svg", {
|
50088
50167
|
xmlns: "http://www.w3.org/2000/svg",
|
50089
50168
|
viewBox: "0 0 24 24",
|
50090
50169
|
width: "24",
|
50091
50170
|
height: "24"
|
50092
|
-
}, React__default[
|
50171
|
+
}, React__default["default"].createElement("path", {
|
50093
50172
|
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
50173
|
}));
|
50095
50174
|
},
|
50096
50175
|
custom: function custom() {
|
50097
|
-
return React__default[
|
50176
|
+
return React__default["default"].createElement("svg", {
|
50098
50177
|
xmlns: "http://www.w3.org/2000/svg",
|
50099
50178
|
viewBox: "0 0 24 24",
|
50100
50179
|
width: "24",
|
50101
50180
|
height: "24"
|
50102
|
-
}, React__default[
|
50181
|
+
}, React__default["default"].createElement("g", {
|
50103
50182
|
transform: "translate(2.000000, 1.000000)"
|
50104
|
-
}, React__default[
|
50183
|
+
}, React__default["default"].createElement("rect", {
|
50105
50184
|
id: "Rectangle",
|
50106
50185
|
x: "8",
|
50107
50186
|
y: "0",
|
50108
50187
|
width: "3",
|
50109
50188
|
height: "21",
|
50110
50189
|
rx: "1.5"
|
50111
|
-
}), React__default[
|
50190
|
+
}), React__default["default"].createElement("rect", {
|
50112
50191
|
id: "Rectangle",
|
50113
50192
|
transform: "translate(9.843, 10.549) rotate(60) translate(-9.843, -10.549) ",
|
50114
50193
|
x: "8.343",
|
@@ -50116,7 +50195,7 @@ var categories = {
|
|
50116
50195
|
width: "3",
|
50117
50196
|
height: "21",
|
50118
50197
|
rx: "1.5"
|
50119
|
-
}), React__default[
|
50198
|
+
}), React__default["default"].createElement("rect", {
|
50120
50199
|
id: "Rectangle",
|
50121
50200
|
transform: "translate(9.843, 10.549) rotate(-60) translate(-9.843, -10.549) ",
|
50122
50201
|
x: "8.343",
|
@@ -50127,116 +50206,116 @@ var categories = {
|
|
50127
50206
|
})));
|
50128
50207
|
},
|
50129
50208
|
flags: function flags() {
|
50130
|
-
return React__default[
|
50209
|
+
return React__default["default"].createElement("svg", {
|
50131
50210
|
xmlns: "http://www.w3.org/2000/svg",
|
50132
50211
|
viewBox: "0 0 24 24",
|
50133
50212
|
width: "24",
|
50134
50213
|
height: "24"
|
50135
|
-
}, React__default[
|
50214
|
+
}, React__default["default"].createElement("path", {
|
50136
50215
|
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
50216
|
}));
|
50138
50217
|
},
|
50139
50218
|
foods: function foods() {
|
50140
|
-
return React__default[
|
50219
|
+
return React__default["default"].createElement("svg", {
|
50141
50220
|
xmlns: "http://www.w3.org/2000/svg",
|
50142
50221
|
viewBox: "0 0 24 24",
|
50143
50222
|
width: "24",
|
50144
50223
|
height: "24"
|
50145
|
-
}, React__default[
|
50224
|
+
}, React__default["default"].createElement("path", {
|
50146
50225
|
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
50226
|
}));
|
50148
50227
|
},
|
50149
50228
|
nature: function nature() {
|
50150
|
-
return React__default[
|
50229
|
+
return React__default["default"].createElement("svg", {
|
50151
50230
|
xmlns: "http://www.w3.org/2000/svg",
|
50152
50231
|
viewBox: "0 0 24 24",
|
50153
50232
|
width: "24",
|
50154
50233
|
height: "24"
|
50155
|
-
}, React__default[
|
50234
|
+
}, React__default["default"].createElement("path", {
|
50156
50235
|
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[
|
50236
|
+
}), React__default["default"].createElement("path", {
|
50158
50237
|
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
50238
|
}));
|
50160
50239
|
},
|
50161
50240
|
objects: function objects() {
|
50162
|
-
return React__default[
|
50241
|
+
return React__default["default"].createElement("svg", {
|
50163
50242
|
xmlns: "http://www.w3.org/2000/svg",
|
50164
50243
|
viewBox: "0 0 24 24",
|
50165
50244
|
width: "24",
|
50166
50245
|
height: "24"
|
50167
|
-
}, React__default[
|
50246
|
+
}, React__default["default"].createElement("path", {
|
50168
50247
|
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[
|
50248
|
+
}), React__default["default"].createElement("path", {
|
50170
50249
|
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
50250
|
}));
|
50172
50251
|
},
|
50173
50252
|
people: function people() {
|
50174
|
-
return React__default[
|
50253
|
+
return React__default["default"].createElement("svg", {
|
50175
50254
|
xmlns: "http://www.w3.org/2000/svg",
|
50176
50255
|
viewBox: "0 0 24 24",
|
50177
50256
|
width: "24",
|
50178
50257
|
height: "24"
|
50179
|
-
}, React__default[
|
50258
|
+
}, React__default["default"].createElement("path", {
|
50180
50259
|
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[
|
50260
|
+
}), React__default["default"].createElement("path", {
|
50182
50261
|
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
50262
|
}));
|
50184
50263
|
},
|
50185
50264
|
places: function places() {
|
50186
|
-
return React__default[
|
50265
|
+
return React__default["default"].createElement("svg", {
|
50187
50266
|
xmlns: "http://www.w3.org/2000/svg",
|
50188
50267
|
viewBox: "0 0 24 24",
|
50189
50268
|
width: "24",
|
50190
50269
|
height: "24"
|
50191
|
-
}, React__default[
|
50270
|
+
}, React__default["default"].createElement("path", {
|
50192
50271
|
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[
|
50272
|
+
}), React__default["default"].createElement("path", {
|
50194
50273
|
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
50274
|
}));
|
50196
50275
|
},
|
50197
50276
|
recent: function recent() {
|
50198
|
-
return React__default[
|
50277
|
+
return React__default["default"].createElement("svg", {
|
50199
50278
|
xmlns: "http://www.w3.org/2000/svg",
|
50200
50279
|
viewBox: "0 0 24 24",
|
50201
50280
|
width: "24",
|
50202
50281
|
height: "24"
|
50203
|
-
}, React__default[
|
50282
|
+
}, React__default["default"].createElement("path", {
|
50204
50283
|
d: "M13 4h-2l-.001 7H9v2h2v2h2v-2h4v-2h-4z"
|
50205
|
-
}), React__default[
|
50284
|
+
}), React__default["default"].createElement("path", {
|
50206
50285
|
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
50286
|
}));
|
50208
50287
|
},
|
50209
50288
|
symbols: function symbols() {
|
50210
|
-
return React__default[
|
50289
|
+
return React__default["default"].createElement("svg", {
|
50211
50290
|
xmlns: "http://www.w3.org/2000/svg",
|
50212
50291
|
viewBox: "0 0 24 24",
|
50213
50292
|
width: "24",
|
50214
50293
|
height: "24"
|
50215
|
-
}, React__default[
|
50294
|
+
}, React__default["default"].createElement("path", {
|
50216
50295
|
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
50296
|
}));
|
50218
50297
|
}
|
50219
50298
|
};
|
50220
50299
|
var search = {
|
50221
50300
|
search: function search() {
|
50222
|
-
return React__default[
|
50301
|
+
return React__default["default"].createElement("svg", {
|
50223
50302
|
xmlns: "http://www.w3.org/2000/svg",
|
50224
50303
|
width: "13",
|
50225
50304
|
height: "13",
|
50226
50305
|
viewBox: "0 0 20 20",
|
50227
50306
|
opacity: "0.5"
|
50228
|
-
}, React__default[
|
50307
|
+
}, React__default["default"].createElement("path", {
|
50229
50308
|
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
50309
|
}));
|
50231
50310
|
},
|
50232
50311
|
"delete": function _delete() {
|
50233
|
-
return React__default[
|
50312
|
+
return React__default["default"].createElement("svg", {
|
50234
50313
|
xmlns: "http://www.w3.org/2000/svg",
|
50235
50314
|
width: "13",
|
50236
50315
|
height: "13",
|
50237
50316
|
viewBox: "0 0 20 20",
|
50238
50317
|
opacity: "0.5"
|
50239
|
-
}, React__default[
|
50318
|
+
}, React__default["default"].createElement("path", {
|
50240
50319
|
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
50320
|
}));
|
50242
50321
|
}
|
@@ -50249,68 +50328,68 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
50249
50328
|
});
|
50250
50329
|
|
50251
50330
|
var EmojiPropTypes = {
|
50252
|
-
data: PropTypes__default[
|
50253
|
-
onOver: PropTypes__default[
|
50254
|
-
onLeave: PropTypes__default[
|
50255
|
-
onClick: PropTypes__default[
|
50256
|
-
fallback: PropTypes__default[
|
50257
|
-
backgroundImageFn: PropTypes__default[
|
50258
|
-
"native": PropTypes__default[
|
50259
|
-
forceSize: PropTypes__default[
|
50260
|
-
tooltip: PropTypes__default[
|
50261
|
-
useButton: PropTypes__default[
|
50262
|
-
skin: PropTypes__default[
|
50263
|
-
sheetSize: PropTypes__default[
|
50264
|
-
sheetColumns: PropTypes__default[
|
50265
|
-
sheetRows: PropTypes__default[
|
50266
|
-
set: PropTypes__default[
|
50267
|
-
size: PropTypes__default[
|
50268
|
-
emoji: PropTypes__default[
|
50331
|
+
data: PropTypes__default["default"].object.isRequired,
|
50332
|
+
onOver: PropTypes__default["default"].func,
|
50333
|
+
onLeave: PropTypes__default["default"].func,
|
50334
|
+
onClick: PropTypes__default["default"].func,
|
50335
|
+
fallback: PropTypes__default["default"].func,
|
50336
|
+
backgroundImageFn: PropTypes__default["default"].func,
|
50337
|
+
"native": PropTypes__default["default"].bool,
|
50338
|
+
forceSize: PropTypes__default["default"].bool,
|
50339
|
+
tooltip: PropTypes__default["default"].bool,
|
50340
|
+
useButton: PropTypes__default["default"].bool,
|
50341
|
+
skin: PropTypes__default["default"].oneOf([1, 2, 3, 4, 5, 6]),
|
50342
|
+
sheetSize: PropTypes__default["default"].oneOf([16, 20, 32, 64]),
|
50343
|
+
sheetColumns: PropTypes__default["default"].number,
|
50344
|
+
sheetRows: PropTypes__default["default"].number,
|
50345
|
+
set: PropTypes__default["default"].oneOf(['apple', 'google', 'twitter', 'facebook']),
|
50346
|
+
size: PropTypes__default["default"].number.isRequired,
|
50347
|
+
emoji: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object]).isRequired
|
50269
50348
|
};
|
50270
50349
|
var PickerPropTypes = {
|
50271
|
-
onClick: PropTypes__default[
|
50272
|
-
onSelect: PropTypes__default[
|
50273
|
-
onSkinChange: PropTypes__default[
|
50274
|
-
perLine: PropTypes__default[
|
50275
|
-
emojiSize: PropTypes__default[
|
50276
|
-
i18n: PropTypes__default[
|
50277
|
-
style: PropTypes__default[
|
50278
|
-
title: PropTypes__default[
|
50279
|
-
emoji: PropTypes__default[
|
50280
|
-
color: PropTypes__default[
|
50350
|
+
onClick: PropTypes__default["default"].func,
|
50351
|
+
onSelect: PropTypes__default["default"].func,
|
50352
|
+
onSkinChange: PropTypes__default["default"].func,
|
50353
|
+
perLine: PropTypes__default["default"].number,
|
50354
|
+
emojiSize: PropTypes__default["default"].number,
|
50355
|
+
i18n: PropTypes__default["default"].object,
|
50356
|
+
style: PropTypes__default["default"].object,
|
50357
|
+
title: PropTypes__default["default"].string,
|
50358
|
+
emoji: PropTypes__default["default"].string,
|
50359
|
+
color: PropTypes__default["default"].string,
|
50281
50360
|
set: EmojiPropTypes.set,
|
50282
50361
|
skin: EmojiPropTypes.skin,
|
50283
|
-
"native": PropTypes__default[
|
50362
|
+
"native": PropTypes__default["default"].bool,
|
50284
50363
|
backgroundImageFn: EmojiPropTypes.backgroundImageFn,
|
50285
50364
|
sheetSize: EmojiPropTypes.sheetSize,
|
50286
|
-
emojisToShowFilter: PropTypes__default[
|
50287
|
-
showPreview: PropTypes__default[
|
50288
|
-
showSkinTones: PropTypes__default[
|
50365
|
+
emojisToShowFilter: PropTypes__default["default"].func,
|
50366
|
+
showPreview: PropTypes__default["default"].bool,
|
50367
|
+
showSkinTones: PropTypes__default["default"].bool,
|
50289
50368
|
emojiTooltip: EmojiPropTypes.tooltip,
|
50290
50369
|
useButton: EmojiPropTypes.useButton,
|
50291
|
-
theme: PropTypes__default[
|
50292
|
-
include: PropTypes__default[
|
50293
|
-
exclude: PropTypes__default[
|
50294
|
-
recent: PropTypes__default[
|
50295
|
-
autoFocus: PropTypes__default[
|
50296
|
-
enableFrequentEmojiSort: PropTypes__default[
|
50297
|
-
custom: PropTypes__default[
|
50298
|
-
name: PropTypes__default[
|
50299
|
-
short_names: PropTypes__default[
|
50300
|
-
emoticons: PropTypes__default[
|
50301
|
-
keywords: PropTypes__default[
|
50302
|
-
imageUrl: PropTypes__default[
|
50303
|
-
spriteUrl: PropTypes__default[
|
50304
|
-
sheet_x: PropTypes__default[
|
50305
|
-
sheet_y: PropTypes__default[
|
50306
|
-
size: PropTypes__default[
|
50307
|
-
sheetColumns: PropTypes__default[
|
50308
|
-
sheetRows: PropTypes__default[
|
50370
|
+
theme: PropTypes__default["default"].oneOf(['auto', 'light', 'dark']),
|
50371
|
+
include: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
50372
|
+
exclude: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
50373
|
+
recent: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
50374
|
+
autoFocus: PropTypes__default["default"].bool,
|
50375
|
+
enableFrequentEmojiSort: PropTypes__default["default"].bool,
|
50376
|
+
custom: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
50377
|
+
name: PropTypes__default["default"].string.isRequired,
|
50378
|
+
short_names: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string).isRequired,
|
50379
|
+
emoticons: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
50380
|
+
keywords: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
50381
|
+
imageUrl: PropTypes__default["default"].string,
|
50382
|
+
spriteUrl: PropTypes__default["default"].string,
|
50383
|
+
sheet_x: PropTypes__default["default"].number,
|
50384
|
+
sheet_y: PropTypes__default["default"].number,
|
50385
|
+
size: PropTypes__default["default"].number,
|
50386
|
+
sheetColumns: PropTypes__default["default"].number,
|
50387
|
+
sheetRows: PropTypes__default["default"].number
|
50309
50388
|
})),
|
50310
|
-
skinEmoji: PropTypes__default[
|
50311
|
-
notFound: PropTypes__default[
|
50312
|
-
notFoundEmoji: PropTypes__default[
|
50313
|
-
icons: PropTypes__default[
|
50389
|
+
skinEmoji: PropTypes__default["default"].string,
|
50390
|
+
notFound: PropTypes__default["default"].func,
|
50391
|
+
notFoundEmoji: PropTypes__default["default"].string,
|
50392
|
+
icons: PropTypes__default["default"].object
|
50314
50393
|
};
|
50315
50394
|
|
50316
50395
|
var Anchors = /*#__PURE__*/function (_React$PureComponent) {
|
@@ -50352,7 +50431,7 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
|
|
50352
50431
|
i18n = _this$props2.i18n,
|
50353
50432
|
icons = _this$props2.icons,
|
50354
50433
|
selected = this.state.selected;
|
50355
|
-
return React__default[
|
50434
|
+
return React__default["default"].createElement("nav", {
|
50356
50435
|
className: "emoji-mart-anchors",
|
50357
50436
|
"aria-label": i18n.categorieslabel
|
50358
50437
|
}, categories.map(function (category, i) {
|
@@ -50366,7 +50445,7 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
|
|
50366
50445
|
}
|
50367
50446
|
|
50368
50447
|
var iconId = id.startsWith('custom-') ? 'custom' : id;
|
50369
|
-
return React__default[
|
50448
|
+
return React__default["default"].createElement("button", {
|
50370
50449
|
key: id,
|
50371
50450
|
"aria-label": i18n.categories[iconId],
|
50372
50451
|
title: i18n.categories[iconId],
|
@@ -50377,9 +50456,9 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
|
|
50377
50456
|
style: {
|
50378
50457
|
color: isSelected ? color : null
|
50379
50458
|
}
|
50380
|
-
}, React__default[
|
50459
|
+
}, React__default["default"].createElement("div", {
|
50381
50460
|
className: "emoji-mart-anchor-icon"
|
50382
|
-
}, icons.categories[iconId]()), React__default[
|
50461
|
+
}, icons.categories[iconId]()), React__default["default"].createElement("span", {
|
50383
50462
|
className: "emoji-mart-anchor-bar",
|
50384
50463
|
style: {
|
50385
50464
|
backgroundColor: color
|
@@ -50390,13 +50469,13 @@ var Anchors = /*#__PURE__*/function (_React$PureComponent) {
|
|
50390
50469
|
}]);
|
50391
50470
|
|
50392
50471
|
return Anchors;
|
50393
|
-
}(React__default[
|
50472
|
+
}(React__default["default"].PureComponent);
|
50394
50473
|
Anchors.propTypes
|
50395
50474
|
/* remove-proptypes */
|
50396
50475
|
= {
|
50397
|
-
categories: PropTypes__default[
|
50398
|
-
onAnchorClick: PropTypes__default[
|
50399
|
-
icons: PropTypes__default[
|
50476
|
+
categories: PropTypes__default["default"].array,
|
50477
|
+
onAnchorClick: PropTypes__default["default"].func,
|
50478
|
+
icons: PropTypes__default["default"].object
|
50400
50479
|
};
|
50401
50480
|
Anchors.defaultProps = {
|
50402
50481
|
categories: [],
|
@@ -50679,7 +50758,7 @@ var NimbleEmoji = function NimbleEmoji(props) {
|
|
50679
50758
|
style = _convertStyleToCSS(style);
|
50680
50759
|
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
50760
|
} else {
|
50682
|
-
return React__default[
|
50761
|
+
return React__default["default"].createElement(Tag.name, _extends({
|
50683
50762
|
onClick: function onClick(e) {
|
50684
50763
|
return _handleClick(e, props);
|
50685
50764
|
},
|
@@ -50692,7 +50771,7 @@ var NimbleEmoji = function NimbleEmoji(props) {
|
|
50692
50771
|
"aria-label": label,
|
50693
50772
|
title: title,
|
50694
50773
|
className: className
|
50695
|
-
}, Tag.props), React__default[
|
50774
|
+
}, Tag.props), React__default["default"].createElement("span", {
|
50696
50775
|
style: style
|
50697
50776
|
}, children));
|
50698
50777
|
}
|
@@ -50701,7 +50780,7 @@ var NimbleEmoji = function NimbleEmoji(props) {
|
|
50701
50780
|
NimbleEmoji.propTypes
|
50702
50781
|
/* remove-proptypes */
|
50703
50782
|
= _objectSpread$6({}, EmojiPropTypes, {
|
50704
|
-
data: PropTypes__default[
|
50783
|
+
data: PropTypes__default["default"].object.isRequired
|
50705
50784
|
});
|
50706
50785
|
NimbleEmoji.defaultProps = EmojiDefaultProps;
|
50707
50786
|
|
@@ -50757,7 +50836,7 @@ var NotFound = /*#__PURE__*/function (_React$PureComponent) {
|
|
50757
50836
|
i18n = _this$props.i18n,
|
50758
50837
|
notFound = _this$props.notFound,
|
50759
50838
|
notFoundEmoji = _this$props.notFoundEmoji;
|
50760
|
-
var component = notFound && notFound() || React__default[
|
50839
|
+
var component = notFound && notFound() || React__default["default"].createElement("div", {
|
50761
50840
|
className: "emoji-mart-no-results"
|
50762
50841
|
}, NimbleEmoji(_objectSpread$5({
|
50763
50842
|
data: data
|
@@ -50767,7 +50846,7 @@ var NotFound = /*#__PURE__*/function (_React$PureComponent) {
|
|
50767
50846
|
onOver: null,
|
50768
50847
|
onLeave: null,
|
50769
50848
|
onClick: null
|
50770
|
-
})), React__default[
|
50849
|
+
})), React__default["default"].createElement("div", {
|
50771
50850
|
className: "emoji-mart-no-results-label"
|
50772
50851
|
}, i18n.notfound));
|
50773
50852
|
return component;
|
@@ -50775,12 +50854,12 @@ var NotFound = /*#__PURE__*/function (_React$PureComponent) {
|
|
50775
50854
|
}]);
|
50776
50855
|
|
50777
50856
|
return NotFound;
|
50778
|
-
}(React__default[
|
50857
|
+
}(React__default["default"].PureComponent);
|
50779
50858
|
NotFound.propTypes
|
50780
50859
|
/* remove-proptypes */
|
50781
50860
|
= {
|
50782
|
-
notFound: PropTypes__default[
|
50783
|
-
emojiProps: PropTypes__default[
|
50861
|
+
notFound: PropTypes__default["default"].func.isRequired,
|
50862
|
+
emojiProps: PropTypes__default["default"].object.isRequired
|
50784
50863
|
};
|
50785
50864
|
|
50786
50865
|
function ownKeys$4(object, enumerableOnly) {
|
@@ -51018,31 +51097,31 @@ var Category = /*#__PURE__*/function (_React$Component) {
|
|
51018
51097
|
}
|
51019
51098
|
|
51020
51099
|
var label = i18n.categories[id] || name;
|
51021
|
-
return React__default[
|
51100
|
+
return React__default["default"].createElement("section", {
|
51022
51101
|
ref: this.setContainerRef,
|
51023
51102
|
className: "emoji-mart-category",
|
51024
51103
|
"aria-label": label,
|
51025
51104
|
style: containerStyles
|
51026
|
-
}, React__default[
|
51105
|
+
}, React__default["default"].createElement("div", {
|
51027
51106
|
style: labelStyles,
|
51028
51107
|
"data-name": name,
|
51029
51108
|
className: "emoji-mart-category-label"
|
51030
|
-
}, React__default[
|
51109
|
+
}, React__default["default"].createElement("span", {
|
51031
51110
|
style: labelSpanStyles,
|
51032
51111
|
ref: this.setLabelRef,
|
51033
51112
|
"aria-hidden": true
|
51034
51113
|
/* already labeled by the section aria-label */
|
51035
51114
|
|
51036
|
-
}, label)), React__default[
|
51115
|
+
}, label)), React__default["default"].createElement("ul", {
|
51037
51116
|
className: "emoji-mart-category-list"
|
51038
51117
|
}, emojis && emojis.map(function (emoji) {
|
51039
|
-
return React__default[
|
51118
|
+
return React__default["default"].createElement("li", {
|
51040
51119
|
key: emoji.short_names && emoji.short_names.join('_') || emoji
|
51041
51120
|
}, NimbleEmoji(_objectSpread$4({
|
51042
51121
|
emoji: emoji,
|
51043
51122
|
data: _this3.data
|
51044
51123
|
}, emojiProps)));
|
51045
|
-
})), emojis && !emojis.length && React__default[
|
51124
|
+
})), emojis && !emojis.length && React__default["default"].createElement(NotFound, {
|
51046
51125
|
i18n: i18n,
|
51047
51126
|
notFound: notFound,
|
51048
51127
|
notFoundEmoji: notFoundEmoji,
|
@@ -51053,19 +51132,19 @@ var Category = /*#__PURE__*/function (_React$Component) {
|
|
51053
51132
|
}]);
|
51054
51133
|
|
51055
51134
|
return Category;
|
51056
|
-
}(React__default[
|
51135
|
+
}(React__default["default"].Component);
|
51057
51136
|
Category.propTypes
|
51058
51137
|
/* remove-proptypes */
|
51059
51138
|
= {
|
51060
|
-
emojis: PropTypes__default[
|
51061
|
-
hasStickyPosition: PropTypes__default[
|
51062
|
-
name: PropTypes__default[
|
51063
|
-
"native": PropTypes__default[
|
51064
|
-
perLine: PropTypes__default[
|
51065
|
-
emojiProps: PropTypes__default[
|
51066
|
-
recent: PropTypes__default[
|
51067
|
-
notFound: PropTypes__default[
|
51068
|
-
notFoundEmoji: PropTypes__default[
|
51139
|
+
emojis: PropTypes__default["default"].array,
|
51140
|
+
hasStickyPosition: PropTypes__default["default"].bool,
|
51141
|
+
name: PropTypes__default["default"].string.isRequired,
|
51142
|
+
"native": PropTypes__default["default"].bool.isRequired,
|
51143
|
+
perLine: PropTypes__default["default"].number.isRequired,
|
51144
|
+
emojiProps: PropTypes__default["default"].object.isRequired,
|
51145
|
+
recent: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
|
51146
|
+
notFound: PropTypes__default["default"].func,
|
51147
|
+
notFoundEmoji: PropTypes__default["default"].string.isRequired
|
51069
51148
|
};
|
51070
51149
|
Category.defaultProps = {
|
51071
51150
|
emojis: [],
|
@@ -51115,12 +51194,12 @@ var Skins = /*#__PURE__*/function (_React$PureComponent) {
|
|
51115
51194
|
}]);
|
51116
51195
|
|
51117
51196
|
return Skins;
|
51118
|
-
}(React__default[
|
51197
|
+
}(React__default["default"].PureComponent);
|
51119
51198
|
Skins.propTypes
|
51120
51199
|
/* remove-proptypes */
|
51121
51200
|
= {
|
51122
|
-
onChange: PropTypes__default[
|
51123
|
-
skin: PropTypes__default[
|
51201
|
+
onChange: PropTypes__default["default"].func,
|
51202
|
+
skin: PropTypes__default["default"].number.isRequired
|
51124
51203
|
};
|
51125
51204
|
Skins.defaultProps = {
|
51126
51205
|
onChange: function onChange() {}
|
@@ -51153,10 +51232,10 @@ var SkinsEmoji = /*#__PURE__*/function (_Skins) {
|
|
51153
51232
|
|
51154
51233
|
for (var skinTone = 1; skinTone <= 6; skinTone++) {
|
51155
51234
|
var selected = skinTone === skin;
|
51156
|
-
skinToneNodes.push(React__default[
|
51235
|
+
skinToneNodes.push(React__default["default"].createElement("span", {
|
51157
51236
|
key: "skin-tone-".concat(skinTone),
|
51158
51237
|
className: "emoji-mart-skin-swatch custom".concat(selected ? ' selected' : '')
|
51159
|
-
}, React__default[
|
51238
|
+
}, React__default["default"].createElement("span", {
|
51160
51239
|
onClick: this.handleClick,
|
51161
51240
|
"data-skin": skinTone,
|
51162
51241
|
className: "emoji-mart-skin-tone-".concat(skinTone)
|
@@ -51172,9 +51251,9 @@ var SkinsEmoji = /*#__PURE__*/function (_Skins) {
|
|
51172
51251
|
}))));
|
51173
51252
|
}
|
51174
51253
|
|
51175
|
-
return React__default[
|
51254
|
+
return React__default["default"].createElement("div", {
|
51176
51255
|
className: "emoji-mart-skin-swatches custom".concat(opened ? ' opened' : '')
|
51177
|
-
}, React__default[
|
51256
|
+
}, React__default["default"].createElement("div", {
|
51178
51257
|
className: "emoji-mart-skin-text".concat(opened ? ' opened' : '')
|
51179
51258
|
}, i18n.skintext), skinToneNodes);
|
51180
51259
|
}
|
@@ -51185,12 +51264,12 @@ var SkinsEmoji = /*#__PURE__*/function (_Skins) {
|
|
51185
51264
|
SkinsEmoji.propTypes
|
51186
51265
|
/* remove-proptypes */
|
51187
51266
|
= {
|
51188
|
-
onChange: PropTypes__default[
|
51189
|
-
skin: PropTypes__default[
|
51190
|
-
emojiProps: PropTypes__default[
|
51191
|
-
skinTone: PropTypes__default[
|
51192
|
-
skinEmoji: PropTypes__default[
|
51193
|
-
i18n: PropTypes__default[
|
51267
|
+
onChange: PropTypes__default["default"].func,
|
51268
|
+
skin: PropTypes__default["default"].number.isRequired,
|
51269
|
+
emojiProps: PropTypes__default["default"].object.isRequired,
|
51270
|
+
skinTone: PropTypes__default["default"].number,
|
51271
|
+
skinEmoji: PropTypes__default["default"].string.isRequired,
|
51272
|
+
i18n: PropTypes__default["default"].object
|
51194
51273
|
};
|
51195
51274
|
SkinsEmoji.defaultProps = {
|
51196
51275
|
onChange: function onChange() {},
|
@@ -51232,14 +51311,14 @@ var SkinsDot = /*#__PURE__*/function (_Skins) {
|
|
51232
51311
|
for (var skinTone = 1; skinTone <= 6; skinTone++) {
|
51233
51312
|
var selected = skinTone === skin;
|
51234
51313
|
var visible = opened || selected;
|
51235
|
-
skinToneNodes.push(React__default[
|
51314
|
+
skinToneNodes.push(React__default["default"].createElement("span", _extends({
|
51236
51315
|
key: "skin-tone-".concat(skinTone),
|
51237
51316
|
className: "emoji-mart-skin-swatch".concat(selected ? ' selected' : ''),
|
51238
51317
|
"aria-label": i18n.skintones[skinTone],
|
51239
51318
|
"aria-hidden": !visible
|
51240
51319
|
}, opened ? {
|
51241
51320
|
role: 'menuitem'
|
51242
|
-
} : {}), React__default[
|
51321
|
+
} : {}), React__default["default"].createElement("span", _extends({
|
51243
51322
|
onClick: this.handleClick,
|
51244
51323
|
onKeyDown: this.handleKeyDown,
|
51245
51324
|
role: "button"
|
@@ -51257,10 +51336,10 @@ var SkinsDot = /*#__PURE__*/function (_Skins) {
|
|
51257
51336
|
}))));
|
51258
51337
|
}
|
51259
51338
|
|
51260
|
-
return React__default[
|
51339
|
+
return React__default["default"].createElement("section", {
|
51261
51340
|
className: "emoji-mart-skin-swatches".concat(opened ? ' opened' : ''),
|
51262
51341
|
"aria-label": i18n.skintext
|
51263
|
-
}, React__default[
|
51342
|
+
}, React__default["default"].createElement("div", opened ? {
|
51264
51343
|
role: 'menubar'
|
51265
51344
|
} : {}, skinToneNodes));
|
51266
51345
|
}
|
@@ -51271,9 +51350,9 @@ var SkinsDot = /*#__PURE__*/function (_Skins) {
|
|
51271
51350
|
SkinsDot.propTypes
|
51272
51351
|
/* remove-proptypes */
|
51273
51352
|
= {
|
51274
|
-
onChange: PropTypes__default[
|
51275
|
-
skin: PropTypes__default[
|
51276
|
-
i18n: PropTypes__default[
|
51353
|
+
onChange: PropTypes__default["default"].func,
|
51354
|
+
skin: PropTypes__default["default"].number.isRequired,
|
51355
|
+
i18n: PropTypes__default["default"].object
|
51277
51356
|
};
|
51278
51357
|
SkinsDot.defaultProps = {
|
51279
51358
|
onChange: function onChange() {}
|
@@ -51356,59 +51435,59 @@ var Preview = /*#__PURE__*/function (_React$PureComponent) {
|
|
51356
51435
|
knownEmoticons.push(emoticon.toLowerCase());
|
51357
51436
|
listedEmoticons.push(emoticon);
|
51358
51437
|
});
|
51359
|
-
return React__default[
|
51438
|
+
return React__default["default"].createElement("div", {
|
51360
51439
|
className: "emoji-mart-preview"
|
51361
|
-
}, React__default[
|
51440
|
+
}, React__default["default"].createElement("div", {
|
51362
51441
|
className: "emoji-mart-preview-emoji",
|
51363
51442
|
"aria-hidden": "true"
|
51364
51443
|
}, NimbleEmoji(_objectSpread$3({
|
51365
51444
|
key: emoji.id,
|
51366
51445
|
emoji: emoji,
|
51367
51446
|
data: this.data
|
51368
|
-
}, emojiProps))), React__default[
|
51447
|
+
}, emojiProps))), React__default["default"].createElement("div", {
|
51369
51448
|
className: "emoji-mart-preview-data",
|
51370
51449
|
"aria-hidden": "true"
|
51371
|
-
}, React__default[
|
51450
|
+
}, React__default["default"].createElement("div", {
|
51372
51451
|
className: "emoji-mart-preview-name"
|
51373
|
-
}, emoji.name), React__default[
|
51452
|
+
}, emoji.name), React__default["default"].createElement("div", {
|
51374
51453
|
className: "emoji-mart-preview-shortnames"
|
51375
51454
|
}, emojiData.short_names.map(function (short_name) {
|
51376
|
-
return React__default[
|
51455
|
+
return React__default["default"].createElement("span", {
|
51377
51456
|
key: short_name,
|
51378
51457
|
className: "emoji-mart-preview-shortname"
|
51379
51458
|
}, ":", short_name, ":");
|
51380
|
-
})), React__default[
|
51459
|
+
})), React__default["default"].createElement("div", {
|
51381
51460
|
className: "emoji-mart-preview-emoticons"
|
51382
51461
|
}, listedEmoticons.map(function (emoticon) {
|
51383
|
-
return React__default[
|
51462
|
+
return React__default["default"].createElement("span", {
|
51384
51463
|
key: emoticon,
|
51385
51464
|
className: "emoji-mart-preview-emoticon"
|
51386
51465
|
}, emoticon);
|
51387
51466
|
}))));
|
51388
51467
|
} else {
|
51389
|
-
return React__default[
|
51468
|
+
return React__default["default"].createElement("div", {
|
51390
51469
|
className: "emoji-mart-preview"
|
51391
|
-
}, React__default[
|
51470
|
+
}, React__default["default"].createElement("div", {
|
51392
51471
|
className: "emoji-mart-preview-emoji",
|
51393
51472
|
"aria-hidden": "true"
|
51394
51473
|
}, idleEmoji && idleEmoji.length && NimbleEmoji(_objectSpread$3({
|
51395
51474
|
emoji: idleEmoji,
|
51396
51475
|
data: this.data
|
51397
|
-
}, emojiProps))), React__default[
|
51476
|
+
}, emojiProps))), React__default["default"].createElement("div", {
|
51398
51477
|
className: "emoji-mart-preview-data",
|
51399
51478
|
"aria-hidden": "true"
|
51400
|
-
}, React__default[
|
51479
|
+
}, React__default["default"].createElement("span", {
|
51401
51480
|
className: "emoji-mart-title-label"
|
51402
|
-
}, title)), showSkinTones && React__default[
|
51481
|
+
}, title)), showSkinTones && React__default["default"].createElement("div", {
|
51403
51482
|
className: "emoji-mart-preview-skins".concat(skinsProps.skinEmoji ? ' custom' : '')
|
51404
|
-
}, skinsProps.skinEmoji ? React__default[
|
51483
|
+
}, skinsProps.skinEmoji ? React__default["default"].createElement(SkinsEmoji, {
|
51405
51484
|
skin: skinsProps.skin,
|
51406
51485
|
emojiProps: emojiProps,
|
51407
51486
|
data: this.data,
|
51408
51487
|
skinEmoji: skinsProps.skinEmoji,
|
51409
51488
|
i18n: i18n,
|
51410
51489
|
onChange: skinsProps.onChange
|
51411
|
-
}) : React__default[
|
51490
|
+
}) : React__default["default"].createElement(SkinsDot, {
|
51412
51491
|
skin: skinsProps.skin,
|
51413
51492
|
i18n: i18n,
|
51414
51493
|
onChange: skinsProps.onChange
|
@@ -51418,15 +51497,15 @@ var Preview = /*#__PURE__*/function (_React$PureComponent) {
|
|
51418
51497
|
}]);
|
51419
51498
|
|
51420
51499
|
return Preview;
|
51421
|
-
}(React__default[
|
51500
|
+
}(React__default["default"].PureComponent);
|
51422
51501
|
Preview.propTypes
|
51423
51502
|
/* remove-proptypes */
|
51424
51503
|
= {
|
51425
|
-
showSkinTones: PropTypes__default[
|
51426
|
-
title: PropTypes__default[
|
51427
|
-
emoji: PropTypes__default[
|
51428
|
-
emojiProps: PropTypes__default[
|
51429
|
-
skinsProps: PropTypes__default[
|
51504
|
+
showSkinTones: PropTypes__default["default"].bool,
|
51505
|
+
title: PropTypes__default["default"].string.isRequired,
|
51506
|
+
emoji: PropTypes__default["default"].string.isRequired,
|
51507
|
+
emojiProps: PropTypes__default["default"].object.isRequired,
|
51508
|
+
skinsProps: PropTypes__default["default"].object.isRequired
|
51430
51509
|
};
|
51431
51510
|
Preview.defaultProps = {
|
51432
51511
|
showSkinTones: true,
|
@@ -51524,20 +51603,20 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
|
|
51524
51603
|
isSearching = _this$state.isSearching,
|
51525
51604
|
id = _this$state.id;
|
51526
51605
|
var inputId = "emoji-mart-search-".concat(id);
|
51527
|
-
return React__default[
|
51606
|
+
return React__default["default"].createElement("section", {
|
51528
51607
|
className: "emoji-mart-search",
|
51529
51608
|
"aria-label": i18n.search
|
51530
|
-
}, React__default[
|
51609
|
+
}, React__default["default"].createElement("input", {
|
51531
51610
|
id: inputId,
|
51532
51611
|
ref: this.setRef,
|
51533
51612
|
type: "search",
|
51534
51613
|
onChange: this.handleChange,
|
51535
51614
|
placeholder: i18n.search,
|
51536
51615
|
autoFocus: autoFocus
|
51537
|
-
}), React__default[
|
51616
|
+
}), React__default["default"].createElement("label", {
|
51538
51617
|
className: "emoji-mart-sr-only",
|
51539
51618
|
htmlFor: inputId
|
51540
|
-
}, i18n.search), React__default[
|
51619
|
+
}, i18n.search), React__default["default"].createElement("button", {
|
51541
51620
|
className: "emoji-mart-search-icon",
|
51542
51621
|
onClick: this.clear,
|
51543
51622
|
onKeyUp: this.handleKeyUp,
|
@@ -51548,14 +51627,14 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
|
|
51548
51627
|
}]);
|
51549
51628
|
|
51550
51629
|
return Search;
|
51551
|
-
}(React__default[
|
51630
|
+
}(React__default["default"].PureComponent);
|
51552
51631
|
Search.propTypes
|
51553
51632
|
/* remove-proptypes */
|
51554
51633
|
= {
|
51555
|
-
onSearch: PropTypes__default[
|
51556
|
-
maxResults: PropTypes__default[
|
51557
|
-
emojisToShowFilter: PropTypes__default[
|
51558
|
-
autoFocus: PropTypes__default[
|
51634
|
+
onSearch: PropTypes__default["default"].func,
|
51635
|
+
maxResults: PropTypes__default["default"].number,
|
51636
|
+
emojisToShowFilter: PropTypes__default["default"].func,
|
51637
|
+
autoFocus: PropTypes__default["default"].bool
|
51559
51638
|
};
|
51560
51639
|
Search.defaultProps = {
|
51561
51640
|
onSearch: function onSearch() {},
|
@@ -52149,16 +52228,16 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
52149
52228
|
var width = perLine * (emojiSize + 12) + 12 + 2 + measureScrollbar();
|
52150
52229
|
var theme = this.getPreferredTheme();
|
52151
52230
|
var skin = this.props.skin || this.state.skin || store.get('skin') || this.props.defaultSkin;
|
52152
|
-
return React__default[
|
52231
|
+
return React__default["default"].createElement("section", {
|
52153
52232
|
style: _objectSpread$2({
|
52154
52233
|
width: width
|
52155
52234
|
}, style),
|
52156
52235
|
className: "emoji-mart emoji-mart-".concat(theme),
|
52157
52236
|
"aria-label": title,
|
52158
52237
|
onKeyDown: this.handleKeyDown
|
52159
|
-
}, React__default[
|
52238
|
+
}, React__default["default"].createElement("div", {
|
52160
52239
|
className: "emoji-mart-bar"
|
52161
|
-
}, React__default[
|
52240
|
+
}, React__default["default"].createElement(Anchors, {
|
52162
52241
|
ref: this.setAnchorsRef,
|
52163
52242
|
data: this.data,
|
52164
52243
|
i18n: this.i18n,
|
@@ -52166,7 +52245,7 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
52166
52245
|
categories: this.categories,
|
52167
52246
|
onAnchorClick: this.handleAnchorClick,
|
52168
52247
|
icons: this.icons
|
52169
|
-
})), React__default[
|
52248
|
+
})), React__default["default"].createElement(Search, {
|
52170
52249
|
ref: this.setSearchRef,
|
52171
52250
|
onSearch: this.handleSearch,
|
52172
52251
|
data: this.data,
|
@@ -52176,12 +52255,12 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
52176
52255
|
exclude: exclude,
|
52177
52256
|
custom: this.CUSTOM,
|
52178
52257
|
autoFocus: autoFocus
|
52179
|
-
}), React__default[
|
52258
|
+
}), React__default["default"].createElement("div", {
|
52180
52259
|
ref: this.setScrollRef,
|
52181
52260
|
className: "emoji-mart-scroll",
|
52182
52261
|
onScroll: this.handleScroll
|
52183
52262
|
}, this.getCategories().map(function (category, i) {
|
52184
|
-
return React__default[
|
52263
|
+
return React__default["default"].createElement(Category, {
|
52185
52264
|
ref: _this4.setCategoryRef.bind(_this4, "category-".concat(i)),
|
52186
52265
|
key: category.name,
|
52187
52266
|
id: category.id,
|
@@ -52213,9 +52292,9 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
52213
52292
|
notFound: notFound,
|
52214
52293
|
notFoundEmoji: notFoundEmoji
|
52215
52294
|
});
|
52216
|
-
})), (showPreview || showSkinTones) && React__default[
|
52295
|
+
})), (showPreview || showSkinTones) && React__default["default"].createElement("div", {
|
52217
52296
|
className: "emoji-mart-bar"
|
52218
|
-
}, React__default[
|
52297
|
+
}, React__default["default"].createElement(Preview, {
|
52219
52298
|
ref: this.setPreviewRef,
|
52220
52299
|
data: this.data,
|
52221
52300
|
title: title,
|
@@ -52243,11 +52322,11 @@ var NimblePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
52243
52322
|
}]);
|
52244
52323
|
|
52245
52324
|
return NimblePicker;
|
52246
|
-
}(React__default[
|
52325
|
+
}(React__default["default"].PureComponent);
|
52247
52326
|
NimblePicker.propTypes
|
52248
52327
|
/* remove-proptypes */
|
52249
52328
|
= _objectSpread$2({}, PickerPropTypes, {
|
52250
|
-
data: PropTypes__default[
|
52329
|
+
data: PropTypes__default["default"].object.isRequired
|
52251
52330
|
});
|
52252
52331
|
NimblePicker.defaultProps = _objectSpread$2({}, PickerDefaultProps);
|
52253
52332
|
|
@@ -52297,12 +52376,12 @@ var Picker = /*#__PURE__*/function (_React$PureComponent) {
|
|
52297
52376
|
_createClass(Picker, [{
|
52298
52377
|
key: "render",
|
52299
52378
|
value: function render() {
|
52300
|
-
return React__default[
|
52379
|
+
return React__default["default"].createElement(NimblePicker, _extends({}, this.props, this.state));
|
52301
52380
|
}
|
52302
52381
|
}]);
|
52303
52382
|
|
52304
52383
|
return Picker;
|
52305
|
-
}(React__default[
|
52384
|
+
}(React__default["default"].PureComponent);
|
52306
52385
|
Picker.propTypes
|
52307
52386
|
/* remove-proptypes */
|
52308
52387
|
= PickerPropTypes;
|
@@ -52356,7 +52435,7 @@ styleInject(css_248z);
|
|
52356
52435
|
* @property {'light' | 'dark' | 'auto'} theme
|
52357
52436
|
* @property {function(import("../types/types").EmojiMartItem): void} onSelectEmoji
|
52358
52437
|
* @property {boolean} disableRecent
|
52359
|
-
* @property {
|
52438
|
+
* @property {import("emoji-mart").CustomEmoji[]=} customEmojis
|
52360
52439
|
*/
|
52361
52440
|
|
52362
52441
|
/**
|
@@ -52382,7 +52461,7 @@ function EmojiPicker(props) {
|
|
52382
52461
|
|
52383
52462
|
return exclude;
|
52384
52463
|
}, [disableRecent]);
|
52385
|
-
return /*#__PURE__*/React__default[
|
52464
|
+
return /*#__PURE__*/React__default["default"].createElement(Picker, {
|
52386
52465
|
theme: theme,
|
52387
52466
|
set: "apple",
|
52388
52467
|
showPreview: false,
|
@@ -52394,13 +52473,50 @@ function EmojiPicker(props) {
|
|
52394
52473
|
}
|
52395
52474
|
|
52396
52475
|
EmojiPicker.propTypes = {
|
52397
|
-
theme: PropTypes__default[
|
52398
|
-
onSelectEmoji: PropTypes__default[
|
52399
|
-
disableRecent: PropTypes__default[
|
52400
|
-
customEmojis: PropTypes__default[
|
52476
|
+
theme: PropTypes__default["default"].oneOf(['light', 'dark', 'auto']),
|
52477
|
+
onSelectEmoji: PropTypes__default["default"].func,
|
52478
|
+
disableRecent: PropTypes__default["default"].bool,
|
52479
|
+
customEmojis: PropTypes__default["default"].array
|
52401
52480
|
};
|
52402
52481
|
var EmojiPicker$1 = /*#__PURE__*/React.memo(EmojiPicker);
|
52403
52482
|
|
52483
|
+
/**
|
52484
|
+
* @typedef {object} Props
|
52485
|
+
* @property {boolean} showPicker
|
52486
|
+
* @property {'light' | 'dark' | 'auto'} theme
|
52487
|
+
* @property {(emoji: import("../types/types").EmojiMartItem) => void} handleSelectEmoji
|
52488
|
+
* @property {boolean} disableRecent
|
52489
|
+
* @property {import("emoji-mart").CustomEmoji[]=} customEmojis
|
52490
|
+
*/
|
52491
|
+
|
52492
|
+
/**
|
52493
|
+
* Emoji Picker Button Component
|
52494
|
+
* @param {Props} props
|
52495
|
+
* @return {JSX.Element}
|
52496
|
+
*/
|
52497
|
+
|
52498
|
+
function EmojiPickerContainer({
|
52499
|
+
showPicker,
|
52500
|
+
theme,
|
52501
|
+
handleSelectEmoji,
|
52502
|
+
disableRecent,
|
52503
|
+
customEmojis
|
52504
|
+
}) {
|
52505
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
52506
|
+
className: "react-emoji-picker--container"
|
52507
|
+
}, showPicker && /*#__PURE__*/React__default["default"].createElement("div", {
|
52508
|
+
className: "react-emoji-picker--wrapper",
|
52509
|
+
onClick: evt => evt.stopPropagation()
|
52510
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
52511
|
+
className: "react-emoji-picker"
|
52512
|
+
}, /*#__PURE__*/React__default["default"].createElement(EmojiPicker$1, {
|
52513
|
+
theme: theme,
|
52514
|
+
onSelectEmoji: handleSelectEmoji,
|
52515
|
+
disableRecent: disableRecent,
|
52516
|
+
customEmojis: customEmojis
|
52517
|
+
}))));
|
52518
|
+
}
|
52519
|
+
|
52404
52520
|
// @ts-check
|
52405
52521
|
/**
|
52406
52522
|
* @typedef {import('../types/types').SanitizeFn} SanitizeFn
|
@@ -52415,10 +52531,11 @@ var EmojiPicker$1 = /*#__PURE__*/React.memo(EmojiPicker);
|
|
52415
52531
|
* @property {'light' | 'dark' | 'auto'} theme
|
52416
52532
|
* @property {boolean} keepOpened
|
52417
52533
|
* @property {boolean} disableRecent
|
52418
|
-
* @property {
|
52534
|
+
* @property {import("emoji-mart").CustomEmoji[]=} customEmojis
|
52419
52535
|
* @property {(fn: SanitizeFn) => void} addSanitizeFn
|
52420
52536
|
* @property {(fn: PolluteFn) => void} addPolluteFn
|
52421
52537
|
* @property {(html: string) => void} appendContent
|
52538
|
+
* @property {HTMLDivElement=} buttonElement
|
52422
52539
|
*/
|
52423
52540
|
// eslint-disable-next-line valid-jsdoc
|
52424
52541
|
|
@@ -52432,9 +52549,13 @@ const EmojiPickerWrapper = props => {
|
|
52432
52549
|
customEmojis,
|
52433
52550
|
addSanitizeFn,
|
52434
52551
|
addPolluteFn,
|
52435
|
-
appendContent
|
52552
|
+
appendContent,
|
52553
|
+
buttonElement
|
52436
52554
|
} = props;
|
52437
52555
|
const [showPicker, setShowPicker] = React.useState(false);
|
52556
|
+
/** @type {[HTMLDivElement | undefined, React.Dispatch<React.SetStateAction<HTMLDivElement | undefined>>]} */
|
52557
|
+
|
52558
|
+
const [customButton, setCustomButton] = React.useState();
|
52438
52559
|
React.useEffect(() => {
|
52439
52560
|
addSanitizeFn(replaceAllTextEmojiToString);
|
52440
52561
|
}, [addSanitizeFn]);
|
@@ -52488,33 +52609,32 @@ const EmojiPickerWrapper = props => {
|
|
52488
52609
|
}
|
52489
52610
|
}
|
52490
52611
|
|
52491
|
-
|
52492
|
-
|
52493
|
-
|
52494
|
-
|
52495
|
-
|
52496
|
-
},
|
52497
|
-
|
52498
|
-
|
52612
|
+
React.useEffect(() => {
|
52613
|
+
if (buttonElement?.style) {
|
52614
|
+
buttonElement.style.position = "relative";
|
52615
|
+
setCustomButton(buttonElement);
|
52616
|
+
}
|
52617
|
+
}, [buttonElement]);
|
52618
|
+
return customButton ? /*#__PURE__*/ReactDOM__default["default"].createPortal( /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(EmojiPickerContainer, {
|
52619
|
+
showPicker: showPicker,
|
52499
52620
|
theme: theme,
|
52500
|
-
|
52621
|
+
handleSelectEmoji: handleSelectEmoji,
|
52501
52622
|
disableRecent: disableRecent,
|
52502
52623
|
customEmojis: customEmojis
|
52503
|
-
})
|
52504
|
-
|
52505
|
-
|
52506
|
-
|
52507
|
-
}, /*#__PURE__*/React__default[
|
52508
|
-
|
52509
|
-
|
52510
|
-
|
52511
|
-
|
52512
|
-
|
52513
|
-
}, /*#__PURE__*/React__default[
|
52514
|
-
|
52515
|
-
|
52516
|
-
|
52517
|
-
}))));
|
52624
|
+
}), /*#__PURE__*/React__default["default"].createElement(EmojiPickerButton, {
|
52625
|
+
showPicker: showPicker,
|
52626
|
+
toggleShowPicker: toggleShowPicker,
|
52627
|
+
buttonElement: customButton
|
52628
|
+
})), customButton) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(EmojiPickerContainer, {
|
52629
|
+
showPicker: showPicker,
|
52630
|
+
theme: theme,
|
52631
|
+
handleSelectEmoji: handleSelectEmoji,
|
52632
|
+
disableRecent: disableRecent,
|
52633
|
+
customEmojis: customEmojis
|
52634
|
+
}), /*#__PURE__*/React__default["default"].createElement(EmojiPickerButton, {
|
52635
|
+
showPicker: showPicker,
|
52636
|
+
toggleShowPicker: toggleShowPicker
|
52637
|
+
}));
|
52518
52638
|
};
|
52519
52639
|
|
52520
52640
|
// @ts-check
|
@@ -52613,7 +52733,7 @@ function getElementWithFocus() {
|
|
52613
52733
|
|
52614
52734
|
function getSelectionStart() {
|
52615
52735
|
const node = document.getSelection().anchorNode;
|
52616
|
-
return
|
52736
|
+
return node?.nodeType == 3 ? node : null;
|
52617
52737
|
}
|
52618
52738
|
|
52619
52739
|
// @ts-check
|
@@ -52658,11 +52778,9 @@ function useMention(searchMention) {
|
|
52658
52778
|
/** @type {(event: React.KeyboardEvent) => void} */
|
52659
52779
|
|
52660
52780
|
const onKeyUp = React.useCallback(async event => {
|
52661
|
-
var _getElementWithFocus;
|
52662
|
-
|
52663
52781
|
if (typeof searchMention !== "function") return;
|
52664
52782
|
|
52665
|
-
if (event.key === "Backspace" &&
|
52783
|
+
if (event.key === "Backspace" && getElementWithFocus()?.element.parentElement.hasAttribute("data-mention-id")) {
|
52666
52784
|
const elementWithFocus = getElementWithFocus();
|
52667
52785
|
elementWithFocus.element.parentElement.remove();
|
52668
52786
|
} else if (!["ArrowUp", "ArrowDown", "Esc", "Escape"].includes(event.key)) {
|
@@ -52799,20 +52917,20 @@ const MentionUserList = ({
|
|
52799
52917
|
unsubscribe();
|
52800
52918
|
};
|
52801
52919
|
}, [addEventListener, onSelect, selectedUser, usersFiltered]);
|
52802
|
-
return /*#__PURE__*/React__default[
|
52920
|
+
return /*#__PURE__*/React__default["default"].createElement("ul", {
|
52803
52921
|
className: "react-input-emoji--mention--list",
|
52804
52922
|
"data-testid": "mention-user-list"
|
52805
|
-
}, usersFiltered.map((user, index) => /*#__PURE__*/React__default[
|
52923
|
+
}, usersFiltered.map((user, index) => /*#__PURE__*/React__default["default"].createElement("li", {
|
52806
52924
|
key: user.id
|
52807
|
-
}, /*#__PURE__*/React__default[
|
52925
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
52808
52926
|
type: "button",
|
52809
52927
|
onClick: handleClick(user),
|
52810
52928
|
className: `react-input-emoji--mention--item${selectedUser === index ? " react-input-emoji--mention--item__selected" : ""}`,
|
52811
52929
|
onMouseOver: () => setSelectedUser(index)
|
52812
|
-
}, /*#__PURE__*/React__default[
|
52930
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
52813
52931
|
className: "react-input-emoji--mention--item--img",
|
52814
52932
|
src: user.image
|
52815
|
-
}), /*#__PURE__*/React__default[
|
52933
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
52816
52934
|
className: "react-input-emoji--mention--item--name",
|
52817
52935
|
dangerouslySetInnerHTML: {
|
52818
52936
|
__html: user.nameHtml
|
@@ -52822,7 +52940,7 @@ const MentionUserList = ({
|
|
52822
52940
|
|
52823
52941
|
const MentionUserListWithRef = /*#__PURE__*/React.forwardRef(MentionUserList);
|
52824
52942
|
MentionUserListWithRef.propTypes = {
|
52825
|
-
users: PropTypes__default[
|
52943
|
+
users: PropTypes__default["default"].array.isRequired
|
52826
52944
|
};
|
52827
52945
|
|
52828
52946
|
// @ts-check
|
@@ -52951,16 +53069,16 @@ const MentionWrapper = ({
|
|
52951
53069
|
appendContent(`<span class="react-input-emoji--mention--text" data-mention-id="${user.id}" data-mention-name="${user.name}">@${user.name}</span> `);
|
52952
53070
|
}
|
52953
53071
|
|
52954
|
-
return /*#__PURE__*/React__default[
|
53072
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, loading ? /*#__PURE__*/React__default["default"].createElement("div", {
|
52955
53073
|
className: "react-input-emoji--mention--container"
|
52956
|
-
}, /*#__PURE__*/React__default[
|
53074
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
52957
53075
|
className: "react-input-emoji--mention--loading"
|
52958
|
-
}, /*#__PURE__*/React__default[
|
53076
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
52959
53077
|
className: "react-input-emoji--mention--loading--spinner"
|
52960
|
-
}, "Loading..."))) : showUserList && /*#__PURE__*/React__default[
|
53078
|
+
}, "Loading..."))) : showUserList && /*#__PURE__*/React__default["default"].createElement("div", {
|
52961
53079
|
className: "react-input-emoji--mention--container",
|
52962
53080
|
onClick: evt => evt.stopPropagation()
|
52963
|
-
}, /*#__PURE__*/React__default[
|
53081
|
+
}, /*#__PURE__*/React__default["default"].createElement(MentionUserListWithRef, {
|
52964
53082
|
ref: metionUserListRef,
|
52965
53083
|
mentionSearchText: mentionSearchText,
|
52966
53084
|
users: mentionUsers,
|
@@ -53013,7 +53131,8 @@ function useEventListeners() {
|
|
53013
53131
|
arrowUp: createObserver(),
|
53014
53132
|
arrowDown: createObserver(),
|
53015
53133
|
enter: createObserver(),
|
53016
|
-
focus: createObserver()
|
53134
|
+
focus: createObserver(),
|
53135
|
+
blur: createObserver()
|
53017
53136
|
}), []);
|
53018
53137
|
/**
|
53019
53138
|
* @template {keyof TextInputListeners} T, K
|
@@ -53079,6 +53198,7 @@ function usePollute() {
|
|
53079
53198
|
* @property {(size: {width: number, height: number}) => void} onResize
|
53080
53199
|
* @property {() => void} onClick
|
53081
53200
|
* @property {() => void} onFocus
|
53201
|
+
* @property {() => void=} onBlur
|
53082
53202
|
* @property {number} maxLength
|
53083
53203
|
* @property {boolean} keepOpened
|
53084
53204
|
* @property {(event: KeyboardEvent) => void} onKeyDown
|
@@ -53092,6 +53212,7 @@ function usePollute() {
|
|
53092
53212
|
* @property {string} fontFamily
|
53093
53213
|
* @property {object[]=} customEmojis
|
53094
53214
|
* @property {(text: string) => Promise<MetionUser[]>=} searchMention
|
53215
|
+
* @property {HTMLDivElement=} buttonElement
|
53095
53216
|
*/
|
53096
53217
|
|
53097
53218
|
/**
|
@@ -53108,6 +53229,7 @@ function InputEmoji(props, ref) {
|
|
53108
53229
|
onResize,
|
53109
53230
|
onClick,
|
53110
53231
|
onFocus,
|
53232
|
+
onBlur,
|
53111
53233
|
onKeyDown,
|
53112
53234
|
theme,
|
53113
53235
|
cleanOnEnter,
|
@@ -53120,13 +53242,14 @@ function InputEmoji(props, ref) {
|
|
53120
53242
|
value,
|
53121
53243
|
customEmojis,
|
53122
53244
|
searchMention,
|
53245
|
+
buttonElement,
|
53123
53246
|
// style
|
53124
53247
|
borderRadius,
|
53125
53248
|
borderColor,
|
53126
53249
|
fontSize,
|
53127
53250
|
fontFamily
|
53128
53251
|
} = props;
|
53129
|
-
/** @type {React.MutableRefObject<import('./text-input').Ref>} */
|
53252
|
+
/** @type {React.MutableRefObject<import('./text-input').Ref | null>} */
|
53130
53253
|
|
53131
53254
|
const textInputRef = React.useRef(null);
|
53132
53255
|
const {
|
@@ -53143,6 +53266,7 @@ function InputEmoji(props, ref) {
|
|
53143
53266
|
pollute
|
53144
53267
|
} = usePollute();
|
53145
53268
|
const updateHTML = React.useCallback((nextValue = "") => {
|
53269
|
+
if (textInputRef.current === null) return;
|
53146
53270
|
textInputRef.current.html = replaceAllTextEmojis(nextValue);
|
53147
53271
|
sanitizedTextRef.current = nextValue;
|
53148
53272
|
}, [sanitizedTextRef]);
|
@@ -53171,11 +53295,11 @@ function InputEmoji(props, ref) {
|
|
53171
53295
|
* @return {boolean}
|
53172
53296
|
*/
|
53173
53297
|
function handleKeydown(event) {
|
53174
|
-
if (typeof maxLength !== "undefined" && event.key !== "Backspace" && totalCharacters(textInputRef.current) >= maxLength) {
|
53298
|
+
if (typeof maxLength !== "undefined" && event.key !== "Backspace" && textInputRef.current !== null && totalCharacters(textInputRef.current) >= maxLength) {
|
53175
53299
|
event.preventDefault();
|
53176
53300
|
}
|
53177
53301
|
|
53178
|
-
if (event.key === "Enter") {
|
53302
|
+
if (event.key === "Enter" && textInputRef.current) {
|
53179
53303
|
event.preventDefault();
|
53180
53304
|
const text = sanitize(textInputRef.current.html);
|
53181
53305
|
emitChange(sanitizedTextRef.current);
|
@@ -53224,6 +53348,19 @@ function InputEmoji(props, ref) {
|
|
53224
53348
|
unsubscribe();
|
53225
53349
|
};
|
53226
53350
|
}, [addEventListener, onClick, onFocus]);
|
53351
|
+
React.useEffect(() => {
|
53352
|
+
/** */
|
53353
|
+
function handleBlur() {
|
53354
|
+
if (typeof onBlur === "function") {
|
53355
|
+
onBlur();
|
53356
|
+
}
|
53357
|
+
}
|
53358
|
+
|
53359
|
+
const unsubscribe = addEventListener("blur", handleBlur);
|
53360
|
+
return () => {
|
53361
|
+
unsubscribe();
|
53362
|
+
};
|
53363
|
+
}, [addEventListener, onBlur]);
|
53227
53364
|
/**
|
53228
53365
|
*
|
53229
53366
|
* @param {string} html
|
@@ -53240,11 +53377,13 @@ function InputEmoji(props, ref) {
|
|
53240
53377
|
|
53241
53378
|
|
53242
53379
|
function appendContent(html) {
|
53243
|
-
if (typeof maxLength !== "undefined" && totalCharacters(textInputRef.current) >= maxLength) {
|
53380
|
+
if (typeof maxLength !== "undefined" && textInputRef.current !== null && totalCharacters(textInputRef.current) >= maxLength) {
|
53244
53381
|
return;
|
53245
53382
|
}
|
53246
53383
|
|
53247
|
-
textInputRef.current
|
53384
|
+
if (textInputRef.current !== null) {
|
53385
|
+
textInputRef.current.appendContent(html);
|
53386
|
+
}
|
53248
53387
|
}
|
53249
53388
|
/**
|
53250
53389
|
* Handle copy of current selected text
|
@@ -53273,17 +53412,18 @@ function InputEmoji(props, ref) {
|
|
53273
53412
|
}
|
53274
53413
|
}
|
53275
53414
|
|
53276
|
-
return /*#__PURE__*/React__default[
|
53415
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
53277
53416
|
className: "react-emoji"
|
53278
|
-
}, /*#__PURE__*/React__default[
|
53417
|
+
}, /*#__PURE__*/React__default["default"].createElement(MentionWrapper, {
|
53279
53418
|
searchMention: searchMention,
|
53280
53419
|
addEventListener: addEventListener,
|
53281
53420
|
appendContent: appendContent,
|
53282
53421
|
addSanitizeFn: addSanitizeFn
|
53283
|
-
}), /*#__PURE__*/React__default[
|
53422
|
+
}), /*#__PURE__*/React__default["default"].createElement(TextInputWithRef, {
|
53284
53423
|
ref: textInputRef,
|
53285
53424
|
onCopy: handleCopy,
|
53286
53425
|
onPaste: handlePaste,
|
53426
|
+
onBlur: listeners.blur.publish,
|
53287
53427
|
onFocus: listeners.focus.publish,
|
53288
53428
|
onArrowUp: listeners.arrowUp.publish,
|
53289
53429
|
onArrowDown: listeners.arrowDown.publish,
|
@@ -53300,14 +53440,15 @@ function InputEmoji(props, ref) {
|
|
53300
53440
|
tabIndex: tabIndex,
|
53301
53441
|
className: inputClass,
|
53302
53442
|
onChange: handleTextInputChange
|
53303
|
-
}), /*#__PURE__*/React__default[
|
53443
|
+
}), /*#__PURE__*/React__default["default"].createElement(EmojiPickerWrapper, {
|
53304
53444
|
theme: theme,
|
53305
53445
|
keepOpened: keepOpened,
|
53306
53446
|
disableRecent: disableRecent,
|
53307
53447
|
customEmojis: customEmojis,
|
53308
53448
|
addSanitizeFn: addSanitizeFn,
|
53309
53449
|
addPolluteFn: addPolluteFn,
|
53310
|
-
appendContent: appendContent
|
53450
|
+
appendContent: appendContent,
|
53451
|
+
buttonElement: buttonElement
|
53311
53452
|
}));
|
53312
53453
|
}
|
53313
53454
|
|