@digigov/react-core 0.22.1 → 0.23.1
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/AccordionSectionSummaryHeading/index.js +2 -22
- package/CHANGELOG.md +16 -1
- package/Nav/__snapshots__/index.test.tsx.snap +4 -4
- package/Nav/index.js +1 -1
- package/NavList/__snapshots__/index.test.tsx.snap +4 -4
- package/NavList/index.d.ts +1 -6
- package/NavList/index.js +2 -4
- package/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/NavListItem/index.d.ts +1 -6
- package/NavListItem/index.js +2 -4
- package/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
- package/NavListItemButton/index.js +1 -1
- package/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
- package/NavListItemLink/index.js +2 -3
- package/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
- package/NavMenu/index.js +1 -1
- package/NavMenuContainer/index.js +1 -3
- package/NavMenuContainerContent/index.js +1 -3
- package/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
- package/NavMenuContainerContentList/index.d.ts +1 -6
- package/NavMenuContainerContentList/index.js +2 -4
- package/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/NavMenuContainerContentListItem/index.js +1 -1
- package/NavMenuContainerTitle/index.d.ts +1 -6
- package/NavMenuContainerTitle/index.js +3 -5
- package/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
- package/SingleCharacterInputContainer/index.d.ts +11 -0
- package/SingleCharacterInputContainer/index.js +40 -0
- package/SingleCharacterInputContainer/index.test.d.ts +1 -0
- package/SingleCharacterInputContainer/index.test.js +15 -0
- package/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
- package/SingleCharacterInputItem/index.d.ts +32 -0
- package/SingleCharacterInputItem/index.js +50 -0
- package/SingleCharacterInputItem/index.test.d.ts +1 -0
- package/SingleCharacterInputItem/index.test.js +68 -0
- package/es/AccordionSectionSummaryHeading/index.js +2 -14
- package/es/Nav/__snapshots__/index.test.tsx.snap +4 -4
- package/es/Nav/index.js +1 -1
- package/es/NavList/__snapshots__/index.test.tsx.snap +4 -4
- package/es/NavList/index.js +2 -4
- package/es/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/es/NavListItem/index.js +2 -4
- package/es/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
- package/es/NavListItemButton/index.js +1 -1
- package/es/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
- package/es/NavListItemLink/index.js +2 -3
- package/es/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
- package/es/NavMenu/index.js +1 -1
- package/es/NavMenuContainer/index.js +1 -2
- package/es/NavMenuContainerContent/index.js +1 -2
- package/es/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
- package/es/NavMenuContainerContentList/index.js +2 -4
- package/es/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/es/NavMenuContainerContentListItem/index.js +1 -1
- package/es/NavMenuContainerTitle/index.js +3 -5
- package/es/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
- package/es/SingleCharacterInputContainer/index.js +24 -0
- package/es/SingleCharacterInputContainer/index.test.js +9 -0
- package/es/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
- package/es/SingleCharacterInputItem/index.js +34 -0
- package/es/SingleCharacterInputItem/index.test.js +62 -0
- package/es/index.js +2 -0
- package/es/registry.js +4 -0
- package/esm/AccordionSectionSummaryHeading/index.js +2 -14
- package/esm/Nav/__snapshots__/index.test.tsx.snap +4 -4
- package/esm/Nav/index.js +1 -1
- package/esm/NavList/__snapshots__/index.test.tsx.snap +4 -4
- package/esm/NavList/index.js +2 -4
- package/esm/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/esm/NavListItem/index.js +2 -4
- package/esm/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
- package/esm/NavListItemButton/index.js +1 -1
- package/esm/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
- package/esm/NavListItemLink/index.js +2 -3
- package/esm/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
- package/esm/NavMenu/index.js +1 -1
- package/esm/NavMenuContainer/index.js +1 -2
- package/esm/NavMenuContainerContent/index.js +1 -2
- package/esm/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
- package/esm/NavMenuContainerContentList/index.js +2 -4
- package/esm/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/esm/NavMenuContainerContentListItem/index.js +1 -1
- package/esm/NavMenuContainerTitle/index.js +3 -5
- package/esm/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
- package/esm/SingleCharacterInputContainer/index.js +24 -0
- package/esm/SingleCharacterInputContainer/index.test.js +9 -0
- package/esm/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
- package/esm/SingleCharacterInputItem/index.js +34 -0
- package/esm/SingleCharacterInputItem/index.test.js +62 -0
- package/esm/index.js +3 -1
- package/esm/registry.js +4 -0
- package/index.d.ts +2 -0
- package/index.js +26 -0
- package/package.json +2 -2
- package/registry.d.ts +2 -0
- package/registry.js +6 -0
- package/src/AccordionSectionSummaryHeading/index.tsx +1 -8
- package/src/Nav/__snapshots__/index.test.tsx.snap +4 -4
- package/src/Nav/index.tsx +7 -6
- package/src/NavList/__snapshots__/index.test.tsx.snap +4 -4
- package/src/NavList/index.tsx +3 -13
- package/src/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/src/NavListItem/index.tsx +3 -13
- package/src/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
- package/src/NavListItemButton/index.tsx +2 -2
- package/src/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
- package/src/NavListItemLink/index.tsx +3 -3
- package/src/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
- package/src/NavMenu/index.tsx +4 -3
- package/src/NavMenuContainer/index.tsx +1 -2
- package/src/NavMenuContainerContent/index.tsx +1 -2
- package/src/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
- package/src/NavMenuContainerContentList/index.tsx +3 -13
- package/src/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
- package/src/NavMenuContainerContentListItem/index.tsx +1 -1
- package/src/NavMenuContainerTitle/index.tsx +4 -14
- package/src/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
- package/src/SingleCharacterInputContainer/index.test.tsx +10 -0
- package/src/SingleCharacterInputContainer/index.tsx +32 -0
- package/src/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
- package/src/SingleCharacterInputItem/index.test.tsx +45 -0
- package/src/SingleCharacterInputItem/index.tsx +63 -0
- package/src/index.ts +2 -0
- package/src/registry.js +4 -0
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
3
|
var _excluded = ["className", "children"];
|
|
5
|
-
import React
|
|
4
|
+
import React from 'react';
|
|
6
5
|
import Base from '@digigov/react-core/Base';
|
|
7
6
|
import clsx from 'clsx';
|
|
8
7
|
|
|
@@ -14,23 +13,12 @@ export var AccordionSectionSummaryHeading = /*#__PURE__*/React.forwardRef(functi
|
|
|
14
13
|
children = _ref.children,
|
|
15
14
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
15
|
|
|
17
|
-
var toggleExpanded = function toggleExpanded() {
|
|
18
|
-
setExpanded(!isExpanded);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
var _useState = useState(false),
|
|
22
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
-
isExpanded = _useState2[0],
|
|
24
|
-
setExpanded = _useState2[1];
|
|
25
|
-
|
|
26
16
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
27
17
|
as: "h2",
|
|
28
18
|
ref: ref,
|
|
29
19
|
className: clsx(className, true && 'govgr-accordion__section-heading')
|
|
30
20
|
}, props, {
|
|
31
|
-
role: "button"
|
|
32
|
-
"aria-expanded": isExpanded,
|
|
33
|
-
onClick: toggleExpanded
|
|
21
|
+
role: "button"
|
|
34
22
|
}), /*#__PURE__*/React.createElement("span", {
|
|
35
23
|
className: clsx(true && 'govgr-accordion__section-button')
|
|
36
24
|
}, children));
|
|
@@ -4,10 +4,10 @@ exports[`renders the Nav with no props 1`] = `
|
|
|
4
4
|
<ForwardRef(Nav)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="nav"
|
|
7
|
-
className="govgr-nav-
|
|
7
|
+
className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav"
|
|
8
8
|
>
|
|
9
9
|
<nav
|
|
10
|
-
className="govgr-nav-
|
|
10
|
+
className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</nav>
|
|
@@ -21,10 +21,10 @@ exports[`renders the Nav with open prop 1`] = `
|
|
|
21
21
|
>
|
|
22
22
|
<ForwardRef(Base)
|
|
23
23
|
as="nav"
|
|
24
|
-
className="govgr-nav-
|
|
24
|
+
className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav govgr-nav--open"
|
|
25
25
|
>
|
|
26
26
|
<nav
|
|
27
|
-
className="govgr-nav-
|
|
27
|
+
className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav govgr-nav--open"
|
|
28
28
|
>
|
|
29
29
|
hello
|
|
30
30
|
</nav>
|
package/es/Nav/index.js
CHANGED
|
@@ -27,7 +27,7 @@ export var Nav = /*#__PURE__*/React.forwardRef(function Nav(_ref, ref) {
|
|
|
27
27
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
28
28
|
as: "nav",
|
|
29
29
|
ref: ref,
|
|
30
|
-
className: clsx(className, layout === 'horizontal' && 'govgr-horizontal-nav--
|
|
30
|
+
className: clsx(className, layout === 'horizontal' && 'govgr-nav--horizontal', layout === 'vertical' && 'govgr-nav--vertical', border && 'govgr-nav--border', hidden && 'govgr-nav--hidden', fixed && 'govgr-nav--fixed', true && 'govgr-nav', open && 'govgr-nav--open')
|
|
31
31
|
}, props), children);
|
|
32
32
|
});
|
|
33
33
|
export default Nav;
|
|
@@ -6,10 +6,10 @@ exports[`renders the NavList with active prop 1`] = `
|
|
|
6
6
|
>
|
|
7
7
|
<ForwardRef(Base)
|
|
8
8
|
as="ul"
|
|
9
|
-
className="govgr-
|
|
9
|
+
className="govgr-nav__list--active govgr-nav__list"
|
|
10
10
|
>
|
|
11
11
|
<ul
|
|
12
|
-
className="govgr-
|
|
12
|
+
className="govgr-nav__list--active govgr-nav__list"
|
|
13
13
|
>
|
|
14
14
|
hello
|
|
15
15
|
</ul>
|
|
@@ -21,10 +21,10 @@ exports[`renders the NavList with no props 1`] = `
|
|
|
21
21
|
<ForwardRef(NavList)>
|
|
22
22
|
<ForwardRef(Base)
|
|
23
23
|
as="ul"
|
|
24
|
-
className="govgr-
|
|
24
|
+
className="govgr-nav__list"
|
|
25
25
|
>
|
|
26
26
|
<ul
|
|
27
|
-
className="govgr-
|
|
27
|
+
className="govgr-nav__list"
|
|
28
28
|
>
|
|
29
29
|
hello
|
|
30
30
|
</ul>
|
package/es/NavList/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["className", "active", "
|
|
3
|
+
var _excluded = ["className", "active", "children"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Base from '@digigov/react-core/Base';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -13,15 +13,13 @@ export var NavList = /*#__PURE__*/React.forwardRef(function NavList(_ref, ref) {
|
|
|
13
13
|
var className = _ref.className,
|
|
14
14
|
_ref$active = _ref.active,
|
|
15
15
|
active = _ref$active === void 0 ? false : _ref$active,
|
|
16
|
-
_ref$layout = _ref.layout,
|
|
17
|
-
layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
|
|
18
16
|
children = _ref.children,
|
|
19
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
18
|
|
|
21
19
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
22
20
|
as: "ul",
|
|
23
21
|
ref: ref,
|
|
24
|
-
className: clsx(className,
|
|
22
|
+
className: clsx(className, active && 'govgr-nav__list--active', true && 'govgr-nav__list')
|
|
25
23
|
}, props), children);
|
|
26
24
|
});
|
|
27
25
|
export default NavList;
|
|
@@ -4,10 +4,10 @@ exports[`renders the NavListItem with no props 1`] = `
|
|
|
4
4
|
<ForwardRef(NavHeaderListItem)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="li"
|
|
7
|
-
className="govgr-
|
|
7
|
+
className="govgr-nav__list-item"
|
|
8
8
|
>
|
|
9
9
|
<li
|
|
10
|
-
className="govgr-
|
|
10
|
+
className="govgr-nav__list-item"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</li>
|
package/es/NavListItem/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["className", "
|
|
3
|
+
var _excluded = ["className", "children"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Base from '@digigov/react-core/Base';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -11,15 +11,13 @@ import clsx from 'clsx';
|
|
|
11
11
|
*/
|
|
12
12
|
export var NavListItem = /*#__PURE__*/React.forwardRef(function NavHeaderListItem(_ref, ref) {
|
|
13
13
|
var className = _ref.className,
|
|
14
|
-
_ref$layout = _ref.layout,
|
|
15
|
-
layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
|
|
16
14
|
children = _ref.children,
|
|
17
15
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
16
|
|
|
19
17
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
20
18
|
as: "li",
|
|
21
19
|
ref: ref,
|
|
22
|
-
className: clsx(className,
|
|
20
|
+
className: clsx(className, true && 'govgr-nav__list-item')
|
|
23
21
|
}, props), children);
|
|
24
22
|
});
|
|
25
23
|
export default NavListItem;
|
|
@@ -6,18 +6,18 @@ exports[`renders the NavListItemButton with active=false 1`] = `
|
|
|
6
6
|
>
|
|
7
7
|
<ForwardRef(Button)
|
|
8
8
|
aria-selected={false}
|
|
9
|
-
className="govgr-
|
|
9
|
+
className="govgr-nav__list-item-btn"
|
|
10
10
|
variant="link"
|
|
11
11
|
>
|
|
12
12
|
<ForwardRef(Base)
|
|
13
13
|
aria-selected={false}
|
|
14
14
|
as="button"
|
|
15
|
-
className="govgr-
|
|
15
|
+
className="govgr-nav__list-item-btn govgr-link"
|
|
16
16
|
printHidden={true}
|
|
17
17
|
>
|
|
18
18
|
<button
|
|
19
19
|
aria-selected={false}
|
|
20
|
-
className="govgr-
|
|
20
|
+
className="govgr-nav__list-item-btn govgr-link govgr-print-hidden"
|
|
21
21
|
>
|
|
22
22
|
hello
|
|
23
23
|
<ForwardRef(ArrowIcon)
|
|
@@ -58,18 +58,18 @@ exports[`renders the NavListItemButton with active=true 1`] = `
|
|
|
58
58
|
>
|
|
59
59
|
<ForwardRef(Button)
|
|
60
60
|
aria-selected={true}
|
|
61
|
-
className="govgr-
|
|
61
|
+
className="govgr-nav__list-item-btn--active govgr-nav__list-item-btn"
|
|
62
62
|
variant="link"
|
|
63
63
|
>
|
|
64
64
|
<ForwardRef(Base)
|
|
65
65
|
aria-selected={true}
|
|
66
66
|
as="button"
|
|
67
|
-
className="govgr-
|
|
67
|
+
className="govgr-nav__list-item-btn--active govgr-nav__list-item-btn govgr-link"
|
|
68
68
|
printHidden={true}
|
|
69
69
|
>
|
|
70
70
|
<button
|
|
71
71
|
aria-selected={true}
|
|
72
|
-
className="govgr-
|
|
72
|
+
className="govgr-nav__list-item-btn--active govgr-nav__list-item-btn govgr-link govgr-print-hidden"
|
|
73
73
|
>
|
|
74
74
|
hello
|
|
75
75
|
<ForwardRef(ArrowIcon)
|
|
@@ -107,16 +107,16 @@ exports[`renders the NavListItemButton with active=true 1`] = `
|
|
|
107
107
|
exports[`renders the NavListItemButton with no props 1`] = `
|
|
108
108
|
<ForwardRef(NavListItemButton)>
|
|
109
109
|
<ForwardRef(Button)
|
|
110
|
-
className="govgr-
|
|
110
|
+
className="govgr-nav__list-item-btn"
|
|
111
111
|
variant="link"
|
|
112
112
|
>
|
|
113
113
|
<ForwardRef(Base)
|
|
114
114
|
as="button"
|
|
115
|
-
className="govgr-
|
|
115
|
+
className="govgr-nav__list-item-btn govgr-link"
|
|
116
116
|
printHidden={true}
|
|
117
117
|
>
|
|
118
118
|
<button
|
|
119
|
-
className="govgr-
|
|
119
|
+
className="govgr-nav__list-item-btn govgr-link govgr-print-hidden"
|
|
120
120
|
>
|
|
121
121
|
hello
|
|
122
122
|
<ForwardRef(ArrowIcon)
|
|
@@ -21,7 +21,7 @@ export var NavListItemButton = /*#__PURE__*/React.forwardRef(function NavListIte
|
|
|
21
21
|
variant: "link",
|
|
22
22
|
ref: ref,
|
|
23
23
|
"aria-selected": active,
|
|
24
|
-
className: clsx(className, active === true && 'govgr-
|
|
24
|
+
className: clsx(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn')
|
|
25
25
|
}, props), children, arrow && /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
26
26
|
direction: active ? 'up' : 'down'
|
|
27
27
|
}));
|
|
@@ -5,17 +5,14 @@ exports[`renders the NavListItemLink with active=false 1`] = `
|
|
|
5
5
|
active={false}
|
|
6
6
|
>
|
|
7
7
|
<ForwardRef(LinkBase)
|
|
8
|
-
className="govgr-
|
|
9
|
-
href="#"
|
|
8
|
+
className="govgr-nav__list-item-link"
|
|
10
9
|
>
|
|
11
10
|
<ForwardRef(Base)
|
|
12
11
|
as="a"
|
|
13
|
-
className="govgr-
|
|
14
|
-
href="#"
|
|
12
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
15
13
|
>
|
|
16
14
|
<a
|
|
17
|
-
className="govgr-
|
|
18
|
-
href="#"
|
|
15
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
19
16
|
>
|
|
20
17
|
hello
|
|
21
18
|
</a>
|
|
@@ -29,17 +26,14 @@ exports[`renders the NavListItemLink with active=true 1`] = `
|
|
|
29
26
|
active={true}
|
|
30
27
|
>
|
|
31
28
|
<ForwardRef(LinkBase)
|
|
32
|
-
className="govgr-
|
|
33
|
-
href="#"
|
|
29
|
+
className="govgr-nav__list-item-link--active govgr-nav__list-item-link"
|
|
34
30
|
>
|
|
35
31
|
<ForwardRef(Base)
|
|
36
32
|
as="a"
|
|
37
|
-
className="govgr-
|
|
38
|
-
href="#"
|
|
33
|
+
className="govgr-nav__list-item-link--active govgr-nav__list-item-link govgr-link"
|
|
39
34
|
>
|
|
40
35
|
<a
|
|
41
|
-
className="govgr-
|
|
42
|
-
href="#"
|
|
36
|
+
className="govgr-nav__list-item-link--active govgr-nav__list-item-link govgr-link"
|
|
43
37
|
>
|
|
44
38
|
hello
|
|
45
39
|
</a>
|
|
@@ -54,16 +48,16 @@ exports[`renders the NavListItemLink with href and active=false 1`] = `
|
|
|
54
48
|
href="/"
|
|
55
49
|
>
|
|
56
50
|
<ForwardRef(LinkBase)
|
|
57
|
-
className="govgr-
|
|
51
|
+
className="govgr-nav__list-item-link"
|
|
58
52
|
href="/"
|
|
59
53
|
>
|
|
60
54
|
<ForwardRef(Base)
|
|
61
55
|
as="a"
|
|
62
|
-
className="govgr-
|
|
56
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
63
57
|
href="/"
|
|
64
58
|
>
|
|
65
59
|
<a
|
|
66
|
-
className="govgr-
|
|
60
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
67
61
|
href="/"
|
|
68
62
|
>
|
|
69
63
|
hello
|
|
@@ -79,16 +73,16 @@ exports[`renders the NavListItemLink with href and active=true 1`] = `
|
|
|
79
73
|
href="/"
|
|
80
74
|
>
|
|
81
75
|
<ForwardRef(LinkBase)
|
|
82
|
-
className="govgr-
|
|
76
|
+
className="govgr-nav__list-item-link"
|
|
83
77
|
href="/"
|
|
84
78
|
>
|
|
85
79
|
<ForwardRef(Base)
|
|
86
80
|
as="a"
|
|
87
|
-
className="govgr-
|
|
81
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
88
82
|
href="/"
|
|
89
83
|
>
|
|
90
84
|
<a
|
|
91
|
-
className="govgr-
|
|
85
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
92
86
|
href="/"
|
|
93
87
|
>
|
|
94
88
|
hello
|
|
@@ -101,17 +95,14 @@ exports[`renders the NavListItemLink with href and active=true 1`] = `
|
|
|
101
95
|
exports[`renders the NavListItemLink with no props 1`] = `
|
|
102
96
|
<ForwardRef(NavListItemLink)>
|
|
103
97
|
<ForwardRef(LinkBase)
|
|
104
|
-
className="govgr-
|
|
105
|
-
href="#"
|
|
98
|
+
className="govgr-nav__list-item-link"
|
|
106
99
|
>
|
|
107
100
|
<ForwardRef(Base)
|
|
108
101
|
as="a"
|
|
109
|
-
className="govgr-
|
|
110
|
-
href="#"
|
|
102
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
111
103
|
>
|
|
112
104
|
<a
|
|
113
|
-
className="govgr-
|
|
114
|
-
href="#"
|
|
105
|
+
className="govgr-nav__list-item-link govgr-link"
|
|
115
106
|
>
|
|
116
107
|
hello
|
|
117
108
|
</a>
|
|
@@ -10,8 +10,7 @@ import Link from '@digigov/react-core/LinkBase';
|
|
|
10
10
|
*/
|
|
11
11
|
export var NavListItemLink = /*#__PURE__*/React.forwardRef(function NavListItemLink(_ref, ref) {
|
|
12
12
|
var active = _ref.active,
|
|
13
|
-
|
|
14
|
-
href = _ref$href === void 0 ? '#' : _ref$href,
|
|
13
|
+
href = _ref.href,
|
|
15
14
|
className = _ref.className,
|
|
16
15
|
children = _ref.children,
|
|
17
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -19,7 +18,7 @@ export var NavListItemLink = /*#__PURE__*/React.forwardRef(function NavListItemL
|
|
|
19
18
|
return /*#__PURE__*/React.createElement(Link, _extends({
|
|
20
19
|
href: href,
|
|
21
20
|
ref: ref,
|
|
22
|
-
className: clsx(className, active === true && 'govgr-
|
|
21
|
+
className: clsx(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link')
|
|
23
22
|
}, props), children);
|
|
24
23
|
});
|
|
25
24
|
export default NavListItemLink;
|
|
@@ -5,11 +5,11 @@ exports[`renders the NavMenu with no props 1`] = `
|
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
aria-hidden={true}
|
|
7
7
|
as="div"
|
|
8
|
-
className="govgr-nav-
|
|
8
|
+
className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
|
|
9
9
|
>
|
|
10
10
|
<div
|
|
11
11
|
aria-hidden={true}
|
|
12
|
-
className="govgr-nav-
|
|
12
|
+
className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
|
|
13
13
|
>
|
|
14
14
|
hello
|
|
15
15
|
</div>
|
package/es/NavMenu/index.js
CHANGED
|
@@ -21,7 +21,7 @@ export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
|
|
|
21
21
|
as: "div",
|
|
22
22
|
ref: ref,
|
|
23
23
|
"aria-hidden": !active,
|
|
24
|
-
className: clsx(className, layout === 'horizontal' && 'govgr-nav-
|
|
24
|
+
className: clsx(className, layout === 'horizontal' && 'govgr-nav-menu--horizontal', layout === 'vertical' && 'govgr-nav-menu--vertical', !active && 'govgr-nav-menu--hidden', true && 'govgr-nav-menu')
|
|
25
25
|
}, props), children);
|
|
26
26
|
});
|
|
27
27
|
export default NavMenu;
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["className", "layout", "children"];
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
5
|
import Container from '@digigov/react-core/Container';
|
|
7
6
|
|
|
8
7
|
/**
|
|
@@ -19,7 +18,7 @@ export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuCont
|
|
|
19
18
|
return /*#__PURE__*/React.createElement(Container, _extends({
|
|
20
19
|
cols: layout === 'horizontal',
|
|
21
20
|
ref: ref,
|
|
22
|
-
className:
|
|
21
|
+
className: className
|
|
23
22
|
}, props), children);
|
|
24
23
|
});
|
|
25
24
|
export default NavMenuContainer;
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["className", "children"];
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
5
|
import Grid from '@digigov/react-core/Grid';
|
|
7
6
|
|
|
8
7
|
/**
|
|
@@ -19,7 +18,7 @@ export var NavMenuContainerContent = /*#__PURE__*/React.forwardRef(function NavM
|
|
|
19
18
|
item: true,
|
|
20
19
|
md: 2,
|
|
21
20
|
ref: ref,
|
|
22
|
-
className:
|
|
21
|
+
className: className
|
|
23
22
|
}, props), children);
|
|
24
23
|
});
|
|
25
24
|
export default NavMenuContainerContent;
|
|
@@ -4,10 +4,10 @@ exports[`renders the NavMenuContainerContentList with no props 1`] = `
|
|
|
4
4
|
<ForwardRef(NavMenuContainerContentList)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="ul"
|
|
7
|
-
className="govgr-nav-
|
|
7
|
+
className="govgr-nav-menu__content-list"
|
|
8
8
|
>
|
|
9
9
|
<ul
|
|
10
|
-
className="govgr-nav-
|
|
10
|
+
className="govgr-nav-menu__content-list"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</ul>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["className", "
|
|
3
|
+
var _excluded = ["className", "children"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Base from '@digigov/react-core/Base';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -11,15 +11,13 @@ import clsx from 'clsx';
|
|
|
11
11
|
*/
|
|
12
12
|
export var NavMenuContainerContentList = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentList(_ref, ref) {
|
|
13
13
|
var className = _ref.className,
|
|
14
|
-
_ref$layout = _ref.layout,
|
|
15
|
-
layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
|
|
16
14
|
children = _ref.children,
|
|
17
15
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
16
|
|
|
19
17
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
20
18
|
as: "ul",
|
|
21
19
|
ref: ref,
|
|
22
|
-
className: clsx(className,
|
|
20
|
+
className: clsx(className, true && 'govgr-nav-menu__content-list')
|
|
23
21
|
}, props), children);
|
|
24
22
|
});
|
|
25
23
|
export default NavMenuContainerContentList;
|
|
@@ -4,10 +4,10 @@ exports[`renders the NavMenuContainerContentListItem with no props 1`] = `
|
|
|
4
4
|
<ForwardRef(NavMenuContainerContentListItem)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="li"
|
|
7
|
-
className="govgr-nav-
|
|
7
|
+
className="govgr-nav-menu__content-list-item"
|
|
8
8
|
>
|
|
9
9
|
<li
|
|
10
|
-
className="govgr-nav-
|
|
10
|
+
className="govgr-nav-menu__content-list-item"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</li>
|
|
@@ -17,7 +17,7 @@ export var NavMenuContainerContentListItem = /*#__PURE__*/React.forwardRef(funct
|
|
|
17
17
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
18
18
|
as: "li",
|
|
19
19
|
ref: ref,
|
|
20
|
-
className: clsx(className, true && 'govgr-nav-
|
|
20
|
+
className: clsx(className, true && 'govgr-nav-menu__content-list-item')
|
|
21
21
|
}, props), children);
|
|
22
22
|
});
|
|
23
23
|
export default NavMenuContainerContentListItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["className", "
|
|
3
|
+
var _excluded = ["className", "children"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import Grid from '@digigov/react-core/Grid';
|
|
@@ -13,8 +13,6 @@ import Heading from '@digigov/react-core/Heading';
|
|
|
13
13
|
*/
|
|
14
14
|
export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMenuContainerTitle(_ref, ref) {
|
|
15
15
|
var className = _ref.className,
|
|
16
|
-
_ref$layout = _ref.layout,
|
|
17
|
-
layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
|
|
18
16
|
children = _ref.children,
|
|
19
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
18
|
|
|
@@ -22,11 +20,11 @@ export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMen
|
|
|
22
20
|
item: true,
|
|
23
21
|
md: 1,
|
|
24
22
|
ref: ref,
|
|
25
|
-
className: clsx(className,
|
|
23
|
+
className: clsx(className, true && 'govgr-nav-menu__container-title')
|
|
26
24
|
}, props), /*#__PURE__*/React.createElement(Heading, {
|
|
27
25
|
element: "h3",
|
|
28
26
|
size: "m",
|
|
29
|
-
className: clsx(
|
|
27
|
+
className: clsx(true && 'govgr-nav-menu__container-title-heading')
|
|
30
28
|
}, children));
|
|
31
29
|
});
|
|
32
30
|
export default NavMenuContainerTitle;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the SingleCharacterInputContainer with no props 1`] = `
|
|
4
|
+
<ForwardRef(SingleCharacterInputContainer)>
|
|
5
|
+
<ForwardRef(Base)
|
|
6
|
+
as="div"
|
|
7
|
+
className="govgr-single-character-input--container"
|
|
8
|
+
>
|
|
9
|
+
<div
|
|
10
|
+
className="govgr-single-character-input--container"
|
|
11
|
+
>
|
|
12
|
+
hello
|
|
13
|
+
</div>
|
|
14
|
+
</ForwardRef(Base)>
|
|
15
|
+
</ForwardRef(SingleCharacterInputContainer)>
|
|
16
|
+
`;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["className", "children"];
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import Base from '@digigov/react-core/Base';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Details for the SingleCharacterInputContainer.
|
|
10
|
+
* It is used as a parent component to wrap SingleCharacterInput component.
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
export var SingleCharacterInputContainer = /*#__PURE__*/React.forwardRef(function SingleCharacterInputContainer(_ref, ref) {
|
|
14
|
+
var className = _ref.className,
|
|
15
|
+
children = _ref.children,
|
|
16
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
+
|
|
18
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
19
|
+
as: "div",
|
|
20
|
+
ref: ref,
|
|
21
|
+
className: clsx(className, true && 'govgr-single-character-input--container')
|
|
22
|
+
}, props), children);
|
|
23
|
+
});
|
|
24
|
+
export default SingleCharacterInputContainer;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { mount } from 'enzyme';
|
|
3
|
+
import SingleCharacterInputContainer from '@digigov/react-core/SingleCharacterInputContainer';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(SingleCharacterInputContainer, null, "hello");
|
|
6
|
+
|
|
7
|
+
it('renders the SingleCharacterInputContainer with no props', function () {
|
|
8
|
+
expect(mount(_ref)).toMatchSnapshot();
|
|
9
|
+
});
|