@navikt/ds-react 0.16.13 → 0.16.16
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/cjs/form/checkbox/Checkbox.js +1 -0
- package/cjs/form/checkbox/useCheckbox.js +3 -4
- package/cjs/pagination/Pagination.js +8 -8
- package/esm/form/checkbox/Checkbox.d.ts +1 -1
- package/esm/form/checkbox/Checkbox.js +1 -0
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.d.ts +6 -6
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/checkbox/useCheckbox.js +3 -4
- package/esm/form/checkbox/useCheckbox.js.map +1 -1
- package/esm/form/radio/Radio.d.ts +1 -1
- package/esm/form/radio/RadioGroup.d.ts +6 -6
- package/esm/pagination/Pagination.js +8 -8
- package/esm/pagination/Pagination.js.map +1 -1
- package/package.json +2 -2
- package/src/form/checkbox/Checkbox.tsx +2 -1
- package/src/form/checkbox/CheckboxGroup.tsx +8 -10
- package/src/form/checkbox/useCheckbox.ts +3 -5
- package/src/form/radio/Radio.tsx +1 -1
- package/src/form/radio/RadioGroup.tsx +6 -6
- package/src/pagination/Pagination.tsx +6 -10
|
@@ -39,6 +39,7 @@ const Checkbox = (0, react_1.forwardRef)((props, ref) => {
|
|
|
39
39
|
"error",
|
|
40
40
|
"description",
|
|
41
41
|
"hideLabel",
|
|
42
|
+
"indeterminate",
|
|
42
43
|
]), inputProps, { type: "checkbox", className: "navds-checkbox__input", "aria-checked": props.indeterminate ? "mixed" : inputProps.checked, ref: (el) => {
|
|
43
44
|
var _a;
|
|
44
45
|
if (el) {
|
|
@@ -30,14 +30,13 @@ const useCheckbox = (_a) => {
|
|
|
30
30
|
console.warn("A <Checkbox> element within a <CheckboxGroup> requires a `value` property.");
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
const value = props.value;
|
|
34
33
|
return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value)
|
|
35
|
-
? checkboxGroup.value.includes(value)
|
|
34
|
+
? checkboxGroup.value.includes(props.value)
|
|
36
35
|
: props.checked, defaultChecked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.defaultValue)
|
|
37
|
-
? checkboxGroup.defaultValue.includes(value)
|
|
36
|
+
? checkboxGroup.defaultValue.includes(props.value)
|
|
38
37
|
: props.defaultChecked, onChange: (e) => {
|
|
39
38
|
props.onChange && props.onChange(e);
|
|
40
|
-
checkboxGroup && checkboxGroup.toggleValue(value);
|
|
39
|
+
checkboxGroup && checkboxGroup.toggleValue(props.value);
|
|
41
40
|
} }) });
|
|
42
41
|
};
|
|
43
42
|
exports.default = useCheckbox;
|
|
@@ -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
|
};
|
|
@@ -17,7 +17,7 @@ export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<Inp
|
|
|
17
17
|
/**
|
|
18
18
|
* The value of the HTML element.
|
|
19
19
|
*/
|
|
20
|
-
value?:
|
|
20
|
+
value?: any;
|
|
21
21
|
/**
|
|
22
22
|
* Specify whether the Checkbox is in an indeterminate state
|
|
23
23
|
* @default false
|
|
@@ -15,6 +15,7 @@ const Checkbox = forwardRef((props, ref) => {
|
|
|
15
15
|
"error",
|
|
16
16
|
"description",
|
|
17
17
|
"hideLabel",
|
|
18
|
+
"indeterminate",
|
|
18
19
|
]), inputProps, { type: "checkbox", className: "navds-checkbox__input", "aria-checked": props.indeterminate ? "mixed" : inputProps.checked, ref: (el) => {
|
|
19
20
|
var _a;
|
|
20
21
|
if (el) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AA6BhD,MAAM,QAAQ,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CACF;QAED,+CACM,IAAI,CAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AA6BhD,MAAM,QAAQ,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CACF;QAED,+CACM,IAAI,CAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;YACX,eAAe;SAChB,CAAC,EACE,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uBAAuB,kBACnB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAChE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;;gBACV,IAAI,EAAE,EAAE;oBACN,EAAE,CAAC,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;iBACjD;gBAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;iBACT;qBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;oBACtB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;iBAClB;YACH,CAAC,IACD;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,uBAAuB;YAC9D,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;oBACvC,eAAe,EAAE,KAAK,CAAC,SAAS;iBACjC,CAAC;gBAEF,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,IAEtC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FieldsetProps } from "..";
|
|
3
3
|
export interface CheckboxGroupState {
|
|
4
|
-
readonly defaultValue?:
|
|
5
|
-
readonly value?:
|
|
6
|
-
toggleValue(value:
|
|
4
|
+
readonly defaultValue?: readonly any[];
|
|
5
|
+
readonly value?: readonly any[];
|
|
6
|
+
toggleValue(value: any): void;
|
|
7
7
|
}
|
|
8
8
|
export declare const CheckboxGroupContext: React.Context<CheckboxGroupState | null>;
|
|
9
9
|
export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue"> {
|
|
@@ -14,15 +14,15 @@ export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "er
|
|
|
14
14
|
/**
|
|
15
15
|
* Controlled state for group
|
|
16
16
|
*/
|
|
17
|
-
value?:
|
|
17
|
+
value?: any[];
|
|
18
18
|
/**
|
|
19
19
|
* Default checked checkboxes on render
|
|
20
20
|
*/
|
|
21
|
-
defaultValue?:
|
|
21
|
+
defaultValue?: any[];
|
|
22
22
|
/**
|
|
23
23
|
* Returns current checked checkboxes in group
|
|
24
24
|
*/
|
|
25
|
-
onChange?: (value:
|
|
25
|
+
onChange?: (value: any[]) => void;
|
|
26
26
|
}
|
|
27
27
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
|
|
28
28
|
export default CheckboxGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAiB,eAAe,EAAE,MAAM,IAAI,CAAC;AAQ9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,IAAI,CACL,CAAC;AAyBF,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAA0E,EAC1E,GAAG,EACH,EAAE;;QAFF,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxE,8DAA0E,CAAF;IAGxE,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAiB,eAAe,EAAE,MAAM,IAAI,CAAC;AAQ9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,IAAI,CACL,CAAC;AAyBF,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAA0E,EAC1E,GAAG,EACH,EAAE;;QAFF,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxE,8DAA0E,CAAF;IAGxE,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAErB,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE;QAED,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,KAAK;gBACL,YAAY;gBACZ,WAAW;aACZ;YAED,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACpB,CACvB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -28,14 +28,13 @@ const useCheckbox = (_a) => {
|
|
|
28
28
|
console.warn("A <Checkbox> element within a <CheckboxGroup> requires a `value` property.");
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
const value = props.value;
|
|
32
31
|
return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value)
|
|
33
|
-
? checkboxGroup.value.includes(value)
|
|
32
|
+
? checkboxGroup.value.includes(props.value)
|
|
34
33
|
: props.checked, defaultChecked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.defaultValue)
|
|
35
|
-
? checkboxGroup.defaultValue.includes(value)
|
|
34
|
+
? checkboxGroup.defaultValue.includes(props.value)
|
|
36
35
|
: props.defaultChecked, onChange: (e) => {
|
|
37
36
|
props.onChange && props.onChange(e);
|
|
38
|
-
checkboxGroup && checkboxGroup.toggleValue(value);
|
|
37
|
+
checkboxGroup && checkboxGroup.toggleValue(props.value);
|
|
39
38
|
} }) });
|
|
40
39
|
};
|
|
41
40
|
export default useCheckbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,KAAK,cAApB,YAAsB,CAAF;IACvC,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,MAAM,KAA0B,YAAY,CAC1C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,UAAU,CACX,EAHK,EAAE,UAAU,OAGjB,EAHsB,IAAI,cAArB,cAAuB,CAG5B,CAAC;IAEF,IAAI,aAAa,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;SACH;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;SACH;KACF;IAED,
|
|
1
|
+
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,KAAK,cAApB,YAAsB,CAAF;IACvC,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,MAAM,KAA0B,YAAY,CAC1C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,UAAU,CACX,EAHK,EAAE,UAAU,OAGjB,EAHsB,IAAI,cAArB,cAAuB,CAG5B,CAAC;IAEF,IAAI,aAAa,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;SACH;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;SACH;KACF;IAED,uCACK,IAAI,KACP,UAAU,kCACL,UAAU,KACb,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK;gBAC3B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC3C,CAAC,CAAC,KAAK,CAAC,OAAO,EACjB,cAAc,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;gBAClD,CAAC,CAAC,KAAK,CAAC,cAAc,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACpC,aAAa,IAAI,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1D,CAAC,OAEH;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -8,7 +8,7 @@ export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, O
|
|
|
8
8
|
/**
|
|
9
9
|
* The value of the HTML element
|
|
10
10
|
*/
|
|
11
|
-
value:
|
|
11
|
+
value: any;
|
|
12
12
|
}
|
|
13
13
|
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
14
14
|
export default Radio;
|
|
@@ -2,9 +2,9 @@ import React from "react";
|
|
|
2
2
|
import { FieldsetProps } from "..";
|
|
3
3
|
export interface RadioGroupContextProps {
|
|
4
4
|
name: string;
|
|
5
|
-
defaultValue?:
|
|
6
|
-
value?:
|
|
7
|
-
onChange: (value:
|
|
5
|
+
defaultValue?: any;
|
|
6
|
+
value?: any;
|
|
7
|
+
onChange: (value: any) => void;
|
|
8
8
|
required?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export declare const RadioGroupContext: React.Context<RadioGroupContextProps | null>;
|
|
@@ -20,15 +20,15 @@ export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "error
|
|
|
20
20
|
/**
|
|
21
21
|
* Default checked radiobutton
|
|
22
22
|
*/
|
|
23
|
-
defaultValue?:
|
|
23
|
+
defaultValue?: any;
|
|
24
24
|
/**
|
|
25
25
|
* Controlled state for Radiobutton
|
|
26
26
|
*/
|
|
27
|
-
value?:
|
|
27
|
+
value?: any;
|
|
28
28
|
/**
|
|
29
29
|
* Returns current checked radiobutton in group
|
|
30
30
|
*/
|
|
31
|
-
onChange?: (value:
|
|
31
|
+
onChange?: (value: any) => void;
|
|
32
32
|
/**
|
|
33
33
|
* Tells Fieldset if group is required
|
|
34
34
|
*/
|
|
@@ -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.16",
|
|
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": "e631b894bf40077a4734b1a8f6898523f52c65bf"
|
|
69
69
|
}
|
|
@@ -23,7 +23,7 @@ export interface CheckboxProps
|
|
|
23
23
|
/**
|
|
24
24
|
* The value of the HTML element.
|
|
25
25
|
*/
|
|
26
|
-
value?:
|
|
26
|
+
value?: any;
|
|
27
27
|
/**
|
|
28
28
|
* Specify whether the Checkbox is in an indeterminate state
|
|
29
29
|
* @default false
|
|
@@ -55,6 +55,7 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {
|
|
|
55
55
|
"error",
|
|
56
56
|
"description",
|
|
57
57
|
"hideLabel",
|
|
58
|
+
"indeterminate",
|
|
58
59
|
])}
|
|
59
60
|
{...inputProps}
|
|
60
61
|
type="checkbox"
|
|
@@ -3,9 +3,9 @@ import cl from "classnames";
|
|
|
3
3
|
import { Fieldset, FieldsetProps, FieldsetContext } from "..";
|
|
4
4
|
|
|
5
5
|
export interface CheckboxGroupState {
|
|
6
|
-
readonly defaultValue?:
|
|
7
|
-
readonly value?:
|
|
8
|
-
toggleValue(value:
|
|
6
|
+
readonly defaultValue?: readonly any[];
|
|
7
|
+
readonly value?: readonly any[];
|
|
8
|
+
toggleValue(value: any): void;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export const CheckboxGroupContext = createContext<CheckboxGroupState | null>(
|
|
@@ -24,15 +24,15 @@ export interface CheckboxGroupProps
|
|
|
24
24
|
/**
|
|
25
25
|
* Controlled state for group
|
|
26
26
|
*/
|
|
27
|
-
value?:
|
|
27
|
+
value?: any[];
|
|
28
28
|
/**
|
|
29
29
|
* Default checked checkboxes on render
|
|
30
30
|
*/
|
|
31
|
-
defaultValue?:
|
|
31
|
+
defaultValue?: any[];
|
|
32
32
|
/**
|
|
33
33
|
* Returns current checked checkboxes in group
|
|
34
34
|
*/
|
|
35
|
-
onChange?: (value:
|
|
35
|
+
onChange?: (value: any[]) => void;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
const CheckboxGroup = forwardRef<HTMLFieldSetElement, CheckboxGroupProps>(
|
|
@@ -42,11 +42,9 @@ const CheckboxGroup = forwardRef<HTMLFieldSetElement, CheckboxGroupProps>(
|
|
|
42
42
|
) => {
|
|
43
43
|
const fieldset = useContext(FieldsetContext);
|
|
44
44
|
|
|
45
|
-
const [state, setState] = useState<
|
|
46
|
-
defaultValue ?? []
|
|
47
|
-
);
|
|
45
|
+
const [state, setState] = useState<any[]>(defaultValue ?? []);
|
|
48
46
|
|
|
49
|
-
const toggleValue = (v:
|
|
47
|
+
const toggleValue = (v: any) => {
|
|
50
48
|
const newValue = value ?? state;
|
|
51
49
|
const newState = newValue.includes(v)
|
|
52
50
|
? newValue.filter((x) => x !== v)
|
|
@@ -28,21 +28,19 @@ const useCheckbox = ({ children, ...props }: CheckboxProps) => {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const value = props.value as string | number | boolean;
|
|
32
|
-
|
|
33
31
|
return {
|
|
34
32
|
...rest,
|
|
35
33
|
inputProps: {
|
|
36
34
|
...inputProps,
|
|
37
35
|
checked: checkboxGroup?.value
|
|
38
|
-
? checkboxGroup.value.includes(value)
|
|
36
|
+
? checkboxGroup.value.includes(props.value)
|
|
39
37
|
: props.checked,
|
|
40
38
|
defaultChecked: checkboxGroup?.defaultValue
|
|
41
|
-
? checkboxGroup.defaultValue.includes(value)
|
|
39
|
+
? checkboxGroup.defaultValue.includes(props.value)
|
|
42
40
|
: props.defaultChecked,
|
|
43
41
|
onChange: (e) => {
|
|
44
42
|
props.onChange && props.onChange(e);
|
|
45
|
-
checkboxGroup && checkboxGroup.toggleValue(value);
|
|
43
|
+
checkboxGroup && checkboxGroup.toggleValue(props.value);
|
|
46
44
|
},
|
|
47
45
|
},
|
|
48
46
|
};
|
package/src/form/radio/Radio.tsx
CHANGED
|
@@ -5,9 +5,9 @@ import { useId } from "../..";
|
|
|
5
5
|
|
|
6
6
|
export interface RadioGroupContextProps {
|
|
7
7
|
name: string;
|
|
8
|
-
defaultValue?:
|
|
9
|
-
value?:
|
|
10
|
-
onChange: (value:
|
|
8
|
+
defaultValue?: any;
|
|
9
|
+
value?: any;
|
|
10
|
+
onChange: (value: any) => void;
|
|
11
11
|
required?: boolean;
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -31,15 +31,15 @@ export interface RadioGroupProps
|
|
|
31
31
|
/**
|
|
32
32
|
* Default checked radiobutton
|
|
33
33
|
*/
|
|
34
|
-
defaultValue?:
|
|
34
|
+
defaultValue?: any;
|
|
35
35
|
/**
|
|
36
36
|
* Controlled state for Radiobutton
|
|
37
37
|
*/
|
|
38
|
-
value?:
|
|
38
|
+
value?: any;
|
|
39
39
|
/**
|
|
40
40
|
* Returns current checked radiobutton in group
|
|
41
41
|
*/
|
|
42
|
-
onChange?: (value:
|
|
42
|
+
onChange?: (value: any) => void;
|
|
43
43
|
/**
|
|
44
44
|
* Tells Fieldset if group is required
|
|
45
45
|
*/
|
|
@@ -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">
|