@dreamcommerce/aurora 3.0.0-149 → 3.0.0-150

package/build/cjs/packages/aurora/src/components/action_list/action_list.js

@@ -5,21 +5,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var action_list_context = require('./context/action_list_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "onOpenChange"];
+var _excluded = ["children", "onOpenChange", "portal", "$container"];
 var ActionList = function ActionList(_ref) {
   var children = _ref.children,
     handleOpenChange = _ref.onOpenChange,
+    portal = _ref.portal,
+    $container = _ref.$container,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useContext = React.useContext(action_list_context.ActionListContext),
+    initialPointerEventsOnContainer = _useContext.initialPointerEventsOnContainer;
+  React.useEffect(function () {
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (_ref2) {
+        var _target$style;
+        var target = _ref2.target;
+        if (((_target$style = target.style) === null || _target$style === void 0 ? void 0 : _target$style.pointerEvents) === 'none') target.style.pointerEvents = initialPointerEventsOnContainer !== null && initialPointerEventsOnContainer !== void 0 ? initialPointerEventsOnContainer : '';
+        if (!target.getAttribute('style')) target.removeAttribute('style');
+      });
+    });
+    observer.observe(document.body, {
+      attributes: true,
+      attributeFilter: ['style']
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
   return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     onOpenChange: function onOpenChange(isOpen) {
+      console.log('isOpen', isOpen);
+      console.log('initialPointerEventsOnContainer', document.body.style.pointerEvents);
       handleOpenChange === null || handleOpenChange === void 0 ? void 0 : handleOpenChange(isOpen);
     }
-  }), children);
+  }), /*#__PURE__*/React__default['default'].createElement(action_list_context.ActionListContext.Provider, {
+    value: {
+      portal: portal,
+      $container: $container,
+      initialPointerEventsOnContainer: document.body.style.pointerEvents
+    }
+  }, children));
 };
 
 exports.ActionList = ActionList;

package/build/cjs/packages/aurora/src/components/action_list/action_list.js.map

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_content.js

@@ -6,6 +6,7 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var action_list_context = require('../context/action_list_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,12 +18,18 @@ var ActionListContent = /*#__PURE__*/React__default['default'].forwardRef(functi
     _ref$sideOffset = _ref.sideOffset,
     sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Portal, null, /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
+  var _useContext = React.useContext(action_list_context.ActionListContext),
+    portal = _useContext.portal,
+    $container = _useContext.$container;
+  var content = /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
     "data-test-el": "action-list-content",
     ref: ref,
     sideOffset: sideOffset,
     className: cn.cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)
-  }, props)));
+  }, props));
+  return portal ? /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Portal, {
+    container: $container
+  }, content) : content;
 });
 ActionListContent.displayName = 'ActionListContent';
 

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_content.js.map

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_content.js

@@ -6,6 +6,7 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var action_list_context = require('../context/action_list_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,11 +16,17 @@ var _excluded = ["className"];
 var ActionListSubContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.SubContent, _rollupPluginBabelHelpers.objectSpread2({
+  var _useContext = React.useContext(action_list_context.ActionListContext),
+    $container = _useContext.$container,
+    portal = _useContext.portal;
+  var content = /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.SubContent, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     "data-test-el": "action-list-sub-content",
     className: cn.cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)
   }, props));
+  return portal ? /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Portal, {
+    container: $container
+  }, content) : content;
 });
 ActionListSubContent.displayName = 'ActionListSubContent';
 

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_content.js.map

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/action_list/context/action_list_context.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ActionListContext = /*#__PURE__*/React__default['default'].createContext({
+  portal: true,
+  $container: document.body,
+  initialPointerEventsOnContainer: ''
+});
+
+exports.ActionListContext = ActionListContext;
+//# sourceMappingURL=action_list_context.js.map

package/build/cjs/packages/aurora/src/components/action_list/context/action_list_context.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/action_list/action_list.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PropsWithChildren } from 'react';
-import { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
-export declare const ActionList: ({ children, onOpenChange: handleOpenChange, ...props }: PropsWithChildren<DropdownMenuProps>) => React.JSX.Element;
+import { TActionListProps } from "./action_list_types";
+export declare const ActionList: ({ children, onOpenChange: handleOpenChange, portal, $container, ...props }: PropsWithChildren<TActionListProps>) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/action_list/action_list.js

@@ -1,17 +1,47 @@
-import React from 'react';
+import React, { useContext, useEffect } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Root } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from './context/action_list_context.js';
 
-var _excluded = ["children", "onOpenChange"];
+var _excluded = ["children", "onOpenChange", "portal", "$container"];
 var ActionList = function ActionList(_ref) {
   var children = _ref.children,
     handleOpenChange = _ref.onOpenChange,
+    portal = _ref.portal,
+    $container = _ref.$container,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ActionListContext),
+    initialPointerEventsOnContainer = _useContext.initialPointerEventsOnContainer;
+  useEffect(function () {
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (_ref2) {
+        var _target$style;
+        var target = _ref2.target;
+        if (((_target$style = target.style) === null || _target$style === void 0 ? void 0 : _target$style.pointerEvents) === 'none') target.style.pointerEvents = initialPointerEventsOnContainer !== null && initialPointerEventsOnContainer !== void 0 ? initialPointerEventsOnContainer : '';
+        if (!target.getAttribute('style')) target.removeAttribute('style');
+      });
+    });
+    observer.observe(document.body, {
+      attributes: true,
+      attributeFilter: ['style']
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(Root, _objectSpread2(_objectSpread2({}, props), {}, {
     onOpenChange: function onOpenChange(isOpen) {
+      console.log('isOpen', isOpen);
+      console.log('initialPointerEventsOnContainer', document.body.style.pointerEvents);
       handleOpenChange === null || handleOpenChange === void 0 ? void 0 : handleOpenChange(isOpen);
     }
-  }), children);
+  }), /*#__PURE__*/React.createElement(ActionListContext.Provider, {
+    value: {
+      portal: portal,
+      $container: $container,
+      initialPointerEventsOnContainer: document.body.style.pointerEvents
+    }
+  }, children));
 };
 
 export { ActionList };

package/build/esm/packages/aurora/src/components/action_list/action_list.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/action_list_types.d.ts

@@ -0,0 +1,10 @@
+import { DropdownMenuPortalProps, DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
+export declare type TActionListProps = DropdownMenuProps & DropdownMenuPortalProps & {
+    portal?: boolean;
+    $container?: HTMLElement;
+};
+export declare type TActionListContext = {
+    portal?: boolean;
+    $container?: HTMLElement;
+    initialPointerEventsOnContainer?: string;
+};

package/build/esm/packages/aurora/src/components/action_list/action_list_types.js

@@ -0,0 +1,2 @@
+import '@radix-ui/react-dropdown-menu';
+//# sourceMappingURL=action_list_types.js.map

package/build/esm/packages/aurora/src/components/action_list/action_list_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAA2D,+BAA+B,CAAC"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { Portal, Content } from '@radix-ui/react-dropdown-menu';
+import { Content, Portal } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from '../context/action_list_context.js';
 
 var _excluded = ["className", "sideOffset"];
 var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -9,12 +10,18 @@ var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$sideOffset = _ref.sideOffset,
     sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
+  var _useContext = useContext(ActionListContext),
+    portal = _useContext.portal,
+    $container = _useContext.$container;
+  var content = /*#__PURE__*/React.createElement(Content, _objectSpread2({
     "data-test-el": "action-list-content",
     ref: ref,
     sideOffset: sideOffset,
     className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)
-  }, props)));
+  }, props));
+  return portal ? /*#__PURE__*/React.createElement(Portal, {
+    container: $container
+  }, content) : content;
 });
 ActionListContent.displayName = 'ActionListContent';
 

package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js

@@ -1,17 +1,24 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { SubContent } from '@radix-ui/react-dropdown-menu';
+import { SubContent, Portal } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from '../context/action_list_context.js';
 
 var _excluded = ["className"];
 var ActionListSubContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
+  var _useContext = useContext(ActionListContext),
+    $container = _useContext.$container,
+    portal = _useContext.portal;
+  var content = /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-sub-content",
     className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)
   }, props));
+  return portal ? /*#__PURE__*/React.createElement(Portal, {
+    container: $container
+  }, content) : content;
 });
 ActionListSubContent.displayName = 'ActionListSubContent';
 

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/context/action_list_context.d.ts

@@ -0,0 +1,3 @@
+import { TActionListContext } from "../action_list_types";
+import React from 'react';
+export declare const ActionListContext: React.Context<TActionListContext>;

package/build/esm/packages/aurora/src/components/action_list/context/action_list_context.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+var ActionListContext = /*#__PURE__*/React.createContext({
+  portal: true,
+  $container: document.body,
+  initialPointerEventsOnContainer: ''
+});
+
+export { ActionListContext };
+//# sourceMappingURL=action_list_context.js.map

package/build/esm/packages/aurora/src/components/action_list/context/action_list_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-149",
+  "version": "3.0.0-150",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",