@navikt/ds-react 0.16.13 → 0.16.14
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.
|
@@ -48,23 +48,23 @@ const Pagination = ({ page, onPageChange, count, boundaryCount = 1, siblingCount
|
|
|
48
48
|
return null;
|
|
49
49
|
}
|
|
50
50
|
return (react_1.default.createElement("nav", { className: (0, classnames_1.default)("navds-pagination", `navds-pagination--${size}`, className) },
|
|
51
|
-
prevNextTexts && (react_1.default.createElement("button", { className: "navds-pagination__prev-next",
|
|
51
|
+
prevNextTexts && page !== 1 && (react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
|
|
52
52
|
react_1.default.createElement(ds_icons_1.Back, { className: "navds-pagination__prev-next-icon", role: "presentation" }),
|
|
53
|
-
react_1.default.createElement(__1.BodyShort, { size: size, className: "navds-pagination__prev-text" }, "
|
|
53
|
+
react_1.default.createElement(__1.BodyShort, { size: size, className: "navds-pagination__prev-text" }, "Forrige"))),
|
|
54
54
|
react_1.default.createElement("ul", { className: "navds-pagination__list" },
|
|
55
|
-
!prevNextTexts && (react_1.default.createElement("li", null,
|
|
56
|
-
react_1.default.createElement("button", { className: "navds-pagination__prev-next",
|
|
57
|
-
react_1.default.createElement(ds_icons_1.Back, { className: "navds-pagination__prev-next-icon", title: "
|
|
55
|
+
!prevNextTexts && page !== 1 && (react_1.default.createElement("li", null,
|
|
56
|
+
react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
|
|
57
|
+
react_1.default.createElement(ds_icons_1.Back, { className: "navds-pagination__prev-next-icon", title: "Forrige" })))),
|
|
58
58
|
(0, exports.getSteps)({ page, count, siblingCount, boundaryCount }).map((step, i) => {
|
|
59
59
|
const n = Number(step);
|
|
60
60
|
return isNaN(n) ? (react_1.default.createElement("li", { className: "navds-pagination__ellipsis", key: `${step}${i}` },
|
|
61
61
|
react_1.default.createElement(__1.BodyShort, { size: size }, "..."))) : (react_1.default.createElement("li", { key: step },
|
|
62
62
|
react_1.default.createElement(__1.BodyShort, { size: size, as: "button", className: "navds-pagination__item", onClick: () => onPageChange(n), "aria-current": page === n ? true : undefined }, n)));
|
|
63
63
|
}),
|
|
64
|
-
!prevNextTexts && (react_1.default.createElement("li", null,
|
|
65
|
-
react_1.default.createElement("button", { className: "navds-pagination__prev-next",
|
|
64
|
+
!prevNextTexts && page !== count && (react_1.default.createElement("li", null,
|
|
65
|
+
react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
|
|
66
66
|
react_1.default.createElement(ds_icons_1.Next, { className: "navds-pagination__prev-next-icon", title: "Neste" }))))),
|
|
67
|
-
prevNextTexts && (react_1.default.createElement("button", { className: "navds-pagination__prev-next",
|
|
67
|
+
prevNextTexts && page !== count && (react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
|
|
68
68
|
react_1.default.createElement(__1.BodyShort, { size: size, className: "navds-pagination__next-text" }, "Neste"),
|
|
69
69
|
react_1.default.createElement(ds_icons_1.Next, { className: "navds-pagination__prev-next-icon", role: "presentation" })))));
|
|
70
70
|
};
|
|
@@ -41,23 +41,23 @@ const Pagination = ({ page, onPageChange, count, boundaryCount = 1, siblingCount
|
|
|
41
41
|
return null;
|
|
42
42
|
}
|
|
43
43
|
return (React.createElement("nav", { className: cl("navds-pagination", `navds-pagination--${size}`, className) },
|
|
44
|
-
prevNextTexts && (React.createElement("button", { className: "navds-pagination__prev-next",
|
|
44
|
+
prevNextTexts && page !== 1 && (React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
|
|
45
45
|
React.createElement(Back, { className: "navds-pagination__prev-next-icon", role: "presentation" }),
|
|
46
|
-
React.createElement(BodyShort, { size: size, className: "navds-pagination__prev-text" }, "
|
|
46
|
+
React.createElement(BodyShort, { size: size, className: "navds-pagination__prev-text" }, "Forrige"))),
|
|
47
47
|
React.createElement("ul", { className: "navds-pagination__list" },
|
|
48
|
-
!prevNextTexts && (React.createElement("li", null,
|
|
49
|
-
React.createElement("button", { className: "navds-pagination__prev-next",
|
|
50
|
-
React.createElement(Back, { className: "navds-pagination__prev-next-icon", title: "
|
|
48
|
+
!prevNextTexts && page !== 1 && (React.createElement("li", null,
|
|
49
|
+
React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
|
|
50
|
+
React.createElement(Back, { className: "navds-pagination__prev-next-icon", title: "Forrige" })))),
|
|
51
51
|
getSteps({ page, count, siblingCount, boundaryCount }).map((step, i) => {
|
|
52
52
|
const n = Number(step);
|
|
53
53
|
return isNaN(n) ? (React.createElement("li", { className: "navds-pagination__ellipsis", key: `${step}${i}` },
|
|
54
54
|
React.createElement(BodyShort, { size: size }, "..."))) : (React.createElement("li", { key: step },
|
|
55
55
|
React.createElement(BodyShort, { size: size, as: "button", className: "navds-pagination__item", onClick: () => onPageChange(n), "aria-current": page === n ? true : undefined }, n)));
|
|
56
56
|
}),
|
|
57
|
-
!prevNextTexts && (React.createElement("li", null,
|
|
58
|
-
React.createElement("button", { className: "navds-pagination__prev-next",
|
|
57
|
+
!prevNextTexts && page !== count && (React.createElement("li", null,
|
|
58
|
+
React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
|
|
59
59
|
React.createElement(Next, { className: "navds-pagination__prev-next-icon", title: "Neste" }))))),
|
|
60
|
-
prevNextTexts && (React.createElement("button", { className: "navds-pagination__prev-next",
|
|
60
|
+
prevNextTexts && page !== count && (React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
|
|
61
61
|
React.createElement(BodyShort, { size: size, className: "navds-pagination__next-text" }, "Neste"),
|
|
62
62
|
React.createElement(Next, { className: "navds-pagination__prev-next-icon", role: "presentation" })))));
|
|
63
63
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAqC/B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,CAAC,EACjB,YAAY,GAAG,CAAC,GACjB,EAAE,EAAE;;IACH,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,EAAE,CAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAE/D,IAAI,KAAK,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,aAAa,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,EAAE,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EAC3E,aAAa,GAAG,CAAC,CAClB,CAAC;IACF,MAAM,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,UAAU;QACb,aAAa,GAAG,CAAC,MAAA,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,KAAK,CAAC;YAC5D,CAAC,CAAC,aAAa,GAAG,CAAC;YACnB,CAAC,CAAC,UAAU;QACd,GAAG,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC;QACpC,CAAC,MAAA,QAAQ,CAAC,CAAC,CAAC,mCAAI,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,KAAK,CAAC;YAC5C,CAAC,CAAC,WAAW,GAAG,CAAC;YACjB,CAAC,CAAC,UAAU;QACd,GAAG,QAAQ;KACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,GAAG,CAAC,EACjB,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,aAAa,GAAG,KAAK,GACL,EAAE,EAAE;IACpB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACb;IACD,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;QAC7C,OAAO,IAAI,CAAC;KACb;IACD,IAAI,aAAa,GAAG,CAAC,EAAE;QACrB,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC;KACb;IACD,IAAI,YAAY,GAAG,CAAC,EAAE;QACpB,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,SAAS,CAAC;QAExE,aAAa,IAAI,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.14",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "NAV designsystem react components",
|
|
6
6
|
"author": "NAV Designsystem team",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"@types/react": "^17.0.30",
|
|
66
66
|
"react": "^17.0.0"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "8d07378f1d9cf7dbd545dacff1333e1af6358b7f"
|
|
69
69
|
}
|
|
@@ -102,10 +102,9 @@ const Pagination = ({
|
|
|
102
102
|
<nav
|
|
103
103
|
className={cl("navds-pagination", `navds-pagination--${size}`, className)}
|
|
104
104
|
>
|
|
105
|
-
{prevNextTexts && (
|
|
105
|
+
{prevNextTexts && page !== 1 && (
|
|
106
106
|
<button
|
|
107
107
|
className="navds-pagination__prev-next"
|
|
108
|
-
disabled={page === 1}
|
|
109
108
|
onClick={() => onPageChange(page - 1)}
|
|
110
109
|
>
|
|
111
110
|
<Back
|
|
@@ -113,21 +112,20 @@ const Pagination = ({
|
|
|
113
112
|
role="presentation"
|
|
114
113
|
/>
|
|
115
114
|
<BodyShort size={size} className="navds-pagination__prev-text">
|
|
116
|
-
|
|
115
|
+
Forrige
|
|
117
116
|
</BodyShort>
|
|
118
117
|
</button>
|
|
119
118
|
)}
|
|
120
119
|
<ul className="navds-pagination__list">
|
|
121
|
-
{!prevNextTexts && (
|
|
120
|
+
{!prevNextTexts && page !== 1 && (
|
|
122
121
|
<li>
|
|
123
122
|
<button
|
|
124
123
|
className="navds-pagination__prev-next"
|
|
125
|
-
disabled={page === 1}
|
|
126
124
|
onClick={() => onPageChange(page - 1)}
|
|
127
125
|
>
|
|
128
126
|
<Back
|
|
129
127
|
className="navds-pagination__prev-next-icon"
|
|
130
|
-
title="
|
|
128
|
+
title="Forrige"
|
|
131
129
|
/>
|
|
132
130
|
</button>
|
|
133
131
|
</li>
|
|
@@ -154,11 +152,10 @@ const Pagination = ({
|
|
|
154
152
|
);
|
|
155
153
|
}
|
|
156
154
|
)}
|
|
157
|
-
{!prevNextTexts && (
|
|
155
|
+
{!prevNextTexts && page !== count && (
|
|
158
156
|
<li>
|
|
159
157
|
<button
|
|
160
158
|
className="navds-pagination__prev-next"
|
|
161
|
-
disabled={page === count}
|
|
162
159
|
onClick={() => onPageChange(page + 1)}
|
|
163
160
|
>
|
|
164
161
|
<Next
|
|
@@ -169,10 +166,9 @@ const Pagination = ({
|
|
|
169
166
|
</li>
|
|
170
167
|
)}
|
|
171
168
|
</ul>
|
|
172
|
-
{prevNextTexts && (
|
|
169
|
+
{prevNextTexts && page !== count && (
|
|
173
170
|
<button
|
|
174
171
|
className="navds-pagination__prev-next"
|
|
175
|
-
disabled={page === count}
|
|
176
172
|
onClick={() => onPageChange(page + 1)}
|
|
177
173
|
>
|
|
178
174
|
<BodyShort size={size} className="navds-pagination__next-text">
|