emoji-picker-react 4.8.0 → 4.9.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/README.md +3 -0
- package/dist/config/config.d.ts +2 -0
- package/dist/config/mutableConfig.d.ts +2 -1
- package/dist/config/useConfig.d.ts +1 -0
- package/dist/emoji-picker-react.cjs.development.js +14 -2
- 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 +14 -2
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/header/SkinTonePicker/SkinTonePicker.tsx +3 -1
- package/src/config/config.ts +2 -0
- package/src/config/mutableConfig.ts +8 -2
- package/src/config/useConfig.ts +7 -0
- package/src/index.tsx +2 -1
|
@@ -16892,12 +16892,16 @@ function useMutableConfig() {
|
|
|
16892
16892
|
function useDefineMutableConfig(config) {
|
|
16893
16893
|
var MutableConfigRef = React__default.useRef({
|
|
16894
16894
|
onEmojiClick: config.onEmojiClick || emptyFunc,
|
|
16895
|
-
onReactionClick: config.onReactionClick || config.onEmojiClick
|
|
16895
|
+
onReactionClick: config.onReactionClick || config.onEmojiClick,
|
|
16896
|
+
onSkinToneChange: config.onSkinToneChange || emptyFunc
|
|
16896
16897
|
});
|
|
16897
16898
|
React__default.useEffect(function () {
|
|
16898
16899
|
MutableConfigRef.current.onEmojiClick = config.onEmojiClick || emptyFunc;
|
|
16899
16900
|
MutableConfigRef.current.onReactionClick = config.onReactionClick || config.onEmojiClick;
|
|
16900
16901
|
}, [config.onEmojiClick, config.onReactionClick]);
|
|
16902
|
+
React__default.useEffect(function () {
|
|
16903
|
+
MutableConfigRef.current.onSkinToneChange = config.onSkinToneChange || emptyFunc;
|
|
16904
|
+
}, [config.onSkinToneChange]);
|
|
16901
16905
|
return MutableConfigRef;
|
|
16902
16906
|
}
|
|
16903
16907
|
function emptyFunc() {}
|
|
@@ -16963,6 +16967,11 @@ function useOnEmojiClickConfig(mouseEventSource) {
|
|
|
16963
16967
|
var handler = (_ref = mouseEventSource === MOUSE_EVENT_SOURCE.REACTIONS ? current.onReactionClick : current.onEmojiClick) != null ? _ref : current.onEmojiClick;
|
|
16964
16968
|
return handler || function () {};
|
|
16965
16969
|
}
|
|
16970
|
+
function useOnSkinToneChangeConfig() {
|
|
16971
|
+
var _useMutableConfig2 = useMutableConfig(),
|
|
16972
|
+
current = _useMutableConfig2.current;
|
|
16973
|
+
return current.onSkinToneChange || function () {};
|
|
16974
|
+
}
|
|
16966
16975
|
function usePreviewConfig() {
|
|
16967
16976
|
var _usePickerConfig10 = usePickerConfig(),
|
|
16968
16977
|
previewConfig = _usePickerConfig10.previewConfig;
|
|
@@ -19786,6 +19795,7 @@ function SkinTonePicker(_ref) {
|
|
|
19786
19795
|
var _useActiveSkinToneSta = useActiveSkinToneState(),
|
|
19787
19796
|
activeSkinTone = _useActiveSkinToneSta[0],
|
|
19788
19797
|
setActiveSkinTone = _useActiveSkinToneSta[1];
|
|
19798
|
+
var onSkinToneChange = useOnSkinToneChangeConfig();
|
|
19789
19799
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
19790
19800
|
var focusSearchInput = useFocusSearchInput();
|
|
19791
19801
|
if (isDisabled) {
|
|
@@ -19818,6 +19828,7 @@ function SkinTonePicker(_ref) {
|
|
|
19818
19828
|
onClick: function onClick() {
|
|
19819
19829
|
if (isOpen) {
|
|
19820
19830
|
setActiveSkinTone(skinToneVariation);
|
|
19831
|
+
onSkinToneChange(skinToneVariation);
|
|
19821
19832
|
focusSearchInput();
|
|
19822
19833
|
} else {
|
|
19823
19834
|
setIsOpen(true);
|
|
@@ -20512,7 +20523,8 @@ function ExportedEmoji(_ref) {
|
|
|
20512
20523
|
function EmojiPicker$1(props) {
|
|
20513
20524
|
var MutableConfigRef = useDefineMutableConfig({
|
|
20514
20525
|
onEmojiClick: props.onEmojiClick,
|
|
20515
|
-
onReactionClick: props.onReactionClick
|
|
20526
|
+
onReactionClick: props.onReactionClick,
|
|
20527
|
+
onSkinToneChange: props.onSkinToneChange
|
|
20516
20528
|
});
|
|
20517
20529
|
return createElement(ErrorBoundary, null, createElement(MutableConfigContext.Provider, {
|
|
20518
20530
|
value: MutableConfigRef
|