@nulogy/components 14.8.1 → 15.0.0

package/dist/src/Layout/Page.applicationFrame.story.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const NoPageTitle: () => React.JSX.Element;
+export declare const NoBreadcrumbs: () => React.JSX.Element;
+export declare const WithFullHeight: () => React.JSX.Element;

package/dist/src/{Tooltip2 → MiniTooltip}/index.d.ts

@@ -6,5 +6,5 @@ type TooltipProps = {
     sideOffset?: number;
     delayDuration?: number;
 };
-export declare function Tooltip({ children, content, sideOffset, hideTooltip, delayDuration }: TooltipProps): React.JSX.Element;
+export declare function MiniTooltip({ children, content, sideOffset, hideTooltip, delayDuration, }: TooltipProps): React.JSX.Element;
 export {};

package/dist/src/NDSProvider/FeatureFlagsContext.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface FeatureFlags {
     experimentalDesktopTypographyScale?: boolean;
+    navigationV3?: boolean;
 }
 export interface FeatureFlagsContextValue {
     featureFlags: FeatureFlags;

package/dist/src/Navigation/components/UserMenu/parts/styled.d.ts

@@ -6,5 +6,3 @@ export declare const UserMenuLink: import("styled-components/dist/types").IStyle
 export declare const UserMenuTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, {
     $isMobile?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubMenuContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubMenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/src/Navigation/types.d.ts

@@ -27,7 +27,6 @@ interface ButtonUserMenuItem {
     label: string;
     type: "button";
     props?: React.ComponentPropsWithoutRef<"button">;
-    items?: UserMenuItem[];
 }
 interface CustomUserMenuItem {
     type: "custom";

package/dist/src/Tooltip/Tooltip.d.ts

@@ -1,13 +1,19 @@
 import React from "react";
+import { MaxWidthProps } from "styled-system";
 export type TooltipProps = {
+    /** Delay before showing (in ms) */
     showDelay?: string | number;
-    hideDelay?: string | number;
+    /** Whether the tooltip is open by default */
     defaultOpen?: boolean;
+    /** Tooltip placement relative to the trigger */
+    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    /** Maximum width for the tooltip box */
+    maxWidth?: MaxWidthProps["maxWidth"];
+    /** Additional CSS class for styling */
     className?: string;
+    /** The content to display inside the tooltip */
     tooltip?: React.ReactNode;
-    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-    maxWidth?: string;
+    /** Child element that triggers the tooltip */
     children?: React.ReactNode;
 };
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<React.Ref<unknown>>>;
-export default Tooltip;
+export default function Tooltip({ showDelay, defaultOpen, placement, maxWidth, className, tooltip, children, }: TooltipProps): React.JSX.Element;

package/dist/src/Tooltip/Tooltip.story.d.ts

@@ -45,12 +45,6 @@ export declare const WithCustomShowDelay: {
         name: string;
     };
 };
-export declare const WithCustomHideDelay: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
 export declare const WithOtherFocusableElements: {
     (): React.JSX.Element;
     story: {
@@ -64,5 +58,4 @@ export declare const OpenByDefault: {
     };
 };
 export declare const WithCustomComponent: () => React.JSX.Element;
-export declare const WithRef: () => React.JSX.Element;
 export declare const WithCustomTooltip: () => React.JSX.Element;

package/dist/src/Tooltip/helpers.d.ts

@@ -0,0 +1,8 @@
+type Side = "top" | "bottom" | "left" | "right";
+type Alignment = ("start" | "end" | "center") | undefined;
+type PlacementProps = {
+    side: Side;
+    align: Alignment;
+};
+export declare function getPlacementProps(placement: string): PlacementProps;
+export {};

package/dist/src/TruncatedText/components/MaybeTooltip.d.ts

@@ -1,14 +1,24 @@
-import React, { PropsWithChildren } from "react";
-import { MaxWidthProps } from "styled-system";
-export type MaybeTooltipProps = PropsWithChildren<{
+import React from "react";
+export type MaybeTooltipProps = {
+    /** The content to display inside the tooltip */
     tooltip: React.ReactNode;
+    /** Whether to enable the tooltip at all */
     showTooltip?: boolean;
-    placement?: "top" | "bottom" | "left" | "right";
+    /** Tooltip placement relative to trigger element */
+    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    /** CSS class for the tooltip content */
     className?: string;
+    /** Whether tooltip is open by default */
     defaultOpen?: boolean;
+    /** Delay before showing the tooltip (ms) */
     showDelay?: number;
-    maxWidth?: MaxWidthProps["maxWidth"];
+    /** Maximum width for tooltip box */
+    maxWidth?: string;
+    /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */
     supportMobileTap?: boolean;
-}>;
-declare function MaybeTooltip({ tooltip, children, placement, defaultOpen, showDelay, maxWidth, showTooltip, supportMobileTap, className, }: MaybeTooltipProps): React.JSX.Element;
+    /** The trigger element(s) */
+    children?: React.ReactNode;
+};
+declare function MaybeTooltip({ tooltip, showTooltip, placement, defaultOpen, showDelay, maxWidth, supportMobileTap, // Note: supportMobileTap is handled internally by the new Tooltip
+className, children, }: MaybeTooltipProps): React.JSX.Element;
 export default MaybeTooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.8.1",
+  "version": "15.0.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {

package/dist/src/TruncatedText/MaybeTooltip.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import * as RadixTooltip from "@radix-ui/react-tooltip";
-type MaybeTooltipProps = React.ComponentProps<typeof RadixTooltip.Root> & {
-    tooltip: React.ReactNode;
-    showTooltip?: boolean;
-};
-declare const MaybeTooltip: ({ children, tooltip, showTooltip, ...rest }: MaybeTooltipProps) => React.JSX.Element;
-export default MaybeTooltip;

package/dist/src/TruncatedText/TooltipContent.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import * as RadixTooltip from "@radix-ui/react-tooltip";
-type StyledTooltipContentProps = React.ComponentProps<typeof RadixTooltip.Content> & {
-    children: React.ReactNode;
-};
-declare const StyledTooltipContent: ({ children, ...props }: StyledTooltipContentProps) => React.JSX.Element;
-export default StyledTooltipContent;