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.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +82 -60
- package/dist/esm/index.js.map +1 -1
- package/dist/types/GoBack/GoBack.d.ts +17 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +82 -58
- package/dist/types/index.js.map +1 -1
- package/package.json +1 -1
- package/src/GoBack/GoBack.tsx +39 -0
- package/src/Megamenu/Megamenu.tsx +1 -1
- package/src/index.tsx +2 -0
- /package/dist/types/{Megamenu → Collapse}/Collapse.d.ts +0 -0
- /package/src/{Megamenu → Collapse}/Collapse.tsx +0 -0
|
@@ -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;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/types/index.js
CHANGED
|
@@ -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;
|