@nypl/design-system-react-components 1.0.7 → 1.1.0-rc2

package/dist/components/Accordion/Accordion.d.ts

@@ -12,6 +12,11 @@ export interface AccordionProps {
     id?: string;
     /** Whether the accordion is open by default only on its initial rendering */
     isDefaultOpen?: boolean;
+    /** Sets max height of accordion panel. This value should be entered with the
+     * formatting of a CSS height attribute (ex. 100px, 8rem). If height of content
+     * within accordion panel is greater than height set by panelMaxHeight, a
+     * scrollbar will appear for accordion panel. */
+    panelMaxHeight?: string;
 }
 /**
  * Accordion component that shows content on toggle. Can be used to display

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface FooterProps {
+    /** Additional class name to add. */
+    className?: string;
+    /** ID that other components can cross reference for accessibility purposes */
+    id?: string;
+}
+/**
+ * This `Footer` component renders the NYPL-branded footer elements such
+ * as navigational NYPL.org links, social media links, copyright, and
+ * NYPL building facade image.
+ */
+export declare const Footer: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export default Footer;

package/dist/components/Footer/footerLinks.d.ts

@@ -0,0 +1,12 @@
+declare const link: {
+    nyplLinks: {
+        text: string;
+        href: string;
+    }[][];
+    socialMedia: {
+        href: string;
+        iconName: string;
+        title: string;
+    }[];
+};
+export default link;

package/dist/components/Form/Form.d.ts

@@ -18,7 +18,7 @@ export interface FormProps extends FormBaseProps {
     /** Optional form `method` attribute */
     method?: "get" | "post";
     /** Function to call for the `onSubmit` form event. */
-    onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
+    onSubmit?: (e: React.FormEvent<any>) => void;
 }
 /** FormRow child-component */
 export declare const FormRow: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => JSX.Element, {}>;
@@ -27,5 +27,5 @@ export declare const FormField: import("@chakra-ui/react").ChakraComponent<(prop
 /** Main Form component */
 export declare const Form: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FormProps & {
     children?: React.ReactNode;
-} & React.RefAttributes<HTMLFormElement>>, {}>;
+} & React.RefAttributes<HTMLDivElement & HTMLFormElement>>, {}>;
 export default Form;

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export interface GAOptionProps {
+    debug?: boolean;
+    standardImplementation?: boolean;
+    testMode?: boolean;
+    titleCase?: boolean;
+}
+export interface HeaderProps {
+    /** Google Analytics options to override the default settings. */
+    gaOptions?: GAOptionProps;
+    /** Whether or not the `Header` is in production mode. True by default. */
+    isProduction?: boolean;
+}
+/**
+ * The NYPL `Header` component is the top-level component of the site. It
+ * contains features for logging in, logging out, searching, and navigating
+ * the NYPL.org site.
+ */
+export declare const Header: import("@chakra-ui/react").ChakraComponent<({ gaOptions, isProduction }: HeaderProps) => JSX.Element, {}>;
+export default Header;

package/dist/components/Header/components/HeaderLogin.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface HeaderLoginProps {
+    catalogRef?: React.RefObject<HTMLDivElement & HTMLAnchorElement>;
+    greetingRef?: React.RefObject<HTMLDivElement>;
+    isMobile?: boolean;
+}
+/**
+ * The content of the login dropdown menu. Initially, this renders links to log
+ * in and log out. When the patron is logged in, it will also display the patron's
+ * name, links to the catalogs, and a log out link.
+ */
+declare const HeaderLogin: import("@chakra-ui/react").ChakraComponent<({ catalogRef, greetingRef, isMobile }: HeaderLoginProps) => JSX.Element, {}>;
+export default HeaderLogin;

package/dist/components/Header/components/HeaderLoginButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface HeaderLoginButtonProps {
+    isMobile?: boolean;
+}
+/**
+ * This is the button that will render the login menu when it is clicked
+ * and keep focus trapped within the menu. Its display text will be "Log In"
+ * when the user is not logged in and "My Account" when the user is logged in.
+ */
+declare const HeaderLoginButton: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderLoginButtonProps) => JSX.Element, {}>;
+export default HeaderLoginButton;

package/dist/components/Header/components/HeaderLowerNav.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * This component renders the navigational list of links used to
+ * navigate to different landing pages on NYPL.org.
+ */
+declare const HeaderLowerNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export default HeaderLowerNav;

package/dist/components/Header/components/HeaderMobileIconNav.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * This component renders the mobile list of icon buttons for
+ * logging in, searching, and navigating on NYPL.org.
+ */
+declare const HeaderMobileIconNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export default HeaderMobileIconNav;

package/dist/components/Header/components/HeaderMobileNav.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * This component renders the navigational list of links used to navigate
+ * NYPL.org for mobile devices.
+ */
+declare const HeaderMobileNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export default HeaderMobileNav;

package/dist/components/Header/components/HeaderMobileNavButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * This is the button that will render the navigational list of links
+ * when it is clicked and keep focus trapped within the menu.
+ */
+declare const HeaderMobileNavButton: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export default HeaderMobileNavButton;

package/dist/components/Header/components/HeaderSearchButton.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface HeaderSearchButtonProps {
+    isMobile?: boolean;
+}
+/**
+ * This is the button that will render the search form when it is clicked
+ * and keep focus trapped within the menu.
+ */
+declare const HeaderSearchButton: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderSearchButtonProps) => JSX.Element, {}>;
+export default HeaderSearchButton;

package/dist/components/Header/components/HeaderSearchForm.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface HeaderSearchFormProps {
+    isMobile?: boolean;
+}
+/**
+ * Displays the search form for the Header's search interface. On mobile, two
+ * buttons are displayed and on desktop, two radio inputs are displayed.
+ */
+declare const HeaderSearchForm: import("@chakra-ui/react").ChakraComponent<({ isMobile }: HeaderSearchFormProps) => JSX.Element, {}>;
+export default HeaderSearchForm;

package/dist/components/Header/components/HeaderSitewideAlerts.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * The HeaderSitewideAlerts component makes an API request to an NYPL API
+ * endpoint to fetch NYPL sitewide alerts. While this component can be used in
+ * isolation, it is already rendered in the DS Header component.
+ */
+export declare const HeaderSitewideAlerts: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export default HeaderSitewideAlerts;

package/dist/components/Header/components/HeaderUpperNav.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * This renders the navigational list of links for logging in, subscribing
+ * to the email service, going to the Locations page, getting a Library card,
+ * donating, and shopping at NYPL.
+ */
+declare const HeaderUpperNav: import("@chakra-ui/react").ChakraComponent<() => JSX.Element, {}>;
+export default HeaderUpperNav;

package/dist/components/Header/context/headerContext.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+/**
+ * Context used for patron and production status data.
+ */
+export declare const HeaderContext: React.Context<any>;
+/**
+ * Context Provider used only in the Header component.
+ */
+export declare const HeaderProvider: ({ children, isProduction, patronName, }: {
+    children: any;
+    isProduction?: boolean;
+    patronName?: string;
+}) => JSX.Element;

package/dist/components/Header/utils/authApiMockResponse.d.ts

@@ -0,0 +1,49 @@
+export declare const patronApiUrlWithToken: string;
+export declare const mockResponseData: {
+    data: {
+        decodedToken: {
+            iss: string;
+            sub: string;
+            aud: string;
+            iat: number;
+            exp: number;
+            auth_time: number;
+            scope: string;
+        };
+        patron: {
+            id: string;
+            updatedDate: string;
+            createdDate: string;
+            deletedDate: any;
+            deleted: boolean;
+            suppressed: boolean;
+            names: string[];
+            barCodes: string[];
+            expirationDate: string;
+            homeLibraryCode: string;
+            birthDate: string;
+            emails: string[];
+        };
+    };
+    count: number;
+    statusCode: number;
+    debugInfo: any[];
+};
+export declare const mockExpiredResponseData: {
+    data: {
+        expired: boolean;
+        statusCode: number;
+        type: string;
+        message: string;
+    };
+    error: {
+        type: string;
+        code: number;
+        message: string;
+        file: string;
+        line: number;
+        trace: string[];
+    };
+    debugInfo: any[];
+};
+export declare const mockLoginCookie = "{\"access_token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wvd3d3Lm55cGwub3JnIiwic3ViIjoiNjM2NzAyOCIsImF1ZCI6ImFwcF9sb2dpbiIsImlhdCI6MTQ4MjE3NjQ3MCwiZXhwIjoxNDgyMTgwMDcwLCJhdXRoX3RpbWUiOjE0ODIxNzY0NzAsInNjb3BlIjoib3BlbmlkIG9mZmxpbmVfYWNjZXNzIGNvb2tpZSBwYXRyb246cmVhZCJ9.JO7VbOqCC7HyjRmeyHD4zM1Gl0JBk5RdxjAkCp0h6sfVe-xs5FyY7biYqs19k4dUY2DbFYR5IG3xYt9IdhqyMkSnJxtiCY36WN7X_e0eBF2T1_IWKGaBc4JlbroMj5_aNB5W4nQvclrdlb2mV38Q_HGAMUKe8DDeCmAHctEtqGppNl8DC7IvqkekRS_6zgQwsHHW5kJR-f7zUROi4fvFpdNR-I7J4VNWdFIOijb4vXFOOWRLzdY_GHLJdWvSgxhqzwkceA5BScCicAKeHYHo04vabNp5TvPXoR0ypULqTyGYsNnXnUmh2Mu46j3bcNTACEKS97FBx1IfwttBL1ARtQ\",\"expires_in\":3600,\"token_type\":\"Bearer\",\"scope\":\"openid+offline_access+cookie+patron:read\",\"refresh_token\":\"02b49603a8a2719389a6c77416b110675067827d\"}";

package/dist/components/Header/utils/encoreCatalogLogOutTimer.d.ts

@@ -0,0 +1,4 @@
+export declare const encoreLogOutURL = "https://browse.nypl.org/iii/encore/logoutFilterRedirect?suite=def";
+export declare const patLoggedInCookieExpiredTime = 1800000;
+declare function EncoreCatalogLogOutTimer(currentTime?: number, isTestMode?: boolean): void;
+export default EncoreCatalogLogOutTimer;

package/dist/components/Header/utils/encoreCatalogLogOutTimer.test.d.ts

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

package/dist/components/Header/utils/googleAnalyticsUtils.d.ts

@@ -0,0 +1,16 @@
+export declare const envConfig: {
+    production: string;
+    development: string;
+};
+export declare const gaConfig: {
+    eventCategory: string;
+    eventAction: string;
+    customDimensions: {
+        dimension1: string;
+        dimension2: string;
+        dimension4: string;
+        dimension5: string;
+    };
+};
+declare const gaUtils: any;
+export default gaUtils;

package/dist/components/Header/utils/googleAnalyticsUtils.test.d.ts

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

package/dist/components/Header/utils/headerUtils.d.ts

@@ -0,0 +1,90 @@
+export interface Alert {
+    id: string;
+    link: string;
+    description: string;
+    startDate: string;
+    endDate: string;
+}
+export declare const alertsApiUrl = "https://refinery.nypl.org/api/nypl/ndo/v0.1/content/alerts?filter%5Bscope%5D=all";
+export declare const patronApiUrl = "https://platform.nypl.org/api/v0.1/auth/patron/tokens/";
+export declare const tokenRefreshLink: (isProduction?: boolean) => string;
+export declare const getLoginLinks: (patronName?: string, isProduction?: boolean) => {
+    catalogLink: string;
+    researchLink: string;
+    logOutLink: string;
+};
+export declare const upperNavLinks: {
+    locations: {
+        href: string;
+        text: string;
+    };
+    libraryCard: {
+        href: string;
+        text: string;
+    };
+    emailUpdates: {
+        href: string;
+        text: string;
+    };
+    donate: {
+        href: string;
+        text: string;
+    };
+    shop: {
+        href: string;
+        text: string;
+    };
+};
+export declare const siteNavLinks: {
+    href: string;
+    text: string;
+}[];
+/**
+ * Replaces the search string's special characters that need to be encoded
+ * using base64. These characters are "=","/", "\", "?".
+ */
+export declare const encoreEncodeSearchString: (searchString: any) => any;
+/**
+ * Returns the final URL for the NYPL Encore search.
+ */
+export declare const getEncoreCatalogURL: (searchValue: any) => any;
+/**
+ * Returns the final URL for the NYPL catalog search.
+ */
+export declare const getNYPLSearchURL: (searchString: any) => string;
+/**
+ * The `alertsApiUrl` fetches NYPL alerts from the Refinery API. This API
+ * returns JSONAPI-formatted data. We could use a better JSONAPI parser, but
+ * this is the only endpoint we will use that is JSONAPI. Eventually, this
+ * endpoint will be replaced. This function parses the JSONAPI data in a very
+ * naive and quick way to get the necessary alerts data. The data is then
+ * filtered to include active alerts.
+ */
+export declare const parseAlertsData: (data: any) => Alert[];
+/**
+ * `refreshAccessToken` attempts to refresh the "nyplIdentityPatron" cookie's
+ * `accessToken` by making a request to the `tokenRefreshLink`. If successful,
+ * it tries to fetch the patron's data again.
+ */
+export declare const refreshAccessToken: (api: any, cb: any, fallBackCb: any) => void;
+/**
+ * getCookieValue uses the js.cookie package to get the value
+ * of the "nyplIdentityPatron" cookie (if it exists) and extract
+ * the cookie's `access_token`.
+ */
+export declare const getCookieValue: () => {
+    cookieValue: any;
+    accessToken: any;
+};
+export declare const deleteCookieValue: () => void;
+/**
+ * getLoginData uses the `patronApiUrl` combined with the
+ * `accessToken` from the "nyplIdentityPatron" cookie to fetch
+ * the patron's information from the server.
+ */
+export declare const getLoginData: (accessToken: any, cb: any) => void;
+/**
+ * `extractPatronName` locates and returns the `patronName`
+ * from the nested object that is returned from `getLoginData`.
+ */
+export declare const extractPatronName: (data: any) => any;

package/dist/components/Header/utils/headerUtils.test.d.ts

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

package/dist/components/Header/utils/sitewideAlertsMocks.d.ts

@@ -0,0 +1,98 @@
+export declare const refineryResponse: {
+    data: {
+        attributes: {
+            "alert-text": {
+                en: {
+                    text: string;
+                    type: string;
+                };
+                type: string;
+            };
+            "closed-reason": {
+                en: {
+                    text: string;
+                    type: string;
+                };
+                type: string;
+            };
+            "closing-date-end": any;
+            "closing-date-start": any;
+            "date-created": any;
+            "date-modified": any;
+            "display-date-end": string;
+            "display-date-start": string;
+            extended: any;
+            locations: any;
+            scope: string;
+            uri: {
+                type: string;
+                "full-uri": string;
+                description: string;
+            };
+            uuid: any;
+        };
+        id: string;
+        links: {
+            self: string;
+        };
+        type: string;
+    }[];
+    jsonapi: {
+        version: string;
+    };
+    links: {
+        self: string;
+    };
+    meta: {
+        count: number;
+    };
+};
+export declare const expiredAlertsReponse: {
+    data: {
+        attributes: {
+            "alert-text": {
+                en: {
+                    text: string;
+                    type: string;
+                };
+                type: string;
+            };
+            "closed-reason": {
+                en: {
+                    text: string;
+                    type: string;
+                };
+                type: string;
+            };
+            "closing-date-end": any;
+            "closing-date-start": any;
+            "date-created": any;
+            "date-modified": any;
+            "display-date-end": string;
+            "display-date-start": string;
+            extended: any;
+            locations: any;
+            scope: string;
+            uri: {
+                type: string;
+                "full-uri": string;
+                description: string;
+            };
+            uuid: any;
+        };
+        id: string;
+        links: {
+            self: string;
+        };
+        type: string;
+    }[];
+    jsonapi: {
+        version: string;
+    };
+    links: {
+        self: string;
+    };
+    meta: {
+        count: number;
+    };
+};

package/dist/components/Image/Image.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import React, { ImgHTMLAttributes } from "react";
 export declare type ImageRatios = "fourByThree" | "oneByTwo" | "original" | "sixteenByNine" | "square" | "threeByFour" | "threeByTwo" | "twoByOne";
 export declare type ImageSizes = "default" | "xxsmall" | "xsmall" | "small" | "medium" | "large";
 export declare type ImageTypes = "default" | "circle";
-export interface ComponentImageProps {
+export interface ComponentImageProps extends Partial<HTMLImageElement> {
     /** String value used to populate the `alt` attribute of the internal `Image`
      * component's `img` element. @NOTE if an image is used, this value must be passed. */
     alt?: string;
@@ -37,7 +37,7 @@ interface ImageWrapperProps {
     /** Optional value to control the size of the image */
     size?: ImageSizes;
 }
-export interface ImageProps extends ImageWrapperProps {
+export interface ImageProps extends ImageWrapperProps, ImgHTMLAttributes<HTMLImageElement> {
     /** Optionally pass in additional Chakra-based styles only for the figure. */
     additionalFigureStyles?: {
         [key: string]: any;

package/dist/components/Link/Link.d.ts

@@ -9,6 +9,7 @@ export interface LinkProps {
     href?: string;
     /** ID used for accessibility purposes. */
     id?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLAnchorElement, MouseEvent>) => void;
     /** Controls the link visuals: action, button, backwards, forwards, or default. */
     type?: LinkTypes;
 }

package/dist/components/StyleGuide/ColorCard.d.ts

@@ -1,29 +1,33 @@
 import * as React from "react";
-export interface ColorCardProps {
-    /** The backgroundColor of the color card. */
-    backgroundColor: string;
-    /** The name of a color's javascript theme object. */
-    colorName: string;
-    /** The name of the color that the current color is based on. */
-    colorSource: string;
+export interface DataTableProps {
+    /** Contrast and WCAG compliance data related to the color gray.xxxx-dark when
+     * used with the current color. */
+    dataBgPageColor: string[];
+    /** Contrast and WCAG compliance data related to the color gray.xxx-dark when
+     * used with the current color. */
+    dataBgDefaultColor: string[];
     /** Contrast and WCAG compliance data related to the color black when used
      * with the current color. */
-    dataBlack: string[];
+    dataBlackColor: string[];
+    /** Contrast and WCAG compliance data related to the default color for
+     * heading elements when used with the current color. */
+    dataHeadingColor?: string[];
+    /** Contrast and WCAG compliance data related to the default color for basic
+     * text elements when used with the current color. */
+    dataBodyColor?: string[];
     /** Contrast and WCAG compliance data related to the color white when used
      * with the current color. */
-    dataWhite: string[];
+    dataWhiteColor: string[];
     /** The color to use for text in the color card. */
     textColor: string;
 }
-export interface DataTableProps {
-    /** Contrast and WCAG compliance data related to the color black when used
-     * with the current color. */
-    dataBlack: string[];
-    /** Contrast and WCAG compliance data related to the color white when used
-     * with the current color. */
-    dataWhite: string[];
-    /** color to use for text in color card */
-    textColor: string;
+export interface ColorCardProps extends DataTableProps {
+    /** The backgroundColor of the color card. */
+    backgroundColor: string;
+    /** The name of a color's javascript theme object. */
+    colorName: string;
+    /** The name of the color that the current color is based on. */
+    colorSource: string;
 }
 export declare const DataTable: (props: React.PropsWithChildren<DataTableProps>) => JSX.Element;
 export declare const ColorCard: (props: React.PropsWithChildren<ColorCardProps>) => JSX.Element;

package/dist/components/Template/Template.d.ts

@@ -28,6 +28,8 @@ export interface TemplateAppContainerProps extends TemplateFooterProps, Template
     /** ID used for the `main` HTML element. Defaults to "mainContent". Useful
      * anchor for the application skip navigation. */
     contentId?: string;
+    /** DOM that will be rendered in the `TemplateContentBottom` component section. */
+    contentBottom?: React.ReactElement;
     /** DOM that will be rendered in the `TemplateContentPrimary` component section. */
     contentPrimary?: React.ReactElement;
     /** DOM that will be rendered in the `TemplateContentSidebar` component section. */
@@ -66,9 +68,10 @@ declare const TemplateAboveHeader: (props: React.PropsWithChildren<TemplateProps
  */
 declare const TemplateHeader: ({ children, renderHeaderElement, }: React.PropsWithChildren<TemplateHeaderProps>) => JSX.Element;
 /**
- * This optional component should be used inside the `TemplateHeader` component.
- * This is meant to render its children from edge to edge and is most useful
- * for the `Breadcrumbs` and `Hero` components, and other banner-like components.
+ * This component should be used inside the `Template` component to contain both
+ * the `TemplateAboveHeader` and `TemplateHeader` components. This is meant to
+ * render its children from edge to edge and is most useful for the headers,
+ * `Breadcrumbs`, and `Hero` components or other banner-like components.
  */
 declare const TemplateBreakout: (props: React.PropsWithChildren<TemplateProps>) => JSX.Element;
 /**
@@ -88,6 +91,13 @@ declare const TemplateContent: (props: React.PropsWithChildren<TemplateContentPr
  * above the primary component and the sidebar component (if any).
  */
 declare const TemplateContentTop: (props: React.PropsWithChildren<TemplateProps>) => JSX.Element;
+/**
+ * This optional component must be used inside the `TemplateContent` component
+ * and after the `TemplateContentPrimary` or `TemplateContentSidebar` component.
+ * This renders content in the main width of the container and should always
+ * render below the primary component and the sidebar component (if any).
+ */
+declare const TemplateContentBottom: (props: React.PropsWithChildren<TemplateProps>) => JSX.Element;
 /**
  * This component is used to render content in a column when there must be a
  * sidebar component on either its left or right side. It must go inside the
@@ -126,5 +136,5 @@ declare const TemplateFooter: ({ children, renderFooterElement, }: React.PropsWi
 export declare const TemplateAppContainer: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TemplateAppContainerProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
-export { Template, TemplateAboveHeader, TemplateHeader, TemplateBreakout, TemplateContent, TemplateContentTop, TemplateContentPrimary, TemplateContentSidebar, TemplateFooter, };
+export { Template, TemplateAboveHeader, TemplateBreakout, TemplateContent, TemplateContentBottom, TemplateContentPrimary, TemplateContentSidebar, TemplateContentTop, TemplateFooter, TemplateHeader, };
 export default TemplateAppContainer;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface TooltipProps {
+    /** Any child node passed to the component. */
+    children: React.ReactNode;
+    /** Value used to populate the tooltip content. */
+    content: string | React.ReactNode;
+    /** A class name for the Tooltip parent div. */
+    className?: string;
+    /** ID that other components can cross reference for accessibility purposes. */
+    id?: string;
+    /** Adds the `disabled` prop to the Tooltip when true. */
+    isDisabled?: boolean;
+    /** Wraps the children of the tooltip in `ComponentWrapper` with `tabIndex=0` when true. */
+    shouldWrapChildren?: boolean;
+}
+export declare const Tooltip: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export default Tooltip;