@dreamcommerce/aurora 3.1.33 → 3.1.35
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/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +15 -12
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js +2 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js +3 -2
- package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/modals_manager.js +5 -3
- package/build/cjs/packages/aurora/src/components/modal/modals_manager.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +1 -1
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +16 -13
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js +2 -1
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js +3 -2
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/modal_types.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js +5 -3
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var cn = require('../../../../utilities/cn.js');
|
|
6
7
|
var modal_constants = require('../../modal_constants.js');
|
|
7
8
|
var index = require('../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js');
|
|
8
9
|
var use_modals_context = require('../../hooks/use_modals_context.js');
|
|
@@ -26,8 +27,9 @@ var Modal = function Modal(_ref) {
|
|
|
26
27
|
_ref$closeOnEscButton = _ref.closeOnEscButton,
|
|
27
28
|
closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
|
|
28
29
|
_ref$initiallyVisible = _ref.initiallyVisible,
|
|
29
|
-
initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible
|
|
30
|
-
|
|
30
|
+
initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible,
|
|
31
|
+
_ref$renderHiddenInQu = _ref.renderHiddenInQueue,
|
|
32
|
+
renderHiddenInQueue = _ref$renderHiddenInQu === void 0 ? false : _ref$renderHiddenInQu;
|
|
31
33
|
var initiallyVisibleRef = React.useRef(initiallyVisible);
|
|
32
34
|
var _useModalsContext = use_modals_context.useModalsContext(),
|
|
33
35
|
addModal = _useModalsContext.addModal,
|
|
@@ -35,36 +37,37 @@ var Modal = function Modal(_ref) {
|
|
|
35
37
|
hideModal = _useModalsContext.hideModal,
|
|
36
38
|
showModal = _useModalsContext.showModal,
|
|
37
39
|
hideAllModals = _useModalsContext.hideAllModals,
|
|
38
|
-
openModalName = _useModalsContext.openModalName
|
|
40
|
+
openModalName = _useModalsContext.openModalName,
|
|
41
|
+
openedModals = _useModalsContext.openedModals;
|
|
39
42
|
var closeModal = React.useCallback(function () {
|
|
40
43
|
hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
|
|
41
44
|
}, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
|
|
42
45
|
// Initial setup
|
|
43
|
-
React.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (initiallyVisibleRef.current) showModal(name);
|
|
47
|
-
isInitializedRef.current = true;
|
|
48
|
-
}
|
|
46
|
+
React.useLayoutEffect(function () {
|
|
47
|
+
addModal(name);
|
|
48
|
+
if (initiallyVisibleRef.current) showModal(name);
|
|
49
49
|
return function () {
|
|
50
50
|
return removeModal(name);
|
|
51
51
|
};
|
|
52
52
|
}, [name, addModal, removeModal, showModal]);
|
|
53
53
|
var renderModal = name === openModalName;
|
|
54
|
+
var forceOpen = openedModals.includes(name) && renderHiddenInQueue;
|
|
55
|
+
var hidden = forceOpen && !renderModal;
|
|
54
56
|
return /*#__PURE__*/React__default['default'].createElement(index.Root, {
|
|
55
|
-
open: renderModal,
|
|
57
|
+
open: renderModal || forceOpen,
|
|
56
58
|
onOpenChange: function onOpenChange(open) {
|
|
57
59
|
if (!open) closeModal();
|
|
58
60
|
}
|
|
59
61
|
}, /*#__PURE__*/React__default['default'].createElement(index.Portal, null, /*#__PURE__*/React__default['default'].createElement(index.Overlay, {
|
|
60
|
-
className:
|
|
62
|
+
className: cn.cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-inverse aurora-opacity-70 js__modal-mask', hidden && 'aurora-hidden')
|
|
61
63
|
}), /*#__PURE__*/React__default['default'].createElement(modal_content.ModalContent, {
|
|
62
64
|
name: name,
|
|
63
65
|
width: width,
|
|
64
66
|
header: header,
|
|
65
67
|
footer: footer,
|
|
66
68
|
closeOnOutsideClick: closeOnOutsideClick,
|
|
67
|
-
closeOnEscButton: closeOnEscButton
|
|
69
|
+
closeOnEscButton: closeOnEscButton,
|
|
70
|
+
className: cn.cn(hidden && 'aurora-hidden')
|
|
68
71
|
}, children)));
|
|
69
72
|
};
|
|
70
73
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,6 +24,7 @@ var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_
|
|
|
24
24
|
header = _ref.header,
|
|
25
25
|
footer = _ref.footer,
|
|
26
26
|
children = _ref.children,
|
|
27
|
+
className = _ref.className,
|
|
27
28
|
_ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
|
|
28
29
|
closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
|
|
29
30
|
_ref$closeOnEscButton = _ref.closeOnEscButton,
|
|
@@ -45,7 +46,7 @@ var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_
|
|
|
45
46
|
"data-test-id": "modal",
|
|
46
47
|
className: cn.cn(modal_variants.modalVariants({
|
|
47
48
|
width: width
|
|
48
|
-
})),
|
|
49
|
+
}), className),
|
|
49
50
|
ref: ref
|
|
50
51
|
}, header && (/*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
|
|
51
52
|
hasCloseIcon: modal_utils.ModalUtils.isHeaderObject(header) ? (_header$hasCloseIcon = header.hasCloseIcon) !== null && _header$hasCloseIcon !== void 0 ? _header$hasCloseIcon : true : true
|
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -50,9 +50,10 @@ var useModals = function useModals() {
|
|
|
50
50
|
showModal: showModal,
|
|
51
51
|
hideModal: hideModal,
|
|
52
52
|
hideAllModals: hideAllModals,
|
|
53
|
-
openModalName: openModalName
|
|
53
|
+
openModalName: openModalName,
|
|
54
|
+
openedModals: openedModals
|
|
54
55
|
};
|
|
55
|
-
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName]);
|
|
56
|
+
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName, openedModals]);
|
|
56
57
|
};
|
|
57
58
|
|
|
58
59
|
exports.default = useModals;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -18,7 +18,8 @@ var ModalsManager = function ModalsManager(_ref) {
|
|
|
18
18
|
showModal = _useModals.showModal,
|
|
19
19
|
hideModal = _useModals.hideModal,
|
|
20
20
|
hideAllModals = _useModals.hideAllModals,
|
|
21
|
-
openModalName = _useModals.openModalName
|
|
21
|
+
openModalName = _useModals.openModalName,
|
|
22
|
+
openedModals = _useModals.openedModals;
|
|
22
23
|
var value = React.useMemo(function () {
|
|
23
24
|
return {
|
|
24
25
|
addModal: addModal,
|
|
@@ -26,9 +27,10 @@ var ModalsManager = function ModalsManager(_ref) {
|
|
|
26
27
|
showModal: showModal,
|
|
27
28
|
hideModal: hideModal,
|
|
28
29
|
hideAllModals: hideAllModals,
|
|
29
|
-
openModalName: openModalName
|
|
30
|
+
openModalName: openModalName,
|
|
31
|
+
openedModals: openedModals
|
|
30
32
|
};
|
|
31
|
-
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName]);
|
|
33
|
+
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName, openedModals]);
|
|
32
34
|
return /*#__PURE__*/React__default['default'].createElement(modal_context.ModalsManagerContext.Provider, {
|
|
33
35
|
value: value
|
|
34
36
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -210,7 +210,7 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
210
210
|
onClick: function onClick(e) {
|
|
211
211
|
e.preventDefault();
|
|
212
212
|
e.stopPropagation();
|
|
213
|
-
showModal(modalId);
|
|
213
|
+
showModal(modalId, true);
|
|
214
214
|
},
|
|
215
215
|
type: "button",
|
|
216
216
|
className: "aurora-absolute aurora-top-2 aurora-right-2 aurora-z-10 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React__default, { useRef, useCallback,
|
|
1
|
+
import React__default, { useRef, useCallback, useLayoutEffect } from 'react';
|
|
2
|
+
import { cn } from '../../../../utilities/cn.js';
|
|
2
3
|
import { MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
|
|
3
4
|
import { Root, Portal, Overlay } from '../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js';
|
|
4
5
|
import { useModalsContext } from '../../hooks/use_modals_context.js';
|
|
@@ -18,8 +19,9 @@ var Modal = function Modal(_ref) {
|
|
|
18
19
|
_ref$closeOnEscButton = _ref.closeOnEscButton,
|
|
19
20
|
closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
|
|
20
21
|
_ref$initiallyVisible = _ref.initiallyVisible,
|
|
21
|
-
initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible
|
|
22
|
-
|
|
22
|
+
initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible,
|
|
23
|
+
_ref$renderHiddenInQu = _ref.renderHiddenInQueue,
|
|
24
|
+
renderHiddenInQueue = _ref$renderHiddenInQu === void 0 ? false : _ref$renderHiddenInQu;
|
|
23
25
|
var initiallyVisibleRef = useRef(initiallyVisible);
|
|
24
26
|
var _useModalsContext = useModalsContext(),
|
|
25
27
|
addModal = _useModalsContext.addModal,
|
|
@@ -27,36 +29,37 @@ var Modal = function Modal(_ref) {
|
|
|
27
29
|
hideModal = _useModalsContext.hideModal,
|
|
28
30
|
showModal = _useModalsContext.showModal,
|
|
29
31
|
hideAllModals = _useModalsContext.hideAllModals,
|
|
30
|
-
openModalName = _useModalsContext.openModalName
|
|
32
|
+
openModalName = _useModalsContext.openModalName,
|
|
33
|
+
openedModals = _useModalsContext.openedModals;
|
|
31
34
|
var closeModal = useCallback(function () {
|
|
32
35
|
hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
|
|
33
36
|
}, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
|
|
34
37
|
// Initial setup
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
if (initiallyVisibleRef.current) showModal(name);
|
|
39
|
-
isInitializedRef.current = true;
|
|
40
|
-
}
|
|
38
|
+
useLayoutEffect(function () {
|
|
39
|
+
addModal(name);
|
|
40
|
+
if (initiallyVisibleRef.current) showModal(name);
|
|
41
41
|
return function () {
|
|
42
42
|
return removeModal(name);
|
|
43
43
|
};
|
|
44
44
|
}, [name, addModal, removeModal, showModal]);
|
|
45
45
|
var renderModal = name === openModalName;
|
|
46
|
+
var forceOpen = openedModals.includes(name) && renderHiddenInQueue;
|
|
47
|
+
var hidden = forceOpen && !renderModal;
|
|
46
48
|
return /*#__PURE__*/React__default.createElement(Root, {
|
|
47
|
-
open: renderModal,
|
|
49
|
+
open: renderModal || forceOpen,
|
|
48
50
|
onOpenChange: function onOpenChange(open) {
|
|
49
51
|
if (!open) closeModal();
|
|
50
52
|
}
|
|
51
53
|
}, /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Overlay, {
|
|
52
|
-
className:
|
|
54
|
+
className: cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-inverse aurora-opacity-70 js__modal-mask', hidden && 'aurora-hidden')
|
|
53
55
|
}), /*#__PURE__*/React__default.createElement(ModalContent, {
|
|
54
56
|
name: name,
|
|
55
57
|
width: width,
|
|
56
58
|
header: header,
|
|
57
59
|
footer: footer,
|
|
58
60
|
closeOnOutsideClick: closeOnOutsideClick,
|
|
59
|
-
closeOnEscButton: closeOnEscButton
|
|
61
|
+
closeOnEscButton: closeOnEscButton,
|
|
62
|
+
className: cn(hidden && 'aurora-hidden')
|
|
60
63
|
}, children)));
|
|
61
64
|
};
|
|
62
65
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sCAAsC,wEAA4E;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sCAAsC,wEAA4E;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -16,6 +16,7 @@ var ModalContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
16
16
|
header = _ref.header,
|
|
17
17
|
footer = _ref.footer,
|
|
18
18
|
children = _ref.children,
|
|
19
|
+
className = _ref.className,
|
|
19
20
|
_ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
|
|
20
21
|
closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
|
|
21
22
|
_ref$closeOnEscButton = _ref.closeOnEscButton,
|
|
@@ -37,7 +38,7 @@ var ModalContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
37
38
|
"data-test-id": "modal",
|
|
38
39
|
className: cn(modalVariants({
|
|
39
40
|
width: width
|
|
40
|
-
})),
|
|
41
|
+
}), className),
|
|
41
42
|
ref: ref
|
|
42
43
|
}, header && (/*#__PURE__*/React__default.createElement(ModalHeader, {
|
|
43
44
|
hasCloseIcon: ModalUtils.isHeaderObject(header) ? (_header$hasCloseIcon = header.hasCloseIcon) !== null && _header$hasCloseIcon !== void 0 ? _header$hasCloseIcon : true : true
|
package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -46,9 +46,10 @@ var useModals = function useModals() {
|
|
|
46
46
|
showModal: showModal,
|
|
47
47
|
hideModal: hideModal,
|
|
48
48
|
hideAllModals: hideAllModals,
|
|
49
|
-
openModalName: openModalName
|
|
49
|
+
openModalName: openModalName,
|
|
50
|
+
openedModals: openedModals
|
|
50
51
|
};
|
|
51
|
-
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName]);
|
|
52
|
+
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName, openedModals]);
|
|
52
53
|
};
|
|
53
54
|
|
|
54
55
|
export default useModals;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,6 +7,7 @@ export interface IModalsManagerContextProps {
|
|
|
7
7
|
hideModal: (modalName: string, onCloseAction?: () => void) => void;
|
|
8
8
|
hideAllModals: (onCloseAction?: () => void) => void;
|
|
9
9
|
openModalName: string | undefined;
|
|
10
|
+
openedModals: string[];
|
|
10
11
|
}
|
|
11
12
|
export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
13
|
name: string;
|
|
@@ -19,8 +20,9 @@ export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
19
20
|
closeOnOutsideClick?: boolean;
|
|
20
21
|
closeOnEscButton?: boolean;
|
|
21
22
|
initiallyVisible?: boolean;
|
|
23
|
+
renderHiddenInQueue?: boolean;
|
|
22
24
|
}
|
|
23
|
-
export declare type TModalContentProps = Pick<IModalNewProps, 'name' | 'width' | 'header' | 'footer' | 'children' | 'closeOnOutsideClick' | 'closeOnEscButton'>;
|
|
25
|
+
export declare type TModalContentProps = Pick<IModalNewProps, 'name' | 'width' | 'header' | 'footer' | 'children' | 'closeOnOutsideClick' | 'closeOnEscButton' | 'className'>;
|
|
24
26
|
export declare type THeaderObject = {
|
|
25
27
|
hasCloseIcon?: boolean;
|
|
26
28
|
content: React.ReactNode;
|
|
@@ -10,7 +10,8 @@ var ModalsManager = function ModalsManager(_ref) {
|
|
|
10
10
|
showModal = _useModals.showModal,
|
|
11
11
|
hideModal = _useModals.hideModal,
|
|
12
12
|
hideAllModals = _useModals.hideAllModals,
|
|
13
|
-
openModalName = _useModals.openModalName
|
|
13
|
+
openModalName = _useModals.openModalName,
|
|
14
|
+
openedModals = _useModals.openedModals;
|
|
14
15
|
var value = useMemo(function () {
|
|
15
16
|
return {
|
|
16
17
|
addModal: addModal,
|
|
@@ -18,9 +19,10 @@ var ModalsManager = function ModalsManager(_ref) {
|
|
|
18
19
|
showModal: showModal,
|
|
19
20
|
hideModal: hideModal,
|
|
20
21
|
hideAllModals: hideAllModals,
|
|
21
|
-
openModalName: openModalName
|
|
22
|
+
openModalName: openModalName,
|
|
23
|
+
openedModals: openedModals
|
|
22
24
|
};
|
|
23
|
-
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName]);
|
|
25
|
+
}, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName, openedModals]);
|
|
24
26
|
return /*#__PURE__*/React__default.createElement(ModalsManagerContext.Provider, {
|
|
25
27
|
value: value
|
|
26
28
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -202,7 +202,7 @@ var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
202
202
|
onClick: function onClick(e) {
|
|
203
203
|
e.preventDefault();
|
|
204
204
|
e.stopPropagation();
|
|
205
|
-
showModal(modalId);
|
|
205
|
+
showModal(modalId, true);
|
|
206
206
|
},
|
|
207
207
|
type: "button",
|
|
208
208
|
className: "aurora-absolute aurora-top-2 aurora-right-2 aurora-z-10 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
|