@synerise/ds-completed-within 0.5.0 → 0.5.3

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.5.2...@synerise/ds-completed-within@0.5.3) (2022-06-15)
+
+**Note:** Version bump only for package @synerise/ds-completed-within
+
+
+
+
+
+## [0.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.5.1...@synerise/ds-completed-within@0.5.2) (2022-05-15)
+
+
+### Bug Fixes
+
+* **completed-within:** set max width of dropdown ([49c881e](https://github.com/Synerise/synerise-design/commit/49c881e27b8a2cb22c1770645d987a55d03a05cb))
+
+
+
+
+
+## [0.5.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.5.0...@synerise/ds-completed-within@0.5.1) (2022-05-13)
+
+
+### Bug Fixes
+
+* **completed-within:** fixes clearing tooltip ([b9e0520](https://github.com/Synerise/synerise-design/commit/b9e05208d75069b03e9671981ea061f0e6183c99))
+* **completed-within:** fixes maxValues in btn label ([46c73ad](https://github.com/Synerise/synerise-design/commit/46c73ad326737bd355ba949fcfeceb58b0035d3e))
+
+
+
+
+
 # [0.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.4.0...@synerise/ds-completed-within@0.5.0) (2022-04-29)
 
 

package/dist/CompletedWithin.js

@@ -70,21 +70,25 @@ var CompletedWithin = function CompletedWithin(_ref) {
       tooltipVisible = _React$useState3[0],
       setTooltipVisible = _React$useState3[1];
 
+  var _React$useState4 = React.useState(false),
+      settingsVisible = _React$useState4[0],
+      setSettingsVisible = _React$useState4[1];
+
   var hasValue = React.useMemo(function () {
     return value.value !== undefined && value.value > 0;
   }, [value]);
   var handleVisibleChange = React.useCallback(function (visible) {
+    setSettingsVisible(visible);
+    setTooltipVisible(false);
+
     if (!visible && innerValue && innerPeriod) {
+      var newValue = maxValue && maxValue < innerValue ? maxValue : innerValue;
       onSetValue({
-        value: Number(innerValue),
+        value: Number(newValue),
         period: innerPeriod
       });
     }
-
-    if (visible) {
-      setTooltipVisible(false);
-    }
-  }, [innerPeriod, innerValue, onSetValue]);
+  }, [innerPeriod, innerValue, maxValue, onSetValue]);
   var handleClear = React.useCallback(function () {
     setInnerPeriod(undefined);
     setInnerValue(undefined);
@@ -120,13 +124,17 @@ var CompletedWithin = function CompletedWithin(_ref) {
     }),
     trigger: ['click'],
     onVisibleChange: handleVisibleChange,
-    placement: "topLeft"
+    placement: "topLeft",
+    overlayStyle: {
+      maxWidth: '238px',
+      minWidth: '238px'
+    }
   }, /*#__PURE__*/React.createElement(Tooltip, {
     type: "largeSimple",
     description: tooltip,
     trigger: ['hover'],
     onVisibleChange: setTooltipVisible,
-    visible: tooltipVisible
+    visible: !settingsVisible && tooltipVisible
   }, /*#__PURE__*/React.createElement(S.TriggerButton, {
     className: "ds-completed-within",
     type: "tertiary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-completed-within",
-  "version": "0.5.0",
+  "version": "0.5.3",
   "description": "CompletedWithin UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,7 +33,7 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.17.2",
-    "@synerise/ds-dropdown": "^0.17.17",
+    "@synerise/ds-dropdown": "^0.17.18",
     "@synerise/ds-icon": "^0.49.0",
     "@synerise/ds-input-number": "^0.3.45",
     "@synerise/ds-select": "^0.14.11",
@@ -43,5 +43,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "4a658911645846d1e329609ba9db06a7bc64962b"
+  "gitHead": "d787395998e479858cb58f6d56555e4c51fe45d5"
 }