@not-govuk/back-link 0.9.1 → 0.10.0

package/dist/BackLink.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { StandardProps } from '@not-govuk/component-helpers';
 import '../assets/BackLink.scss';
 export type BackLinkProps = StandardProps & {
+    children?: ReactNode;
     /** The location to link to */
     href?: string;
     /** The text of the link */

package/dist/BackLink.js

@@ -6,10 +6,11 @@ const react_router_dom_1 = require("react-router-dom");
 const component_helpers_1 = require("@not-govuk/component-helpers");
 const link_1 = require("@not-govuk/link");
 require("../assets/BackLink.scss");
-const BackLink = ({ children, classBlock, classModifiers, className, href, text = 'Back', ...attrs }) => {
+const BackLink = ({ children, classBlock, classModifiers, className, href, text: _text, ...attrs }) => {
     const defaultClassBlock = 'govuk-back-link';
     const classes = (0, component_helpers_1.classBuilder)(defaultClassBlock, classBlock, classModifiers, className);
     const history = (0, react_router_dom_1.useHistory)();
+    const text = _text || children || 'Back';
     return href ? ((0, react_1.createElement)(link_1.A, { ...attrs, classBlock: classBlock || defaultClassBlock, classModifiers: classModifiers, className: className, href: href }, text)) : ((0, react_1.createElement)("a", { ...attrs, className: classes(), href: "#", onClick: history.goBack }, text));
 };
 exports.BackLink = BackLink;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@not-govuk/back-link",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "A component to help users navigate back one page.",
   "main": "dist/BackLink.js",
   "sass": "assets/BackLink.scss",
@@ -14,15 +14,15 @@
     "react-components"
   ],
   "dependencies": {
-    "@not-govuk/component-helpers": "^0.9.1",
-    "@not-govuk/link": "^0.9.1",
-    "@not-govuk/sass-base": "^0.9.1",
+    "@not-govuk/component-helpers": "^0.10.0",
+    "@not-govuk/link": "^0.10.0",
+    "@not-govuk/sass-base": "^0.10.0",
     "govuk-frontend": "4.8.0"
   },
   "peerDependencies": {
-    "@not-govuk/docs-components": "^0.9.1",
+    "@not-govuk/docs-components": "^0.10.0",
     "@storybook/addon-docs": "^6.5.16",
-    "react": "^16.14.0"
+    "react": "^16.14.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "@not-govuk/docs-components": {
@@ -34,8 +34,8 @@
   },
   "devDependencies": {
     "@mdx-js/react": "1.6.22",
-    "@not-govuk/component-test-helpers": "^0.9.1",
-    "@not-govuk/panel": "^0.9.1",
+    "@not-govuk/component-test-helpers": "^0.10.0",
+    "@not-govuk/panel": "^0.10.0",
     "@types/react": "16.14.60",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",

package/src/BackLink.tsx

@@ -1,4 +1,4 @@
-import { FC, createElement as h } from 'react';
+import { FC, ReactNode, createElement as h } from 'react';
 import { useHistory } from 'react-router-dom';
 import { StandardProps, classBuilder } from '@not-govuk/component-helpers';
 import { A } from '@not-govuk/link';
@@ -6,18 +6,28 @@ import { A } from '@not-govuk/link';
 import '../assets/BackLink.scss';
 
 export type BackLinkProps = StandardProps & {
+  children?: ReactNode
   /** The location to link to */
-  href?: string,
+  href?: string
   /** The text of the link */
-  text?: string,
+  text?: string
   /** The title of the link */
   title?: string
 };
 
-export const BackLink: FC<BackLinkProps> = ({ children, classBlock, classModifiers, className, href, text = 'Back', ...attrs }) => {
+export const BackLink: FC<BackLinkProps> = ({
+  children,
+  classBlock,
+  classModifiers,
+  className,
+  href,
+  text: _text,
+  ...attrs
+}) => {
   const defaultClassBlock = 'govuk-back-link';
   const classes = classBuilder(defaultClassBlock, classBlock, classModifiers, className);
   const history = useHistory();
+  const text = _text || children || 'Back';
 
   return href ? (
     <A {...attrs}