@nulogy/components 14.8.2 → 15.0.1

package/dist/src/TopBar/stories/TopBar.story.js

@@ -0,0 +1,59 @@
+import React from "react";
+import { FormSection } from "../../Form";
+import { Input } from "../../Input";
+import { ApplicationFrame, Page } from "../../Layout";
+import { TopBar } from "../TopBar";
+import { legacy as theme } from "../../theme/theme";
+import numberFromDimension from "../../utils/numberFromDimension";
+import { menuItems } from "./fixtures";
+export default {
+    title: "Components/TopBar",
+    parameters: {
+        layout: "fullscreen",
+        chromatic: {
+            modes: {
+                locale: "en",
+                desktopScale: "standard",
+                theme: "touch",
+                viewports: [theme.breakpoints.small, theme.breakpoints.medium, theme.breakpoints.large].map(numberFromDimension),
+            },
+        },
+    },
+};
+export const Default = () => (React.createElement(TopBar.Root, null,
+    React.createElement(TopBar.BackLink, { href: "/cycle-counts" }, "Cycle counts"),
+    React.createElement(TopBar.PageTitle, null, "Cycle count #3992"),
+    React.createElement(TopBar.Menu, null, menuItems.map((props) => (React.createElement(TopBar.MenuItem, { key: props.title },
+        React.createElement(TopBar.MenuItemLink, Object.assign({}, props))))))));
+export const WithALongTitle = () => (React.createElement(TopBar.Root, null,
+    React.createElement(TopBar.BackLink, { href: "/cycle-counts" }, "Previous page title"),
+    React.createElement(TopBar.PageTitle, null, "A long title that can not fit on smaller screens"),
+    React.createElement(TopBar.Menu, null, menuItems.map((props) => (React.createElement(TopBar.MenuItem, { key: props.title },
+        React.createElement(TopBar.MenuItemLink, Object.assign({}, props))))))));
+export const WithAnApplicationFrame = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(TopBar.Root, null,
+        React.createElement(TopBar.BackLink, { href: "/cycle-counts" }, "Cycle counts"),
+        React.createElement(TopBar.PageTitle, null, "Cycle count #3992"),
+        React.createElement(TopBar.Menu, null, menuItems.map((props) => (React.createElement(TopBar.MenuItem, { key: props.title },
+            React.createElement(TopBar.MenuItemLink, Object.assign({}, props))))))) },
+    React.createElement(Page, { fullHeight: true },
+        React.createElement(FormSection, { title: "Personal Information" },
+            React.createElement(Input, { id: "name", labelText: "Name" }),
+            React.createElement(Input, { id: "birthdate", placeholder: "DD-MM-YYYY", labelText: "Date of birth", requirementText: "(Optional)", helpText: "Enter a date below" }),
+            React.createElement(Input, { id: "birthplace", labelText: "Place of birth", requirementText: "(Optional)" })),
+        React.createElement(FormSection, { title: "General Information" },
+            React.createElement(Input, { id: "gender", labelText: "Gender" }),
+            React.createElement(Input, { id: "occupation", labelText: "Occupation" })),
+        React.createElement(FormSection, { title: "Personal Information" },
+            React.createElement(Input, { id: "name", labelText: "Name" }),
+            React.createElement(Input, { id: "birthdate", placeholder: "DD-MM-YYYY", labelText: "Date of birth", requirementText: "(Optional)", helpText: "Enter a date below" }),
+            React.createElement(Input, { id: "birthplace", labelText: "Place of birth", requirementText: "(Optional)" })),
+        React.createElement(FormSection, { title: "General Information" },
+            React.createElement(Input, { id: "gender", labelText: "Gender" }),
+            React.createElement(Input, { id: "occupation", labelText: "Occupation" })),
+        React.createElement(FormSection, { title: "Personal Information" },
+            React.createElement(Input, { id: "name", labelText: "Name" }),
+            React.createElement(Input, { id: "birthdate", placeholder: "DD-MM-YYYY", labelText: "Date of birth", requirementText: "(Optional)", helpText: "Enter a date below" }),
+            React.createElement(Input, { id: "birthplace", labelText: "Place of birth", requirementText: "(Optional)" })),
+        React.createElement(FormSection, { title: "General Information" },
+            React.createElement(Input, { id: "gender", labelText: "Gender" }),
+            React.createElement(Input, { id: "occupation", labelText: "Occupation" })))));

package/dist/src/TopBar/stories/fixtures.d.ts

@@ -1,44 +1,44 @@
-export declare const menuItems: readonly [{
-    readonly title: "Home";
-    readonly description: "Go to the home page";
-    readonly icon: "home";
-    readonly href: "/home";
-}, {
-    readonly title: "Historical orders";
-    readonly description: "Manage past orders";
-    readonly icon: "queryBuilder";
-    readonly href: "/historical-orders";
-}, {
-    readonly title: "Pallet inspection";
-    readonly icon: "barcode";
-    readonly href: "/historical-orders";
-}, {
-    readonly title: "Pick Schedule";
-    readonly icon: "calendarToday";
-    readonly href: "/pick-schedule";
-}, {
-    readonly title: "Settings";
-    readonly description: "Prefrences and configurations";
-    readonly icon: "wrench";
-    readonly href: "/settings";
-}, {
-    readonly title: "Inventory";
-    readonly description: "Stock level management";
-    readonly icon: "building";
-    readonly href: "/inventory";
-}, {
-    readonly title: "Reports";
-    readonly description: "Data analytics and reporting";
-    readonly icon: "publish";
-    readonly href: "/reports";
-}, {
-    readonly title: "Users";
-    readonly description: "User management";
-    readonly icon: "upArrow";
-    readonly href: "/users";
-}, {
-    readonly title: "Shipping";
-    readonly description: "Manage deliveries";
-    readonly icon: "warningOutline";
-    readonly href: "/shipping";
-}];
+export declare const menuItems: readonly [{
+    readonly title: "Home";
+    readonly description: "Go to the home page";
+    readonly icon: "home";
+    readonly href: "/home";
+}, {
+    readonly title: "Historical orders";
+    readonly description: "Manage past orders";
+    readonly icon: "queryBuilder";
+    readonly href: "/historical-orders";
+}, {
+    readonly title: "Pallet inspection";
+    readonly icon: "barcode";
+    readonly href: "/historical-orders";
+}, {
+    readonly title: "Pick Schedule";
+    readonly icon: "calendarToday";
+    readonly href: "/pick-schedule";
+}, {
+    readonly title: "Settings";
+    readonly description: "Prefrences and configurations";
+    readonly icon: "wrench";
+    readonly href: "/settings";
+}, {
+    readonly title: "Inventory";
+    readonly description: "Stock level management";
+    readonly icon: "building";
+    readonly href: "/inventory";
+}, {
+    readonly title: "Reports";
+    readonly description: "Data analytics and reporting";
+    readonly icon: "publish";
+    readonly href: "/reports";
+}, {
+    readonly title: "Users";
+    readonly description: "User management";
+    readonly icon: "upArrow";
+    readonly href: "/users";
+}, {
+    readonly title: "Shipping";
+    readonly description: "Manage deliveries";
+    readonly icon: "warningOutline";
+    readonly href: "/shipping";
+}];

package/dist/src/TopBar/stories/fixtures.js

@@ -0,0 +1,54 @@
+export const menuItems = [
+    {
+        title: "Home",
+        description: "Go to the home page",
+        icon: "home",
+        href: "/home",
+    },
+    {
+        title: "Historical orders",
+        description: "Manage past orders",
+        icon: "queryBuilder",
+        href: "/historical-orders",
+    },
+    {
+        title: "Pallet inspection",
+        icon: "barcode",
+        href: "/historical-orders",
+    },
+    {
+        title: "Pick Schedule",
+        icon: "calendarToday",
+        href: "/pick-schedule",
+    },
+    {
+        title: "Settings",
+        description: "Prefrences and configurations",
+        icon: "wrench",
+        href: "/settings",
+    },
+    {
+        title: "Inventory",
+        description: "Stock level management",
+        icon: "building",
+        href: "/inventory",
+    },
+    {
+        title: "Reports",
+        description: "Data analytics and reporting",
+        icon: "publish",
+        href: "/reports",
+    },
+    {
+        title: "Users",
+        description: "User management",
+        icon: "upArrow",
+        href: "/users",
+    },
+    {
+        title: "Shipping",
+        description: "Manage deliveries",
+        icon: "warningOutline",
+        href: "/shipping",
+    },
+];

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

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

package/dist/src/TruncatedText/TruncatedText.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Text } from "../Type";
+import TruncatedTextFillWidth from "./components/TruncatedTextFillWidth";
+import TruncatedTextMaxCharacters from "./components/TruncatedTextMaxCharacters";
+const TruncatedText = (_a) => {
+    var { indicator = "...", element = React.createElement(Text, null), maxCharacters = 20, fullWidth = false, showTooltip = true, "data-testid": dataTestId = "truncated-text", children } = _a, rest = __rest(_a, ["indicator", "element", "maxCharacters", "fullWidth", "showTooltip", "data-testid", "children"]);
+    const props = Object.assign({ indicator,
+        element,
+        maxCharacters,
+        showTooltip, "data-testid": dataTestId }, rest);
+    return fullWidth ? (React.createElement(TruncatedTextFillWidth, Object.assign({}, props), children)) : (React.createElement(TruncatedTextMaxCharacters, Object.assign({}, props), children));
+};
+export default TruncatedText;

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

@@ -1,57 +1,57 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const _TruncatedText: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithoutTooltip: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const UnderMaxCharacters: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithMaxCharacters10: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithCustomTruncationIndicator: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const AsTitle: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const FullWidth: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithoutChildren: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const TooltipInsideModal: {
-    (): React.JSX.Element;
-    storyName: string;
-};
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const _TruncatedText: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutTooltip: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const UnderMaxCharacters: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithMaxCharacters10: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithCustomTruncationIndicator: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const AsTitle: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const FullWidth: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithoutChildren: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const TooltipInsideModal: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/dist/src/TruncatedText/TruncatedText.story.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { Heading1 } from "../Type";
+import { Box } from "../Box";
+import { Modal } from "../Modal";
+import { TruncatedText } from ".";
+export default {
+    title: "Components/TruncatedText",
+};
+export const _TruncatedText = () => (React.createElement(TruncatedText, { fontSize: "small" }, "Special instructions are provided for the shipment"));
+_TruncatedText.story = {
+    name: "TruncatedText",
+};
+export const WithoutTooltip = () => (React.createElement(TruncatedText, { showTooltip: false }, "Special instructions are provided for the shipment"));
+WithoutTooltip.story = {
+    name: "without tooltip",
+};
+export const UnderMaxCharacters = () => React.createElement(TruncatedText, null, "Item is available");
+UnderMaxCharacters.story = {
+    name: "under max characters",
+};
+export const WithMaxCharacters10 = () => React.createElement(TruncatedText, { maxCharacters: 10 }, "Item is available");
+WithMaxCharacters10.story = {
+    name: "with max characters 10",
+};
+export const WithCustomTruncationIndicator = () => (React.createElement(TruncatedText, { indicator: " + 2..." }, "Special instructions are provided for the shipment"));
+WithCustomTruncationIndicator.story = {
+    name: "with custom truncation indicator",
+};
+export const AsTitle = () => (React.createElement(TruncatedText, { element: React.createElement(Heading1, null) }, "Special instructions are provided for the shipment"));
+AsTitle.story = {
+    name: "as title",
+};
+export const FullWidth = () => (React.createElement(Box, { width: "200px" },
+    React.createElement(TruncatedText, { fullWidth: true }, "Special instructions are truncated because there is not enough space to show them."),
+    React.createElement(TruncatedText, { fullWidth: true }, "Instructions fit here.")));
+FullWidth.story = {
+    name: "full width",
+};
+export const WithoutChildren = () => (React.createElement(Box, null,
+    React.createElement(Heading1, null, "No text should appear after this sentence, neither should the page crash."),
+    React.createElement(TruncatedText, null, null),
+    React.createElement(TruncatedText, null, undefined),
+    React.createElement(TruncatedText, null)));
+WithoutChildren.story = {
+    name: "Without children",
+};
+export const TooltipInsideModal = () => {
+    return (React.createElement(Modal, { title: "Modal Title" },
+        React.createElement(TruncatedText, { tooltipProps: { defaultOpen: true } }, "The point of this test is to see if the tooltip is visible and shown over the modal and its overlay")));
+};
+TooltipInsideModal.storyName = "Tooltip inside modal";

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<{
-    tooltip: React.ReactNode;
-    showTooltip?: boolean;
-    placement?: "top" | "bottom" | "left" | "right";
-    className?: string;
-    defaultOpen?: boolean;
-    showDelay?: number;
-    maxWidth?: MaxWidthProps["maxWidth"];
-    supportMobileTap?: boolean;
-}>;
-declare function MaybeTooltip({ tooltip, children, placement, defaultOpen, showDelay, maxWidth, showTooltip, supportMobileTap, className, }: MaybeTooltipProps): React.JSX.Element;
-export default MaybeTooltip;
+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;
+    /** 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;
+    /** Maximum width for tooltip box */
+    maxWidth?: string;
+    /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */
+    supportMobileTap?: boolean;
+    /** 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/dist/src/TruncatedText/components/MaybeTooltip.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Tooltip } from "../..";
+function MaybeTooltip({ tooltip, showTooltip = true, placement = "bottom", defaultOpen = false, showDelay = 100, maxWidth = "24em", supportMobileTap: _supportMobileTap = true, // Note: supportMobileTap is handled internally by the new Tooltip
+className, children, }) {
+    if (!showTooltip) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return (React.createElement(Tooltip, { tooltip: tooltip, placement: placement, defaultOpen: defaultOpen, showDelay: showDelay, maxWidth: maxWidth, className: className }, children));
+}
+export default MaybeTooltip;

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

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

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState } from "react";
+import { Text } from "../../Type";
+import MaybeTooltip from "./MaybeTooltip";
+const TruncatedTextFillWidth = (_a) => {
+    var { element, showTooltip, tooltipProps, children, "data-testid": testId } = _a, props = __rest(_a, ["element", "showTooltip", "tooltipProps", "children", "data-testid"]);
+    const [hasOverflowText, setHasOverflowText] = useState(false);
+    const hasTooltip = showTooltip && hasOverflowText;
+    const updateOverflow = (e) => {
+        const { scrollWidth, clientWidth } = e.target;
+        if (!hasOverflowText && scrollWidth > clientWidth) {
+            setHasOverflowText(true);
+        }
+    };
+    return (React.createElement(MaybeTooltip, Object.assign({ showTooltip: hasTooltip, tooltip: children, defaultOpen: true }, tooltipProps),
+        React.createElement(Text, Object.assign({ as: element.type, cursor: hasTooltip ? "pointer" : "initial", onMouseEnter: updateOverflow, width: "100%", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", "data-testid": testId }, element.props, props), children)));
+};
+export default TruncatedTextFillWidth;

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

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

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Text } from "../../Type";
+import MaybeTooltip from "./MaybeTooltip";
+const TruncatedTextMaxCharacters = (_a) => {
+    var { children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId } = _a, props = __rest(_a, ["children", "element", "indicator", "maxCharacters", "showTooltip", "tooltipProps", "data-testid"]);
+    const innerText = children !== null && children !== void 0 ? children : "";
+    const requiresTruncation = innerText.length > maxCharacters;
+    const truncatedText = requiresTruncation ? innerText.slice(0, maxCharacters) + indicator : innerText;
+    const hasTooltip = showTooltip && requiresTruncation;
+    return (React.createElement(MaybeTooltip, Object.assign({ showTooltip: hasTooltip, tooltip: innerText }, tooltipProps),
+        React.createElement(Text, Object.assign({ as: element.type, cursor: hasTooltip ? "pointer" : "initial", width: "fit-content", "data-testid": testId }, element.props, props), truncatedText)));
+};
+export default TruncatedTextMaxCharacters;

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

@@ -1 +1 @@
-export { default as TruncatedText } from "./TruncatedText";
+export { default as TruncatedText } from "./TruncatedText";

package/dist/src/TruncatedText/index.js

@@ -0,0 +1 @@
+export { default as TruncatedText } from "./TruncatedText";

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

@@ -1,13 +1,13 @@
-import { ReactElement } from "react";
-import { TextProps } from "../Type";
-import { MaybeTooltipProps } from "./components/MaybeTooltip";
-export interface TruncatedTextProps extends TextProps {
-    children?: string;
-    indicator?: string;
-    element?: ReactElement;
-    maxCharacters?: number;
-    showTooltip?: boolean;
-    fullWidth?: boolean;
-    "data-testid"?: string;
-    tooltipProps?: Partial<MaybeTooltipProps>;
-}
+import { ReactElement } from "react";
+import { TextProps } from "../Type";
+import { MaybeTooltipProps } from "./components/MaybeTooltip";
+export interface TruncatedTextProps extends TextProps {
+    children?: string;
+    indicator?: string;
+    element?: ReactElement;
+    maxCharacters?: number;
+    showTooltip?: boolean;
+    fullWidth?: boolean;
+    "data-testid"?: string;
+    tooltipProps?: Partial<MaybeTooltipProps>;
+}

package/dist/src/TruncatedText/types.js

@@ -0,0 +1 @@
+export {};