@ultraviolet/plus 3.4.5 → 3.5.1

package/dist/components/Navigation/styles.css.js

@@ -1,22 +1,36 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var navigationStickyFooter = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv0", variantClassNames: { overflow: { false: "uv_plus_19x50fv1" } }, defaultVariants: { overflow: false }, compoundVariants: [] });
+
+//#region src/components/Navigation/styles.css.ts
+var navigationStickyFooter = createRuntimeFn({
+	defaultClassName: "uv_plus_19x50fv0",
+	variantClassNames: { overflow: { false: "uv_plus_19x50fv1" } },
+	defaultVariants: { overflow: false },
+	compoundVariants: []
+});
 var navigationHeader = "uv_plus_19x50fv2";
 var navigationLogoContainer = "uv_plus_19x50fv3";
 var navigation = "uv_plus_19x50fv4";
-var navigationContainer = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv5", variantClassNames: { animation: { collapse: "uv_plus_19x50fv6", expand: "uv_plus_19x50fv7", false: "uv_plus_19x50fv8" }, expanded: { false: "uv_plus_19x50fv9" } }, defaultVariants: {}, compoundVariants: [[{ animation: false, expanded: true }, "uv_plus_19x50fva"]] });
+var navigationContainer = createRuntimeFn({
+	defaultClassName: "uv_plus_19x50fv5",
+	variantClassNames: {
+		animation: {
+			collapse: "uv_plus_19x50fv6",
+			expand: "uv_plus_19x50fv7",
+			false: "uv_plus_19x50fv8"
+		},
+		expanded: { false: "uv_plus_19x50fv9" }
+	},
+	defaultVariants: {},
+	compoundVariants: [[{
+		animation: false,
+		expanded: true
+	}, "uv_plus_19x50fva"]]
+});
 var navigationContentContainer = "uv_plus_19x50fvb";
 var navigationContentContainerCollapsed = "uv_plus_19x50fvc";
 var navigationContent = "uv_plus_19x50fvd";
 var navigationSlider = "uv_plus_19x50fve";
-export {
-  navigation,
-  navigationContainer,
-  navigationContent,
-  navigationContentContainer,
-  navigationContentContainerCollapsed,
-  navigationHeader,
-  navigationLogoContainer,
-  navigationSlider,
-  navigationStickyFooter
-};
+
+//#endregion
+export { navigation, navigationContainer, navigationContent, navigationContentContainer, navigationContentContainerCollapsed, navigationHeader, navigationLogoContainer, navigationSlider, navigationStickyFooter };

package/dist/components/Navigation/variables.css.js

@@ -1,5 +1,7 @@
-/* empty css                             */
+/* empty css                         */
+
+//#region src/components/Navigation/variables.css.ts
 var widthNavigationContainer = "var(--uv_plus_1rde5pt0)";
-export {
-  widthNavigationContainer
-};
+
+//#endregion
+export { widthNavigationContainer };

package/dist/components/OfferList/OfferList.d.ts

@@ -1,52 +1,6 @@
-import { List } from '@ultraviolet/ui';
-import type { ComponentProps, CSSProperties } from 'react';
-type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelectedChange'> & {
-    /**
-     * Make offerList selectable by choosing its type
-     */
-    type?: 'radio' | 'checkbox';
-    onChangeSelect?: (selected: string | string[]) => void;
-    /**
-     * Pre-selected rows (using their offerName). Must be an array when `type = "checkbox"`.
-     */
-    selected?: string | string[];
-    ['data-testid']?: string;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const OfferList: {
-    ({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, "data-testid": dataTestId, }: OfferListProps): import("react/jsx-runtime").JSX.Element;
-    Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: {
-        children: import("react").ReactNode;
-        id: string;
-        expandable?: import("react").ReactNode;
-        selectDisabled?: boolean | string;
-        disabled?: boolean;
-        sentiment?: "neutral" | "primary" | "danger" | "info" | "secondary" | "success" | "warning";
-        expanded?: boolean;
-        className?: string;
-        expandablePadding?: "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
-        highlightAnimation?: boolean;
-        'data-testid'?: string;
-        style?: CSSProperties;
-        'data-dragging'?: boolean;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLTableRowElement>;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLTableRowElement>;
-        onClick?: (id: string) => void;
-    } & import("react").RefAttributes<HTMLTableRowElement> & {
-        banner?: {
-            text: import("react").ReactNode;
-            sentiment?: "neutral" | "primary" | "warning" | "danger";
-        };
-        offerName: string;
-        badge?: {
-            text: string;
-            sentiment?: ComponentProps<typeof import("@ultraviolet/ui").Badge>["sentiment"];
-            prominence?: ComponentProps<typeof import("@ultraviolet/ui").Badge>["prominence"];
-        };
-        style?: CSSProperties;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ children, className, "data-testid": dataTestId, colSpan, style, }: ComponentProps<typeof List.Cell>) => import("react/jsx-runtime").JSX.Element;
-};
-export {};
+import { OfferList as OfferListUV } from '@ultraviolet/ui/compositions/OfferList';
+/**
+ * @deprecated Use `OfferList` from `@ultraviolet/ui/composition/OfferList` instead
+ */
+export declare const OfferList: typeof OfferListUV;
 //# sourceMappingURL=OfferList.d.ts.map

package/dist/components/OfferList/OfferList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfferList.d.ts","sourceRoot":"","sources":["../../../src/components/OfferList/OfferList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAO1D,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,YAAY,GAAG,kBAAkB,CAClC,GAAG;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,SAAS;6IAYnB,cAAc;;;;;;;;;;;;;;;;;;;;;qBAC0D,CAAC;;;;;qBAG5B,CAAC;sBAClB,CAAC;;;;;CA+C/B,CAAA"}
+{"version":3,"file":"OfferList.d.ts","sourceRoot":"","sources":["../../../src/components/OfferList/OfferList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACjF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,OAAO,WAAyB,CAAA"}

package/dist/components/OfferList/OfferList.js

@@ -1,78 +1,11 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { List } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { useState, useEffect } from "react";
-import { Cell } from "./components/Cell.js";
-import { Row } from "./components/Row.js";
-import { OfferListProvider } from "./OfferListProvider.js";
-import { offerList } from "./styles.css.js";
-const OfferList = ({
-  expandable,
-  type = "radio",
-  columns,
-  children,
-  loading,
-  autoCollapse,
-  selected,
-  onChangeSelect,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => {
-  const [radioSelectedRow, setRadioSelectedRow] = useState(
-    typeof selected === "string" ? selected : void 0
-  );
-  const [checkboxSelectedRows, setCheckboxSelectedRows] = useState(
-    Array.isArray(selected) ? selected : []
-  );
-  const computedColumns = [
-    {
-      label: ""
-    },
-    expandable ? { label: "" } : null,
-    ...columns
-  ].filter((element) => !!element);
-  useEffect(() => {
-    if (selected) {
-      if (typeof selected === "string" && type === "radio") {
-        setRadioSelectedRow(selected);
-      }
-      if (Array.isArray(selected) && type === "checkbox") {
-        setCheckboxSelectedRows(selected);
-      }
-    }
-  }, [type, selected]);
-  return /* @__PURE__ */ jsx(
-    OfferListProvider,
-    {
-      autoCollapse,
-      checkboxSelectedRows,
-      expandable,
-      loading,
-      onChangeSelect,
-      radioSelectedRow,
-      selectable: type,
-      setCheckboxSelectedRows,
-      setRadioSelectedRow,
-      children: /* @__PURE__ */ jsx(
-        List,
-        {
-          autoCollapse,
-          className: cn(className, offerList),
-          columns: computedColumns,
-          "data-testid": dataTestId,
-          expandable: false,
-          selectable: false,
-          style,
-          children
-        }
-      )
-    }
-  );
-};
-OfferList.Row = Row;
-OfferList.Cell = Cell;
-export {
-  OfferList
-};
+'use client';
+import { OfferList } from "@ultraviolet/ui/compositions/OfferList";
+
+//#region src/components/OfferList/OfferList.tsx
+/**
+* @deprecated Use `OfferList` from `@ultraviolet/ui/composition/OfferList` instead
+*/
+const OfferList$1 = OfferList;
+
+//#endregion
+export { OfferList$1 as OfferList };

package/dist/components/OrderSummary/index.d.ts

@@ -1,3 +1,6 @@
-import type { OrderSummaryProps } from './types';
-export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement, hideBeforePrice, "data-testid": dataTestId, style, priceInformation, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;
+import { OrderSummary as OrderSummaryUV } from '@ultraviolet/ui/compositions/OrderSummary';
+/**
+ * @deprecated Use `OrderSummary` from `@ultraviolet/ui/composition/OrderSummary` instead
+ */
+export declare const OrderSummary: typeof OrderSummaryUV;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/OrderSummary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OrderSummary/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAA;AAErE,eAAO,MAAM,YAAY,GAAI,uWA0B1B,iBAAiB,4CAsLnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OrderSummary/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1F;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,cAA+B,CAAA"}

package/dist/components/OrderSummary/index.js

@@ -1,204 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Text, UnitInput } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { useState, useMemo, useEffect } from "react";
-import { Units } from "./constants.js";
-import { calculateCategoryPrice } from "./helpers.js";
-import orderSummaryLocales from "./locales/en.js";
-import { NonScrollableContent } from "./NonScrollableContent.js";
-import { OrderSummaryContext } from "./Provider.js";
-import { ScrollableContent } from "./ScrollableContent.js";
-import { orderSummaryHeaderContainer, orderSummaryStackBackground, orderSummaryContainer } from "./styles.css.js";
-const OrderSummary = ({
-  header,
-  hideTimeUnit = false,
-  periodOptions = Units,
-  valueUnitInput = 1,
-  unitUnitInput = "hours",
-  items,
-  locales = orderSummaryLocales,
-  currency = "EUR",
-  localeFormat = "en-US",
-  footer,
-  children,
-  discount = 0,
-  totalPriceInfo,
-  fractionDigits,
-  hideDetails = false,
-  onChange,
-  onChangeUnitInput,
-  totalPriceDescription,
-  additionalInfo,
-  className,
-  totalPriceInfoPlacement = "left",
-  hideBeforePrice = false,
-  "data-testid": dataTestId,
-  style,
-  priceInformation
-}) => {
-  const [timePeriodUnit, setTimePeriodUnit] = useState(unitUnitInput);
-  const [timePeriodAmount, setTimePeriodAmount] = useState(valueUnitInput);
-  const categoriesPrice = useMemo(
-    () => items.reduce((acc, category) => {
-      const { categoryPrice, discountedPrice } = calculateCategoryPrice(
-        category,
-        hideTimeUnit,
-        timePeriodAmount,
-        timePeriodUnit
-      );
-      return {
-        ...acc,
-        [category.category]: {
-          maxPrice: categoryPrice[1],
-          maxPriceWithDiscount: discountedPrice[1],
-          timeUnit: unitUnitInput,
-          totalPrice: categoryPrice[0],
-          totalPriceWithDiscount: discountedPrice[0]
-        }
-      };
-    }, {}),
-    [hideTimeUnit, items, timePeriodAmount, timePeriodUnit, unitUnitInput]
-  );
-  const totalPrice = useMemo(() => {
-    const price = Object.values(categoriesPrice).reduce(
-      (acc, categoryPrice) => [
-        acc[0] + categoryPrice.totalPrice,
-        acc[1] + categoryPrice.maxPrice
-      ],
-      [0, 0]
-    );
-    const priceDiscounted = Object.values(categoriesPrice).reduce(
-      (acc, categoryPrice) => [
-        acc[0] + categoryPrice.totalPriceWithDiscount,
-        acc[1] + categoryPrice.maxPriceWithDiscount
-      ],
-      [0, 0]
-    );
-    const computedPrice = {
-      maxPrice: Math.max(price[1], 0),
-      maxPriceWithDiscount: Math.max(
-        priceDiscounted[1] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0),
-        0
-      ),
-      timeUnit: unitUnitInput,
-      totalPrice: Math.max(price[0], 0),
-      totalPriceWithDiscount: Math.max(
-        priceDiscounted[0] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0),
-        0
-      )
-    };
-    return computedPrice;
-  }, [categoriesPrice, discount, unitUnitInput]);
-  const valueContext = useMemo(
-    () => ({
-      categoriesPrice,
-      currency,
-      fractionDigits,
-      hideTimeUnit,
-      items,
-      localeFormat,
-      locales,
-      timePeriodAmount,
-      timePeriodUnit
-    }),
-    [
-      currency,
-      localeFormat,
-      items,
-      categoriesPrice,
-      hideTimeUnit,
-      timePeriodUnit,
-      timePeriodAmount,
-      locales,
-      fractionDigits
-    ]
-  );
-  const computePeriodOptions = useMemo(() => {
-    const computedPeriodOptions = [];
-    for (const option of periodOptions) {
-      computedPeriodOptions.push({
-        label: locales[`order.summary.units.${option}.label`],
-        value: option
-      });
-    }
-    return computedPeriodOptions;
-  }, [periodOptions, locales]);
-  useEffect(() => {
-    onChange?.(categoriesPrice, totalPrice);
-  }, [categoriesPrice, totalPrice, onChange]);
-  return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      className: cn(className, orderSummaryContainer),
-      "data-testid": dataTestId,
-      justifyContent: hideDetails ? "flex-start" : "space-between",
-      style,
-      children: [
-        header ? /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            alignItems: "center",
-            className: orderSummaryHeaderContainer[hideDetails ? "hideDetails" : "showDetails"],
-            direction: "row",
-            gap: 2,
-            justifyContent: "space-between",
-            children: [
-              /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "h3",
-                  prominence: "strong",
-                  sentiment: "neutral",
-                  variant: "headingSmallStrong",
-                  children: header
-                }
-              ),
-              hideTimeUnit || hideDetails ? null : /* @__PURE__ */ jsx(Stack, { className: orderSummaryStackBackground, children: /* @__PURE__ */ jsx(
-                UnitInput,
-                {
-                  dropdownAlign: "center",
-                  maxWidth: "200px",
-                  onChange: (value) => {
-                    setTimePeriodAmount(value);
-                  },
-                  onChangeUnitValue: (val) => {
-                    setTimePeriodUnit(val);
-                    onChangeUnitInput?.(val);
-                  },
-                  options: computePeriodOptions,
-                  selectInputWidth: "100%",
-                  size: "small",
-                  templateColumns: "2fr 3fr",
-                  unitValue: unitUnitInput,
-                  value: valueUnitInput
-                }
-              ) })
-            ]
-          }
-        ) : null,
-        hideDetails ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
-        /* @__PURE__ */ jsx(
-          NonScrollableContent,
-          {
-            additionalInfo,
-            defaultPriceInformation: priceInformation === true || hideDetails && !priceInformation && priceInformation !== false,
-            discount,
-            footer,
-            hideBeforePrice,
-            priceInformation,
-            timePeriodAmount,
-            totalPrice,
-            totalPriceDescription,
-            totalPriceInfo,
-            totalPriceInfoPlacement,
-            unit: timePeriodUnit,
-            children
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  OrderSummary
-};
+'use client';
+import { OrderSummary } from "@ultraviolet/ui/compositions/OrderSummary";
+
+//#region src/components/OrderSummary/index.ts
+/**
+* @deprecated Use `OrderSummary` from `@ultraviolet/ui/composition/OrderSummary` instead
+*/
+const OrderSummary$1 = OrderSummary;
+
+//#endregion
+export { OrderSummary$1 as OrderSummary };

package/dist/components/Plans/index.d.ts

@@ -1,22 +1,6 @@
-import type { CSSProperties } from 'react';
-import PlansLocales from './locales/en';
-import type { Feature, PlanType } from './types';
-type PlansProps<T extends string> = {
-    fieldName?: string;
-    onChange?: (newPlanValue: string | undefined) => void;
-    value?: string;
-    features: Feature<T>[];
-    plans: PlanType<T>[];
-    hideFeatureText?: boolean;
-    hideLabels?: boolean;
-    locales?: Record<keyof typeof PlansLocales, string>;
-    style?: CSSProperties;
-    /** Highlights a plan. Use plan value and define the content of the highlight badge */
-    highlight?: {
-        plan: string;
-        content: string;
-    };
-};
-export declare const Plans: <T extends string>({ fieldName, onChange, value, features, plans, hideFeatureText, hideLabels, locales, style, highlight, }: PlansProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { Plans as PlansUV } from '@ultraviolet/ui/compositions/Plans';
+/**
+ * @deprecated Use `Plans` from `@ultraviolet/ui/composition/Plans` instead
+ */
+export declare const Plans: typeof PlansUV;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Plans/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,YAAY,MAAM,cAAc,CAAA;AASvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,EAAE,0GAWrC,UAAU,CAAC,CAAC,CAAC,4CAsOf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,oCAAoC,CAAA;AACrE;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,OAAiB,CAAA"}