@dreamcommerce/aurora 3.0.0-282 → 3.0.0-284

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 (11) hide show
  1. package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js +8 -2
  2. package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/modal/modals_manager.js +5 -2
  4. package/build/cjs/packages/aurora/src/components/modal/modals_manager.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.d.ts +1 -0
  6. package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js +8 -2
  7. package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/modal/modals_manager.d.ts +1 -0
  9. package/build/esm/packages/aurora/src/components/modal/modals_manager.js +5 -2
  10. package/build/esm/packages/aurora/src/components/modal/modals_manager.js.map +1 -1
  11. package/package.json +2 -2
package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js CHANGED
@@ -13,7 +13,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
15
  var ModalsWrapper = function ModalsWrapper(_ref) {
16
- var children = _ref.children;
16
+ var _ref$rootElementSelec = _ref.rootElementSelector,
17
+ rootElementSelector = _ref$rootElementSelec === void 0 ? '#new-sve' : _ref$rootElementSelec,
18
+ children = _ref.children;
17
19
  var _useState = React.useState(false),
18
20
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
19
21
  showWrapper = _useState2[0],
@@ -24,6 +26,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
24
26
  setVisibleClass = _useState4[1];
25
27
  var _useModalsContext = use_modals_context.useModalsContext(),
26
28
  openedModals = _useModalsContext.openedModals;
29
+ var rootElement = document.querySelector(rootElementSelector);
27
30
  React.useEffect(function () {
28
31
  var showWrapperTimeout;
29
32
  if (openedModals.length) {
@@ -39,6 +42,9 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
39
42
  return clearTimeout(showWrapperTimeout);
40
43
  };
41
44
  }, [openedModals]);
45
+ if (!rootElement) {
46
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
47
+ }
42
48
  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default['default'].createElement("div", null, showWrapper && (/*#__PURE__*/React__default['default'].createElement("div", {
43
49
  className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-[1000] aurora-p-4"
44
50
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -46,7 +52,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
46
52
  }), /*#__PURE__*/React__default['default'].createElement("div", {
47
53
  id: modal_constants.MODALS_CONTENT_ID,
48
54
  className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
49
- }))), children), document.body);
55
+ }))), children), rootElement);
50
56
  };
51
57
 
52
58
  exports.ModalsWrapper = ModalsWrapper;
package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/modal/modals_manager.js CHANGED
@@ -12,7 +12,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  var ModalsManager = function ModalsManager(_ref) {
15
- var children = _ref.children;
15
+ var rootElementSelector = _ref.rootElementSelector,
16
+ children = _ref.children;
16
17
  var _useModals = use_modals['default'](),
17
18
  modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
18
19
  addModal = _useModals.addModal,
@@ -36,7 +37,9 @@ var ModalsManager = function ModalsManager(_ref) {
36
37
  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
37
38
  return /*#__PURE__*/React__default['default'].createElement(modal_context.ModalsManagerContext.Provider, {
38
39
  value: value
39
- }, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, null, children));
40
+ }, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, {
41
+ rootElementSelector: rootElementSelector
42
+ }, children));
40
43
  };
41
44
 
42
45
  exports.ModalsManager = ModalsManager;
package/build/cjs/packages/aurora/src/components/modal/modals_manager.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  interface IModalsWrapperProps {
3
+ rootElementSelector?: string;
3
4
  children: ReactNode;
4
5
  }
5
6
  export declare const ModalsWrapper: React.FC<IModalsWrapperProps>;
package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js CHANGED
@@ -5,7 +5,9 @@ import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../mod
5
5
  import { useModalsContext } from '../hooks/use_modals_context.js';
6
6
 
7
7
  var ModalsWrapper = function ModalsWrapper(_ref) {
8
- var children = _ref.children;
8
+ var _ref$rootElementSelec = _ref.rootElementSelector,
9
+ rootElementSelector = _ref$rootElementSelec === void 0 ? '#new-sve' : _ref$rootElementSelec,
10
+ children = _ref.children;
9
11
  var _useState = useState(false),
10
12
  _useState2 = _slicedToArray(_useState, 2),
11
13
  showWrapper = _useState2[0],
@@ -16,6 +18,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
16
18
  setVisibleClass = _useState4[1];
17
19
  var _useModalsContext = useModalsContext(),
18
20
  openedModals = _useModalsContext.openedModals;
21
+ var rootElement = document.querySelector(rootElementSelector);
19
22
  useEffect(function () {
20
23
  var showWrapperTimeout;
21
24
  if (openedModals.length) {
@@ -31,6 +34,9 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
31
34
  return clearTimeout(showWrapperTimeout);
32
35
  };
33
36
  }, [openedModals]);
37
+ if (!rootElement) {
38
+ return /*#__PURE__*/React.createElement(React.Fragment, null, children);
39
+ }
34
40
  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", null, showWrapper && (/*#__PURE__*/React.createElement("div", {
35
41
  className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-[1000] aurora-p-4"
36
42
  }, /*#__PURE__*/React.createElement("div", {
@@ -38,7 +44,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
38
44
  }), /*#__PURE__*/React.createElement("div", {
39
45
  id: MODALS_CONTENT_ID,
40
46
  className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
41
- }))), children), document.body);
47
+ }))), children), rootElement);
42
48
  };
43
49
 
44
50
  export { ModalsWrapper };
package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/modal/modals_manager.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  interface IModalsManagerProps {
3
+ rootElementSelector?: string;
3
4
  children: ReactNode;
4
5
  }
5
6
  export declare const ModalsManager: React.FC<IModalsManagerProps>;
package/build/esm/packages/aurora/src/components/modal/modals_manager.js CHANGED
@@ -4,7 +4,8 @@ import { ModalsWrapper } from './components/modals_wrapper.js';
4
4
  import useModals from './hooks/use_modals.js';
5
5
 
6
6
  var ModalsManager = function ModalsManager(_ref) {
7
- var children = _ref.children;
7
+ var rootElementSelector = _ref.rootElementSelector,
8
+ children = _ref.children;
8
9
  var _useModals = useModals(),
9
10
  modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
10
11
  addModal = _useModals.addModal,
@@ -28,7 +29,9 @@ var ModalsManager = function ModalsManager(_ref) {
28
29
  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
29
30
  return /*#__PURE__*/React.createElement(ModalsManagerContext.Provider, {
30
31
  value: value
31
- }, /*#__PURE__*/React.createElement(ModalsWrapper, null, children));
32
+ }, /*#__PURE__*/React.createElement(ModalsWrapper, {
33
+ rootElementSelector: rootElementSelector
34
+ }, children));
32
35
  };
33
36
 
34
37
  export { ModalsManager };
package/build/esm/packages/aurora/src/components/modal/modals_manager.js.map CHANGED
@@ -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;"}
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;"}
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.0.0-282",
5
+ "version": "3.0.0-284",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -56,7 +56,7 @@
56
56
  "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
57
57
  },
58
58
  "devDependencies": {
59
- "@dreamcommerce/utilities": "^1.20.1",
59
+ "@dreamcommerce/utilities": "^1.20.1-0",
60
60
  "@radix-ui/react-accordion": "1.1.0",
61
61
  "@radix-ui/react-checkbox": "1.1.3",
62
62
  "@radix-ui/react-dropdown-menu": "2.1.2",