@arc-ui/components 1.3.0 → 3.1.0

package/dist/types/components/SiteHeader/components/BackButton/BackButton.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export declare const BackButton: FC<BackButtonProps>;
+export interface BackButtonProps {
+    setOpen: (arg0: boolean) => any;
+}
+export default BackButton;

package/dist/types/components/SiteHeader/components/BackButton/index.d.ts

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

package/dist/types/components/SiteHeader/components/Column/Column.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from "react";
+declare const Column: FC<ColumnProps>;
+export interface ColumnProps {
+    /**
+     * Contents of the Column. Must be SiteHeader.ItemGroup components.
+     */
+    children: ReactNode;
+}
+export default Column;

package/dist/types/components/SiteHeader/components/Column/index.d.ts

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

package/dist/types/components/SiteHeader/components/Item/Item.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from "react";
+declare const Item: FC<ItemProps>;
+export interface ItemProps {
+    /**
+     * Contents of the Item. Usually text to be displayed in the Item link.
+     */
+    children: ReactNode;
+    /**
+     * A URL to link to when the Item is clicked or touched.
+     */
+    href: string;
+    /**
+     * Should the Item be emphasised?
+     */
+    isEmphasised?: boolean;
+}
+export default Item;

package/dist/types/components/SiteHeader/components/Item/index.d.ts

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

package/dist/types/components/SiteHeader/components/ItemGroup/ItemGroup.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from "react";
+declare const ItemGroup: FC<ItemGroupProps>;
+export interface ItemGroupProps {
+    /**
+     * Contents of the ItemGroup. Must be Item components.
+     */
+    children: ReactNode;
+    /**
+     * Title text to be displayed in the ItemGroup summary.
+     */
+    title: string;
+}
+export default ItemGroup;

package/dist/types/components/SiteHeader/components/ItemGroup/ItemGroup.rehydrator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
+export default _default;

package/dist/types/components/SiteHeader/components/ItemGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ItemGroup";
+export { default as ItemGroupRehydrator } from "./ItemGroup.rehydrator";

package/dist/types/components/SiteHeader/components/MenuButton/MenuButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+declare const MenuButton: FC<MenuButtonProps>;
+export interface MenuButtonProps {
+    menuOpen: boolean;
+    setMenuOpen: (arg0: boolean) => any;
+}
+export default MenuButton;

package/dist/types/components/SiteHeader/components/MenuButton/index.d.ts

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

package/dist/types/components/SiteHeader/components/NavItem/NavItem.d.ts

@@ -0,0 +1,39 @@
+import { FC, ReactNode } from "react";
+export declare const NavItem: FC<NavItemProps>;
+export interface NavItemProps {
+    /**
+     * Contents of the NavItem. Must be SiteHeader.ItemGroup or
+     * SiteHeader.Column components.
+     */
+    children?: ReactNode;
+    /**
+     * A top-level URL for the NavItem to link to.
+     *
+     * When `children` are not present, the URL to link to when the NavItem is
+     * clicked or touched.
+     *
+     * When `children` are present, the URL to link to when a top-level link
+     * inside the NavItem panel is clicked or touched.
+     */
+    href?: string;
+    /**
+     * Should the NavItem be highlighted as the current item/page? Only applies if
+     * `children` are not present (and `href` is present).
+     */
+    isCurrent?: boolean;
+    /**
+     * Content to display in the NavItem panel promo area.
+     */
+    promo?: ReactNode;
+    /**
+     * Top-level text to display in the NavItem.
+     */
+    title: string;
+    /**
+     * Text to display in top-level link inside the NavItem panel. Only
+     * applies if both `children` are present and `href` is true. If not
+     * provided, top-level link text will be automatically generated from `title`.
+     */
+    viewAllTitle?: string;
+}
+export default NavItem;

package/dist/types/components/SiteHeader/components/NavItem/NavItem.rehydrator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
+export default _default;

package/dist/types/components/SiteHeader/components/NavItem/NavItemWithSubNav.d.ts

@@ -0,0 +1,44 @@
+import React, { FC, ReactElement, ReactNode } from "react";
+declare const Context: React.Context<{
+    navItem: React.MutableRefObject<HTMLLIElement> | null;
+    subTitle: string | null;
+}>;
+declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
+export interface NavItemWithSubNavProps {
+    /**
+     * The URL to link to when a top-level link inside the NavItemWithSubNav panel
+     * is clicked or touched.
+     */
+    href?: string;
+    /**
+     * Content to be displayed in the first slot of the NavItemWithSubNav. Must be
+     * a single SiteHeader.SubNavItem component.
+     */
+    slot1: ReactElement;
+    /**
+     * Content to be displayed in the second slot of the NavItemWithSubNav. Must
+     * be a single SiteHeader.SubNavItem component.
+     */
+    slot2: ReactNode;
+    /**
+     * Content to be displayed in the third slot of the NavItemWithSubNav. Must be
+     * a single SiteHeader.SubNavItem component.
+     */
+    slot3?: ReactNode;
+    /**
+     * Title text to display inside the NavItemWithSubNav panel.
+     */
+    subTitle?: string;
+    /**
+     * Top-level text to display in the NavItemWithSubNav.
+     */
+    title: string;
+    /**
+     * Text to display in top-level link inside the NavItemWithSubNav panel. Only
+     * applies if `href` is true. If not provided, text will be automatically
+     * generated from `title`.
+     */
+    viewAllTitle?: string;
+}
+export { Context as NavItemContext };
+export default NavItemWithSubNav;

package/dist/types/components/SiteHeader/components/NavItem/NavItemWithSubNav.rehydrator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
+export default _default;

package/dist/types/components/SiteHeader/components/NavItem/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./NavItem";
+export { default as NavItemRehydrator } from "./NavItem.rehydrator";
+export { default as NavItemWithSubNav } from "./NavItemWithSubNav";
+export { default as NavItemWithSubNavRehydrator } from "./NavItemWithSubNav.rehydrator";

package/dist/types/components/SiteHeader/components/Panel/Panel.d.ts

@@ -0,0 +1,22 @@
+import React, { FC, ReactElement, ReactNode } from "react";
+export declare const Panel: FC<PanelProps> & {
+    ViewAll: typeof ViewAll;
+};
+export declare const ViewAll: FC<ViewAllProps>;
+export interface ViewAllProps {
+    href: string;
+    title: string;
+}
+export interface PanelProps {
+    children: ReactNode;
+    navItemRef: React.MutableRefObject<HTMLElement> | null;
+    open: boolean;
+    promo?: ReactNode;
+    setOpen: (arg0: boolean) => any;
+    subNavItemRef?: React.MutableRefObject<HTMLElement>;
+    subNavLink?: string;
+    title?: ReactNode;
+    viewAll?: ReactElement;
+    withSubNav?: boolean;
+}
+export default Panel;

package/dist/types/components/SiteHeader/components/Panel/index.d.ts

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

package/dist/types/components/SiteHeader/components/SubNavItem/SubNavItem.d.ts

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from "react";
+declare const SubNavItem: FC<SubNavItemProps>;
+export interface SubNavItemProps {
+    /**
+     * Contents of the SubNavItem. Must be SiteHeader.ItemGroup or
+     * SiteHeader.Column components.
+     */
+    children?: ReactNode;
+    /**
+     * Should the SubNavItem be the default open item in a
+     * SiteHeader.NavItemWithSubNav? If not specified, the default open item will
+     * be set automatically.
+     */
+    isDefaultItem?: boolean;
+    /**
+     * Content to display in the SubNavItem panel promo area.
+     */
+    promo?: ReactNode;
+    /**
+     * A URL to link to when the SubNavItem is clicked or touched. Only applies if
+     * `children` are not present.
+     */
+    href?: string;
+    /**
+     * Title text for the SubNavItem.
+     */
+    title: ReactNode;
+}
+export default SubNavItem;

package/dist/types/components/SiteHeader/components/SubNavItem/SubNavItem.rehydrator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (el: HTMLDivElement, hydrate: any) => Promise<JSX.Element>;
+export default _default;

package/dist/types/components/SiteHeader/components/SubNavItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./SubNavItem";
+export { default as SubNavItemRehydrator } from "./SubNavItem.rehydrator";

package/dist/types/components/SiteHeader/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./SiteHeader";
+export { default as SiteHeaderRehydrator } from "./SiteHeader.rehydrator";

package/dist/types/components/index.d.ts

@@ -20,8 +20,8 @@ export { default as Poster } from "./Poster";
 export { default as RadioGroup } from "./RadioGroup";
 export { default as Rule } from "./Rule";
 export { default as Section } from "./Section";
-export { default as SiteFooter } from "./SiteFooter";
-export { default as SiteHeader } from "./SiteHeader";
+export { default as SiteFooter, SiteFooterRehydrator } from "./SiteFooter";
+export { default as SiteHeader, SiteHeaderRehydrator } from "./SiteHeader";
 export { default as Surface, SurfaceContext } from "./Surface";
 export { default as Text } from "./Text";
 export { default as TextInput } from "./TextInput";

package/dist/types/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./use-aria-describedby";
 export * from "./use-interaction-mode";
+export * from "./use-media-query";
 export * from "./use-numeric-input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "1.3.0",
+  "version": "3.1.0",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "dist/index.js",
@@ -11,7 +11,9 @@
     "storybook": "start-storybook --ci -p 6006 --no-manager-cache",
     "storybook:build": "build-storybook --docs --quiet",
     "storybook:quiet": "yarn storybook --quiet",
-    "test:unit": "jest"
+    "test": "jest",
+    "test:coverage": "yarn test --coverage",
+    "test:watch": "yarn test --changedSince=origin/master --coverage --watch"
   },
   "files": [
     "dist"
@@ -23,31 +25,29 @@
     "react": "^17.0.0"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "^1.3.0",
-    "@arc-ui/tokens": "^1.3.0",
+    "@arc-ui/fonts": "^3.1.0",
+    "@arc-ui/tokens": "^3.1.0",
     "@babel/core": "^7.14.3",
     "@storybook/addon-essentials": "^6.3.6",
-    "@storybook/addon-ie11": "measuredco/addon-ie11#measuredco-fork",
+    "@storybook/addon-ie11": "BTEnterpriseDigital/addon-ie11#measuredco-fork",
     "@storybook/addon-links": "^6.3.6",
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/react": "^6.3.6",
     "@types/classnames": "^2.2.10",
-    "@types/jest": "^26.0.14",
     "@types/node": "^12.12.38",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^16.9.49",
     "@types/react-dom": "^16.9.8",
     "babel-loader": "^8.2.2",
+    "camelcase": "^6.2.1",
     "cheerio": "^1.0.0-rc.3",
     "classnames": "^2.2.6",
     "ie-array-find-polyfill": "^1.1.0",
-    "jest": "^26.4.2",
     "prop-types": "^15.7.2",
     "react": "^17.0.0",
     "react-app-polyfill": "^2.0.0",
     "react-dom": "^17.0.0",
     "react-is": "^17.0.0",
-    "ts-jest": "^26.4.0",
     "tslib": "^2.0.1",
     "typescript": "^4.0.2"
   }