design-react-kit 5.0.0-4 → 5.0.0-6

package/package.json

@@ -23,7 +23,7 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.0.0-4",
+  "version": "5.0.0-6",
   "license": "BSD-3",
   "module": "dist/esm/index.js",
   "main": "./src/index.tsx",

package/src/GoBack/GoBack.tsx

@@ -0,0 +1,39 @@
+import React, { ReactChild } from 'react';
+import { Icon } from '../Icon/Icon';
+import classNames from 'classnames';
+import { Button } from '../Button/Button';
+
+export interface GoBackProps {
+  /**
+   * Optional classnames to pass to the element
+   */
+  className?: string;
+  /**
+   * Render the link variant of the go back button
+   */
+  link?: boolean;
+  /**
+   * Render the up variant of the go back button
+   */
+  up?: boolean;
+  children: ReactChild;
+}
+
+const goBack = () => {
+  window.history.back();
+};
+
+export const GoBack = ({ className, link = false, up = false, children }: GoBackProps) => {
+  const Tag = link ? 'a' : Button;
+
+  return (
+    <Tag className={classNames(className, 'go-back')} color='primary' onClick={goBack}>
+      <Icon
+        className={children ? 'me-2' : ''}
+        color={link ? 'primary' : 'white'}
+        icon={up ? 'it-arrow-up' : 'it-arrow-left'}
+      />
+      {children}
+    </Tag>
+  );
+};

package/src/Megamenu/Megamenu.tsx

@@ -1,7 +1,7 @@
 import React, { FC, useState } from 'react';
 import { Navbar, NavbarBrand, NavbarProps, NavbarToggler } from 'reactstrap';
 import classNames from 'classnames';
-import { Collapse } from './Collapse';
+import { Collapse } from '../Collapse/Collapse';
 import { Icon } from '../Icon/Icon';
 import { Nav } from '../Nav/Nav';
 

package/src/index.tsx

@@ -87,6 +87,7 @@ export { CardTagsHeader } from './Card/CardTagsHeader';
 export { CardSignature } from './Card/CardSignature';
 export { CardFooterCTA } from './Card/CardFooterCTA';
 export { CardReadMore } from './Card/CardReadMore';
+export { Collapse } from './Collapse/Collapse';
 export { GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow } from './Grid/index';
 export { Header } from './Header/Header';
 export { Headers } from './Header/Headers';
@@ -102,6 +103,7 @@ export { Icon, iconsList as icons, preloadIcons, clearIconCache } from './Icon/I
 export { Input } from './Input/Input';
 export { InputContainer } from './Input/InputContainer';
 export { TextArea } from './Input/TextArea';
+export { GoBack } from './GoBack/GoBack';
 export { LinkList } from './LinkList/LinkList';
 export { LinkListItem } from './LinkList/LinkListItem';
 export { Megamenu } from './Megamenu/Megamenu';