@dreamcommerce/aurora 3.0.0-13 → 3.0.0-15
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/external/@radix-ui/primitive/dist/index.mjs.js +6 -3
- package/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-arrow/dist/index.mjs.js +19 -15
- package/build/cjs/external/@radix-ui/react-arrow/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js +14 -4
- package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js +54 -35
- package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +168 -138
- package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js +13 -6
- package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-popper/dist/index.mjs.js +281 -223
- package/build/cjs/external/@radix-ui/react-popper/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js +51 -34
- package/build/cjs/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js +17 -6
- package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js +67 -53
- package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js +16 -27
- package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-slot/dist/index.mjs.js +49 -33
- package/build/cjs/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-tooltip/dist/index.mjs.js +432 -338
- package/build/cjs/external/@radix-ui/react-tooltip/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +11 -3
- package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +34 -32
- package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +13 -6
- package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +1 -2
- package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-size/dist/index.mjs.js +26 -13
- package/build/cjs/external/@radix-ui/react-use-size/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-visually-hidden/dist/index.mjs.js +19 -26
- package/build/cjs/external/@radix-ui/react-visually-hidden/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/tailwind-merge/dist/bundle-mjs.mjs.js +2586 -0
- package/build/{esm/external/tailwind-merge/dist/bundle-cjs.js.map → cjs/external/tailwind-merge/dist/bundle-mjs.mjs.js.map} +1 -1
- package/build/cjs/packages/aurora/src/utilities/cn.js +2 -2
- package/build/cjs/packages/aurora/src/utilities/cn.js.map +1 -1
- package/build/esm/external/@floating-ui/dom/dist/floating-ui.dom.mjs.js +1 -1
- package/build/esm/external/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs.js +1 -1
- package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js +6 -3
- package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-arrow/dist/index.mjs.js +19 -15
- package/build/esm/external/@radix-ui/react-arrow/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js +14 -4
- package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js +54 -35
- package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +169 -139
- package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js +13 -6
- package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-popper/dist/index.mjs.js +282 -224
- package/build/esm/external/@radix-ui/react-popper/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js +51 -34
- package/build/esm/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js +17 -6
- package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js +67 -53
- package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js +16 -27
- package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-slot/dist/index.mjs.js +49 -33
- package/build/esm/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-tooltip/dist/index.mjs.js +424 -330
- package/build/esm/external/@radix-ui/react-tooltip/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +11 -3
- package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +34 -32
- package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +13 -6
- package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +1 -2
- package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-size/dist/index.mjs.js +26 -13
- package/build/esm/external/@radix-ui/react-use-size/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-visually-hidden/dist/index.mjs.js +19 -26
- package/build/esm/external/@radix-ui/react-visually-hidden/dist/index.mjs.js.map +1 -1
- package/build/esm/external/tailwind-merge/dist/bundle-mjs.mjs.js +2578 -0
- package/build/{cjs/external/tailwind-merge/dist/bundle-cjs.js.map → esm/external/tailwind-merge/dist/bundle-mjs.mjs.js.map} +1 -1
- package/build/esm/packages/aurora/src/utilities/cn.js +2 -2
- package/build/esm/packages/aurora/src/utilities/cn.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/_virtual/_commonjsHelpers.js +0 -11
- package/build/cjs/_virtual/_commonjsHelpers.js.map +0 -1
- package/build/cjs/external/tailwind-merge/dist/bundle-cjs.js +0 -2671
- package/build/esm/_virtual/_commonjsHelpers.js +0 -7
- package/build/esm/_virtual/_commonjsHelpers.js.map +0 -1
- package/build/esm/external/tailwind-merge/dist/bundle-cjs.js +0 -2667
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { forwardRef, useContext, useState, useEffect, useRef, createContext } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
3
|
import { composeEventHandlers } from '../../primitive/dist/index.mjs.js';
|
|
3
4
|
import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs.js';
|
|
4
5
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -6,151 +7,162 @@ import { Primitive, dispatchDiscreteCustomEvent } from '../../react-primitive/di
|
|
|
6
7
|
import { useCallbackRef } from '../../react-use-callback-ref/dist/index.mjs.js';
|
|
7
8
|
import { useEscapeKeydown } from '../../react-use-escape-keydown/dist/index.mjs.js';
|
|
8
9
|
|
|
10
|
+
var _excluded = ["disableOutsidePointerEvents", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "onDismiss"];
|
|
9
11
|
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
10
12
|
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
11
13
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
12
14
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
13
15
|
var originalBodyPointerEvents;
|
|
14
|
-
var DismissableLayerContext = createContext({
|
|
15
|
-
layers: /* @__PURE__ */
|
|
16
|
-
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */
|
|
17
|
-
branches: /* @__PURE__ */
|
|
16
|
+
var DismissableLayerContext = /*#__PURE__*/createContext({
|
|
17
|
+
layers: /* @__PURE__ */new Set(),
|
|
18
|
+
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */new Set(),
|
|
19
|
+
branches: /* @__PURE__ */new Set()
|
|
18
20
|
});
|
|
19
|
-
var DismissableLayer = forwardRef(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
21
|
+
var DismissableLayer = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
|
|
22
|
+
var _node$ownerDocument;
|
|
23
|
+
var _props$disableOutside = props.disableOutsidePointerEvents,
|
|
24
|
+
disableOutsidePointerEvents = _props$disableOutside === void 0 ? false : _props$disableOutside,
|
|
25
|
+
onEscapeKeyDown = props.onEscapeKeyDown,
|
|
26
|
+
onPointerDownOutside = props.onPointerDownOutside,
|
|
27
|
+
onFocusOutside = props.onFocusOutside,
|
|
28
|
+
onInteractOutside = props.onInteractOutside,
|
|
29
|
+
onDismiss = props.onDismiss,
|
|
30
|
+
layerProps = _objectWithoutProperties(props, _excluded);
|
|
31
|
+
var context = useContext(DismissableLayerContext);
|
|
32
|
+
var _React$useState = useState(null),
|
|
33
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
34
|
+
node = _React$useState2[0],
|
|
35
|
+
setNode = _React$useState2[1];
|
|
36
|
+
var ownerDocument = (_node$ownerDocument = node === null || node === void 0 ? void 0 : node.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
|
|
37
|
+
var _React$useState3 = useState({}),
|
|
38
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
39
|
+
force = _React$useState4[1];
|
|
40
|
+
var composedRefs = useComposedRefs(forwardedRef, function (node2) {
|
|
41
|
+
return setNode(node2);
|
|
42
|
+
});
|
|
43
|
+
var layers = Array.from(context.layers);
|
|
44
|
+
var _slice = _toConsumableArray(context.layersWithOutsidePointerEventsDisabled).slice(-1),
|
|
45
|
+
_slice2 = _slicedToArray(_slice, 1),
|
|
46
|
+
highestLayerWithOutsidePointerEventsDisabled = _slice2[0];
|
|
47
|
+
var highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
|
|
48
|
+
var index = node ? layers.indexOf(node) : -1;
|
|
49
|
+
var isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
50
|
+
var isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
51
|
+
var pointerDownOutside = usePointerDownOutside(function (event) {
|
|
52
|
+
var target = event.target;
|
|
53
|
+
var isPointerDownOnBranch = _toConsumableArray(context.branches).some(function (branch) {
|
|
54
|
+
return branch.contains(target);
|
|
55
|
+
});
|
|
56
|
+
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
57
|
+
onPointerDownOutside === null || onPointerDownOutside === void 0 ? void 0 : onPointerDownOutside(event);
|
|
58
|
+
onInteractOutside === null || onInteractOutside === void 0 ? void 0 : onInteractOutside(event);
|
|
59
|
+
if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
|
|
60
|
+
}, ownerDocument);
|
|
61
|
+
var focusOutside = useFocusOutside(function (event) {
|
|
62
|
+
var target = event.target;
|
|
63
|
+
var isFocusInBranch = _toConsumableArray(context.branches).some(function (branch) {
|
|
64
|
+
return branch.contains(target);
|
|
65
|
+
});
|
|
66
|
+
if (isFocusInBranch) return;
|
|
67
|
+
onFocusOutside === null || onFocusOutside === void 0 ? void 0 : onFocusOutside(event);
|
|
68
|
+
onInteractOutside === null || onInteractOutside === void 0 ? void 0 : onInteractOutside(event);
|
|
69
|
+
if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
|
|
70
|
+
}, ownerDocument);
|
|
71
|
+
useEscapeKeydown(function (event) {
|
|
72
|
+
var isHighestLayer = index === context.layers.size - 1;
|
|
73
|
+
if (!isHighestLayer) return;
|
|
74
|
+
onEscapeKeyDown === null || onEscapeKeyDown === void 0 ? void 0 : onEscapeKeyDown(event);
|
|
75
|
+
if (!event.defaultPrevented && onDismiss) {
|
|
76
|
+
event.preventDefault();
|
|
77
|
+
onDismiss();
|
|
78
|
+
}
|
|
79
|
+
}, ownerDocument);
|
|
80
|
+
useEffect(function () {
|
|
81
|
+
if (!node) return;
|
|
82
|
+
if (disableOutsidePointerEvents) {
|
|
83
|
+
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
84
|
+
originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
|
|
85
|
+
ownerDocument.body.style.pointerEvents = "none";
|
|
64
86
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
87
|
+
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
88
|
+
}
|
|
89
|
+
context.layers.add(node);
|
|
90
|
+
dispatchUpdate();
|
|
91
|
+
return function () {
|
|
92
|
+
if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
|
|
93
|
+
ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;
|
|
74
94
|
}
|
|
75
|
-
|
|
95
|
+
};
|
|
96
|
+
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
97
|
+
useEffect(function () {
|
|
98
|
+
return function () {
|
|
99
|
+
if (!node) return;
|
|
100
|
+
context.layers.delete(node);
|
|
101
|
+
context.layersWithOutsidePointerEventsDisabled.delete(node);
|
|
76
102
|
dispatchUpdate();
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
{
|
|
99
|
-
...layerProps,
|
|
100
|
-
ref: composedRefs,
|
|
101
|
-
style: {
|
|
102
|
-
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
|
|
103
|
-
...props.style
|
|
104
|
-
},
|
|
105
|
-
onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
|
|
106
|
-
onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
|
|
107
|
-
onPointerDownCapture: composeEventHandlers(
|
|
108
|
-
props.onPointerDownCapture,
|
|
109
|
-
pointerDownOutside.onPointerDownCapture
|
|
110
|
-
)
|
|
111
|
-
}
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
);
|
|
103
|
+
};
|
|
104
|
+
}, [node, context]);
|
|
105
|
+
useEffect(function () {
|
|
106
|
+
var handleUpdate = function handleUpdate() {
|
|
107
|
+
return force({});
|
|
108
|
+
};
|
|
109
|
+
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
110
|
+
return function () {
|
|
111
|
+
return document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
112
|
+
};
|
|
113
|
+
}, []);
|
|
114
|
+
return /* @__PURE__ */jsx(Primitive.div, _objectSpread2(_objectSpread2({}, layerProps), {}, {
|
|
115
|
+
ref: composedRefs,
|
|
116
|
+
style: _objectSpread2({
|
|
117
|
+
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0
|
|
118
|
+
}, props.style),
|
|
119
|
+
onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
|
|
120
|
+
onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
|
|
121
|
+
onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
|
|
122
|
+
}));
|
|
123
|
+
});
|
|
115
124
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
116
125
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
117
|
-
var DismissableLayerBranch = forwardRef((props, forwardedRef)
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
useEffect(()
|
|
122
|
-
|
|
126
|
+
var DismissableLayerBranch = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
|
|
127
|
+
var context = useContext(DismissableLayerContext);
|
|
128
|
+
var ref = useRef(null);
|
|
129
|
+
var composedRefs = useComposedRefs(forwardedRef, ref);
|
|
130
|
+
useEffect(function () {
|
|
131
|
+
var node = ref.current;
|
|
123
132
|
if (node) {
|
|
124
133
|
context.branches.add(node);
|
|
125
|
-
return ()
|
|
134
|
+
return function () {
|
|
126
135
|
context.branches.delete(node);
|
|
127
136
|
};
|
|
128
137
|
}
|
|
129
138
|
}, [context.branches]);
|
|
130
|
-
return /* @__PURE__ */
|
|
139
|
+
return /* @__PURE__ */jsx(Primitive.div, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
140
|
+
ref: composedRefs
|
|
141
|
+
}));
|
|
131
142
|
});
|
|
132
143
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
133
|
-
function usePointerDownOutside(onPointerDownOutside
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
});
|
|
138
|
-
useEffect(()
|
|
139
|
-
|
|
144
|
+
function usePointerDownOutside(onPointerDownOutside) {
|
|
145
|
+
var ownerDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
|
|
146
|
+
var handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
147
|
+
var isPointerInsideReactTreeRef = useRef(false);
|
|
148
|
+
var handleClickRef = useRef(function () {});
|
|
149
|
+
useEffect(function () {
|
|
150
|
+
var handlePointerDown = function handlePointerDown(event) {
|
|
140
151
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
141
|
-
|
|
142
|
-
handleAndDispatchCustomEvent(
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
152
|
+
var handleAndDispatchPointerDownOutsideEvent2 = function handleAndDispatchPointerDownOutsideEvent2() {
|
|
153
|
+
handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
|
|
154
|
+
discrete: true
|
|
155
|
+
});
|
|
156
|
+
};
|
|
157
|
+
var eventDetail = {
|
|
158
|
+
originalEvent: event
|
|
148
159
|
};
|
|
149
|
-
const eventDetail = { originalEvent: event };
|
|
150
160
|
if (event.pointerType === "touch") {
|
|
151
161
|
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
152
162
|
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
|
|
153
|
-
ownerDocument.addEventListener("click", handleClickRef.current, {
|
|
163
|
+
ownerDocument.addEventListener("click", handleClickRef.current, {
|
|
164
|
+
once: true
|
|
165
|
+
});
|
|
154
166
|
} else {
|
|
155
167
|
handleAndDispatchPointerDownOutsideEvent2();
|
|
156
168
|
}
|
|
@@ -159,10 +171,10 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
159
171
|
}
|
|
160
172
|
isPointerInsideReactTreeRef.current = false;
|
|
161
173
|
};
|
|
162
|
-
|
|
174
|
+
var timerId = window.setTimeout(function () {
|
|
163
175
|
ownerDocument.addEventListener("pointerdown", handlePointerDown);
|
|
164
176
|
}, 0);
|
|
165
|
-
return ()
|
|
177
|
+
return function () {
|
|
166
178
|
window.clearTimeout(timerId);
|
|
167
179
|
ownerDocument.removeEventListener("pointerdown", handlePointerDown);
|
|
168
180
|
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
@@ -170,37 +182,55 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
170
182
|
}, [ownerDocument, handlePointerDownOutside]);
|
|
171
183
|
return {
|
|
172
184
|
// ensures we check React component tree (not just DOM tree)
|
|
173
|
-
onPointerDownCapture: ()
|
|
185
|
+
onPointerDownCapture: function onPointerDownCapture() {
|
|
186
|
+
return isPointerInsideReactTreeRef.current = true;
|
|
187
|
+
}
|
|
174
188
|
};
|
|
175
189
|
}
|
|
176
|
-
function useFocusOutside(onFocusOutside
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
190
|
+
function useFocusOutside(onFocusOutside) {
|
|
191
|
+
var ownerDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
|
|
192
|
+
var handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
193
|
+
var isFocusInsideReactTreeRef = useRef(false);
|
|
194
|
+
useEffect(function () {
|
|
195
|
+
var handleFocus = function handleFocus(event) {
|
|
181
196
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
182
|
-
|
|
197
|
+
var eventDetail = {
|
|
198
|
+
originalEvent: event
|
|
199
|
+
};
|
|
183
200
|
handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
|
|
184
201
|
discrete: false
|
|
185
202
|
});
|
|
186
203
|
}
|
|
187
204
|
};
|
|
188
205
|
ownerDocument.addEventListener("focusin", handleFocus);
|
|
189
|
-
return ()
|
|
206
|
+
return function () {
|
|
207
|
+
return ownerDocument.removeEventListener("focusin", handleFocus);
|
|
208
|
+
};
|
|
190
209
|
}, [ownerDocument, handleFocusOutside]);
|
|
191
210
|
return {
|
|
192
|
-
onFocusCapture: ()
|
|
193
|
-
|
|
211
|
+
onFocusCapture: function onFocusCapture() {
|
|
212
|
+
return isFocusInsideReactTreeRef.current = true;
|
|
213
|
+
},
|
|
214
|
+
onBlurCapture: function onBlurCapture() {
|
|
215
|
+
return isFocusInsideReactTreeRef.current = false;
|
|
216
|
+
}
|
|
194
217
|
};
|
|
195
218
|
}
|
|
196
219
|
function dispatchUpdate() {
|
|
197
|
-
|
|
220
|
+
var event = new CustomEvent(CONTEXT_UPDATE);
|
|
198
221
|
document.dispatchEvent(event);
|
|
199
222
|
}
|
|
200
|
-
function handleAndDispatchCustomEvent(name, handler, detail,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
223
|
+
function handleAndDispatchCustomEvent(name, handler, detail, _ref) {
|
|
224
|
+
var discrete = _ref.discrete;
|
|
225
|
+
var target = detail.originalEvent.target;
|
|
226
|
+
var event = new CustomEvent(name, {
|
|
227
|
+
bubbles: false,
|
|
228
|
+
cancelable: true,
|
|
229
|
+
detail: detail
|
|
230
|
+
});
|
|
231
|
+
if (handler) target.addEventListener(name, handler, {
|
|
232
|
+
once: true
|
|
233
|
+
});
|
|
204
234
|
if (discrete) {
|
|
205
235
|
dispatchDiscreteCustomEvent(target, event);
|
|
206
236
|
} else {
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,16 +1,23 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
+
import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
4
|
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.mjs.js';
|
|
4
5
|
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
var useReactId = React["useId".toString()] || function () {
|
|
7
|
+
return void 0;
|
|
8
|
+
};
|
|
7
9
|
var count = 0;
|
|
8
10
|
function useId(deterministicId) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
var _React$useState = useState(useReactId()),
|
|
12
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
13
|
+
id = _React$useState2[0],
|
|
14
|
+
setId = _React$useState2[1];
|
|
15
|
+
useLayoutEffect2(function () {
|
|
16
|
+
if (!deterministicId) setId(function (reactId) {
|
|
17
|
+
return reactId !== null && reactId !== void 0 ? reactId : String(count++);
|
|
18
|
+
});
|
|
12
19
|
}, [deterministicId]);
|
|
13
|
-
return deterministicId || (id ?
|
|
20
|
+
return deterministicId || (id ? "radix-".concat(id) : "");
|
|
14
21
|
}
|
|
15
22
|
|
|
16
23
|
export { useId };
|
|
@@ -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;"}
|
|
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;"}
|