@synerise/ds-emoji-picker 1.2.28 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.28...@synerise/ds-emoji-picker@1.3.0) (2025-11-06)
+
+
+### Features
+
+* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
+
+
+
+
+
 ## [1.2.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.27...@synerise/ds-emoji-picker@1.2.28) (2025-10-31)
 
 **Note:** Version bump only for package @synerise/ds-emoji-picker

package/dist/EmojiList/EmojiList.styles.js

@@ -17,7 +17,7 @@ export var EmojiButton = styled(function (props) {
 }).withConfig({
   displayName: "EmojiListstyles__EmojiButton",
   componentId: "sc-1yme2ir-1"
-})(["font-size:24px;display:flex;align-items:center;cursor:pointer;"]);
+})(["&&{font-size:24px;display:flex;align-items:center;cursor:pointer;}"]);
 export var EmptyList = styled.div.withConfig({
   displayName: "EmojiListstyles__EmptyList",
   componentId: "sc-1yme2ir-2"

package/dist/EmojiPicker.js

@@ -18,7 +18,13 @@ export var EmojiPicker = function EmojiPicker(_ref) {
     focus = _useState2[0],
     setFocus = _useState2[1];
   var ref = useRef(null);
-  useOnClickOutside(ref, function () {
+  var triggerRef = useRef(null);
+  useOnClickOutside(ref, function (event) {
+    if (triggerRef.current && event.target) {
+      if (triggerRef.current.contains(event.target)) {
+        return;
+      }
+    }
     setOpen(false);
   });
   var toggleOpen = function toggleOpen(newState) {
@@ -26,10 +32,15 @@ export var EmojiPicker = function EmojiPicker(_ref) {
     setFocus(newState);
   };
   return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    visible: isOpen,
-    onVisibleChange: toggleOpen,
-    placement: "bottomRight"
+    open: isOpen,
+    onOpenChange: toggleOpen,
+    placement: "bottomRight",
+    asChild: true
   }, dropdownProps, {
+    popoverProps: _extends({
+      testId: 'emojipicker'
+    }, dropdownProps == null ? void 0 : dropdownProps.popoverProps),
+    size: "medium",
     overlay: /*#__PURE__*/React.createElement(S.Overlay, {
       ref: ref,
       onClick: function onClick(event) {

package/dist/EmojiPicker.styles.js

@@ -2,4 +2,4 @@ import styled from 'styled-components';
 export var Overlay = styled.div.withConfig({
   displayName: "EmojiPickerstyles__Overlay",
   componentId: "sc-562kws-0"
-})(["width:260px;"]);
+})([""]);

package/dist/EmojiPicker.types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from 'react';
 import type { Emoji } from 'unicode-emoji-utils';
-import type { DropdownProps } from '@synerise/ds-dropdown';
+import type { DropdownSharedProps } from '@synerise/ds-dropdown';
 import type { EmojiListTexts } from './EmojiList/EmojiList.types';
 export type EmojiPickerTexts = EmojiListTexts & {
     placeholder: string;
@@ -9,7 +9,7 @@ export type EmojiPickerTexts = EmojiListTexts & {
 export type EmojiPickerProps = {
     children?: ReactElement;
     onSelect?: (emoji: Emoji) => void;
-    dropdownProps?: Partial<DropdownProps>;
+    dropdownProps?: Partial<Omit<DropdownSharedProps, 'children' | 'size' | 'overlay' | 'onOpenChage' | 'open'>>;
     texts?: Partial<EmojiPickerTexts>;
     closeOnSelect?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-emoji-picker",
-  "version": "1.2.28",
+  "version": "1.3.0",
   "description": "EmojiPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,12 +35,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.16",
-    "@synerise/ds-divider": "^1.2.0",
-    "@synerise/ds-dropdown": "^1.0.34",
-    "@synerise/ds-icon": "^1.7.3",
-    "@synerise/ds-scrollbar": "^1.1.9",
-    "@synerise/ds-tooltip": "^1.2.1",
+    "@synerise/ds-button": "^1.5.0",
+    "@synerise/ds-divider": "^1.2.1",
+    "@synerise/ds-dropdown": "^1.1.0",
+    "@synerise/ds-icon": "^1.8.0",
+    "@synerise/ds-scrollbar": "^1.2.0",
+    "@synerise/ds-tooltip": "^1.3.0",
     "@synerise/ds-utils": "^1.5.0",
     "unicode-emoji-utils": "^1.2.0"
   },
@@ -50,5 +50,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "73989f3707121812fcd54f3e89e80f6228298689"
+  "gitHead": "cbbb7d9f155735bcc4035d8fd8a7813878d6e051"
 }