@ultraviolet/plus 0.5.1 → 0.5.3

package/dist/index.d.ts

@@ -92,6 +92,7 @@ type EstimateCostProps = {
      * Text to display into an alert on the top of the EstimateCost component.
      */
     alert?: ReactNode;
+    alertTitle?: string;
     /**
      * Type of the alert defined by the Scaleway UI Alert component.
      */
@@ -285,7 +286,7 @@ declare const EstimateCost: {
         theme?: _emotion_react.Theme | undefined;
         as?: react.ElementType<any> | undefined;
     }, react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-    Region: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, }: {
+    Region: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, }: {
         shouldBeHidden?: boolean | undefined;
         priceText?: ReactNode;
         animated?: boolean | undefined;
@@ -299,8 +300,10 @@ declare const EstimateCost: {
         discount?: number | undefined;
         label: string;
         image: string;
+        noBorder?: boolean | undefined;
+        noPrice?: boolean | undefined;
     }) => _emotion_react_jsx_runtime.JSX.Element;
-    Zone: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, }: {
+    Zone: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, }: {
         shouldBeHidden?: boolean | undefined;
         priceText?: string | undefined;
         animated?: boolean | undefined;
@@ -314,6 +317,8 @@ declare const EstimateCost: {
         discount?: number | undefined;
         label: string;
         image: string;
+        noBorder?: boolean | undefined;
+        noPrice?: boolean | undefined;
     }) => _emotion_react_jsx_runtime.JSX.Element;
     Ellipsis: ({ children, maxWidth, "data-testid": dataTestId, }: {
         children: ReactNode;
@@ -322,4 +327,4 @@ declare const EstimateCost: {
     }) => _emotion_react_jsx_runtime.JSX.Element;
 };
 
-export { CodeEditor, ContentCard, ContentCardGroup, EstimateCost };
+export { CodeEditor, ContentCard, ContentCardGroup, EstimateCost, _default as estimateCostDefaultLocales };

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

@@ -239,7 +239,7 @@ const Item = _ref6 => {
     hideFromOverlay: hideFromOverlay,
     children: [jsx(Cell$1, {
       width: !isOverlay ? MAX_CELL_WIDTH : 'inherit',
-      hasBorder: !isLastElement && !noBorder,
+      hasBorder: !isLastElement && !noBorder && !isOverlay,
       tabulation: tabulation,
       children: jsxs(LeftSide, {
         children: [jsxs(Stack, {
@@ -306,7 +306,7 @@ const Item = _ref6 => {
           }) : null, !priceText && computedMaxItemPrice > 0 ? ` - ${formatNumber(computedMaxItemPrice, {
             maximumFractionDigits: formatMaximumFractionDigits
           })}` : null]
-        }), amount - amountFree > 1 && computedItemPrice > 0 || maxAmount > 0 && computedMaxItemPrice > 0 ? jsxs(TextAlignRight, {
+        }), amount - amountFree !== 1 && computedItemPrice > 0 || maxAmount > 0 && computedMaxItemPrice > 0 ? jsxs(TextAlignRight, {
           as: "p",
           variant: "body",
           children: [formatNumber(calculatePrice({

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

@@ -23,7 +23,9 @@ const Region = _ref2 => {
     isLastElement,
     productsCallback,
     iteration,
-    discount
+    discount,
+    noBorder,
+    noPrice
   } = _ref2;
   const {
     locales
@@ -38,6 +40,8 @@ const Region = _ref2 => {
     productsCallback: productsCallback,
     iteration: iteration,
     discount: discount,
+    noBorder: noBorder,
+    noPrice: noPrice,
     children: jsxs(Strong, {
       children: [jsx(StyledImage, {
         alt: label,

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

@@ -23,7 +23,9 @@ const Zone = _ref2 => {
     isLastElement,
     productsCallback,
     iteration,
-    discount
+    discount,
+    noBorder,
+    noPrice
   } = _ref2;
   const {
     locales
@@ -38,6 +40,8 @@ const Zone = _ref2 => {
     productsCallback: productsCallback,
     iteration: iteration,
     discount: discount,
+    noBorder: noBorder,
+    noPrice: noPrice,
     children: jsxs(Strong, {
       children: [jsx(StyledImage, {
         alt: label,

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

@@ -1,6 +1,6 @@
 import _styled from '@emotion/styled/base';
 import { Text, Stack, Alert, Icon } from '@ultraviolet/ui';
-import { useState, useMemo, useEffect, Children, cloneElement } from 'react';
+import { useState, useMemo, useEffect, Children, isValidElement, cloneElement } from 'react';
 import flattenChildren from 'react-flatten-children';
 import { useInView } from 'react-intersection-observer';
 import { CustomUnitInput } from './Components/CustomUnitInput.js';
@@ -60,12 +60,13 @@ const StyledPriceCell = /*#__PURE__*/_styled(Cell.withComponent('th', {
     theme
   } = _ref4;
   return PriceCell(theme);
-}, ";");
+}, " padding:0;");
 const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
 const EstimateCostContent = _ref5 => {
   let {
     description,
     alert,
+    alertTitle,
     alertVariant = 'warning',
     defaultTimeUnit = 'hours',
     timeUnits = DEFAULT_UNIT_LIST,
@@ -181,6 +182,7 @@ const EstimateCostContent = _ref5 => {
       children: description || locales['estimate.cost.description']
     }) : description, alert ? jsx(Alert, {
       sentiment: alertVariant,
+      title: alertTitle,
       children: alert
     }) : null, jsx(OverlayContextProvider, {
       value: providerValue,
@@ -215,15 +217,12 @@ const EstimateCostContent = _ref5 => {
               })]
             })
           }) : null, jsx("tbody", {
-            children: Children.map(list, (child, index) =>
-            
-            /* @ts-expect-error I'm too dumb to understand this sorcery */
-            cloneElement(child, {
+            children: Children.map(list, (child, index) => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, {
               isLastElement: index === list.length - 1,
               productsCallback,
               iteration,
               discount: discount && !child.props.discount ? discount : child.props.discount
-            }))
+            }) : child)
           })]
         }) : null, !hideTotal ? jsxs(EmptyTable, {
           cellPadding: "0",

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

@@ -23,7 +23,7 @@ const OverlayContainer = /*#__PURE__*/_styled("div", {
     theme
   } = _ref2;
   return theme.colors.neutral.background;
-}, ";margin:0 0 0 200px;display:flex;justify-content:center;box-shadow:", _ref3 => {
+}, ";margin:0 0 0 260px;display:flex;justify-content:center;box-shadow:", _ref3 => {
   let {
     inView,
     theme

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

@@ -81,7 +81,7 @@ const TotalPriceCell = /*#__PURE__*/_styled(Cell, {
     theme
   } = _ref8;
   return theme.colors.neutral.border;
-}, ";border-style:solid;border-width:0 1px 1px 1px;border-radius:0 0 4px 4px;min-width:195px;height:56px;background-color:", _ref9 => {
+}, ";border-style:solid;border-width:0 1px 1px 1px;border-radius:0 0 4px 4px;min-width:202px;height:56px;background-color:", _ref9 => {
   let {
     theme
   } = _ref9;
@@ -123,11 +123,11 @@ const EmptyCell = /*#__PURE__*/_styled("td", {
 const TimeCell = /*#__PURE__*/_styled("div", {
   target: "e1xb5k8j5"
 })(process.env.NODE_ENV === "production" ? {
-  name: "vvsuqs",
-  styles: "max-width:220px;padding:16px;align-items:start;text-align:left;float:right"
+  name: "1dh7njz",
+  styles: "max-width:200px;padding:16px;align-items:start;text-align:left;float:right"
 } : {
-  name: "vvsuqs",
-  styles: "max-width:220px;padding:16px;align-items:start;text-align:left;float:right",
+  name: "1dh7njz",
+  styles: "max-width:200px;padding:16px;align-items:start;text-align:left;float:right",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const BadgeBeta = /*#__PURE__*/_styled(Badge, {

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

@@ -26,6 +26,6 @@ const maximumFractionDigitsLong = {
   days: 4,
   months: 2
 };
-const MAX_CELL_WIDTH = '537px';
+const MAX_CELL_WIDTH = '530px';
 
 export { APPROXIMATE_HOURS_IN_MONTH, MAX_CELL_WIDTH, maximumFractionDigits, maximumFractionDigitsLong, multiplier };

package/dist/src/index.js

@@ -2,3 +2,4 @@ export { ContentCard } from './components/ContentCard/index.js';
 export { ContentCardGroup } from './components/ContentCardGroup/index.js';
 export { CodeEditor } from './components/CodeEditor/CodeEditor.js';
 export { EstimateCost } from './components/EstimateCost/EstimateCost.js';
+export { default as estimateCostDefaultLocales } from './components/EstimateCost/locales/en.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -56,7 +56,7 @@
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.3",
     "@ultraviolet/themes": "1.5.0",
-    "@ultraviolet/ui": "1.27.1"
+    "@ultraviolet/ui": "1.27.2"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"