@dfds-ui/modal 2.2.0-alpha.c35ceba3 → 2.2.0-alpha.c79adffa
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/index.js +1 -1
- package/cjs/modal/Modal.d.ts +1 -1
- package/cjs/modal/Modal.js +32 -21
- package/cjs/modal/ModalAction.js +8 -6
- package/cjs/modal/ModalActionsContainer.js +8 -7
- package/cjs/modal/ModalBody.d.ts +2 -1
- package/cjs/modal/ModalBody.js +2 -4
- package/cjs/modal/ModalCloseButton.d.ts +1 -1
- package/cjs/modal/ModalCloseButton.js +14 -10
- package/cjs/modal/ModalDialog.d.ts +1 -1
- package/cjs/modal/ModalDialog.js +55 -37
- package/cjs/modal/ModalFooter.d.ts +2 -2
- package/cjs/modal/ModalFooter.js +9 -8
- package/cjs/modal/ModalHeader.d.ts +2 -2
- package/cjs/modal/ModalHeader.js +12 -10
- package/cjs/modal/ModalHeadline.d.ts +2 -2
- package/cjs/modal/ModalHeadline.js +1 -2
- package/cjs/modal/ModalPanel.d.ts +5 -5
- package/cjs/modal/ReactModalWrapper.d.ts +1 -1
- package/cjs/modal/ReactModalWrapper.js +6 -4
- package/cjs/modal/index.js +12 -12
- package/modal/Modal.d.ts +1 -1
- package/modal/Modal.js +3 -3
- package/modal/ModalAction.js +3 -3
- package/modal/ModalActionsContainer.js +4 -4
- package/modal/ModalBody.d.ts +2 -1
- package/modal/ModalCloseButton.d.ts +1 -1
- package/modal/ModalCloseButton.js +3 -3
- package/modal/ModalDialog.d.ts +1 -1
- package/modal/ModalDialog.js +5 -5
- package/modal/ModalFooter.d.ts +2 -2
- package/modal/ModalFooter.js +3 -3
- package/modal/ModalHeader.d.ts +2 -2
- package/modal/ModalHeader.js +3 -3
- package/modal/ModalHeadline.d.ts +2 -2
- package/modal/ModalPanel.d.ts +5 -5
- package/modal/ReactModalWrapper.d.ts +1 -1
- package/modal/ReactModalWrapper.js +3 -3
- package/package.json +10 -10
package/cjs/modal/index.js
CHANGED
|
@@ -10,19 +10,19 @@ var _exportNames = {
|
|
|
10
10
|
};
|
|
11
11
|
Object.defineProperty(exports, "ModalAction", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () {
|
|
13
|
+
get: function get() {
|
|
14
14
|
return _ModalAction.default;
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "ModalActionsContainer", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () {
|
|
19
|
+
get: function get() {
|
|
20
20
|
return _ModalActionsContainer.default;
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "ModalDialog", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function () {
|
|
25
|
+
get: function get() {
|
|
26
26
|
return _ModalDialog.default;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
@@ -33,7 +33,7 @@ Object.keys(_Modal).forEach(function (key) {
|
|
|
33
33
|
if (key in exports && exports[key] === _Modal[key]) return;
|
|
34
34
|
Object.defineProperty(exports, key, {
|
|
35
35
|
enumerable: true,
|
|
36
|
-
get: function () {
|
|
36
|
+
get: function get() {
|
|
37
37
|
return _Modal[key];
|
|
38
38
|
}
|
|
39
39
|
});
|
|
@@ -45,7 +45,7 @@ Object.keys(_ModalDialog).forEach(function (key) {
|
|
|
45
45
|
if (key in exports && exports[key] === _ModalDialog[key]) return;
|
|
46
46
|
Object.defineProperty(exports, key, {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () {
|
|
48
|
+
get: function get() {
|
|
49
49
|
return _ModalDialog[key];
|
|
50
50
|
}
|
|
51
51
|
});
|
|
@@ -57,7 +57,7 @@ Object.keys(_ModalCloseButton).forEach(function (key) {
|
|
|
57
57
|
if (key in exports && exports[key] === _ModalCloseButton[key]) return;
|
|
58
58
|
Object.defineProperty(exports, key, {
|
|
59
59
|
enumerable: true,
|
|
60
|
-
get: function () {
|
|
60
|
+
get: function get() {
|
|
61
61
|
return _ModalCloseButton[key];
|
|
62
62
|
}
|
|
63
63
|
});
|
|
@@ -69,7 +69,7 @@ Object.keys(_ModalHeader).forEach(function (key) {
|
|
|
69
69
|
if (key in exports && exports[key] === _ModalHeader[key]) return;
|
|
70
70
|
Object.defineProperty(exports, key, {
|
|
71
71
|
enumerable: true,
|
|
72
|
-
get: function () {
|
|
72
|
+
get: function get() {
|
|
73
73
|
return _ModalHeader[key];
|
|
74
74
|
}
|
|
75
75
|
});
|
|
@@ -81,7 +81,7 @@ Object.keys(_ModalFooter).forEach(function (key) {
|
|
|
81
81
|
if (key in exports && exports[key] === _ModalFooter[key]) return;
|
|
82
82
|
Object.defineProperty(exports, key, {
|
|
83
83
|
enumerable: true,
|
|
84
|
-
get: function () {
|
|
84
|
+
get: function get() {
|
|
85
85
|
return _ModalFooter[key];
|
|
86
86
|
}
|
|
87
87
|
});
|
|
@@ -93,7 +93,7 @@ Object.keys(_ModalBody).forEach(function (key) {
|
|
|
93
93
|
if (key in exports && exports[key] === _ModalBody[key]) return;
|
|
94
94
|
Object.defineProperty(exports, key, {
|
|
95
95
|
enumerable: true,
|
|
96
|
-
get: function () {
|
|
96
|
+
get: function get() {
|
|
97
97
|
return _ModalBody[key];
|
|
98
98
|
}
|
|
99
99
|
});
|
|
@@ -105,7 +105,7 @@ Object.keys(_ModalHeadline).forEach(function (key) {
|
|
|
105
105
|
if (key in exports && exports[key] === _ModalHeadline[key]) return;
|
|
106
106
|
Object.defineProperty(exports, key, {
|
|
107
107
|
enumerable: true,
|
|
108
|
-
get: function () {
|
|
108
|
+
get: function get() {
|
|
109
109
|
return _ModalHeadline[key];
|
|
110
110
|
}
|
|
111
111
|
});
|
|
@@ -119,10 +119,10 @@ Object.keys(_ModalPanel).forEach(function (key) {
|
|
|
119
119
|
if (key in exports && exports[key] === _ModalPanel[key]) return;
|
|
120
120
|
Object.defineProperty(exports, key, {
|
|
121
121
|
enumerable: true,
|
|
122
|
-
get: function () {
|
|
122
|
+
get: function get() {
|
|
123
123
|
return _ModalPanel[key];
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
126
|
});
|
|
127
127
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
128
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
128
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
package/modal/Modal.d.ts
CHANGED
|
@@ -89,5 +89,5 @@ export declare type ModalProps = React.PropsWithChildren<{
|
|
|
89
89
|
*/
|
|
90
90
|
backdropVariant?: BackdropVariant;
|
|
91
91
|
}>;
|
|
92
|
-
export declare const Modal: ({ showClose, heading, headerClassName, noContentPadding, onRequestClose, children, closeTabIndex, closeLabel, column, zIndex, sizes, renderWhenClosed, backdrop, backdropVariant, actions, ...rest }: ModalProps) =>
|
|
92
|
+
export declare const Modal: ({ showClose, heading, headerClassName, noContentPadding, onRequestClose, children, closeTabIndex, closeLabel, column, zIndex, sizes, renderWhenClosed, backdrop, backdropVariant, actions, ...rest }: ModalProps) => JSX.Element;
|
|
93
93
|
export default Modal;
|
package/modal/Modal.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["showClose", "heading", "headerClassName", "noContentPadding", "onRequestClose", "children", "closeTabIndex", "closeLabel", "column", "zIndex", "sizes", "renderWhenClosed", "backdrop", "backdropVariant", "actions"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import ModalHeader from './ModalHeader';
|
|
7
7
|
import ModalCloseButton from './ModalCloseButton';
|
package/modal/ModalAction.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["actionVariation"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { css } from '@emotion/react';
|
|
7
7
|
import { theme } from '@dfds-ui/theme';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
var _excluded = ["actions"];
|
|
2
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
3
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
4
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
2
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
3
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { theme } from '@dfds-ui/theme';
|
|
7
7
|
import { css } from '@emotion/react';
|
|
8
8
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
9
9
|
var ModalAction = function ModalAction(props) {
|
|
10
10
|
return ___EmotionJSX("div", _extends({
|
|
11
|
-
css: /*#__PURE__*/css("display:flex;flex-wrap:nowrap;justify-content:flex-end;flex-grow:1;padding-top:", theme.spacing.s, ";padding-bottom:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11
|
+
css: /*#__PURE__*/css("display:flex;flex-wrap:nowrap;justify-content:flex-end;flex-grow:1;padding-top:", theme.spacing.s, ";padding-bottom:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNjIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBNb2RhbEFjdGlvbnNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEFjdGlvbnMgdG8gYmUgZGlzcGxheWVkIGF0IHRoZSBib3R0b20gb2YgdGhlIG1vZGFsXG4gICAqL1xuICBhY3Rpb25zPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNsYXNzTmFtZT86IHN0cmluZyB9PiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uc0NvbnRhaW5lcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TW9kYWxBY3Rpb25zUHJvcHM+ID0gKHsgYWN0aW9ucywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiA8ZGl2IHsuLi5yZXN0fT57YWN0aW9ucyAmJiA8TW9kYWxBY3Rpb24+e2FjdGlvbnN9PC9Nb2RhbEFjdGlvbj59PC9kaXY+XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsQWN0aW9uc0NvbnRhaW5lclxuIl19 */")
|
|
12
12
|
}, props));
|
|
13
13
|
};
|
|
14
14
|
var ModalActionsContainer = function ModalActionsContainer(_ref) {
|
package/modal/ModalBody.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export declare type ModalBodyProps = {
|
|
2
3
|
hasPadding?: boolean;
|
|
3
4
|
column?: boolean;
|
|
4
5
|
};
|
|
5
6
|
export declare const ModalBody: import("@emotion/styled").StyledComponent<{
|
|
6
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
-
as?: import("react").ElementType<any
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
9
|
} & ModalBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
10
|
export default ModalBody;
|
|
@@ -9,5 +9,5 @@ export declare type ModalCloseButtonProps = {
|
|
|
9
9
|
closeLabel?: string;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
};
|
|
12
|
-
export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) =>
|
|
12
|
+
export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) => JSX.Element;
|
|
13
13
|
export default ModalCloseButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["onRequestClose", "className", "icon", "size", "closeLabel"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { IconButton } from '@dfds-ui/react-components';
|
|
7
7
|
import { Close } from '@dfds-ui/icons/system';
|
package/modal/ModalDialog.d.ts
CHANGED
|
@@ -38,5 +38,5 @@ export declare const defaultProps: {
|
|
|
38
38
|
backdrop: "lowEmphasis" | "mediumEmphasis" | "highEmphasis";
|
|
39
39
|
backdropVariant: BackdropVariant;
|
|
40
40
|
};
|
|
41
|
-
declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) =>
|
|
41
|
+
declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => JSX.Element | null;
|
|
42
42
|
export default ModalDialog;
|
package/modal/ModalDialog.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
var _excluded = ["isOpen", "onRequestClose", "shouldCloseOnOverlayClick", "shouldCloseOnEsc", "variation", "zIndex", "className", "sizes", "fixedTopPosition", "renderWhenClosed", "backdrop", "backdropVariant", "children"];
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
4
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
5
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
6
6
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
7
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
8
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++)
|
|
9
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0)
|
|
8
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
9
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
14
14
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
15
15
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
17
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
16
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
17
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
18
18
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
19
19
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
20
20
|
import React from 'react';
|
package/modal/ModalFooter.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
export declare type ModalFooterProps = {
|
|
3
3
|
className?: string;
|
|
4
4
|
sticky?: boolean;
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
};
|
|
7
|
-
export declare const ModalFooter: ({ children, className, sticky, ...rest }: ModalFooterProps) =>
|
|
7
|
+
export declare const ModalFooter: ({ children, className, sticky, ...rest }: ModalFooterProps) => JSX.Element;
|
|
8
8
|
export default ModalFooter;
|
package/modal/ModalFooter.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["children", "className", "sticky"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { css } from '@emotion/react';
|
|
7
7
|
import { legacyMedia as media } from '@dfds-ui/react-components';
|
package/modal/ModalHeader.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
export declare type ModalHeaderProps = {
|
|
3
3
|
className?: string;
|
|
4
4
|
sticky?: boolean;
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
noDivider?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export declare const ModalHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) =>
|
|
8
|
+
export declare const ModalHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => JSX.Element;
|
|
9
9
|
export default ModalHeader;
|
package/modal/ModalHeader.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["children", "className", "sticky", "noDivider"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
5
|
import React, { Fragment } from 'react';
|
|
6
6
|
import { css } from '@emotion/react';
|
|
7
7
|
import { theme } from '@dfds-ui/theme';
|
package/modal/ModalHeadline.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
export declare type ModalHeadlineProps = {
|
|
3
3
|
className?: string;
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
};
|
|
6
|
-
export declare const ModalHeadline: ({ className, children }: ModalHeadlineProps) =>
|
|
6
|
+
export declare const ModalHeadline: ({ className, children }: ModalHeadlineProps) => JSX.Element;
|
|
7
7
|
export default ModalHeadline;
|
package/modal/ModalPanel.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
export declare type ModalPanelProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Determines if the modal should be shown or not.
|
|
@@ -22,7 +22,7 @@ export declare type ModalPanelProps = {
|
|
|
22
22
|
className?: string;
|
|
23
23
|
children?: ReactNode;
|
|
24
24
|
};
|
|
25
|
-
export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) =>
|
|
25
|
+
export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => JSX.Element;
|
|
26
26
|
export declare type ModalPanelHeaderProps = {
|
|
27
27
|
/**
|
|
28
28
|
* className to be assigned to component
|
|
@@ -30,7 +30,7 @@ export declare type ModalPanelHeaderProps = {
|
|
|
30
30
|
className?: string;
|
|
31
31
|
children: ReactNode;
|
|
32
32
|
};
|
|
33
|
-
export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) =>
|
|
33
|
+
export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => JSX.Element;
|
|
34
34
|
export declare type ModalPanelContent = {
|
|
35
35
|
/**
|
|
36
36
|
* className to be assigned to component
|
|
@@ -38,7 +38,7 @@ export declare type ModalPanelContent = {
|
|
|
38
38
|
className?: string;
|
|
39
39
|
children: ReactNode;
|
|
40
40
|
};
|
|
41
|
-
export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) =>
|
|
41
|
+
export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => JSX.Element;
|
|
42
42
|
export declare type ModalPanelFooterProps = {
|
|
43
43
|
/**
|
|
44
44
|
* className to be assigned to component
|
|
@@ -46,4 +46,4 @@ export declare type ModalPanelFooterProps = {
|
|
|
46
46
|
className?: string;
|
|
47
47
|
children: ReactNode;
|
|
48
48
|
};
|
|
49
|
-
export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) =>
|
|
49
|
+
export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) => JSX.Element;
|
|
@@ -4,4 +4,4 @@ export declare type ReactModalWrapperProps = ReactModal.Props & {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
};
|
|
7
|
-
export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) =>
|
|
7
|
+
export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["className"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t)
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++)
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
2
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import ReactModal from 'react-modal';
|
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Modal components",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.2.0-alpha.
|
|
6
|
+
"version": "2.2.0-alpha.c79adffa",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -12,18 +12,18 @@
|
|
|
12
12
|
"peerDependencies": {
|
|
13
13
|
"@emotion/react": "11.11.4",
|
|
14
14
|
"@emotion/styled": "11.11.5",
|
|
15
|
-
"react": ">=
|
|
16
|
-
"react-dom": ">=
|
|
15
|
+
"react": ">= 17.0.2",
|
|
16
|
+
"react-dom": ">= 17.0.2"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@dfds-ui/colors": "2.2.0-alpha.
|
|
20
|
-
"@dfds-ui/icons": "2.2.0-alpha.
|
|
21
|
-
"@dfds-ui/react-components": "2.2.0-alpha.
|
|
22
|
-
"@dfds-ui/theme": "2.2.0-alpha.
|
|
23
|
-
"@dfds-ui/typography": "2.2.0-alpha.
|
|
24
|
-
"react-modal": "3.16.
|
|
19
|
+
"@dfds-ui/colors": "2.2.0-alpha.c79adffa",
|
|
20
|
+
"@dfds-ui/icons": "2.2.0-alpha.c79adffa",
|
|
21
|
+
"@dfds-ui/react-components": "2.2.0-alpha.c79adffa",
|
|
22
|
+
"@dfds-ui/theme": "2.2.0-alpha.c79adffa",
|
|
23
|
+
"@dfds-ui/typography": "2.2.0-alpha.c79adffa",
|
|
24
|
+
"react-modal": "^3.16.1"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "c79adffa9d3abdc5a68e179196b451f0d9aec5e9",
|
|
27
27
|
"publishConfig": {
|
|
28
28
|
"access": "public"
|
|
29
29
|
}
|