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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,17 @@
1
+ import React, { ReactChild } from 'react';
2
+ export interface GoBackProps {
3
+ /**
4
+ * Optional classnames to pass to the element
5
+ */
6
+ className?: string;
7
+ /**
8
+ * Render the link variant of the go back button
9
+ */
10
+ link?: boolean;
11
+ /**
12
+ * Render the up variant of the go back button
13
+ */
14
+ up?: boolean;
15
+ children: ReactChild;
16
+ }
17
+ export declare const GoBack: ({ className, link, up, children }: GoBackProps) => React.JSX.Element;
@@ -31,6 +31,7 @@ export { CardTagsHeader } from './Card/CardTagsHeader';
31
31
  export { CardSignature } from './Card/CardSignature';
32
32
  export { CardFooterCTA } from './Card/CardFooterCTA';
33
33
  export { CardReadMore } from './Card/CardReadMore';
34
+ export { Collapse } from './Collapse/Collapse';
34
35
  export { GridItem, GridItemText, GridItemTextWrapper, GridList, GridRow } from './Grid/index';
35
36
  export { Header } from './Header/Header';
36
37
  export { Headers } from './Header/Headers';
@@ -46,6 +47,7 @@ export { Icon, iconsList as icons, preloadIcons, clearIconCache } from './Icon/I
46
47
  export { Input } from './Input/Input';
47
48
  export { InputContainer } from './Input/InputContainer';
48
49
  export { TextArea } from './Input/TextArea';
50
+ export { GoBack } from './GoBack/GoBack';
49
51
  export { LinkList } from './LinkList/LinkList';
50
52
  export { LinkListItem } from './LinkList/LinkListItem';
51
53
  export { Megamenu } from './Megamenu/Megamenu';
@@ -1766,6 +1766,64 @@ const CardReadMore = _ref => {
1766
1766
  }));
1767
1767
  };
1768
1768
 
1769
+ const Collapse = _ref => {
1770
+ let {
1771
+ header = false,
1772
+ className,
1773
+ navbar,
1774
+ megamenu,
1775
+ children,
1776
+ isOpen = false,
1777
+ onOverlayClick,
1778
+ cssModule,
1779
+ testId,
1780
+ ...attributes
1781
+ } = _ref;
1782
+ const newCssModule = {
1783
+ 'navbar-collapse': 'navbar-collapsable',
1784
+ ...cssModule
1785
+ };
1786
+ if (megamenu || navbar || header) {
1787
+ const classes = classNames(className, 'navbar-collapse', {
1788
+ expanded: isOpen
1789
+ });
1790
+ const style = {
1791
+ display: isOpen ? 'block' : 'none'
1792
+ };
1793
+ return React__default.createElement(reactstrap.Collapse, Object.assign({
1794
+ className: classes,
1795
+ cssModule: newCssModule,
1796
+ navbar: navbar,
1797
+ style: style,
1798
+ "data-testid": testId
1799
+ }, attributes), React__default.createElement("div", {
1800
+ className: 'overlay',
1801
+ style: style,
1802
+ onClick: onOverlayClick
1803
+ }), React__default.createElement("div", {
1804
+ className: 'close-div visually-hidden'
1805
+ }, React__default.createElement("button", {
1806
+ className: 'btn close-menu',
1807
+ type: 'button'
1808
+ }, React__default.createElement("span", {
1809
+ className: 'it-close'
1810
+ }), "close")), megamenu ? React__default.createElement("div", {
1811
+ className: 'menu-wrapper'
1812
+ }, children) : React__default.createElement(React__default.Fragment, null, children));
1813
+ }
1814
+ const classes = classNames(className, {
1815
+ 'link-list-wrapper': header
1816
+ });
1817
+ return React__default.createElement(reactstrap.Collapse, Object.assign({
1818
+ className: classes,
1819
+ cssModule: newCssModule
1820
+ }, attributes, {
1821
+ navbar: navbar,
1822
+ isOpen: isOpen,
1823
+ "data-testid": testId
1824
+ }), children);
1825
+ };
1826
+
1769
1827
  const GridItem = _ref => {
1770
1828
  let {
1771
1829
  tag: Tag = 'div',
@@ -2621,6 +2679,28 @@ const TextArea = _ref => {
2621
2679
  }));
2622
2680
  };
2623
2681
 
2682
+ const goBack = () => {
2683
+ window.history.back();
2684
+ };
2685
+ const GoBack = _ref => {
2686
+ let {
2687
+ className,
2688
+ link = false,
2689
+ up = false,
2690
+ children
2691
+ } = _ref;
2692
+ const Tag = link ? 'a' : Button;
2693
+ return React__default.createElement(Tag, {
2694
+ className: classNames(className, 'go-back'),
2695
+ color: 'primary',
2696
+ onClick: goBack
2697
+ }, React__default.createElement(Icon, {
2698
+ className: children ? 'me-2' : '',
2699
+ color: link ? 'primary' : 'white',
2700
+ icon: up ? 'it-arrow-up' : 'it-arrow-left'
2701
+ }), children);
2702
+ };
2703
+
2624
2704
  const LinkList = _ref => {
2625
2705
  let {
2626
2706
  className,
@@ -2717,64 +2797,6 @@ const LinkListItem = _ref => {
2717
2797
  }, handlers), children));
2718
2798
  };
2719
2799
 
2720
- const Collapse = _ref => {
2721
- let {
2722
- header = false,
2723
- className,
2724
- navbar,
2725
- megamenu,
2726
- children,
2727
- isOpen = false,
2728
- onOverlayClick,
2729
- cssModule,
2730
- testId,
2731
- ...attributes
2732
- } = _ref;
2733
- const newCssModule = {
2734
- 'navbar-collapse': 'navbar-collapsable',
2735
- ...cssModule
2736
- };
2737
- if (megamenu || navbar || header) {
2738
- const classes = classNames(className, 'navbar-collapse', {
2739
- expanded: isOpen
2740
- });
2741
- const style = {
2742
- display: isOpen ? 'block' : 'none'
2743
- };
2744
- return React__default.createElement(reactstrap.Collapse, Object.assign({
2745
- className: classes,
2746
- cssModule: newCssModule,
2747
- navbar: navbar,
2748
- style: style,
2749
- "data-testid": testId
2750
- }, attributes), React__default.createElement("div", {
2751
- className: 'overlay',
2752
- style: style,
2753
- onClick: onOverlayClick
2754
- }), React__default.createElement("div", {
2755
- className: 'close-div visually-hidden'
2756
- }, React__default.createElement("button", {
2757
- className: 'btn close-menu',
2758
- type: 'button'
2759
- }, React__default.createElement("span", {
2760
- className: 'it-close'
2761
- }), "close")), megamenu ? React__default.createElement("div", {
2762
- className: 'menu-wrapper'
2763
- }, children) : React__default.createElement(React__default.Fragment, null, children));
2764
- }
2765
- const classes = classNames(className, {
2766
- 'link-list-wrapper': header
2767
- });
2768
- return React__default.createElement(reactstrap.Collapse, Object.assign({
2769
- className: classes,
2770
- cssModule: newCssModule
2771
- }, attributes, {
2772
- navbar: navbar,
2773
- isOpen: isOpen,
2774
- "data-testid": testId
2775
- }), children);
2776
- };
2777
-
2778
2800
  const Nav = _ref => {
2779
2801
  let {
2780
2802
  className,
@@ -4474,10 +4496,12 @@ exports.CardText = CardText;
4474
4496
  exports.CardTitle = CardTitle;
4475
4497
  exports.Chip = Chip;
4476
4498
  exports.ChipLabel = ChipLabel;
4499
+ exports.Collapse = Collapse;
4477
4500
  exports.Dimmer = Dimmer;
4478
4501
  exports.DimmerButtons = DimmerButtons;
4479
4502
  exports.FontLoader = FontLoader;
4480
4503
  exports.Forward = Forward;
4504
+ exports.GoBack = GoBack;
4481
4505
  exports.GridItem = GridItem;
4482
4506
  exports.GridItemText = GridItemText;
4483
4507
  exports.GridItemTextWrapper = GridItemTextWrapper;