@synerise/ds-completed-within 0.7.7 → 0.7.9

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.7.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.7.8...@synerise/ds-completed-within@0.7.9) (2024-10-29)
+
+**Note:** Version bump only for package @synerise/ds-completed-within
+
+
+
+
+
+## [0.7.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.7.7...@synerise/ds-completed-within@0.7.8) (2024-10-28)
+
+**Note:** Version bump only for package @synerise/ds-completed-within
+
+
+
+
+
 ## [0.7.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-completed-within@0.7.6...@synerise/ds-completed-within@0.7.7) (2024-10-23)
 
 **Note:** Version bump only for package @synerise/ds-completed-within

package/dist/CompletedWithin.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CompletedWithinProps } from './CompletedWithin.types';
 export declare const DEFAULT_PERIODS: string[];
-declare const CompletedWithin: React.FC<CompletedWithinProps>;
+declare const CompletedWithin: ({ value, maxValue, onSetValue, text, periods, placeholder, tooltip, readOnly, }: CompletedWithinProps) => React.JSX.Element;
 export default CompletedWithin;

package/dist/CompletedWithin.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import React from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 import Icon, { ClockM, Close3S } from '@synerise/ds-icon';
 import Dropdown from '@synerise/ds-dropdown';
@@ -23,7 +23,7 @@ var CompletedWithin = function CompletedWithin(_ref) {
       tooltip = _ref.tooltip,
       readOnly = _ref.readOnly;
   var intl = useIntl();
-  var texts = React.useMemo(function () {
+  var texts = useMemo(function () {
     return _objectSpread({
       header: intl.formatMessage({
         id: 'DS.COMPLETED-WITHIN.HEADER',
@@ -43,7 +43,7 @@ var CompletedWithin = function CompletedWithin(_ref) {
       })
     }, text);
   }, [text, intl]);
-  var getPeriods = React.useMemo(function () {
+  var getPeriods = useMemo(function () {
     if (periods !== undefined && periods.length) {
       return periods;
     }
@@ -59,38 +59,38 @@ var CompletedWithin = function CompletedWithin(_ref) {
     });
   }, [periods, intl]);
 
-  var _React$useState = React.useState(value.value),
-      innerValue = _React$useState[0],
-      setInnerValue = _React$useState[1];
+  var _useState = useState(value.value),
+      innerValue = _useState[0],
+      setInnerValue = _useState[1];
 
-  var _React$useState2 = React.useState(value.period),
-      innerPeriod = _React$useState2[0],
-      setInnerPeriod = _React$useState2[1];
+  var _useState2 = useState(value.period),
+      innerPeriod = _useState2[0],
+      setInnerPeriod = _useState2[1];
 
-  var _React$useState3 = React.useState(false),
-      tooltipVisible = _React$useState3[0],
-      setTooltipVisible = _React$useState3[1];
+  var _useState3 = useState(false),
+      tooltipVisible = _useState3[0],
+      setTooltipVisible = _useState3[1];
 
-  var _React$useState4 = React.useState(false),
-      settingsVisible = _React$useState4[0],
-      setSettingsVisible = _React$useState4[1];
+  var _useState4 = useState(false),
+      settingsVisible = _useState4[0],
+      setSettingsVisible = _useState4[1];
 
-  var hasValue = React.useMemo(function () {
+  var hasValue = useMemo(function () {
     return value.value !== undefined && value.value > 0;
   }, [value]);
-  var handleVisibleChange = React.useCallback(function (visible) {
+  var handleVisibleChange = useCallback(function (visible) {
     setSettingsVisible(visible);
     setTooltipVisible(false);
 
     if (!visible && innerValue && innerPeriod) {
-      var newValue = maxValue && maxValue < innerValue ? maxValue : innerValue;
+      var newValue = maxValue && maxValue < parseFloat("" + innerValue) ? maxValue : innerValue;
       onSetValue({
         value: Number(newValue),
         period: innerPeriod
       });
     }
   }, [innerPeriod, innerValue, maxValue, onSetValue]);
-  var handleClear = React.useCallback(function () {
+  var handleClear = useCallback(function () {
     setInnerPeriod(undefined);
     setInnerValue(undefined);
     onSetValue({
@@ -98,11 +98,11 @@ var CompletedWithin = function CompletedWithin(_ref) {
       period: undefined
     });
   }, [onSetValue]);
-  var triggerMode = React.useMemo(function () {
+  var triggerMode = useMemo(function () {
     if (hasValue || placeholder) return 'icon-label';
     return 'single-icon';
   }, [hasValue, placeholder]);
-  var triggerLabel = React.useMemo(function () {
+  var triggerLabel = useMemo(function () {
     var _getPeriods$find;
 
     return hasValue ? texts.completedLabel + " " + value.value + " " + ((_getPeriods$find = getPeriods.find(function (singlePeriod) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-completed-within",
-  "version": "0.7.7",
+  "version": "0.7.9",
   "description": "CompletedWithin UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,14 +34,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.14",
-    "@synerise/ds-dropdown": "^0.18.19",
-    "@synerise/ds-icon": "^0.66.0",
-    "@synerise/ds-input": "^0.24.9",
-    "@synerise/ds-input-number": "^0.10.10",
-    "@synerise/ds-select": "^0.16.21",
-    "@synerise/ds-tooltip": "^0.14.44",
-    "@synerise/ds-utils": "^0.30.0",
+    "@synerise/ds-button": "^0.21.16",
+    "@synerise/ds-dropdown": "^0.18.21",
+    "@synerise/ds-icon": "^0.66.2",
+    "@synerise/ds-input": "^0.24.11",
+    "@synerise/ds-input-number": "^0.10.12",
+    "@synerise/ds-select": "^0.16.23",
+    "@synerise/ds-tooltip": "^0.14.46",
+    "@synerise/ds-utils": "^0.30.2",
     "react-intl": "3.12.0"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "c45f411bd0eac69ae70b6c948da1c530539b01d6"
+  "gitHead": "c9eddd944cd2f08cb02db807652ba7fb2b536a1c"
 }