@ultraviolet/plus 0.15.5 → 0.17.0

package/dist/components/EstimateCost/types.d.ts

@@ -111,6 +111,16 @@ export type EstimateCostProps = {
      */
     numberLocales?: string;
     overlayMargin?: string;
+    onTotalPriceChange?: ({ total, totalMax, }: {
+        /**
+         * The total price of the estimate cost.
+         */
+        total: number;
+        /**
+         * If the price has a range (ex: 10-20), this is the maximum value.
+         */
+        totalMax?: number;
+    }) => void;
 };
 export type Units = 'seconds' | 'minutes' | 'hours' | 'days' | 'months';
 export type Iteration = {

package/dist/components/Navigation/Navigation.cjs

@@ -8,11 +8,8 @@ const PinnedItems = require("./components/PinnedItems.cjs");
 const Separator = require("./components/Separator.cjs");
 const Navigation = ({
   children,
-  logo,
-  onWidthResize,
-  className,
-  id
-}) => /* @__PURE__ */ jsxRuntime.jsx(NavigationContent.NavigationContent, { logo, className, onWidthResize, id, children });
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(NavigationContent.NavigationContent, { ...props, children });
 Navigation.Group = Group.Group;
 Navigation.Item = Item.Item;
 Navigation.PinnedItems = PinnedItems.PinnedItems;

package/dist/components/Navigation/Navigation.d.ts

@@ -1,38 +1,18 @@
-import type { ReactNode } from 'react';
-type NavigationProps = {
-    children: ReactNode;
-    /**
-     * The logo to be displayed in header of the navigation
-     * It can be a component or a function. The function will retrun you
-     * expanded state of the navigation so you can decide to show/hide
-     * some part of your logo
-     */
-    logo?: ReactNode | ((expanded: boolean) => ReactNode);
-    /**
-     * This function is called when resize occur using the vertical bar on the left of the navigation.
-     */
-    onWidthResize?: (width: number) => void;
-    id?: string;
-    className?: string;
-};
+/// <reference types="react" />
+import type { NavigationProps } from './types';
 /**
  * Navigation is a component that allows you to create a sidebar navigation.
  * You can wrap your navigation items like `<Navigation.Item>` with your router
  * to make it work in your application.
  */
 export declare const Navigation: {
-    ({ children, logo, onWidthResize, className, id, }: NavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ children, ...props }: NavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
     Group: ({ children, label }: {
-        children: ReactNode;
-        label: string; /**
-         * The logo to be displayed in header of the navigation
-         * It can be a component or a function. The function will retrun you
-         * expanded state of the navigation so you can decide to show/hide
-         * some part of your logo
-         */
+        children: import("react").ReactNode;
+        label: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Item: ({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, onClick, onClickPinUnpin, toggle, active, noPinButton, type, hasParents, as, disabled, noExpand, index, id, }: {
-        children?: ReactNode;
+        children?: import("react").ReactNode;
         categoryIcon?: "security" | "console" | "database" | "pin" | "billing" | "storage" | "baremetal" | "webHosting" | "vpc" | "useCase" | "toolsServices" | "serverless" | "observability" | "network" | "managedServices" | "iot" | "documentation" | "dedicatedServer" | "datacenter" | "containers" | "compute" | "ai" | "labs" | "devTools" | "applicationIntegration" | undefined;
         categoryIconVariant?: "neutral" | "primary" | undefined;
         label: string;
@@ -42,7 +22,7 @@ export declare const Navigation: {
         badgeSentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
         href?: string | undefined;
         onClick?: ((toggle?: boolean | undefined) => void) | undefined;
-        onClickPinUnpin?: ((parameters: import("./constants").PinUnPinType) => void) | undefined;
+        onClickPinUnpin?: ((parameters: import("./types").PinUnPinType) => void) | undefined;
         toggle?: boolean | undefined;
         active?: boolean | undefined;
         noPinButton?: boolean | undefined;
@@ -59,4 +39,3 @@ export declare const Navigation: {
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
 };
-export {};

package/dist/components/Navigation/Navigation.js

@@ -6,11 +6,8 @@ import { PinnedItems } from "./components/PinnedItems.js";
 import { Separator } from "./components/Separator.js";
 const Navigation = ({
   children,
-  logo,
-  onWidthResize,
-  className,
-  id
-}) => /* @__PURE__ */ jsx(NavigationContent, { logo, className, onWidthResize, id, children });
+  ...props
+}) => /* @__PURE__ */ jsx(NavigationContent, { ...props, children });
 Navigation.Group = Group;
 Navigation.Item = Item;
 Navigation.PinnedItems = PinnedItems;