@ultraviolet/plus 3.0.0-beta.16 → 3.0.0-beta.18

package/dist/components/CustomerSatisfaction/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Stack } from "@ultraviolet/ui";
 import { useState, useMemo } from "react";
 import rating1 from "./assets/1-5.svg.js";
@@ -13,27 +13,33 @@ import rating4NS from "./assets/4-5NB.svg.js";
 import rating5 from "./assets/5-5.svg.js";
 import rating5NS from "./assets/5-5NB.svg.js";
 import { customerStatisfaction } from "./styles.css.js";
-const ratings = [{
-  imgNotSelected: rating1NS,
-  imgSelected: rating1,
-  value: 1
-}, {
-  imgNotSelected: rating2NS,
-  imgSelected: rating2,
-  value: 2
-}, {
-  imgNotSelected: rating3NS,
-  imgSelected: rating3,
-  value: 3
-}, {
-  imgNotSelected: rating4NS,
-  imgSelected: rating4,
-  value: 4
-}, {
-  imgNotSelected: rating5NS,
-  imgSelected: rating5,
-  value: 5
-}];
+const ratings = [
+  {
+    imgNotSelected: rating1NS,
+    imgSelected: rating1,
+    value: 1
+  },
+  {
+    imgNotSelected: rating2NS,
+    imgSelected: rating2,
+    value: 2
+  },
+  {
+    imgNotSelected: rating3NS,
+    imgSelected: rating3,
+    value: 3
+  },
+  {
+    imgNotSelected: rating4NS,
+    imgSelected: rating4,
+    value: 4
+  },
+  {
+    imgNotSelected: rating5NS,
+    imgSelected: rating5,
+    value: 5
+  }
+];
 const CustomerSatisfaction = ({
   value,
   onChange,
@@ -43,23 +49,46 @@ const CustomerSatisfaction = ({
 }) => {
   const [hoveredValue, setHoveredValue] = useState(0);
   const isHappy = useMemo(() => value > ratings.length / 2, [value]);
-  return /* @__PURE__ */ jsx(Stack, { className, "data-testid": dataTestId, direction: "row", justifyContent: "space-between", style, children: ratings.map((rating) => {
-    const isSelected = rating.value === value;
-    const isOverfly = rating.value <= hoveredValue;
-    const isScaled = rating.value === hoveredValue && isSelected;
-    const animated = isHappy ? "happy" : "angry";
-    return /* @__PURE__ */ jsx("img", { alt: "rating", className: customerStatisfaction({
-      animated: isSelected ? animated : void 0,
-      isScaled
-    }), "data-testid": `${dataTestId}-${rating.value}`, onClick: () => {
-      onChange(rating.value);
-    }, onKeyDown: () => {
-    }, onMouseEnter: () => {
-      setHoveredValue(rating.value);
-    }, onMouseLeave: () => {
-      setHoveredValue(0);
-    }, src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected }, rating.value);
-  }) });
+  return /* @__PURE__ */ jsx(
+    Stack,
+    {
+      className,
+      "data-testid": dataTestId,
+      direction: "row",
+      justifyContent: "space-between",
+      style,
+      children: ratings.map((rating) => {
+        const isSelected = rating.value === value;
+        const isOverfly = rating.value <= hoveredValue;
+        const isScaled = rating.value === hoveredValue && isSelected;
+        const animated = isHappy ? "happy" : "angry";
+        return /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "rating",
+            className: customerStatisfaction({
+              animated: isSelected ? animated : void 0,
+              isScaled
+            }),
+            "data-testid": `${dataTestId}-${rating.value}`,
+            onClick: () => {
+              onChange(rating.value);
+            },
+            onKeyDown: () => {
+            },
+            onMouseEnter: () => {
+              setHoveredValue(rating.value);
+            },
+            onMouseLeave: () => {
+              setHoveredValue(0);
+            },
+            src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected
+          },
+          rating.value
+        );
+      })
+    }
+  );
 };
 export {
   CustomerSatisfaction

package/dist/components/EstimateCost/Components/CustomUnitInput.d.ts

@@ -5,5 +5,5 @@ type CustomUnitInputProps = {
     iteration: Iteration;
     timeUnits: Units[];
 };
-export declare const CustomUnitInput: import("react").MemoExoticComponent<({ defaultTimeUnit, setIteration, iteration, timeUnits, }: CustomUnitInputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const CustomUnitInput: import("react").MemoExoticComponent<({ defaultTimeUnit, setIteration, iteration, timeUnits, }: CustomUnitInputProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/EstimateCost/Components/CustomUnitInput.js

@@ -1,34 +1,54 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { UnitInput } from "@ultraviolet/ui";
 import { memo, useMemo } from "react";
 import { useEstimateCost } from "../EstimateCostProvider.js";
-const CustomUnitInput = memo(({
-  defaultTimeUnit = "hours",
-  setIteration,
-  iteration,
-  timeUnits
-}) => {
-  const {
-    locales
-  } = useEstimateCost();
-  const options = useMemo(() => timeUnits.map((unit) => ({
-    label: locales[`estimate.cost.units.${unit}.label`],
-    value: unit
-  })), [timeUnits, locales]);
-  const defaultOption = useMemo(() => options.find(({
-    value
-  }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
-  return /* @__PURE__ */ jsx(UnitInput, { min: 1, name: "iteration", onChange: (inputValue) => setIteration({
-    unit: iteration.unit,
-    value: inputValue
-  }), onChangeUnitValue: (unitValue) => {
-    setIteration({
-      unit: unitValue,
-      value: iteration.value
-    });
-  }, options, placeholder: "0", selectInputWidth: "100%", size: "medium", templateColumns: "auto auto", unitValue: iteration.unit || defaultOption?.value, value: iteration.value, width: "100%" });
-});
+const CustomUnitInput = memo(
+  ({
+    defaultTimeUnit = "hours",
+    setIteration,
+    iteration,
+    timeUnits
+  }) => {
+    const { locales } = useEstimateCost();
+    const options = useMemo(
+      () => timeUnits.map((unit) => ({
+        label: locales[`estimate.cost.units.${unit}.label`],
+        value: unit
+      })),
+      [timeUnits, locales]
+    );
+    const defaultOption = useMemo(
+      () => options.find(({ value }) => value === defaultTimeUnit),
+      [defaultTimeUnit, options]
+    );
+    return /* @__PURE__ */ jsx(
+      UnitInput,
+      {
+        min: 1,
+        name: "iteration",
+        onChange: (inputValue) => setIteration({
+          unit: iteration.unit,
+          value: inputValue
+        }),
+        onChangeUnitValue: (unitValue) => {
+          setIteration({
+            unit: unitValue,
+            value: iteration.value
+          });
+        },
+        options,
+        placeholder: "0",
+        selectInputWidth: "100%",
+        size: "medium",
+        templateColumns: "auto auto",
+        unitValue: iteration.unit || defaultOption?.value,
+        value: iteration.value,
+        width: "100%"
+      }
+    );
+  }
+);
 export {
   CustomUnitInput
 };

package/dist/components/EstimateCost/Components/Item.d.ts

@@ -113,5 +113,5 @@ type ItemProps = {
     strikeThrough?: boolean;
     style?: CSSProperties;
 };
-export declare const Item: import("react").MemoExoticComponent<({ discount, priceText, discountText, label, tooltipInfo, subLabel, price: basePrice, monthlyPrice, unit: baseUnit, amount: currentAmount, onAmountChange, amountFree, maxAmount, longFractionDigits, noIteration, noIterationText, noBorder, noPrice, isDefined, children, isFirstElement, isLastElement, isPrimaryBackground, productsCallback, iteration: receivedIteration, shouldBeHidden, hideFromOverlay, textNotDefined, animated, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, style, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Item: import("react").MemoExoticComponent<({ discount, priceText, discountText, label, tooltipInfo, subLabel, price: basePrice, monthlyPrice, unit: baseUnit, amount: currentAmount, onAmountChange, amountFree, maxAmount, longFractionDigits, noIteration, noIterationText, noBorder, noPrice, isDefined, children, isFirstElement, isLastElement, isPrimaryBackground, productsCallback, iteration: receivedIteration, shouldBeHidden, hideFromOverlay, textNotDefined, animated, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, style, }: ItemProps) => import("react/jsx-runtime").JSX.Element>;
 export {};