@nulogy/components 14.2.0 → 14.3.0

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

@@ -11,3 +11,4 @@ export declare const CustomCard: {
     };
 };
 export declare const Cardset: () => React.JSX.Element;
+export declare const AdvancedUsage: () => React.JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+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;

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

@@ -1,4 +1,4 @@
 import React from "react";
-import { TruncatedTextProps } from "./TruncatedTextProps";
+import { TruncatedTextProps } from "./types";
 declare const TruncatedText: ({ indicator, element, maxCharacters, fullWidth, showTooltip, "data-testid": dataTestId, children, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedText;

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

@@ -0,0 +1,14 @@
+import React, { PropsWithChildren } from "react";
+import { MaxWidthProps } from "styled-system";
+export type MaybeTooltipProps = PropsWithChildren<{
+    tooltip: React.ReactNode;
+    showTooltip?: boolean;
+    placement?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    defaultOpen?: boolean;
+    showDelay?: number;
+    maxWidth?: MaxWidthProps["maxWidth"];
+    supportMobileTap?: boolean;
+}>;
+declare const MaybeTooltip: React.FC<MaybeTooltipProps>;
+export default MaybeTooltip;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { MaxWidthProps } from "styled-system";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+type TooltipProps = TooltipPrimitive.TooltipProps & {
+    supportMobileTap?: boolean;
+};
+declare const Tooltip: React.FC<TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface StyledTooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, MaxWidthProps {
+    children?: React.ReactNode;
+}
+declare const TooltipContent: React.ForwardRefExoticComponent<StyledTooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/src/TruncatedText/{TruncatedTextFillWidth.d.ts → components/TruncatedTextFillWidth.d.ts}

@@ -1,4 +1,4 @@
 import React from "react";
-import { TruncatedTextProps } from "./TruncatedTextProps";
+import { TruncatedTextProps } from "../types";
 declare const TruncatedTextFillWidth: ({ element, showTooltip, tooltipProps, children, "data-testid": testId, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedTextFillWidth;

package/dist/src/TruncatedText/{TruncatedTextMaxCharacters.d.ts → components/TruncatedTextMaxCharacters.d.ts}

@@ -1,4 +1,4 @@
 import React from "react";
-import { TruncatedTextProps } from "./TruncatedTextProps";
+import { TruncatedTextProps } from "../types";
 declare const TruncatedTextMaxCharacters: ({ children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedTextMaxCharacters;

package/dist/src/TruncatedText/{TruncatedTextProps.d.ts → types.d.ts}

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
-import { TooltipProps } from "../Tooltip/Tooltip";
 import { TextProps } from "../Type";
+import { MaybeTooltipProps } from "./components/MaybeTooltip";
 export interface TruncatedTextProps extends TextProps {
     children?: string;
     indicator?: string;
@@ -9,5 +9,5 @@ export interface TruncatedTextProps extends TextProps {
     showTooltip?: boolean;
     fullWidth?: boolean;
     "data-testid"?: string;
-    tooltipProps?: TooltipProps;
+    tooltipProps?: MaybeTooltipProps;
 }

package/dist/src/utils/story/resizable.d.ts

@@ -6,14 +6,14 @@ interface ResizableProps {
     showContainerOutline?: boolean;
 }
 export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => React.JSX.Element;
-export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "compact" | "inline" | "disabled" | "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps | "textTransform"> & React.HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     compact?: boolean;
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "compact" | "inline" | "disabled" | "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps | "textTransform"> & React.HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     compact?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.2.0",
+  "version": "14.3.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -114,6 +114,7 @@
     "cypress": "^13.2.0",
     "cypress-enter-plugin": "^1.0.1",
     "cypress-plugin-tab": "^1.0.1",
+    "cypress-real-events": "^1.14.0",
     "enzyme": "3.11.0",
     "enzyme-to-json": "3.4.4",
     "eslint": "6.8.0",