emoji-picker-react 4.7.10 → 4.7.11

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.
@@ -1,4 +1,4 @@
1
- import React__default, { useState, useEffect, createElement, createContext, useContext, useRef, useMemo, useCallback, createRef, Fragment, memo, Component } from 'react';
1
+ import React__default, { memo, createElement, useState, useEffect, createContext, useContext, useRef, useMemo, useCallback, createRef, Fragment, Component } from 'react';
2
2
  import { createSheet, cx } from 'flairup';
3
3
 
4
4
  function _extends() {
@@ -103,19 +103,7 @@ function asSelectors() {
103
103
  }).join('');
104
104
  }
105
105
 
106
- var isEverMounted = false;
107
- function useIsEverMounted() {
108
- var _React$useState = useState(isEverMounted),
109
- isMounted = _React$useState[0],
110
- setIsMounted = _React$useState[1];
111
- useEffect(function () {
112
- setIsMounted(true);
113
- isEverMounted = true;
114
- }, []);
115
- return isMounted || isEverMounted;
116
- }
117
-
118
- var stylesheet = /*#__PURE__*/createSheet('epr');
106
+ var stylesheet = /*#__PURE__*/createSheet('epr', null);
119
107
  var hidden = {
120
108
  display: 'none',
121
109
  opacity: '0',
@@ -128,18 +116,14 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
128
116
  '.': ClassNames.hidden
129
117
  }, hidden)
130
118
  });
131
- function PickerStyleTag() {
132
- var isMounted = useIsEverMounted();
133
- if (stylesheet.isApplied() && isMounted) {
134
- return null;
135
- }
119
+ var PickerStyleTag = /*#__PURE__*/memo(function PickerStyleTag() {
136
120
  return createElement("style", {
137
121
  suppressHydrationWarning: true,
138
122
  dangerouslySetInnerHTML: {
139
123
  __html: stylesheet.getStyle()
140
124
  }
141
125
  });
142
- }
126
+ });
143
127
  var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
144
128
  '.epr-main': {
145
129
  ':has(input:not(:placeholder-shown))': {
@@ -18524,6 +18508,18 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
18524
18508
  }
18525
18509
  });
18526
18510
 
18511
+ var isEverMounted = false;
18512
+ function useIsEverMounted() {
18513
+ var _React$useState = useState(isEverMounted),
18514
+ isMounted = _React$useState[0],
18515
+ setIsMounted = _React$useState[1];
18516
+ useEffect(function () {
18517
+ setIsMounted(true);
18518
+ isEverMounted = true;
18519
+ }, []);
18520
+ return isMounted || isEverMounted;
18521
+ }
18522
+
18527
18523
  function Suggested(_ref) {
18528
18524
  var categoryConfig = _ref.categoryConfig;
18529
18525
  var _useUpdateSuggested = useUpdateSuggested(),