@synerise/ds-operators 1.0.38 → 1.1.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@1.1.0...@synerise/ds-operators@1.1.1) (2025-11-13)
+
+
+### Bug Fixes
+
+* **date-picker:** dropdown state ([e16e4ce](https://github.com/Synerise/synerise-design/commit/e16e4ce8374c374512d0dc59a2361000ab89c8b9))
+
+
+
+
+
+# [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@1.0.38...@synerise/ds-operators@1.1.0) (2025-11-06)
+
+
+### Features
+
+* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
+
+
+
+
+
 ## [1.0.38](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@1.0.37...@synerise/ds-operators@1.0.38) (2025-10-31)
 
 **Note:** Version bump only for package @synerise/ds-operators

package/dist/Operators.js

@@ -60,18 +60,14 @@ var Operators = function Operators(_ref) {
   }, [onChange]);
   useEffect(function () {
     setDropdownVisible(Boolean(opened));
-    if (opened) {
-      onActivate && onActivate();
-    }
-  }, [onActivate, opened]);
+  }, [opened]);
   var handleClick = useCallback(function () {
-    onActivate && onActivate();
-    setDropdownVisible(true);
+    onActivate == null || onActivate();
   }, [onActivate]);
   var onDropdownVisibilityChange = useCallback(function (newValue) {
-    newValue && onActivate && onActivate();
-    !newValue && onDeactivate && onDeactivate();
-  }, [onActivate, onDeactivate]);
+    setDropdownVisible(newValue);
+    newValue && (onActivate == null ? void 0 : onActivate());
+  }, [onActivate]);
   var triggerMode = useMemo(function () {
     if (value) {
       return readOnly ? 'icon-label' : 'two-icons';
@@ -104,9 +100,16 @@ var Operators = function Operators(_ref) {
     };
   }, [dimensionsConfig.defaultHeight, dimensionsConfig.lowerHeight, dimensionsConfig.threshold]);
   var content = readOnly ? dropdownTrigger : /*#__PURE__*/React.createElement(Dropdown, {
-    visible: dropdownVisible,
-    onVisibleChange: onDropdownVisibilityChange,
+    open: dropdownVisible,
+    onOpenChange: onDropdownVisibilityChange,
     getPopupContainer: getPopupContainerOverride || getPopupContainer,
+    asChild: false,
+    size: "medium",
+    onDismiss: onDeactivate,
+    popoverProps: {
+      testId: 'operators',
+      returnFocus: false
+    },
     overlay: /*#__PURE__*/React.createElement(OperatorsDropdown, {
       value: value,
       setDropdownVisible: setDropdownVisible,

package/dist/OperatorsDropdown/OperatorsDropdown.js

@@ -6,7 +6,7 @@ import Icon, { SearchM } from '@synerise/ds-icon';
 import Result from '@synerise/ds-result';
 import Scrollbar from '@synerise/ds-scrollbar';
 import Tabs from '@synerise/ds-tabs';
-import { focusWithArrowKeys, useOnClickOutside } from '@synerise/ds-utils';
+import { focusWithArrowKeys } from '@synerise/ds-utils';
 import * as S from '../Operators.style';
 import { DEFAULT_TAB_INDEX, DROPDOWN_HEIGHT, NO_GROUP_NAME, PADDING, SEARCH_HEIGHT, TABS_HEIGHT } from '../constants';
 import { groupByGroupName } from '../utils';
@@ -43,9 +43,6 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
   var classNames = useMemo(function () {
     return "ds-operator-item ds-operator-item-" + uuid();
   }, []);
-  useOnClickOutside(overlayRef, function () {
-    setDropdownVisible(false);
-  });
   var renderGroupedItems = useCallback(function (activeItems) {
     var groupedItems = groupByGroupName(activeItems);
     var renderedItems = [];
@@ -142,7 +139,6 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
   return /*#__PURE__*/React.createElement(Dropdown.Wrapper, {
     "data-testid": "ds-operators-dropdown-wrapper",
     style: {
-      width: '300px',
       zIndex: 1005
     },
     ref: overlayRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-operators",
-  "version": "1.0.38",
+  "version": "1.1.1",
   "description": "Operators UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,14 +35,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.16",
-    "@synerise/ds-dropdown": "^1.0.34",
-    "@synerise/ds-icon": "^1.7.3",
-    "@synerise/ds-list-item": "^1.1.0",
-    "@synerise/ds-result": "^1.0.29",
-    "@synerise/ds-scrollbar": "^1.1.9",
-    "@synerise/ds-tabs": "^1.0.36",
-    "@synerise/ds-tooltip": "^1.2.1",
+    "@synerise/ds-button": "^1.5.0",
+    "@synerise/ds-dropdown": "^1.1.1",
+    "@synerise/ds-icon": "^1.8.0",
+    "@synerise/ds-list-item": "^1.2.0",
+    "@synerise/ds-result": "^1.0.30",
+    "@synerise/ds-scrollbar": "^1.2.0",
+    "@synerise/ds-tabs": "^1.1.1",
+    "@synerise/ds-tooltip": "^1.3.0",
     "@synerise/ds-utils": "^1.5.0",
     "uuid": "^8.3.2"
   },
@@ -52,5 +52,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "73989f3707121812fcd54f3e89e80f6228298689"
+  "gitHead": "085189e79075b23a8fb86ce9b7d930f6ac7b3d23"
 }