@navikt/ds-react 1.3.17 → 1.3.19
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/_docs.json +19 -19
- package/cjs/modal/Modal.js +2 -2
- package/esm/help-text/HelpText.d.ts +1 -4
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/modal/Modal.d.ts +4 -0
- package/esm/modal/Modal.js +2 -2
- package/esm/modal/Modal.js.map +1 -1
- package/package.json +3 -3
- package/src/help-text/HelpText.tsx +1 -4
- package/src/modal/Modal.tsx +6 -1
package/_docs.json
CHANGED
|
@@ -3097,25 +3097,6 @@
|
|
|
3097
3097
|
"filePath": "src/help-text/HelpText.tsx",
|
|
3098
3098
|
"displayName": "HelpText",
|
|
3099
3099
|
"props": {
|
|
3100
|
-
"children": {
|
|
3101
|
-
"defaultValue": null,
|
|
3102
|
-
"description": "Helptext-dialog content",
|
|
3103
|
-
"name": "children",
|
|
3104
|
-
"parent": {
|
|
3105
|
-
"fileName": "src/help-text/HelpText.tsx",
|
|
3106
|
-
"name": "HelpTextProps"
|
|
3107
|
-
},
|
|
3108
|
-
"declarations": [
|
|
3109
|
-
{
|
|
3110
|
-
"fileName": "src/help-text/HelpText.tsx",
|
|
3111
|
-
"name": "HelpTextProps"
|
|
3112
|
-
}
|
|
3113
|
-
],
|
|
3114
|
-
"required": true,
|
|
3115
|
-
"type": {
|
|
3116
|
-
"name": "string"
|
|
3117
|
-
}
|
|
3118
|
-
},
|
|
3119
3100
|
"title": {
|
|
3120
3101
|
"defaultValue": {
|
|
3121
3102
|
"value": "hjelp"
|
|
@@ -3683,6 +3664,25 @@
|
|
|
3683
3664
|
"name": "string"
|
|
3684
3665
|
}
|
|
3685
3666
|
},
|
|
3667
|
+
"overlayClassName": {
|
|
3668
|
+
"defaultValue": null,
|
|
3669
|
+
"description": "User defined classname for modal",
|
|
3670
|
+
"name": "overlayClassName",
|
|
3671
|
+
"parent": {
|
|
3672
|
+
"fileName": "src/modal/Modal.tsx",
|
|
3673
|
+
"name": "ModalProps"
|
|
3674
|
+
},
|
|
3675
|
+
"declarations": [
|
|
3676
|
+
{
|
|
3677
|
+
"fileName": "src/modal/Modal.tsx",
|
|
3678
|
+
"name": "ModalProps"
|
|
3679
|
+
}
|
|
3680
|
+
],
|
|
3681
|
+
"required": false,
|
|
3682
|
+
"type": {
|
|
3683
|
+
"name": "string"
|
|
3684
|
+
}
|
|
3685
|
+
},
|
|
3686
3686
|
"closeButton": {
|
|
3687
3687
|
"defaultValue": {
|
|
3688
3688
|
"value": "true"
|
package/cjs/modal/Modal.js
CHANGED
|
@@ -45,7 +45,7 @@ const ds_icons_1 = require("@navikt/ds-icons");
|
|
|
45
45
|
const __1 = require("..");
|
|
46
46
|
const ModalContent_1 = __importDefault(require("./ModalContent"));
|
|
47
47
|
exports.Modal = (0, react_1.forwardRef)((_a, ref) => {
|
|
48
|
-
var { children, open, onClose, className, shouldCloseOnOverlayClick = true, closeButton = true, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-modal": ariaModal, "aria-label": contentLabel, style } = _a, rest = __rest(_a, ["children", "open", "onClose", "className", "shouldCloseOnOverlayClick", "closeButton", "aria-describedby", "aria-labelledby", "aria-modal", "aria-label", "style"]);
|
|
48
|
+
var { children, open, onClose, className, overlayClassName, shouldCloseOnOverlayClick = true, closeButton = true, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-modal": ariaModal, "aria-label": contentLabel, style } = _a, rest = __rest(_a, ["children", "open", "onClose", "className", "overlayClassName", "shouldCloseOnOverlayClick", "closeButton", "aria-describedby", "aria-labelledby", "aria-modal", "aria-label", "style"]);
|
|
49
49
|
const modalRef = (0, react_1.useRef)(null);
|
|
50
50
|
const mergedRef = (0, react_1.useMemo)(() => (0, __1.mergeRefs)([modalRef, ref]), [ref]);
|
|
51
51
|
const buttonRef = (0, react_1.useRef)(null);
|
|
@@ -57,7 +57,7 @@ exports.Modal = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
57
57
|
buttonRef.current.focus();
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
return (react_1.default.createElement(react_modal_1.default, Object.assign({}, rest, { style: style, isOpen: open, ref: mergedRef, className: (0, clsx_1.default)("navds-modal", className), overlayClassName: "navds-modal__overlay", shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e), aria: {
|
|
60
|
+
return (react_1.default.createElement(react_modal_1.default, Object.assign({}, rest, { style: style, isOpen: open, ref: mergedRef, className: (0, clsx_1.default)("navds-modal", className), overlayClassName: (0, clsx_1.default)("navds-modal__overlay", overlayClassName), shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e), aria: {
|
|
61
61
|
describedby: ariaDescribedBy,
|
|
62
62
|
labelledby: ariaLabelledBy,
|
|
63
63
|
modal: ariaModal,
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { PopoverProps } from "..";
|
|
3
3
|
export interface HelpTextProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<PopoverProps, "strategy" | "placement"> {
|
|
4
|
-
|
|
5
|
-
* Helptext-dialog content
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
4
|
+
children: React.ReactNode;
|
|
8
5
|
/**
|
|
9
6
|
* Adds a title-tooltip with the given text
|
|
10
7
|
* @default "hjelp"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,OAAO,EAAgB,SAAS,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,OAAO,EAAgB,SAAS,EAAE,MAAM,IAAI,CAAC;AA8BtD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,EACf,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,oBAAC,YAAY,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,GAAI;YAChE,oBAAC,cAAc,IACb,SAAS,EAAC,qDAAqD,EAC/D,KAAK,EAAE,KAAK,GACZ,CACK;QACT,oBAAC,OAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/esm/modal/Modal.d.ts
CHANGED
package/esm/modal/Modal.js
CHANGED
|
@@ -16,7 +16,7 @@ import { Close } from "@navikt/ds-icons";
|
|
|
16
16
|
import { Button, mergeRefs } from "..";
|
|
17
17
|
import ModalContent from "./ModalContent";
|
|
18
18
|
export const Modal = forwardRef((_a, ref) => {
|
|
19
|
-
var { children, open, onClose, className, shouldCloseOnOverlayClick = true, closeButton = true, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-modal": ariaModal, "aria-label": contentLabel, style } = _a, rest = __rest(_a, ["children", "open", "onClose", "className", "shouldCloseOnOverlayClick", "closeButton", "aria-describedby", "aria-labelledby", "aria-modal", "aria-label", "style"]);
|
|
19
|
+
var { children, open, onClose, className, overlayClassName, shouldCloseOnOverlayClick = true, closeButton = true, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-modal": ariaModal, "aria-label": contentLabel, style } = _a, rest = __rest(_a, ["children", "open", "onClose", "className", "overlayClassName", "shouldCloseOnOverlayClick", "closeButton", "aria-describedby", "aria-labelledby", "aria-modal", "aria-label", "style"]);
|
|
20
20
|
const modalRef = useRef(null);
|
|
21
21
|
const mergedRef = useMemo(() => mergeRefs([modalRef, ref]), [ref]);
|
|
22
22
|
const buttonRef = useRef(null);
|
|
@@ -28,7 +28,7 @@ export const Modal = forwardRef((_a, ref) => {
|
|
|
28
28
|
buttonRef.current.focus();
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
return (React.createElement(ReactModal, Object.assign({}, rest, { style: style, isOpen: open, ref: mergedRef, className: cl("navds-modal", className), overlayClassName: "navds-modal__overlay", shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e), aria: {
|
|
31
|
+
return (React.createElement(ReactModal, Object.assign({}, rest, { style: style, isOpen: open, ref: mergedRef, className: cl("navds-modal", className), overlayClassName: cl("navds-modal__overlay", overlayClassName), shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e), aria: {
|
|
32
32
|
describedby: ariaDescribedBy,
|
|
33
33
|
labelledby: ariaLabelledBy,
|
|
34
34
|
modal: ariaModal,
|
package/esm/modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACvC,OAAO,YAAkC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACvC,OAAO,YAAkC,MAAM,gBAAgB,CAAC;AA+DhE,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAcC,EACD,GAAG,EACH,EAAE;QAhBF,EACE,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,yBAAyB,GAAG,IAAI,EAChC,WAAW,GAAG,IAAI,EAClB,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,YAAY,EAAE,YAAY,EAC1B,KAAK,OAEN,EADI,IAAI,cAbT,wLAcC,CADQ;IAIT,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE;QAChC,IAAI,yBAAyB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE;YACrD,OAAO,EAAE,CAAC;SACX;aAAM,IAAI,SAAS,CAAC,OAAO,EAAE;YAC5B,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,EACZ,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,EACvC,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,EAC9D,yBAAyB,EAAE,yBAAyB,EACpD,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC7C,IAAI,EAAE;YACJ,WAAW,EAAE,eAAe;YAC5B,UAAU,EAAE,cAAc;YAC1B,KAAK,EAAE,SAAS;SACjB,EACD,YAAY,EAAE,YAAY;QAEzB,QAAQ;QACR,WAAW,IAAI,CACd,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;gBACnC,4BAA4B,EAAE,yBAAyB;aACxD,CAAC,EACF,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,KAAK,IAAC,KAAK,EAAC,iBAAiB,GAAG,GACvC,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,KAAK,CAAC,aAAa,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACrE,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAE7B,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.19",
|
|
4
4
|
"description": "NAV designsystem react components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/react-dom-interactions": "0.9.2",
|
|
39
|
-
"@navikt/ds-icons": "^1.3.
|
|
39
|
+
"@navikt/ds-icons": "^1.3.19",
|
|
40
40
|
"@radix-ui/react-tabs": "1.0.0",
|
|
41
41
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
42
42
|
"clsx": "^1.2.1",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"optional": true
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "5179b09e671b5b377de741da0ea0b62f1691462e"
|
|
80
80
|
}
|
|
@@ -6,10 +6,7 @@ import { Popover, PopoverProps, mergeRefs } from "..";
|
|
|
6
6
|
export interface HelpTextProps
|
|
7
7
|
extends React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
8
8
|
Pick<PopoverProps, "strategy" | "placement"> {
|
|
9
|
-
|
|
10
|
-
* Helptext-dialog content
|
|
11
|
-
*/
|
|
12
|
-
children: string;
|
|
9
|
+
children: React.ReactNode;
|
|
13
10
|
/**
|
|
14
11
|
* Adds a title-tooltip with the given text
|
|
15
12
|
* @default "hjelp"
|
package/src/modal/Modal.tsx
CHANGED
|
@@ -27,6 +27,10 @@ export interface ModalProps {
|
|
|
27
27
|
* User defined classname for modal
|
|
28
28
|
*/
|
|
29
29
|
className?: string;
|
|
30
|
+
/**
|
|
31
|
+
* User defined classname for modal
|
|
32
|
+
*/
|
|
33
|
+
overlayClassName?: string;
|
|
30
34
|
/**
|
|
31
35
|
* Removes close-button(X) when false
|
|
32
36
|
* @default true
|
|
@@ -69,6 +73,7 @@ export const Modal = forwardRef<ReactModal, ModalProps>(
|
|
|
69
73
|
open,
|
|
70
74
|
onClose,
|
|
71
75
|
className,
|
|
76
|
+
overlayClassName,
|
|
72
77
|
shouldCloseOnOverlayClick = true,
|
|
73
78
|
closeButton = true,
|
|
74
79
|
"aria-describedby": ariaDescribedBy,
|
|
@@ -99,7 +104,7 @@ export const Modal = forwardRef<ReactModal, ModalProps>(
|
|
|
99
104
|
isOpen={open}
|
|
100
105
|
ref={mergedRef}
|
|
101
106
|
className={cl("navds-modal", className)}
|
|
102
|
-
overlayClassName="navds-modal__overlay"
|
|
107
|
+
overlayClassName={cl("navds-modal__overlay", overlayClassName)}
|
|
103
108
|
shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
|
|
104
109
|
onRequestClose={(e) => onModalCloseRequest(e)}
|
|
105
110
|
aria={{
|