@dfds-ui/modal 0.9.6 → 0.9.7-alpha.3a2ef8a2
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/package.json +7 -7
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +0 -18
- package/cjs/modal/Modal.d.ts +0 -93
- package/cjs/modal/Modal.js +0 -89
- package/cjs/modal/ModalAction.d.ts +0 -16
- package/cjs/modal/ModalAction.js +0 -50
- package/cjs/modal/ModalActionsContainer.d.ts +0 -9
- package/cjs/modal/ModalActionsContainer.js +0 -38
- package/cjs/modal/ModalBody.d.ts +0 -9
- package/cjs/modal/ModalBody.js +0 -29
- package/cjs/modal/ModalCloseButton.d.ts +0 -13
- package/cjs/modal/ModalCloseButton.js +0 -56
- package/cjs/modal/ModalDialog.d.ts +0 -42
- package/cjs/modal/ModalDialog.js +0 -276
- package/cjs/modal/ModalFooter.d.ts +0 -8
- package/cjs/modal/ModalFooter.js +0 -40
- package/cjs/modal/ModalHeader.d.ts +0 -9
- package/cjs/modal/ModalHeader.js +0 -48
- package/cjs/modal/ModalHeadline.d.ts +0 -7
- package/cjs/modal/ModalHeadline.js +0 -30
- package/cjs/modal/ModalPanel.d.ts +0 -49
- package/cjs/modal/ModalPanel.js +0 -118
- package/cjs/modal/ReactModalWrapper.d.ts +0 -7
- package/cjs/modal/ReactModalWrapper.js +0 -48
- package/cjs/modal/index.d.ts +0 -11
- package/cjs/modal/index.js +0 -150
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/modal/Modal.d.ts +0 -93
- package/modal/Modal.js +0 -65
- package/modal/ModalAction.d.ts +0 -16
- package/modal/ModalAction.js +0 -35
- package/modal/ModalActionsContainer.d.ts +0 -9
- package/modal/ModalActionsContainer.js +0 -27
- package/modal/ModalBody.d.ts +0 -9
- package/modal/ModalBody.js +0 -15
- package/modal/ModalCloseButton.d.ts +0 -13
- package/modal/ModalCloseButton.js +0 -40
- package/modal/ModalDialog.d.ts +0 -42
- package/modal/ModalDialog.js +0 -229
- package/modal/ModalFooter.d.ts +0 -8
- package/modal/ModalFooter.js +0 -25
- package/modal/ModalHeader.d.ts +0 -9
- package/modal/ModalHeader.js +0 -29
- package/modal/ModalHeadline.d.ts +0 -7
- package/modal/ModalHeadline.js +0 -14
- package/modal/ModalPanel.d.ts +0 -49
- package/modal/ModalPanel.js +0 -94
- package/modal/ReactModalWrapper.d.ts +0 -7
- package/modal/ReactModalWrapper.js +0 -36
- package/modal/index.d.ts +0 -11
- package/modal/index.js +0 -11
package/modal/Modal.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
var _excluded = ["showClose", "heading", "headerClassName", "noContentPadding", "onRequestClose", "children", "closeTabIndex", "closeLabel", "column", "zIndex", "sizes", "renderWhenClosed", "backdrop", "backdropVariant", "actions"];
|
|
2
|
-
|
|
3
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
6
|
-
|
|
7
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import ModalHeader from './ModalHeader';
|
|
11
|
-
import ModalCloseButton from './ModalCloseButton';
|
|
12
|
-
import ModalDialog, { defaultProps } from './ModalDialog';
|
|
13
|
-
import ModalBody from './ModalBody';
|
|
14
|
-
import ModalActionsContainer from './ModalActionsContainer';
|
|
15
|
-
import ModalHeadline from './ModalHeadline';
|
|
16
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
17
|
-
export var Modal = function Modal(_ref) {
|
|
18
|
-
var _ref$showClose = _ref.showClose,
|
|
19
|
-
showClose = _ref$showClose === void 0 ? true : _ref$showClose,
|
|
20
|
-
heading = _ref.heading,
|
|
21
|
-
headerClassName = _ref.headerClassName,
|
|
22
|
-
_ref$noContentPadding = _ref.noContentPadding,
|
|
23
|
-
noContentPadding = _ref$noContentPadding === void 0 ? false : _ref$noContentPadding,
|
|
24
|
-
onRequestClose = _ref.onRequestClose,
|
|
25
|
-
children = _ref.children,
|
|
26
|
-
_ref$closeTabIndex = _ref.closeTabIndex,
|
|
27
|
-
closeTabIndex = _ref$closeTabIndex === void 0 ? -1 : _ref$closeTabIndex,
|
|
28
|
-
_ref$closeLabel = _ref.closeLabel,
|
|
29
|
-
closeLabel = _ref$closeLabel === void 0 ? 'Close' : _ref$closeLabel,
|
|
30
|
-
_ref$column = _ref.column,
|
|
31
|
-
column = _ref$column === void 0 ? false : _ref$column,
|
|
32
|
-
_ref$zIndex = _ref.zIndex,
|
|
33
|
-
zIndex = _ref$zIndex === void 0 ? defaultProps.zIndex : _ref$zIndex,
|
|
34
|
-
_ref$sizes = _ref.sizes,
|
|
35
|
-
sizes = _ref$sizes === void 0 ? defaultProps.sizes : _ref$sizes,
|
|
36
|
-
_ref$renderWhenClosed = _ref.renderWhenClosed,
|
|
37
|
-
renderWhenClosed = _ref$renderWhenClosed === void 0 ? defaultProps.renderWhenClosed : _ref$renderWhenClosed,
|
|
38
|
-
_ref$backdrop = _ref.backdrop,
|
|
39
|
-
backdrop = _ref$backdrop === void 0 ? defaultProps.backdrop : _ref$backdrop,
|
|
40
|
-
_ref$backdropVariant = _ref.backdropVariant,
|
|
41
|
-
backdropVariant = _ref$backdropVariant === void 0 ? defaultProps.backdropVariant : _ref$backdropVariant,
|
|
42
|
-
actions = _ref.actions,
|
|
43
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
-
|
|
45
|
-
var showHeader = heading !== undefined || showClose;
|
|
46
|
-
return ___EmotionJSX(ModalDialog, _extends({
|
|
47
|
-
onRequestClose: onRequestClose,
|
|
48
|
-
sizes: sizes,
|
|
49
|
-
renderWhenClosed: renderWhenClosed,
|
|
50
|
-
backdrop: backdrop,
|
|
51
|
-
backdropVariant: backdropVariant
|
|
52
|
-
}, rest), showHeader && ___EmotionJSX(ModalHeader, {
|
|
53
|
-
className: headerClassName
|
|
54
|
-
}, ___EmotionJSX(ModalHeadline, null, heading), showClose && ___EmotionJSX(ModalCloseButton, {
|
|
55
|
-
onRequestClose: onRequestClose,
|
|
56
|
-
tabIndex: closeTabIndex,
|
|
57
|
-
closeLabel: closeLabel
|
|
58
|
-
})), ___EmotionJSX(ModalBody, {
|
|
59
|
-
hasPadding: !noContentPadding,
|
|
60
|
-
column: column
|
|
61
|
-
}, children), ___EmotionJSX(ModalActionsContainer, {
|
|
62
|
-
actions: actions
|
|
63
|
-
}));
|
|
64
|
-
};
|
|
65
|
-
export default Modal;
|
package/modal/ModalAction.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type ModalActionVariation = 'primary' | 'secondary';
|
|
3
|
-
export interface ModalActionProps {
|
|
4
|
-
actionVariation?: ModalActionVariation;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
/**
|
|
7
|
-
* Class name to be assigned to the button
|
|
8
|
-
*/
|
|
9
|
-
className?: string;
|
|
10
|
-
/**
|
|
11
|
-
* HTML tag or custom component being rendered
|
|
12
|
-
*/
|
|
13
|
-
as?: React.ElementType;
|
|
14
|
-
}
|
|
15
|
-
export declare const ModalAction: React.FunctionComponent<ModalActionProps>;
|
|
16
|
-
export default ModalAction;
|
package/modal/ModalAction.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
var _excluded = ["actionVariation"];
|
|
2
|
-
|
|
3
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
6
|
-
|
|
7
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { css } from '@emotion/react';
|
|
11
|
-
import { theme } from '@dfds-ui/theme';
|
|
12
|
-
import { typography } from '@dfds-ui/typography';
|
|
13
|
-
import { Button } from '@dfds-ui/react-components';
|
|
14
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
|
-
|
|
16
|
-
var getVariationStyle = function getVariationStyle(actionVariation) {
|
|
17
|
-
if (actionVariation === 'primary') {
|
|
18
|
-
return /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";background:", theme.colors.secondary.main, ";margin-right:", theme.spacing.s, ";&:hover{color:", theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEFjdGlvblByb3BzIHtcbiAgYWN0aW9uVmFyaWF0aW9uPzogTW9kYWxBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGFjdGlvblZhcmlhdGlvbjogTW9kYWxBY3Rpb25WYXJpYXRpb24pID0+IHtcbiAgaWYgKGFjdGlvblZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxNb2RhbEFjdGlvblByb3BzPiA9ICh7IGFjdGlvblZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGFjdGlvblZhcmlhdGlvbil9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvblxuIl19 */");
|
|
19
|
-
} else {
|
|
20
|
-
return /*#__PURE__*/css("border:1px solid ", theme.colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNjIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEFjdGlvblByb3BzIHtcbiAgYWN0aW9uVmFyaWF0aW9uPzogTW9kYWxBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGFjdGlvblZhcmlhdGlvbjogTW9kYWxBY3Rpb25WYXJpYXRpb24pID0+IHtcbiAgaWYgKGFjdGlvblZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxNb2RhbEFjdGlvblByb3BzPiA9ICh7IGFjdGlvblZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGFjdGlvblZhcmlhdGlvbil9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvblxuIl19 */");
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export var ModalAction = function ModalAction(_ref) {
|
|
25
|
-
var _ref$actionVariation = _ref.actionVariation,
|
|
26
|
-
actionVariation = _ref$actionVariation === void 0 ? 'primary' : _ref$actionVariation,
|
|
27
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
|
|
29
|
-
return ___EmotionJSX(Button, _extends({
|
|
30
|
-
variation: "text",
|
|
31
|
-
type: "button",
|
|
32
|
-
css: /*#__PURE__*/css(typography.action, ";flex:auto;flex-basis:auto;flex-grow:0;margin-left:", theme.spacing.xs, ";padding:0 ", theme.spacing.xs, ";", getVariationStyle(actionVariation), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENjIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEFjdGlvblByb3BzIHtcbiAgYWN0aW9uVmFyaWF0aW9uPzogTW9kYWxBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGFjdGlvblZhcmlhdGlvbjogTW9kYWxBY3Rpb25WYXJpYXRpb24pID0+IHtcbiAgaWYgKGFjdGlvblZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxNb2RhbEFjdGlvblByb3BzPiA9ICh7IGFjdGlvblZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGFjdGlvblZhcmlhdGlvbil9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvblxuIl19 */")
|
|
33
|
-
}, rest));
|
|
34
|
-
};
|
|
35
|
-
export default ModalAction;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type ModalActionsProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Actions to be displayed at the bottom of the modal
|
|
5
|
-
*/
|
|
6
|
-
actions?: React.ReactNode;
|
|
7
|
-
};
|
|
8
|
-
declare const ModalActionsContainer: React.FunctionComponent<ModalActionsProps>;
|
|
9
|
-
export default ModalActionsContainer;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var _excluded = ["actions"];
|
|
2
|
-
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
-
|
|
7
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { theme } from '@dfds-ui/theme';
|
|
11
|
-
import { css } from '@emotion/react';
|
|
12
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
13
|
-
|
|
14
|
-
var ModalAction = function ModalAction(props) {
|
|
15
|
-
return ___EmotionJSX("div", _extends({
|
|
16
|
-
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 */")
|
|
17
|
-
}, props));
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var ModalActionsContainer = function ModalActionsContainer(_ref) {
|
|
21
|
-
var actions = _ref.actions,
|
|
22
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
|
|
24
|
-
return ___EmotionJSX("div", rest, actions && ___EmotionJSX(ModalAction, null, actions));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export default ModalActionsContainer;
|
package/modal/ModalBody.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare type ModalBodyProps = {
|
|
2
|
-
hasPadding?: boolean;
|
|
3
|
-
column?: boolean;
|
|
4
|
-
};
|
|
5
|
-
export declare const ModalBody: import("@emotion/styled").StyledComponent<{
|
|
6
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
-
as?: import("react").ElementType<any> | undefined;
|
|
8
|
-
} & ModalBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
-
export default ModalBody;
|
package/modal/ModalBody.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
|
-
import { theme } from '@dfds-ui/theme';
|
|
3
|
-
import { typography } from '@dfds-ui/typography';
|
|
4
|
-
import { css } from '@emotion/react';
|
|
5
|
-
export var ModalBody = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
6
|
-
target: "e1nrz8580"
|
|
7
|
-
} : {
|
|
8
|
-
target: "e1nrz8580",
|
|
9
|
-
label: "ModalBody"
|
|
10
|
-
})(typography.body, " ", function (p) {
|
|
11
|
-
return p.hasPadding && /*#__PURE__*/css("flex:1 1 auto;margin:", theme.spacing.xs, " ", theme.spacing.s, " 0 ", theme.spacing.s, ";padding-bottom:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEJvZHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNPIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgTW9kYWxCb2R5UHJvcHMgPSB7XG4gIGhhc1BhZGRpbmc/OiBib29sZWFuXG4gIGNvbHVtbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQm9keSA9IHN0eWxlZC5kaXY8TW9kYWxCb2R5UHJvcHM+YFxuICAke3R5cG9ncmFwaHkuYm9keX1cbiAgJHsocCkgPT5cbiAgICBwLmhhc1BhZGRpbmcgJiZcbiAgICBjc3NgXG4gICAgICBmbGV4OiAxIDEgYXV0bztcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzfSAke3RoZW1lLnNwYWNpbmcuc30gMCAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIGB9XG4gICR7KHApID0+XG4gICAgcC5jb2x1bW4gJiZcbiAgICBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEJvZHlcbiJdfQ== */");
|
|
12
|
-
}, " ", function (p) {
|
|
13
|
-
return p.column && "\n display: flex;\n flex-direction: column;\n ";
|
|
14
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEJvZHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVtRCIsImZpbGUiOiIuLi8uLi9zcmMvbW9kYWwvTW9kYWxCb2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQm9keVByb3BzID0ge1xuICBoYXNQYWRkaW5nPzogYm9vbGVhblxuICBjb2x1bW4/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2PE1vZGFsQm9keVByb3BzPmBcbiAgJHt0eXBvZ3JhcGh5LmJvZHl9XG4gICR7KHApID0+XG4gICAgcC5oYXNQYWRkaW5nICYmXG4gICAgY3NzYFxuICAgICAgZmxleDogMSAxIGF1dG87XG4gICAgICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy54c30gJHt0aGVtZS5zcGFjaW5nLnN9IDAgJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICBgfVxuICAkeyhwKSA9PlxuICAgIHAuY29sdW1uICYmXG4gICAgYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxCb2R5XG4iXX0= */"));
|
|
15
|
-
export default ModalBody;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconButtonSize } from '@dfds-ui/react-components';
|
|
3
|
-
export declare type ModalCloseButtonProps = {
|
|
4
|
-
onRequestClose?: () => void;
|
|
5
|
-
className?: string;
|
|
6
|
-
icon?: React.ElementType;
|
|
7
|
-
size?: IconButtonSize;
|
|
8
|
-
tabIndex?: number;
|
|
9
|
-
closeLabel?: string;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
};
|
|
12
|
-
export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) => JSX.Element;
|
|
13
|
-
export default ModalCloseButton;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
var _excluded = ["onRequestClose", "className", "icon", "size", "closeLabel"];
|
|
2
|
-
|
|
3
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
6
|
-
|
|
7
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { IconButton } from '@dfds-ui/react-components';
|
|
11
|
-
import { Close } from '@dfds-ui/icons/system';
|
|
12
|
-
import { css } from '@emotion/react';
|
|
13
|
-
import { theme } from '@dfds-ui/theme';
|
|
14
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
|
-
export var ModalCloseButton = function ModalCloseButton(_ref) {
|
|
16
|
-
var onRequestClose = _ref.onRequestClose,
|
|
17
|
-
className = _ref.className,
|
|
18
|
-
_ref$icon = _ref.icon,
|
|
19
|
-
icon = _ref$icon === void 0 ? Close : _ref$icon,
|
|
20
|
-
_ref$size = _ref.size,
|
|
21
|
-
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
22
|
-
_ref$closeLabel = _ref.closeLabel,
|
|
23
|
-
closeLabel = _ref$closeLabel === void 0 ? 'Close' : _ref$closeLabel,
|
|
24
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
|
|
26
|
-
return ___EmotionJSX(IconButton, _extends({
|
|
27
|
-
disableOverlay: true,
|
|
28
|
-
disableTooltip: true,
|
|
29
|
-
hoverColor: theme.colors.secondary.main,
|
|
30
|
-
size: size,
|
|
31
|
-
css: /*#__PURE__*/css("align-self:flex-start;color:", theme.colors.text.primary.primary, ";height:3rem;width:3rem;&:active{color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalCloseButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbENsb3NlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmMiLCJmaWxlIjoiLi4vLi4vc3JjL21vZGFsL01vZGFsQ2xvc2VCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblNpemUgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgb25SZXF1ZXN0Q2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIGNsb3NlTGFiZWw/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQ2xvc2VCdXR0b24gPSAoe1xuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBpY29uID0gQ2xvc2UsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgY2xvc2VMYWJlbCA9ICdDbG9zZScsXG4gIC4uLnJlc3Rcbn06IE1vZGFsQ2xvc2VCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgIGhvdmVyQ29sb3I9e3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgaGVpZ2h0OiAzcmVtO1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e29uUmVxdWVzdENsb3NlfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGFyaWFMYWJlbD17Y2xvc2VMYWJlbH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibW9kYWwtY2xvc2VcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsQ2xvc2VCdXR0b25cbiJdfQ== */"),
|
|
32
|
-
className: className,
|
|
33
|
-
onClick: onRequestClose,
|
|
34
|
-
icon: icon,
|
|
35
|
-
ariaLabel: closeLabel,
|
|
36
|
-
"data-testid": "modal-close",
|
|
37
|
-
type: "button"
|
|
38
|
-
}, rest));
|
|
39
|
-
};
|
|
40
|
-
export default ModalCloseButton;
|
package/modal/ModalDialog.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { theme } from '@dfds-ui/theme';
|
|
3
|
-
export declare type ModalVariation = 'default' | 'fullscreen';
|
|
4
|
-
export declare type ModalSizes = Record<keyof typeof theme.breakpoints, string>;
|
|
5
|
-
export declare type Backdrop = keyof typeof backdropsTransparent;
|
|
6
|
-
export declare type BackdropVariant = 'transparent' | 'solid';
|
|
7
|
-
export declare type ModalDialogProps = {
|
|
8
|
-
isOpen: boolean;
|
|
9
|
-
onRequestClose?: () => void;
|
|
10
|
-
shouldCloseOnOverlayClick?: boolean;
|
|
11
|
-
shouldCloseOnEsc?: boolean;
|
|
12
|
-
className?: string;
|
|
13
|
-
variation?: ModalVariation;
|
|
14
|
-
zIndex?: number;
|
|
15
|
-
sizes?: ModalSizes;
|
|
16
|
-
fixedTopPosition?: boolean;
|
|
17
|
-
renderWhenClosed?: boolean;
|
|
18
|
-
backdrop?: Backdrop;
|
|
19
|
-
backdropVariant?: BackdropVariant;
|
|
20
|
-
children?: React.ReactNode;
|
|
21
|
-
};
|
|
22
|
-
export declare function setGlobalAppElement(selector: string): void;
|
|
23
|
-
declare const backdropsTransparent: {
|
|
24
|
-
readonly lowEmphasis: "iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAQMAAAC2MCouAAAAA1BMVEX///+nxBvIAAAAAXRSTlOzEo46UAAAAAtJREFUCNdjGGEAAADwAAFOldjfAAAAAElFTkSuQmCC";
|
|
25
|
-
readonly mediumEmphasis: "iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAQMAAAC2MCouAAAAA1BMVEUAAACnej3aAAAAAXRSTlNANjqZ9gAAAAtJREFUCNdjGGEAAADwAAFOldjfAAAAAElFTkSuQmCC";
|
|
26
|
-
readonly highEmphasis: "iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAQMAAAC2MCouAAAAA1BMVEUAK0XXvHWsAAAAAXRSTlOzEo46UAAAAAtJREFUCNdjGGEAAADwAAFOldjfAAAAAElFTkSuQmCC";
|
|
27
|
-
};
|
|
28
|
-
export declare const defaultProps: {
|
|
29
|
-
sizes: {
|
|
30
|
-
s: string;
|
|
31
|
-
m: string;
|
|
32
|
-
l: string;
|
|
33
|
-
xl: string;
|
|
34
|
-
xxl: string;
|
|
35
|
-
};
|
|
36
|
-
zIndex: number;
|
|
37
|
-
renderWhenClosed: boolean;
|
|
38
|
-
backdrop: "lowEmphasis" | "mediumEmphasis" | "highEmphasis";
|
|
39
|
-
backdropVariant: BackdropVariant;
|
|
40
|
-
};
|
|
41
|
-
declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => JSX.Element | null;
|
|
42
|
-
export default ModalDialog;
|