emoji-picker-react 4.18.0 → 4.19.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/Stylesheet/stylesheet.d.ts +3 -1
- package/dist/config/config.d.ts +1 -0
- package/dist/emoji-picker-react.cjs.development.js +8 -3
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +8 -3
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/EmojiPickerReact.tsx +1 -1
- package/src/Stylesheet/stylesheet.tsx +6 -1
- package/src/config/config.ts +2 -0
|
@@ -9,7 +9,9 @@ export declare const stylesheet: {
|
|
|
9
9
|
isApplied: () => boolean;
|
|
10
10
|
};
|
|
11
11
|
export declare const commonStyles: Record<never, Set<string>>;
|
|
12
|
-
export declare const PickerStyleTag: React.NamedExoticComponent<
|
|
12
|
+
export declare const PickerStyleTag: React.NamedExoticComponent<{
|
|
13
|
+
nonce?: string | undefined;
|
|
14
|
+
}>;
|
|
13
15
|
export declare const commonInteractionStyles: Record<never, Set<string>>;
|
|
14
16
|
export declare function darkMode(key: string, value: Styles): {
|
|
15
17
|
'.epr-dark-theme': {
|
package/dist/config/config.d.ts
CHANGED
|
@@ -109,8 +109,10 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
|
|
|
109
109
|
'.': ClassNames.hidden
|
|
110
110
|
}, hidden)
|
|
111
111
|
});
|
|
112
|
-
var PickerStyleTag = /*#__PURE__*/React.memo(function PickerStyleTag() {
|
|
112
|
+
var PickerStyleTag = /*#__PURE__*/React.memo(function PickerStyleTag(_ref) {
|
|
113
|
+
var nonce = _ref.nonce;
|
|
113
114
|
return React.createElement("style", {
|
|
115
|
+
nonce: nonce,
|
|
114
116
|
suppressHydrationWarning: true,
|
|
115
117
|
dangerouslySetInnerHTML: {
|
|
116
118
|
__html: stylesheet.getStyle()
|
|
@@ -468,7 +470,8 @@ function basePickerConfig() {
|
|
|
468
470
|
allowExpandReactions: true,
|
|
469
471
|
hiddenEmojis: [],
|
|
470
472
|
emojiData: undefined,
|
|
471
|
-
categoryIcons: {}
|
|
473
|
+
categoryIcons: {},
|
|
474
|
+
nonce: undefined
|
|
472
475
|
};
|
|
473
476
|
}
|
|
474
477
|
var basePreviewConfig = {
|
|
@@ -25976,7 +25979,9 @@ function Header() {
|
|
|
25976
25979
|
}
|
|
25977
25980
|
|
|
25978
25981
|
function EmojiPicker(props) {
|
|
25979
|
-
return React.createElement(ElementRefContextProvider, null, React.createElement(PickerStyleTag,
|
|
25982
|
+
return React.createElement(ElementRefContextProvider, null, React.createElement(PickerStyleTag, {
|
|
25983
|
+
nonce: props.nonce
|
|
25984
|
+
}), React.createElement(PickerConfigProvider, Object.assign({}, props), React.createElement(PickerDataProvider, null, React.createElement(ContentControl, null))));
|
|
25980
25985
|
}
|
|
25981
25986
|
function ContentControl() {
|
|
25982
25987
|
var _useReactionsModeStat = useReactionsModeState(),
|