@nulogy/components 8.14.3 → 8.14.4

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";

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

@@ -1,2 +1,3 @@
 export default withWindowDimensions;
-declare function withWindowDimensions(Component: any): (props: any) => JSX.Element;
+declare function withWindowDimensions(Component: any): (props: any) => React.JSX.Element;
+import React from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.14.3",
+  "version": "8.14.4",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -80,13 +80,14 @@
     "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.1",
     "@types/node": "^14.0.14",
-    "@types/react": "^17.0.9",
+    "@types/react": "^17.0.39",
     "@types/react-datepicker": "^4.1.0",
-    "@types/react-dom": "^17.0.6",
+    "@types/react-dom": "^17.0.20",
     "@types/styled-components": "^5.1.9",
     "@types/styled-system": "^5.1.11",
     "@typescript-eslint/eslint-plugin": "^4.0.0",
     "@typescript-eslint/parser": "^5.30.5",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "awesome-typescript-loader": "^5.2.1",
     "babel-eslint": "^10.0.3",
     "babel-jest": "29.5.0",
@@ -101,7 +102,6 @@
     "cypress-enter-plugin": "^1.0.1",
     "cypress-plugin-tab": "^1.0.1",
     "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.2",
     "enzyme-to-json": "3.4.4",
     "eslint": "6.8.0",
     "eslint-plugin-prettier": "^3.1.4",
@@ -114,9 +114,9 @@
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
     "prop-types": "15.7.2",
-    "react": "16.10.2",
+    "react": "17.0.2",
     "react-color": "^2.18.1",
-    "react-dom": "16.10.2",
+    "react-dom": "17.0.2",
     "react-router-dom": "^5.2.0",
     "react-select": "^3.0.8",
     "react-test-renderer": "^16.10",