@synerise/ds-operators 1.0.37 → 1.1.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/Operators.js +13 -11
  3. package/dist/OperatorsDropdown/OperatorsDropdown.js +1 -5
  4. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [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)
7
+
8
+
9
+ ### Features
10
+
11
+ * **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+ **Note:** Version bump only for package @synerise/ds-operators
20
+
21
+
22
+
23
+
24
+
6
25
  ## [1.0.37](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@1.0.36...@synerise/ds-operators@1.0.37) (2025-10-22)
7
26
 
8
27
  **Note:** Version bump only for package @synerise/ds-operators
package/dist/Operators.js CHANGED
@@ -60,18 +60,14 @@ var Operators = function Operators(_ref) {
60
60
  }, [onChange]);
61
61
  useEffect(function () {
62
62
  setDropdownVisible(Boolean(opened));
63
- if (opened) {
64
- onActivate && onActivate();
65
- }
66
- }, [onActivate, opened]);
63
+ }, [opened]);
67
64
  var handleClick = useCallback(function () {
68
- onActivate && onActivate();
69
- setDropdownVisible(true);
65
+ onActivate == null || onActivate();
70
66
  }, [onActivate]);
71
67
  var onDropdownVisibilityChange = useCallback(function (newValue) {
72
- newValue && onActivate && onActivate();
73
- !newValue && onDeactivate && onDeactivate();
74
- }, [onActivate, onDeactivate]);
68
+ setDropdownVisible(newValue);
69
+ newValue && (onActivate == null ? void 0 : onActivate());
70
+ }, [onActivate]);
75
71
  var triggerMode = useMemo(function () {
76
72
  if (value) {
77
73
  return readOnly ? 'icon-label' : 'two-icons';
@@ -104,9 +100,15 @@ var Operators = function Operators(_ref) {
104
100
  };
105
101
  }, [dimensionsConfig.defaultHeight, dimensionsConfig.lowerHeight, dimensionsConfig.threshold]);
106
102
  var content = readOnly ? dropdownTrigger : /*#__PURE__*/React.createElement(Dropdown, {
107
- visible: dropdownVisible,
108
- onVisibleChange: onDropdownVisibilityChange,
103
+ open: dropdownVisible,
104
+ onOpenChange: onDropdownVisibilityChange,
109
105
  getPopupContainer: getPopupContainerOverride || getPopupContainer,
106
+ asChild: false,
107
+ size: "medium",
108
+ onDismiss: onDeactivate,
109
+ popoverProps: {
110
+ testId: 'operators'
111
+ },
110
112
  overlay: /*#__PURE__*/React.createElement(OperatorsDropdown, {
111
113
  value: value,
112
114
  setDropdownVisible: setDropdownVisible,
package/dist/OperatorsDropdown/OperatorsDropdown.js CHANGED
@@ -6,7 +6,7 @@ import Icon, { SearchM } from '@synerise/ds-icon';
6
6
  import Result from '@synerise/ds-result';
7
7
  import Scrollbar from '@synerise/ds-scrollbar';
8
8
  import Tabs from '@synerise/ds-tabs';
9
- import { focusWithArrowKeys, useOnClickOutside } from '@synerise/ds-utils';
9
+ import { focusWithArrowKeys } from '@synerise/ds-utils';
10
10
  import * as S from '../Operators.style';
11
11
  import { DEFAULT_TAB_INDEX, DROPDOWN_HEIGHT, NO_GROUP_NAME, PADDING, SEARCH_HEIGHT, TABS_HEIGHT } from '../constants';
12
12
  import { groupByGroupName } from '../utils';
@@ -43,9 +43,6 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
43
43
  var classNames = useMemo(function () {
44
44
  return "ds-operator-item ds-operator-item-" + uuid();
45
45
  }, []);
46
- useOnClickOutside(overlayRef, function () {
47
- setDropdownVisible(false);
48
- });
49
46
  var renderGroupedItems = useCallback(function (activeItems) {
50
47
  var groupedItems = groupByGroupName(activeItems);
51
48
  var renderedItems = [];
@@ -142,7 +139,6 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
142
139
  return /*#__PURE__*/React.createElement(Dropdown.Wrapper, {
143
140
  "data-testid": "ds-operators-dropdown-wrapper",
144
141
  style: {
145
- width: '300px',
146
142
  zIndex: 1005
147
143
  },
148
144
  ref: overlayRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-operators",
3
- "version": "1.0.37",
3
+ "version": "1.1.0",
4
4
  "description": "Operators UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -35,14 +35,14 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-button": "^1.4.16",
39
- "@synerise/ds-dropdown": "^1.0.33",
40
- "@synerise/ds-icon": "^1.7.3",
41
- "@synerise/ds-list-item": "^1.1.0",
42
- "@synerise/ds-result": "^1.0.29",
43
- "@synerise/ds-scrollbar": "^1.1.9",
44
- "@synerise/ds-tabs": "^1.0.35",
45
- "@synerise/ds-tooltip": "^1.2.1",
38
+ "@synerise/ds-button": "^1.5.0",
39
+ "@synerise/ds-dropdown": "^1.1.0",
40
+ "@synerise/ds-icon": "^1.8.0",
41
+ "@synerise/ds-list-item": "^1.2.0",
42
+ "@synerise/ds-result": "^1.0.30",
43
+ "@synerise/ds-scrollbar": "^1.2.0",
44
+ "@synerise/ds-tabs": "^1.1.0",
45
+ "@synerise/ds-tooltip": "^1.3.0",
46
46
  "@synerise/ds-utils": "^1.5.0",
47
47
  "uuid": "^8.3.2"
48
48
  },
@@ -52,5 +52,5 @@
52
52
  "react-intl": ">=3.12.0 <= 6.8",
53
53
  "styled-components": "^5.3.3"
54
54
  },
55
- "gitHead": "a40fca2cc78eda64afa96d18dc4d177538a22404"
55
+ "gitHead": "cbbb7d9f155735bcc4035d8fd8a7813878d6e051"
56
56
  }