@digigov/react-core 0.22.1 → 0.23.0
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/CHANGELOG.md +9 -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/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/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/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
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { mount } from 'enzyme';
|
|
3
|
+
import SingleCharacterInputItem from '@digigov/react-core/SingleCharacterInputItem';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(SingleCharacterInputItem, null);
|
|
6
|
+
|
|
7
|
+
it('renders the SingleCharacterInputItem with no props', function () {
|
|
8
|
+
expect(mount(_ref)).toMatchSnapshot();
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
var _ref2 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
|
|
12
|
+
maxLength: 6
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
it('renders the SingleCharacterInputItem with maxLength prop', function () {
|
|
16
|
+
expect(mount(_ref2)).toMatchSnapshot();
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
var _ref3 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
|
|
20
|
+
name: 'single-character-input'
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
it('renders the SingleCharacterInputItem with name prop', function () {
|
|
24
|
+
expect(mount(_ref3)).toMatchSnapshot();
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
var _ref4 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
|
|
28
|
+
name: 'single-character-input',
|
|
29
|
+
error: true
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
it('renders the SingleCharacterInputItem with name and error props', function () {
|
|
33
|
+
expect(mount(_ref4)).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
var _ref5 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
|
|
37
|
+
pattern: "\\d{1}"
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
it('renders the SingleCharacterInputItem with pattern prop', function () {
|
|
41
|
+
expect(mount(_ref5)).toMatchSnapshot();
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
var _ref6 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
|
|
45
|
+
name: 'single-character-input',
|
|
46
|
+
error: true
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
it('renders the SingleCharacterInputItem with name and error props', function () {
|
|
50
|
+
expect(mount(_ref6)).toMatchSnapshot();
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
var _ref7 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
|
|
54
|
+
name: 'single-character-input',
|
|
55
|
+
pattern: "\\d{1}",
|
|
56
|
+
maxLength: 6,
|
|
57
|
+
error: true
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
it('renders the SingleCharacterInputItem with name, pattern, maxLength and error props', function () {
|
|
61
|
+
expect(mount(_ref7)).toMatchSnapshot();
|
|
62
|
+
});
|
package/es/index.js
CHANGED
|
@@ -121,6 +121,8 @@ export * from '@digigov/react-core/RadioConditional';
|
|
|
121
121
|
export * from '@digigov/react-core/SectionBreak';
|
|
122
122
|
export * from '@digigov/react-core/SelectContainer';
|
|
123
123
|
export * from '@digigov/react-core/SelectOption';
|
|
124
|
+
export * from '@digigov/react-core/SingleCharacterInputContainer';
|
|
125
|
+
export * from '@digigov/react-core/SingleCharacterInputItem';
|
|
124
126
|
export * from '@digigov/react-core/SkipLink';
|
|
125
127
|
export * from '@digigov/react-core/SummaryList';
|
|
126
128
|
export * from '@digigov/react-core/SummaryListItem';
|
package/es/registry.js
CHANGED
|
@@ -130,6 +130,8 @@ import * as _digigov_react_core_RadioItem from '@digigov/react-core/RadioItem';
|
|
|
130
130
|
import * as _digigov_react_core_SectionBreak from '@digigov/react-core/SectionBreak';
|
|
131
131
|
import * as _digigov_react_core_SelectContainer from '@digigov/react-core/SelectContainer';
|
|
132
132
|
import * as _digigov_react_core_SelectOption from '@digigov/react-core/SelectOption';
|
|
133
|
+
import * as _digigov_react_core_SingleCharacterInputContainer from '@digigov/react-core/SingleCharacterInputContainer';
|
|
134
|
+
import * as _digigov_react_core_SingleCharacterInputItem from '@digigov/react-core/SingleCharacterInputItem';
|
|
133
135
|
import * as _digigov_react_core_SkipLink from '@digigov/react-core/SkipLink';
|
|
134
136
|
import * as _digigov_react_core_SummaryList from '@digigov/react-core/SummaryList';
|
|
135
137
|
import * as _digigov_react_core_SummaryListItem from '@digigov/react-core/SummaryListItem';
|
|
@@ -306,6 +308,8 @@ export default {
|
|
|
306
308
|
'@digigov/react-core/SectionBreak': lazyImport(_digigov_react_core_SectionBreak),
|
|
307
309
|
'@digigov/react-core/SelectContainer': lazyImport(_digigov_react_core_SelectContainer),
|
|
308
310
|
'@digigov/react-core/SelectOption': lazyImport(_digigov_react_core_SelectOption),
|
|
311
|
+
'@digigov/react-core/SingleCharacterInputContainer': lazyImport(_digigov_react_core_SingleCharacterInputContainer),
|
|
312
|
+
'@digigov/react-core/SingleCharacterInputItem': lazyImport(_digigov_react_core_SingleCharacterInputItem),
|
|
309
313
|
'@digigov/react-core/SkipLink': lazyImport(_digigov_react_core_SkipLink),
|
|
310
314
|
'@digigov/react-core/SummaryList': lazyImport(_digigov_react_core_SummaryList),
|
|
311
315
|
'@digigov/react-core/SummaryListItem': lazyImport(_digigov_react_core_SummaryListItem),
|
|
@@ -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/esm/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/esm/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/esm/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/esm/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
|
+
});
|