@nulogy/components 8.14.2 → 8.14.4

package/dist/main.js

@@ -10123,6 +10123,7 @@
 
       var componentSize = useComponentSize(size);
       return /*#__PURE__*/React__default["default"].createElement(StyledLink, Object.assign({
+        ref: ref,
         size: componentSize
       }, props));
     });

package/dist/main.module.js

@@ -10100,6 +10100,7 @@ var Link = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
 
   var componentSize = useComponentSize(size);
   return /*#__PURE__*/React__default.createElement(StyledLink, Object.assign({
+    ref: ref,
     size: componentSize
   }, props));
 });

package/dist/src/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FlexProps } from "../Flex/Flex";
 type NotificationType = "danger" | "informative" | "success" | "warning";
 export type AlertProps = FlexProps & {
@@ -8,5 +9,5 @@ export type AlertProps = FlexProps & {
     onClose?: any;
     controlled?: boolean;
 };
-declare const _default: import("styled-components").StyledComponent<({ children, isCloseable, title, type, closeAriaLabel, onClose, controlled, ...props }: AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components").StyledComponent<({ children, isCloseable, title, type, closeAriaLabel, onClose, controlled, ...props }: AlertProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/src/Alert/Alert.story.d.ts

@@ -1,25 +1,26 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Danger: () => JSX.Element;
-export declare const Informative: () => JSX.Element;
-export declare const Success: () => JSX.Element;
-export declare const Warning: () => JSX.Element;
+export declare const Danger: () => React.JSX.Element;
+export declare const Informative: () => React.JSX.Element;
+export declare const Success: () => React.JSX.Element;
+export declare const Warning: () => React.JSX.Element;
 export declare const WithACloseButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithATitle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithALink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Alert/CloseButton.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 type CloseButtonProps = {
     onClick: any;
     "aria-label": string;
 };
-declare const CloseButton: ({ onClick, "aria-label": ariaLabel }: CloseButtonProps) => JSX.Element;
+declare const CloseButton: ({ onClick, "aria-label": ariaLabel }: CloseButtonProps) => React.JSX.Element;
 export default CloseButton;

package/dist/src/AsyncSelect/AsyncSelect.story.d.ts

@@ -1,39 +1,40 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithDefaultOptions: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithADefaultValue: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const Multiselect: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const Controlled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from "react";
+import React, { ComponentProps } from "react";
 import { Alert } from "../Alert";
-declare const Banner: ({ ...props }: ComponentProps<typeof Alert>) => JSX.Element;
+declare const Banner: ({ ...props }: ComponentProps<typeof Alert>) => React.JSX.Element;
 export default Banner;

package/dist/src/Banner/Banner.story.d.ts

@@ -1,9 +1,10 @@
-export declare const WithCallToAction: () => JSX.Element;
-export declare const Dismissible: () => JSX.Element;
-export declare const AboveTheNavbar: () => JSX.Element;
-export declare const BellowTheNavbar: () => JSX.Element;
-export declare const BellowTheHeader: () => JSX.Element;
-export declare const BannerTypes: () => JSX.Element;
+import React from "react";
+export declare const WithCallToAction: () => React.JSX.Element;
+export declare const Dismissible: () => React.JSX.Element;
+export declare const AboveTheNavbar: () => React.JSX.Element;
+export declare const BellowTheNavbar: () => React.JSX.Element;
+export declare const BellowTheHeader: () => React.JSX.Element;
+export declare const BannerTypes: () => React.JSX.Element;
 declare const _default: {
     title: string;
     parameters: {

package/dist/src/Box/Box.story.d.ts

@@ -1,70 +1,71 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Box: () => JSX.Element;
+export declare const _Box: () => React.JSX.Element;
 export declare const WithATextColour: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithABackgroundColour: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithASetWidth: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAResponsiveWidth: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithPadding: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithMargin: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAShadow: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithABackgroundImage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithHoverTransition: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithTransform: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAnimation: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/BrandedNavBar/BrandLogoContainer.d.ts

@@ -6,5 +6,5 @@ export type BrandLogoContainerProps = {
     brandingLinkComponent?: React.ElementType;
     subtext?: string;
 };
-declare const BrandLogoContainer: ({ logoSrc, brandingLinkHref, brandingLinkTo, brandingLinkComponent, subtext, }: BrandLogoContainerProps) => JSX.Element;
+declare const BrandLogoContainer: ({ logoSrc, brandingLinkHref, brandingLinkTo, brandingLinkComponent, subtext, }: BrandLogoContainerProps) => React.JSX.Element;
 export default BrandLogoContainer;

package/dist/src/BrandedNavBar/EnvironmentBanner.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export type EnvironmentBannerProps = {
     children?: React.ReactNode;
 };
-declare const EnvironmentBanner: ({ children }: EnvironmentBannerProps) => JSX.Element;
+declare const EnvironmentBanner: ({ children }: EnvironmentBannerProps) => React.JSX.Element;
 export default EnvironmentBanner;

package/dist/src/BrandedNavBar/MenuTrigger.d.ts

@@ -12,5 +12,5 @@ export type MenuTriggerProps = {
     layer: number;
     menuType: MenuType;
 };
-declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, menuType, ...props }: MenuTriggerProps) => JSX.Element;
+declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, menuType, ...props }: MenuTriggerProps) => React.JSX.Element;
 export default MenuTrigger;

package/dist/src/BrandedNavBar/MenuTriggerButton.d.ts

@@ -5,5 +5,5 @@ type MenuTriggerButtonProps = React.ComponentPropsWithRef<"button"> & {
     hoverColor?: string;
     hoverBackground?: string;
 };
-declare const MenuTriggerButton: React.ForwardRefExoticComponent<Pick<MenuTriggerButtonProps, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "hoverColor" | "hoverBackground"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenuTriggerButton: React.ForwardRefExoticComponent<Omit<MenuTriggerButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default MenuTriggerButton;

package/dist/src/BrandedNavBar/NavBar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export declare const NAVBAR_HEIGHT = "56px";
 type BaseNavBarProps = {
     menuData?: any;
@@ -8,5 +9,5 @@ type BaseNavBarProps = {
     brandingLinkHref?: string;
     logoSrc?: string;
 };
-declare const NavBar: import("styled-components").StyledComponent<({ environment, breakpointUpper, ...props }: BaseNavBarProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const NavBar: import("styled-components").StyledComponent<({ environment, breakpointUpper, ...props }: BaseNavBarProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default NavBar;

package/dist/src/BrandedNavBar/NavBar.story.d.ts

@@ -1,53 +1,54 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _BrandedNavBar: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACompanyLogo: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAppName: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACompanyLogoAndAppName: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithEnvironmentBanner: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithIcon: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithPrimaryAndSecondarySubMenus: () => JSX.Element;
-export declare const WithExternalLinks: () => JSX.Element;
+export declare const WithPrimaryAndSecondarySubMenus: () => React.JSX.Element;
+export declare const WithExternalLinks: () => React.JSX.Element;
 export declare const WithReactRouter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithHamburgerMenu: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         viewport: {
             defaultViewport: string;
@@ -57,9 +58,9 @@ export declare const WithHamburgerMenu: {
         };
     };
 };
-export declare const CustomRendering: () => JSX.Element;
+export declare const CustomRendering: () => React.JSX.Element;
 export declare const CustomRenderingInHamburger: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         viewport: {
             defaultViewport: string;
@@ -69,9 +70,9 @@ export declare const CustomRenderingInHamburger: {
         };
     };
 };
-export declare const CustomMenuTriggers: () => JSX.Element;
+export declare const CustomMenuTriggers: () => React.JSX.Element;
 export declare const CustomMenuTriggersInHamburger: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     parameters: {
         viewport: {
             defaultViewport: string;

package/dist/src/BrandedNavBar/NavBarDropdownMenu.d.ts

@@ -1,19 +1,3 @@
 import React from "react";
-type MenuState = {
-    isOpen?: boolean;
-    openMenu?: Function;
-    closeMenu?: Function;
-    toggleMenu?: Function;
-};
-type NavBarDropdownMenuProps = {
-    children?: React.ReactNode;
-    trigger?: Function;
-    menuState?: MenuState;
-    showArrow?: boolean;
-    placement?: "bottom-start" | "right-start" | "left-start";
-    modifiers?: any;
-    triggerTogglesMenuState?: boolean;
-    dropdownMenuContainerEventHandlers?: Function;
-};
-declare const NavBarDropdownMenu: React.JSXElementConstructor<NavBarDropdownMenuProps & import("../utils").WithMenuStateProps>;
+declare const NavBarDropdownMenu: React.JSXElementConstructor<any>;
 export default NavBarDropdownMenu;

package/dist/src/BrandedNavBar/NulogyLogo.d.ts

@@ -1,2 +1,3 @@
-declare const NulogyLogo: () => JSX.Element;
+import React from "react";
+declare const NulogyLogo: () => React.JSX.Element;
 export default NulogyLogo;

package/dist/src/BrandedNavBar/NulogyLogoContainer.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 type NulogyLogoContainerProps = {
     subText?: string;
     height?: string;
 };
-export declare const NulogyLogoContainer: ({ subText, height }: NulogyLogoContainerProps) => JSX.Element;
+export declare const NulogyLogoContainer: ({ subText, height }: NulogyLogoContainerProps) => React.JSX.Element;
 export {};

package/dist/src/BrandedNavBar/SmallNavBar.story.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 declare const _default: {
     title: string;
     parameters: {
@@ -10,11 +11,11 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const _SmallNavBar: () => JSX.Element;
-export declare const SmallNavBarOpen: () => JSX.Element;
-export declare const WithALogo: () => JSX.Element;
-export declare const WithALogoOpen: () => JSX.Element;
-export declare const WithABrandLogoContainerLogo: () => JSX.Element;
-export declare const WithANulogyLogoAndAppName: () => JSX.Element;
-export declare const WithEnvironmentBanner: () => JSX.Element;
-export declare const WithCustomMenuButton: () => JSX.Element;
+export declare const _SmallNavBar: () => React.JSX.Element;
+export declare const SmallNavBarOpen: () => React.JSX.Element;
+export declare const WithALogo: () => React.JSX.Element;
+export declare const WithALogoOpen: () => React.JSX.Element;
+export declare const WithABrandLogoContainerLogo: () => React.JSX.Element;
+export declare const WithANulogyLogoAndAppName: () => React.JSX.Element;
+export declare const WithEnvironmentBanner: () => React.JSX.Element;
+export declare const WithCustomMenuButton: () => React.JSX.Element;

package/dist/src/BrandedNavBar/SubMenuTrigger.d.ts

@@ -10,5 +10,5 @@ type SubMenuTriggerProps = React.ComponentPropsWithRef<"button"> & {
     layer: number;
     menuType: MenuType;
 };
-declare const SubMenuTrigger: ({ menuData, name, onItemClick, trigger, layer, menuType, ...props }: SubMenuTriggerProps) => JSX.Element;
+declare const SubMenuTrigger: ({ menuData, name, onItemClick, trigger, layer, menuType, ...props }: SubMenuTriggerProps) => React.JSX.Element;
 export default SubMenuTrigger;

package/dist/src/BrandedNavBar/SubMenuTriggerButton.d.ts

@@ -3,5 +3,5 @@ type SubMenuTriggerButtonProps = React.ComponentPropsWithRef<"button"> & {
     name?: string;
     isOpen: boolean;
 };
-declare const SubMenuTriggerButton: React.ForwardRefExoticComponent<Pick<SubMenuTriggerButtonProps, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "isOpen"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SubMenuTriggerButton: React.ForwardRefExoticComponent<Omit<SubMenuTriggerButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SubMenuTriggerButton;

package/dist/src/Branding/Branding.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 type BrandingProps = {
     logoType?: "wordmark" | "lettermark";
     logoColor?: "blue" | "white";
@@ -7,5 +8,5 @@ type BrandingProps = {
     subtext?: string;
     className?: string;
 };
-declare const Branding: ({ logoType, subtext, size, alignment, withLine, logoColor, className, ...props }: BrandingProps) => JSX.Element;
+declare const Branding: ({ logoType, subtext, size, alignment, withLine, logoColor, className, ...props }: BrandingProps) => React.JSX.Element;
 export default Branding;

package/dist/src/Branding/Branding.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Branding: () => JSX.Element;
+export declare const _Branding: () => React.JSX.Element;

package/dist/src/Breadcrumbs/Breadcrumbs.story.d.ts

@@ -1,17 +1,18 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Breadcrumbs: () => JSX.Element;
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const _Breadcrumbs: () => React.JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithoutLink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithReactRouter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Button/Button.story.d.ts

@@ -1,47 +1,48 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Button: () => JSX.Element;
+export declare const _Button: () => React.JSX.Element;
 export declare const _PrimaryButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _DangerButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _QuietButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;
 export declare const WithASelectedIcon: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToFullWidth: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AsALink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Button/CloseButton.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const CloseButton: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+declare const CloseButton: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export default CloseButton;

package/dist/src/Button/ControlIcon.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-declare const ControlIcon: React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+declare const ControlIcon: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     onClick?: (...args: any[]) => any;
@@ -10,5 +10,5 @@ declare const ControlIcon: React.ForwardRefExoticComponent<Pick<Pick<React.Detai
     size?: string;
     type?: string;
     label?: string;
-}, "label" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "toggled" | "icon" | "size" | keyof SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>> & React.RefAttributes<unknown>>;
+}, "ref"> & React.RefAttributes<unknown>>;
 export default ControlIcon;

package/dist/src/Button/ControlIcon.story.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _ControlIcon: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;
-export declare const Toggled: () => JSX.Element;
+export declare const _ControlIcon: () => React.JSX.Element;
+export declare const Disabled: () => React.JSX.Element;
+export declare const Toggled: () => React.JSX.Element;