@dfds-ui/modal 2.2.0-alpha.8b995955 → 2.2.0-alpha.e010e72f

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.
Files changed (44) hide show
  1. package/cjs/index.js +1 -1
  2. package/cjs/modal/Modal.d.ts +1 -1
  3. package/cjs/modal/Modal.js +33 -22
  4. package/cjs/modal/ModalAction.d.ts +2 -2
  5. package/cjs/modal/ModalAction.js +9 -6
  6. package/cjs/modal/ModalActionsContainer.d.ts +1 -1
  7. package/cjs/modal/ModalActionsContainer.js +8 -6
  8. package/cjs/modal/ModalBody.d.ts +1 -1
  9. package/cjs/modal/ModalBody.js +1 -1
  10. package/cjs/modal/ModalCloseButton.d.ts +1 -1
  11. package/cjs/modal/ModalCloseButton.js +15 -10
  12. package/cjs/modal/ModalDialog.d.ts +5 -5
  13. package/cjs/modal/ModalDialog.js +55 -35
  14. package/cjs/modal/ModalFooter.d.ts +1 -1
  15. package/cjs/modal/ModalFooter.js +10 -8
  16. package/cjs/modal/ModalHeader.d.ts +1 -1
  17. package/cjs/modal/ModalHeader.js +12 -10
  18. package/cjs/modal/ModalHeadline.d.ts +1 -1
  19. package/cjs/modal/ModalHeadline.js +1 -1
  20. package/cjs/modal/ModalPanel.d.ts +4 -4
  21. package/cjs/modal/ModalPanel.js +1 -1
  22. package/cjs/modal/ReactModalWrapper.d.ts +1 -1
  23. package/cjs/modal/ReactModalWrapper.js +8 -6
  24. package/cjs/modal/index.js +13 -14
  25. package/modal/Modal.d.ts +1 -1
  26. package/modal/Modal.js +3 -3
  27. package/modal/ModalAction.d.ts +2 -2
  28. package/modal/ModalAction.js +3 -3
  29. package/modal/ModalActionsContainer.d.ts +1 -1
  30. package/modal/ModalActionsContainer.js +3 -3
  31. package/modal/ModalBody.d.ts +1 -1
  32. package/modal/ModalCloseButton.d.ts +1 -1
  33. package/modal/ModalCloseButton.js +3 -3
  34. package/modal/ModalDialog.d.ts +5 -5
  35. package/modal/ModalDialog.js +11 -11
  36. package/modal/ModalFooter.d.ts +1 -1
  37. package/modal/ModalFooter.js +3 -3
  38. package/modal/ModalHeader.d.ts +1 -1
  39. package/modal/ModalHeader.js +3 -3
  40. package/modal/ModalHeadline.d.ts +1 -1
  41. package/modal/ModalPanel.d.ts +4 -4
  42. package/modal/ReactModalWrapper.d.ts +1 -1
  43. package/modal/ReactModalWrapper.js +3 -3
  44. package/package.json +7 -7
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export type ModalFooterProps = {
2
+ export declare type ModalFooterProps = {
3
3
  className?: string;
4
4
  sticky?: boolean;
5
5
  children?: ReactNode;
@@ -7,15 +7,17 @@ exports.default = exports.ModalFooter = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _reactComponents = require("@dfds-ui/react-components");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
10
+ const _excluded = ["children", "className", "sticky"];
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ 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); }
13
+ 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; }
14
+ 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; }
12
15
  const stickyStyles = /*#__PURE__*/(0, _react2.css)(_reactComponents.legacyMedia.lt('md'), "{position:sticky;bottom:0;left:0;right:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:stickyStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcblxuZXhwb3J0IHR5cGUgTW9kYWxGb290ZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0aWNreT86IGJvb2xlYW5cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3Qgc3RpY2t5U3R5bGVzID0gY3NzYFxuICAke21lZGlhLmx0KCdtZCcpfSB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTW9kYWxGb290ZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzdGlja3ksIC4uLnJlc3QgfTogTW9kYWxGb290ZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IGJsdWU7XG4gICAgICAgICR7c3RpY2t5ICYmIHN0aWNreVN0eWxlc307XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsRm9vdGVyXG4iXX0= */");
13
- const ModalFooter = ({
14
- children,
15
- className,
16
- sticky,
17
- ...rest
18
- }) => {
16
+ const ModalFooter = _ref => {
17
+ let children = _ref.children,
18
+ className = _ref.className,
19
+ sticky = _ref.sticky,
20
+ rest = _objectWithoutProperties(_ref, _excluded);
19
21
  return (0, _react2.jsx)("div", _extends({
20
22
  className: className,
21
23
  css: /*#__PURE__*/(0, _react2.css)("background-color:blue;", sticky && stickyStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcblxuZXhwb3J0IHR5cGUgTW9kYWxGb290ZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0aWNreT86IGJvb2xlYW5cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3Qgc3RpY2t5U3R5bGVzID0gY3NzYFxuICAke21lZGlhLmx0KCdtZCcpfSB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTW9kYWxGb290ZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzdGlja3ksIC4uLnJlc3QgfTogTW9kYWxGb290ZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IGJsdWU7XG4gICAgICAgICR7c3RpY2t5ICYmIHN0aWNreVN0eWxlc307XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsRm9vdGVyXG4iXX0= */")
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export type ModalHeaderProps = {
2
+ export declare type ModalHeaderProps = {
3
3
  className?: string;
4
4
  sticky?: boolean;
5
5
  children?: ReactNode;
@@ -9,17 +9,19 @@ var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
10
  var _reactComponents = require("@dfds-ui/react-components");
11
11
  var _divider = require("@dfds-ui/react-components/divider");
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
12
+ const _excluded = ["children", "className", "sticky", "noDivider"];
13
+ 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); }
14
+ 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); }
15
+ 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; }
16
+ 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; }
15
17
  const stickyStyles = /*#__PURE__*/(0, _react2.css)(_reactComponents.legacyMedia.lt('md'), "{position:sticky;top:0;left:0;right:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:stickyStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZGl2aWRlcidcblxuZXhwb3J0IHR5cGUgTW9kYWxIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0aWNreT86IGJvb2xlYW5cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgbm9EaXZpZGVyPzogYm9vbGVhblxufVxuXG5jb25zdCBzdGlja3lTdHlsZXMgPSBjc3NgXG4gICR7bWVkaWEubHQoJ21kJyl9IHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBNb2RhbEhlYWRlciA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHN0aWNreSwgbm9EaXZpZGVyID0gZmFsc2UsIC4uLnJlc3QgfTogTW9kYWxIZWFkZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1pbi1oZWlnaHQ6IDNyZW07XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICAgICR7c3RpY2t5ICYmIHN0aWNreVN0eWxlc307XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIHshbm9EaXZpZGVyICYmIDxEaXZpZGVyIC8+fVxuICAgIDwvRnJhZ21lbnQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxIZWFkZXJcbiJdfQ== */");
16
- const ModalHeader = ({
17
- children,
18
- className,
19
- sticky,
20
- noDivider = false,
21
- ...rest
22
- }) => {
18
+ const ModalHeader = _ref => {
19
+ let children = _ref.children,
20
+ className = _ref.className,
21
+ sticky = _ref.sticky,
22
+ _ref$noDivider = _ref.noDivider,
23
+ noDivider = _ref$noDivider === void 0 ? false : _ref$noDivider,
24
+ rest = _objectWithoutProperties(_ref, _excluded);
23
25
  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
24
26
  className: className,
25
27
  css: /*#__PURE__*/(0, _react2.css)("min-height:3rem;display:flex;align-items:center;justify-content:space-between;padding-left:", _theme.theme.spacing.s, ";background-color:", _theme.theme.colors.surface.primary, ";", sticky && stickyStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbW9kYWwvTW9kYWxIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2RpdmlkZXInXG5cbmV4cG9ydCB0eXBlIE1vZGFsSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzdGlja3k/OiBib29sZWFuXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIG5vRGl2aWRlcj86IGJvb2xlYW5cbn1cblxuY29uc3Qgc3RpY2t5U3R5bGVzID0gY3NzYFxuICAke21lZGlhLmx0KCdtZCcpfSB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTW9kYWxIZWFkZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzdGlja3ksIG5vRGl2aWRlciA9IGZhbHNlLCAuLi5yZXN0IH06IE1vZGFsSGVhZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtaW4taGVpZ2h0OiAzcmVtO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgICAke3N0aWNreSAmJiBzdGlja3lTdHlsZXN9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgICB7IW5vRGl2aWRlciAmJiA8RGl2aWRlciAvPn1cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsSGVhZGVyXG4iXX0= */")
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export type ModalHeadlineProps = {
2
+ export declare type ModalHeadlineProps = {
3
3
  className?: string;
4
4
  children?: ReactNode;
5
5
  };
@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _reactComponents = require("@dfds-ui/react-components");
9
9
  var _react2 = require("@emotion/react");
10
10
  var _theme = require("@dfds-ui/theme");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
12
  const ModalHeadline = ({
13
13
  className,
14
14
  children
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export type ModalPanelProps = {
2
+ export declare type ModalPanelProps = {
3
3
  /**
4
4
  * Determines if the modal should be shown or not.
5
5
  */
@@ -23,7 +23,7 @@ export type ModalPanelProps = {
23
23
  children?: ReactNode;
24
24
  };
25
25
  export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => JSX.Element;
26
- export type ModalPanelHeaderProps = {
26
+ export declare type ModalPanelHeaderProps = {
27
27
  /**
28
28
  * className to be assigned to component
29
29
  */
@@ -31,7 +31,7 @@ export type ModalPanelHeaderProps = {
31
31
  children: ReactNode;
32
32
  };
33
33
  export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => JSX.Element;
34
- export type ModalPanelContent = {
34
+ export declare type ModalPanelContent = {
35
35
  /**
36
36
  * className to be assigned to component
37
37
  */
@@ -39,7 +39,7 @@ export type ModalPanelContent = {
39
39
  children: ReactNode;
40
40
  };
41
41
  export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => JSX.Element;
42
- export type ModalPanelFooterProps = {
42
+ export declare type ModalPanelFooterProps = {
43
43
  /**
44
44
  * className to be assigned to component
45
45
  */
@@ -9,7 +9,7 @@ var _react2 = require("@emotion/react");
9
9
  var _ReactModalWrapper = require("./ReactModalWrapper");
10
10
  var _reactComponents = require("@dfds-ui/react-components");
11
11
  var _theme = require("@dfds-ui/theme");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
13
  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)."; }
14
14
  const modalPanelStyles = ({
15
15
  zIndex
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import ReactModal from 'react-modal';
3
- export type ReactModalWrapperProps = ReactModal.Props & {
3
+ export declare type ReactModalWrapperProps = ReactModal.Props & {
4
4
  className?: string;
5
5
  children?: React.ReactNode;
6
6
  };
@@ -7,12 +7,14 @@ exports.ReactModalWrapper = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactModal = _interopRequireDefault(require("react-modal"));
9
9
  var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
12
- const ReactModalWrapper = ({
13
- className,
14
- ...rest
15
- }) => {
10
+ const _excluded = ["className"];
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ 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); }
13
+ 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; }
14
+ 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; }
15
+ const ReactModalWrapper = _ref => {
16
+ let className = _ref.className,
17
+ rest = _objectWithoutProperties(_ref, _excluded);
16
18
  const classArr = className ? className.split(' ') : ['__modal'];
17
19
  const append = str => classArr.join(str + ' ') + str;
18
20
  return (0, _react2.jsx)(_reactModal.default, _extends({
@@ -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,11 +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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
128
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
129
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
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 _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
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { ModalSizes, ModalVariation, Backdrop, BackdropVariant } from './ModalDialog';
3
- export type ModalProps = React.PropsWithChildren<{
3
+ export declare type ModalProps = React.PropsWithChildren<{
4
4
  /**
5
5
  * If set to `true` the modal is shown
6
6
  */
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() { _extends = Object.assign ? Object.assign.bind() : 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); }
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
- 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; }
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';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ButtonProps } from '@dfds-ui/react-components';
3
- export type ModalActionVariation = 'primary' | 'secondary';
4
- export type ModalActionProps = {
3
+ export declare type ModalActionVariation = 'primary' | 'secondary';
4
+ export declare type ModalActionProps = {
5
5
  actionVariation?: ModalActionVariation;
6
6
  onClick?: () => void;
7
7
  /**
@@ -1,7 +1,7 @@
1
1
  var _excluded = ["actionVariation"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
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
- 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; }
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,5 +1,5 @@
1
1
  import React from 'react';
2
- export type ModalActionsProps = {
2
+ export declare type ModalActionsProps = {
3
3
  /**
4
4
  * Actions to be displayed at the bottom of the modal
5
5
  */
@@ -1,7 +1,7 @@
1
1
  var _excluded = ["actions"];
2
- 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; }
3
- 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; }
4
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
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';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export type ModalBodyProps = {
2
+ export declare type ModalBodyProps = {
3
3
  hasPadding?: boolean;
4
4
  column?: boolean;
5
5
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IconButtonSize } from '@dfds-ui/react-components';
3
- export type ModalCloseButtonProps = {
3
+ export declare type ModalCloseButtonProps = {
4
4
  onRequestClose?: () => void;
5
5
  className?: string;
6
6
  icon?: React.ElementType;
@@ -1,7 +1,7 @@
1
1
  var _excluded = ["onRequestClose", "className", "icon", "size", "closeLabel"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
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
- 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; }
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';
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { theme } from '@dfds-ui/theme';
3
- export type ModalVariation = 'default' | 'fullscreen';
4
- export type ModalSizes = Record<keyof typeof theme.breakpoints, string>;
5
- export type Backdrop = keyof typeof backdropsTransparent;
6
- export type BackdropVariant = 'transparent' | 'solid';
7
- export type ModalDialogProps = {
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
8
  isOpen: boolean;
9
9
  onRequestClose?: () => void;
10
10
  shouldCloseOnOverlayClick?: boolean;