@nypl/design-system-react-components 1.5.1 → 1.6.0-vite-rc

package/dist/{components → src/components}/FilterBar/FilterBar.d.ts

@@ -1,111 +1,61 @@
-import React from "react";
-import { LayoutTypes } from "../../helpers/types";
-import { SelectedItems } from "../MultiSelect/MultiSelect";
-interface FilterBarCommonProps {
-    children: React.ReactNode;
-    /** The id of the MultiSelect. */
-    id?: string;
-    /** Determines on Mobile if filter modal overlay is open or closed */
-    isOpen: boolean;
-    /** Heading text of FilterBar */
-    headingText: string;
-    /** Renders the layout of the FilterBar child components in a row or column. */
-    layout?: LayoutTypes;
-    /** The selected items state (items that were checked by user). */
-    selectedItems: SelectedItems;
-    /** User for the global `Clear Filters` button. This button is always shown on mobile, optional on desktop */
-    onClear: () => void;
-    /** If passed, the global `Clear Filters` button will render on desktop and tablet */
-    showClearAll?: boolean;
-    /** Set width of `FilterBar` child components */
-    filterWidth?: string;
-}
-/** Types related to an optional global submit button `Apply Filters` */
-declare type SubmitAllProps = {
-    /** If passed the `Apply Filters` button will render on desktop and tablet */
-    showSubmitAll?: false;
-    /** Function for `Apply Filters` button, needs to be provided by the consuming app */
-    onSubmit?: never;
-}
-/** onSubmit is required only if showSubmitAll is passed */
- | {
-    showSubmitAll: true;
-    onSubmit: () => void;
-};
-/** Types related to the Modal handling */
-declare type HandleModalProps = {
-    /** If onToggle is passed as prop, it will open and close the filter modal on mobile */
-    onToggle: () => void;
-    /** onOpen and onClose will not be used in this scenario */
-    onOpen?: never;
-    onClose?: never;
-} | {
-    /** If onToggle is omitted, onOpen and onClose should be provided instead */
-    onToggle?: undefined;
-    /** onOpen will open the filter modal on mobile */
-    onOpen: () => void;
-    /** onClose will close the filter modal on mobile */
-    onClose: () => void;
-};
-export declare type FilterBarProps = FilterBarCommonProps & SubmitAllProps & HandleModalProps;
-/**
- * `FilterBar` is a wrapper component for filter components.
- * The DS considers the following components as filter components:
- * - `MultiSelectGroup`
- *
- * The wrapped components/ component groups can be displayed in a column or
- * in a row layout. `FilterBar` can render additional `Clear All` and a `Apply Filters` buttons. The two
- * _optional_ buttons are controlled by the `showClearAll`/ `onClear` or `showSubmitAll`/`onSubmit` props repectively.
- */
-export declare const FilterBar: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<(FilterBarCommonProps & {
-    /** If passed the `Apply Filters` button will render on desktop and tablet */
-    showSubmitAll?: false;
-    /** Function for `Apply Filters` button, needs to be provided by the consuming app */
-    onSubmit?: never;
-} & {
-    /** If onToggle is passed as prop, it will open and close the filter modal on mobile */
-    onToggle: () => void;
-    /** onOpen and onClose will not be used in this scenario */
-    onOpen?: never;
-    onClose?: never;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>) | (FilterBarCommonProps & {
-    /** If passed the `Apply Filters` button will render on desktop and tablet */
-    showSubmitAll?: false;
-    /** Function for `Apply Filters` button, needs to be provided by the consuming app */
-    onSubmit?: never;
-} & {
-    /** If onToggle is omitted, onOpen and onClose should be provided instead */
-    onToggle?: undefined;
-    /** onOpen will open the filter modal on mobile */
-    onOpen: () => void;
-    /** onClose will close the filter modal on mobile */
-    onClose: () => void;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>) | (FilterBarCommonProps & {
-    showSubmitAll: true;
-    onSubmit: () => void;
-} & {
-    /** If onToggle is passed as prop, it will open and close the filter modal on mobile */
-    onToggle: () => void;
-    /** onOpen and onClose will not be used in this scenario */
-    onOpen?: never;
-    onClose?: never;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>) | (FilterBarCommonProps & {
-    showSubmitAll: true;
-    onSubmit: () => void;
-} & {
-    /** If onToggle is omitted, onOpen and onClose should be provided instead */
-    onToggle?: undefined;
-    /** onOpen will open the filter modal on mobile */
-    onOpen: () => void;
-    /** onClose will close the filter modal on mobile */
-    onClose: () => void;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>)>, {}>;
-export default FilterBar;
+import React from "react";
+import { LayoutTypes } from "../../helpers/types";
+import { SelectedItems } from "../MultiSelect/MultiSelect";
+interface FilterBarCommonProps {
+    children: React.ReactNode;
+    /** The id of the MultiSelect. */
+    id?: string;
+    /** Determines on Mobile if filter modal overlay is open or closed */
+    isOpen: boolean;
+    /** Heading text of FilterBar */
+    headingText: string;
+    /** Renders the layout of the FilterBar child components in a row or column. */
+    layout?: LayoutTypes;
+    /** The selected items state (items that were checked by user). */
+    selectedItems: SelectedItems;
+    /** User for the global `Clear Filters` button. This button is always shown on mobile, optional on desktop */
+    onClear: () => void;
+    /** If passed, the global `Clear Filters` button will render on desktop and tablet */
+    showClearAll?: boolean;
+    /** Set width of `FilterBar` child components */
+    filterWidth?: string;
+}
+/** Types related to an optional global submit button `Apply Filters` */
+type SubmitAllProps = {
+    /** If passed the `Apply Filters` button will render on desktop and tablet */
+    showSubmitAll?: false;
+    /** Function for `Apply Filters` button, needs to be provided by the consuming app */
+    onSubmit?: never;
+}
+/** onSubmit is required only if showSubmitAll is passed */
+ | {
+    showSubmitAll: true;
+    onSubmit: () => void;
+};
+/** Types related to the Modal handling */
+type HandleModalProps = {
+    /** If onToggle is passed as prop, it will open and close the filter modal on mobile */
+    onToggle: () => void;
+    /** onOpen and onClose will not be used in this scenario */
+    onOpen?: never;
+    onClose?: never;
+} | {
+    /** If onToggle is omitted, onOpen and onClose should be provided instead */
+    onToggle?: undefined;
+    /** onOpen will open the filter modal on mobile */
+    onOpen: () => void;
+    /** onClose will close the filter modal on mobile */
+    onClose: () => void;
+};
+export type FilterBarProps = FilterBarCommonProps & SubmitAllProps & HandleModalProps;
+/**
+ * `FilterBar` is a wrapper component for filter components.
+ * The DS considers the following components as filter components:
+ * - `MultiSelectGroup`
+ *
+ * The wrapped components/ component groups can be displayed in a column or
+ * in a row layout. `FilterBar` can render additional `Clear All` and a `Apply Filters` buttons. The two
+ * _optional_ buttons are controlled by the `showClearAll`/ `onClear` or `showSubmitAll`/`onSubmit` props repectively.
+ */
+export declare const FilterBar: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<FilterBarProps> & React.RefAttributes<HTMLDivElement>>, {}>;
+export default FilterBar;

package/dist/{components → src/components}/Footer/Footer.d.ts

@@ -1,14 +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;
+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 → src/components}/Footer/footerLinks.d.ts

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

package/dist/{components → src/components}/Form/Form.d.ts

@@ -1,31 +1,31 @@
-import React from "react";
-import { GridGaps } from "../Grid/SimpleGrid";
-interface FormBaseProps {
-    /** className to be applied to FormRow, FormField, and Form */
-    className?: string;
-    /** Optional spacing size; if omitted, the default `large` (2rem / 32px)
-     * spacing will be used; ```IMPORTANT: for general form layout, this prop
-     * should not be used``` */
-    gap?: GridGaps;
-    /** ID that other components can cross reference (internal use) */
-    id: string;
-}
-export interface FormChildProps extends Partial<FormBaseProps> {
-}
-export interface FormProps extends FormBaseProps {
-    /** Optional form `action` attribute */
-    action?: string;
-    /** Optional form `method` attribute */
-    method?: "get" | "post";
-    /** Function to call for the `onSubmit` form event. */
-    onSubmit?: (e: React.FormEvent<any>) => void;
-}
-/** FormRow child-component */
-export declare const FormRow: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => JSX.Element, {}>;
-/** FormField child-component */
-export declare const FormField: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => JSX.Element, {}>;
-/** Main Form component */
-export declare const Form: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FormProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement & HTMLFormElement>>, {}>;
-export default Form;
+import React from "react";
+import { GridGaps } from "../Grid/SimpleGrid";
+interface FormBaseProps {
+    /** className to be applied to FormRow, FormField, and Form */
+    className?: string;
+    /** Optional spacing size; if omitted, the default `large` (2rem / 32px)
+     * spacing will be used; ```IMPORTANT: for general form layout, this prop
+     * should not be used``` */
+    gap?: GridGaps;
+    /** ID that other components can cross reference (internal use) */
+    id: string;
+}
+export interface FormChildProps extends Partial<FormBaseProps> {
+}
+export interface FormProps extends FormBaseProps {
+    /** Optional form `action` attribute */
+    action?: string;
+    /** Optional form `method` attribute */
+    method?: "get" | "post";
+    /** Function to call for the `onSubmit` form event. */
+    onSubmit?: (e: React.FormEvent<any>) => void;
+}
+/** FormRow child-component */
+export declare const FormRow: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => JSX.Element, {}>;
+/** FormField child-component */
+export declare const FormField: import("@chakra-ui/react").ChakraComponent<(props: React.PropsWithChildren<FormChildProps>) => JSX.Element, {}>;
+/** Main Form component */
+export declare const Form: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<FormProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement & HTMLFormElement>>, {}>;
+export default Form;

package/dist/{components → src/components}/Grid/SimpleGrid.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
-export declare type GridGaps = "grid.xxs" | "grid.xs" | "grid.s" | "grid.m" | "grid.l" | "grid.xl" | "grid.xxl";
-export interface SimpleGridProps {
-    /** Additional class name. */
-    className?: string;
-    /** Optional numeric value to override the default column count; the default
-     * column count is 3. */
-    columns?: number;
-    /** Optional gap size; if omitted, the default `large` (2rem / 32px) spacing
-     * will be used; `IMPORTANT: for standard grid layouts, this prop should
-     * not be used.` */
-    gap?: GridGaps;
-    /** ID that other components can cross reference for accessibility purposes */
-    id?: string;
-}
-export declare const SimpleGrid: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<SimpleGridProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>, {}>;
-export default SimpleGrid;
+import React from "react";
+export type GridGaps = "grid.xxs" | "grid.xs" | "grid.s" | "grid.m" | "grid.l" | "grid.xl" | "grid.xxl";
+export interface SimpleGridProps {
+    /** Additional class name. */
+    className?: string;
+    /** Optional numeric value to override the default column count; the default
+     * column count is 3. */
+    columns?: number;
+    /** Optional gap size; if omitted, the default `large` (2rem / 32px) spacing
+     * will be used; `IMPORTANT: for standard grid layouts, this prop should
+     * not be used.` */
+    gap?: GridGaps;
+    /** ID that other components can cross reference for accessibility purposes */
+    id?: string;
+}
+export declare const SimpleGrid: import("@chakra-ui/react").ChakraComponent<React.ForwardRefExoticComponent<SimpleGridProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>, {}>;
+export default SimpleGrid;

package/dist/{components → src/components}/Header/Header.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export interface GAOptionProps {
-    debug?: boolean;
-    standardImplementation?: boolean;
-    testMode?: boolean;
-    titleCase?: boolean;
-}
-export interface HeaderProps {
-    /** Whether to render sitewide alerts or not. True by default. */
-    fetchSitewideAlerts?: boolean;
-    /** 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<({ fetchSitewideAlerts, gaOptions, isProduction, }: HeaderProps) => JSX.Element, {}>;
-export default Header;
+/// <reference types="react" />
+export interface GAOptionProps {
+    debug?: boolean;
+    standardImplementation?: boolean;
+    testMode?: boolean;
+    titleCase?: boolean;
+}
+export interface HeaderProps {
+    /** Whether to render sitewide alerts or not. True by default. */
+    fetchSitewideAlerts?: boolean;
+    /** 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<({ fetchSitewideAlerts, gaOptions, isProduction, }: HeaderProps) => JSX.Element, {}>;
+export default Header;

package/dist/{components → src/components}/Header/components/HeaderLogin.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-export interface HeaderLoginProps {
-    catalogRef?: React.RefObject<HTMLDivElement & HTMLAnchorElement>;
-    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, isMobile }: HeaderLoginProps) => JSX.Element, {}>;
-export default HeaderLogin;
+import React from "react";
+export interface HeaderLoginProps {
+    catalogRef?: React.RefObject<HTMLDivElement & HTMLAnchorElement>;
+    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, isMobile }: HeaderLoginProps) => JSX.Element, {}>;
+export default HeaderLogin;

package/dist/{components → src/components}/Header/components/HeaderLoginButton.d.ts

@@ -1,11 +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;
+/// <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 → src/components}/Header/components/HeaderLowerNav.d.ts

@@ -1,7 +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;
+/// <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 → src/components}/Header/components/HeaderMobileIconNav.d.ts

@@ -1,7 +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;
+/// <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 → src/components}/Header/components/HeaderMobileNav.d.ts

@@ -1,7 +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;
+/// <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 → src/components}/Header/components/HeaderMobileNavButton.d.ts

@@ -1,7 +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;
+/// <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 → src/components}/Header/components/HeaderSearchButton.d.ts

@@ -1,10 +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;
+/// <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 → src/components}/Header/components/HeaderSearchForm.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-export interface HeaderSearchFormProps {
-    isMobile?: boolean;
-}
-export declare type SearchOptionType = "circulatingCatalog" | "researchCatalog" | "website";
-/**
- * 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;
+/// <reference types="react" />
+export interface HeaderSearchFormProps {
+    isMobile?: boolean;
+}
+export type SearchOptionType = "circulatingCatalog" | "researchCatalog" | "website";
+/**
+ * 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 → src/components}/Header/components/HeaderSitewideAlerts.d.ts

@@ -1,8 +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;
+/// <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 → src/components}/Header/components/HeaderUpperNav.d.ts

@@ -1,8 +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;
+/// <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 → src/components}/Header/context/headerContext.d.ts

@@ -1,13 +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;
+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 → src/components}/Header/utils/googleAnalyticsUtils.d.ts

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