@synerise/ds-operators 0.7.8 → 0.8.1

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.8.0...@synerise/ds-operators@0.8.1) (2022-04-12)
+
+
+### Bug Fixes
+
+* fix filter dropdowns ([eaab107](https://github.com/Synerise/synerise-design/commit/eaab107b6dca7401a17c2e36806febd11edc677b))
+
+
+
+
+
+# [0.8.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.7.9...@synerise/ds-operators@0.8.0) (2022-04-05)
+
+
+### Bug Fixes
+
+* **operators:** fixes scrolling operator dropdown with page ([78fd630](https://github.com/Synerise/synerise-design/commit/78fd63003cc4aa7a651b4a4e766bc4d1b5b292d3))
+* fix eslint errors ([7cce9b9](https://github.com/Synerise/synerise-design/commit/7cce9b94f8dea533b3c36a0f0cfd5145d4737166))
+
+
+### Features
+
+* **filter:** fixes bugs ([b862ddd](https://github.com/Synerise/synerise-design/commit/b862dddbce1293c2a5381663fc903bb574edd135))
+
+
+
+
+
+## [0.7.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.7.8...@synerise/ds-operators@0.7.9) (2022-03-30)
+
+**Note:** Version bump only for package @synerise/ds-operators
+
+
+
+
+
 ## [0.7.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.7.7...@synerise/ds-operators@0.7.8) (2022-03-24)
 
 **Note:** Version bump only for package @synerise/ds-operators

package/dist/Operators.js

@@ -51,14 +51,16 @@ var Operators = function Operators(_ref) {
     onChange(val);
   }, [onChange]);
   React.useEffect(function () {
+    setDropdownVisible(Boolean(opened));
+
     if (opened) {
-      setDropdownVisible(true);
+      onActivate && onActivate();
     }
-  }, [opened]);
+  }, [onActivate, opened]);
   var handleClick = React.useCallback(function () {
-    setDropdownVisible(true);
     onActivate && onActivate();
-  }, [setDropdownVisible, onActivate]);
+    setDropdownVisible(true);
+  }, [onActivate]);
   var onDropdownVisibilityChange = React.useCallback(function (newValue) {
     return newValue && onActivate && onActivate();
   }, [onActivate]);
@@ -67,7 +69,7 @@ var Operators = function Operators(_ref) {
   }, /*#__PURE__*/React.createElement(Dropdown, {
     visible: dropdownVisible,
     onVisibleChange: onDropdownVisibilityChange,
-    getPopupContainer: getPopupContainerOverride,
+    getPopupContainer: getPopupContainerOverride || getPopupContainer,
     overlay: /*#__PURE__*/React.createElement(OperatorsDropdown, {
       value: value,
       setDropdownVisible: setDropdownVisible,

package/dist/OperatorsDropdown/OperatorsDropdown.js

@@ -18,19 +18,13 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
       items = _ref.items,
       setDropdownVisible = _ref.setDropdownVisible,
       value = _ref.value;
-  var defaultTab = React.useMemo(function () {
-    var defaultIndex = groups == null ? void 0 : groups.findIndex(function (group) {
-      return group.defaultGroup;
-    });
-    return defaultIndex || 0;
-  }, [groups]);
   var overlayRef = React.useRef(null);
 
   var _React$useState = React.useState(''),
       searchQuery = _React$useState[0],
       setSearchQuery = _React$useState[1];
 
-  var _React$useState2 = React.useState(defaultTab),
+  var _React$useState2 = React.useState(0),
       activeTab = _React$useState2[0],
       setActiveTab = _React$useState2[1];
 
@@ -42,6 +36,12 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
       searchInputCanBeFocused = _React$useState4[0],
       setSearchInputFocus = _React$useState4[1];
 
+  React.useEffect(function () {
+    var defaultIndex = groups == null ? void 0 : groups.findIndex(function (group) {
+      return group.defaultGroup || value && group.id === value.groupId;
+    });
+    setActiveTab(defaultIndex === -1 ? 0 : defaultIndex);
+  }, [groups, value]);
   var classNames = React.useMemo(function () {
     return "ds-operator-item ds-operator-item-" + uuid();
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-operators",
-  "version": "0.7.8",
+  "version": "0.8.1",
   "description": "Operators UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,18 +32,18 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.17.1",
-    "@synerise/ds-dropdown": "^0.17.14",
-    "@synerise/ds-icon": "^0.48.0",
-    "@synerise/ds-menu": "^0.13.1",
-    "@synerise/ds-result": "^0.6.8",
-    "@synerise/ds-scrollbar": "^0.4.6",
-    "@synerise/ds-tabs": "^0.13.8",
+    "@synerise/ds-button": "^0.17.2",
+    "@synerise/ds-dropdown": "^0.17.16",
+    "@synerise/ds-icon": "^0.49.0",
+    "@synerise/ds-menu": "^0.13.2",
+    "@synerise/ds-result": "^0.6.9",
+    "@synerise/ds-scrollbar": "^0.4.7",
+    "@synerise/ds-tabs": "^0.13.10",
     "@synerise/ds-utils": "^0.19.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "8d3f48dbf8e3eddd679dee9f6d667d03b5f25ed0"
+  "gitHead": "78a3de75d8ec9c917d96c1b54c70d24f50dc8c7a"
 }