@arc-ui/components 2.0.0 → 4.0.0

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

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from "react";
+import { subBrands } from "../BrandLogo/BrandLogo";
 import Column from "./components/Column";
 import Item from "./components/Item";
 import ItemGroup from "./components/ItemGroup";
@@ -24,10 +25,6 @@ export interface SiteHeaderProps {
      * SiteHeader.NavItemWithSubNav components.
      */
     children?: ReactNode;
-    /**
-     * Should the SiteHeader have a transparent background?
-     */
-    isTransparent?: boolean;
     /**
      * A URL to link to when the SiteHeader basket link is clicked or touched.
      */
@@ -41,9 +38,9 @@ export interface SiteHeaderProps {
      */
     hasLogin?: boolean;
     /**
-     * Should search functionality be included in the SiteHeader?
+     * Should the SiteHeader have a transparent background?
      */
-    hasSearch?: boolean;
+    isTransparent?: boolean;
     /**
      * A URL to link to when SiteHeader login links are clicked or touched.
      */
@@ -60,6 +57,14 @@ export interface SiteHeaderProps {
      * Accessible text for the SiteHeader brand logo link.
      */
     logoLabel?: string;
+    /**
+     * Search component for the SiteHeader.
+     */
+    search?: ReactNode;
+    /**
+     * Optional sub-brand variant. Only applies to BT.
+     */
+    subBrand?: typeof subBrands[number];
 }
 export { Context as SiteHeaderContext };
 export default SiteHeader;

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

@@ -0,0 +1,8 @@
+declare const SiteHeaderRehydrator: {
+    (el: HTMLDivElement, hydrate: any): Promise<JSX.Element>;
+    ItemGroupRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
+    NavItemRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
+    NavItemWithSubNavRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
+    SubNavItemRehydrator: (el: HTMLDivElement, hydrate: any) => Promise<JSX.Element>;
+};
+export default SiteHeaderRehydrator;

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

@@ -5,9 +5,19 @@ export interface ItemGroupProps {
      * Contents of the ItemGroup. Must be Item components.
      */
     children: ReactNode;
+    /**
+     * A top-level URL for the ItemGroup to link to.
+     */
+    href?: string;
     /**
      * Title text to be displayed in the ItemGroup summary.
      */
     title: string;
+    /**
+     * Text to display in top-level link inside the ItemGroup in narrow viewports.
+     * Only applies if `href` is present. If not provided, top-level link text
+     * will be automatically generated from `title`.
+     */
+    viewAllTitle?: 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

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

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

@@ -6,22 +6,21 @@ export interface NavItemProps {
      * SiteHeader.Column components.
      */
     children?: ReactNode;
-    /**
-     * Should a top-level link be shown inside the NavItem panel?
-     */
-    hasViewAll?: boolean;
     /**
      * 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, and `hasViewAll` is true, the URL to link to
-     * when the top-level link inside the NavItem panel is clicked or touched.
-     *
-     * Also used as a fallback in no-JS scenarios.
+     * 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).
      */
-    href: string;
+    isCurrent?: boolean;
     /**
      * Content to display in the NavItem panel promo area.
      */
@@ -32,7 +31,7 @@ export interface NavItemProps {
     title: string;
     /**
      * Text to display in top-level link inside the NavItem panel. Only
-     * applies if both `children` are present and `hasViewAll` is true. If not
+     * 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;

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

@@ -1,4 +1,4 @@
-import React, { FC, ReactElement } from "react";
+import React, { FC, ReactElement, ReactNode } from "react";
 declare const Context: React.Context<{
     navItem: React.MutableRefObject<HTMLLIElement> | null;
     subTitle: string | null;
@@ -6,18 +6,10 @@ declare const Context: React.Context<{
 declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
 export interface NavItemWithSubNavProps {
     /**
-     * Should a top-level link be shown inside the NavItemWithSubNav panel?
+     * The URL to link to when a top-level link inside the NavItemWithSubNav panel
+     * is clicked or touched.
      */
-    hasViewAll?: boolean;
-    /**
-     * A top-level URL for the NavItemWithSubNav to link to.
-     *
-     * If `hasViewAll` is true, the URL to link to when the top-level link inside
-     * the NavItemWithSubNav panel is clicked or touched.
-     *
-     * Also used as a fallback in no-JS scenarios.
-     */
-    href: string;
+    href?: string;
     /**
      * Content to be displayed in the first slot of the NavItemWithSubNav. Must be
      * a single SiteHeader.SubNavItem component.
@@ -27,12 +19,12 @@ export interface NavItemWithSubNavProps {
      * Content to be displayed in the second slot of the NavItemWithSubNav. Must
      * be a single SiteHeader.SubNavItem component.
      */
-    slot2: ReactElement;
+    slot2: ReactNode;
     /**
      * Content to be displayed in the third slot of the NavItemWithSubNav. Must be
      * a single SiteHeader.SubNavItem component.
      */
-    slot3?: ReactElement;
+    slot3?: ReactNode;
     /**
      * Title text to display inside the NavItemWithSubNav panel.
      */
@@ -43,8 +35,8 @@ export interface NavItemWithSubNavProps {
     title: string;
     /**
      * Text to display in top-level link inside the NavItemWithSubNav panel. Only
-     * applies if `hasViewAll` is true. If not provided, text will be
-     * automatically generated from `title`.
+     * applies if `href` is true. If not provided, text will be automatically
+     * generated from `title`.
      */
     viewAllTitle?: string;
 }

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

@@ -1,2 +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/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

@@ -1 +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

@@ -21,7 +21,7 @@ export { default as RadioGroup } from "./RadioGroup";
 export { default as Rule } from "./Rule";
 export { default as Section } from "./Section";
 export { default as SiteFooter, SiteFooterRehydrator } from "./SiteFooter";
-export { default as SiteHeader } from "./SiteHeader";
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "2.0.0",
+  "version": "4.0.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": "TZ=UTC jest",
+    "test:coverage": "yarn test --coverage",
+    "test:watch": "yarn test --changedSince=origin/master --coverage --watch"
   },
   "files": [
     "dist"
@@ -23,31 +25,30 @@
     "react": "^17.0.0"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "^2.0.0",
-    "@arc-ui/tokens": "^2.0.0",
+    "@arc-ui/fonts": "^4.0.0",
+    "@arc-ui/tokens": "^4.0.0",
     "@babel/core": "^7.14.3",
+    "@babel/helper-define-map": "^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"
   }