@arc-ui/components 10.0.3 → 10.2.0

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-declare const Item: FC<ItemProps>;
+export declare const Item: FC<ItemProps>;
 export interface ItemProps {
     /**
      * Contents of the Item. Usually text to be displayed in the Item link.
@@ -13,5 +13,8 @@ export interface ItemProps {
      * Should the Item be emphasised?
      */
     isEmphasised?: boolean;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
 }
-export default Item;

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

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

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-declare const ItemGroup: FC<ItemGroupProps>;
+export declare const ItemGroup: FC<ItemGroupProps>;
 export interface ItemGroupProps {
     /**
      * Contents of the ItemGroup. Must be Item components.
@@ -19,5 +19,8 @@ export interface ItemGroupProps {
      * will be automatically generated from `title`.
      */
     viewAllTitle?: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
 }
-export default ItemGroup;

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

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

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

@@ -1,7 +1,6 @@
 import { FC } from "react";
-declare const MenuButton: FC<MenuButtonProps>;
+export 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

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

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

@@ -35,5 +35,8 @@ export interface NavItemProps {
      * provided, top-level link text will be automatically generated from `title`.
      */
     viewAllTitle?: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
 }
-export default NavItem;

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

@@ -3,7 +3,7 @@ declare const Context: React.Context<{
     navItem: React.MutableRefObject<HTMLLIElement> | null;
     subTitle: string | null;
 }>;
-declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
+export declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
 export interface NavItemWithSubNavProps {
     /**
      * The URL to link to when a top-level link inside the NavItemWithSubNav panel
@@ -39,6 +39,9 @@ export interface NavItemWithSubNavProps {
      * generated from `title`.
      */
     viewAllTitle?: string;
+    /**
+     * view all click handler.
+     */
+    onViewAllClick?: () => void;
 }
 export { Context as NavItemContext };
-export default NavItemWithSubNav;

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

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

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

@@ -6,6 +6,7 @@ export declare const ViewAll: FC<ViewAllProps>;
 export interface ViewAllProps {
     href: string;
     title: string;
+    onClick?: () => void;
 }
 export interface PanelProps {
     children: ReactNode;
@@ -19,4 +20,3 @@ export interface PanelProps {
     viewAll?: ReactElement;
     withSubNav?: boolean;
 }
-export default Panel;

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

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

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-declare const SubNavItem: FC<SubNavItemProps>;
+export declare const SubNavItem: FC<SubNavItemProps>;
 export interface SubNavItemProps {
     /**
      * Contents of the SubNavItem. Must be SiteHeader.ItemGroup or
@@ -40,5 +40,8 @@ export interface SubNavItemProps {
      * provided, top-level link text will be automatically generated from `title`.
      */
     viewAllTitle?: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
 }
-export default SubNavItem;

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

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

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

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

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

@@ -6,7 +6,7 @@ declare const Context: React.Context<{
 /**
  * Use `Surface` to compose content using the Arc system.
  */
-declare const Surface: FC<SurfaceProps>;
+export declare const Surface: FC<SurfaceProps>;
 export declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
 export declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
 export declare type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
@@ -46,4 +46,3 @@ export interface SurfaceProps extends HTMLAttributes<HTMLElement> {
     paddingVertical?: SurfacePadding;
 }
 export { Context as SurfaceContext };
-export default Surface;

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

@@ -1 +1 @@
-export { default, SurfaceContext, backgrounds, backgroundsBT } from "./Surface";
+export { Surface, SurfaceContext, backgrounds, backgroundsBT } from "./Surface";

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

@@ -2,7 +2,7 @@ import { FC, ReactNode } from "react";
 /**
  * Use `Text` to display text.
  */
-declare const Text: FC<TextProps>;
+export declare const Text: FC<TextProps>;
 export declare type Tone = "default" | "supporting" | "muted";
 export declare type TextSize = "xs" | "s" | "m" | "l";
 export interface TextProps {
@@ -31,4 +31,3 @@ export interface TextProps {
      */
     tone?: Tone;
 }
-export default Text;

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

@@ -1 +1 @@
-export { default } from "./Text";
+export { Text } from "./Text";

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

@@ -4,7 +4,7 @@ declare type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
-declare const TextInput: FC<TextInputProps>;
+export declare const TextInput: FC<TextInputProps>;
 export interface TextInputProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus"> {
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
@@ -66,4 +66,4 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
      */
     value?: string;
 }
-export default TextInput;
+export {};

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

@@ -1 +1 @@
-export { default } from "./TextInput";
+export { TextInput } from "./TextInput";

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

@@ -2,7 +2,7 @@ import { FC, ReactNode } from "react";
 /**
  * Use `UniversalHeader` to display a group-level page header.
  */
-declare const UniversalHeader: FC<UniversalHeaderProps> & {
+export declare const UniversalHeader: FC<UniversalHeaderProps> & {
     Item: typeof UniversalHeaderItem;
 };
 export declare const UniversalHeaderItem: FC<UniversalHeaderItemProps>;
@@ -23,4 +23,3 @@ export interface UniversalHeaderProps {
      */
     children: ReactNode;
 }
-export default UniversalHeader;

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

@@ -1 +1 @@
-export { default } from "./UniversalHeader";
+export { UniversalHeader } from "./UniversalHeader";

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

@@ -2,7 +2,7 @@ import { FC } from "react";
 /**
  * Use `VerticalSpace` to create vertical space between components.
  */
-declare const VerticalSpace: FC<VerticalSpaceProps>;
+export declare const VerticalSpace: FC<VerticalSpaceProps>;
 export declare type VerticalSpaceSize = "4" | "8" | "12" | "16" | "24" | "32" | "48" | "64" | "96" | "128";
 export interface VerticalSpaceProps {
     /**
@@ -15,4 +15,3 @@ export interface VerticalSpaceProps {
      */
     size?: VerticalSpaceSize;
 }
-export default VerticalSpace;

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

@@ -1 +1 @@
-export { default } from "./VerticalSpace";
+export { VerticalSpace } from "./VerticalSpace";

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

@@ -1,28 +1,29 @@
-export { default as Align } from "./Align";
-export { default as Base } from "./Base";
-export { default as BrandLogo } from "./BrandLogo/BrandLogo";
-export { default as Button } from "./Button";
-export { default as Card } from "./Card";
-export { default as Checkbox } from "./Checkbox";
-export { default as Clock, ClockRehydrator } from "./Clock";
-export { default as Columns } from "./Columns";
-export { default as Curve } from "./Curve";
-export { default as Disclosure } from "./Disclosure";
-export { default as Elevation } from "./Elevation";
-export { default as FormControl } from "./FormControl";
-export { default as Group } from "./Group";
-export { default as Heading } from "./Heading";
-export { default as Icon } from "./Icon";
-export { default as Image } from "./Image";
-export { default as Markup } from "./Markup";
-export { default as UniversalHeader } from "./UniversalHeader";
-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, 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";
-export { default as VerticalSpace } from "./VerticalSpace";
+export { Align } from "./Align";
+export { Base } from "./Base";
+export { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs";
+export { BrandLogo } from "./BrandLogo/BrandLogo";
+export { Button } from "./Button";
+export { Card } from "./Card";
+export { Checkbox } from "./Checkbox";
+export { Clock, ClockRehydrator } from "./Clock";
+export { Columns } from "./Columns";
+export { Curve } from "./Curve";
+export { Disclosure } from "./Disclosure";
+export { Elevation } from "./Elevation";
+export { FormControl } from "./FormControl";
+export { Group } from "./Group";
+export { Heading } from "./Heading";
+export { Icon } from "./Icon";
+export { Image } from "./Image";
+export { Markup } from "./Markup";
+export { UniversalHeader } from "./UniversalHeader";
+export { Poster } from "./Poster";
+export { RadioGroup } from "./RadioGroup";
+export { Rule } from "./Rule";
+export { Section } from "./Section";
+export { SiteFooter, SiteFooterRehydrator } from "./SiteFooter";
+export { SiteHeader, SiteHeaderRehydrator } from "./SiteHeader";
+export { Surface, SurfaceContext } from "./Surface";
+export { Text } from "./Text";
+export { TextInput } from "./TextInput";
+export { VerticalSpace } from "./VerticalSpace";

package/dist/types/helpers/handle-link-click.d.ts

@@ -0,0 +1,7 @@
+import { MouseEvent } from "react";
+interface IHandleLinkClick {
+    handler?: () => void;
+    preventDefault?: boolean;
+}
+export declare const handleLinkClick: ({ handler, preventDefault }: IHandleLinkClick) => (e: MouseEvent<HTMLAnchorElement>) => void;
+export {};

package/dist/types/styles.d.ts

@@ -1,6 +1,7 @@
 import "./components/Align/Align.css";
 import "./components/Base/Base.css";
 import "./components/BrandLogo/BrandLogo.css";
+import "./components/Breadcrumbs/Breadcrumbs.css";
 import "./components/Card/Card.css";
 import "./components/Button/Button.css";
 import "./components/Checkbox/Checkbox.css";
@@ -28,6 +29,7 @@ import "./components/UniversalHeader/UniversalHeader.css";
 import "./components/VerticalSpace/VerticalSpace.css";
 import "./components/Base/Base.bt.css";
 import "./components/BrandLogo/BrandLogo.bt.css";
+import "./components/Breadcrumbs/Breadcrumbs.bt.css";
 import "./components/Button/Button.bt.css";
 import "./components/Card/Card.bt.css";
 import "./components/Checkbox/Checkbox.bt.css";

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@arc-ui/components",
-  "version": "10.0.3",
+  "version": "10.2.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",
-  "module": "dist/index.es.js",
-  "types": "dist/types/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/types/index.d.ts",
   "scripts": {
-    "build": "rollup -c",
+    "build": "rimraf dist && rollup -c",
     "storybook": "start-storybook --ci -p 6006 --no-manager-cache",
     "storybook:build": "build-storybook --docs --quiet",
     "storybook:quiet": "yarn storybook --quiet",
@@ -25,8 +25,8 @@
     "react": "^18.0.0"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "^10.0.3",
-    "@arc-ui/tokens": "^10.0.3",
+    "@arc-ui/fonts": "^10.2.0",
+    "@arc-ui/tokens": "^10.2.0",
     "@babel/core": "^7.14.3",
     "@babel/helper-define-map": "^7.14.3",
     "@storybook/addon-essentials": "^6.3.6",