@ultraviolet/plus 0.5.6 → 0.5.8

package/dist/index.d.ts

@@ -216,7 +216,7 @@ declare const EstimateCost: {
     ({ description, alert, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, discount, OverlayRight, OverlayLeft, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, numberLocales, currency, }: EstimateCostProps): _emotion_react_jsx_runtime.JSX.Element;
     LineThrough: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         isActive?: boolean | undefined;
     }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -284,7 +284,7 @@ declare const EstimateCost: {
     }) => _emotion_react_jsx_runtime.JSX.Element | null;
     Image: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     }, react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
     Region: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, }: {
         shouldBeHidden?: boolean | undefined;

package/dist/src/components/EstimateCost/Components/Unit.js

@@ -36,11 +36,9 @@ const Unit = ({
     children: jsx(Regular, {
       children: capacity
     })
-  }) :
-  // 120px is arbitrary, just to avoid full width input (ugly) nor too small input.
-  jsx("div", {
+  }) : jsx("div", {
     style: {
-      width: '120px'
+      width: '150px'
     },
     children: jsx(StyledTextInput, {
       type: "number",

package/dist/src/components/EstimateCost/Components/UnitInput.js

@@ -44,6 +44,7 @@ const UnitInput = ({
   size = 'medium',
   placeholder = '0',
   onChange,
+  onBlur,
   onChangeUnitValue,
   value,
   unitValue,
@@ -73,9 +74,19 @@ const UnitInput = ({
     value: value,
     placeholder: placeholder,
     onChange: input => {
-      const numericValue = input ? parseInt(input, 10) : minValue;
+      const numericValue = parseInt(input, 10);
       onChange(numericValue);
     },
+    onBlur: event => {
+      const numericValue = parseInt(event.target.value, 10);
+      if (Number.isNaN(numericValue) || numericValue < minValue) {
+        onChange(minValue);
+      }
+      if (numericValue > maxValue) {
+        onChange(maxValue);
+      }
+      onBlur?.(event);
+    },
     className: className,
     disabled: disabled,
     notice: notice,

package/dist/src/components/EstimateCost/helper.js

@@ -10,7 +10,8 @@ const calculatePrice = ({
   timeAmount,
   discount = 0
 }) => {
-  const value = (price - price * discount) * (timeAmount * multiplier[`${timeUnit}`]) * Math.max(amount - amountFree, 0);
+  const nonNanTimeAmount = Number.isNaN(timeAmount) ? 0 : timeAmount;
+  const value = (price - price * discount) * (nonNanTimeAmount * multiplier[`${timeUnit}`]) * Math.max(amount - amountFree, 0);
 
   // Avoid having negative price in any cases
   if (value < 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -43,11 +43,11 @@
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.43",
-    "@types/react-dom": "18.2.17",
+    "@types/react": "18.2.45",
+    "@types/react-dom": "18.2.18",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "@ultraviolet/icons": "2.7.1"
+    "@ultraviolet/icons": "2.7.3"
   },
   "dependencies": {
     "@uiw/codemirror-extensions-langs": "4.21.21",
@@ -55,8 +55,8 @@
     "@uiw/react-codemirror": "4.21.21",
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.3",
-    "@ultraviolet/themes": "1.5.0",
-    "@ultraviolet/ui": "1.29.0"
+    "@ultraviolet/themes": "1.6.0",
+    "@ultraviolet/ui": "1.29.2"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"