@dreamcommerce/aurora 3.1.34 → 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 (6) hide show
  1. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +6 -10
  2. package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +7 -11
  4. package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/modal/modal_types.d.ts +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js CHANGED
@@ -28,9 +28,8 @@ var Modal = function Modal(_ref) {
28
28
  closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
29
29
  _ref$initiallyVisible = _ref.initiallyVisible,
30
30
  initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible,
31
- _ref$hideWhenUnder = _ref.hideWhenUnder,
32
- hideWhenUnder = _ref$hideWhenUnder === void 0 ? false : _ref$hideWhenUnder;
33
- var isInitializedRef = React.useRef(false);
31
+ _ref$renderHiddenInQu = _ref.renderHiddenInQueue,
32
+ renderHiddenInQueue = _ref$renderHiddenInQu === void 0 ? false : _ref$renderHiddenInQu;
34
33
  var initiallyVisibleRef = React.useRef(initiallyVisible);
35
34
  var _useModalsContext = use_modals_context.useModalsContext(),
36
35
  addModal = _useModalsContext.addModal,
@@ -44,18 +43,15 @@ var Modal = function Modal(_ref) {
44
43
  hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
45
44
  }, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
46
45
  // Initial setup
47
- React.useEffect(function () {
48
- if (!isInitializedRef.current) {
49
- addModal(name);
50
- if (initiallyVisibleRef.current) showModal(name);
51
- isInitializedRef.current = true;
52
- }
46
+ React.useLayoutEffect(function () {
47
+ addModal(name);
48
+ if (initiallyVisibleRef.current) showModal(name);
53
49
  return function () {
54
50
  return removeModal(name);
55
51
  };
56
52
  }, [name, addModal, removeModal, showModal]);
57
53
  var renderModal = name === openModalName;
58
- var forceOpen = openedModals.includes(name) && hideWhenUnder;
54
+ var forceOpen = openedModals.includes(name) && renderHiddenInQueue;
59
55
  var hidden = forceOpen && !renderModal;
60
56
  return /*#__PURE__*/React__default['default'].createElement(index.Root, {
61
57
  open: renderModal || forceOpen,
package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.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;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;"}
package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { useRef, useCallback, useEffect } from 'react';
1
+ import React__default, { useRef, useCallback, useLayoutEffect } from 'react';
2
2
  import { cn } from '../../../../utilities/cn.js';
3
3
  import { MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
4
4
  import { Root, Portal, Overlay } from '../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js';
@@ -20,9 +20,8 @@ var Modal = function Modal(_ref) {
20
20
  closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
21
21
  _ref$initiallyVisible = _ref.initiallyVisible,
22
22
  initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible,
23
- _ref$hideWhenUnder = _ref.hideWhenUnder,
24
- hideWhenUnder = _ref$hideWhenUnder === void 0 ? false : _ref$hideWhenUnder;
25
- var isInitializedRef = useRef(false);
23
+ _ref$renderHiddenInQu = _ref.renderHiddenInQueue,
24
+ renderHiddenInQueue = _ref$renderHiddenInQu === void 0 ? false : _ref$renderHiddenInQu;
26
25
  var initiallyVisibleRef = useRef(initiallyVisible);
27
26
  var _useModalsContext = useModalsContext(),
28
27
  addModal = _useModalsContext.addModal,
@@ -36,18 +35,15 @@ var Modal = function Modal(_ref) {
36
35
  hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
37
36
  }, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
38
37
  // Initial setup
39
- useEffect(function () {
40
- if (!isInitializedRef.current) {
41
- addModal(name);
42
- if (initiallyVisibleRef.current) showModal(name);
43
- isInitializedRef.current = true;
44
- }
38
+ useLayoutEffect(function () {
39
+ addModal(name);
40
+ if (initiallyVisibleRef.current) showModal(name);
45
41
  return function () {
46
42
  return removeModal(name);
47
43
  };
48
44
  }, [name, addModal, removeModal, showModal]);
49
45
  var renderModal = name === openModalName;
50
- var forceOpen = openedModals.includes(name) && hideWhenUnder;
46
+ var forceOpen = openedModals.includes(name) && renderHiddenInQueue;
51
47
  var hidden = forceOpen && !renderModal;
52
48
  return /*#__PURE__*/React__default.createElement(Root, {
53
49
  open: renderModal || forceOpen,
package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map CHANGED
@@ -1 +1 @@
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;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;"}
package/build/esm/packages/aurora/src/components/modal/modal_types.d.ts CHANGED
@@ -20,7 +20,7 @@ export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
20
20
  closeOnOutsideClick?: boolean;
21
21
  closeOnEscButton?: boolean;
22
22
  initiallyVisible?: boolean;
23
- hideWhenUnder?: boolean;
23
+ renderHiddenInQueue?: boolean;
24
24
  }
25
25
  export declare type TModalContentProps = Pick<IModalNewProps, 'name' | 'width' | 'header' | 'footer' | 'children' | 'closeOnOutsideClick' | 'closeOnEscButton' | 'className'>;
26
26
  export declare type THeaderObject = {
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.34",
5
+ "version": "3.1.35",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",