@bbl-digital/snorre 3.1.47 → 3.1.48
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +166 -133
- package/esm/core/Modal/ActionButtons/index.js +38 -0
- package/esm/core/Modal/index.js +5 -3
- package/lib/core/Modal/ActionButtons/index.d.ts +10 -0
- package/lib/core/Modal/ActionButtons/index.d.ts.map +1 -0
- package/lib/core/Modal/ActionButtons/index.js +38 -0
- package/lib/core/Modal/index.d.ts +9 -2
- package/lib/core/Modal/index.d.ts.map +1 -1
- package/lib/core/Modal/index.js +5 -3
- package/package.json +1 -1
@@ -0,0 +1,38 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
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)."; }
|
4
|
+
|
5
|
+
import { css } from '@emotion/react';
|
6
|
+
import React from 'react';
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
+
|
9
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
10
|
+
name: "2o6p8u",
|
11
|
+
styles: "justify-content:space-between"
|
12
|
+
} : {
|
13
|
+
name: "bm2q0v-Wrapper",
|
14
|
+
styles: "justify-content:space-between;label:Wrapper;",
|
15
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogMWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7c3BhY2VCZXR3ZWVuICYmXG4gICAgY3NzYFxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gIGBcbilcblxuY29uc3QgQWN0aW9uQnV0dG9ucyA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNwYWNlQmV0d2VlbiA9IHRydWUgfTogUHJvcHMpID0+IChcbiAgPFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNwYWNlQmV0d2Vlbj17c3BhY2VCZXR3ZWVufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnV0dG9uc1xuIl19 */",
|
16
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
|
+
};
|
18
|
+
|
19
|
+
const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
20
|
+
target: "e11d84160"
|
21
|
+
} : {
|
22
|
+
target: "e11d84160",
|
23
|
+
label: "Wrapper"
|
24
|
+
})(({
|
25
|
+
spaceBetween
|
26
|
+
}) => /*#__PURE__*/css("display:flex;justify-content:space-between;gap:1em;width:100%;", spaceBetween && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogMWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7c3BhY2VCZXR3ZWVuICYmXG4gICAgY3NzYFxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gIGBcbilcblxuY29uc3QgQWN0aW9uQnV0dG9ucyA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNwYWNlQmV0d2VlbiA9IHRydWUgfTogUHJvcHMpID0+IChcbiAgPFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNwYWNlQmV0d2Vlbj17c3BhY2VCZXR3ZWVufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnV0dG9uc1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogMWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7c3BhY2VCZXR3ZWVuICYmXG4gICAgY3NzYFxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gIGBcbilcblxuY29uc3QgQWN0aW9uQnV0dG9ucyA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNwYWNlQmV0d2VlbiA9IHRydWUgfTogUHJvcHMpID0+IChcbiAgPFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNwYWNlQmV0d2Vlbj17c3BhY2VCZXR3ZWVufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnV0dG9uc1xuIl19 */");
|
27
|
+
|
28
|
+
const ActionButtons = ({
|
29
|
+
children,
|
30
|
+
className,
|
31
|
+
spaceBetween = true
|
32
|
+
}) => /*#__PURE__*/_jsx(Wrapper, {
|
33
|
+
className: className,
|
34
|
+
spaceBetween: spaceBetween,
|
35
|
+
children: children
|
36
|
+
});
|
37
|
+
|
38
|
+
export default ActionButtons;
|
package/esm/core/Modal/index.js
CHANGED
@@ -7,10 +7,11 @@ import IconClose from '../../icons/General/IconClose';
|
|
7
7
|
import { Button, IconFullscreenClose } from '../..';
|
8
8
|
import IconMinus from '../../icons/General/IconMinus';
|
9
9
|
import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
|
10
|
+
import ActionButtons from './ActionButtons';
|
10
11
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
11
12
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
12
13
|
|
13
|
-
|
14
|
+
function Modal({
|
14
15
|
open,
|
15
16
|
header,
|
16
17
|
actionButton,
|
@@ -29,7 +30,7 @@ const Modal = ({
|
|
29
30
|
disableFocusTrap,
|
30
31
|
onClose,
|
31
32
|
onCollapse
|
32
|
-
})
|
33
|
+
}) {
|
33
34
|
const modalRef = /*#__PURE__*/createRef();
|
34
35
|
const [isOpen, setOpen] = useState(open);
|
35
36
|
const [headerHeight, setHeaderHeight] = useState(0);
|
@@ -132,6 +133,7 @@ const Modal = ({
|
|
132
133
|
})
|
133
134
|
})
|
134
135
|
});
|
135
|
-
}
|
136
|
+
}
|
136
137
|
|
138
|
+
Modal.Actions = ActionButtons;
|
137
139
|
export default Modal;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type Props = {
|
3
|
+
children: React.ReactNode | React.ReactNode[];
|
4
|
+
/** Adds "justify-content: space-between" @default true */
|
5
|
+
spaceBetween?: boolean;
|
6
|
+
className?: string;
|
7
|
+
};
|
8
|
+
declare const ActionButtons: ({ children, className, spaceBetween }: Props) => JSX.Element;
|
9
|
+
export default ActionButtons;
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Modal/ActionButtons/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAeD,QAAA,MAAM,aAAa,0CAAkD,KAAK,gBAIzE,CAAA;AAED,eAAe,aAAa,CAAA"}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
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)."; }
|
4
|
+
|
5
|
+
import { css } from '@emotion/react';
|
6
|
+
import React from 'react';
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
+
|
9
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
10
|
+
name: "2o6p8u",
|
11
|
+
styles: "justify-content:space-between"
|
12
|
+
} : {
|
13
|
+
name: "bm2q0v-Wrapper",
|
14
|
+
styles: "justify-content:space-between;label:Wrapper;",
|
15
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogMWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7c3BhY2VCZXR3ZWVuICYmXG4gICAgY3NzYFxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gIGBcbilcblxuY29uc3QgQWN0aW9uQnV0dG9ucyA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNwYWNlQmV0d2VlbiA9IHRydWUgfTogUHJvcHMpID0+IChcbiAgPFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNwYWNlQmV0d2Vlbj17c3BhY2VCZXR3ZWVufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnV0dG9uc1xuIl19 */",
|
16
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
|
+
};
|
18
|
+
|
19
|
+
const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
20
|
+
target: "e11d84160"
|
21
|
+
} : {
|
22
|
+
target: "e11d84160",
|
23
|
+
label: "Wrapper"
|
24
|
+
})(({
|
25
|
+
spaceBetween
|
26
|
+
}) => /*#__PURE__*/css("display:flex;justify-content:space-between;gap:1em;width:100%;", spaceBetween && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogMWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7c3BhY2VCZXR3ZWVuICYmXG4gICAgY3NzYFxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gIGBcbilcblxuY29uc3QgQWN0aW9uQnV0dG9ucyA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNwYWNlQmV0d2VlbiA9IHRydWUgfTogUHJvcHMpID0+IChcbiAgPFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNwYWNlQmV0d2Vlbj17c3BhY2VCZXR3ZWVufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnV0dG9uc1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01vZGFsL0FjdGlvbkJ1dHRvbnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Nb2RhbC9BY3Rpb25CdXR0b25zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXVxuICAvKiogQWRkcyBcImp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiIEBkZWZhdWx0IHRydWUgKi9cbiAgc3BhY2VCZXR3ZWVuPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNwYWNlQmV0d2VlbiB9OiB7IHNwYWNlQmV0d2Vlbj86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogMWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7c3BhY2VCZXR3ZWVuICYmXG4gICAgY3NzYFxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gIGBcbilcblxuY29uc3QgQWN0aW9uQnV0dG9ucyA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNwYWNlQmV0d2VlbiA9IHRydWUgfTogUHJvcHMpID0+IChcbiAgPFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNwYWNlQmV0d2Vlbj17c3BhY2VCZXR3ZWVufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnV0dG9uc1xuIl19 */");
|
27
|
+
|
28
|
+
const ActionButtons = ({
|
29
|
+
children,
|
30
|
+
className,
|
31
|
+
spaceBetween = true
|
32
|
+
}) => /*#__PURE__*/_jsx(Wrapper, {
|
33
|
+
className: className,
|
34
|
+
spaceBetween: spaceBetween,
|
35
|
+
children: children
|
36
|
+
});
|
37
|
+
|
38
|
+
export default ActionButtons;
|
@@ -6,7 +6,7 @@ interface IProps {
|
|
6
6
|
open?: boolean;
|
7
7
|
/** React node for header component */
|
8
8
|
header?: React.ReactNode;
|
9
|
-
/** React node for action buttons */
|
9
|
+
/** React node for action buttons. Use Modal.Actions as a wrapper, if using multiple buttons */
|
10
10
|
actionButton?: React.ReactNode;
|
11
11
|
/** Modal width */
|
12
12
|
width?: string;
|
@@ -39,6 +39,13 @@ interface IProps {
|
|
39
39
|
/** Children */
|
40
40
|
children?: React.ReactNode | React.ReactNode[];
|
41
41
|
}
|
42
|
-
declare
|
42
|
+
declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
43
|
+
declare namespace Modal {
|
44
|
+
var Actions: ({ children, className, spaceBetween }: {
|
45
|
+
children: React.ReactNode | React.ReactNode[];
|
46
|
+
spaceBetween?: boolean | undefined;
|
47
|
+
className?: string | undefined;
|
48
|
+
}) => JSX.Element;
|
49
|
+
}
|
43
50
|
export default Modal;
|
44
51
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,GACX,EAAE,MAAM,oDAgIR;kBAnJQ,KAAK;;;;;;;AAuJd,eAAe,KAAK,CAAA"}
|
package/lib/core/Modal/index.js
CHANGED
@@ -7,10 +7,11 @@ import IconClose from '../../icons/General/IconClose';
|
|
7
7
|
import { Button, IconFullscreenClose } from '../..';
|
8
8
|
import IconMinus from '../../icons/General/IconMinus';
|
9
9
|
import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
|
10
|
+
import ActionButtons from './ActionButtons';
|
10
11
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
11
12
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
12
13
|
|
13
|
-
|
14
|
+
function Modal({
|
14
15
|
open,
|
15
16
|
header,
|
16
17
|
actionButton,
|
@@ -29,7 +30,7 @@ const Modal = ({
|
|
29
30
|
disableFocusTrap,
|
30
31
|
onClose,
|
31
32
|
onCollapse
|
32
|
-
})
|
33
|
+
}) {
|
33
34
|
const modalRef = /*#__PURE__*/createRef();
|
34
35
|
const [isOpen, setOpen] = useState(open);
|
35
36
|
const [headerHeight, setHeaderHeight] = useState(0);
|
@@ -132,6 +133,7 @@ const Modal = ({
|
|
132
133
|
})
|
133
134
|
})
|
134
135
|
});
|
135
|
-
}
|
136
|
+
}
|
136
137
|
|
138
|
+
Modal.Actions = ActionButtons;
|
137
139
|
export default Modal;
|