@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.
Files changed (21) hide show
  1. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +15 -12
  2. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js +2 -1
  4. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js +3 -2
  6. package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/modal/modals_manager.js +5 -3
  8. package/build/cjs/packages/aurora/src/components/modal/modals_manager.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +1 -1
  10. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +16 -13
  11. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js +2 -1
  13. package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.d.ts +1 -0
  15. package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js +3 -2
  16. package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/modal/modal_types.d.ts +3 -1
  18. package/build/esm/packages/aurora/src/components/modal/modals_manager.js +5 -3
  19. package/build/esm/packages/aurora/src/components/modal/modals_manager.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +1 -1
  21. 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
- var isInitializedRef = React.useRef(false);
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.useEffect(function () {
44
- if (!isInitializedRef.current) {
45
- addModal(name);
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: "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"
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
@@ -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, useEffect } from 'react';
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
- var isInitializedRef = useRef(false);
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
- useEffect(function () {
36
- if (!isInitializedRef.current) {
37
- addModal(name);
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: "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"
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
@@ -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;"}
@@ -5,5 +5,6 @@ declare const useModals: () => {
5
5
  hideModal: (modalName: string, onCloseAction?: () => void) => void;
6
6
  hideAllModals: (onCloseAction?: () => void) => void;
7
7
  openModalName: string;
8
+ openedModals: string[];
8
9
  };
9
10
  export default useModals;
@@ -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"
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.1.33",
5
+ "version": "3.1.35",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",