@nulogy/components 8.14.3 → 8.14.5

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

@@ -1,40 +1,41 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Toast: () => JSX.Element;
+export declare const _Toast: () => React.JSX.Element;
 export declare const _MultipleToastsExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CustomizeLengthOfTimeToastIsVisible: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCloseButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithModal: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CloseableWithMultiLineMessage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MultipleCloseableToastsExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/ToastContainer/ToastContainer.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ToasterProps } from "react-hot-toast";
 import { ToastOptions } from "./ToastFunction";
 type ToastContainerProps = {
@@ -6,7 +7,7 @@ type ToastContainerProps = {
     toastOptions?: ToastOptions;
 } & Omit<ToasterProps, "gutter" | "toastOptions">;
 declare const ToastContainer: {
-    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): JSX.Element;
+    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): React.JSX.Element;
     defaultProps: {
         position: string;
         reverseOrder: boolean;

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

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

package/dist/src/Toggle/Toggle.d.ts

@@ -24,7 +24,7 @@ declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Requir
 } & {
     defaultToggled?: boolean;
     onClick?: boolean;
-} & React.RefAttributes<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+} & React.RefAttributes<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: React.Ref<HTMLInputElement>;
 }>>;
 export default ToggleComponent;

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

@@ -1,48 +1,49 @@
-export declare const WithDifferentSizes: () => JSX.Element;
+import React from "react";
+export declare const WithDifferentSizes: () => React.JSX.Element;
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Toggle: () => JSX.Element;
+export declare const _Toggle: () => React.JSX.Element;
 export declare const ToggleWithAllProps: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ToggleSetToDefaultToggled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ToggleSetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomId: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithLongText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ControlledToggle: () => JSX.Element;
+export declare const ControlledToggle: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,13 +1,14 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Colors: () => JSX.Element;
-export declare const FontSizes: () => JSX.Element;
-export declare const LineHeights: () => JSX.Element;
-export declare const FontWeights: () => JSX.Element;
-export declare const SpaceAndSize: () => JSX.Element;
-export declare const Font: () => JSX.Element;
-export declare const Shadows: () => JSX.Element;
-export declare const Radii: () => JSX.Element;
-export declare const Breakpoints: () => JSX.Element;
+export declare const Colors: () => React.JSX.Element;
+export declare const FontSizes: () => React.JSX.Element;
+export declare const LineHeights: () => React.JSX.Element;
+export declare const FontWeights: () => React.JSX.Element;
+export declare const SpaceAndSize: () => React.JSX.Element;
+export declare const Font: () => React.JSX.Element;
+export declare const Shadows: () => React.JSX.Element;
+export declare const Radii: () => React.JSX.Element;
+export declare const Breakpoints: () => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 declare const _default: {
     title: string;
     parameters: {
@@ -7,58 +8,59 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const _Tooltip: () => JSX.Element;
+export declare const _Tooltip: () => React.JSX.Element;
 export declare const WithWrappedText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomMaxWidth: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithPlacement: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithLinkPassedIn: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithButtonPassedIn: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomShowDelay: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomHideDelay: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithOtherFocusableElements: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const OpenByDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
+export declare const WithCustomComponent: () => React.JSX.Element;

package/dist/src/TruncatedText/MaybeTooltip.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 import PropTypes from "prop-types";
 import { TooltipProps } from "../Tooltip/Tooltip";
 type MaybeTooltipProps = TooltipProps & {
     showTooltip?: boolean;
 };
 declare const MaybeTooltip: {
-    ({ children, showTooltip, ...props }: MaybeTooltipProps): JSX.Element;
+    ({ children, showTooltip, ...props }: MaybeTooltipProps): React.JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showTooltip: PropTypes.Requireable<boolean>;

package/dist/src/TruncatedText/TruncatedText.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import PropTypes from "prop-types";
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedText: {
-    ({ fullWidth, children, ...props }: TruncatedTextProps): JSX.Element;
+    ({ fullWidth, children, ...props }: TruncatedTextProps): React.JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         indicator: PropTypes.Requireable<string>;
@@ -15,7 +16,7 @@ declare const TruncatedText: {
     defaultProps: {
         children: any;
         indicator: string;
-        element: JSX.Element;
+        element: React.JSX.Element;
         maxCharacters: number;
         fullWidth: boolean;
         showTooltip: boolean;

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

@@ -1,51 +1,52 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _TruncatedText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithoutTooltip: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const UnderMaxCharacters: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithMaxCharacters10: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomTruncationIndicator: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const AsTitle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const FullWidth: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithoutChildren: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/TruncatedText/TruncatedTextFillWidth.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { TruncatedTextProps } from "./TruncatedTextProps";
-declare const TruncatedTextFillWidth: ({ element, showTooltip, tooltipProps, children, "data-testid": testId, ...props }: TruncatedTextProps) => JSX.Element;
+declare const TruncatedTextFillWidth: ({ element, showTooltip, tooltipProps, children, "data-testid": testId, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedTextFillWidth;

package/dist/src/TruncatedText/TruncatedTextMaxCharacters.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { TruncatedTextProps } from "./TruncatedTextProps";
-declare const TruncatedTextMaxCharacters: ({ children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId, ...props }: TruncatedTextProps) => JSX.Element;
+declare const TruncatedTextMaxCharacters: ({ children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedTextMaxCharacters;

package/dist/src/Type/Headings.story.d.ts

@@ -1,33 +1,34 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const _Heading1: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _Heading2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _Heading3: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const _Heading4: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACustomMargin: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Type/Text.story.d.ts

@@ -1,34 +1,35 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Text: () => JSX.Element;
+export declare const _Text: () => React.JSX.Element;
 export declare const WithAColor: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithASize: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACustomMargin: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToInline: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Type/Typography.story.d.ts

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

package/dist/src/Validation/InlineValidation.story.d.ts

@@ -1,22 +1,23 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _InlineValidation: () => JSX.Element;
+export declare const _InlineValidation: () => React.JSX.Element;
 export declare const WithListItems: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithOnlyListItems: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomContent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Validation/mapErrorsToList.d.ts

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

package/dist/src/VisualTests/Select.story.d.ts

@@ -1,39 +1,40 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithADefaultValue: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithABlankValue: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAnOptionSelected: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithWrappingText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const TestMultiselectOverflow: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithANullValue: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/VisualTests/WithSpace.story.d.ts

@@ -1,22 +1,23 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Alert: () => JSX.Element;
-export declare const _AsyncSelect: () => JSX.Element;
-export declare const _Breadcrumbs: () => JSX.Element;
-export declare const _PrimaryButton: () => JSX.Element;
-export declare const _DatePicker: () => JSX.Element;
-export declare const _DropdownMenu: () => JSX.Element;
-export declare const _FieldLabel: () => JSX.Element;
-export declare const _Form: () => JSX.Element;
-export declare const _Link: () => JSX.Element;
-export declare const _List: () => JSX.Element;
-export declare const _Pagination: () => JSX.Element;
-export declare const _Radio: () => JSX.Element;
-export declare const _Select: () => JSX.Element;
-export declare const _Table: () => JSX.Element;
-export declare const _Tabs: () => JSX.Element;
-export declare const _TimePicker: () => JSX.Element;
-export declare const _TruncatedText: () => JSX.Element;
-export declare const _InlineValidation: () => JSX.Element;
+export declare const _Alert: () => React.JSX.Element;
+export declare const _AsyncSelect: () => React.JSX.Element;
+export declare const _Breadcrumbs: () => React.JSX.Element;
+export declare const _PrimaryButton: () => React.JSX.Element;
+export declare const _DatePicker: () => React.JSX.Element;
+export declare const _DropdownMenu: () => React.JSX.Element;
+export declare const _FieldLabel: () => React.JSX.Element;
+export declare const _Form: () => React.JSX.Element;
+export declare const _Link: () => React.JSX.Element;
+export declare const _List: () => React.JSX.Element;
+export declare const _Pagination: () => React.JSX.Element;
+export declare const _Radio: () => React.JSX.Element;
+export declare const _Select: () => React.JSX.Element;
+export declare const _Table: () => React.JSX.Element;
+export declare const _Tabs: () => React.JSX.Element;
+export declare const _TimePicker: () => React.JSX.Element;
+export declare const _TruncatedText: () => React.JSX.Element;
+export declare const _InlineValidation: () => React.JSX.Element;

package/dist/src/pages/ErrorPage.story.d.ts

@@ -1,12 +1,13 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Base: () => JSX.Element;
+export declare const Base: () => React.JSX.Element;
 export declare const WithALink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const Maintenance: () => JSX.Element;
+export declare const Maintenance: () => React.JSX.Element;

package/dist/src/pages/LoginPage.story.d.ts

@@ -1,28 +1,29 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Base: () => JSX.Element;
+export declare const Base: () => React.JSX.Element;
 export declare const WithRememberMe: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithForgotPasswordLink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithError: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithErrorAndNoAdditionalText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/utils/DeprecatedComponent.d.ts

@@ -1 +1,2 @@
-export function Deprecated(Component: any, message?: string): (props: any) => JSX.Element;
+export function Deprecated(Component: any, message?: string): (props: any) => React.JSX.Element;
+import React from "react";

package/dist/src/utils/DetectOutsideClick.d.ts

@@ -4,7 +4,7 @@ declare class DetectOutsideClick extends React.Component<any, any, any> {
     handleOutsideClick(e: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare namespace DetectOutsideClick {
     namespace propTypes {

package/dist/src/utils/PreventBodyElementScrolling.d.ts

@@ -4,7 +4,7 @@ declare class PreventBodyElementScrolling extends React.Component<any, any, any>
     constructor(props: any, context: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare namespace PreventBodyElementScrolling {
     namespace propTypes {

package/dist/src/utils/ScrollIndicators.d.ts

@@ -11,7 +11,7 @@ declare class ScrollIndicators extends React.Component<any, any, any> {
     componentDidMount(): void;
     contentHiddenBelow(): boolean;
     contentHiddenAbove(): boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare namespace ScrollIndicators {
     namespace propTypes {

package/dist/src/utils/useWindowDimension.story.d.ts

@@ -2,4 +2,5 @@ declare namespace _default {
     const title: string;
 }
 export default _default;
-export function _UseWindowDimensions(): JSX.Element;
+export function _UseWindowDimensions(): React.JSX.Element;
+import React from "react";