@arc-ui/components 2.1.0 → 4.0.1

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";
@@ -36,10 +37,6 @@ export interface SiteHeaderProps {
      * Should account login links be included in the SiteHeader?
      */
     hasLogin?: boolean;
-    /**
-     * Should search functionality be included in the SiteHeader?
-     */
-    hasSearch?: boolean;
     /**
      * Should the SiteHeader have a transparent background?
      */
@@ -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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SiteHeaderRehydrator: {
     (el: HTMLDivElement, hydrate: any): Promise<JSX.Element>;
     ItemGroupRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
 export default _default;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
 export default _default;

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

@@ -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.
@@ -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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
 export default _default;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: (el: HTMLDivElement, hydrate: any) => Promise<JSX.Element>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "2.1.0",
+  "version": "4.0.1",
   "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.1.0",
-    "@arc-ui/tokens": "^2.1.0",
+    "@arc-ui/fonts": "^4.0.1",
+    "@arc-ui/tokens": "^4.0.1",
     "@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"
   }